@colijnit/transaction 1.9.28 → 12.0.1

package/bundles/colijnit-transaction.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/line-operation-response.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/utils/array-utils'), require('@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo'), require('@colijnit/transactionapi/build/model/transaction-total.bo'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('@colijnit/transactionapi/build/model/line-operation-status.bo'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/corecomponents_v9'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/platform-browser/animations'), require('@angular/flex-layout'), require('@angular/material/stepper'), require('@angular/common'), require('@angular/platform-browser'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/transactionapi/build/enum/sort-direction'), require('@colijnit/transactionapi/build/enum/sort-type.enum'), require('@colijnit/transactionapi/build/utils/sort-utils'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum')) :
     typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/line-operation-response.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/utils/array-utils', '@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo', '@colijnit/transactionapi/build/model/transaction-total.bo', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', '@colijnit/transactionapi/build/model/line-operation-status.bo', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/address-type.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/corecomponents_v9', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/platform-browser/animations', '@angular/flex-layout', '@angular/material/stepper', '@angular/common', '@angular/platform-browser', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/transactionapi/build/enum/sort-direction', '@colijnit/transactionapi/build/enum/sort-type.enum', '@colijnit/transactionapi/build/utils/sort-utils', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.rxjs, global.options, global.customerFullObject_bo, global.transactionInfoResponse_bo, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.articleFullObject, global.lineOperationResponse_bo, global.transaction, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.nulRelationObject, global.transactionKind_enum, global.sequenceName_enum, global.arrayUtils, global.setTransactionDeliveryOptionsRequest_bo, global.transactionTotal_bo, global.transactionLineType_enum, global.lineOperationStatus_bo, global.transactionInfo_bo, global.pendingReasonType_enum, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.addressType_enum, global.genderType_enum, global.businessObjectUtils, global.corecomponents_v9, global.functionUtils, global.address_bo, global.ng.platformBrowser.animations, global.ng.flexLayout, global.ng.material.stepper, global.ng.common, global.ng.platformBrowser, global.resolvePendingReasonRequest_bo, global.sortDirection, global.sortType_enum, global.sortUtils, global.stockStatus_enum));
-}(this, (function (exports, i0, rxjs, options, customerFullObject_bo, transactionInfoResponse_bo, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, articleFullObject, lineOperationResponse_bo, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, nulRelationObject, transactionKind_enum, sequenceName_enum, arrayUtils, setTransactionDeliveryOptionsRequest_bo, transactionTotal_bo, transactionLineType_enum, lineOperationStatus_bo, transactionInfo_bo, pendingReasonType_enum, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, corecomponents_v9, functionUtils, address_bo, animations, flexLayout, stepper, common, platformBrowser, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, sortUtils, stockStatus_enum) { 'use strict';
+})(this, (function (exports, i0, rxjs, options, customerFullObject_bo, transactionInfoResponse_bo, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, articleFullObject, lineOperationResponse_bo, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, nulRelationObject, transactionKind_enum, sequenceName_enum, arrayUtils, setTransactionDeliveryOptionsRequest_bo, transactionTotal_bo, transactionLineType_enum, lineOperationStatus_bo, transactionInfo_bo, pendingReasonType_enum, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, corecomponents_v9, functionUtils, address_bo, animations, flexLayout, stepper, common, platformBrowser, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, sortUtils, stockStatus_enum) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -45,11 +43,13 @@
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
             function (d, b) { for (var p in b)
-                if (b.hasOwnProperty(p))
+                if (Object.prototype.hasOwnProperty.call(b, p))
                     d[p] = b[p]; };
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -183,15 +183,19 @@
             return { value: op[0] ? op[1] : void 0, done: true };
         }
     }
-    function __createBinding(o, m, k, k2) {
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
         o[k2] = m[k];
-    }
-    function __exportStar(m, exports) {
+    });
+    function __exportStar(m, o) {
         for (var p in m)
-            if (p !== "default" && !exports.hasOwnProperty(p))
-                exports[p] = m[p];
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
     }
     function __values(o) {
         var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
@@ -231,11 +235,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -244,7 +250,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -290,35 +306,43 @@
         return cooked;
     }
     ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
     function __importStar(mod) {
         if (mod && mod.__esModule)
             return mod;
         var result = {};
         if (mod != null)
             for (var k in mod)
-                if (Object.hasOwnProperty.call(mod, k))
-                    result[k] = mod[k];
-        result.default = mod;
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
         return result;
     }
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    exports.ɵk = /** @class */ (function () {
+    var OptionsService = /** @class */ (function () {
         function OptionsService() {
             this.optionsLoaded = new rxjs.BehaviorSubject(false);
         }
@@ -329,7 +353,7 @@
             set: function (value) {
                 this._options = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         OptionsService.prototype.createSettingsFromObject = function (obj) {
@@ -417,9 +441,10 @@
         };
         return OptionsService;
     }());
-    exports.ɵk = __decorate([
-        i0.Injectable()
-    ], exports.ɵk);
+    OptionsService.decorators = [
+        { type: i0.Injectable }
+    ];
+    OptionsService.ctorParameters = function () { return []; };
 
     var PROP_META_KEY$3 = "complexField";
     /**
@@ -446,7 +471,7 @@
             // 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.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..");
@@ -932,7 +957,7 @@
                     var mapKeys = mapProperty_decorator.MapPropertyDecorator.GetMapProperty(_this, key).split(",");
                     var len = mapKeys.length;
                     for (var i = 0; i < len; i++) {
-                        // tslint:disable-next-line:typedef
+                        // eslint-disable-next-line 
                         var mapKey = mapKeys[i].trim();
                         var objProp = rawData[mapKey];
                         var decorated = false;
@@ -947,13 +972,13 @@
                             }
                             if (complexArray_decorator.ComplexArrayDecorator.IsComplexArray(_this, key)) {
                                 var arrayClass = complexArray_decorator.ComplexArrayDecorator.GetComplexArrayType(_this, key);
-                                // tslint:disable-next-line:typedef
+                                // eslint-disable-next-line 
                                 var origArray = _this[key];
-                                // tslint:disable-next-line:typedef
+                                // eslint-disable-next-line 
                                 var newArray = [];
-                                // tslint:disable-next-line:prefer-for-of
+                                // eslint-disable-next-line @typescript-eslint/prefer-for-of
                                 for (var j = 0; j < origArray.length; j++) {
-                                    // tslint:disable-next-line:typedef
+                                    // eslint-disable-next-line
                                     var item = new arrayClass(origArray[j]);
                                     newArray.push(item);
                                 }
@@ -1100,7 +1125,7 @@
         return BusinessObjectFactory;
     }());
 
-    exports.ɵg = /** @class */ (function () {
+    var IOneConnectorAdapterService = /** @class */ (function () {
         function IOneConnectorAdapterService() {
             this._boFactory = new BusinessObjectFactory();
             this._countryList = [];
@@ -1277,10 +1302,10 @@
                 });
             });
         };
-        IOneConnectorAdapterService.prototype.saveTransaction = function (uuid, close) {
+        IOneConnectorAdapterService.prototype.saveTransaction = function (uuid) {
             var _this = this;
             return new Promise(function (resolve, reject) {
-                return _this.connector.saveTransaction(uuid, close).then(function (result) {
+                return _this.connector.saveTransaction(uuid).then(function (result) {
                     if (result.validationResult && result.validationResult.success) {
                         resolve(_this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, result.resultObject));
                     }
@@ -1412,7 +1437,7 @@
                     return [2 /*return*/, new Promise(function (resolve, reject) {
                             return _this.connector.addRelationToTransaction(uuid, relationId).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    resolve(result.resultObjects);
+                                    resolve(result.validationResult.success);
                                 }
                                 else {
                                     reject(result.validationMessagesAsString);
@@ -1633,11 +1658,12 @@
         };
         return IOneConnectorAdapterService;
     }());
-    exports.ɵg = __decorate([
-        i0.Injectable()
-    ], exports.ɵg);
+    IOneConnectorAdapterService.decorators = [
+        { type: i0.Injectable }
+    ];
+    IOneConnectorAdapterService.ctorParameters = function () { return []; };
 
-    exports.ɵf = /** @class */ (function () {
+    var TransactionService = /** @class */ (function () {
         function TransactionService(_connector) {
             this._connector = _connector;
             this.transactionUpdated = new i0.EventEmitter();
@@ -1659,7 +1685,7 @@
                 this._currentLines = value;
                 this.articleAmount = arrayUtils.ArrayUtils.FindAll(this._currentLines, function (line) { return line.isArticle; }).length;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionService.prototype, "currentTotals", {
@@ -1669,21 +1695,21 @@
             set: function (value) {
                 this._currentTotals = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionService.prototype, "currentRelation", {
             get: function () {
                 return this._currentRelation;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionService.prototype, "currentTransaction", {
             get: function () {
                 return this._currentTransaction;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionService.prototype, "currentLineOperationStatuses", {
@@ -1693,7 +1719,7 @@
             set: function (values) {
                 this._currentLineOperationStatuses = values;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionService.prototype, "currentLineOperationStatus", {
@@ -1705,7 +1731,7 @@
             set: function (value) {
                 this._currentLineOperationStatus = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         TransactionService.prototype.getArticleFullObject = function (goodId) {
@@ -1912,8 +1938,8 @@
                 _this._connector.getTransactionByNrAndKind(kind, transactionNr)
                     .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
+                        this._rememberCurrentTransaction(response);
                         if (response.isSuccess) {
-                            this._rememberCurrentTransaction(response);
                             resolve(true);
                         }
                         else {
@@ -1933,7 +1959,7 @@
                 var response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.saveTransaction(this.currentTransaction.uuid, close)];
+                        case 0: return [4 /*yield*/, this._connector.saveTransaction(this.currentTransaction.uuid)];
                         case 1:
                             response = _a.sent();
                             if (response.isSuccess) {
@@ -2144,7 +2170,7 @@
                                 reject(error);
                             })
                                 .catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2169,7 +2195,7 @@
                                 });
                             }); })
                                 .catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2195,7 +2221,7 @@
                                 });
                             }); })
                                 .catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2217,7 +2243,7 @@
                                     return [2 /*return*/];
                                 });
                             }); }).catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2305,10 +2331,12 @@
         };
         return TransactionService;
     }());
-    exports.ɵf = __decorate([
-        i0.Injectable(),
-        __param(0, i0.Inject(exports.ɵg))
-    ], exports.ɵf);
+    TransactionService.decorators = [
+        { type: i0.Injectable }
+    ];
+    TransactionService.ctorParameters = function () { return [
+        { type: IOneConnectorAdapterService }
+    ]; };
 
     var LanguageCode;
     (function (LanguageCode) {
@@ -2407,6 +2435,7 @@
                     "ARTICLE_IN_OUT_COLLECTION": "Status van artikel is '|~'. Weet u zeker dat u door wilt gaan?",
                     "ARTICLE_NR": "Artikelnummer",
                     "ASSEMBLY_COSTS": "Montagekosten",
+                    "ASSEMBLY_DATE": "Montagedatum",
                     "AMOUNT": "Aantal",
                     "BACK": "Terug",
                     "CANCEL": "Annuleren",
@@ -2433,18 +2462,20 @@
                     "DELIVERY_ADDRESS_ADD": "Bezorgadres toevoegen",
                     "DELIVERY_ADDRESS_CHANGE": "Bezorgadres wijzigen",
                     "DELIVERY_COSTS": "Bezorgkosten",
-                    "DELIVERY_DATE": "Bezorgdatum",
+                    "DELIVERY_DATE": "Leverdatum",
+                    "DELIVERY_DATE_FINAL": "Definitieve leverdatum",
                     "DELIVERY_DIRECT": "Direct leverbaar",
                     "DELIVERY_LOCATION": "Bezorgingslocatie",
-                    "DELIVERY_OPTIONS": "Bezorgopties",
-                    "DELIVERY_METHOD2": "Bezorgmethode",
-                    "DELIVERY_MOMENT": "Bezorgmoment",
+                    "DELIVERY_OPTIONS": "Leveropties",
+                    "DELIVERY_METHOD2": "Levermethode",
+                    "DELIVERY_MOMENT": "Levermoment",
                     "DELIVERY_OPTARTICLE_NRIONS": "Bezorgopties",
                     "DELIVERY_TIME_PERIOD": "Levertijd",
                     "DESCRIPTION": "Omschrijving",
                     "DISCOUNT": "Korting",
                     "DISCOUNT_AMOUNT": "Kortingsbedrag",
                     "DISCOUNT_PERCENTAGE": "Kortings %",
+                    "DROPSHIPMENT": "Dropshipment",
                     "EMAIL_ADDRESS": "E-mailadres",
                     "EXISTING_CUSTOMERS": "Bestaande klanten",
                     "FEMALE": "Vrouw",
@@ -2518,6 +2549,7 @@
                     "SURCHARGE_AMOUNT": "Toeslag",
                     "STREET": "Straatnaam",
                     "TOTAL_GROSS": "Totaal bruto",
+                    "TOTAL_ASSEMBLY_TIME": "Totale montagetijd",
                     "TRANSACTION_DISCOUNT": "Totale transactie korting",
                     "TRANSACTION_DISCOUNT_PERC": "% Trans. korting",
                     "TRANSACTION_PRICE_DECLARATION": "Order prijsverklaring",
@@ -2544,6 +2576,7 @@
                     "ARTICLE_IN_OUT_COLLECTION": "Status of article is '|~'. Are you sure to proceed?",
                     "ARTICLE_NR": "Article number",
                     "ASSEMBLY_COSTS": "Assembly costs",
+                    "ASSEMBLY_DATE": "Assembly date",
                     "AMOUNT": "Amount",
                     "BACK": "Back",
                     "CANCEL": "Cancel",
@@ -2571,6 +2604,7 @@
                     "DELIVERY_ADDRESS_CHANGE": "Change delivery address",
                     "DELIVERY_COSTS": "Delivery costs",
                     "DELIVERY_DATE": "Delivery date",
+                    "DELIVERY_DATE_FINAL": "Final delivery date",
                     "DELIVERY_DIRECT": "Direct delivery",
                     "DELIVERY_LOCATION": "Delivery location",
                     "DELIVERY_OPTIONS": "Delivery options",
@@ -2582,6 +2616,7 @@
                     "DISCOUNT": "Discount",
                     "DISCOUNT_AMOUNT": "Discount amount",
                     "DISCOUNT_PERCENTAGE": "Discount %",
+                    "DROPSHIPMENT": "Dropshipment",
                     "EMAIL_ADDRESS": "E-mailadres",
                     "EXISTING_CUSTOMERS": "Existing customers",
                     "FEMALE": "Female",
@@ -2647,6 +2682,7 @@
                     "SURCHARGE_AMOUNT": "Surcharge",
                     "STREET": "Streetname",
                     "TOTAL_GROSS": "Gross total",
+                    "TOTAL_ASSEMBLY_TIME": "Total assembly time",
                     "TRANSACTION_DISCOUNT": "Total transaction discount",
                     "TRANSACTION_DISCOUNT_PERC": "% Trans. discount",
                     "TRANSACTION_PRICE_DECLARATION": "Transaction price declaration",
@@ -2664,7 +2700,7 @@
     }());
 
     // The localization service, providing peers with text translation functionality.
-    exports.ɵi = /** @class */ (function () {
+    var DictionaryService = /** @class */ (function () {
         function DictionaryService() {
             this.dictionaryUrl = "js/browser/res/dictionary/";
             // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
@@ -2676,7 +2712,7 @@
             get: function () {
                 return this._language;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DictionaryService.prototype, "rootUrl", {
@@ -2684,7 +2720,7 @@
                 this._rootUrl = value;
                 this._dictBasePath = this._rootUrl + "/" + this.dictionaryUrl;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         // Loads the dictionary for given language in memory.
@@ -2695,9 +2731,9 @@
                     this._language = language || LanguageCode.Dutch;
                     if (!this._dictionaries.has(this._language)) {
                         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()]);
                         }
                     }
@@ -2730,17 +2766,18 @@
                 text = text.charAt(0).toLowerCase() + text.slice(1);
             }
             if (replacementTexts.length > 0) {
-                text = StringUtils.ReplaceOccurrencesIn.apply(StringUtils, __spread([text, this._placeholder], replacementTexts));
+                text = StringUtils.ReplaceOccurrencesIn.apply(StringUtils, __spreadArray([text, this._placeholder], __read(replacementTexts)));
             }
             return text;
         };
         return DictionaryService;
     }());
-    exports.ɵi = __decorate([
-        i0.Injectable()
-    ], exports.ɵi);
+    DictionaryService.decorators = [
+        { type: i0.Injectable }
+    ];
+    DictionaryService.ctorParameters = function () { return []; };
 
-    exports.ɵl = /** @class */ (function () {
+    var TransactionEventService = /** @class */ (function () {
         function TransactionEventService() {
             this.addToCartBySku = new rxjs.Subject();
             this.addToCartBySelectorResult = new rxjs.Subject();
@@ -2751,10 +2788,10 @@
         }
         return TransactionEventService;
     }());
-    exports.ɵl.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new exports.ɵl(); }, token: exports.ɵl, providedIn: "root" });
-    exports.ɵl = __decorate([
-        i0.Injectable({ providedIn: "root" })
-    ], exports.ɵl);
+    TransactionEventService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
+    TransactionEventService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: "root" },] }
+    ];
 
     var CheckoutSteps;
     (function (CheckoutSteps) {
@@ -2766,7 +2803,7 @@
         CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
     })(CheckoutSteps || (CheckoutSteps = {}));
 
-    exports.ɵd = /** @class */ (function () {
+    var CheckoutOverviewBlockComponent = /** @class */ (function () {
         function CheckoutOverviewBlockComponent() {
             this.sequenceNr = 1;
             this.startInEdit = false;
@@ -2791,27 +2828,22 @@
         };
         return CheckoutOverviewBlockComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵd.prototype, "sequenceNr", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵd.prototype, "label", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵd.prototype, "startInEdit", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵd.prototype, "editModeChange", void 0);
-    exports.ɵd = __decorate([
-        i0.Component({
-            selector: "checkout-overview-block",
-            template: "\n        <div class=\"overview-wrapper\" fxLayout=\"column\" fxLayoutGap=\"0px\">\n            <div class=\"overview-header\" fxLayout=\"row\">\n            </div>\n                <div class=\"overview-body\" fxLayout=\"row\" fxLayoutGap=\"20px\">\n                <ng-content select=\"[edit-mode-content]\"></ng-content>\n            </div>\n        </div>\n    ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}"]
-        })
-    ], exports.ɵd);
+    CheckoutOverviewBlockComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-overview-block",
+                    template: "\n        <div class=\"overview-wrapper\" fxLayout=\"column\" fxLayoutGap=\"0px\">\n            <div class=\"overview-header\" fxLayout=\"row\">\n            </div>\n                <div class=\"overview-body\" fxLayout=\"row\" fxLayoutGap=\"20px\">\n                <ng-content select=\"[edit-mode-content]\"></ng-content>\n            </div>\n        </div>\n    ",
+                    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 = function () { return []; };
+    CheckoutOverviewBlockComponent.propDecorators = {
+        sequenceNr: [{ type: i0.Input }],
+        label: [{ type: i0.Input }],
+        startInEdit: [{ type: i0.Input }],
+        editModeChange: [{ type: i0.Output }]
+    };
 
-    exports.ɵe = /** @class */ (function () {
+    var CheckoutOverviewRelationEditComponent = /** @class */ (function () {
         function CheckoutOverviewRelationEditComponent(_changeDetector, _transactionService) {
             var _this = this;
             this._changeDetector = _changeDetector;
@@ -2834,7 +2866,7 @@
             // fetches relation suggestions
             this._relationNameChangeHandler = functionUtils.FunctionUtils.Throttle(function () {
                 return _this._relationNameChangedHandlerFn();
-                // tslint:disable-next-line:no-magic-numbers
+                // eslint-disable-next-line no-magic-numbers
             }, 600);
         }
         Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "relation", {
@@ -2846,14 +2878,14 @@
                 this.preparePrimaryEmail();
                 this.preparePrimaryPhone();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "relationAsCustomer", {
             get: function () {
                 return this._relation && this._relation;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "editFirstAddress", {
@@ -2870,7 +2902,7 @@
                     return address;
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "firstAddress", {
@@ -2886,14 +2918,14 @@
                     addressType_enum.AddressType.NursingAddress
                 ]);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "applicationUser", {
             get: function () {
                 return this._transactionService.applicationUser;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutOverviewRelationEditComponent.prototype.ngOnInit = function () {
@@ -3067,35 +3099,27 @@
         };
         return CheckoutOverviewRelationEditComponent;
     }());
-    __decorate([
-        i0.ViewChild(corecomponents_v9.FormComponent, { static: true })
-    ], exports.ɵe.prototype, "relationForm", void 0);
-    __decorate([
-        i0.ViewChild(corecomponents_v9.CoSidebarComponent, { static: false })
-    ], exports.ɵe.prototype, "relationSidebar", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵe.prototype, "relation", null);
-    __decorate([
-        i0.Input()
-    ], exports.ɵe.prototype, "transaction", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵe.prototype, "validSubmit", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵe.prototype, "invalidSubmit", void 0);
-    exports.ɵe = __decorate([
-        i0.Component({
-            selector: "checkout-overview-relation-edit",
-            template: "\n      <co-form (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n        <div>\n            <label [textContent]=\"'ACCOUNT_DETAILS' | localize\"\n                   class=\"checkout-label-h2\"\n            ></label>\n        </div>\n        <div>\n            <label [textContent]=\"'PERSONAL_DATA' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n        <div>\n            <div>\n                <label [textContent]=\"'ORDER_TYPE' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n            </div>\n            <div>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'PRIVATE_PERSON' | localize\"\n                   [value]=\"relType.Private\"\n                   [checked]=\"relation.type === relType.Private\"\n                   (modelChange)=\"changeRelationType(relType.Private)\"\n                    ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'COMPANY' | localize\"\n                   [value]=\"relType.Company\"\n                   [(model)]=\"relation.type\"\n                   [checked]=\"relation.type === relType.Company\"\n                   (modelChange)=\"changeRelationType(relType.Company)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <label [textContent]=\"'SALUTATION' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <div>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'MALE' | localize\"\n                   [value]=\"genderType.Male\"\n                   [checked]=\"relation.gender === genderType.Male\"\n                   (modelChange)=\"changeGenderType(genderType.Male)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'FEMALE' | localize \"\n                   [value]=\"genderType.Female\"\n                   [checked]=\"relation.gender === genderType.Female\"\n                   (modelChange)=\"changeGenderType(genderType.Female)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'UNKNOWN' | localize\"\n                   [value]=\"genderType.Unspecified\"\n                   [checked]=\"relation.gender === genderType.Unspecified\"\n                   (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <div>\n                <label [textContent]=\"'NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <div class=\"default-flex-row\">\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.firstName\"\n                      [placeholder]=\"'FIRST_NAME' | localize \"\n                      (modelChange)=\"firstNameChange($event)\"\n                      required\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.prefix\"\n                      [placeholder]=\"'PREFIX' | localize \"\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.familyName\"\n                      [placeholder]=\"'LAST_NAME' | localize\"\n                      (modelChange)=\"familyNameChange($event)\"\n                      required></co-input-text>\n                  </div>\n                </div>\n            </div>\n        </div>\n        <div >\n            <div *ngIf=\"relation?.type === relType.Company\" class=\"default-flex-column\">\n                <label [textContent]=\"'COMPANY_NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <co-input-text [(model)]=\"relation.familyName\" [label]=\"'COMPANY_NAME'\" required></co-input-text>\n            </div>\n        </div>\n\n        <div>\n          <checkout-overview-relation-address\n                  label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n          ></checkout-overview-relation-address>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n            <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" required></co-input-date>\n          </div>\n          <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" required></co-input-text>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'LOGIN_DETAILS' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n        <div>\n          <p>{{ 'ACCOUNT_EXPLANATION' | localize }}</p>\n        </div>\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" required></co-input-text>\n          </div>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div *ngIf=\"!applicationUser\" class=\"default-flex-column\">\n              <co-input-text [(model)]=\"accountPassword\" [placeholder]=\"'PASSWORD' | localize \" [type]=\"'password'\" required></co-input-text>\n          </div>\n          <div *ngIf=\"applicationUser\" class=\"default-flex-column\">\n            <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'PRIVACY_PREFERENCES' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n\n        <div *ngFor=\"let privacySetting of privacySettings\">\n            <div class=\"privacy-row\">\n                <div class=\"privacy-column-left\">\n                    <co-input-checkbox [label]=\"privacySetting.description\"\n                                       [model]=\"isShared(privacySetting)\"\n                                       (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n                    ></co-input-checkbox>\n                </div>\n                <div class=\"privacy-column-right\">\n                    {{ privacySetting.explanation }}\n                </div>\n            </div>\n        </div>\n    </co-form>\n\n    <co-sidebar #relationSidebar isOpen=\"false\" *ngIf=\"showRelationSidebar\">\n      <div class=\"relation-sidebar-header\">\n          <label [textContent]=\"'SUGGESTIONS' | localize \"\n                 class=\"checkout-label-h3\"\n          ></label>\n        </div>\n      <checkout-relation-suggestions-list\n        [suggestions]=\"relationSuggestions\"\n        (suggestionButtonClick)=\"onRelationSuggestionClick($event)\"\n      ></checkout-relation-suggestions-list>\n    </co-sidebar>\n\n    ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}", ".relation-sidebar-header{margin-left:5px}"]
-        }),
-        __param(0, i0.Inject(i0.ChangeDetectorRef)),
-        __param(1, i0.Inject(exports.ɵf))
-    ], exports.ɵe);
+    CheckoutOverviewRelationEditComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-overview-relation-edit",
+                    template: "\n      <co-form (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n        <div>\n            <label [textContent]=\"'ACCOUNT_DETAILS' | localize\"\n                   class=\"checkout-label-h2\"\n            ></label>\n        </div>\n        <div>\n            <label [textContent]=\"'PERSONAL_DATA' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>7\n        </div>\n        <div>\n            <div>\n                <label [textContent]=\"'ORDER_TYPE' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n            </div>\n            <div>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'PRIVATE_PERSON' | localize\"\n                   [value]=\"relType.Private\"\n                   [checked]=\"relation.type === relType.Private\"\n                   (modelChange)=\"changeRelationType(relType.Private)\"\n                    ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'COMPANY' | localize\"\n                   [value]=\"relType.Company\"\n                   [(model)]=\"relation.type\"\n                   [checked]=\"relation.type === relType.Company\"\n                   (modelChange)=\"changeRelationType(relType.Company)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <label [textContent]=\"'SALUTATION' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <div>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'MALE' | localize\"\n                   [value]=\"genderType.Male\"\n                   [checked]=\"relation.gender === genderType.Male\"\n                   (modelChange)=\"changeGenderType(genderType.Male)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'FEMALE' | localize \"\n                   [value]=\"genderType.Female\"\n                   [checked]=\"relation.gender === genderType.Female\"\n                   (modelChange)=\"changeGenderType(genderType.Female)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'UNKNOWN' | localize\"\n                   [value]=\"genderType.Unspecified\"\n                   [checked]=\"relation.gender === genderType.Unspecified\"\n                   (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <div>\n                <label [textContent]=\"'NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <div class=\"default-flex-row\">\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.firstName\"\n                      [placeholder]=\"'FIRST_NAME' | localize \"\n                      (modelChange)=\"firstNameChange($event)\"\n                      required\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.prefix\"\n                      [placeholder]=\"'PREFIX' | localize \"\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.familyName\"\n                      [placeholder]=\"'LAST_NAME' | localize\"\n                      (modelChange)=\"familyNameChange($event)\"\n                      required></co-input-text>\n                  </div>\n                </div>\n            </div>\n        </div>\n        <div >\n            <div *ngIf=\"relation?.type === relType.Company\" class=\"default-flex-column\">\n                <label [textContent]=\"'COMPANY_NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <co-input-text [(model)]=\"relation.familyName\" [label]=\"'COMPANY_NAME'\" required></co-input-text>\n            </div>\n        </div>\n\n        <div>\n          <checkout-overview-relation-address\n                  label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n          ></checkout-overview-relation-address>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n            <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" required></co-input-date>\n          </div>\n          <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" required></co-input-text>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'LOGIN_DETAILS' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n        <div>\n          <p>{{ 'ACCOUNT_EXPLANATION' | localize }}</p>\n        </div>\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" required></co-input-text>\n          </div>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div *ngIf=\"!applicationUser\" class=\"default-flex-column\">\n              <co-input-text [(model)]=\"accountPassword\" [placeholder]=\"'PASSWORD' | localize \" [type]=\"'password'\" required></co-input-text>\n          </div>\n          <div *ngIf=\"applicationUser\" class=\"default-flex-column\">\n            <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'PRIVACY_PREFERENCES' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n\n        <div *ngFor=\"let privacySetting of privacySettings\">\n            <div class=\"privacy-row\">\n                <div class=\"privacy-column-left\">\n                    <co-input-checkbox [label]=\"privacySetting.description\"\n                                       [model]=\"isShared(privacySetting)\"\n                                       (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n                    ></co-input-checkbox>\n                </div>\n                <div class=\"privacy-column-right\">\n                    {{ privacySetting.explanation }}\n                </div>\n            </div>\n        </div>\n    </co-form>\n\n    <co-sidebar #relationSidebar isOpen=\"false\" *ngIf=\"showRelationSidebar\">\n      <div class=\"relation-sidebar-header\">\n          <label [textContent]=\"'SUGGESTIONS' | localize \"\n                 class=\"checkout-label-h3\"\n          ></label>\n        </div>\n      <checkout-relation-suggestions-list\n        [suggestions]=\"relationSuggestions\"\n        (suggestionButtonClick)=\"onRelationSuggestionClick($event)\"\n      ></checkout-relation-suggestions-list>\n    </co-sidebar>\n\n    ",
+                    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 = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: TransactionService }
+    ]; };
+    CheckoutOverviewRelationEditComponent.propDecorators = {
+        relationForm: [{ type: i0.ViewChild, args: [corecomponents_v9.FormComponent, { static: true },] }],
+        relationSidebar: [{ type: i0.ViewChild, args: [corecomponents_v9.CoSidebarComponent, { static: false },] }],
+        relation: [{ type: i0.Input }],
+        transaction: [{ type: i0.Input }],
+        validSubmit: [{ type: i0.Output }],
+        invalidSubmit: [{ type: i0.Output }]
+    };
 
-    exports.ɵh = /** @class */ (function () {
+    var CheckoutOverviewDeliveryEditComponent = /** @class */ (function () {
         function CheckoutOverviewDeliveryEditComponent(cdr, _dictionaryService, service) {
             this.cdr = cdr;
             this._dictionaryService = _dictionaryService;
@@ -3121,6 +3145,11 @@
             this.marketingFields = { text: "description", value: "code" };
             this.addresses = [];
             this.columns = [];
+            // TODO: Deze velden nog opnemen in Transaction!!
+            this.deliveryDateFinal = false;
+            this.assemblyDate = new Date();
+            this.totalAssemblyTime = "";
+            this.dropshipment = false;
             this.columns.push({ field: "streetName", headerText: this._dictionaryService.get("STREET") }, { field: "houseNo", headerText: this._dictionaryService.get("HOUSE_NO") }, { field: "houseNoAddition", headerText: this._dictionaryService.get("HOUSE_NO_ADDITION") }, { field: "postalCode", headerText: this._dictionaryService.get("POSTAL_CODE"), allowFiltering: false }, { field: "city", headerText: this._dictionaryService.get("CITY") });
         }
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "billingAddress", {
@@ -3135,7 +3164,7 @@
                 }
                 return this.transaction.invoiceAddress;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "deliveryAddress", {
@@ -3150,7 +3179,7 @@
                 }
                 return this.transaction.transactionAddress;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "deliveryDate", {
@@ -3163,7 +3192,7 @@
             set: function (value) {
                 this.transaction.deliveryDate = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "preferredDeliveryDate", {
@@ -3176,7 +3205,7 @@
             set: function (value) {
                 this.transaction.preferredDeliveryDate = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutOverviewDeliveryEditComponent.prototype.newRelationAddress = function () {
@@ -3343,45 +3372,31 @@
         };
         return CheckoutOverviewDeliveryEditComponent;
     }());
-    __decorate([
-        i0.ViewChild("deliveryForm", { read: corecomponents_v9.FormComponent })
-    ], exports.ɵh.prototype, "deliveryForm", void 0);
-    __decorate([
-        i0.ViewChild("locationForm", { read: corecomponents_v9.FormComponent })
-    ], exports.ɵh.prototype, "locationForm", void 0);
-    __decorate([
-        i0.ViewChild("changeLocationDialog")
-    ], exports.ɵh.prototype, "changeLocationDialog", void 0);
-    __decorate([
-        i0.ViewChild("addressGrid")
-    ], exports.ɵh.prototype, "addressGrid", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵh.prototype, "relation", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵh.prototype, "transaction", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵh.prototype, "validSubmit", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵh.prototype, "invalidSubmit", void 0);
-    exports.ɵh = __decorate([
-        i0.Component({
-            selector: "checkout-overview-delivery-edit",
-            template: "\n    <co-form #deliveryForm (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n      <div>\n        <div>\n          <label [textContent]=\"'DELIVERY' | localize\"\n                 class=\"checkout-label-h2\"\n          ></label>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'DELIVERY_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"deliveryAddress\"></checkout-overview-delivery-address>\n            <div *ngIf=\"deliveryAddress\" class=\"container-button-change-address\">\n              <co-button [label]=\"'DELIVERY_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(deliveryAddressType)\"></co-button>\n            </div>\n        </div>\n\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'INVOICE_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"billingAddress\"></checkout-overview-delivery-address>\n            <div *ngIf=\"billingAddress\" class=\"container-button-change-address\">\n              <co-button [label]=\"'INVOICE_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(billingAddressType)\"></co-button>\n            </div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'DELIVERY_MOMENT' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'DELIVERY_DATE' | localize \" [(model)]=\"deliveryDate\"></co-input-date>\n          <co-input-checkbox [label]=\"'PART_DELIVERIES' | localize\" [(model)]=\"transaction.allowPartialDelivery\"></co-input-checkbox>\n        </div>\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'PREFERRED_DATE' | localize \" [(model)]=\"preferredDate\"></co-input-date>\n          <ng-container *ngFor=\"let preferredDateOption of preferredDateOptions\">\n            <co-input-radio-button [name]=\"'preferedDeliveryDate2'\"\n                                   [label]=\"preferredDateOption.text | localize\"\n                                   [value]=\"preferredDateOption.value\"\n                                   [checked]=\"transaction.preferredDeliveryDate2 === preferredDateOption.value\"\n                                   (modelChange)=\"changePreferredDeliveryDate2(preferredDateOption.value)\"\n            ></co-input-radio-button>\n          </ng-container>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.deliveryMethod\"\n                            [source]=\"deliveryMethods\"\n                            [fields]=\"deliveryMethodFields\"\n                            [placeholder]=\"'DELIVERY_METHOD2' | localize\"\n                            [required]=\"true\"\n                            (modelChange)=\"onDeliveryMethodChange($event)\"\n            ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div>\n          <label [textContent]=\"'DELIVERY_OPTIONS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-multi-select-list\n            [placeHolder]=\"'DELIVERY_OPTIONS' | localize\"\n            [collection]=\"deliveryOptions\"\n            [fields]=\"deliveryOptionFields\"\n            [(model)]=\"transaction.deliveryOptions\"\n            [showCheckbox]=\"true\"\n            [required]=\"true\"\n          ></co-multi-select-list>\n          </div>\n      </div>\n\n      <div class=\"\">\n        <label [textContent]=\"'REMARKS' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.remark\" [placeholder]=\"'REMARKS' | localize\"></co-input-text>\n          </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div>\n          <label [textContent]=\"'DELIVERY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ deliveryCosts }}</div>\n        </div>\n        <div>\n          <label [textContent]=\"'ASSEMBLY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ assemblyCosts }}</div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'MARKETING' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.marketingCode\"\n                              [source]=\"marketing\"\n                              [fields]=\"marketingFields\"\n                              [placeholder]=\"'MARKETING' | localize\"\n                              [required]=\"true\"\n                              (modelChange)=\"onMarketingCodeChange($event)\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.relationReference\" [placeholder]=\"'REFERENCE_RELATION' | localize\"></co-input-text>\n        </div>\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.ownReference\" [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n\n    <co-dialog [visible]=\"addLocationPopup\">\n      <ng-container header>{{ 'NEW_LOCATION' | localize }}</ng-container>\n        <co-form #locationForm (validSubmit)=\"saveLocation()\">\n          <checkout-overview-relation-address\n            label=\"ADDRESS\" [address]=\"newAddress\"\n          ></checkout-overview-relation-address>\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"addLocationPopup = false;\"></co-button>\n            <co-button [label]=\"'SAVE' | localize\" (click)=\"saveNewLocation()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n\n    <co-dialog #changeLocationDialog\n               [visible]=\"changeLocationPopup\"\n               (closeClick)=\"onChangeLocationCancelClick()\"\n               (overlayClick)=\"onChangeLocationCancelClick()\"\n    >\n      <ng-container header>{{ 'ADDRESS' | localize }}</ng-container>\n      <co-form>\n        <div class=\"form-content\">\n          <div>\n            <co-grid #addressGrid\n                     [data]=\"addresses\"\n                     [columns]=\"columns\"\n                     [pagingEnabled]=\"'true'\"\n                     [maxNumberOfRows]=\"'20'\"\n                     (rowsSelected)=\"handleAddressSelected($event)\"\n            ></co-grid>\n          </div>\n        </div>\n        <div class=\"flex-center\" fxLayoutGap=\"10px\">\n          <co-button [label]=\"'ADDRESS_ADD' | localize\" (click)=\"onAddLocationOkClick()\"></co-button>\n          <co-button [label]=\"'CANCEL' | localize\" (click)=\"onChangeLocationCancelClick()\"></co-button>\n        </div>\n      </co-form>\n    </co-dialog>\n  ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}", ".container-button-change-address{margin-top:5px}"]
-        }),
-        __param(0, i0.Inject(i0.ChangeDetectorRef)),
-        __param(1, i0.Inject(exports.ɵi)),
-        __param(2, i0.Inject(exports.ɵf))
-    ], exports.ɵh);
+    CheckoutOverviewDeliveryEditComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-overview-delivery-edit",
+                    template: "\n    <co-form #deliveryForm (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n      <div>\n        <div>\n          <label [textContent]=\"'DELIVERY' | localize\"\n                 class=\"checkout-label-h2\"\n          ></label>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'DELIVERY_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"deliveryAddress\"></checkout-overview-delivery-address>\n            <div class=\"container-button-change-address\">\n              <co-button [label]=\"'DELIVERY_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(deliveryAddressType)\"></co-button>\n            </div>\n        </div>\n\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'INVOICE_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"billingAddress\"></checkout-overview-delivery-address>\n            <div class=\"container-button-change-address\">\n              <co-button [label]=\"'INVOICE_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(billingAddressType)\"></co-button>\n            </div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'DELIVERY_MOMENT' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'DELIVERY_DATE' | localize \" [(model)]=\"deliveryDate\"></co-input-date>\n          <co-input-checkbox [label]=\"'PART_DELIVERIES' | localize\" [(model)]=\"transaction.allowPartialDelivery\"></co-input-checkbox>\n        </div>\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'PREFERRED_DATE' | localize \" [(model)]=\"preferredDate\"></co-input-date>\n          <ng-container *ngFor=\"let preferredDateOption of preferredDateOptions\">\n            <co-input-radio-button [name]=\"'preferedDeliveryDate2'\"\n                                   [label]=\"preferredDateOption.text | localize\"\n                                   [value]=\"preferredDateOption.value\"\n                                   [checked]=\"transaction.preferredDeliveryDate2 === preferredDateOption.value\"\n                                   (modelChange)=\"changePreferredDeliveryDate2(preferredDateOption.value)\"\n            ></co-input-radio-button>\n          </ng-container>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.deliveryMethod\"\n                            [source]=\"deliveryMethods\"\n                            [fields]=\"deliveryMethodFields\"\n                            [placeholder]=\"'DELIVERY_METHOD2' | localize\"\n                            [required]=\"true\"\n                            (modelChange)=\"onDeliveryMethodChange($event)\"\n            ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div>\n          <label [textContent]=\"'DELIVERY_OPTIONS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-multi-select-list\n            [placeHolder]=\"'DELIVERY_OPTIONS' | localize\"\n            [collection]=\"deliveryOptions\"\n            [fields]=\"deliveryOptionFields\"\n            [(model)]=\"transaction.deliveryOptions\"\n            [showCheckbox]=\"true\"\n            [required]=\"true\"\n          ></co-multi-select-list>\n          </div>\n      </div>\n\n      <div class=\"\">\n        <label [textContent]=\"'REMARKS' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.remark\" [placeholder]=\"'REMARKS' | localize\"></co-input-text>\n          </div>\n      </div>\n\n      <div class=\"default-flex-column\">\n        <co-input-checkbox [label]=\"'DELIVERY_DATE_FINAL' | localize\" [(model)]=\"deliveryDateFinal\"></co-input-checkbox>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-date [placeholder]=\"'ASSEMBLY_DATE' | localize \" [(model)]=\"assemblyDate\"></co-input-date>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-text [placeholder]=\"'TOTAL_ASSEMBLY_TIME' | localize \" [(model)]=\"totalAssemblyTime\"></co-input-text>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-checkbox [label]=\"'DROPSHIPMENT' | localize\" [(model)]=\"dropshipment\"></co-input-checkbox>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div>\n          <label [textContent]=\"'DELIVERY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ deliveryCosts }}</div>\n        </div>\n        <div>\n          <label [textContent]=\"'ASSEMBLY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ assemblyCosts }}</div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'MARKETING' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.marketingCode\"\n                              [source]=\"marketing\"\n                              [fields]=\"marketingFields\"\n                              [placeholder]=\"'MARKETING' | localize\"\n                              [required]=\"true\"\n                              (modelChange)=\"onMarketingCodeChange($event)\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.relationReference\" [placeholder]=\"'REFERENCE_RELATION' | localize\"></co-input-text>\n        </div>\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.ownReference\" [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n        </div>\n      </div>\n\n    </co-form>\n\n    <co-dialog [visible]=\"addLocationPopup\">\n      <ng-container header>{{ 'NEW_LOCATION' | localize }}</ng-container>\n        <co-form #locationForm (validSubmit)=\"saveLocation()\">\n          <checkout-overview-relation-address\n            label=\"ADDRESS\" [address]=\"newAddress\"\n          ></checkout-overview-relation-address>\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"addLocationPopup = false;\"></co-button>\n            <co-button [label]=\"'SAVE' | localize\" (click)=\"saveNewLocation()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n\n    <co-dialog #changeLocationDialog\n               [visible]=\"changeLocationPopup\"\n               (closeClick)=\"onChangeLocationCancelClick()\"\n               (overlayClick)=\"onChangeLocationCancelClick()\"\n    >\n      <ng-container header>{{ 'ADDRESS' | localize }}</ng-container>\n      <co-form>\n        <div class=\"form-content\">\n          <div>\n            <co-grid #addressGrid\n                     [data]=\"addresses\"\n                     [columns]=\"columns\"\n                     [pagingEnabled]=\"'true'\"\n                     [maxNumberOfRows]=\"'20'\"\n                     (rowsSelected)=\"handleAddressSelected($event)\"\n            ></co-grid>\n          </div>\n        </div>\n        <div class=\"flex-center\" fxLayoutGap=\"10px\">\n          <co-button [label]=\"'ADDRESS_ADD' | localize\" (click)=\"onAddLocationOkClick()\"></co-button>\n          <co-button [label]=\"'CANCEL' | localize\" (click)=\"onChangeLocationCancelClick()\"></co-button>\n        </div>\n      </co-form>\n    </co-dialog>\n  ",
+                    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 = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: DictionaryService },
+        { type: TransactionService }
+    ]; };
+    CheckoutOverviewDeliveryEditComponent.propDecorators = {
+        deliveryForm: [{ type: i0.ViewChild, args: ["deliveryForm", { read: corecomponents_v9.FormComponent },] }],
+        locationForm: [{ type: i0.ViewChild, args: ["locationForm", { read: corecomponents_v9.FormComponent },] }],
+        changeLocationDialog: [{ type: i0.ViewChild, args: ["changeLocationDialog",] }],
+        addressGrid: [{ type: i0.ViewChild, args: ["addressGrid",] }],
+        relation: [{ type: i0.Input }],
+        transaction: [{ type: i0.Input }],
+        validSubmit: [{ type: i0.Output }],
+        invalidSubmit: [{ type: i0.Output }]
+    };
 
-    exports.ɵc = /** @class */ (function () {
-        function CheckoutOverviewComponent(
-        //  public service: RetailTransactionModuleService
-        ) {
+    var CheckoutOverviewComponent = /** @class */ (function () {
+        function CheckoutOverviewComponent() {
             this.steps = CheckoutSteps;
             //
             // @ViewChild("paymentBlock", {read: CheckoutOverviewBlockComponent})
@@ -3395,7 +3410,7 @@
             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) => {
@@ -3512,49 +3527,29 @@
         };
         return CheckoutOverviewComponent;
     }());
-    __decorate([
-        i0.ViewChild("relationBlock", { read: exports.ɵd })
-    ], exports.ɵc.prototype, "relationBlock", void 0);
-    __decorate([
-        i0.ViewChild("relationForm", { read: exports.ɵe })
-    ], exports.ɵc.prototype, "relationForm", void 0);
-    __decorate([
-        i0.ViewChild("deliveryBlock", { read: exports.ɵd })
-    ], exports.ɵc.prototype, "deliveryBlock", void 0);
-    __decorate([
-        i0.ViewChild("deliveryForm", { read: exports.ɵh })
-    ], exports.ɵc.prototype, "deliveryForm", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵc.prototype, "relation", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵc.prototype, "transaction", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵc.prototype, "userIsApplicationUser", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵc.prototype, "saveRelation", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵc.prototype, "saveDelivery", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵc.prototype, "savePayment", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵc.prototype, "stepFinished", void 0);
-    exports.ɵc = __decorate([
-        i0.Component({
-            selector: "checkout-overview",
-            template: "\n        <checkout-overview-block  #relationBlock sequenceNr=\"2\" label=\"YOUR_DATA\"\n                                 *ngIf=\"currentStep === steps.Relation\"\n                                 (editModeChange)=\"handleEditChangeRelation($event)\">\n            <ng-container edit-mode-content>\n                <checkout-overview-relation-edit #relationForm\n                                                 *ngIf=\"currentStep == steps.Relation && editMode\"\n                                                 [relation]=\"relation\"\n                                                 [transaction]=\"transaction\"\n                                                 (validSubmit)=\"onRelationValid()\"\n                                                 (invalidSubmit)=\"onRelationInvalid()\"\n                ></checkout-overview-relation-edit>\n            </ng-container>\n        </checkout-overview-block>\n\n        <checkout-overview-block #deliveryBlock sequenceNr=\"3\" label=\"DELIVERY\"\n                                 [hidden]=\"currentStep !== steps.Delivery\"\n                                 (editModeChange)=\"handleEditChangeDelivery($event)\">\n          <ng-container edit-mode-content>\n            <checkout-overview-delivery-edit #deliveryForm\n                                             [hidden]=\"currentStep !== steps.Delivery\"\n                                             [relation]=\"relation\"\n                                             [transaction]=\"transaction\"\n                                             (validSubmit)=\"onDeliveryValid()\"\n            ></checkout-overview-delivery-edit>\n          </ng-container>\n        </checkout-overview-block>\n   ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}"]
-        })
-    ], exports.ɵc);
+    CheckoutOverviewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-overview",
+                    template: "\n        <checkout-overview-block  #relationBlock sequenceNr=\"2\" label=\"YOUR_DATA\"\n                                 *ngIf=\"currentStep === steps.Relation\"\n                                 (editModeChange)=\"handleEditChangeRelation($event)\">\n            <ng-container edit-mode-content>\n                <checkout-overview-relation-edit #relationForm\n                                                 *ngIf=\"currentStep == steps.Relation && editMode\"\n                                                 [relation]=\"relation\"\n                                                 [transaction]=\"transaction\"\n                                                 (validSubmit)=\"onRelationValid()\"\n                                                 (invalidSubmit)=\"onRelationInvalid()\"\n                ></checkout-overview-relation-edit>\n            </ng-container>\n        </checkout-overview-block>\n\n        <checkout-overview-block #deliveryBlock sequenceNr=\"3\" label=\"DELIVERY\"\n                                 [hidden]=\"currentStep !== steps.Delivery\"\n                                 (editModeChange)=\"handleEditChangeDelivery($event)\">\n          <ng-container edit-mode-content>\n            <checkout-overview-delivery-edit #deliveryForm\n                                             [hidden]=\"currentStep !== steps.Delivery\"\n                                             [relation]=\"relation\"\n                                             [transaction]=\"transaction\"\n                                             (validSubmit)=\"onDeliveryValid()\"\n            ></checkout-overview-delivery-edit>\n          </ng-container>\n        </checkout-overview-block>\n   ",
+                    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 = function () { return []; };
+    CheckoutOverviewComponent.propDecorators = {
+        relationBlock: [{ type: i0.ViewChild, args: ["relationBlock", { read: CheckoutOverviewBlockComponent },] }],
+        relationForm: [{ type: i0.ViewChild, args: ["relationForm", { read: CheckoutOverviewRelationEditComponent },] }],
+        deliveryBlock: [{ type: i0.ViewChild, args: ["deliveryBlock", { read: CheckoutOverviewBlockComponent },] }],
+        deliveryForm: [{ type: i0.ViewChild, args: ["deliveryForm", { read: CheckoutOverviewDeliveryEditComponent },] }],
+        relation: [{ type: i0.Input }],
+        transaction: [{ type: i0.Input }],
+        userIsApplicationUser: [{ type: i0.Input }],
+        saveRelation: [{ type: i0.Output }],
+        saveDelivery: [{ type: i0.Output }],
+        savePayment: [{ type: i0.Output }],
+        stepFinished: [{ type: i0.Output }]
+    };
 
-    var CheckoutComponent_1;
-    exports.ɵb = CheckoutComponent_1 = /** @class */ (function () {
+    var CheckoutComponent = /** @class */ (function () {
         function CheckoutComponent(service, promptService) {
             this.service = service;
             this.promptService = promptService;
@@ -3566,28 +3561,28 @@
             get: function () {
                 return this.service.currentRelation;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutComponent.prototype, "transaction", {
             get: function () {
                 return this.service.currentTransaction;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutComponent.prototype, "canContinue", {
             get: function () {
                 return this.stepper && (this.stepper.selectedIndex !== 0 || !isNill_function.isNill(this.relation));
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutComponent.prototype, "finished", {
             get: function () {
                 return this.stepper && this.stepper.steps && this.stepper.selectedIndex === this.stepper.steps.length - 1;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutComponent.prototype, "userIsApplicationUser", {
@@ -3595,7 +3590,7 @@
                 // TODO: return this.userService.isApplicationUser;
                 return true;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutComponent._currentStepByIndex = function (index) {
@@ -3612,12 +3607,12 @@
         };
         CheckoutComponent.prototype.continue = function () {
             var 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;
             }
@@ -3690,7 +3685,7 @@
             });
         };
         CheckoutComponent.prototype.stepChanged = function (event) {
-            this.overview.moveToStep(CheckoutComponent_1._currentStepByIndex(event.selectedIndex), true);
+            this.overview.moveToStep(CheckoutComponent._currentStepByIndex(event.selectedIndex), true);
         };
         CheckoutComponent.prototype.insertData = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -3721,23 +3716,23 @@
         };
         return CheckoutComponent;
     }());
-    __decorate([
-        i0.ViewChild(exports.ɵc)
-    ], exports.ɵb.prototype, "overview", void 0);
-    __decorate([
-        i0.ViewChild("stepper")
-    ], exports.ɵb.prototype, "stepper", void 0);
-    exports.ɵb = CheckoutComponent_1 = __decorate([
-        i0.Component({
-            selector: "app-checkout",
-            template: "\n        <div class=\"checkout-viewport\">\n            <mat-horizontal-stepper #stepper\n                [linear]=\"true\" labelPosition=\"bottom\"\n                (selectionChange)=\"stepChanged($event)\">\n                    <mat-step [label]=\"'YOUR_DATA' | localize\" [completed]=\"completedRelation\"></mat-step>\n                    <mat-step [label]=\"'DELIVERY'  | localize\" [completed]=\"completedDelivery\"></mat-step>\n                    <mat-step [label]=\"'PAYMENT' | localize\"></mat-step>\n                    <mat-step [label]=\"'OVERVIEW' | localize\"></mat-step>\n            </mat-horizontal-stepper>\n            <checkout-overview [relation]=\"relation\"\n               [transaction]=\"transaction\"\n               [userIsApplicationUser]=\"userIsApplicationUser\"\n               (saveRelation)=\"handleSaveRelation()\"\n               (saveDelivery)=\"handleSaveDelivery()\"\n               (stepFinished)=\"stepFinished()\"></checkout-overview>\n            <div class=\"step-content-customer\"></div>\n        </div>\n  ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}"]
-        }),
-        __param(0, i0.Inject(exports.ɵf)),
-        __param(1, i0.Inject(corecomponents_v9.PromptService))
-    ], exports.ɵb);
+    CheckoutComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-checkout",
+                    template: "\n        <div class=\"checkout-viewport\">\n            <mat-horizontal-stepper #stepper\n                [linear]=\"true\" labelPosition=\"bottom\"\n                (selectionChange)=\"stepChanged($event)\">\n                    <mat-step [label]=\"'YOUR_DATA' | localize\" [completed]=\"completedRelation\"></mat-step>\n                    <mat-step [label]=\"'DELIVERY'  | localize\" [completed]=\"completedDelivery\"></mat-step>\n                    <mat-step [label]=\"'PAYMENT' | localize\"></mat-step>\n                    <mat-step [label]=\"'OVERVIEW' | localize\"></mat-step>\n            </mat-horizontal-stepper>\n            <checkout-overview [relation]=\"relation\"\n               [transaction]=\"transaction\"\n               [userIsApplicationUser]=\"userIsApplicationUser\"\n               (saveRelation)=\"handleSaveRelation()\"\n               (saveDelivery)=\"handleSaveDelivery()\"\n               (stepFinished)=\"stepFinished()\"></checkout-overview>\n            <div class=\"step-content-customer\"></div>\n        </div>\n  ",
+                    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 = function () { return [
+        { type: TransactionService },
+        { type: corecomponents_v9.PromptService }
+    ]; };
+    CheckoutComponent.propDecorators = {
+        overview: [{ type: i0.ViewChild, args: [CheckoutOverviewComponent,] }],
+        stepper: [{ type: i0.ViewChild, args: ["stepper",] }]
+    };
 
-    exports.ɵa = /** @class */ (function () {
+    var RetailTransactionCheckoutComponent = /** @class */ (function () {
         function RetailTransactionCheckoutComponent(service) {
             this.service = service;
         }
@@ -3746,7 +3741,7 @@
                 var _a;
                 return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "canContinue", {
@@ -3754,7 +3749,7 @@
                 var _a;
                 return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "started", {
@@ -3762,14 +3757,14 @@
                 var _a;
                 return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(RetailTransactionCheckoutComponent.prototype, "finished", {
             get: function () {
                 return this.checkout && this.checkout.finished;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         RetailTransactionCheckoutComponent.prototype.continueCheckout = function () {
@@ -3780,19 +3775,21 @@
         };
         return RetailTransactionCheckoutComponent;
     }());
-    __decorate([
-        i0.ViewChild(exports.ɵb, { static: true })
-    ], exports.ɵa.prototype, "checkout", void 0);
-    exports.ɵa = __decorate([
-        i0.Component({
-            selector: "app-retail-transaction-checkout",
-            template: "\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <app-checkout class=\"checkout\"></app-checkout>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <ng-template #content>\n      <div class=\"checkout-retail-viewport checkout-row-end\">\n        <co-button [label]=\"'BACK'| localize\" [disabled]=\"!canPrevious\" (click)=\"previousCheckout()\"></co-button>\n        <co-button [label]=\"'CONTINUE'| localize\" [disabled]=\"!canContinue\" (click)=\"continueCheckout()\"></co-button>\n      </div>\n    </ng-template>\n  ",
-            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}"]
-        }),
-        __param(0, i0.Inject(exports.ɵf))
-    ], exports.ɵa);
+    RetailTransactionCheckoutComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-retail-transaction-checkout",
+                    template: "\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <app-checkout class=\"checkout\"></app-checkout>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <ng-template #content>\n      <div class=\"checkout-retail-viewport checkout-row-end\">\n        <co-button [label]=\"'BACK'| localize\" [disabled]=\"!canPrevious\" (click)=\"previousCheckout()\"></co-button>\n        <co-button [label]=\"'CONTINUE'| localize\" [disabled]=\"!canContinue\" (click)=\"continueCheckout()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    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 = function () { return [
+        { type: TransactionService }
+    ]; };
+    RetailTransactionCheckoutComponent.propDecorators = {
+        checkout: [{ type: i0.ViewChild, args: [CheckoutComponent, { static: true },] }]
+    };
 
-    exports.ɵj = /** @class */ (function () {
+    var CheckoutLoginComponent = /** @class */ (function () {
         function CheckoutLoginComponent() {
             this.createNewAccountSubmit = new i0.EventEmitter();
             this.continueWithoutSubmit = new i0.EventEmitter();
@@ -3828,30 +3825,23 @@
         };
         return CheckoutLoginComponent;
     }());
-    __decorate([
-        i0.ViewChild("loginForm")
-    ], exports.ɵj.prototype, "loginForm", void 0);
-    __decorate([
-        i0.ViewChild("accountForm")
-    ], exports.ɵj.prototype, "accountForm", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵj.prototype, "createNewAccountSubmit", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵj.prototype, "continueWithoutSubmit", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵj.prototype, "loginSubmit", void 0);
-    exports.ɵj = __decorate([
-        i0.Component({
-            selector: "checkout-login",
-            template: "\n    <h1>{{ \"LOGIN\" | localize}}</h1>\n    <div class=\"users\">\n      <co-form #loginForm (validSubmit)=\"login()\">\n        <div class=\"existing-user\">\n          <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n          <co-input-text\n            [(model)]=\"userEmailAddress\"\n            [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n            [type]=\"'email'\"\n            required\n          ></co-input-text>\n\n          <co-input-text\n            [(model)]=\"userPassword\"\n            [placeholder]=\"'PASSWORD' | localize \"\n            [type]=\"'password'\"\n            required\n          ></co-input-text>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n\n      <co-form #accountForm (validSubmit)=\"accountLogin()\">\n        <div class=\"new-user\">\n          <p class=\"boxedbottom\">\n            <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n            <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n          </p>\n          <div class=\"new-user-e-mail\">\n            <co-input-text\n              [(model)]=\"userNewEmailAddress\"\n              [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n              [type]=\"'email'\"\n              required\n            ></co-input-text>\n          </div>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'CREATE_ACCOUNT' | localize\"\n              (click)=\"createAccountSubmit()\"\n            ></co-button>\n            <co-button\n              [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n              (click)=\"continueSubmit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n    </div>\n  ",
-            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}"]
-        })
-    ], exports.ɵj);
+    CheckoutLoginComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-login",
+                    template: "\n    <h1>{{ \"LOGIN\" | localize}}</h1>\n    <div class=\"users\">\n      <co-form #loginForm (validSubmit)=\"login()\">\n        <div class=\"existing-user\">\n          <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n          <co-input-text\n            [(model)]=\"userEmailAddress\"\n            [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n            [type]=\"'email'\"\n            required\n          ></co-input-text>\n\n          <co-input-text\n            [(model)]=\"userPassword\"\n            [placeholder]=\"'PASSWORD' | localize \"\n            [type]=\"'password'\"\n            required\n          ></co-input-text>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n\n      <co-form #accountForm (validSubmit)=\"accountLogin()\">\n        <div class=\"new-user\">\n          <p class=\"boxedbottom\">\n            <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n            <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n          </p>\n          <div class=\"new-user-e-mail\">\n            <co-input-text\n              [(model)]=\"userNewEmailAddress\"\n              [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n              [type]=\"'email'\"\n              required\n            ></co-input-text>\n          </div>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'CREATE_ACCOUNT' | localize\"\n              (click)=\"createAccountSubmit()\"\n            ></co-button>\n            <co-button\n              [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n              (click)=\"continueSubmit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n    </div>\n  ",
+                    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 = function () { return []; };
+    CheckoutLoginComponent.propDecorators = {
+        loginForm: [{ type: i0.ViewChild, args: ["loginForm",] }],
+        accountForm: [{ type: i0.ViewChild, args: ["accountForm",] }],
+        createNewAccountSubmit: [{ type: i0.Output }],
+        continueWithoutSubmit: [{ type: i0.Output }],
+        loginSubmit: [{ type: i0.Output }]
+    };
 
-    exports.IoneCheckoutComponent = /** @class */ (function () {
+    var IoneCheckoutComponent = /** @class */ (function () {
         function IoneCheckoutComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
             var _this = this;
             this._changeDetector = _changeDetector;
@@ -3888,7 +3878,7 @@
                     this._optionsService.initialize(options).then();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(IoneCheckoutComponent.prototype, "applicationUser", {
@@ -3899,14 +3889,14 @@
                 this._applicationUser = value;
                 this._service.applicationUser = this.applicationUser;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(IoneCheckoutComponent.prototype, "transactionNr", {
             get: function () {
                 return this._service.currentTransaction.transactionNr;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         IoneCheckoutComponent.prototype.ngOnInit = function () {
@@ -3974,34 +3964,30 @@
         };
         return IoneCheckoutComponent;
     }());
-    __decorate([
-        i0.ViewChild(exports.ɵa)
-    ], exports.IoneCheckoutComponent.prototype, "retailCheckout", void 0);
-    __decorate([
-        i0.ViewChild(exports.ɵj)
-    ], exports.IoneCheckoutComponent.prototype, "checkoutLogin", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.IoneCheckoutComponent.prototype, "options", null);
-    __decorate([
-        i0.Input()
-    ], exports.IoneCheckoutComponent.prototype, "applicationUser", null);
-    exports.IoneCheckoutComponent = __decorate([
-        i0.Component({
-            selector: "ione-checkout",
-            template: "\n    <ng-container *ngIf=\"show && (applicationUser || loggedIn)\">\n      <app-retail-transaction-checkout></app-retail-transaction-checkout>\n    </ng-container>\n\n\n    <div *ngIf=\"show && !applicationUser && !loggedIn\">\n      <checkout-login\n        #checkoutLogin\n        (continueWithoutSubmit)=\"continueWithoutAccount()\"\n        (createNewAccountSubmit)=\"createNewAccount()\"\n      ></checkout-login>\n    </div>\n  "
-        }),
-        __param(0, i0.Inject(i0.ChangeDetectorRef)),
-        __param(1, i0.Inject(exports.ɵk)),
-        __param(2, i0.Inject(exports.ɵg)),
-        __param(3, i0.Inject(exports.ɵi)),
-        __param(4, i0.Inject(exports.ɵf)),
-        __param(5, i0.Inject(exports.ɵl)),
-        __param(6, i0.Inject(corecomponents_v9.PromptService)),
-        __param(7, i0.Inject(exports.ɵl))
-    ], exports.IoneCheckoutComponent);
+    IoneCheckoutComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "ione-checkout",
+                    template: "\n    <ng-container *ngIf=\"show && (applicationUser || loggedIn)\">\n      <app-retail-transaction-checkout></app-retail-transaction-checkout>\n    </ng-container>\n\n\n    <div *ngIf=\"show && !applicationUser && !loggedIn\">\n      <checkout-login\n        #checkoutLogin\n        (continueWithoutSubmit)=\"continueWithoutAccount()\"\n        (createNewAccountSubmit)=\"createNewAccount()\"\n      ></checkout-login>\n    </div>\n  "
+                },] }
+    ];
+    IoneCheckoutComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: OptionsService },
+        { type: IOneConnectorAdapterService },
+        { type: DictionaryService },
+        { type: TransactionService },
+        { type: TransactionEventService },
+        { type: corecomponents_v9.PromptService },
+        { type: TransactionEventService }
+    ]; };
+    IoneCheckoutComponent.propDecorators = {
+        retailCheckout: [{ type: i0.ViewChild, args: [RetailTransactionCheckoutComponent,] }],
+        checkoutLogin: [{ type: i0.ViewChild, args: [CheckoutLoginComponent,] }],
+        options: [{ type: i0.Input }],
+        applicationUser: [{ type: i0.Input }]
+    };
 
-    exports.ɵm = /** @class */ (function () {
+    var CheckoutOverviewRelationAddressComponent = /** @class */ (function () {
         function CheckoutOverviewRelationAddressComponent(_dictionary, _connector) {
             this._dictionary = _dictionary;
             this._connector = _connector;
@@ -4020,7 +4006,7 @@
             set: function (address) {
                 this._address = address;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutOverviewRelationAddressComponent.prototype.ngOnInit = function () {
@@ -4073,23 +4059,23 @@
         };
         return CheckoutOverviewRelationAddressComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵm.prototype, "label", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵm.prototype, "address", null);
-    exports.ɵm = __decorate([
-        i0.Component({
-            selector: "checkout-overview-relation-address",
-            template: "\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        <div class=\"default-flex-row\">\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.postalCode\"\n                             [placeholder]=\"'POSTAL_CODE' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNo\"\n                             [placeholder]=\"'HOUSE_NO' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             (modelChange) = \"changeHouseNo()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNoAddition\"\n                             [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n              ></co-input-text>\n            </div>\n        </div>\n        <div>\n            <div class=\"default-flex-row\">\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-combo-box [(model)]=\"address.countryId\"\n                                    [source]=\"countries\"\n                                    [fields]=\"fields\"\n                                    [placeholder]=\"'COUNTRY'| localize\"\n                                    [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n            </div>\n        </div>\n    ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}"]
-        }),
-        __param(0, i0.Inject(exports.ɵi)),
-        __param(1, i0.Inject(exports.ɵg))
-    ], exports.ɵm);
+    CheckoutOverviewRelationAddressComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-overview-relation-address",
+                    template: "\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        <div class=\"default-flex-row\">\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.postalCode\"\n                             [placeholder]=\"'POSTAL_CODE' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNo\"\n                             [placeholder]=\"'HOUSE_NO' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             (modelChange) = \"changeHouseNo()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNoAddition\"\n                             [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n              ></co-input-text>\n            </div>\n        </div>\n        <div>\n            <div class=\"default-flex-row\">\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-combo-box [(model)]=\"address.countryId\"\n                                    [source]=\"countries\"\n                                    [fields]=\"fields\"\n                                    [placeholder]=\"'COUNTRY'| localize\"\n                                    [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n            </div>\n        </div>\n    ",
+                    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 = function () { return [
+        { type: DictionaryService },
+        { type: IOneConnectorAdapterService }
+    ]; };
+    CheckoutOverviewRelationAddressComponent.propDecorators = {
+        label: [{ type: i0.Input }],
+        address: [{ type: i0.Input }]
+    };
 
-    exports.ɵn = /** @class */ (function () {
+    var CheckoutOverviewDeliveryAddressComponent = /** @class */ (function () {
         function CheckoutOverviewDeliveryAddressComponent(service) {
             this.service = service;
             this.editRequest = new i0.EventEmitter();
@@ -4099,23 +4085,21 @@
         };
         return CheckoutOverviewDeliveryAddressComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵn.prototype, "label", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵn.prototype, "address", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵn.prototype, "editRequest", void 0);
-    exports.ɵn = __decorate([
-        i0.Component({
-            selector: "checkout-overview-delivery-address",
-            template: "\n    <div>\n      <div>\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div (click)=\"onClick()\">\n        <div>\n          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n        </div>\n        <div>\n          {{ address?.postalCode }} {{ address?.city}}\n        </div>\n        <div>\n          {{ address?.countryName }}\n        </div>\n      </div>\n    </div>\n  ",
-            styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.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}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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;-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{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}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}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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{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{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}", ""]
-        }),
-        __param(0, i0.Inject(exports.ɵf))
-    ], exports.ɵn);
+    CheckoutOverviewDeliveryAddressComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-overview-delivery-address",
+                    template: "\n    <div>\n      <div>\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div (click)=\"onClick()\">\n        <div>\n          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n        </div>\n        <div>\n          {{ address?.postalCode }} {{ address?.city}}\n        </div>\n        <div>\n          {{ address?.countryName }}\n        </div>\n      </div>\n    </div>\n  ",
+                    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 = function () { return [
+        { type: TransactionService }
+    ]; };
+    CheckoutOverviewDeliveryAddressComponent.propDecorators = {
+        label: [{ type: i0.Input }],
+        address: [{ type: i0.Input }],
+        editRequest: [{ type: i0.Output }]
+    };
 
     // Direction type for regular straight directions.
     var Direction;
@@ -4126,7 +4110,7 @@
         Direction["Down"] = "bottom";
     })(Direction || (Direction = {}));
 
-    exports.ɵo = /** @class */ (function () {
+    var CheckOutRelationSuggestionsListComponent = /** @class */ (function () {
         function CheckOutRelationSuggestionsListComponent() {
             this.suggestions = [];
             this.arrowDirection = Direction.Left;
@@ -4135,27 +4119,23 @@
         }
         return CheckOutRelationSuggestionsListComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵo.prototype, "suggestions", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵo.prototype, "arrowDirection", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵo.prototype, "suggestionButtonClick", void 0);
-    exports.ɵo = __decorate([
-        i0.Component({
-            selector: "checkout-relation-suggestions-list",
-            template: "\n        <div class=\"flex-column items-wrapper\">\n            <checkout-relation-suggestions-list-item *ngFor=\"let suggestion of suggestions\" [suggestion]=\"suggestion\"\n                                           [arrowDirection]=\"arrowDirection\"\n                                           (buttonClick)=\"suggestionButtonClick.emit(suggestion)\"></checkout-relation-suggestions-list-item>\n            <span *ngIf=\"suggestions?.length === 0\" class=\"no-results\" localize=\"NO_RESULTS_FOUND\"></span>\n        </div>\n    ",
-            host: {
-                "class": "narrow-scrollbar"
-            },
-            styles: [""]
-        })
-    ], exports.ɵo);
+    CheckOutRelationSuggestionsListComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-relation-suggestions-list",
+                    template: "\n        <div class=\"flex-column items-wrapper\">\n            <checkout-relation-suggestions-list-item *ngFor=\"let suggestion of suggestions\" [suggestion]=\"suggestion\"\n                                           [arrowDirection]=\"arrowDirection\"\n                                           (buttonClick)=\"suggestionButtonClick.emit(suggestion)\"></checkout-relation-suggestions-list-item>\n            <span *ngIf=\"suggestions?.length === 0\" class=\"no-results\" localize=\"NO_RESULTS_FOUND\"></span>\n        </div>\n    ",
+                    host: {
+                        "class": "narrow-scrollbar"
+                    },
+                    styles: [""]
+                },] }
+    ];
+    CheckOutRelationSuggestionsListComponent.propDecorators = {
+        suggestions: [{ type: i0.Input }],
+        arrowDirection: [{ type: i0.Input }],
+        suggestionButtonClick: [{ type: i0.Output }]
+    };
 
-    exports.ɵp = /** @class */ (function () {
+    var CheckOutRelationSuggestionsListItemComponent = /** @class */ (function () {
         function CheckOutRelationSuggestionsListItemComponent() {
             this.buttonClick = new i0.EventEmitter();
             //  public icon: Icon;
@@ -4166,7 +4146,7 @@
                 this._arrowDirection = arrowDirection;
                 this._updateIcon();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckOutRelationSuggestionsListItemComponent.prototype.ngOnInit = function () {
@@ -4181,24 +4161,22 @@
         };
         return CheckOutRelationSuggestionsListItemComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵp.prototype, "suggestion", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵp.prototype, "arrowDirection", null);
-    __decorate([
-        i0.Output()
-    ], exports.ɵp.prototype, "buttonClick", void 0);
-    exports.ɵp = __decorate([
-        i0.Component({
-            selector: "checkout-relation-suggestions-list-item",
-            template: "\n<!--        <div class=\"left\" fxLayout fxLayoutAlign=\"start center\">-->\n<!--            <avatar [relation]=\"suggestion\" class=\"smaller\"></avatar>-->\n<!--        </div>-->\n        <div class=\"right\">\n            <div class=\"name medium-big-font\" *ngIf=\"suggestion.displayName as displayName\" [textContent]=\"displayName\"></div>\n            <div class=\"email\" *ngIf=\"suggestion.email\">\n              {{ suggestion.email }}\n            </div>\n            <div class=\"address\" *ngIf=\"suggestion.displayAddress as address\" [textContent]=\"address\"></div>\n            <div class=\"phone\" *ngIf=\"suggestion.tel1\">\n              {{ suggestion?.tel1 }}\n            </div>\n        </div>\n        <co-button [label]=\"'SELECT' | localize\" class=\"popup rounded\" (click)=\"buttonClick.emit($event)\"></co-button>\n    ",
-            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}:host{flex-shrink:0;padding-top:11px;padding-bottom:11px}div.address,div.email,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px;position:relative}: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}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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.address,div.email,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}"]
-        })
-    ], exports.ɵp);
+    CheckOutRelationSuggestionsListItemComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "checkout-relation-suggestions-list-item",
+                    template: "\n<!--        <div class=\"left\" fxLayout fxLayoutAlign=\"start center\">-->\n<!--            <avatar [relation]=\"suggestion\" class=\"smaller\"></avatar>-->\n<!--        </div>-->\n        <div class=\"right\">\n            <div class=\"name medium-big-font\" *ngIf=\"suggestion.displayName as displayName\" [textContent]=\"displayName\"></div>\n            <div class=\"email\" *ngIf=\"suggestion.email\">\n              {{ suggestion.email }}\n            </div>\n            <div class=\"address\" *ngIf=\"suggestion.displayAddress as address\" [textContent]=\"address\"></div>\n            <div class=\"phone\" *ngIf=\"suggestion.tel1\">\n              {{ suggestion?.tel1 }}\n            </div>\n        </div>\n        <co-button [label]=\"'SELECT' | localize\" class=\"popup rounded\" (click)=\"buttonClick.emit($event)\"></co-button>\n    ",
+                    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 = function () { return []; };
+    CheckOutRelationSuggestionsListItemComponent.propDecorators = {
+        suggestion: [{ type: i0.Input }],
+        arrowDirection: [{ type: i0.Input }],
+        buttonClick: [{ type: i0.Output }]
+    };
 
-    exports.ɵr = /** @class */ (function () {
+    // A pipe for appending strings to other strings in view templates.
+    var AppendPipe = /** @class */ (function () {
         function AppendPipe() {
         }
         AppendPipe.prototype.transform = function (value, append) {
@@ -4212,9 +4190,9 @@
         };
         return AppendPipe;
     }());
-    exports.ɵr = __decorate([
-        i0.Pipe({ name: "append" })
-    ], exports.ɵr);
+    AppendPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "append" },] }
+    ];
 
     // Time size types, as in 'days' or 'weeks' or 'months'.
     var TimeSizeType;
@@ -4226,7 +4204,7 @@
         TimeSizeType["Years"] = "years";
     })(TimeSizeType || (TimeSizeType = {}));
 
-    exports.ɵt = /** @class */ (function () {
+    var DateDurationPipe = /** @class */ (function () {
         function DateDurationPipe(_dictionary) {
             this._dictionary = _dictionary;
         }
@@ -4274,12 +4252,14 @@
         };
         return DateDurationPipe;
     }());
-    exports.ɵt = __decorate([
-        i0.Pipe({ name: "dateDuration", pure: false }),
-        __param(0, i0.Inject(exports.ɵi))
-    ], exports.ɵt);
+    DateDurationPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "dateDuration", pure: false },] }
+    ];
+    DateDurationPipe.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
 
-    exports.ɵs = /** @class */ (function (_super) {
+    var DeliveryTimePipe = /** @class */ (function (_super) {
         __extends(DeliveryTimePipe, _super);
         function DeliveryTimePipe(_dictionaryService) {
             return _super.call(this, _dictionaryService) || this;
@@ -4302,14 +4282,17 @@
             }
         };
         return DeliveryTimePipe;
-    }(exports.ɵt));
-    exports.ɵs = __decorate([
-        i0.Pipe({ name: "deliveryTime", pure: false }),
-        __param(0, i0.Inject(exports.ɵi))
-    ], exports.ɵs);
+    }(DateDurationPipe));
+    DeliveryTimePipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "deliveryTime", pure: false },] }
+    ];
+    DeliveryTimePipe.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
 
-    exports.ɵu = /** @class */ (function () {
-        // tslint:disable-next-line:variable-name
+    // A pipe for localizing string values in view templates.
+    var LocalizePipe = /** @class */ (function () {
+        // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
         function LocalizePipe(_dictionaryService) {
             this._dictionaryService = _dictionaryService;
         }
@@ -4324,21 +4307,24 @@
             if (!Array.isArray(replace)) {
                 replace = [replace];
             }
-            return (_a = this._dictionaryService).get.apply(_a, __spread([value, upperCaseFirst], replace));
+            return (_a = this._dictionaryService).get.apply(_a, __spreadArray([value, upperCaseFirst], __read(replace)));
         };
         return LocalizePipe;
     }());
-    exports.ɵu = __decorate([
-        i0.Pipe({
-            name: "localize"
-        })
-        // A pipe for localizing string values in view templates.
-        ,
-        __param(0, i0.Inject(exports.ɵi))
-    ], exports.ɵu);
+    LocalizePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "localize"
+                },] }
+    ];
+    LocalizePipe.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
 
-    var CoCurrencyPipe_1;
-    exports.ɵv = CoCurrencyPipe_1 = /** @class */ (function () {
+    /**
+     * 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,-"
+     */
+    var CoCurrencyPipe = /** @class */ (function () {
         function CoCurrencyPipe() {
         }
         CoCurrencyPipe.prototype.transform = function (value, allowZero) {
@@ -4361,7 +4347,7 @@
             }
             // append ,- if integer
             if (numberUtils.NumberUtils.IsInteger(valueAsFloat)) {
-                suffix = CoCurrencyPipe_1._WholeNumberedPriceSuffix;
+                suffix = CoCurrencyPipe._WholeNumberedPriceSuffix;
             }
             var valueAsString = valueAsFloat.toString();
             // add extra zero if price has only one decimal, something like '100.2'
@@ -4373,17 +4359,17 @@
             valueAsString = valueAsString.replace(",", "#");
             valueAsString = valueAsString.replace(".", ",");
             valueAsString = valueAsString.replace("#", ".");
-            return CoCurrencyPipe_1._CurrencySymbol + " " + valueAsString + suffix;
+            return CoCurrencyPipe._CurrencySymbol + " " + valueAsString + suffix;
         };
         return CoCurrencyPipe;
     }());
-    exports.ɵv._CurrencySymbol = "€";
-    exports.ɵv._WholeNumberedPriceSuffix = ",-";
-    exports.ɵv = CoCurrencyPipe_1 = __decorate([
-        i0.Pipe({ name: "coCurrency" })
-    ], exports.ɵv);
+    CoCurrencyPipe._CurrencySymbol = "€";
+    CoCurrencyPipe._WholeNumberedPriceSuffix = ",-";
+    CoCurrencyPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "coCurrency" },] }
+    ];
 
-    exports.ɵw = /** @class */ (function () {
+    var SafeStylePipe = /** @class */ (function () {
         function SafeStylePipe(_sanitizer) {
             this._sanitizer = _sanitizer;
         }
@@ -4392,14 +4378,16 @@
         };
         return SafeStylePipe;
     }());
-    exports.ɵw = __decorate([
-        i0.Pipe({
-            name: "safeStyle"
-        }),
-        __param(0, i0.Inject(platformBrowser.DomSanitizer))
-    ], exports.ɵw);
+    SafeStylePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "safeStyle"
+                },] }
+    ];
+    SafeStylePipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
 
-    exports.ɵx = /** @class */ (function () {
+    var ImageDisplayComponent = /** @class */ (function () {
         function ImageDisplayComponent() {
             // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
             this.label = "NO_IMAGE";
@@ -4416,44 +4404,30 @@
             get: function () {
                 return (this.hideOnEmptyModel && !this.model);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         return ImageDisplayComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵx.prototype, "model", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵx.prototype, "label", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵx.prototype, "hideOnEmptyModel", void 0);
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.circle")
-    ], exports.ɵx.prototype, "circle", void 0);
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.cover-image")
-    ], exports.ɵx.prototype, "cover", void 0);
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.pointer-hover")
-    ], exports.ɵx.prototype, "pointerOnHover", void 0);
-    __decorate([
-        i0.HostBinding("class.hidden")
-    ], exports.ɵx.prototype, "shouldBeHidden", null);
-    exports.ɵx = __decorate([
-        i0.Component({
-            selector: "image-display",
-            template: "\n    <div class=\"img-wrapper\">\n      <div *ngIf=\"!!model\" class=\"image\" [style.background-image]=\"'url(' + model + ')' | safeStyle\"></div>\n      <no-image-display *ngIf=\"!model\" [label]=\"label\"></no-image-display>\n      <ng-content></ng-content>\n    </div>\n  ",
-            styles: ["body,html{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.image,div.img-wrapper{width:100%;height:100%}div.img-wrapper{position:relative}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}: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:50%}"]
-        })
-    ], exports.ɵx);
+    ImageDisplayComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "image-display",
+                    template: "\n    <div class=\"img-wrapper\">\n      <div *ngIf=\"!!model\" class=\"image\" [style.background-image]=\"'url(' + model + ')' | safeStyle\"></div>\n      <no-image-display *ngIf=\"!model\" [label]=\"label\"></no-image-display>\n      <ng-content></ng-content>\n    </div>\n  ",
+                    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: i0.Input }],
+        label: [{ type: i0.Input }],
+        hideOnEmptyModel: [{ type: i0.Input }],
+        circle: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.circle",] }],
+        cover: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.cover-image",] }],
+        pointerOnHover: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.pointer-hover",] }],
+        shouldBeHidden: [{ type: i0.HostBinding, args: ["class.hidden",] }]
+    };
 
-    exports.ɵy = /** @class */ (function () {
+    // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
+    var NoImageDisplayComponent = /** @class */ (function () {
         function NoImageDisplayComponent() {
             // The placeholder icon to show when there is no image. Defaults to 'camera'.
             this.icon = corecomponents_v9.CoreComponentsIcon.Camera;
@@ -4462,22 +4436,19 @@
         }
         return NoImageDisplayComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵy.prototype, "icon", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵy.prototype, "label", void 0);
-    exports.ɵy = __decorate([
-        i0.Component({
-            selector: "no-image-display",
-            template: "\n        <icon [icon]=\"icon\"></icon>\n        <span [textContent]=\"label | localize\" class=\"no-image-label\"></span>\n    ",
-            styles: [""]
-        })
-        // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
-    ], exports.ɵy);
+    NoImageDisplayComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "no-image-display",
+                    template: "\n        <icon [icon]=\"icon\"></icon>\n        <span [textContent]=\"label | localize\" class=\"no-image-label\"></span>\n    ",
+                    styles: [""]
+                },] }
+    ];
+    NoImageDisplayComponent.propDecorators = {
+        icon: [{ type: i0.Input }],
+        label: [{ type: i0.Input }]
+    };
 
-    exports.ɵz = /** @class */ (function () {
+    var IconComponent = /** @class */ (function () {
         function IconComponent(_iconCacheService) {
             this._iconCacheService = _iconCacheService;
         }
@@ -4485,7 +4456,7 @@
             set: function (icon) {
                 this._setSvg(icon);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         IconComponent.prototype.ngOnDestroy = function () {
@@ -4496,115 +4467,114 @@
         };
         return IconComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵz.prototype, "icon", null);
-    __decorate([
-        i0.HostBinding("innerHtml")
-    ], exports.ɵz.prototype, "svg", void 0);
-    exports.ɵz = __decorate([
-        i0.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}:host{display:inline-flex}.flex-center{flex-direction:row;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%;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-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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}"]
-        }),
-        __param(0, i0.Inject(corecomponents_v9.IconCacheService))
-    ], exports.ɵz);
+    IconComponent.decorators = [
+        { type: i0.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 = function () { return [
+        { type: corecomponents_v9.IconCacheService }
+    ]; };
+    IconComponent.propDecorators = {
+        icon: [{ type: i0.Input }],
+        svg: [{ type: i0.HostBinding, args: ["innerHtml",] }]
+    };
 
-    exports.ɵq = /** @class */ (function () {
+    var CoreModule = /** @class */ (function () {
         function CoreModule() {
         }
         return CoreModule;
     }());
-    exports.ɵq = __decorate([
-        i0.NgModule({
-            declarations: [
-                exports.ɵr,
-                exports.ɵs,
-                exports.ɵt,
-                exports.ɵu,
-                exports.ɵv,
-                exports.ɵw,
-                exports.ɵx,
-                exports.ɵy,
-                exports.ɵz,
-            ],
-            exports: [
-                exports.ɵu,
-                exports.ɵv,
-                exports.ɵr,
-                exports.ɵs,
-                exports.ɵw,
-                exports.ɵv,
-                exports.ɵx,
-                exports.ɵy,
-                exports.ɵz,
-            ],
-            imports: [
-                common.CommonModule
-            ]
-        })
-    ], exports.ɵq);
+    CoreModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        AppendPipe,
+                        DeliveryTimePipe,
+                        DateDurationPipe,
+                        LocalizePipe,
+                        CoCurrencyPipe,
+                        SafeStylePipe,
+                        ImageDisplayComponent,
+                        NoImageDisplayComponent,
+                        IconComponent,
+                    ],
+                    exports: [
+                        LocalizePipe,
+                        CoCurrencyPipe,
+                        AppendPipe,
+                        DeliveryTimePipe,
+                        SafeStylePipe,
+                        CoCurrencyPipe,
+                        ImageDisplayComponent,
+                        NoImageDisplayComponent,
+                        IconComponent,
+                    ],
+                    imports: [
+                        common.CommonModule
+                    ]
+                },] }
+    ];
 
-    exports.IoneCheckoutModule = /** @class */ (function () {
+    var IoneCheckoutModule = /** @class */ (function () {
         function IoneCheckoutModule() {
         }
         return IoneCheckoutModule;
     }());
-    exports.IoneCheckoutModule = __decorate([
-        i0.NgModule({
-            declarations: [
-                exports.ɵb,
-                exports.ɵc,
-                exports.ɵd,
-                exports.ɵe,
-                exports.ɵm,
-                exports.ɵh,
-                exports.ɵa,
-                exports.ɵn,
-                exports.ɵo,
-                exports.ɵp,
-                exports.ɵj,
-                exports.IoneCheckoutComponent,
-            ],
-            imports: [
-                animations.BrowserAnimationsModule,
-                corecomponents_v9.IconModule,
-                corecomponents_v9.InputTextModule,
-                corecomponents_v9.InputCheckboxModule,
-                corecomponents_v9.InputRadioButtonModule,
-                corecomponents_v9.FormModule,
-                corecomponents_v9.InputComboBoxModule,
-                corecomponents_v9.InputDatePickerModule,
-                corecomponents_v9.InputNumberPickerModule,
-                corecomponents_v9.CoDialogModule,
-                corecomponents_v9.CoDialogPromptModule,
-                corecomponents_v9.ButtonModule,
-                flexLayout.FlexModule,
-                corecomponents_v9.MultiSelectListModule,
-                stepper.MatStepperModule,
-                corecomponents_v9.DropDownModule,
-                corecomponents_v9.PopupModule,
-                corecomponents_v9.CoSidebarModule,
-                corecomponents_v9.CoGridModule,
-                exports.ɵq,
-            ],
-            providers: [
-                exports.ɵg,
-                exports.ɵi,
-                exports.ɵf,
-                exports.ɵk,
-                corecomponents_v9.PromptService,
-            ],
-            entryComponents: [
-                exports.IoneCheckoutComponent
-            ],
-            exports: [exports.IoneCheckoutComponent],
-            bootstrap: [exports.IoneCheckoutComponent]
-        })
-    ], exports.IoneCheckoutModule);
+    IoneCheckoutModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        animations.BrowserAnimationsModule,
+                        corecomponents_v9.IconModule,
+                        corecomponents_v9.InputTextModule,
+                        corecomponents_v9.InputCheckboxModule,
+                        corecomponents_v9.InputRadioButtonModule,
+                        corecomponents_v9.FormModule,
+                        corecomponents_v9.InputComboBoxModule,
+                        corecomponents_v9.InputDatePickerModule,
+                        corecomponents_v9.InputNumberPickerModule,
+                        corecomponents_v9.CoDialogModule,
+                        corecomponents_v9.CoDialogPromptModule,
+                        corecomponents_v9.ButtonModule,
+                        flexLayout.FlexModule,
+                        corecomponents_v9.MultiSelectListModule,
+                        stepper.MatStepperModule,
+                        corecomponents_v9.DropDownModule,
+                        corecomponents_v9.PopupModule.forRoot(),
+                        corecomponents_v9.CoSidebarModule,
+                        corecomponents_v9.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]
+                },] }
+    ];
 
-    exports.ɵba = /** @class */ (function () {
+    var ShoppingCartManagerComponent = /** @class */ (function () {
         function ShoppingCartManagerComponent(service, transactionEvents, promptService, _dictionaryService) {
             var _this = this;
             this.service = service;
@@ -4650,7 +4620,7 @@
             get: function () {
                 return numberUtils.NumberUtils.NrOrDefault(this.service.articleAmount, 0);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(ShoppingCartManagerComponent.prototype, "showCharacteristicDialog", {
@@ -4660,7 +4630,7 @@
             set: function (value) {
                 this._showCharacteristic = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ShoppingCartManagerComponent.prototype.ngOnInit = function () {
@@ -5118,40 +5088,32 @@
             this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
             setTimeout(function () {
                 _this.characteristicAnswer.open();
-                // tslint:disable-next-line:no-magic-numbers
+                // eslint-disable-next-line no-magic-numbers
             }, 1000);
         };
         return ShoppingCartManagerComponent;
     }());
-    __decorate([
-        i0.ViewChild("warehouseDialog")
-    ], exports.ɵba.prototype, "warehouseDialog", void 0);
-    __decorate([
-        i0.ViewChild("warehouseGrid")
-    ], exports.ɵba.prototype, "warehouseGrid", void 0);
-    __decorate([
-        i0.ViewChild("characteristicAnswer")
-    ], exports.ɵba.prototype, "characteristicAnswer", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵba.prototype, "linesChanged", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵba.prototype, "openCart", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵba.prototype, "articleAdded", void 0);
-    exports.ɵba = __decorate([
-        i0.Component({
-            selector: "shopping-cart-manager",
-            template: "\n    <co-dialog #warehouseDialog\n               (closeClick)=\"hide()\"\n               (overlayClick)=\"onStockManagerCancelClick()\"\n      >\n      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>\n\n      <ng-container content style=\"max-height: 100%;\">\n        <co-form>\n          <div class=\"form-content\">\n            <span *ngIf=\"message\" class=\"message-field\" [textContent]=\"message | localize\"></span>\n              <div class=\"commission-fields\" fxLayout=\"row\">\n                <co-input-number-picker class=\"horizontal\" [(model)]=\"amount\" [min]=\"0\" decimals=\"3\"></co-input-number-picker>\n                <co-input-combo-box [(model)]=\"commissionCode\"\n                                      [source]=\"commissionCodes\"\n                                      [fields]=\"commissionFields\"\n                                      [placeholder]=\"'COMMISSION_CODE' | localize\"\n                                      [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n              <div>\n                <co-grid #warehouseGrid\n                  [data]=\"transactionArticleWarehouses\"\n                  [columns]=\"columns\"\n                  [pagingEnabled]=\"'true'\"\n                  [maxNumberOfRows]=\"'20'\"\n                  (rowsSelected)=\"handleRowsSelected($event)\"\n                ></co-grid>\n              </div>\n          </div>\n        </co-form>\n      </ng-container>\n\n      <ng-container footer>\n          <div class=\"flex-center\">\n            <co-button [label]=\"'OK' | localize\" (click)=\"onStockManagerOkClick()\"></co-button>\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"onStockManagerCancelClick()\"></co-button>\n          </div>\n      </ng-container>\n    </co-dialog>\n\n    <characteristic-answer\n      #characteristicAnswer\n      (okClick)=\"handleCharacteristicAnswerOkClick($event)\"\n    ></characteristic-answer>\n  ",
-            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}.flex-center{align-items:center!important;justify-content:center!important}.commission-fields,::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{margin-left:11px}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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}"]
-        }),
-        __param(0, i0.Inject(exports.ɵf)),
-        __param(1, i0.Inject(exports.ɵl)),
-        __param(2, i0.Inject(corecomponents_v9.PromptService)),
-        __param(3, i0.Inject(exports.ɵi))
-    ], exports.ɵba);
+    ShoppingCartManagerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "shopping-cart-manager",
+                    template: "\n    <co-dialog #warehouseDialog\n               (closeClick)=\"hide()\"\n               (overlayClick)=\"onStockManagerCancelClick()\"\n      >\n      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>\n\n      <ng-container content>\n        <co-form>\n          <div class=\"form-content\">\n            <span *ngIf=\"message\" class=\"message-field\" [textContent]=\"message | localize\"></span>\n              <div class=\"commission-fields\" fxLayout=\"row\">\n                <co-input-number-picker class=\"horizontal\" [(model)]=\"amount\" [min]=\"0\" decimals=\"3\"></co-input-number-picker>\n                <co-input-combo-box [(model)]=\"commissionCode\"\n                                      [source]=\"commissionCodes\"\n                                      [fields]=\"commissionFields\"\n                                      [placeholder]=\"'COMMISSION_CODE' | localize\"\n                                      [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n              <div>\n                <co-grid #warehouseGrid\n                  [data]=\"transactionArticleWarehouses\"\n                  [columns]=\"columns\"\n                  [pagingEnabled]=\"'true'\"\n                  [maxNumberOfRows]=\"'20'\"\n                  (rowsSelected)=\"handleRowsSelected($event)\"\n                ></co-grid>\n              </div>\n          </div>\n        </co-form>\n      </ng-container>\n\n      <ng-container footer>\n          <div class=\"flex-center\">\n            <co-button [label]=\"'OK' | localize\" (click)=\"onStockManagerOkClick()\"></co-button>\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"onStockManagerCancelClick()\"></co-button>\n          </div>\n      </ng-container>\n    </co-dialog>\n\n    <characteristic-answer\n      #characteristicAnswer\n      (okClick)=\"handleCharacteristicAnswerOkClick($event)\"\n    ></characteristic-answer>\n  ",
+                    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 = function () { return [
+        { type: TransactionService },
+        { type: TransactionEventService },
+        { type: corecomponents_v9.PromptService },
+        { type: DictionaryService }
+    ]; };
+    ShoppingCartManagerComponent.propDecorators = {
+        warehouseDialog: [{ type: i0.ViewChild, args: ["warehouseDialog",] }],
+        warehouseGrid: [{ type: i0.ViewChild, args: ["warehouseGrid",] }],
+        characteristicAnswer: [{ type: i0.ViewChild, args: ["characteristicAnswer",] }],
+        linesChanged: [{ type: i0.Output }],
+        openCart: [{ type: i0.Output }],
+        articleAdded: [{ type: i0.Output }]
+    };
 
     var OrderDiscountType;
     (function (OrderDiscountType) {
@@ -5170,7 +5132,7 @@
         ContentViewMode[ContentViewMode["Timeline"] = 4] = "Timeline";
     })(ContentViewMode || (ContentViewMode = {}));
 
-    exports.ɵbb = /** @class */ (function () {
+    var ShoppingCartComponent = /** @class */ (function () {
         function ShoppingCartComponent(iconCacheService, _dictionary, service, _transactionEvents, _changeDetector) {
             var _this = this;
             this.iconCacheService = iconCacheService;
@@ -5202,7 +5164,7 @@
             get: function () {
                 return this._filteredCollection;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ShoppingCartComponent.prototype.setFilteredCollection = function (value) {
@@ -5292,49 +5254,33 @@
         };
         return ShoppingCartComponent;
     }());
-    __decorate([
-        i0.ViewChild(corecomponents_v9.CoSidebarComponent, { static: false })
-    ], exports.ɵbb.prototype, "discountsSidebar", void 0);
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.overlayed")
-    ], exports.ɵbb.prototype, "overlayMode", void 0);
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.overview")
-    ], exports.ɵbb.prototype, "overviewMode", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵbb.prototype, "hideOverviewButton", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵbb.prototype, "hideCheckoutButton", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵbb.prototype, "hideCloseCartButton", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵbb.prototype, "closeCart", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵbb.prototype, "checkout", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵbb.prototype, "overview", void 0);
-    exports.ɵbb = __decorate([
-        i0.Component({
-            selector: "shopping-cart",
-            template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"getCartLabel()\"></span>\n      <div class=\"view-mode-buttons\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                   [title]=\"'LIST_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.List\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                   [title]=\"'GRID_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.Grid\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n      </div>\n    </div>\n    <div class=\"cart-lines\">\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.List\" fxFlex=\"column\">\n        <shopping-cart-line [overlayMode]=\"overlayMode\" [overviewMode]=\"overviewMode\"\n                            *ngFor=\"let line of filteredCollection; trackBy:trackByFn;\"\n                            [line]=\"line\"\n        ></shopping-cart-line>\n      </div>\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n        ></co-grid>\n      </div>\n    </div>\n    <div class=\"shopping-cart-totals\" fxLayout=\"column\" fxLayoutGap=\"10px\">\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_GROSS' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.grossAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.discountAmount\">\n        <span [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.discountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountAmount\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountPercentage\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </div>\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_NET'| localize\"></span>\n        <span [textContent]=\"service.currentTotals?.netAmount | coCurrency: true\"></span>\n      </div>\n      <a (click)=\"addDiscount()\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n    <div class=\"shopping-cart-row-end\">\n      <co-button *ngIf=\"!hideOverviewButton\" [label]=\"'OVERVIEW' | localize\"\n                 (click)=\"overview.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCloseCartButton\"[label]=\"'SHOPPING_CART_RESUME' | localize\"\n                 (click)=\"closeCart.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCheckoutButton\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n\n    <co-sidebar #discountsSidebar isOpen=\"false\" *ngIf=\"showDiscountsSidebar\">\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n          <co-button  class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n        </div>\n    </co-sidebar>\n\n    <co-dialog [visible]=\"inputDiscounts\">\n      <ng-container header>{{ discountHeader | localize }}</ng-container>\n        <co-form>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountPercentage\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountAmount\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionTotal\"\n            [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n          ></co-input-text>\n\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n            <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n  ",
-            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}.shopping-cart-totals{padding-bottom:20px;padding-top:20px}.cart-header{margin-top:20px;margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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:700}.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-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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: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}"]
-        }),
-        __param(0, i0.Inject(corecomponents_v9.IconCacheService)),
-        __param(1, i0.Inject(exports.ɵi)),
-        __param(2, i0.Inject(exports.ɵf)),
-        __param(3, i0.Inject(exports.ɵl)),
-        __param(4, i0.Inject(i0.ChangeDetectorRef))
-    ], exports.ɵbb);
+    ShoppingCartComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "shopping-cart",
+                    template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"getCartLabel()\"></span>\n      <div class=\"view-mode-buttons\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                   [title]=\"'LIST_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.List\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                   [title]=\"'GRID_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.Grid\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n      </div>\n    </div>\n    <div class=\"cart-lines\">\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.List\" fxFlex=\"column\">\n        <shopping-cart-line [overlayMode]=\"overlayMode\" [overviewMode]=\"overviewMode\"\n                            *ngFor=\"let line of filteredCollection; trackBy:trackByFn;\"\n                            [line]=\"line\"\n        ></shopping-cart-line>\n      </div>\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n        ></co-grid>\n      </div>\n    </div>\n    <div class=\"shopping-cart-totals\" fxLayout=\"column\" fxLayoutGap=\"10px\">\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_GROSS' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.grossAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.discountAmount\">\n        <span [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.discountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountAmount\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountPercentage\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </div>\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_NET'| localize\"></span>\n        <span [textContent]=\"service.currentTotals?.netAmount | coCurrency: true\"></span>\n      </div>\n      <a (click)=\"addDiscount()\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n    <div class=\"shopping-cart-row-end\">\n      <co-button *ngIf=\"!hideOverviewButton\" [label]=\"'OVERVIEW' | localize\"\n                 (click)=\"overview.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCloseCartButton\"[label]=\"'SHOPPING_CART_RESUME' | localize\"\n                 (click)=\"closeCart.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCheckoutButton\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n\n    <co-sidebar #discountsSidebar isOpen=\"false\" *ngIf=\"showDiscountsSidebar\">\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n          <co-button  class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n        </div>\n    </co-sidebar>\n\n    <co-dialog [visible]=\"inputDiscounts\">\n      <ng-container header>{{ discountHeader | localize }}</ng-container>\n        <co-form>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountPercentage\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountAmount\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionTotal\"\n            [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n          ></co-input-text>\n\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n            <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n  ",
+                    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 = function () { return [
+        { type: corecomponents_v9.IconCacheService },
+        { type: DictionaryService },
+        { type: TransactionService },
+        { type: TransactionEventService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    ShoppingCartComponent.propDecorators = {
+        discountsSidebar: [{ type: i0.ViewChild, args: [corecomponents_v9.CoSidebarComponent, { static: false },] }],
+        overlayMode: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.overlayed",] }],
+        overviewMode: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.overview",] }],
+        hideOverviewButton: [{ type: i0.Input }],
+        hideCheckoutButton: [{ type: i0.Input }],
+        hideCloseCartButton: [{ type: i0.Input }],
+        closeCart: [{ type: i0.Output }],
+        checkout: [{ type: i0.Output }],
+        overview: [{ type: i0.Output }]
+    };
 
-    exports.IoneShoppingCartComponent = /** @class */ (function () {
+    var IoneShoppingCartComponent = /** @class */ (function () {
         function IoneShoppingCartComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService) {
             var _this = this;
             this._changeDetector = _changeDetector;
@@ -5373,14 +5319,14 @@
                     this._optionsService.initialize(options).then();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(IoneShoppingCartComponent.prototype, "transactionNr", {
             get: function () {
                 return this._service.currentTransaction.transactionNr;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         IoneShoppingCartComponent.prototype.ngOnInit = function () {
@@ -5449,48 +5395,34 @@
         };
         return IoneShoppingCartComponent;
     }());
-    __decorate([
-        i0.ViewChild(exports.ɵba)
-    ], exports.IoneShoppingCartComponent.prototype, "manager", void 0);
-    __decorate([
-        i0.ViewChild(exports.ɵbb)
-    ], exports.IoneShoppingCartComponent.prototype, "shoppingCart", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.IoneShoppingCartComponent.prototype, "options", null);
-    __decorate([
-        i0.Input()
-    ], exports.IoneShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.IoneShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.IoneShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.IoneShoppingCartComponent.prototype, "closeCart", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.IoneShoppingCartComponent.prototype, "checkout", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.IoneShoppingCartComponent.prototype, "overview", void 0);
-    exports.IoneShoppingCartComponent = __decorate([
-        i0.Component({
-            selector: "ione-shopping-cart",
-            template: "\n    <ng-container *ngIf=\"upAndLoaded\">\n      <shopping-cart-manager\n        (linesChanged)=\"linesChanged($event)\"\n      ></shopping-cart-manager>\n    </ng-container>\n    <ng-container *ngIf=\"show\">\n      <shopping-cart\n        [hideOverviewButton]=\"hideOverviewButton\"\n        [hideCloseCartButton]=\"hideCloseCartButton\"\n        [hideCheckoutButton]=\"hideCheckoutButton\"\n        (overview)=\"onOverviewButtonClicked()\"\n        (closeCart)=\"onCloseCartButtonClicked()\"\n        (checkout)=\"onCheckoutButtonClicked()\"\n      ></shopping-cart>\n    </ng-container>\n  "
-        }),
-        __param(0, i0.Inject(i0.ChangeDetectorRef)),
-        __param(1, i0.Inject(exports.ɵk)),
-        __param(2, i0.Inject(exports.ɵg)),
-        __param(3, i0.Inject(exports.ɵi)),
-        __param(4, i0.Inject(exports.ɵf)),
-        __param(5, i0.Inject(exports.ɵl)),
-        __param(6, i0.Inject(corecomponents_v9.PromptService))
-    ], exports.IoneShoppingCartComponent);
+    IoneShoppingCartComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "ione-shopping-cart",
+                    template: "\n    <ng-container *ngIf=\"upAndLoaded\">\n      <shopping-cart-manager\n        (linesChanged)=\"linesChanged($event)\"\n      ></shopping-cart-manager>\n    </ng-container>\n    <ng-container *ngIf=\"show\">\n      <shopping-cart\n        [hideOverviewButton]=\"hideOverviewButton\"\n        [hideCloseCartButton]=\"hideCloseCartButton\"\n        [hideCheckoutButton]=\"hideCheckoutButton\"\n        (overview)=\"onOverviewButtonClicked()\"\n        (closeCart)=\"onCloseCartButtonClicked()\"\n        (checkout)=\"onCheckoutButtonClicked()\"\n      ></shopping-cart>\n    </ng-container>\n  "
+                },] }
+    ];
+    IoneShoppingCartComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: OptionsService },
+        { type: IOneConnectorAdapterService },
+        { type: DictionaryService },
+        { type: TransactionService },
+        { type: TransactionEventService },
+        { type: corecomponents_v9.PromptService }
+    ]; };
+    IoneShoppingCartComponent.propDecorators = {
+        manager: [{ type: i0.ViewChild, args: [ShoppingCartManagerComponent,] }],
+        shoppingCart: [{ type: i0.ViewChild, args: [ShoppingCartComponent,] }],
+        options: [{ type: i0.Input }],
+        hideOverviewButton: [{ type: i0.Input }],
+        hideCheckoutButton: [{ type: i0.Input }],
+        hideCloseCartButton: [{ type: i0.Input }],
+        closeCart: [{ type: i0.Output }],
+        checkout: [{ type: i0.Output }],
+        overview: [{ type: i0.Output }]
+    };
 
-    exports.ɵbc = /** @class */ (function () {
+    var ShoppingCartLineComponent = /** @class */ (function () {
         function ShoppingCartLineComponent(iconCacheService, service, _promptService, _dictionaryService) {
             this.iconCacheService = iconCacheService;
             this.service = service;
@@ -5511,7 +5443,7 @@
                 this.isSelected = this._line.isSelected;
                 this._loadLineImage();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ShoppingCartLineComponent.prototype.ngAfterViewInit = function () {
@@ -5655,64 +5587,53 @@
         };
         return ShoppingCartLineComponent;
     }());
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.overlayed")
-    ], exports.ɵbc.prototype, "overlayMode", void 0);
-    __decorate([
-        i0.Input(),
-        i0.HostBinding("class.overview")
-    ], exports.ɵbc.prototype, "overviewMode", void 0);
-    __decorate([
-        i0.HostBinding("class.is-text")
-    ], exports.ɵbc.prototype, "isText", void 0);
-    __decorate([
-        i0.HostBinding("class.is-article")
-    ], exports.ɵbc.prototype, "isArticle", void 0);
-    __decorate([
-        i0.HostBinding("class.is-selected")
-    ], exports.ɵbc.prototype, "isSelected", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵbc.prototype, "line", null);
-    exports.ɵbc = __decorate([
-        i0.Component({
-            selector: "shopping-cart-line",
-            template: "\n    <div *ngIf=\"line.isArticle\" class=\"cart-line-r\" fxFlex>\n      <div fxLayout=\"row\" class=\"full-width\">\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconTrashBin)\"\n                   [title]=\"'DELETE_TRANSACTION_LINE_HINT' | localize\"\n                   (click)=\"deleteTransactionLineClick()\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n          <image-display [model]=\"image\" hideOnEmptyModel></image-display>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-description\" fxLayoutGap=\"20px\">\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n            <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n            <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n            <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n          </div>\n          <span [innerHTML]=\"line.configurationReadable\"></span>\n        </div>\n      </div>\n      <div fxLayout=\"row\" class=\"cart-line-right\">\n        <div fxLayout=\"column\" class=\"cart-line-stock\" *ngIf=\"!overlayMode && !overviewMode\">\n          <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n          <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n          <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n          <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n        </div>\n        <div class=\"cart-line-amount\">\n          <co-input-number-picker\n            class=\"horizontal\"\n            [(model)]=\"localAmount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n            [readonly]=\"true\"\n            (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n        </div>\n\n        <div class=\"cart-line-totals\">\n          <span [textContent]=\"line.displayNetLineTotal | coCurrency: true\"></span>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"line.isText\" class=\"cart-line-t\" fxFlex\n         [class.article-text]=\"line.articleBound\"\n         [textContent]=\"line.text\">\n    </div>\n  ",
-            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}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important}:host{padding-bottom:20px;padding-top:20px}.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-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-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: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}"]
-        }),
-        __param(0, i0.Inject(corecomponents_v9.IconCacheService)),
-        __param(1, i0.Inject(exports.ɵf)),
-        __param(2, i0.Inject(corecomponents_v9.PromptService)),
-        __param(3, i0.Inject(exports.ɵi))
-    ], exports.ɵbc);
+    ShoppingCartLineComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "shopping-cart-line",
+                    template: "\n    <div *ngIf=\"line.isArticle\" class=\"cart-line-r\" fxFlex>\n      <div fxLayout=\"row\" class=\"full-width\">\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconTrashBin)\"\n                   [title]=\"'DELETE_TRANSACTION_LINE_HINT' | localize\"\n                   (click)=\"deleteTransactionLineClick()\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n          <image-display [model]=\"image\" hideOnEmptyModel></image-display>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-description\" fxLayoutGap=\"20px\">\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n            <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n            <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n            <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n          </div>\n          <span [innerHTML]=\"line.configurationReadable\"></span>\n        </div>\n      </div>\n      <div fxLayout=\"row\" class=\"cart-line-right\">\n        <div fxLayout=\"column\" class=\"cart-line-stock\" *ngIf=\"!overlayMode && !overviewMode\">\n          <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n          <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n          <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n          <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n        </div>\n        <div class=\"cart-line-amount\">\n          <co-input-number-picker\n            class=\"horizontal\"\n            [(model)]=\"localAmount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n            [readonly]=\"true\"\n            (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n        </div>\n\n        <div class=\"cart-line-totals\">\n          <span [textContent]=\"line.displayNetLineTotal | coCurrency: true\"></span>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"line.isText\" class=\"cart-line-t\" fxFlex\n         [class.article-text]=\"line.articleBound\"\n         [textContent]=\"line.text\">\n    </div>\n  ",
+                    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 = function () { return [
+        { type: corecomponents_v9.IconCacheService },
+        { type: TransactionService },
+        { type: corecomponents_v9.PromptService },
+        { type: DictionaryService }
+    ]; };
+    ShoppingCartLineComponent.propDecorators = {
+        overlayMode: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.overlayed",] }],
+        overviewMode: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.overview",] }],
+        isText: [{ type: i0.HostBinding, args: ["class.is-text",] }],
+        isArticle: [{ type: i0.HostBinding, args: ["class.is-article",] }],
+        isSelected: [{ type: i0.HostBinding, args: ["class.is-selected",] }],
+        line: [{ type: i0.Input }]
+    };
 
-    exports.ɵbd = /** @class */ (function () {
-        // Component that visually shows a stock status with three colored boxes.
+    // Component that visually shows a stock status with three colored boxes.
+    var StockStatusIndicatorComponent = /** @class */ (function () {
         function StockStatusIndicatorComponent() {
         }
         Object.defineProperty(StockStatusIndicatorComponent.prototype, "stockClass", {
             get: function () {
                 return this.model;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         return StockStatusIndicatorComponent;
     }());
-    __decorate([
-        i0.Input()
-    ], exports.ɵbd.prototype, "model", void 0);
-    exports.ɵbd = __decorate([
-        i0.Component({
-            selector: "stock-status-indicator",
-            template: "\n        <div [class]=\"stockClass\">\n            <div class=\"square-1\"></div>\n            <div class=\"square-2\"></div>\n            <div class=\"square-3\"></div>\n        </div>\n    ",
-            styles: ["body,html{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%;height:100%}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:hsla(0,0%,100%,.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-2,:host>div.empty div.square-3,:host>div.low>div.square-2,:host>div.low 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}"]
-        })
-        // Component that visually shows a stock status with three colored boxes.
-    ], exports.ɵbd);
+    StockStatusIndicatorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "stock-status-indicator",
+                    template: "\n        <div [class]=\"stockClass\">\n            <div class=\"square-1\"></div>\n            <div class=\"square-2\"></div>\n            <div class=\"square-3\"></div>\n        </div>\n    ",
+                    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: i0.Input }]
+    };
 
-    exports.ɵbe = /** @class */ (function () {
+    var CharacteristicAnswerComponent = /** @class */ (function () {
         function CharacteristicAnswerComponent(_dictionaryService) {
             this._dictionaryService = _dictionaryService;
             this.title = "";
@@ -5726,7 +5647,7 @@
             get: function () {
                 return this.characteristics.length > 0;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CharacteristicAnswerComponent.prototype.ngOnInit = function () {
@@ -5751,78 +5672,74 @@
         };
         return CharacteristicAnswerComponent;
     }());
-    __decorate([
-        i0.ViewChild("characteristic")
-    ], exports.ɵbe.prototype, "characteristicDialog", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵbe.prototype, "title", void 0);
-    __decorate([
-        i0.Input()
-    ], exports.ɵbe.prototype, "question", void 0);
-    __decorate([
-        i0.Output()
-    ], exports.ɵbe.prototype, "okClick", void 0);
-    exports.ɵbe = __decorate([
-        i0.Component({
-            selector: "characteristic-answer",
-            template: "\n    <co-dialog\n      #characteristic\n      [showCloseIcon]=\"false\"\n    >\n      <ng-container header>\n        <div>\n          <span class=\"characteristic-title\"\n              [textContent]=\"getTranslationWithColon('ARTICLE')\"\n          ></span>\n          <span [textContent]=\"title\"></span>\n        </div>\n      </ng-container>\n\n      <ng-container>\n        <div>\n          <div class=\"characteristic-header\">\n          <span  class=\"characteristic-title\"\n                 [textContent]=\"getTranslationWithColon('CHARACTERISTIC_QUESTION')\"\n          ></span>\n          </div>\n          <div class=\"characteristic-header\">\n            <span [textContent]=\"question | localize\"></span>\n          </div>\n          <div *ngIf=\"characteristicOptions\" class=\"npm characteristic-options\">\n            <co-input-combo-box [(model)]=\"value\"\n                                [source]=\"characteristics\"\n                                [fields]=\"characteristicsFields\"\n                                [placeholder]=\"'VALUE' | localize\"\n                                [required]=\"true\"\n            ></co-input-combo-box>\n          </div>\n          <div *ngIf=\"!characteristicOptions\" class=\"characteristic-value\">\n            <co-input-text\n              [(model)]=\"value\"\n              [placeholder]=\"'VALUE' | localize \"\n              required\n            ></co-input-text>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container footer>\n        <div class=\"flex-center\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"onCharacteristicOkClick()\"></co-button>\n        </div>\n      </ng-container>\n    </co-dialog>\n  ",
-            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}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{margin-right:10px}.characteristic-title,.characteristic-value{font-weight:700;font-size:20px}.characteristic-header{display:flex;justify-content:center}"]
-        }),
-        __param(0, i0.Inject(exports.ɵi))
-    ], exports.ɵbe);
+    CharacteristicAnswerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "characteristic-answer",
+                    template: "\n    <co-dialog\n      #characteristic\n      [showCloseIcon]=\"false\"\n    >\n      <ng-container header>\n        <div>\n          <span class=\"characteristic-title\"\n              [textContent]=\"getTranslationWithColon('ARTICLE')\"\n          ></span>\n          <span [textContent]=\"title\"></span>\n        </div>\n      </ng-container>\n\n      <ng-container>\n        <div>\n          <div class=\"characteristic-header\">\n          <span  class=\"characteristic-title\"\n                 [textContent]=\"getTranslationWithColon('CHARACTERISTIC_QUESTION')\"\n          ></span>\n          </div>\n          <div class=\"characteristic-header\">\n            <span [textContent]=\"question | localize\"></span>\n          </div>\n          <div *ngIf=\"characteristicOptions\" class=\"npm characteristic-options\">\n            <co-input-combo-box [(model)]=\"value\"\n                                [source]=\"characteristics\"\n                                [fields]=\"characteristicsFields\"\n                                [placeholder]=\"'VALUE' | localize\"\n                                [required]=\"true\"\n            ></co-input-combo-box>\n          </div>\n          <div *ngIf=\"!characteristicOptions\" class=\"characteristic-value\">\n            <co-input-text\n              [(model)]=\"value\"\n              [placeholder]=\"'VALUE' | localize \"\n              required\n            ></co-input-text>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container footer>\n        <div class=\"flex-center\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"onCharacteristicOkClick()\"></co-button>\n        </div>\n      </ng-container>\n    </co-dialog>\n  ",
+                    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 = function () { return [
+        { type: DictionaryService }
+    ]; };
+    CharacteristicAnswerComponent.propDecorators = {
+        characteristicDialog: [{ type: i0.ViewChild, args: ["characteristic",] }],
+        title: [{ type: i0.Input }],
+        question: [{ type: i0.Input }],
+        okClick: [{ type: i0.Output }]
+    };
 
-    exports.IoneShoppingCartModule = /** @class */ (function () {
+    var IoneShoppingCartModule = /** @class */ (function () {
         function IoneShoppingCartModule() {
         }
         return IoneShoppingCartModule;
     }());
-    exports.IoneShoppingCartModule = __decorate([
-        i0.NgModule({
-            declarations: [
-                exports.ɵba,
-                exports.ɵbb,
-                exports.ɵbc,
-                exports.ɵbd,
-                exports.IoneShoppingCartComponent,
-                exports.ɵbe,
-            ],
-            imports: [
-                animations.BrowserAnimationsModule,
-                corecomponents_v9.IconModule,
-                corecomponents_v9.InputTextModule,
-                corecomponents_v9.InputCheckboxModule,
-                corecomponents_v9.InputRadioButtonModule,
-                corecomponents_v9.FormModule,
-                corecomponents_v9.InputComboBoxModule,
-                corecomponents_v9.InputDatePickerModule,
-                corecomponents_v9.InputNumberPickerModule,
-                corecomponents_v9.CoDialogModule,
-                corecomponents_v9.CoDialogPromptModule,
-                corecomponents_v9.ButtonModule,
-                flexLayout.FlexModule,
-                corecomponents_v9.MultiSelectListModule,
-                stepper.MatStepperModule,
-                corecomponents_v9.DropDownModule,
-                corecomponents_v9.PopupModule,
-                corecomponents_v9.CoSidebarModule,
-                corecomponents_v9.CoGridModule,
-                exports.ɵq,
-            ],
-            providers: [
-                exports.ɵg,
-                exports.ɵi,
-                exports.ɵf,
-                exports.ɵk,
-                corecomponents_v9.PromptService,
-            ],
-            entryComponents: [
-                exports.IoneShoppingCartComponent
-            ],
-            exports: [exports.IoneShoppingCartComponent],
-            bootstrap: [exports.IoneShoppingCartComponent]
-        })
-    ], exports.IoneShoppingCartModule);
+    IoneShoppingCartModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        ShoppingCartManagerComponent,
+                        ShoppingCartComponent,
+                        ShoppingCartLineComponent,
+                        StockStatusIndicatorComponent,
+                        IoneShoppingCartComponent,
+                        CharacteristicAnswerComponent,
+                    ],
+                    imports: [
+                        animations.BrowserAnimationsModule,
+                        common.CommonModule,
+                        corecomponents_v9.IconModule,
+                        corecomponents_v9.InputTextModule,
+                        corecomponents_v9.InputCheckboxModule,
+                        corecomponents_v9.InputRadioButtonModule,
+                        corecomponents_v9.FormModule,
+                        corecomponents_v9.InputComboBoxModule,
+                        corecomponents_v9.InputDatePickerModule,
+                        corecomponents_v9.InputNumberPickerModule,
+                        corecomponents_v9.CoDialogModule,
+                        corecomponents_v9.CoDialogPromptModule,
+                        corecomponents_v9.ButtonModule,
+                        flexLayout.FlexModule,
+                        corecomponents_v9.MultiSelectListModule,
+                        stepper.MatStepperModule,
+                        corecomponents_v9.DropDownModule,
+                        corecomponents_v9.PopupModule.forRoot(),
+                        corecomponents_v9.CoSidebarModule,
+                        corecomponents_v9.CoGridModule,
+                        CoreModule,
+                    ],
+                    providers: [
+                        IOneConnectorAdapterService,
+                        DictionaryService,
+                        TransactionService,
+                        OptionsService
+                    ],
+                    entryComponents: [
+                        IoneShoppingCartComponent
+                    ],
+                    exports: [IoneShoppingCartComponent],
+                    bootstrap: [IoneShoppingCartComponent]
+                },] }
+    ];
 
     //export * from "./app/component/ione-transaction.module";
 
@@ -5830,7 +5747,43 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.IoneCheckoutComponent = IoneCheckoutComponent;
+    exports.IoneCheckoutModule = IoneCheckoutModule;
+    exports.IoneShoppingCartComponent = IoneShoppingCartComponent;
+    exports.IoneShoppingCartModule = IoneShoppingCartModule;
+    exports["ɵa"] = RetailTransactionCheckoutComponent;
+    exports["ɵb"] = CheckoutComponent;
+    exports["ɵba"] = ShoppingCartManagerComponent;
+    exports["ɵbb"] = ShoppingCartComponent;
+    exports["ɵbc"] = ShoppingCartLineComponent;
+    exports["ɵbd"] = StockStatusIndicatorComponent;
+    exports["ɵbe"] = CharacteristicAnswerComponent;
+    exports["ɵc"] = CheckoutOverviewComponent;
+    exports["ɵd"] = CheckoutOverviewBlockComponent;
+    exports["ɵe"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵf"] = TransactionService;
+    exports["ɵg"] = IOneConnectorAdapterService;
+    exports["ɵh"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵi"] = DictionaryService;
+    exports["ɵj"] = CheckoutLoginComponent;
+    exports["ɵk"] = OptionsService;
+    exports["ɵl"] = TransactionEventService;
+    exports["ɵm"] = CoreModule;
+    exports["ɵn"] = AppendPipe;
+    exports["ɵo"] = DeliveryTimePipe;
+    exports["ɵp"] = DateDurationPipe;
+    exports["ɵq"] = LocalizePipe;
+    exports["ɵr"] = CoCurrencyPipe;
+    exports["ɵs"] = SafeStylePipe;
+    exports["ɵt"] = ImageDisplayComponent;
+    exports["ɵu"] = NoImageDisplayComponent;
+    exports["ɵv"] = IconComponent;
+    exports["ɵw"] = CheckoutOverviewRelationAddressComponent;
+    exports["ɵx"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵy"] = CheckOutRelationSuggestionsListComponent;
+    exports["ɵz"] = CheckOutRelationSuggestionsListItemComponent;
+
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=colijnit-transaction.umd.js.map