@colijnit/transaction 1.9.31 → 12.0.1

package/bundles/colijnit-transaction.umd.js

@@ -1,8 +1,28 @@
 (function (global, factory) {
     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 = 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, core, 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';
+    (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';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -19,35 +39,38 @@
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
     /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
+    var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b)
+                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 __());
     }
-
-    var __assign = function() {
+    var __assign = function () {
         __assign = Object.assign || function __assign(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
                 s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
             }
             return t;
         };
         return __assign.apply(this, arguments);
     };
-
     function __rest(s, e) {
         var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
         if (s != null && typeof Object.getOwnPropertySymbols === "function")
             for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
                 if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
@@ -55,172 +78,268 @@
             }
         return t;
     }
-
     function __decorate(decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
         return c > 3 && r && Object.defineProperty(target, key, r), r;
     }
-
     function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
+        return function (target, key) { decorator(target, key, paramIndex); };
     }
-
     function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
     }
-
     function __awaiter(thisArg, _arguments, P, generator) {
         function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
             function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     }
-
     function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
                 }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
         }
     }
-
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
+    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, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
     }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-
     function __values(o) {
         var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m) return m.call(o);
-        if (o && typeof o.length === "number") return {
-            next: function () {
-                if (o && i >= o.length) o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
         throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     }
-
     function __read(o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
+        if (!m)
+            return o;
         var i = m.call(o), r, ar = [], e;
         try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
         }
-        catch (error) { e = { error: error }; }
         finally {
             try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
             }
-            finally { if (e) throw e.error; }
         }
         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;
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
         for (var r = Array(s), k = 0, i = 0; i < il; i++)
             for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
                 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);
     }
-
     function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
         var g = generator.apply(thisArg, _arguments || []), i, q = [];
         return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
         function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
         function fulfill(value) { resume("next", value); }
         function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
     }
-
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
         function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
     }
-
     function __asyncValues(o) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
         var m = o[Symbol.asyncIterator], i;
         return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
         function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
     }
-
     function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
         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;
+        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 (mod != null)
+            for (var k in 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;
     }
 
     var OptionsService = /** @class */ (function () {
@@ -234,7 +353,7 @@
             set: function (value) {
                 this._options = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         OptionsService.prototype.createSettingsFromObject = function (obj) {
@@ -320,13 +439,14 @@
                 languageCode: "NL",
             }).then();
         };
-        OptionsService = __decorate([
-            core.Injectable()
-        ], OptionsService);
         return OptionsService;
-    }());
+    }());
+    OptionsService.decorators = [
+        { type: i0.Injectable }
+    ];
+    OptionsService.ctorParameters = function () { return []; };
 
-    var PROP_META_KEY = "complexField";
+    var PROP_META_KEY$3 = "complexField";
     /**
      * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
      */
@@ -351,13 +471,13 @@
             // 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..");
                 return;
             }
-            Reflect.defineMetadata(PROP_META_KEY, type, target, propertyKey);
+            Reflect.defineMetadata(PROP_META_KEY$3, type, target, propertyKey);
         };
     }
     // Utility function holder of the ComplexFieldDecorator decorator.
@@ -372,19 +492,19 @@
             if (!target || !propertyKey || typeof target !== "object") {
                 return false;
             }
-            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY, target, propertyKey)));
+            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey)));
         };
         // Returns the VALUE of the @ComplexField(VALUE) property decorator on the given propertyKey on the given modelObject.
         ComplexFieldDecorator.GetComplexFieldType = function (target, propertyKey) {
             if (!target || !propertyKey || typeof target !== "object") {
                 return undefined;
             }
-            return Reflect.getMetadata(PROP_META_KEY, target, propertyKey);
+            return Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey);
         };
         return ComplexFieldDecorator;
     }());
 
-    var PROP_META_KEY$1 = "complexArray";
+    var PROP_META_KEY$2 = "complexArray";
     /**
      * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
      */
@@ -411,7 +531,7 @@
                     "where both classes and their dependencies are used, e.g. factory, repository or models..");
                 return;
             }
-            Reflect.defineMetadata(PROP_META_KEY$1, type, target, propertyKey);
+            Reflect.defineMetadata(PROP_META_KEY$2, type, target, propertyKey);
         };
     }
     // Utility function holder of the ComplexArrayDecorator decorator.
@@ -426,7 +546,7 @@
             if (!target || !propertyKey || typeof target !== "object") {
                 return false;
             }
-            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$1, target, propertyKey)));
+            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey)));
         };
         /**
          * Returns the VALUE of the @ComplexArray(VALUE) property decorator on the given propertyKey on the given modelobject.
@@ -435,7 +555,7 @@
             if (!target || !propertyKey || typeof target !== "object") {
                 return undefined;
             }
-            return Reflect.getMetadata(PROP_META_KEY$1, target, propertyKey);
+            return Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey);
         };
         return ComplexArrayDecorator;
     }());
@@ -541,7 +661,7 @@
         return BooleanTextDecorator;
     }());
 
-    var PROP_META_KEY$2 = "dateField";
+    var PROP_META_KEY$1 = "dateField";
     /**
      * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
      */
@@ -559,7 +679,7 @@
             if (!target || !propertyKey) {
                 return;
             }
-            Reflect.defineMetadata(PROP_META_KEY$2, undefined, target, propertyKey);
+            Reflect.defineMetadata(PROP_META_KEY$1, undefined, target, propertyKey);
         };
     }
     // Utility function holder of the @DateField() decorator.
@@ -571,7 +691,7 @@
             if (!target || !propertyKey || typeof target !== "object") {
                 return false;
             }
-            return Reflect.hasMetadata(PROP_META_KEY$2, target, propertyKey);
+            return Reflect.hasMetadata(PROP_META_KEY$1, target, propertyKey);
         };
         DateFieldFieldDecorator.StringAsDate = function (str) {
             return dateUtils.DateUtils.StringAsDate(str);
@@ -579,7 +699,7 @@
         return DateFieldFieldDecorator;
     }());
 
-    var PROP_META_KEY$3 = "stringNumber";
+    var PROP_META_KEY = "stringNumber";
     /**
      * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
      */
@@ -601,7 +721,7 @@
             if (!target || !propertyKey) {
                 return;
             }
-            Reflect.defineMetadata(PROP_META_KEY$3, undefined, target, propertyKey);
+            Reflect.defineMetadata(PROP_META_KEY, undefined, target, propertyKey);
         };
     }
     // Utility function holder of the @StringNumber() decorator.
@@ -613,7 +733,7 @@
             if (!target || !propertyKey || typeof target !== "object") {
                 return false;
             }
-            return Reflect.hasMetadata(PROP_META_KEY$3, target, propertyKey);
+            return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
         };
         StringNumberDecorator.StringAsNumber = function (str) {
             return numberUtils.NumberUtils.ParseFloatKeepPrecision(str);
@@ -837,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;
@@ -852,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);
                                 }
@@ -1536,16 +1656,17 @@
                 });
             });
         };
-        IOneConnectorAdapterService = __decorate([
-            core.Injectable()
-        ], IOneConnectorAdapterService);
         return IOneConnectorAdapterService;
-    }());
+    }());
+    IOneConnectorAdapterService.decorators = [
+        { type: i0.Injectable }
+    ];
+    IOneConnectorAdapterService.ctorParameters = function () { return []; };
 
     var TransactionService = /** @class */ (function () {
         function TransactionService(_connector) {
             this._connector = _connector;
-            this.transactionUpdated = new core.EventEmitter();
+            this.transactionUpdated = new i0.EventEmitter();
             this.applicationUser = false;
             this.articleAmount = 0;
             this._currentLines = [];
@@ -1564,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", {
@@ -1574,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", {
@@ -1598,7 +1719,7 @@
             set: function (values) {
                 this._currentLineOperationStatuses = values;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionService.prototype, "currentLineOperationStatus", {
@@ -1610,7 +1731,7 @@
             set: function (value) {
                 this._currentLineOperationStatus = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         TransactionService.prototype.getArticleFullObject = function (goodId) {
@@ -2049,7 +2170,7 @@
                                 reject(error);
                             })
                                 .catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2074,7 +2195,7 @@
                                 });
                             }); })
                                 .catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2100,7 +2221,7 @@
                                 });
                             }); })
                                 .catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2122,7 +2243,7 @@
                                     return [2 /*return*/];
                                 });
                             }); }).catch(function (reason) {
-                                resolve();
+                                resolve(null);
                             });
                         })];
                 });
@@ -2208,14 +2329,14 @@
             transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
             return transactionDeliveryOptionsRequest;
         };
-        TransactionService.ctorParameters = function () { return [
-            { type: IOneConnectorAdapterService }
-        ]; };
-        TransactionService = __decorate([
-            core.Injectable()
-        ], TransactionService);
         return TransactionService;
-    }());
+    }());
+    TransactionService.decorators = [
+        { type: i0.Injectable }
+    ];
+    TransactionService.ctorParameters = function () { return [
+        { type: IOneConnectorAdapterService }
+    ]; };
 
     var LanguageCode;
     (function (LanguageCode) {
@@ -2591,7 +2712,7 @@
             get: function () {
                 return this._language;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DictionaryService.prototype, "rootUrl", {
@@ -2599,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.
@@ -2610,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()]);
                         }
                     }
@@ -2645,15 +2766,16 @@
                 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;
         };
-        DictionaryService = __decorate([
-            core.Injectable()
-        ], DictionaryService);
         return DictionaryService;
-    }());
+    }());
+    DictionaryService.decorators = [
+        { type: i0.Injectable }
+    ];
+    DictionaryService.ctorParameters = function () { return []; };
 
     var TransactionEventService = /** @class */ (function () {
         function TransactionEventService() {
@@ -2664,12 +2786,12 @@
             this.addNewUserToShoppingCartModule = new rxjs.Subject();
             this.addUserRelationShoppingCartModule = new rxjs.Subject();
         }
-        TransactionEventService.ɵprov = core.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
-        TransactionEventService = __decorate([
-            core.Injectable({ providedIn: "root" })
-        ], TransactionEventService);
         return TransactionEventService;
-    }());
+    }());
+    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) {
@@ -2686,7 +2808,7 @@
             this.sequenceNr = 1;
             this.startInEdit = false;
             this.editMode = false;
-            this.editModeChange = new core.EventEmitter();
+            this.editModeChange = new i0.EventEmitter();
         }
         CheckoutOverviewBlockComponent.prototype.ngOnInit = function () {
             if (this.startInEdit) {
@@ -2704,35 +2826,30 @@
                 this.editModeChange.emit(this.editMode);
             }
         };
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewBlockComponent.prototype, "sequenceNr", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewBlockComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewBlockComponent.prototype, "startInEdit", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewBlockComponent.prototype, "editModeChange", void 0);
-        CheckoutOverviewBlockComponent = __decorate([
-            core.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%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-            })
-        ], CheckoutOverviewBlockComponent);
         return CheckoutOverviewBlockComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var CheckoutOverviewRelationEditComponent = /** @class */ (function () {
         function CheckoutOverviewRelationEditComponent(_changeDetector, _transactionService) {
             var _this = this;
             this._changeDetector = _changeDetector;
             this._transactionService = _transactionService;
-            this.validSubmit = new core.EventEmitter();
-            this.invalidSubmit = new core.EventEmitter();
+            this.validSubmit = new i0.EventEmitter();
+            this.invalidSubmit = new i0.EventEmitter();
             this.testje = false;
             this.dateOfBirth = new Date();
             this.accountPassword = "";
@@ -2749,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", {
@@ -2761,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", {
@@ -2785,7 +2902,7 @@
                     return address;
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewRelationEditComponent.prototype, "firstAddress", {
@@ -2801,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 () {
@@ -2980,37 +3097,27 @@
                 });
             });
         };
-        CheckoutOverviewRelationEditComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: TransactionService }
-        ]; };
-        __decorate([
-            core.ViewChild(corecomponents_v9.FormComponent, { static: true })
-        ], CheckoutOverviewRelationEditComponent.prototype, "relationForm", void 0);
-        __decorate([
-            core.ViewChild(corecomponents_v9.CoSidebarComponent, { static: false })
-        ], CheckoutOverviewRelationEditComponent.prototype, "relationSidebar", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewRelationEditComponent.prototype, "relation", null);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewRelationEditComponent.prototype, "transaction", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewRelationEditComponent.prototype, "validSubmit", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewRelationEditComponent.prototype, "invalidSubmit", void 0);
-        CheckoutOverviewRelationEditComponent = __decorate([
-            core.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>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: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ".relation-sidebar-header{margin-left:5px}"]
-            })
-        ], CheckoutOverviewRelationEditComponent);
         return CheckoutOverviewRelationEditComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var CheckoutOverviewDeliveryEditComponent = /** @class */ (function () {
         function CheckoutOverviewDeliveryEditComponent(cdr, _dictionaryService, service) {
@@ -3019,8 +3126,8 @@
             this.service = service;
             this.deliveryAddressType = addressType_enum.AddressType.DeliveryAddress;
             this.billingAddressType = addressType_enum.AddressType.BillingAddress;
-            this.validSubmit = new core.EventEmitter();
-            this.invalidSubmit = new core.EventEmitter();
+            this.validSubmit = new i0.EventEmitter();
+            this.invalidSubmit = new i0.EventEmitter();
             this.deliveryOptionList = [];
             this.deliveryOptions = [];
             this.deliveryOptionFields = { text: "description", value: "code" };
@@ -3057,7 +3164,7 @@
                 }
                 return this.transaction.invoiceAddress;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "deliveryAddress", {
@@ -3072,7 +3179,7 @@
                 }
                 return this.transaction.transactionAddress;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "deliveryDate", {
@@ -3085,7 +3192,7 @@
             set: function (value) {
                 this.transaction.deliveryDate = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(CheckoutOverviewDeliveryEditComponent.prototype, "preferredDeliveryDate", {
@@ -3098,7 +3205,7 @@
             set: function (value) {
                 this.transaction.preferredDeliveryDate = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutOverviewDeliveryEditComponent.prototype.newRelationAddress = function () {
@@ -3263,63 +3370,47 @@
                 });
             });
         };
-        CheckoutOverviewDeliveryEditComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: DictionaryService },
-            { type: TransactionService }
-        ]; };
-        __decorate([
-            core.ViewChild("deliveryForm", { read: corecomponents_v9.FormComponent })
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "deliveryForm", void 0);
-        __decorate([
-            core.ViewChild("locationForm", { read: corecomponents_v9.FormComponent })
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "locationForm", void 0);
-        __decorate([
-            core.ViewChild("changeLocationDialog")
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "changeLocationDialog", void 0);
-        __decorate([
-            core.ViewChild("addressGrid")
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "addressGrid", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "relation", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "transaction", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "validSubmit", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewDeliveryEditComponent.prototype, "invalidSubmit", void 0);
-        CheckoutOverviewDeliveryEditComponent = __decorate([
-            core.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 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: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ".container-button-change-address{margin-top:5px}"]
-            })
-        ], CheckoutOverviewDeliveryEditComponent);
         return CheckoutOverviewDeliveryEditComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var CheckoutOverviewComponent = /** @class */ (function () {
-        function CheckoutOverviewComponent(
-        //  public service: RetailTransactionModuleService
-        ) {
+        function CheckoutOverviewComponent() {
             this.steps = CheckoutSteps;
             //
             // @ViewChild("paymentBlock", {read: CheckoutOverviewBlockComponent})
             // public paymentBlock: CheckoutOverviewBlockComponent;
             this.relation = nulRelationObject.NULL_RELATION_OBJECT;
             this.userIsApplicationUser = false;
-            this.saveRelation = new core.EventEmitter();
-            this.saveDelivery = new core.EventEmitter();
-            this.savePayment = new core.EventEmitter();
-            this.stepFinished = new core.EventEmitter();
+            this.saveRelation = new i0.EventEmitter();
+            this.saveDelivery = new i0.EventEmitter();
+            this.savePayment = new i0.EventEmitter();
+            this.stepFinished = new i0.EventEmitter();
             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) => {
@@ -3434,48 +3525,29 @@
         CheckoutOverviewComponent.prototype.isRelation = function () {
             return (this.relation !== nulRelationObject.NULL_RELATION_OBJECT);
         };
-        __decorate([
-            core.ViewChild("relationBlock", { read: CheckoutOverviewBlockComponent })
-        ], CheckoutOverviewComponent.prototype, "relationBlock", void 0);
-        __decorate([
-            core.ViewChild("relationForm", { read: CheckoutOverviewRelationEditComponent })
-        ], CheckoutOverviewComponent.prototype, "relationForm", void 0);
-        __decorate([
-            core.ViewChild("deliveryBlock", { read: CheckoutOverviewBlockComponent })
-        ], CheckoutOverviewComponent.prototype, "deliveryBlock", void 0);
-        __decorate([
-            core.ViewChild("deliveryForm", { read: CheckoutOverviewDeliveryEditComponent })
-        ], CheckoutOverviewComponent.prototype, "deliveryForm", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewComponent.prototype, "relation", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewComponent.prototype, "transaction", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewComponent.prototype, "userIsApplicationUser", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewComponent.prototype, "saveRelation", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewComponent.prototype, "saveDelivery", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewComponent.prototype, "savePayment", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewComponent.prototype, "stepFinished", void 0);
-        CheckoutOverviewComponent = __decorate([
-            core.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%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-            })
-        ], CheckoutOverviewComponent);
         return CheckoutOverviewComponent;
-    }());
+    }());
+    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 = /** @class */ (function () {
         function CheckoutComponent(service, promptService) {
@@ -3485,33 +3557,32 @@
             this.completedDelivery = false;
             this._relation = nulRelationObject.NULL_RELATION_OBJECT;
         }
-        CheckoutComponent_1 = CheckoutComponent;
         Object.defineProperty(CheckoutComponent.prototype, "relation", {
             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", {
@@ -3519,7 +3590,7 @@
                 // TODO: return this.userService.isApplicationUser;
                 return true;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutComponent._currentStepByIndex = function (index) {
@@ -3536,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;
             }
@@ -3614,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 () {
@@ -3643,26 +3714,23 @@
                 });
             });
         };
-        var CheckoutComponent_1;
-        CheckoutComponent.ctorParameters = function () { return [
-            { type: TransactionService },
-            { type: corecomponents_v9.PromptService }
-        ]; };
-        __decorate([
-            core.ViewChild(CheckoutOverviewComponent)
-        ], CheckoutComponent.prototype, "overview", void 0);
-        __decorate([
-            core.ViewChild("stepper")
-        ], CheckoutComponent.prototype, "stepper", void 0);
-        CheckoutComponent = CheckoutComponent_1 = __decorate([
-            core.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%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-            })
-        ], CheckoutComponent);
         return CheckoutComponent;
-    }());
+    }());
+    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",] }]
+    };
 
     var RetailTransactionCheckoutComponent = /** @class */ (function () {
         function RetailTransactionCheckoutComponent(service) {
@@ -3673,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", {
@@ -3681,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", {
@@ -3689,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 () {
@@ -3705,27 +3773,27 @@
         RetailTransactionCheckoutComponent.prototype.previousCheckout = function () {
             this.checkout.previous();
         };
-        RetailTransactionCheckoutComponent.ctorParameters = function () { return [
-            { type: TransactionService }
-        ]; };
-        __decorate([
-            core.ViewChild(CheckoutComponent, { static: true })
-        ], RetailTransactionCheckoutComponent.prototype, "checkout", void 0);
-        RetailTransactionCheckoutComponent = __decorate([
-            core.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}"]
-            })
-        ], RetailTransactionCheckoutComponent);
         return RetailTransactionCheckoutComponent;
-    }());
+    }());
+    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 },] }]
+    };
 
     var CheckoutLoginComponent = /** @class */ (function () {
         function CheckoutLoginComponent() {
-            this.createNewAccountSubmit = new core.EventEmitter();
-            this.continueWithoutSubmit = new core.EventEmitter();
-            this.loginSubmit = new core.EventEmitter();
+            this.createNewAccountSubmit = new i0.EventEmitter();
+            this.continueWithoutSubmit = new i0.EventEmitter();
+            this.loginSubmit = new i0.EventEmitter();
             this.userEmailAddress = "";
             this.userNewEmailAddress = "";
             this.userPassword = "";
@@ -3755,30 +3823,23 @@
                 this.createNewAccountSubmit.emit();
             }
         };
-        __decorate([
-            core.ViewChild("loginForm")
-        ], CheckoutLoginComponent.prototype, "loginForm", void 0);
-        __decorate([
-            core.ViewChild("accountForm")
-        ], CheckoutLoginComponent.prototype, "accountForm", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutLoginComponent.prototype, "createNewAccountSubmit", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutLoginComponent.prototype, "continueWithoutSubmit", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutLoginComponent.prototype, "loginSubmit", void 0);
-        CheckoutLoginComponent = __decorate([
-            core.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}"]
-            })
-        ], CheckoutLoginComponent);
         return CheckoutLoginComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var IoneCheckoutComponent = /** @class */ (function () {
         function IoneCheckoutComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
@@ -3817,7 +3878,7 @@
                     this._optionsService.initialize(options).then();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(IoneCheckoutComponent.prototype, "applicationUser", {
@@ -3828,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 () {
@@ -3901,36 +3962,30 @@
             this.loggedIn = true;
             this.show = true;
         };
-        IoneCheckoutComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: OptionsService },
-            { type: IOneConnectorAdapterService },
-            { type: DictionaryService },
-            { type: TransactionService },
-            { type: TransactionEventService },
-            { type: corecomponents_v9.PromptService },
-            { type: TransactionEventService }
-        ]; };
-        __decorate([
-            core.ViewChild(RetailTransactionCheckoutComponent)
-        ], IoneCheckoutComponent.prototype, "retailCheckout", void 0);
-        __decorate([
-            core.ViewChild(CheckoutLoginComponent)
-        ], IoneCheckoutComponent.prototype, "checkoutLogin", void 0);
-        __decorate([
-            core.Input()
-        ], IoneCheckoutComponent.prototype, "options", null);
-        __decorate([
-            core.Input()
-        ], IoneCheckoutComponent.prototype, "applicationUser", null);
-        IoneCheckoutComponent = __decorate([
-            core.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  "
-            })
-        ], IoneCheckoutComponent);
         return 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 }]
+    };
 
     var CheckoutOverviewRelationAddressComponent = /** @class */ (function () {
         function CheckoutOverviewRelationAddressComponent(_dictionary, _connector) {
@@ -3951,7 +4006,7 @@
             set: function (address) {
                 this._address = address;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckoutOverviewRelationAddressComponent.prototype.ngOnInit = function () {
@@ -4002,55 +4057,49 @@
         CheckoutOverviewRelationAddressComponent.prototype.changeHouseNo = function () {
             this.address.houseNo = Number(this.address.houseNo);
         };
-        CheckoutOverviewRelationAddressComponent.ctorParameters = function () { return [
-            { type: DictionaryService },
-            { type: IOneConnectorAdapterService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewRelationAddressComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewRelationAddressComponent.prototype, "address", null);
-        CheckoutOverviewRelationAddressComponent = __decorate([
-            core.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%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-            })
-        ], CheckoutOverviewRelationAddressComponent);
         return CheckoutOverviewRelationAddressComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var CheckoutOverviewDeliveryAddressComponent = /** @class */ (function () {
         function CheckoutOverviewDeliveryAddressComponent(service) {
             this.service = service;
-            this.editRequest = new core.EventEmitter();
+            this.editRequest = new i0.EventEmitter();
         }
         CheckoutOverviewDeliveryAddressComponent.prototype.onClick = function () {
             this.editRequest.emit();
         };
-        CheckoutOverviewDeliveryAddressComponent.ctorParameters = function () { return [
-            { type: TransactionService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewDeliveryAddressComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], CheckoutOverviewDeliveryAddressComponent.prototype, "address", void 0);
-        __decorate([
-            core.Output()
-        ], CheckoutOverviewDeliveryAddressComponent.prototype, "editRequest", void 0);
-        CheckoutOverviewDeliveryAddressComponent = __decorate([
-            core.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%;color:#f7fafa;background-color:#2b60a7}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}.step-content-customer,.step-content-delivery{padding:20px;background-color:#fff}.triangle{border-radius:3px}.full-width{width:100%}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:700}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:700}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{padding:30px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{margin-top:20px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{padding-left:11px;padding-right:11px;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ""]
-            })
-        ], CheckoutOverviewDeliveryAddressComponent);
         return CheckoutOverviewDeliveryAddressComponent;
-    }());
+    }());
+    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;
@@ -4066,33 +4115,29 @@
             this.suggestions = [];
             this.arrowDirection = Direction.Left;
             // Emits the clicked relation list object.
-            this.suggestionButtonClick = new core.EventEmitter();
+            this.suggestionButtonClick = new i0.EventEmitter();
         }
-        __decorate([
-            core.Input()
-        ], CheckOutRelationSuggestionsListComponent.prototype, "suggestions", void 0);
-        __decorate([
-            core.Input()
-        ], CheckOutRelationSuggestionsListComponent.prototype, "arrowDirection", void 0);
-        __decorate([
-            core.Output()
-        ], CheckOutRelationSuggestionsListComponent.prototype, "suggestionButtonClick", void 0);
-        CheckOutRelationSuggestionsListComponent = __decorate([
-            core.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: [""]
-            })
-        ], CheckOutRelationSuggestionsListComponent);
         return CheckOutRelationSuggestionsListComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var CheckOutRelationSuggestionsListItemComponent = /** @class */ (function () {
         function CheckOutRelationSuggestionsListItemComponent() {
-            this.buttonClick = new core.EventEmitter();
+            this.buttonClick = new i0.EventEmitter();
             //  public icon: Icon;
             this._arrowDirection = Direction.Left;
         }
@@ -4101,7 +4146,7 @@
                 this._arrowDirection = arrowDirection;
                 this._updateIcon();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CheckOutRelationSuggestionsListItemComponent.prototype.ngOnInit = function () {
@@ -4114,25 +4159,23 @@
             //   this.icon = Icon.ArrowFatRight;
             // }
         };
-        __decorate([
-            core.Input()
-        ], CheckOutRelationSuggestionsListItemComponent.prototype, "suggestion", void 0);
-        __decorate([
-            core.Input()
-        ], CheckOutRelationSuggestionsListItemComponent.prototype, "arrowDirection", null);
-        __decorate([
-            core.Output()
-        ], CheckOutRelationSuggestionsListItemComponent.prototype, "buttonClick", void 0);
-        CheckOutRelationSuggestionsListItemComponent = __decorate([
-            core.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;margin:10px 0}:host{flex-shrink:0;padding-bottom:11px;padding-top:20px}:host,div.right{padding-left:11px}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important;transform:translate(-50%,-50%);top:50%;left:50%;margin-right:-50%;visibility:hidden}div.name{font-weight:700;font-size:15px}.triangle{border-radius:3px}.full-width{width:100%}:host{padding-right:11px;position:relative;background-color:#fff;border:1px solid #dce4ea;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.address,div.email,div.phone{padding-bottom:5px;color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}"]
-            })
-        ], CheckOutRelationSuggestionsListItemComponent);
         return CheckOutRelationSuggestionsListItemComponent;
-    }());
+    }());
+    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 }]
+    };
 
+    // A pipe for appending strings to other strings in view templates.
     var AppendPipe = /** @class */ (function () {
         function AppendPipe() {
         }
@@ -4145,11 +4188,11 @@
             }
             return value + append;
         };
-        AppendPipe = __decorate([
-            core.Pipe({ name: "append" })
-        ], AppendPipe);
         return AppendPipe;
-    }());
+    }());
+    AppendPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "append" },] }
+    ];
 
     // Time size types, as in 'days' or 'weeks' or 'months'.
     var TimeSizeType;
@@ -4207,14 +4250,14 @@
             }
             return deltaWeeks + " " + weeksSuffix;
         };
-        DateDurationPipe.ctorParameters = function () { return [
-            { type: DictionaryService }
-        ]; };
-        DateDurationPipe = __decorate([
-            core.Pipe({ name: "dateDuration", pure: false })
-        ], DateDurationPipe);
         return DateDurationPipe;
-    }());
+    }());
+    DateDurationPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "dateDuration", pure: false },] }
+    ];
+    DateDurationPipe.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
 
     var DeliveryTimePipe = /** @class */ (function (_super) {
         __extends(DeliveryTimePipe, _super);
@@ -4238,17 +4281,18 @@
                 return _super.prototype.transform.call(this, value, timeSize);
             }
         };
-        DeliveryTimePipe.ctorParameters = function () { return [
-            { type: DictionaryService }
-        ]; };
-        DeliveryTimePipe = __decorate([
-            core.Pipe({ name: "deliveryTime", pure: false })
-        ], DeliveryTimePipe);
         return DeliveryTimePipe;
-    }(DateDurationPipe));
+    }(DateDurationPipe));
+    DeliveryTimePipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "deliveryTime", pure: false },] }
+    ];
+    DeliveryTimePipe.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
 
+    // A pipe for localizing string values in view templates.
     var LocalizePipe = /** @class */ (function () {
-        // tslint:disable-next-line:variable-name
+        // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
         function LocalizePipe(_dictionaryService) {
             this._dictionaryService = _dictionaryService;
         }
@@ -4263,24 +4307,26 @@
             if (!Array.isArray(replace)) {
                 replace = [replace];
             }
-            return (_a = this._dictionaryService).get.apply(_a, __spread([value, upperCaseFirst], replace));
-        };
-        LocalizePipe.ctorParameters = function () { return [
-            { type: DictionaryService }
-        ]; };
-        LocalizePipe = __decorate([
-            core.Pipe({
-                name: "localize"
-            })
-            // A pipe for localizing string values in view templates.
-        ], LocalizePipe);
+            return (_a = this._dictionaryService).get.apply(_a, __spreadArray([value, upperCaseFirst], __read(replace)));
+        };
         return LocalizePipe;
-    }());
+    }());
+    LocalizePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "localize"
+                },] }
+    ];
+    LocalizePipe.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
 
+    /**
+     * 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_1 = CoCurrencyPipe;
         CoCurrencyPipe.prototype.transform = function (value, allowZero) {
             if (allowZero === void 0) { allowZero = false; }
             if (value === null || value === undefined) {
@@ -4301,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'
@@ -4313,16 +4359,15 @@
             valueAsString = valueAsString.replace(",", "#");
             valueAsString = valueAsString.replace(".", ",");
             valueAsString = valueAsString.replace("#", ".");
-            return CoCurrencyPipe_1._CurrencySymbol + " " + valueAsString + suffix;
-        };
-        var CoCurrencyPipe_1;
-        CoCurrencyPipe._CurrencySymbol = "€";
-        CoCurrencyPipe._WholeNumberedPriceSuffix = ",-";
-        CoCurrencyPipe = CoCurrencyPipe_1 = __decorate([
-            core.Pipe({ name: "coCurrency" })
-        ], CoCurrencyPipe);
+            return CoCurrencyPipe._CurrencySymbol + " " + valueAsString + suffix;
+        };
         return CoCurrencyPipe;
-    }());
+    }());
+    CoCurrencyPipe._CurrencySymbol = "€";
+    CoCurrencyPipe._WholeNumberedPriceSuffix = ",-";
+    CoCurrencyPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: "coCurrency" },] }
+    ];
 
     var SafeStylePipe = /** @class */ (function () {
         function SafeStylePipe(_sanitizer) {
@@ -4331,16 +4376,16 @@
         SafeStylePipe.prototype.transform = function (value) {
             return this._sanitizer.bypassSecurityTrustStyle(value);
         };
-        SafeStylePipe.ctorParameters = function () { return [
-            { type: platformBrowser.DomSanitizer }
-        ]; };
-        SafeStylePipe = __decorate([
-            core.Pipe({
-                name: "safeStyle"
-            })
-        ], SafeStylePipe);
         return SafeStylePipe;
-    }());
+    }());
+    SafeStylePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "safeStyle"
+                },] }
+    ];
+    SafeStylePipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
 
     var ImageDisplayComponent = /** @class */ (function () {
         function ImageDisplayComponent() {
@@ -4359,67 +4404,49 @@
             get: function () {
                 return (this.hideOnEmptyModel && !this.model);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        __decorate([
-            core.Input()
-        ], ImageDisplayComponent.prototype, "model", void 0);
-        __decorate([
-            core.Input()
-        ], ImageDisplayComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input()
-        ], ImageDisplayComponent.prototype, "hideOnEmptyModel", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.circle")
-        ], ImageDisplayComponent.prototype, "circle", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.cover-image")
-        ], ImageDisplayComponent.prototype, "cover", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.pointer-hover")
-        ], ImageDisplayComponent.prototype, "pointerOnHover", void 0);
-        __decorate([
-            core.HostBinding("class.hidden")
-        ], ImageDisplayComponent.prototype, "shouldBeHidden", null);
-        ImageDisplayComponent = __decorate([
-            core.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{flex-direction:row;margin:10px 0}.flex-center,:host,div.img-wrapper{display:flex;align-items:center!important;justify-content:center!important}:host,div.image,div.img-wrapper{width:100%;height:100%}div.img-wrapper{position:relative}.triangle{border-radius:3px}.full-width{width:100%}:host.cover-image div.image{background-size:cover}:host.circle .image,:host.circle .img-wrapper{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:center center}"]
-            })
-        ], ImageDisplayComponent);
         return ImageDisplayComponent;
-    }());
+    }());
+    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",] }]
+    };
 
+    // 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 () {
-        // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
         function NoImageDisplayComponent() {
             // The placeholder icon to show when there is no image. Defaults to 'camera'.
             this.icon = corecomponents_v9.CoreComponentsIcon.Camera;
             // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
             this.label = "NO_IMAGE";
         }
-        __decorate([
-            core.Input()
-        ], NoImageDisplayComponent.prototype, "icon", void 0);
-        __decorate([
-            core.Input()
-        ], NoImageDisplayComponent.prototype, "label", void 0);
-        NoImageDisplayComponent = __decorate([
-            core.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).
-        ], NoImageDisplayComponent);
         return NoImageDisplayComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var IconComponent = /** @class */ (function () {
         function IconComponent(_iconCacheService) {
@@ -4429,7 +4456,7 @@
             set: function (icon) {
                 this._setSvg(icon);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         IconComponent.prototype.ngOnDestroy = function () {
@@ -4438,117 +4465,114 @@
         IconComponent.prototype._setSvg = function (icon) {
             this.svg = this._iconCacheService.getIcon(icon);
         };
-        IconComponent.ctorParameters = function () { return [
-            { type: corecomponents_v9.IconCacheService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], IconComponent.prototype, "icon", null);
-        __decorate([
-            core.HostBinding("innerHtml")
-        ], IconComponent.prototype, "svg", void 0);
-        IconComponent = __decorate([
-            core.Component({
-                selector: "icon",
-                template: "",
-                styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.circle:host{border-radius:50%}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{display:inline-flex;width:30px;height:30px}.no-shrink:host{flex-shrink:0}:host.action ::ng-deep{cursor:pointer}:host ::ng-deep svg{width:100%;height:100%}.massive:host{width:100px;height:100px}.humongous:host{width:70px;height:70px}.very-big:host{width:45px;height:45px}.big:host{width:40px;height:40px}.small:host{width:25px;height:25px}.nano:host{width:18px;height:18px}.pico:host{width:14px;height:14px}.triangle{border-radius:3px}.full-width{width:100%}:host.dark ::ng-deep [fill]{fill:#22313c}:host.light ::ng-deep [fill]{fill:#fff}:host.red ::ng-deep [fill]{fill:#c1002a}:host.grey ::ng-deep [fill]{fill:#dad9d9}:host.action-color ::ng-deep [fill]{fill:#2b60a7}:host.inactive{opacity:.25}:host.disabled{opacity:.25!important}:host:hover.action ::ng-deep [fill]{fill:#2b60a7}"]
-            })
-        ], IconComponent);
         return IconComponent;
-    }());
+    }());
+    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",] }]
+    };
 
     var CoreModule = /** @class */ (function () {
         function CoreModule() {
         }
-        CoreModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    AppendPipe,
-                    DeliveryTimePipe,
-                    DateDurationPipe,
-                    LocalizePipe,
-                    CoCurrencyPipe,
-                    SafeStylePipe,
-                    ImageDisplayComponent,
-                    NoImageDisplayComponent,
-                    IconComponent,
-                ],
-                exports: [
-                    LocalizePipe,
-                    CoCurrencyPipe,
-                    AppendPipe,
-                    DeliveryTimePipe,
-                    SafeStylePipe,
-                    CoCurrencyPipe,
-                    ImageDisplayComponent,
-                    NoImageDisplayComponent,
-                    IconComponent,
-                ],
-                imports: [
-                    common.CommonModule
-                ]
-            })
-        ], CoreModule);
         return CoreModule;
-    }());
+    }());
+    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
+                    ]
+                },] }
+    ];
 
     var IoneCheckoutModule = /** @class */ (function () {
         function IoneCheckoutModule() {
         }
-        IoneCheckoutModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    CheckoutComponent,
-                    CheckoutOverviewComponent,
-                    CheckoutOverviewBlockComponent,
-                    CheckoutOverviewRelationEditComponent,
-                    CheckoutOverviewRelationAddressComponent,
-                    CheckoutOverviewDeliveryEditComponent,
-                    RetailTransactionCheckoutComponent,
-                    CheckoutOverviewDeliveryAddressComponent,
-                    CheckOutRelationSuggestionsListComponent,
-                    CheckOutRelationSuggestionsListItemComponent,
-                    CheckoutLoginComponent,
-                    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,
-                    CoreModule,
-                ],
-                providers: [
-                    IOneConnectorAdapterService,
-                    DictionaryService,
-                    TransactionService,
-                    OptionsService,
-                    corecomponents_v9.PromptService,
-                ],
-                entryComponents: [
-                    IoneCheckoutComponent
-                ],
-                exports: [IoneCheckoutComponent],
-                bootstrap: [IoneCheckoutComponent]
-            })
-        ], IoneCheckoutModule);
         return 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]
+                },] }
+    ];
 
     var ShoppingCartManagerComponent = /** @class */ (function () {
         function ShoppingCartManagerComponent(service, transactionEvents, promptService, _dictionaryService) {
@@ -4557,9 +4581,9 @@
             this.transactionEvents = transactionEvents;
             this.promptService = promptService;
             this._dictionaryService = _dictionaryService;
-            this.linesChanged = new core.EventEmitter();
-            this.openCart = new core.EventEmitter();
-            this.articleAdded = new core.EventEmitter();
+            this.linesChanged = new i0.EventEmitter();
+            this.openCart = new i0.EventEmitter();
+            this.articleAdded = new i0.EventEmitter();
             this.isReturn = false;
             this.waitForLinesChangedToOpenCart = false;
             this.message = "CHECK_WAREHOUSE_AND_COMMISSIONCODE";
@@ -4596,7 +4620,7 @@
             get: function () {
                 return numberUtils.NumberUtils.NrOrDefault(this.service.articleAmount, 0);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(ShoppingCartManagerComponent.prototype, "showCharacteristicDialog", {
@@ -4606,7 +4630,7 @@
             set: function (value) {
                 this._showCharacteristic = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ShoppingCartManagerComponent.prototype.ngOnInit = function () {
@@ -5064,42 +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);
         };
-        ShoppingCartManagerComponent.ctorParameters = function () { return [
-            { type: TransactionService },
-            { type: TransactionEventService },
-            { type: corecomponents_v9.PromptService },
-            { type: DictionaryService }
-        ]; };
-        __decorate([
-            core.ViewChild("warehouseDialog")
-        ], ShoppingCartManagerComponent.prototype, "warehouseDialog", void 0);
-        __decorate([
-            core.ViewChild("warehouseGrid")
-        ], ShoppingCartManagerComponent.prototype, "warehouseGrid", void 0);
-        __decorate([
-            core.ViewChild("characteristicAnswer")
-        ], ShoppingCartManagerComponent.prototype, "characteristicAnswer", void 0);
-        __decorate([
-            core.Output()
-        ], ShoppingCartManagerComponent.prototype, "linesChanged", void 0);
-        __decorate([
-            core.Output()
-        ], ShoppingCartManagerComponent.prototype, "openCart", void 0);
-        __decorate([
-            core.Output()
-        ], ShoppingCartManagerComponent.prototype, "articleAdded", void 0);
-        ShoppingCartManagerComponent = __decorate([
-            core.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>\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}.commission-fields,::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{align-items:center!important;justify-content:center!important;margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}"]
-            })
-        ], ShoppingCartManagerComponent);
         return ShoppingCartManagerComponent;
-    }());
+    }());
+    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) {
@@ -5133,9 +5147,9 @@
             this.hideOverviewButton = false;
             this.hideCheckoutButton = false;
             this.hideCloseCartButton = false;
-            this.closeCart = new core.EventEmitter();
-            this.checkout = new core.EventEmitter();
-            this.overview = new core.EventEmitter();
+            this.closeCart = new i0.EventEmitter();
+            this.checkout = new i0.EventEmitter();
+            this.overview = new i0.EventEmitter();
             this.activeViewMode = ContentViewMode.List;
             this.columns = [];
             this.showDiscountsSidebar = false;
@@ -5150,7 +5164,7 @@
             get: function () {
                 return this._filteredCollection;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ShoppingCartComponent.prototype.setFilteredCollection = function (value) {
@@ -5238,51 +5252,33 @@
                 this.discountsSidebar.hide();
             }
         };
-        ShoppingCartComponent.ctorParameters = function () { return [
-            { type: corecomponents_v9.IconCacheService },
-            { type: DictionaryService },
-            { type: TransactionService },
-            { type: TransactionEventService },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.ViewChild(corecomponents_v9.CoSidebarComponent, { static: false })
-        ], ShoppingCartComponent.prototype, "discountsSidebar", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.overlayed")
-        ], ShoppingCartComponent.prototype, "overlayMode", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.overview")
-        ], ShoppingCartComponent.prototype, "overviewMode", void 0);
-        __decorate([
-            core.Input()
-        ], ShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-        __decorate([
-            core.Input()
-        ], ShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-        __decorate([
-            core.Input()
-        ], ShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-        __decorate([
-            core.Output()
-        ], ShoppingCartComponent.prototype, "closeCart", void 0);
-        __decorate([
-            core.Output()
-        ], ShoppingCartComponent.prototype, "checkout", void 0);
-        __decorate([
-            core.Output()
-        ], ShoppingCartComponent.prototype, "overview", void 0);
-        ShoppingCartComponent = __decorate([
-            core.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}.cart-header{margin-top:20px;margin-bottom:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:700}.cart-header .view-mode-buttons{margin-left:11px;display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{padding-bottom:20px;padding-top:20px;align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:700}", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}"]
-            })
-        ], ShoppingCartComponent);
         return ShoppingCartComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var IoneShoppingCartComponent = /** @class */ (function () {
         function IoneShoppingCartComponent(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService) {
@@ -5297,9 +5293,9 @@
             this.hideOverviewButton = false;
             this.hideCheckoutButton = false;
             this.hideCloseCartButton = false;
-            this.closeCart = new core.EventEmitter();
-            this.checkout = new core.EventEmitter();
-            this.overview = new core.EventEmitter();
+            this.closeCart = new i0.EventEmitter();
+            this.checkout = new i0.EventEmitter();
+            this.overview = new i0.EventEmitter();
             this.show = false;
             this.amountOfLines = 0;
             this.upAndLoaded = false;
@@ -5323,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 () {
@@ -5397,50 +5393,34 @@
                 });
             });
         };
-        IoneShoppingCartComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: OptionsService },
-            { type: IOneConnectorAdapterService },
-            { type: DictionaryService },
-            { type: TransactionService },
-            { type: TransactionEventService },
-            { type: corecomponents_v9.PromptService }
-        ]; };
-        __decorate([
-            core.ViewChild(ShoppingCartManagerComponent)
-        ], IoneShoppingCartComponent.prototype, "manager", void 0);
-        __decorate([
-            core.ViewChild(ShoppingCartComponent)
-        ], IoneShoppingCartComponent.prototype, "shoppingCart", void 0);
-        __decorate([
-            core.Input()
-        ], IoneShoppingCartComponent.prototype, "options", null);
-        __decorate([
-            core.Input()
-        ], IoneShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-        __decorate([
-            core.Input()
-        ], IoneShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-        __decorate([
-            core.Input()
-        ], IoneShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-        __decorate([
-            core.Output()
-        ], IoneShoppingCartComponent.prototype, "closeCart", void 0);
-        __decorate([
-            core.Output()
-        ], IoneShoppingCartComponent.prototype, "checkout", void 0);
-        __decorate([
-            core.Output()
-        ], IoneShoppingCartComponent.prototype, "overview", void 0);
-        IoneShoppingCartComponent = __decorate([
-            core.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  "
-            })
-        ], IoneShoppingCartComponent);
         return 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 }]
+    };
 
     var ShoppingCartLineComponent = /** @class */ (function () {
         function ShoppingCartLineComponent(iconCacheService, service, _promptService, _dictionaryService) {
@@ -5463,7 +5443,7 @@
                 this.isSelected = this._line.isSelected;
                 this._loadLineImage();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ShoppingCartLineComponent.prototype.ngAfterViewInit = function () {
@@ -5605,73 +5585,60 @@
                 });
             });
         };
-        ShoppingCartLineComponent.ctorParameters = function () { return [
-            { type: corecomponents_v9.IconCacheService },
-            { type: TransactionService },
-            { type: corecomponents_v9.PromptService },
-            { type: DictionaryService }
-        ]; };
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.overlayed")
-        ], ShoppingCartLineComponent.prototype, "overlayMode", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("class.overview")
-        ], ShoppingCartLineComponent.prototype, "overviewMode", void 0);
-        __decorate([
-            core.HostBinding("class.is-text")
-        ], ShoppingCartLineComponent.prototype, "isText", void 0);
-        __decorate([
-            core.HostBinding("class.is-article")
-        ], ShoppingCartLineComponent.prototype, "isArticle", void 0);
-        __decorate([
-            core.HostBinding("class.is-selected")
-        ], ShoppingCartLineComponent.prototype, "isSelected", void 0);
-        __decorate([
-            core.Input()
-        ], ShoppingCartLineComponent.prototype, "line", null);
-        ShoppingCartLineComponent = __decorate([
-            core.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}.cart-line-r .cart-line-description,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px;margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-totals,.cart-line-t{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;margin:10px 0}:host{padding-bottom:20px;padding-top:20px;display:flex;flex-wrap:wrap;border-bottom:1px solid #dbe3e8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width:800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:700}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:700}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}"]
-            })
-        ], ShoppingCartLineComponent);
         return ShoppingCartLineComponent;
-    }());
+    }());
+    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 }]
+    };
 
+    // Component that visually shows a stock status with three colored boxes.
     var StockStatusIndicatorComponent = /** @class */ (function () {
-        // Component that visually shows a stock status with three colored boxes.
         function StockStatusIndicatorComponent() {
         }
         Object.defineProperty(StockStatusIndicatorComponent.prototype, "stockClass", {
             get: function () {
                 return this.model;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        __decorate([
-            core.Input()
-        ], StockStatusIndicatorComponent.prototype, "model", void 0);
-        StockStatusIndicatorComponent = __decorate([
-            core.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{flex-direction:row;margin:10px 0}.flex-center,:host>div{display:flex;align-items:center!important;justify-content:center!important}:host>div{width:100%;height:100%}.triangle{border-radius:3px}.full-width{width:100%}:host{background-color:rgba(255,255,255,.25);width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.empty>div.square-1,:host>div.low>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.empty div.square-3,:host>div.empty>div.square-2,:host>div.low div.square-3,:host>div.low>div.square-2,:host>div.none div.square-3,:host>div.none>div.square-2{background-color:#dad9d9}:host>div.medium div.square-2,:host>div.medium>div.square-1{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high div.square-2,:host>div.high div.square-3,:host>div.high>div.square-1{background-color:#429777}"]
-            })
-            // Component that visually shows a stock status with three colored boxes.
-        ], StockStatusIndicatorComponent);
         return StockStatusIndicatorComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var CharacteristicAnswerComponent = /** @class */ (function () {
         function CharacteristicAnswerComponent(_dictionaryService) {
             this._dictionaryService = _dictionaryService;
             this.title = "";
             this.question = "";
-            this.okClick = new core.EventEmitter();
+            this.okClick = new i0.EventEmitter();
             this.characteristics = [];
             this.characteristicsCodes = [];
             this.characteristicsFields = { text: "value", value: "value" };
@@ -5680,7 +5647,7 @@
             get: function () {
                 return this.characteristics.length > 0;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         CharacteristicAnswerComponent.prototype.ngOnInit = function () {
@@ -5703,120 +5670,120 @@
                 });
             });
         };
-        CharacteristicAnswerComponent.ctorParameters = function () { return [
-            { type: DictionaryService }
-        ]; };
-        __decorate([
-            core.ViewChild("characteristic")
-        ], CharacteristicAnswerComponent.prototype, "characteristicDialog", void 0);
-        __decorate([
-            core.Input()
-        ], CharacteristicAnswerComponent.prototype, "title", void 0);
-        __decorate([
-            core.Input()
-        ], CharacteristicAnswerComponent.prototype, "question", void 0);
-        __decorate([
-            core.Output()
-        ], CharacteristicAnswerComponent.prototype, "okClick", void 0);
-        CharacteristicAnswerComponent = __decorate([
-            core.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;margin:10px 0}.triangle{border-radius:3px}.full-width{width:100%}.characteristic-title{font-weight:700;font-size:20px;margin-right:10px}.characteristic-value{font-weight:700;font-size:20px}.characteristic-header{display:flex;justify-content:center}"]
-            })
-        ], CharacteristicAnswerComponent);
         return CharacteristicAnswerComponent;
-    }());
+    }());
+    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 }]
+    };
 
     var IoneShoppingCartModule = /** @class */ (function () {
         function IoneShoppingCartModule() {
         }
-        IoneShoppingCartModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    ShoppingCartManagerComponent,
-                    ShoppingCartComponent,
-                    ShoppingCartLineComponent,
-                    StockStatusIndicatorComponent,
-                    IoneShoppingCartComponent,
-                    CharacteristicAnswerComponent,
-                ],
-                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,
-                    CoreModule,
-                ],
-                providers: [
-                    IOneConnectorAdapterService,
-                    DictionaryService,
-                    TransactionService,
-                    OptionsService,
-                    corecomponents_v9.PromptService,
-                ],
-                entryComponents: [
-                    IoneShoppingCartComponent
-                ],
-                exports: [IoneShoppingCartComponent],
-                bootstrap: [IoneShoppingCartComponent]
-            })
-        ], IoneShoppingCartModule);
         return 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";
+
+    /**
+     * 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 = CheckoutOverviewRelationAddressComponent;
-    exports.ɵn = CheckoutOverviewDeliveryAddressComponent;
-    exports.ɵo = CheckOutRelationSuggestionsListComponent;
-    exports.ɵp = CheckOutRelationSuggestionsListItemComponent;
-    exports.ɵq = CoreModule;
-    exports.ɵr = AppendPipe;
-    exports.ɵs = DeliveryTimePipe;
-    exports.ɵt = DateDurationPipe;
-    exports.ɵu = LocalizePipe;
-    exports.ɵv = CoCurrencyPipe;
-    exports.ɵw = SafeStylePipe;
-    exports.ɵx = ImageDisplayComponent;
-    exports.ɵy = NoImageDisplayComponent;
-    exports.ɵz = IconComponent;
+    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