@colijnit/transaction 1.9.28 → 12.0.1

package/fesm2015/colijnit-transaction.js

@@ -1,6 +1,6 @@
-import { __awaiter, __decorate, __param } from 'tslib';
+import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Inject, Input, Output, Component, ViewChild, ChangeDetectorRef, Pipe, HostBinding, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ChangeDetectorRef, ViewChild, Pipe, HostBinding, NgModule } from '@angular/core';
 import { BehaviorSubject, Subject, throwError } from 'rxjs';
 import { Options } from '@colijnit/ioneconnector/build/model/options';
 import { CustomerFullObject } from '@colijnit/transactionapi/build/model/customer-full-object.bo';
@@ -54,7 +54,7 @@ import { SortType } from '@colijnit/transactionapi/build/enum/sort-type.enum';
 import { SortUtils } from '@colijnit/transactionapi/build/utils/sort-utils';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 
-let OptionsService = class OptionsService {
+class OptionsService {
     constructor() {
         this.optionsLoaded = new BehaviorSubject(false);
     }
@@ -136,10 +136,11 @@ let OptionsService = class OptionsService {
             languageCode: "NL",
         }).then();
     }
-};
-OptionsService = __decorate([
-    Injectable()
-], OptionsService);
+}
+OptionsService.decorators = [
+    { type: Injectable }
+];
+OptionsService.ctorParameters = () => [];
 
 const PROP_META_KEY$3 = "complexField";
 /**
@@ -166,7 +167,7 @@ function ComplexField(type) {
         // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
         // to be immediately processed when a class is first imported
         if (!type) {
-            // tslint:disable-next-line:no-console
+            // eslint-disable-next-line no-console
             console.warn(`@ComplexField(type): type was UNDEFINED. Called on prop (${ObjectUtils.GetClassName(target)}, ${propertyKey}). ` +
                 `Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS ` +
                 `where both classes and their dependencies are used, e.g. factory, repository or models..`);
@@ -631,7 +632,7 @@ class BusinessObject {
                 const mapKeys = MapPropertyDecorator.GetMapProperty(this, key).split(",");
                 const len = mapKeys.length;
                 for (let i = 0; i < len; i++) {
-                    // tslint:disable-next-line:typedef
+                    // eslint-disable-next-line 
                     const mapKey = mapKeys[i].trim();
                     const objProp = rawData[mapKey];
                     let decorated = false;
@@ -646,13 +647,13 @@ class BusinessObject {
                         }
                         if (ComplexArrayDecorator$1.IsComplexArray(this, key)) {
                             const arrayClass = ComplexArrayDecorator$1.GetComplexArrayType(this, key);
-                            // tslint:disable-next-line:typedef
+                            // eslint-disable-next-line 
                             const origArray = this[key];
-                            // tslint:disable-next-line:typedef
+                            // eslint-disable-next-line 
                             const newArray = [];
-                            // tslint:disable-next-line:prefer-for-of
+                            // eslint-disable-next-line @typescript-eslint/prefer-for-of
                             for (let j = 0; j < origArray.length; j++) {
-                                // tslint:disable-next-line:typedef
+                                // eslint-disable-next-line
                                 const item = new arrayClass(origArray[j]);
                                 newArray.push(item);
                             }
@@ -797,7 +798,7 @@ class BusinessObjectFactory {
     }
 }
 
-let IOneConnectorAdapterService = class IOneConnectorAdapterService {
+class IOneConnectorAdapterService {
     constructor() {
         this._boFactory = new BusinessObjectFactory();
         this._countryList = [];
@@ -952,9 +953,9 @@ let IOneConnectorAdapterService = class IOneConnectorAdapterService {
             });
         });
     }
-    saveTransaction(uuid, close) {
+    saveTransaction(uuid) {
         return new Promise((resolve, reject) => {
-            return this.connector.saveTransaction(uuid, close).then((result) => {
+            return this.connector.saveTransaction(uuid).then((result) => {
                 if (result.validationResult && result.validationResult.success) {
                     resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                 }
@@ -1065,7 +1066,7 @@ let IOneConnectorAdapterService = class IOneConnectorAdapterService {
             return new Promise((resolve, reject) => {
                 return this.connector.addRelationToTransaction(uuid, relationId).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
-                        resolve(result.resultObjects);
+                        resolve(result.validationResult.success);
                     }
                     else {
                         reject(result.validationMessagesAsString);
@@ -1247,12 +1248,13 @@ let IOneConnectorAdapterService = class IOneConnectorAdapterService {
             });
         });
     }
-};
-IOneConnectorAdapterService = __decorate([
-    Injectable()
-], IOneConnectorAdapterService);
+}
+IOneConnectorAdapterService.decorators = [
+    { type: Injectable }
+];
+IOneConnectorAdapterService.ctorParameters = () => [];
 
-let TransactionService = class TransactionService {
+class TransactionService {
     constructor(_connector) {
         this._connector = _connector;
         this.transactionUpdated = new EventEmitter();
@@ -1399,8 +1401,8 @@ let TransactionService = class TransactionService {
         return new Promise((resolve, reject) => {
             this._connector.getTransactionByNrAndKind(kind, transactionNr)
                 .then((response) => __awaiter(this, void 0, void 0, function* () {
+                this._rememberCurrentTransaction(response);
                 if (response.isSuccess) {
-                    this._rememberCurrentTransaction(response);
                     resolve(true);
                 }
                 else {
@@ -1414,7 +1416,7 @@ let TransactionService = class TransactionService {
     }
     saveTransaction(close = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this._connector.saveTransaction(this.currentTransaction.uuid, close);
+            const response = yield this._connector.saveTransaction(this.currentTransaction.uuid);
             if (response.isSuccess) {
                 this._rememberCurrentTransaction(response);
             }
@@ -1535,7 +1537,7 @@ let TransactionService = class TransactionService {
                     reject(error);
                 })
                     .catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1554,7 +1556,7 @@ let TransactionService = class TransactionService {
                     }
                 }))
                     .catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1574,7 +1576,7 @@ let TransactionService = class TransactionService {
                     }
                 }))
                     .catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1590,7 +1592,7 @@ let TransactionService = class TransactionService {
                     }
                     resolve(response);
                 })).catch((reason) => {
-                    resolve();
+                    resolve(null);
                 });
             });
         });
@@ -1659,11 +1661,13 @@ let TransactionService = class TransactionService {
         transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
         return transactionDeliveryOptionsRequest;
     }
-};
-TransactionService = __decorate([
-    Injectable(),
-    __param(0, Inject(IOneConnectorAdapterService))
-], TransactionService);
+}
+TransactionService.decorators = [
+    { type: Injectable }
+];
+TransactionService.ctorParameters = () => [
+    { type: IOneConnectorAdapterService }
+];
 
 var LanguageCode;
 (function (LanguageCode) {
@@ -1754,6 +1758,7 @@ class Dictionary {
                 "ARTICLE_IN_OUT_COLLECTION": "Status van artikel is '|~'. Weet u zeker dat u door wilt gaan?",
                 "ARTICLE_NR": "Artikelnummer",
                 "ASSEMBLY_COSTS": "Montagekosten",
+                "ASSEMBLY_DATE": "Montagedatum",
                 "AMOUNT": "Aantal",
                 "BACK": "Terug",
                 "CANCEL": "Annuleren",
@@ -1780,18 +1785,20 @@ class Dictionary {
                 "DELIVERY_ADDRESS_ADD": "Bezorgadres toevoegen",
                 "DELIVERY_ADDRESS_CHANGE": "Bezorgadres wijzigen",
                 "DELIVERY_COSTS": "Bezorgkosten",
-                "DELIVERY_DATE": "Bezorgdatum",
+                "DELIVERY_DATE": "Leverdatum",
+                "DELIVERY_DATE_FINAL": "Definitieve leverdatum",
                 "DELIVERY_DIRECT": "Direct leverbaar",
                 "DELIVERY_LOCATION": "Bezorgingslocatie",
-                "DELIVERY_OPTIONS": "Bezorgopties",
-                "DELIVERY_METHOD2": "Bezorgmethode",
-                "DELIVERY_MOMENT": "Bezorgmoment",
+                "DELIVERY_OPTIONS": "Leveropties",
+                "DELIVERY_METHOD2": "Levermethode",
+                "DELIVERY_MOMENT": "Levermoment",
                 "DELIVERY_OPTARTICLE_NRIONS": "Bezorgopties",
                 "DELIVERY_TIME_PERIOD": "Levertijd",
                 "DESCRIPTION": "Omschrijving",
                 "DISCOUNT": "Korting",
                 "DISCOUNT_AMOUNT": "Kortingsbedrag",
                 "DISCOUNT_PERCENTAGE": "Kortings %",
+                "DROPSHIPMENT": "Dropshipment",
                 "EMAIL_ADDRESS": "E-mailadres",
                 "EXISTING_CUSTOMERS": "Bestaande klanten",
                 "FEMALE": "Vrouw",
@@ -1865,6 +1872,7 @@ class Dictionary {
                 "SURCHARGE_AMOUNT": "Toeslag",
                 "STREET": "Straatnaam",
                 "TOTAL_GROSS": "Totaal bruto",
+                "TOTAL_ASSEMBLY_TIME": "Totale montagetijd",
                 "TRANSACTION_DISCOUNT": "Totale transactie korting",
                 "TRANSACTION_DISCOUNT_PERC": "% Trans. korting",
                 "TRANSACTION_PRICE_DECLARATION": "Order prijsverklaring",
@@ -1891,6 +1899,7 @@ class Dictionary {
                 "ARTICLE_IN_OUT_COLLECTION": "Status of article is '|~'. Are you sure to proceed?",
                 "ARTICLE_NR": "Article number",
                 "ASSEMBLY_COSTS": "Assembly costs",
+                "ASSEMBLY_DATE": "Assembly date",
                 "AMOUNT": "Amount",
                 "BACK": "Back",
                 "CANCEL": "Cancel",
@@ -1918,6 +1927,7 @@ class Dictionary {
                 "DELIVERY_ADDRESS_CHANGE": "Change delivery address",
                 "DELIVERY_COSTS": "Delivery costs",
                 "DELIVERY_DATE": "Delivery date",
+                "DELIVERY_DATE_FINAL": "Final delivery date",
                 "DELIVERY_DIRECT": "Direct delivery",
                 "DELIVERY_LOCATION": "Delivery location",
                 "DELIVERY_OPTIONS": "Delivery options",
@@ -1929,6 +1939,7 @@ class Dictionary {
                 "DISCOUNT": "Discount",
                 "DISCOUNT_AMOUNT": "Discount amount",
                 "DISCOUNT_PERCENTAGE": "Discount %",
+                "DROPSHIPMENT": "Dropshipment",
                 "EMAIL_ADDRESS": "E-mailadres",
                 "EXISTING_CUSTOMERS": "Existing customers",
                 "FEMALE": "Female",
@@ -1994,6 +2005,7 @@ class Dictionary {
                 "SURCHARGE_AMOUNT": "Surcharge",
                 "STREET": "Streetname",
                 "TOTAL_GROSS": "Gross total",
+                "TOTAL_ASSEMBLY_TIME": "Total assembly time",
                 "TRANSACTION_DISCOUNT": "Total transaction discount",
                 "TRANSACTION_DISCOUNT_PERC": "% Trans. discount",
                 "TRANSACTION_PRICE_DECLARATION": "Transaction price declaration",
@@ -2010,7 +2022,7 @@ class Dictionary {
 }
 
 // The localization service, providing peers with text translation functionality.
-let DictionaryService = class DictionaryService {
+class DictionaryService {
     constructor() {
         this.dictionaryUrl = "js/browser/res/dictionary/";
         // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
@@ -2031,9 +2043,9 @@ let DictionaryService = class DictionaryService {
             this._language = language || LanguageCode.Dutch;
             if (!this._dictionaries.has(this._language)) {
                 const dictionary = new Dictionary();
-                // tslint:disable-next-line:no-magic-numbers
+                // eslint-disable-next-line no-magic-numbers
                 if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                    // tslint:disable-next-line:no-magic-numbers
+                    // eslint-disable-next-line no-magic-numbers
                     this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
                 }
             }
@@ -2063,12 +2075,13 @@ let DictionaryService = class DictionaryService {
         }
         return text;
     }
-};
-DictionaryService = __decorate([
-    Injectable()
-], DictionaryService);
+}
+DictionaryService.decorators = [
+    { type: Injectable }
+];
+DictionaryService.ctorParameters = () => [];
 
-let TransactionEventService = class TransactionEventService {
+class TransactionEventService {
     constructor() {
         this.addToCartBySku = new Subject();
         this.addToCartBySelectorResult = new Subject();
@@ -2077,11 +2090,11 @@ let TransactionEventService = class TransactionEventService {
         this.addNewUserToShoppingCartModule = new Subject();
         this.addUserRelationShoppingCartModule = new Subject();
     }
-};
+}
 TransactionEventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
-TransactionEventService = __decorate([
-    Injectable({ providedIn: "root" })
-], TransactionEventService);
+TransactionEventService.decorators = [
+    { type: Injectable, args: [{ providedIn: "root" },] }
+];
 
 var CheckoutSteps;
 (function (CheckoutSteps) {
@@ -2093,7 +2106,7 @@ var CheckoutSteps;
     CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
 })(CheckoutSteps || (CheckoutSteps = {}));
 
-let CheckoutOverviewBlockComponent = class CheckoutOverviewBlockComponent {
+class CheckoutOverviewBlockComponent {
     constructor() {
         this.sequenceNr = 1;
         this.startInEdit = false;
@@ -2115,23 +2128,11 @@ let CheckoutOverviewBlockComponent = class CheckoutOverviewBlockComponent {
             this.editModeChange.emit(this.editMode);
         }
     }
-};
-__decorate([
-    Input()
-], CheckoutOverviewBlockComponent.prototype, "sequenceNr", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewBlockComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewBlockComponent.prototype, "startInEdit", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewBlockComponent.prototype, "editModeChange", void 0);
-CheckoutOverviewBlockComponent = __decorate([
-    Component({
-        selector: "checkout-overview-block",
-        template: `
+}
+CheckoutOverviewBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-block",
+                template: `
         <div class="overview-wrapper" fxLayout="column" fxLayoutGap="0px">
             <div class="overview-header" fxLayout="row">
             </div>
@@ -2140,11 +2141,18 @@ CheckoutOverviewBlockComponent = __decorate([
             </div>
         </div>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    })
-], CheckoutOverviewBlockComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewBlockComponent.ctorParameters = () => [];
+CheckoutOverviewBlockComponent.propDecorators = {
+    sequenceNr: [{ type: Input }],
+    label: [{ type: Input }],
+    startInEdit: [{ type: Input }],
+    editModeChange: [{ type: Output }]
+};
 
-let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditComponent {
+class CheckoutOverviewRelationEditComponent {
     constructor(_changeDetector, _transactionService) {
         this._changeDetector = _changeDetector;
         this._transactionService = _transactionService;
@@ -2166,7 +2174,7 @@ let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditCo
         // fetches relation suggestions
         this._relationNameChangeHandler = FunctionUtils.Throttle(() => {
             return this._relationNameChangedHandlerFn();
-            // tslint:disable-next-line:no-magic-numbers
+            // eslint-disable-next-line no-magic-numbers
         }, 600);
     }
     set relation(value) {
@@ -2334,29 +2342,11 @@ let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditCo
             this.relationSuggestions = yield this._transactionService.getRelationListObjects(relationRequest);
         });
     }
-};
-__decorate([
-    ViewChild(FormComponent, { static: true })
-], CheckoutOverviewRelationEditComponent.prototype, "relationForm", void 0);
-__decorate([
-    ViewChild(CoSidebarComponent, { static: false })
-], CheckoutOverviewRelationEditComponent.prototype, "relationSidebar", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewRelationEditComponent.prototype, "relation", null);
-__decorate([
-    Input()
-], CheckoutOverviewRelationEditComponent.prototype, "transaction", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewRelationEditComponent.prototype, "validSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewRelationEditComponent.prototype, "invalidSubmit", void 0);
-CheckoutOverviewRelationEditComponent = __decorate([
-    Component({
-        selector: "checkout-overview-relation-edit",
-        template: `
+}
+CheckoutOverviewRelationEditComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-relation-edit",
+                template: `
       <co-form (validSubmit)="validSubmit.emit()" (invalidSubmit)="invalidSubmit.emit()">
         <div>
             <label [textContent]="'ACCOUNT_DETAILS' | localize"
@@ -2366,7 +2356,7 @@ CheckoutOverviewRelationEditComponent = __decorate([
         <div>
             <label [textContent]="'PERSONAL_DATA' | localize"
                    class="checkout-label-h3"
-            ></label>
+            ></label>7
         </div>
         <div>
             <div>
@@ -2526,13 +2516,23 @@ CheckoutOverviewRelationEditComponent = __decorate([
     </co-sidebar>
 
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ".relation-sidebar-header{margin-left:5px}"]
-    }),
-    __param(0, Inject(ChangeDetectorRef)),
-    __param(1, Inject(TransactionService))
-], CheckoutOverviewRelationEditComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ".relation-sidebar-header{margin-left:5px}\n"]
+            },] }
+];
+CheckoutOverviewRelationEditComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TransactionService }
+];
+CheckoutOverviewRelationEditComponent.propDecorators = {
+    relationForm: [{ type: ViewChild, args: [FormComponent, { static: true },] }],
+    relationSidebar: [{ type: ViewChild, args: [CoSidebarComponent, { static: false },] }],
+    relation: [{ type: Input }],
+    transaction: [{ type: Input }],
+    validSubmit: [{ type: Output }],
+    invalidSubmit: [{ type: Output }]
+};
 
-let CheckoutOverviewDeliveryEditComponent = class CheckoutOverviewDeliveryEditComponent {
+class CheckoutOverviewDeliveryEditComponent {
     constructor(cdr, _dictionaryService, service) {
         this.cdr = cdr;
         this._dictionaryService = _dictionaryService;
@@ -2558,6 +2558,11 @@ let CheckoutOverviewDeliveryEditComponent = class CheckoutOverviewDeliveryEditCo
         this.marketingFields = { text: "description", value: "code" };
         this.addresses = [];
         this.columns = [];
+        // TODO: Deze velden nog opnemen in Transaction!!
+        this.deliveryDateFinal = false;
+        this.assemblyDate = new Date();
+        this.totalAssemblyTime = "";
+        this.dropshipment = false;
         this.columns.push({ field: "streetName", headerText: this._dictionaryService.get("STREET") }, { field: "houseNo", headerText: this._dictionaryService.get("HOUSE_NO") }, { field: "houseNoAddition", headerText: this._dictionaryService.get("HOUSE_NO_ADDITION") }, { field: "postalCode", headerText: this._dictionaryService.get("POSTAL_CODE"), allowFiltering: false }, { field: "city", headerText: this._dictionaryService.get("CITY") });
     }
     get billingAddress() {
@@ -2723,35 +2728,11 @@ let CheckoutOverviewDeliveryEditComponent = class CheckoutOverviewDeliveryEditCo
             }
         });
     }
-};
-__decorate([
-    ViewChild("deliveryForm", { read: FormComponent })
-], CheckoutOverviewDeliveryEditComponent.prototype, "deliveryForm", void 0);
-__decorate([
-    ViewChild("locationForm", { read: FormComponent })
-], CheckoutOverviewDeliveryEditComponent.prototype, "locationForm", void 0);
-__decorate([
-    ViewChild("changeLocationDialog")
-], CheckoutOverviewDeliveryEditComponent.prototype, "changeLocationDialog", void 0);
-__decorate([
-    ViewChild("addressGrid")
-], CheckoutOverviewDeliveryEditComponent.prototype, "addressGrid", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryEditComponent.prototype, "relation", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryEditComponent.prototype, "transaction", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewDeliveryEditComponent.prototype, "validSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewDeliveryEditComponent.prototype, "invalidSubmit", void 0);
-CheckoutOverviewDeliveryEditComponent = __decorate([
-    Component({
-        selector: "checkout-overview-delivery-edit",
-        template: `
+}
+CheckoutOverviewDeliveryEditComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-delivery-edit",
+                template: `
     <co-form #deliveryForm (validSubmit)="validSubmit.emit()" (invalidSubmit)="invalidSubmit.emit()">
       <div>
         <div>
@@ -2767,7 +2748,7 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
                    class="checkout-label-h3"
             ></label>
             <checkout-overview-delivery-address [address]="deliveryAddress"></checkout-overview-delivery-address>
-            <div *ngIf="deliveryAddress" class="container-button-change-address">
+            <div class="container-button-change-address">
               <co-button [label]="'DELIVERY_ADDRESS_CHANGE' | localize" (click)="changeAddress(deliveryAddressType)"></co-button>
             </div>
         </div>
@@ -2777,7 +2758,7 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
                    class="checkout-label-h3"
             ></label>
             <checkout-overview-delivery-address [address]="billingAddress"></checkout-overview-delivery-address>
-            <div *ngIf="billingAddress" class="container-button-change-address">
+            <div class="container-button-change-address">
               <co-button [label]="'INVOICE_ADDRESS_CHANGE' | localize" (click)="changeAddress(billingAddressType)"></co-button>
             </div>
         </div>
@@ -2850,6 +2831,19 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
           </div>
       </div>
 
+      <div class="default-flex-column">
+        <co-input-checkbox [label]="'DELIVERY_DATE_FINAL' | localize" [(model)]="deliveryDateFinal"></co-input-checkbox>
+      </div>
+      <div class="default-flex-column">
+        <co-input-date [placeholder]="'ASSEMBLY_DATE' | localize " [(model)]="assemblyDate"></co-input-date>
+      </div>
+      <div class="default-flex-column">
+        <co-input-text [placeholder]="'TOTAL_ASSEMBLY_TIME' | localize " [(model)]="totalAssemblyTime"></co-input-text>
+      </div>
+      <div class="default-flex-column">
+        <co-input-checkbox [label]="'DROPSHIPMENT' | localize" [(model)]="dropshipment"></co-input-checkbox>
+      </div>
+
       <div class="default-flex-row">
         <div>
           <label [textContent]="'DELIVERY_COSTS' | localize"
@@ -2891,6 +2885,7 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
             <co-input-text [(model)]="transaction.ownReference" [placeholder]="'OWN_REFERENCE' | localize"></co-input-text>
         </div>
       </div>
+
     </co-form>
 
     <co-dialog [visible]="addLocationPopup">
@@ -2931,17 +2926,27 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
       </co-form>
     </co-dialog>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ".container-button-change-address{margin-top:5px}"]
-    }),
-    __param(0, Inject(ChangeDetectorRef)),
-    __param(1, Inject(DictionaryService)),
-    __param(2, Inject(TransactionService))
-], CheckoutOverviewDeliveryEditComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ".container-button-change-address{margin-top:5px}\n"]
+            },] }
+];
+CheckoutOverviewDeliveryEditComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: DictionaryService },
+    { type: TransactionService }
+];
+CheckoutOverviewDeliveryEditComponent.propDecorators = {
+    deliveryForm: [{ type: ViewChild, args: ["deliveryForm", { read: FormComponent },] }],
+    locationForm: [{ type: ViewChild, args: ["locationForm", { read: FormComponent },] }],
+    changeLocationDialog: [{ type: ViewChild, args: ["changeLocationDialog",] }],
+    addressGrid: [{ type: ViewChild, args: ["addressGrid",] }],
+    relation: [{ type: Input }],
+    transaction: [{ type: Input }],
+    validSubmit: [{ type: Output }],
+    invalidSubmit: [{ type: Output }]
+};
 
-let CheckoutOverviewComponent = class CheckoutOverviewComponent {
-    constructor(
-    //  public service: RetailTransactionModuleService
-    ) {
+class CheckoutOverviewComponent {
+    constructor() {
         this.steps = CheckoutSteps;
         //
         // @ViewChild("paymentBlock", {read: CheckoutOverviewBlockComponent})
@@ -2955,7 +2960,7 @@ let CheckoutOverviewComponent = class CheckoutOverviewComponent {
         this.loginRequested = false;
         this.currentStep = CheckoutSteps.Relation;
         this.editMode = true;
-        // tslint:disable-next-line:variable-name
+        // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
         this._subscriptions = [];
         // TODO: subscribe to relation and transaction service
         // this._subscriptions.push(service.relationUpdatedEventEmitter.subscribe((updated: boolean) => {
@@ -3069,44 +3074,11 @@ let CheckoutOverviewComponent = class CheckoutOverviewComponent {
     isRelation() {
         return (this.relation !== NULL_RELATION_OBJECT);
     }
-};
-__decorate([
-    ViewChild("relationBlock", { read: CheckoutOverviewBlockComponent })
-], CheckoutOverviewComponent.prototype, "relationBlock", void 0);
-__decorate([
-    ViewChild("relationForm", { read: CheckoutOverviewRelationEditComponent })
-], CheckoutOverviewComponent.prototype, "relationForm", void 0);
-__decorate([
-    ViewChild("deliveryBlock", { read: CheckoutOverviewBlockComponent })
-], CheckoutOverviewComponent.prototype, "deliveryBlock", void 0);
-__decorate([
-    ViewChild("deliveryForm", { read: CheckoutOverviewDeliveryEditComponent })
-], CheckoutOverviewComponent.prototype, "deliveryForm", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewComponent.prototype, "relation", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewComponent.prototype, "transaction", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewComponent.prototype, "userIsApplicationUser", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "saveRelation", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "saveDelivery", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "savePayment", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewComponent.prototype, "stepFinished", void 0);
-CheckoutOverviewComponent = __decorate([
-    Component({
-        selector: "checkout-overview",
-        template: `
+}
+CheckoutOverviewComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview",
+                template: `
         <checkout-overview-block  #relationBlock sequenceNr="2" label="YOUR_DATA"
                                  *ngIf="currentStep === steps.Relation"
                                  (editModeChange)="handleEditChangeRelation($event)">
@@ -3134,12 +3106,25 @@ CheckoutOverviewComponent = __decorate([
           </ng-container>
         </checkout-overview-block>
    `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    })
-], CheckoutOverviewComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewComponent.ctorParameters = () => [];
+CheckoutOverviewComponent.propDecorators = {
+    relationBlock: [{ type: ViewChild, args: ["relationBlock", { read: CheckoutOverviewBlockComponent },] }],
+    relationForm: [{ type: ViewChild, args: ["relationForm", { read: CheckoutOverviewRelationEditComponent },] }],
+    deliveryBlock: [{ type: ViewChild, args: ["deliveryBlock", { read: CheckoutOverviewBlockComponent },] }],
+    deliveryForm: [{ type: ViewChild, args: ["deliveryForm", { read: CheckoutOverviewDeliveryEditComponent },] }],
+    relation: [{ type: Input }],
+    transaction: [{ type: Input }],
+    userIsApplicationUser: [{ type: Input }],
+    saveRelation: [{ type: Output }],
+    saveDelivery: [{ type: Output }],
+    savePayment: [{ type: Output }],
+    stepFinished: [{ type: Output }]
+};
 
-var CheckoutComponent_1;
-let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
+class CheckoutComponent {
     constructor(service, promptService) {
         this.service = service;
         this.promptService = promptService;
@@ -3177,12 +3162,12 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
     }
     continue() {
         let toNextStep = false;
-        if (CheckoutComponent_1._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Relation) {
+        if (CheckoutComponent._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Relation) {
             toNextStep = this.overview.relationForm.submit();
             this.completedRelation = toNextStep;
             this.completedDelivery = false;
         }
-        if (CheckoutComponent_1._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Delivery) {
+        if (CheckoutComponent._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Delivery) {
             toNextStep = this.overview.deliveryForm.submit();
             this.completedDelivery = toNextStep;
         }
@@ -3232,7 +3217,7 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
         });
     }
     stepChanged(event) {
-        this.overview.moveToStep(CheckoutComponent_1._currentStepByIndex(event.selectedIndex), true);
+        this.overview.moveToStep(CheckoutComponent._currentStepByIndex(event.selectedIndex), true);
     }
     insertData() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -3245,17 +3230,11 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
             yield this.service.updateCustomer(relation);
         });
     }
-};
-__decorate([
-    ViewChild(CheckoutOverviewComponent)
-], CheckoutComponent.prototype, "overview", void 0);
-__decorate([
-    ViewChild("stepper")
-], CheckoutComponent.prototype, "stepper", void 0);
-CheckoutComponent = CheckoutComponent_1 = __decorate([
-    Component({
-        selector: "app-checkout",
-        template: `
+}
+CheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "app-checkout",
+                template: `
         <div class="checkout-viewport">
             <mat-horizontal-stepper #stepper
                 [linear]="true" labelPosition="bottom"
@@ -3274,13 +3253,19 @@ CheckoutComponent = CheckoutComponent_1 = __decorate([
             <div class="step-content-customer"></div>
         </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    }),
-    __param(0, Inject(TransactionService)),
-    __param(1, Inject(PromptService))
-], CheckoutComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: PromptService }
+];
+CheckoutComponent.propDecorators = {
+    overview: [{ type: ViewChild, args: [CheckoutOverviewComponent,] }],
+    stepper: [{ type: ViewChild, args: ["stepper",] }]
+};
 
-let RetailTransactionCheckoutComponent = class RetailTransactionCheckoutComponent {
+class RetailTransactionCheckoutComponent {
     constructor(service) {
         this.service = service;
     }
@@ -3305,14 +3290,11 @@ let RetailTransactionCheckoutComponent = class RetailTransactionCheckoutComponen
     previousCheckout() {
         this.checkout.previous();
     }
-};
-__decorate([
-    ViewChild(CheckoutComponent, { static: true })
-], RetailTransactionCheckoutComponent.prototype, "checkout", void 0);
-RetailTransactionCheckoutComponent = __decorate([
-    Component({
-        selector: "app-retail-transaction-checkout",
-        template: `
+}
+RetailTransactionCheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "app-retail-transaction-checkout",
+                template: `
     <ng-container [ngTemplateOutlet]="content"></ng-container>
     <app-checkout class="checkout"></app-checkout>
     <ng-container [ngTemplateOutlet]="content"></ng-container>
@@ -3323,12 +3305,17 @@ RetailTransactionCheckoutComponent = __decorate([
       </div>
     </ng-template>
   `,
-        styles: [".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}"]
-    }),
-    __param(0, Inject(TransactionService))
-], RetailTransactionCheckoutComponent);
+                styles: [".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+            },] }
+];
+RetailTransactionCheckoutComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+RetailTransactionCheckoutComponent.propDecorators = {
+    checkout: [{ type: ViewChild, args: [CheckoutComponent, { static: true },] }]
+};
 
-let CheckoutLoginComponent = class CheckoutLoginComponent {
+class CheckoutLoginComponent {
     constructor() {
         this.createNewAccountSubmit = new EventEmitter();
         this.continueWithoutSubmit = new EventEmitter();
@@ -3362,26 +3349,11 @@ let CheckoutLoginComponent = class CheckoutLoginComponent {
             this.createNewAccountSubmit.emit();
         }
     }
-};
-__decorate([
-    ViewChild("loginForm")
-], CheckoutLoginComponent.prototype, "loginForm", void 0);
-__decorate([
-    ViewChild("accountForm")
-], CheckoutLoginComponent.prototype, "accountForm", void 0);
-__decorate([
-    Output()
-], CheckoutLoginComponent.prototype, "createNewAccountSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutLoginComponent.prototype, "continueWithoutSubmit", void 0);
-__decorate([
-    Output()
-], CheckoutLoginComponent.prototype, "loginSubmit", void 0);
-CheckoutLoginComponent = __decorate([
-    Component({
-        selector: "checkout-login",
-        template: `
+}
+CheckoutLoginComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-login",
+                template: `
     <h1>{{ "LOGIN" | localize}}</h1>
     <div class="users">
       <co-form #loginForm (validSubmit)="login()">
@@ -3436,11 +3408,19 @@ CheckoutLoginComponent = __decorate([
       </co-form>
     </div>
   `,
-        styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}"]
-    })
-], CheckoutLoginComponent);
+                styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]
+            },] }
+];
+CheckoutLoginComponent.ctorParameters = () => [];
+CheckoutLoginComponent.propDecorators = {
+    loginForm: [{ type: ViewChild, args: ["loginForm",] }],
+    accountForm: [{ type: ViewChild, args: ["accountForm",] }],
+    createNewAccountSubmit: [{ type: Output }],
+    continueWithoutSubmit: [{ type: Output }],
+    loginSubmit: [{ type: Output }]
+};
 
-let IoneCheckoutComponent = class IoneCheckoutComponent {
+class IoneCheckoutComponent {
     constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
         this._changeDetector = _changeDetector;
         this._optionsService = _optionsService;
@@ -3530,23 +3510,11 @@ let IoneCheckoutComponent = class IoneCheckoutComponent {
         this.loggedIn = true;
         this.show = true;
     }
-};
-__decorate([
-    ViewChild(RetailTransactionCheckoutComponent)
-], IoneCheckoutComponent.prototype, "retailCheckout", void 0);
-__decorate([
-    ViewChild(CheckoutLoginComponent)
-], IoneCheckoutComponent.prototype, "checkoutLogin", void 0);
-__decorate([
-    Input()
-], IoneCheckoutComponent.prototype, "options", null);
-__decorate([
-    Input()
-], IoneCheckoutComponent.prototype, "applicationUser", null);
-IoneCheckoutComponent = __decorate([
-    Component({
-        selector: "ione-checkout",
-        template: `
+}
+IoneCheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "ione-checkout",
+                template: `
     <ng-container *ngIf="show && (applicationUser || loggedIn)">
       <app-retail-transaction-checkout></app-retail-transaction-checkout>
     </ng-container>
@@ -3560,18 +3528,26 @@ IoneCheckoutComponent = __decorate([
       ></checkout-login>
     </div>
   `
-    }),
-    __param(0, Inject(ChangeDetectorRef)),
-    __param(1, Inject(OptionsService)),
-    __param(2, Inject(IOneConnectorAdapterService)),
-    __param(3, Inject(DictionaryService)),
-    __param(4, Inject(TransactionService)),
-    __param(5, Inject(TransactionEventService)),
-    __param(6, Inject(PromptService)),
-    __param(7, Inject(TransactionEventService))
-], IoneCheckoutComponent);
+            },] }
+];
+IoneCheckoutComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: OptionsService },
+    { type: IOneConnectorAdapterService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: TransactionEventService }
+];
+IoneCheckoutComponent.propDecorators = {
+    retailCheckout: [{ type: ViewChild, args: [RetailTransactionCheckoutComponent,] }],
+    checkoutLogin: [{ type: ViewChild, args: [CheckoutLoginComponent,] }],
+    options: [{ type: Input }],
+    applicationUser: [{ type: Input }]
+};
 
-let CheckoutOverviewRelationAddressComponent = class CheckoutOverviewRelationAddressComponent {
+class CheckoutOverviewRelationAddressComponent {
     constructor(_dictionary, _connector) {
         this._dictionary = _dictionary;
         this._connector = _connector;
@@ -3618,17 +3594,11 @@ let CheckoutOverviewRelationAddressComponent = class CheckoutOverviewRelationAdd
     changeHouseNo() {
         this.address.houseNo = Number(this.address.houseNo);
     }
-};
-__decorate([
-    Input()
-], CheckoutOverviewRelationAddressComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewRelationAddressComponent.prototype, "address", null);
-CheckoutOverviewRelationAddressComponent = __decorate([
-    Component({
-        selector: "checkout-overview-relation-address",
-        template: `
+}
+CheckoutOverviewRelationAddressComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-relation-address",
+                template: `
         <label [textContent]="label | localize"
                class="checkout-label-h3"
         ></label>
@@ -3673,13 +3643,19 @@ CheckoutOverviewRelationAddressComponent = __decorate([
             </div>
         </div>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}"]
-    }),
-    __param(0, Inject(DictionaryService)),
-    __param(1, Inject(IOneConnectorAdapterService))
-], CheckoutOverviewRelationAddressComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewRelationAddressComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: IOneConnectorAdapterService }
+];
+CheckoutOverviewRelationAddressComponent.propDecorators = {
+    label: [{ type: Input }],
+    address: [{ type: Input }]
+};
 
-let CheckoutOverviewDeliveryAddressComponent = class CheckoutOverviewDeliveryAddressComponent {
+class CheckoutOverviewDeliveryAddressComponent {
     constructor(service) {
         this.service = service;
         this.editRequest = new EventEmitter();
@@ -3687,20 +3663,11 @@ let CheckoutOverviewDeliveryAddressComponent = class CheckoutOverviewDeliveryAdd
     onClick() {
         this.editRequest.emit();
     }
-};
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryAddressComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], CheckoutOverviewDeliveryAddressComponent.prototype, "address", void 0);
-__decorate([
-    Output()
-], CheckoutOverviewDeliveryAddressComponent.prototype, "editRequest", void 0);
-CheckoutOverviewDeliveryAddressComponent = __decorate([
-    Component({
-        selector: "checkout-overview-delivery-address",
-        template: `
+}
+CheckoutOverviewDeliveryAddressComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-delivery-address",
+                template: `
     <div>
       <div>
         <label [textContent]="label | localize"
@@ -3721,10 +3688,17 @@ CheckoutOverviewDeliveryAddressComponent = __decorate([
       </div>
     </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-customer,.step-content-delivery{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right:20px}.overview-body{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}ul.cart-buttons>li{padding-left:11px;padding-right:11px}ul.cart-buttons{margin-top:20px;margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa;background-color:#2b60a7}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{font-size:18px}.checkout-label-h2,.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-weight:700}.checkout-label-h3{font-size:14px}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:700}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer,.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:hsla(0,0%,100%,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:hsla(0,0%,100%,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:700}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label,.overview-label{font-weight:700}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #dce4ea;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}", ""]
-    }),
-    __param(0, Inject(TransactionService))
-], CheckoutOverviewDeliveryAddressComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ""]
+            },] }
+];
+CheckoutOverviewDeliveryAddressComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+CheckoutOverviewDeliveryAddressComponent.propDecorators = {
+    label: [{ type: Input }],
+    address: [{ type: Input }],
+    editRequest: [{ type: Output }]
+};
 
 // Direction type for regular straight directions.
 var Direction;
@@ -3735,27 +3709,18 @@ var Direction;
     Direction["Down"] = "bottom";
 })(Direction || (Direction = {}));
 
-let CheckOutRelationSuggestionsListComponent = class CheckOutRelationSuggestionsListComponent {
+class CheckOutRelationSuggestionsListComponent {
     constructor() {
         this.suggestions = [];
         this.arrowDirection = Direction.Left;
         // Emits the clicked relation list object.
         this.suggestionButtonClick = new EventEmitter();
     }
-};
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListComponent.prototype, "suggestions", void 0);
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListComponent.prototype, "arrowDirection", void 0);
-__decorate([
-    Output()
-], CheckOutRelationSuggestionsListComponent.prototype, "suggestionButtonClick", void 0);
-CheckOutRelationSuggestionsListComponent = __decorate([
-    Component({
-        selector: "checkout-relation-suggestions-list",
-        template: `
+}
+CheckOutRelationSuggestionsListComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-relation-suggestions-list",
+                template: `
         <div class="flex-column items-wrapper">
             <checkout-relation-suggestions-list-item *ngFor="let suggestion of suggestions" [suggestion]="suggestion"
                                            [arrowDirection]="arrowDirection"
@@ -3763,14 +3728,19 @@ CheckOutRelationSuggestionsListComponent = __decorate([
             <span *ngIf="suggestions?.length === 0" class="no-results" localize="NO_RESULTS_FOUND"></span>
         </div>
     `,
-        host: {
-            "class": "narrow-scrollbar"
-        },
-        styles: [""]
-    })
-], CheckOutRelationSuggestionsListComponent);
+                host: {
+                    "class": "narrow-scrollbar"
+                },
+                styles: [""]
+            },] }
+];
+CheckOutRelationSuggestionsListComponent.propDecorators = {
+    suggestions: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    suggestionButtonClick: [{ type: Output }]
+};
 
-let CheckOutRelationSuggestionsListItemComponent = class CheckOutRelationSuggestionsListItemComponent {
+class CheckOutRelationSuggestionsListItemComponent {
     constructor() {
         this.buttonClick = new EventEmitter();
         //  public icon: Icon;
@@ -3790,20 +3760,11 @@ let CheckOutRelationSuggestionsListItemComponent = class CheckOutRelationSuggest
         //   this.icon = Icon.ArrowFatRight;
         // }
     }
-};
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListItemComponent.prototype, "suggestion", void 0);
-__decorate([
-    Input()
-], CheckOutRelationSuggestionsListItemComponent.prototype, "arrowDirection", null);
-__decorate([
-    Output()
-], CheckOutRelationSuggestionsListItemComponent.prototype, "buttonClick", void 0);
-CheckOutRelationSuggestionsListItemComponent = __decorate([
-    Component({
-        selector: "checkout-relation-suggestions-list-item",
-        template: `
+}
+CheckOutRelationSuggestionsListItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-relation-suggestions-list-item",
+                template: `
 <!--        <div class="left" fxLayout fxLayoutAlign="start center">-->
 <!--            <avatar [relation]="suggestion" class="smaller"></avatar>-->
 <!--        </div>-->
@@ -3819,11 +3780,18 @@ CheckOutRelationSuggestionsListItemComponent = __decorate([
         </div>
         <co-button [label]="'SELECT' | localize" class="popup rounded" (click)="buttonClick.emit($event)"></co-button>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row;align-items:center!important;justify-content:center!important}:host{flex-shrink:0;padding-top:11px;padding-bottom:11px}div.address,div.email,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px;position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important;transform:translate(-50%,-50%);top:50%;left:50%;margin-right:-50%;visibility:hidden}div.name{font-weight:700}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #dce4ea;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.address,div.email,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}"]
-    })
-], CheckOutRelationSuggestionsListItemComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{flex-shrink:0}:host{padding-top:11px}:host{padding-bottom:11px}div.email,div.address,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px}:host{position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important}co-button.popup{transform:translate(-50%,-50%)}co-button.popup{top:50%;left:50%;margin-right:-50%}co-button.popup{visibility:hidden}div.name{font-weight:bold}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #DCE4EA;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.email,div.address,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}\n"]
+            },] }
+];
+CheckOutRelationSuggestionsListItemComponent.ctorParameters = () => [];
+CheckOutRelationSuggestionsListItemComponent.propDecorators = {
+    suggestion: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    buttonClick: [{ type: Output }]
+};
 
-let AppendPipe = class AppendPipe {
+// A pipe for appending strings to other strings in view templates.
+class AppendPipe {
     transform(value, append) {
         if (!value) {
             return "";
@@ -3833,10 +3801,10 @@ let AppendPipe = class AppendPipe {
         }
         return value + append;
     }
-};
-AppendPipe = __decorate([
-    Pipe({ name: "append" })
-], AppendPipe);
+}
+AppendPipe.decorators = [
+    { type: Pipe, args: [{ name: "append" },] }
+];
 
 // Time size types, as in 'days' or 'weeks' or 'months'.
 var TimeSizeType;
@@ -3848,7 +3816,7 @@ var TimeSizeType;
     TimeSizeType["Years"] = "years";
 })(TimeSizeType || (TimeSizeType = {}));
 
-let DateDurationPipe = class DateDurationPipe {
+class DateDurationPipe {
     constructor(_dictionary) {
         this._dictionary = _dictionary;
     }
@@ -3893,13 +3861,15 @@ let DateDurationPipe = class DateDurationPipe {
         }
         return deltaWeeks + " " + weeksSuffix;
     }
-};
-DateDurationPipe = __decorate([
-    Pipe({ name: "dateDuration", pure: false }),
-    __param(0, Inject(DictionaryService))
-], DateDurationPipe);
+}
+DateDurationPipe.decorators = [
+    { type: Pipe, args: [{ name: "dateDuration", pure: false },] }
+];
+DateDurationPipe.ctorParameters = () => [
+    { type: DictionaryService }
+];
 
-let DeliveryTimePipe = class DeliveryTimePipe extends DateDurationPipe {
+class DeliveryTimePipe extends DateDurationPipe {
     constructor(_dictionaryService) {
         super(_dictionaryService);
     }
@@ -3919,16 +3889,17 @@ let DeliveryTimePipe = class DeliveryTimePipe extends DateDurationPipe {
             return super.transform(value, timeSize);
         }
     }
-};
-DeliveryTimePipe = __decorate([
-    Pipe({ name: "deliveryTime", pure: false }),
-    __param(0, Inject(DictionaryService))
-], DeliveryTimePipe);
+}
+DeliveryTimePipe.decorators = [
+    { type: Pipe, args: [{ name: "deliveryTime", pure: false },] }
+];
+DeliveryTimePipe.ctorParameters = () => [
+    { type: DictionaryService }
+];
 
-let LocalizePipe = 
 // A pipe for localizing string values in view templates.
 class LocalizePipe {
-    // tslint:disable-next-line:variable-name
+    // eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
     constructor(_dictionaryService) {
         this._dictionaryService = _dictionaryService;
     }
@@ -3942,18 +3913,21 @@ class LocalizePipe {
         }
         return this._dictionaryService.get(value, upperCaseFirst, ...replace);
     }
-};
-LocalizePipe = __decorate([
-    Pipe({
-        name: "localize"
-    })
-    // A pipe for localizing string values in view templates.
-    ,
-    __param(0, Inject(DictionaryService))
-], LocalizePipe);
+}
+LocalizePipe.decorators = [
+    { type: Pipe, args: [{
+                name: "localize"
+            },] }
+];
+LocalizePipe.ctorParameters = () => [
+    { type: DictionaryService }
+];
 
-var CoCurrencyPipe_1;
-let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
+/**
+ * A pipe for transforming strings or numbers to currency formatted strings for display as a price text, e.g. the number 1300.82 to "€ 1,300.82"
+ * or the string "9000" to "€ 9000,-"
+ */
+class CoCurrencyPipe {
     transform(value, allowZero = false) {
         if (value === null || value === undefined) {
             if (allowZero) {
@@ -3973,7 +3947,7 @@ let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
         }
         // append ,- if integer
         if (NumberUtils.IsInteger(valueAsFloat)) {
-            suffix = CoCurrencyPipe_1._WholeNumberedPriceSuffix;
+            suffix = CoCurrencyPipe._WholeNumberedPriceSuffix;
         }
         let valueAsString = valueAsFloat.toString();
         // add extra zero if price has only one decimal, something like '100.2'
@@ -3985,31 +3959,33 @@ let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
         valueAsString = valueAsString.replace(",", "#");
         valueAsString = valueAsString.replace(".", ",");
         valueAsString = valueAsString.replace("#", ".");
-        return CoCurrencyPipe_1._CurrencySymbol + " " + valueAsString + suffix;
+        return CoCurrencyPipe._CurrencySymbol + " " + valueAsString + suffix;
     }
-};
+}
 CoCurrencyPipe._CurrencySymbol = "€";
 CoCurrencyPipe._WholeNumberedPriceSuffix = ",-";
-CoCurrencyPipe = CoCurrencyPipe_1 = __decorate([
-    Pipe({ name: "coCurrency" })
-], CoCurrencyPipe);
+CoCurrencyPipe.decorators = [
+    { type: Pipe, args: [{ name: "coCurrency" },] }
+];
 
-let SafeStylePipe = class SafeStylePipe {
+class SafeStylePipe {
     constructor(_sanitizer) {
         this._sanitizer = _sanitizer;
     }
     transform(value) {
         return this._sanitizer.bypassSecurityTrustStyle(value);
     }
-};
-SafeStylePipe = __decorate([
-    Pipe({
-        name: "safeStyle"
-    }),
-    __param(0, Inject(DomSanitizer))
-], SafeStylePipe);
+}
+SafeStylePipe.decorators = [
+    { type: Pipe, args: [{
+                name: "safeStyle"
+            },] }
+];
+SafeStylePipe.ctorParameters = () => [
+    { type: DomSanitizer }
+];
 
-let ImageDisplayComponent = class ImageDisplayComponent {
+class ImageDisplayComponent {
     constructor() {
         // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
         this.label = "NO_IMAGE";
@@ -4025,46 +4001,30 @@ let ImageDisplayComponent = class ImageDisplayComponent {
     get shouldBeHidden() {
         return (this.hideOnEmptyModel && !this.model);
     }
-};
-__decorate([
-    Input()
-], ImageDisplayComponent.prototype, "model", void 0);
-__decorate([
-    Input()
-], ImageDisplayComponent.prototype, "label", void 0);
-__decorate([
-    Input()
-], ImageDisplayComponent.prototype, "hideOnEmptyModel", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.circle")
-], ImageDisplayComponent.prototype, "circle", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.cover-image")
-], ImageDisplayComponent.prototype, "cover", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.pointer-hover")
-], ImageDisplayComponent.prototype, "pointerOnHover", void 0);
-__decorate([
-    HostBinding("class.hidden")
-], ImageDisplayComponent.prototype, "shouldBeHidden", null);
-ImageDisplayComponent = __decorate([
-    Component({
-        selector: "image-display",
-        template: `
+}
+ImageDisplayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "image-display",
+                template: `
     <div class="img-wrapper">
       <div *ngIf="!!model" class="image" [style.background-image]="'url(' + model + ')' | safeStyle"></div>
       <no-image-display *ngIf="!model" [label]="label"></no-image-display>
       <ng-content></ng-content>
     </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.flex-center,:host,div.img-wrapper{display:flex}.flex-center{flex-direction:row}.flex-center,:host,div.img-wrapper{align-items:center!important;justify-content:center!important}:host,div.image,div.img-wrapper{width:100%;height:100%}div.img-wrapper{position:relative}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.cover-image div.image{background-size:cover}:host.circle .image,:host.circle .img-wrapper{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:50%}"]
-    })
-], ImageDisplayComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host,div.img-wrapper{display:flex}.flex-center{flex-direction:row}.flex-center,:host,div.img-wrapper{align-items:center!important;justify-content:center!important}:host,div.img-wrapper,div.image{width:100%}:host,div.img-wrapper,div.image{height:100%}div.img-wrapper{position:relative}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.cover-image div.image{background-size:cover}:host.circle .img-wrapper,:host.circle .image{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:center center}\n"]
+            },] }
+];
+ImageDisplayComponent.propDecorators = {
+    model: [{ type: Input }],
+    label: [{ type: Input }],
+    hideOnEmptyModel: [{ type: Input }],
+    circle: [{ type: Input }, { type: HostBinding, args: ["class.circle",] }],
+    cover: [{ type: Input }, { type: HostBinding, args: ["class.cover-image",] }],
+    pointerOnHover: [{ type: Input }, { type: HostBinding, args: ["class.pointer-hover",] }],
+    shouldBeHidden: [{ type: HostBinding, args: ["class.hidden",] }]
+};
 
-let NoImageDisplayComponent = 
 // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
 class NoImageDisplayComponent {
     constructor() {
@@ -4073,26 +4033,23 @@ class NoImageDisplayComponent {
         // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
         this.label = "NO_IMAGE";
     }
-};
-__decorate([
-    Input()
-], NoImageDisplayComponent.prototype, "icon", void 0);
-__decorate([
-    Input()
-], NoImageDisplayComponent.prototype, "label", void 0);
-NoImageDisplayComponent = __decorate([
-    Component({
-        selector: "no-image-display",
-        template: `
+}
+NoImageDisplayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "no-image-display",
+                template: `
         <icon [icon]="icon"></icon>
         <span [textContent]="label | localize" class="no-image-label"></span>
     `,
-        styles: [""]
-    })
-    // Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
-], NoImageDisplayComponent);
+                styles: [""]
+            },] }
+];
+NoImageDisplayComponent.propDecorators = {
+    icon: [{ type: Input }],
+    label: [{ type: Input }]
+};
 
-let IconComponent = class IconComponent {
+class IconComponent {
     constructor(_iconCacheService) {
         this._iconCacheService = _iconCacheService;
     }
@@ -4105,110 +4062,109 @@ let IconComponent = class IconComponent {
     _setSvg(icon) {
         this.svg = this._iconCacheService.getIcon(icon);
     }
-};
-__decorate([
-    Input()
-], IconComponent.prototype, "icon", null);
-__decorate([
-    HostBinding("innerHtml")
-], IconComponent.prototype, "svg", void 0);
-IconComponent = __decorate([
-    Component({
-        selector: "icon",
-        template: "",
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.circle:host{border-radius:50%}.flex-center{display:flex}:host{display:inline-flex}.flex-center{flex-direction:row;align-items:center!important;justify-content:center!important}.no-shrink:host{flex-shrink:0}:host.action ::ng-deep{cursor:pointer}:host ::ng-deep svg{width:100%;height:100%}.massive:host{width:100px;height:100px}.humongous:host{width:70px;height:70px}.very-big:host{width:45px;height:45px}.big:host{width:40px;height:40px}:host{width:30px;height:30px}.small:host{width:25px;height:25px}.nano:host{width:18px;height:18px}.pico:host{width:14px;height:14px}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.dark ::ng-deep [fill]{fill:#22313c}:host.light ::ng-deep [fill]{fill:#fff}:host.red ::ng-deep [fill]{fill:#c1002a}:host.grey ::ng-deep [fill]{fill:#dad9d9}:host.action-color ::ng-deep [fill]{fill:#2b60a7}:host.inactive{opacity:.25}:host.disabled{opacity:.25!important}:host:hover.action ::ng-deep [fill]{fill:#2b60a7}"]
-    }),
-    __param(0, Inject(IconCacheService))
-], IconComponent);
+}
+IconComponent.decorators = [
+    { type: Component, args: [{
+                selector: "icon",
+                template: "",
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.circle:host{border-radius:50%}.flex-center{display:flex}:host{display:inline-flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.no-shrink:host{flex-shrink:0}:host.action ::ng-deep{cursor:pointer}:host ::ng-deep svg{width:100%}:host ::ng-deep svg{height:100%}.massive:host{width:100px;height:100px}.humongous:host{width:70px;height:70px}.very-big:host{width:45px;height:45px}.big:host{width:40px;height:40px}:host{width:30px;height:30px}.small:host{width:25px;height:25px}.nano:host{width:18px;height:18px}.pico:host{width:14px;height:14px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.dark ::ng-deep [fill]{fill:#22313c}:host.light ::ng-deep [fill]{fill:#fff}:host.red ::ng-deep [fill]{fill:#c1002a}:host.grey ::ng-deep [fill]{fill:#dad9d9}:host.action-color ::ng-deep [fill]{fill:#2b60a7}:host.inactive{opacity:.25}:host.disabled{opacity:.25!important}:host:hover.action ::ng-deep [fill]{fill:#2b60a7}\n"]
+            },] }
+];
+IconComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+IconComponent.propDecorators = {
+    icon: [{ type: Input }],
+    svg: [{ type: HostBinding, args: ["innerHtml",] }]
+};
 
-let CoreModule = class CoreModule {
-};
-CoreModule = __decorate([
-    NgModule({
-        declarations: [
-            AppendPipe,
-            DeliveryTimePipe,
-            DateDurationPipe,
-            LocalizePipe,
-            CoCurrencyPipe,
-            SafeStylePipe,
-            ImageDisplayComponent,
-            NoImageDisplayComponent,
-            IconComponent,
-        ],
-        exports: [
-            LocalizePipe,
-            CoCurrencyPipe,
-            AppendPipe,
-            DeliveryTimePipe,
-            SafeStylePipe,
-            CoCurrencyPipe,
-            ImageDisplayComponent,
-            NoImageDisplayComponent,
-            IconComponent,
-        ],
-        imports: [
-            CommonModule
-        ]
-    })
-], CoreModule);
+class CoreModule {
+}
+CoreModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    AppendPipe,
+                    DeliveryTimePipe,
+                    DateDurationPipe,
+                    LocalizePipe,
+                    CoCurrencyPipe,
+                    SafeStylePipe,
+                    ImageDisplayComponent,
+                    NoImageDisplayComponent,
+                    IconComponent,
+                ],
+                exports: [
+                    LocalizePipe,
+                    CoCurrencyPipe,
+                    AppendPipe,
+                    DeliveryTimePipe,
+                    SafeStylePipe,
+                    CoCurrencyPipe,
+                    ImageDisplayComponent,
+                    NoImageDisplayComponent,
+                    IconComponent,
+                ],
+                imports: [
+                    CommonModule
+                ]
+            },] }
+];
 
-let IoneCheckoutModule = class IoneCheckoutModule {
-};
-IoneCheckoutModule = __decorate([
-    NgModule({
-        declarations: [
-            CheckoutComponent,
-            CheckoutOverviewComponent,
-            CheckoutOverviewBlockComponent,
-            CheckoutOverviewRelationEditComponent,
-            CheckoutOverviewRelationAddressComponent,
-            CheckoutOverviewDeliveryEditComponent,
-            RetailTransactionCheckoutComponent,
-            CheckoutOverviewDeliveryAddressComponent,
-            CheckOutRelationSuggestionsListComponent,
-            CheckOutRelationSuggestionsListItemComponent,
-            CheckoutLoginComponent,
-            IoneCheckoutComponent,
-        ],
-        imports: [
-            BrowserAnimationsModule,
-            IconModule,
-            InputTextModule,
-            InputCheckboxModule,
-            InputRadioButtonModule,
-            FormModule,
-            InputComboBoxModule,
-            InputDatePickerModule,
-            InputNumberPickerModule,
-            CoDialogModule,
-            CoDialogPromptModule,
-            ButtonModule,
-            FlexModule,
-            MultiSelectListModule,
-            MatStepperModule,
-            DropDownModule,
-            PopupModule,
-            CoSidebarModule,
-            CoGridModule,
-            CoreModule,
-        ],
-        providers: [
-            IOneConnectorAdapterService,
-            DictionaryService,
-            TransactionService,
-            OptionsService,
-            PromptService,
-        ],
-        entryComponents: [
-            IoneCheckoutComponent
-        ],
-        exports: [IoneCheckoutComponent],
-        bootstrap: [IoneCheckoutComponent]
-    })
-], IoneCheckoutModule);
+class IoneCheckoutModule {
+}
+IoneCheckoutModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    BrowserAnimationsModule,
+                    IconModule,
+                    InputTextModule,
+                    InputCheckboxModule,
+                    InputRadioButtonModule,
+                    FormModule,
+                    InputComboBoxModule,
+                    InputDatePickerModule,
+                    InputNumberPickerModule,
+                    CoDialogModule,
+                    CoDialogPromptModule,
+                    ButtonModule,
+                    FlexModule,
+                    MultiSelectListModule,
+                    MatStepperModule,
+                    DropDownModule,
+                    PopupModule.forRoot(),
+                    CoSidebarModule,
+                    CoGridModule,
+                    CoreModule,
+                ],
+                declarations: [
+                    CheckoutComponent,
+                    CheckoutOverviewComponent,
+                    CheckoutOverviewBlockComponent,
+                    CheckoutOverviewRelationEditComponent,
+                    CheckoutOverviewRelationAddressComponent,
+                    CheckoutOverviewDeliveryEditComponent,
+                    RetailTransactionCheckoutComponent,
+                    CheckoutOverviewDeliveryAddressComponent,
+                    CheckOutRelationSuggestionsListComponent,
+                    CheckOutRelationSuggestionsListItemComponent,
+                    CheckoutLoginComponent,
+                    IoneCheckoutComponent,
+                ],
+                providers: [
+                    IOneConnectorAdapterService,
+                    DictionaryService,
+                    TransactionService,
+                    OptionsService
+                ],
+                entryComponents: [
+                    IoneCheckoutComponent
+                ],
+                exports: [IoneCheckoutComponent],
+                bootstrap: [IoneCheckoutComponent]
+            },] }
+];
 
-let ShoppingCartManagerComponent = class ShoppingCartManagerComponent {
+class ShoppingCartManagerComponent {
     constructor(service, transactionEvents, promptService, _dictionaryService) {
         this.service = service;
         this.transactionEvents = transactionEvents;
@@ -4517,39 +4473,21 @@ let ShoppingCartManagerComponent = class ShoppingCartManagerComponent {
         this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
         setTimeout(() => {
             this.characteristicAnswer.open();
-            // tslint:disable-next-line:no-magic-numbers
+            // eslint-disable-next-line no-magic-numbers
         }, 1000);
     }
-};
-__decorate([
-    ViewChild("warehouseDialog")
-], ShoppingCartManagerComponent.prototype, "warehouseDialog", void 0);
-__decorate([
-    ViewChild("warehouseGrid")
-], ShoppingCartManagerComponent.prototype, "warehouseGrid", void 0);
-__decorate([
-    ViewChild("characteristicAnswer")
-], ShoppingCartManagerComponent.prototype, "characteristicAnswer", void 0);
-__decorate([
-    Output()
-], ShoppingCartManagerComponent.prototype, "linesChanged", void 0);
-__decorate([
-    Output()
-], ShoppingCartManagerComponent.prototype, "openCart", void 0);
-__decorate([
-    Output()
-], ShoppingCartManagerComponent.prototype, "articleAdded", void 0);
-ShoppingCartManagerComponent = __decorate([
-    Component({
-        selector: "shopping-cart-manager",
-        template: `
+}
+ShoppingCartManagerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "shopping-cart-manager",
+                template: `
     <co-dialog #warehouseDialog
                (closeClick)="hide()"
                (overlayClick)="onStockManagerCancelClick()"
       >
       <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>
 
-      <ng-container content style="max-height: 100%;">
+      <ng-container content>
         <co-form>
           <div class="form-content">
             <span *ngIf="message" class="message-field" [textContent]="message | localize"></span>
@@ -4588,13 +4526,23 @@ ShoppingCartManagerComponent = __decorate([
       (okClick)="handleCharacteristicAnswerOkClick($event)"
     ></characteristic-answer>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.flex-center,.warehouse-line-container{display:flex;flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.commission-fields,::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{margin-left:11px}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}"]
-    }),
-    __param(0, Inject(TransactionService)),
-    __param(1, Inject(TransactionEventService)),
-    __param(2, Inject(PromptService)),
-    __param(3, Inject(DictionaryService))
-], ShoppingCartManagerComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
+            },] }
+];
+ShoppingCartManagerComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: DictionaryService }
+];
+ShoppingCartManagerComponent.propDecorators = {
+    warehouseDialog: [{ type: ViewChild, args: ["warehouseDialog",] }],
+    warehouseGrid: [{ type: ViewChild, args: ["warehouseGrid",] }],
+    characteristicAnswer: [{ type: ViewChild, args: ["characteristicAnswer",] }],
+    linesChanged: [{ type: Output }],
+    openCart: [{ type: Output }],
+    articleAdded: [{ type: Output }]
+};
 
 var OrderDiscountType;
 (function (OrderDiscountType) {
@@ -4613,7 +4561,7 @@ var ContentViewMode;
     ContentViewMode[ContentViewMode["Timeline"] = 4] = "Timeline";
 })(ContentViewMode || (ContentViewMode = {}));
 
-let ShoppingCartComponent = class ShoppingCartComponent {
+class ShoppingCartComponent {
     constructor(iconCacheService, _dictionary, service, _transactionEvents, _changeDetector) {
         this.iconCacheService = iconCacheService;
         this._dictionary = _dictionary;
@@ -4728,40 +4676,11 @@ let ShoppingCartComponent = class ShoppingCartComponent {
             this.discountsSidebar.hide();
         }
     }
-};
-__decorate([
-    ViewChild(CoSidebarComponent, { static: false })
-], ShoppingCartComponent.prototype, "discountsSidebar", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.overlayed")
-], ShoppingCartComponent.prototype, "overlayMode", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.overview")
-], ShoppingCartComponent.prototype, "overviewMode", void 0);
-__decorate([
-    Input()
-], ShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-__decorate([
-    Input()
-], ShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-__decorate([
-    Input()
-], ShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-__decorate([
-    Output()
-], ShoppingCartComponent.prototype, "closeCart", void 0);
-__decorate([
-    Output()
-], ShoppingCartComponent.prototype, "checkout", void 0);
-__decorate([
-    Output()
-], ShoppingCartComponent.prototype, "overview", void 0);
-ShoppingCartComponent = __decorate([
-    Component({
-        selector: "shopping-cart",
-        template: `
+}
+ShoppingCartComponent.decorators = [
+    { type: Component, args: [{
+                selector: "shopping-cart",
+                template: `
     <div class="cart-header">
       <span class="cart-header-label" [textContent]="getCartLabel()"></span>
       <div class="view-mode-buttons">
@@ -4870,16 +4789,29 @@ ShoppingCartComponent = __decorate([
         </co-form>
     </co-dialog>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px;padding-top:20px}.cart-header{margin-top:20px;margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:700}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:700}", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}"]
-    }),
-    __param(0, Inject(IconCacheService)),
-    __param(1, Inject(DictionaryService)),
-    __param(2, Inject(TransactionService)),
-    __param(3, Inject(TransactionEventService)),
-    __param(4, Inject(ChangeDetectorRef))
-], ShoppingCartComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+            },] }
+];
+ShoppingCartComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: ChangeDetectorRef }
+];
+ShoppingCartComponent.propDecorators = {
+    discountsSidebar: [{ type: ViewChild, args: [CoSidebarComponent, { static: false },] }],
+    overlayMode: [{ type: Input }, { type: HostBinding, args: ["class.overlayed",] }],
+    overviewMode: [{ type: Input }, { type: HostBinding, args: ["class.overview",] }],
+    hideOverviewButton: [{ type: Input }],
+    hideCheckoutButton: [{ type: Input }],
+    hideCloseCartButton: [{ type: Input }],
+    closeCart: [{ type: Output }],
+    checkout: [{ type: Output }],
+    overview: [{ type: Output }]
+};
 
-let IoneShoppingCartComponent = class IoneShoppingCartComponent {
+class IoneShoppingCartComponent {
     constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService) {
         this._changeDetector = _changeDetector;
         this._optionsService = _optionsService;
@@ -4965,38 +4897,11 @@ let IoneShoppingCartComponent = class IoneShoppingCartComponent {
             });
         });
     }
-};
-__decorate([
-    ViewChild(ShoppingCartManagerComponent)
-], IoneShoppingCartComponent.prototype, "manager", void 0);
-__decorate([
-    ViewChild(ShoppingCartComponent)
-], IoneShoppingCartComponent.prototype, "shoppingCart", void 0);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "options", null);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "hideOverviewButton", void 0);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
-__decorate([
-    Input()
-], IoneShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
-__decorate([
-    Output()
-], IoneShoppingCartComponent.prototype, "closeCart", void 0);
-__decorate([
-    Output()
-], IoneShoppingCartComponent.prototype, "checkout", void 0);
-__decorate([
-    Output()
-], IoneShoppingCartComponent.prototype, "overview", void 0);
-IoneShoppingCartComponent = __decorate([
-    Component({
-        selector: "ione-shopping-cart",
-        template: `
+}
+IoneShoppingCartComponent.decorators = [
+    { type: Component, args: [{
+                selector: "ione-shopping-cart",
+                template: `
     <ng-container *ngIf="upAndLoaded">
       <shopping-cart-manager
         (linesChanged)="linesChanged($event)"
@@ -5013,17 +4918,30 @@ IoneShoppingCartComponent = __decorate([
       ></shopping-cart>
     </ng-container>
   `
-    }),
-    __param(0, Inject(ChangeDetectorRef)),
-    __param(1, Inject(OptionsService)),
-    __param(2, Inject(IOneConnectorAdapterService)),
-    __param(3, Inject(DictionaryService)),
-    __param(4, Inject(TransactionService)),
-    __param(5, Inject(TransactionEventService)),
-    __param(6, Inject(PromptService))
-], IoneShoppingCartComponent);
+            },] }
+];
+IoneShoppingCartComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: OptionsService },
+    { type: IOneConnectorAdapterService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService }
+];
+IoneShoppingCartComponent.propDecorators = {
+    manager: [{ type: ViewChild, args: [ShoppingCartManagerComponent,] }],
+    shoppingCart: [{ type: ViewChild, args: [ShoppingCartComponent,] }],
+    options: [{ type: Input }],
+    hideOverviewButton: [{ type: Input }],
+    hideCheckoutButton: [{ type: Input }],
+    hideCloseCartButton: [{ type: Input }],
+    closeCart: [{ type: Output }],
+    checkout: [{ type: Output }],
+    overview: [{ type: Output }]
+};
 
-let ShoppingCartLineComponent = class ShoppingCartLineComponent {
+class ShoppingCartLineComponent {
     constructor(iconCacheService, service, _promptService, _dictionaryService) {
         this.iconCacheService = iconCacheService;
         this.service = service;
@@ -5118,31 +5036,11 @@ let ShoppingCartLineComponent = class ShoppingCartLineComponent {
             }
         });
     }
-};
-__decorate([
-    Input(),
-    HostBinding("class.overlayed")
-], ShoppingCartLineComponent.prototype, "overlayMode", void 0);
-__decorate([
-    Input(),
-    HostBinding("class.overview")
-], ShoppingCartLineComponent.prototype, "overviewMode", void 0);
-__decorate([
-    HostBinding("class.is-text")
-], ShoppingCartLineComponent.prototype, "isText", void 0);
-__decorate([
-    HostBinding("class.is-article")
-], ShoppingCartLineComponent.prototype, "isArticle", void 0);
-__decorate([
-    HostBinding("class.is-selected")
-], ShoppingCartLineComponent.prototype, "isSelected", void 0);
-__decorate([
-    Input()
-], ShoppingCartLineComponent.prototype, "line", null);
-ShoppingCartLineComponent = __decorate([
-    Component({
-        selector: "shopping-cart-line",
-        template: `
+}
+ShoppingCartLineComponent.decorators = [
+    { type: Component, args: [{
+                selector: "shopping-cart-line",
+                template: `
     <div *ngIf="line.isArticle" class="cart-line-r" fxFlex>
       <div fxLayout="row" class="full-width">
         <div fxLayout="column" class="cart-line-image" *ngIf="!overviewMode">
@@ -5189,40 +5087,48 @@ ShoppingCartLineComponent = __decorate([
          [textContent]="line.text">
     </div>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important}:host{padding-bottom:20px;padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px;margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-totals,.cart-line-t{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #dbe3e8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width:800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:700}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:700}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}"]
-    }),
-    __param(0, Inject(IconCacheService)),
-    __param(1, Inject(TransactionService)),
-    __param(2, Inject(PromptService)),
-    __param(3, Inject(DictionaryService))
-], ShoppingCartLineComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
+            },] }
+];
+ShoppingCartLineComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService },
+    { type: PromptService },
+    { type: DictionaryService }
+];
+ShoppingCartLineComponent.propDecorators = {
+    overlayMode: [{ type: Input }, { type: HostBinding, args: ["class.overlayed",] }],
+    overviewMode: [{ type: Input }, { type: HostBinding, args: ["class.overview",] }],
+    isText: [{ type: HostBinding, args: ["class.is-text",] }],
+    isArticle: [{ type: HostBinding, args: ["class.is-article",] }],
+    isSelected: [{ type: HostBinding, args: ["class.is-selected",] }],
+    line: [{ type: Input }]
+};
 
-let StockStatusIndicatorComponent = 
 // Component that visually shows a stock status with three colored boxes.
 class StockStatusIndicatorComponent {
     get stockClass() {
         return this.model;
     }
-};
-__decorate([
-    Input()
-], StockStatusIndicatorComponent.prototype, "model", void 0);
-StockStatusIndicatorComponent = __decorate([
-    Component({
-        selector: "stock-status-indicator",
-        template: `
+}
+StockStatusIndicatorComponent.decorators = [
+    { type: Component, args: [{
+                selector: "stock-status-indicator",
+                template: `
         <div [class]="stockClass">
             <div class="square-1"></div>
             <div class="square-2"></div>
             <div class="square-3"></div>
         </div>
     `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}:host{display:inline-block}.flex-center,:host>div{display:flex}.flex-center{flex-direction:row}.flex-center,:host>div{align-items:center!important;justify-content:center!important}:host>div{width:100%;height:100%}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:hsla(0,0%,100%,.25);width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.empty>div.square-1,:host>div.low>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.empty>div.square-2,:host>div.empty div.square-3,:host>div.low>div.square-2,:host>div.low div.square-3,:host>div.none>div.square-2,:host>div.none div.square-3{background-color:#dad9d9}:host>div.medium>div.square-1,:host>div.medium div.square-2{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high>div.square-1,:host>div.high div.square-2,:host>div.high div.square-3{background-color:#429777}"]
-    })
-    // Component that visually shows a stock status with three colored boxes.
-], StockStatusIndicatorComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}:host{display:inline-block}.flex-center,:host>div{display:flex}.flex-center{flex-direction:row}.flex-center,:host>div{align-items:center!important;justify-content:center!important}:host>div{width:100%}:host>div{height:100%}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#ffffff40;width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.low>div.square-1,:host>div.empty>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.low>div.square-2,:host>div.low div.square-3,:host>div.empty>div.square-2,:host>div.empty div.square-3,:host>div.none>div.square-2,:host>div.none div.square-3{background-color:#dad9d9}:host>div.medium>div.square-1,:host>div.medium div.square-2{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high>div.square-1,:host>div.high div.square-2,:host>div.high div.square-3{background-color:#429777}\n"]
+            },] }
+];
+StockStatusIndicatorComponent.propDecorators = {
+    model: [{ type: Input }]
+};
 
-let CharacteristicAnswerComponent = class CharacteristicAnswerComponent {
+class CharacteristicAnswerComponent {
     constructor(_dictionaryService) {
         this._dictionaryService = _dictionaryService;
         this.title = "";
@@ -5252,23 +5158,11 @@ let CharacteristicAnswerComponent = class CharacteristicAnswerComponent {
             this.okClick.emit(this.value);
         });
     }
-};
-__decorate([
-    ViewChild("characteristic")
-], CharacteristicAnswerComponent.prototype, "characteristicDialog", void 0);
-__decorate([
-    Input()
-], CharacteristicAnswerComponent.prototype, "title", void 0);
-__decorate([
-    Input()
-], CharacteristicAnswerComponent.prototype, "question", void 0);
-__decorate([
-    Output()
-], CharacteristicAnswerComponent.prototype, "okClick", void 0);
-CharacteristicAnswerComponent = __decorate([
-    Component({
-        selector: "characteristic-answer",
-        template: `
+}
+CharacteristicAnswerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "characteristic-answer",
+                template: `
     <co-dialog
       #characteristic
       [showCloseIcon]="false"
@@ -5317,59 +5211,67 @@ CharacteristicAnswerComponent = __decorate([
       </ng-container>
     </co-dialog>
   `,
-        styles: ["body,html{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.flex-center{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important}.triangle{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{margin-right:10px}.characteristic-title,.characteristic-value{font-weight:700;font-size:20px}.characteristic-header{display:flex;justify-content:center}"]
-    }),
-    __param(0, Inject(DictionaryService))
-], CharacteristicAnswerComponent);
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{font-weight:bold;font-size:20px;margin-right:10px}.characteristic-value{font-weight:bold;font-size:20px}.characteristic-header{display:flex;justify-content:center}\n"]
+            },] }
+];
+CharacteristicAnswerComponent.ctorParameters = () => [
+    { type: DictionaryService }
+];
+CharacteristicAnswerComponent.propDecorators = {
+    characteristicDialog: [{ type: ViewChild, args: ["characteristic",] }],
+    title: [{ type: Input }],
+    question: [{ type: Input }],
+    okClick: [{ type: Output }]
+};
 
-let IoneShoppingCartModule = class IoneShoppingCartModule {
-};
-IoneShoppingCartModule = __decorate([
-    NgModule({
-        declarations: [
-            ShoppingCartManagerComponent,
-            ShoppingCartComponent,
-            ShoppingCartLineComponent,
-            StockStatusIndicatorComponent,
-            IoneShoppingCartComponent,
-            CharacteristicAnswerComponent,
-        ],
-        imports: [
-            BrowserAnimationsModule,
-            IconModule,
-            InputTextModule,
-            InputCheckboxModule,
-            InputRadioButtonModule,
-            FormModule,
-            InputComboBoxModule,
-            InputDatePickerModule,
-            InputNumberPickerModule,
-            CoDialogModule,
-            CoDialogPromptModule,
-            ButtonModule,
-            FlexModule,
-            MultiSelectListModule,
-            MatStepperModule,
-            DropDownModule,
-            PopupModule,
-            CoSidebarModule,
-            CoGridModule,
-            CoreModule,
-        ],
-        providers: [
-            IOneConnectorAdapterService,
-            DictionaryService,
-            TransactionService,
-            OptionsService,
-            PromptService,
-        ],
-        entryComponents: [
-            IoneShoppingCartComponent
-        ],
-        exports: [IoneShoppingCartComponent],
-        bootstrap: [IoneShoppingCartComponent]
-    })
-], IoneShoppingCartModule);
+class IoneShoppingCartModule {
+}
+IoneShoppingCartModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ShoppingCartManagerComponent,
+                    ShoppingCartComponent,
+                    ShoppingCartLineComponent,
+                    StockStatusIndicatorComponent,
+                    IoneShoppingCartComponent,
+                    CharacteristicAnswerComponent,
+                ],
+                imports: [
+                    BrowserAnimationsModule,
+                    CommonModule,
+                    IconModule,
+                    InputTextModule,
+                    InputCheckboxModule,
+                    InputRadioButtonModule,
+                    FormModule,
+                    InputComboBoxModule,
+                    InputDatePickerModule,
+                    InputNumberPickerModule,
+                    CoDialogModule,
+                    CoDialogPromptModule,
+                    ButtonModule,
+                    FlexModule,
+                    MultiSelectListModule,
+                    MatStepperModule,
+                    DropDownModule,
+                    PopupModule.forRoot(),
+                    CoSidebarModule,
+                    CoGridModule,
+                    CoreModule,
+                ],
+                providers: [
+                    IOneConnectorAdapterService,
+                    DictionaryService,
+                    TransactionService,
+                    OptionsService
+                ],
+                entryComponents: [
+                    IoneShoppingCartComponent
+                ],
+                exports: [IoneShoppingCartComponent],
+                bootstrap: [IoneShoppingCartComponent]
+            },] }
+];
 
 //export * from "./app/component/ione-transaction.module";
 
@@ -5377,5 +5279,5 @@ IoneShoppingCartModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { IoneCheckoutComponent, IoneCheckoutModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, CheckoutOverviewComponent as ɵc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CheckoutOverviewRelationAddressComponent as ɵm, CheckoutOverviewDeliveryAddressComponent as ɵn, CheckOutRelationSuggestionsListComponent as ɵo, CheckOutRelationSuggestionsListItemComponent as ɵp, CoreModule as ɵq, AppendPipe as ɵr, DeliveryTimePipe as ɵs, DateDurationPipe as ɵt, LocalizePipe as ɵu, CoCurrencyPipe as ɵv, SafeStylePipe as ɵw, ImageDisplayComponent as ɵx, NoImageDisplayComponent as ɵy, IconComponent as ɵz };
+export { IoneCheckoutComponent, IoneCheckoutModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, CheckoutOverviewComponent as ɵc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map