@colijnit/transaction 12.0.1 → 12.0.2

package/colijnit-transaction.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"IoneCheckoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"ione-checkout","template":"\n    <ng-container *ngIf=\"show && (applicationUser || loggedIn)\">\n      <app-retail-transaction-checkout></app-retail-transaction-checkout>\n    </ng-container>\n\n\n    <div *ngIf=\"show && !applicationUser && !loggedIn\">\n      <checkout-login\n        #checkoutLogin\n        (continueWithoutSubmit)=\"continueWithoutAccount()\"\n        (createNewAccountSubmit)=\"createNewAccount()\"\n      ></checkout-login>\n    </div>\n  "}]}],"members":{"retailCheckout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"checkoutLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵj"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"applicationUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":83,"character":28},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PromptService","line":89,"character":27},{"__symbolic":"reference","name":"ɵl"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}],"loginSubmit":[{"__symbolic":"method"}],"continueWithoutAccount":[{"__symbolic":"method"}],"createNewAccount":[{"__symbolic":"method"}],"closeLogin":[{"__symbolic":"method"}]}},"IoneCheckoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":40,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":42,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"IconModule","line":43,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputTextModule","line":44,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputCheckboxModule","line":45,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputRadioButtonModule","line":46,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"FormModule","line":47,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputComboBoxModule","line":48,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputDatePickerModule","line":49,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputNumberPickerModule","line":50,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoDialogModule","line":51,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoDialogPromptModule","line":52,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"ButtonModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":54,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"MultiSelectListModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":56,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"DropDownModule","line":57,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PopupModule","line":58,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoSidebarModule","line":59,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoGridModule","line":60,"character":4},{"__symbolic":"reference","name":"ɵm"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"IoneCheckoutComponent"}],"providers":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"entryComponents":[{"__symbolic":"reference","name":"IoneCheckoutComponent"}],"exports":[{"__symbolic":"reference","name":"IoneCheckoutComponent"}],"bootstrap":[{"__symbolic":"reference","name":"IoneCheckoutComponent"}]}]}],"members":{}},"IoneShoppingCartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ione-shopping-cart","template":"\n    <ng-container *ngIf=\"upAndLoaded\">\n      <shopping-cart-manager\n        (linesChanged)=\"linesChanged($event)\"\n      ></shopping-cart-manager>\n    </ng-container>\n    <ng-container *ngIf=\"show\">\n      <shopping-cart\n        [hideOverviewButton]=\"hideOverviewButton\"\n        [hideCloseCartButton]=\"hideCloseCartButton\"\n        [hideCheckoutButton]=\"hideCheckoutButton\"\n        (overview)=\"onOverviewButtonClicked()\"\n        (closeCart)=\"onCloseCartButtonClicked()\"\n        (checkout)=\"onCheckoutButtonClicked()\"\n      ></shopping-cart>\n    </ng-container>\n  "}]}],"members":{"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵba"}]}]}],"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbb"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":28},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PromptService","line":99,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCloseCartButtonClicked":[{"__symbolic":"method"}],"onCheckoutButtonClicked":[{"__symbolic":"method"}],"onOverviewButtonClicked":[{"__symbolic":"method"}],"linesChanged":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addArticleByBySelectorResult":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}]}},"IoneShoppingCartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"IoneShoppingCartComponent"},{"__symbolic":"reference","name":"ɵbe"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"IconModule","line":47,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputTextModule","line":48,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputCheckboxModule","line":49,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputRadioButtonModule","line":50,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"FormModule","line":51,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputComboBoxModule","line":52,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputDatePickerModule","line":53,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"InputNumberPickerModule","line":54,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoDialogModule","line":55,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoDialogPromptModule","line":56,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"ButtonModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":58,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"MultiSelectListModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":60,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"DropDownModule","line":61,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PopupModule","line":62,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoSidebarModule","line":63,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoGridModule","line":64,"character":4},{"__symbolic":"reference","name":"ɵm"}],"providers":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"entryComponents":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}],"exports":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}],"bootstrap":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-retail-transaction-checkout","template":"\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <app-checkout class=\"checkout\"></app-checkout>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <ng-template #content>\n      <div class=\"checkout-retail-viewport checkout-row-end\">\n        <co-button [label]=\"'BACK'| localize\" [disabled]=\"!canPrevious\" (click)=\"previousCheckout()\"></co-button>\n        <co-button [label]=\"'CONTINUE'| localize\" [disabled]=\"!canContinue\" (click)=\"continueCheckout()\"></co-button>\n      </div>\n    </ng-template>\n  ","styles":[".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]}]}],"members":{"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"continueCheckout":[{"__symbolic":"method"}],"previousCheckout":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-checkout","template":"\n        <div class=\"checkout-viewport\">\n            <mat-horizontal-stepper #stepper\n                [linear]=\"true\" labelPosition=\"bottom\"\n                (selectionChange)=\"stepChanged($event)\">\n                    <mat-step [label]=\"'YOUR_DATA' | localize\" [completed]=\"completedRelation\"></mat-step>\n                    <mat-step [label]=\"'DELIVERY'  | localize\" [completed]=\"completedDelivery\"></mat-step>\n                    <mat-step [label]=\"'PAYMENT' | localize\"></mat-step>\n                    <mat-step [label]=\"'OVERVIEW' | localize\"></mat-step>\n            </mat-horizontal-stepper>\n            <checkout-overview [relation]=\"relation\"\n               [transaction]=\"transaction\"\n               [userIsApplicationUser]=\"userIsApplicationUser\"\n               (saveRelation)=\"handleSaveRelation()\"\n               (saveDelivery)=\"handleSaveDelivery()\"\n               (stepFinished)=\"stepFinished()\"></checkout-overview>\n            <div class=\"step-content-customer\"></div>\n        </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"stepper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["stepper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PromptService","line":76,"character":26}]}],"continue":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"stepFinished":[{"__symbolic":"method"}],"handleSaveRelation":[{"__symbolic":"method"}],"handleSaveDelivery":[{"__symbolic":"method"}],"saveNewRelation":[{"__symbolic":"method"}],"stepChanged":[{"__symbolic":"method"}],"insertData":[{"__symbolic":"method"}],"updateData":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"checkout-overview","template":"\n        <checkout-overview-block  #relationBlock sequenceNr=\"2\" label=\"YOUR_DATA\"\n                                 *ngIf=\"currentStep === steps.Relation\"\n                                 (editModeChange)=\"handleEditChangeRelation($event)\">\n            <ng-container edit-mode-content>\n                <checkout-overview-relation-edit #relationForm\n                                                 *ngIf=\"currentStep == steps.Relation && editMode\"\n                                                 [relation]=\"relation\"\n                                                 [transaction]=\"transaction\"\n                                                 (validSubmit)=\"onRelationValid()\"\n                                                 (invalidSubmit)=\"onRelationInvalid()\"\n                ></checkout-overview-relation-edit>\n            </ng-container>\n        </checkout-overview-block>\n\n        <checkout-overview-block #deliveryBlock sequenceNr=\"3\" label=\"DELIVERY\"\n                                 [hidden]=\"currentStep !== steps.Delivery\"\n                                 (editModeChange)=\"handleEditChangeDelivery($event)\">\n          <ng-container edit-mode-content>\n            <checkout-overview-delivery-edit #deliveryForm\n                                             [hidden]=\"currentStep !== steps.Delivery\"\n                                             [relation]=\"relation\"\n                                             [transaction]=\"transaction\"\n                                             (validSubmit)=\"onDeliveryValid()\"\n            ></checkout-overview-delivery-edit>\n          </ng-container>\n        </checkout-overview-block>\n   ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"relationBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["relationBlock",{"read":{"__symbolic":"reference","name":"ɵd"}}]}]}],"relationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["relationForm",{"read":{"__symbolic":"reference","name":"ɵe"}}]}]}],"deliveryBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["deliveryBlock",{"read":{"__symbolic":"reference","name":"ɵd"}}]}]}],"deliveryForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["deliveryForm",{"read":{"__symbolic":"reference","name":"ɵh"}}]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"userIsApplicationUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"saveRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"saveDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"savePayment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"stepFinished":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleEditChangeRelation":[{"__symbolic":"method"}],"onRelationValid":[{"__symbolic":"method"}],"onRelationInvalid":[{"__symbolic":"method"}],"onDeliveryValid":[{"__symbolic":"method"}],"handleEditChangeDelivery":[{"__symbolic":"method"}],"handleEditChangePayment":[{"__symbolic":"method"}],"moveToStep":[{"__symbolic":"method"}],"startEditRelationBlock":[{"__symbolic":"method"}],"startEditDeliveryBlock":[{"__symbolic":"method"}],"startEditPaymentBlock":[{"__symbolic":"method"}],"stopEditRelationBlock":[{"__symbolic":"method"}],"stopEditDeliveryBlock":[{"__symbolic":"method"}],"stopEditPaymentBlock":[{"__symbolic":"method"}],"isRelation":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"checkout-overview-block","template":"\n        <div class=\"overview-wrapper\" fxLayout=\"column\" fxLayoutGap=\"0px\">\n            <div class=\"overview-header\" fxLayout=\"row\">\n            </div>\n                <div class=\"overview-body\" fxLayout=\"row\" fxLayoutGap=\"20px\">\n                <ng-content select=\"[edit-mode-content]\"></ng-content>\n            </div>\n        </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"sequenceNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"startInEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"editModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"stopEdit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"checkout-overview-relation-edit","template":"\n      <co-form (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n        <div>\n            <label [textContent]=\"'ACCOUNT_DETAILS' | localize\"\n                   class=\"checkout-label-h2\"\n            ></label>\n        </div>\n        <div>\n            <label [textContent]=\"'PERSONAL_DATA' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>7\n        </div>\n        <div>\n            <div>\n                <label [textContent]=\"'ORDER_TYPE' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n            </div>\n            <div>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'PRIVATE_PERSON' | localize\"\n                   [value]=\"relType.Private\"\n                   [checked]=\"relation.type === relType.Private\"\n                   (modelChange)=\"changeRelationType(relType.Private)\"\n                    ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'COMPANY' | localize\"\n                   [value]=\"relType.Company\"\n                   [(model)]=\"relation.type\"\n                   [checked]=\"relation.type === relType.Company\"\n                   (modelChange)=\"changeRelationType(relType.Company)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <label [textContent]=\"'SALUTATION' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <div>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'MALE' | localize\"\n                   [value]=\"genderType.Male\"\n                   [checked]=\"relation.gender === genderType.Male\"\n                   (modelChange)=\"changeGenderType(genderType.Male)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'FEMALE' | localize \"\n                   [value]=\"genderType.Female\"\n                   [checked]=\"relation.gender === genderType.Female\"\n                   (modelChange)=\"changeGenderType(genderType.Female)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'UNKNOWN' | localize\"\n                   [value]=\"genderType.Unspecified\"\n                   [checked]=\"relation.gender === genderType.Unspecified\"\n                   (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <div>\n                <label [textContent]=\"'NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <div class=\"default-flex-row\">\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.firstName\"\n                      [placeholder]=\"'FIRST_NAME' | localize \"\n                      (modelChange)=\"firstNameChange($event)\"\n                      required\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.prefix\"\n                      [placeholder]=\"'PREFIX' | localize \"\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.familyName\"\n                      [placeholder]=\"'LAST_NAME' | localize\"\n                      (modelChange)=\"familyNameChange($event)\"\n                      required></co-input-text>\n                  </div>\n                </div>\n            </div>\n        </div>\n        <div >\n            <div *ngIf=\"relation?.type === relType.Company\" class=\"default-flex-column\">\n                <label [textContent]=\"'COMPANY_NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <co-input-text [(model)]=\"relation.familyName\" [label]=\"'COMPANY_NAME'\" required></co-input-text>\n            </div>\n        </div>\n\n        <div>\n          <checkout-overview-relation-address\n                  label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n          ></checkout-overview-relation-address>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n            <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" required></co-input-date>\n          </div>\n          <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" required></co-input-text>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'LOGIN_DETAILS' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n        <div>\n          <p>{{ 'ACCOUNT_EXPLANATION' | localize }}</p>\n        </div>\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" required></co-input-text>\n          </div>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div *ngIf=\"!applicationUser\" class=\"default-flex-column\">\n              <co-input-text [(model)]=\"accountPassword\" [placeholder]=\"'PASSWORD' | localize \" [type]=\"'password'\" required></co-input-text>\n          </div>\n          <div *ngIf=\"applicationUser\" class=\"default-flex-column\">\n            <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'PRIVACY_PREFERENCES' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n\n        <div *ngFor=\"let privacySetting of privacySettings\">\n            <div class=\"privacy-row\">\n                <div class=\"privacy-column-left\">\n                    <co-input-checkbox [label]=\"privacySetting.description\"\n                                       [model]=\"isShared(privacySetting)\"\n                                       (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n                    ></co-input-checkbox>\n                </div>\n                <div class=\"privacy-column-right\">\n                    {{ privacySetting.explanation }}\n                </div>\n            </div>\n        </div>\n    </co-form>\n\n    <co-sidebar #relationSidebar isOpen=\"false\" *ngIf=\"showRelationSidebar\">\n      <div class=\"relation-sidebar-header\">\n          <label [textContent]=\"'SUGGESTIONS' | localize \"\n                 class=\"checkout-label-h3\"\n          ></label>\n        </div>\n      <checkout-relation-suggestions-list\n        [suggestions]=\"relationSuggestions\"\n        (suggestionButtonClick)=\"onRelationSuggestionClick($event)\"\n      ></checkout-relation-suggestions-list>\n    </co-sidebar>\n\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n",".relation-sidebar-header{margin-left:5px}\n"]}]}],"members":{"relationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":200,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"FormComponent","line":200,"character":13},{"static":true}]}]}],"relationSidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":203,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoSidebarComponent","line":203,"character":13},{"static":false}]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":217,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":220,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":291,"character":29},{"__symbolic":"reference","name":"ɵf"}]}],"submit":[{"__symbolic":"method"}],"preparePrimaryEmail":[{"__symbolic":"method"}],"preparePrimaryPhone":[{"__symbolic":"method"}],"loadPrivacySettings":[{"__symbolic":"method"}],"loadMarketing":[{"__symbolic":"method"}],"isShared":[{"__symbolic":"method"}],"changeRelationType":[{"__symbolic":"method"}],"changeGenderType":[{"__symbolic":"method"}],"firstNameChange":[{"__symbolic":"method"}],"familyNameChange":[{"__symbolic":"method"}],"onRelationSuggestionClick":[{"__symbolic":"method"}],"changePrivacySetting":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"hideSidebar":[{"__symbolic":"method"}],"_relationNameChangedHandlerFn":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":33,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getRelation":[{"__symbolic":"method"}],"loadCountriesOfRelationAddresses":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"saveNewRelation":[{"__symbolic":"method"}],"saveRelation":[{"__symbolic":"method"}],"cleanRelationBeforeSave":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"getTransaction":[{"__symbolic":"method"}],"openExistingTransaction":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"setTransactionDeliveryOptions":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"retrieveLineImage":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"_initializeTransaction":[{"__symbolic":"method"}],"_rememberCurrentTransaction":[{"__symbolic":"method"}],"_rememberCurrentTransactionLineStatus":[{"__symbolic":"method"}],"_updateRelation":[{"__symbolic":"method"}],"_getTransactionDeliveryOptions":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":28,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"connect":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getSingleImage":[{"__symbolic":"method"}],"getDocumentContent":[{"__symbolic":"method"}],"getCountries":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getPrivacySettings":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"getTransactionByNrAndKind":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"getCustomerFullObject":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"setTransactionDeliveryOptions":[{"__symbolic":"method"}],"getPostalCodeRetrieval":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"checkout-overview-delivery-edit","template":"\n    <co-form #deliveryForm (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n      <div>\n        <div>\n          <label [textContent]=\"'DELIVERY' | localize\"\n                 class=\"checkout-label-h2\"\n          ></label>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'DELIVERY_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"deliveryAddress\"></checkout-overview-delivery-address>\n            <div class=\"container-button-change-address\">\n              <co-button [label]=\"'DELIVERY_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(deliveryAddressType)\"></co-button>\n            </div>\n        </div>\n\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'INVOICE_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"billingAddress\"></checkout-overview-delivery-address>\n            <div class=\"container-button-change-address\">\n              <co-button [label]=\"'INVOICE_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(billingAddressType)\"></co-button>\n            </div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'DELIVERY_MOMENT' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'DELIVERY_DATE' | localize \" [(model)]=\"deliveryDate\"></co-input-date>\n          <co-input-checkbox [label]=\"'PART_DELIVERIES' | localize\" [(model)]=\"transaction.allowPartialDelivery\"></co-input-checkbox>\n        </div>\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'PREFERRED_DATE' | localize \" [(model)]=\"preferredDate\"></co-input-date>\n          <ng-container *ngFor=\"let preferredDateOption of preferredDateOptions\">\n            <co-input-radio-button [name]=\"'preferedDeliveryDate2'\"\n                                   [label]=\"preferredDateOption.text | localize\"\n                                   [value]=\"preferredDateOption.value\"\n                                   [checked]=\"transaction.preferredDeliveryDate2 === preferredDateOption.value\"\n                                   (modelChange)=\"changePreferredDeliveryDate2(preferredDateOption.value)\"\n            ></co-input-radio-button>\n          </ng-container>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.deliveryMethod\"\n                            [source]=\"deliveryMethods\"\n                            [fields]=\"deliveryMethodFields\"\n                            [placeholder]=\"'DELIVERY_METHOD2' | localize\"\n                            [required]=\"true\"\n                            (modelChange)=\"onDeliveryMethodChange($event)\"\n            ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div>\n          <label [textContent]=\"'DELIVERY_OPTIONS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-multi-select-list\n            [placeHolder]=\"'DELIVERY_OPTIONS' | localize\"\n            [collection]=\"deliveryOptions\"\n            [fields]=\"deliveryOptionFields\"\n            [(model)]=\"transaction.deliveryOptions\"\n            [showCheckbox]=\"true\"\n            [required]=\"true\"\n          ></co-multi-select-list>\n          </div>\n      </div>\n\n      <div class=\"\">\n        <label [textContent]=\"'REMARKS' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.remark\" [placeholder]=\"'REMARKS' | localize\"></co-input-text>\n          </div>\n      </div>\n\n      <div class=\"default-flex-column\">\n        <co-input-checkbox [label]=\"'DELIVERY_DATE_FINAL' | localize\" [(model)]=\"deliveryDateFinal\"></co-input-checkbox>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-date [placeholder]=\"'ASSEMBLY_DATE' | localize \" [(model)]=\"assemblyDate\"></co-input-date>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-text [placeholder]=\"'TOTAL_ASSEMBLY_TIME' | localize \" [(model)]=\"totalAssemblyTime\"></co-input-text>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-checkbox [label]=\"'DROPSHIPMENT' | localize\" [(model)]=\"dropshipment\"></co-input-checkbox>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div>\n          <label [textContent]=\"'DELIVERY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ deliveryCosts }}</div>\n        </div>\n        <div>\n          <label [textContent]=\"'ASSEMBLY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ assemblyCosts }}</div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'MARKETING' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.marketingCode\"\n                              [source]=\"marketing\"\n                              [fields]=\"marketingFields\"\n                              [placeholder]=\"'MARKETING' | localize\"\n                              [required]=\"true\"\n                              (modelChange)=\"onMarketingCodeChange($event)\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.relationReference\" [placeholder]=\"'REFERENCE_RELATION' | localize\"></co-input-text>\n        </div>\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.ownReference\" [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n        </div>\n      </div>\n\n    </co-form>\n\n    <co-dialog [visible]=\"addLocationPopup\">\n      <ng-container header>{{ 'NEW_LOCATION' | localize }}</ng-container>\n        <co-form #locationForm (validSubmit)=\"saveLocation()\">\n          <checkout-overview-relation-address\n            label=\"ADDRESS\" [address]=\"newAddress\"\n          ></checkout-overview-relation-address>\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"addLocationPopup = false;\"></co-button>\n            <co-button [label]=\"'SAVE' | localize\" (click)=\"saveNewLocation()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n\n    <co-dialog #changeLocationDialog\n               [visible]=\"changeLocationPopup\"\n               (closeClick)=\"onChangeLocationCancelClick()\"\n               (overlayClick)=\"onChangeLocationCancelClick()\"\n    >\n      <ng-container header>{{ 'ADDRESS' | localize }}</ng-container>\n      <co-form>\n        <div class=\"form-content\">\n          <div>\n            <co-grid #addressGrid\n                     [data]=\"addresses\"\n                     [columns]=\"columns\"\n                     [pagingEnabled]=\"'true'\"\n                     [maxNumberOfRows]=\"'20'\"\n                     (rowsSelected)=\"handleAddressSelected($event)\"\n            ></co-grid>\n          </div>\n        </div>\n        <div class=\"flex-center\" fxLayoutGap=\"10px\">\n          <co-button [label]=\"'ADDRESS_ADD' | localize\" (click)=\"onAddLocationOkClick()\"></co-button>\n          <co-button [label]=\"'CANCEL' | localize\" (click)=\"onChangeLocationCancelClick()\"></co-button>\n        </div>\n      </co-form>\n    </co-dialog>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n",".container-button-change-address{margin-top:5px}\n"]}]}],"members":{"deliveryForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":220,"character":3},"arguments":["deliveryForm",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"FormComponent","line":220,"character":36}}]}]}],"locationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":223,"character":3},"arguments":["locationForm",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"FormComponent","line":223,"character":36}}]}]}],"changeLocationDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":226,"character":3},"arguments":["changeLocationDialog"]}]}],"addressGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":229,"character":3},"arguments":["addressGrid"]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":238,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":241,"character":3}}]}],"newRelationAddress":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":357,"character":19},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"}]}],"submit":[{"__symbolic":"method"}],"onDeliveryMethodChange":[{"__symbolic":"method"}],"selectDeliveryOptionsByDeliveryMethod":[{"__symbolic":"method"}],"selectDeliveryMethodById":[{"__symbolic":"method"}],"changeAddress":[{"__symbolic":"method"}],"saveNewLocation":[{"__symbolic":"method"}],"saveLocation":[{"__symbolic":"method"}],"addLocation":[{"__symbolic":"method"}],"updateAddress":[{"__symbolic":"method"}],"isDeliveryOptionChecked":[{"__symbolic":"method"}],"changePreferredDeliveryDate2":[{"__symbolic":"method"}],"onMarketingCodeChange":[{"__symbolic":"method"}],"onChangeLocationCancelClick":[{"__symbolic":"method"}],"onAddLocationOkClick":[{"__symbolic":"method"}],"handleAddressSelected":[{"__symbolic":"method"}],"calculateDeliveryCosts":[{"__symbolic":"method"}],"calculateAssemblyCosts":[{"__symbolic":"method"}],"_addAddress":[{"__symbolic":"method"}],"_setCountryNameToAddress":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDictionary":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"checkout-login","template":"\n    <h1>{{ \"LOGIN\" | localize}}</h1>\n    <div class=\"users\">\n      <co-form #loginForm (validSubmit)=\"login()\">\n        <div class=\"existing-user\">\n          <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n          <co-input-text\n            [(model)]=\"userEmailAddress\"\n            [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n            [type]=\"'email'\"\n            required\n          ></co-input-text>\n\n          <co-input-text\n            [(model)]=\"userPassword\"\n            [placeholder]=\"'PASSWORD' | localize \"\n            [type]=\"'password'\"\n            required\n          ></co-input-text>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n\n      <co-form #accountForm (validSubmit)=\"accountLogin()\">\n        <div class=\"new-user\">\n          <p class=\"boxedbottom\">\n            <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n            <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n          </p>\n          <div class=\"new-user-e-mail\">\n            <co-input-text\n              [(model)]=\"userNewEmailAddress\"\n              [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n              [type]=\"'email'\"\n              required\n            ></co-input-text>\n          </div>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'CREATE_ACCOUNT' | localize\"\n              (click)=\"createAccountSubmit()\"\n            ></co-button>\n            <co-button\n              [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n              (click)=\"continueSubmit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n    </div>\n  ","styles":[".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]}]}],"members":{"loginForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["loginForm"]}]}],"accountForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["accountForm"]}]}],"createNewAccountSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"continueWithoutSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"loginSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"createAccountSubmit":[{"__symbolic":"method"}],"continueSubmit":[{"__symbolic":"method"}],"accountLogin":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"createSettingsFromObject":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"initializeDevelopmentOptions":[{"__symbolic":"method"}],"_initializeDevelopmentRemoteOptions":[{"__symbolic":"method"}],"_initializeDevelopmentLocalOptions":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}],"exports":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4}]}]}],"members":{}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"append"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"deliveryTime","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"transform":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"dateDuration","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"transform":[{"__symbolic":"method"}],"transformByDeltaDays":[{"__symbolic":"method"}],"transformByDeltaWeeks":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"localize"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"coCurrency"}]}],"members":{"transform":[{"__symbolic":"method"}]},"statics":{"_CurrencySymbol":"€","_WholeNumberedPriceSuffix":",-"}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeStyle"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"image-display","template":"\n    <div class=\"img-wrapper\">\n      <div *ngIf=\"!!model\" class=\"image\" [style.background-image]=\"'url(' + model + ')' | safeStyle\"></div>\n      <no-image-display *ngIf=\"!model\" [label]=\"label\"></no-image-display>\n      <ng-content></ng-content>\n    </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host,div.img-wrapper{display:flex}.flex-center{flex-direction:row}.flex-center,:host,div.img-wrapper{align-items:center!important;justify-content:center!important}:host,div.img-wrapper,div.image{width:100%}:host,div.img-wrapper,div.image{height:100%}div.img-wrapper{position:relative}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.cover-image div.image{background-size:cover}:host.circle .img-wrapper,:host.circle .image{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:center center}\n"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"hideOnEmptyModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.circle"]}]}],"cover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.cover-image"]}]}],"pointerOnHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.pointer-hover"]}]}],"shouldBeHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.hidden"]}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"no-image-display","template":"\n        <icon [icon]=\"icon\"></icon>\n        <span [textContent]=\"label | localize\" class=\"no-image-label\"></span>\n    ","styles":[""]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"svg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["innerHtml"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"IconCacheService","line":22,"character":31}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_setSvg":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"checkout-overview-relation-address","template":"\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        <div class=\"default-flex-row\">\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.postalCode\"\n                             [placeholder]=\"'POSTAL_CODE' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNo\"\n                             [placeholder]=\"'HOUSE_NO' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             (modelChange) = \"changeHouseNo()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNoAddition\"\n                             [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n              ></co-input-text>\n            </div>\n        </div>\n        <div>\n            <div class=\"default-flex-row\">\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-combo-box [(model)]=\"address.countryId\"\n                                    [source]=\"countries\"\n                                    [fields]=\"fields\"\n                                    [placeholder]=\"'COUNTRY'| localize\"\n                                    [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n            </div>\n        </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkForPostalCodeCheckError":[{"__symbolic":"method"}],"changeHouseNo":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"checkout-overview-delivery-address","template":"\n    <div>\n      <div>\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div (click)=\"onClick()\">\n        <div>\n          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n        </div>\n        <div>\n          {{ address?.postalCode }} {{ address?.city}}\n        </div>\n        <div>\n          {{ address?.countryName }}\n        </div>\n      </div>\n    </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n",""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"editRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"onClick":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"checkout-relation-suggestions-list","template":"\n        <div class=\"flex-column items-wrapper\">\n            <checkout-relation-suggestions-list-item *ngFor=\"let suggestion of suggestions\" [suggestion]=\"suggestion\"\n                                           [arrowDirection]=\"arrowDirection\"\n                                           (buttonClick)=\"suggestionButtonClick.emit(suggestion)\"></checkout-relation-suggestions-list-item>\n            <span *ngIf=\"suggestions?.length === 0\" class=\"no-results\" localize=\"NO_RESULTS_FOUND\"></span>\n        </div>\n    ","host":{"class":"narrow-scrollbar","$quoted$":["class"]},"styles":[""]}]}],"members":{"suggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"arrowDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"suggestionButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"checkout-relation-suggestions-list-item","template":"\n<!--        <div class=\"left\" fxLayout fxLayoutAlign=\"start center\">-->\n<!--            <avatar [relation]=\"suggestion\" class=\"smaller\"></avatar>-->\n<!--        </div>-->\n        <div class=\"right\">\n            <div class=\"name medium-big-font\" *ngIf=\"suggestion.displayName as displayName\" [textContent]=\"displayName\"></div>\n            <div class=\"email\" *ngIf=\"suggestion.email\">\n              {{ suggestion.email }}\n            </div>\n            <div class=\"address\" *ngIf=\"suggestion.displayAddress as address\" [textContent]=\"address\"></div>\n            <div class=\"phone\" *ngIf=\"suggestion.tel1\">\n              {{ suggestion?.tel1 }}\n            </div>\n        </div>\n        <co-button [label]=\"'SELECT' | localize\" class=\"popup rounded\" (click)=\"buttonClick.emit($event)\"></co-button>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{flex-shrink:0}:host{padding-top:11px}:host{padding-bottom:11px}div.email,div.address,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px}:host{position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important}co-button.popup{transform:translate(-50%,-50%)}co-button.popup{top:50%;left:50%;margin-right:-50%}co-button.popup{visibility:hidden}div.name{font-weight:bold}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #DCE4EA;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.email,div.address,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}\n"]}]}],"members":{"suggestion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"arrowDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"_updateIcon":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"shopping-cart-manager","template":"\n    <co-dialog #warehouseDialog\n               (closeClick)=\"hide()\"\n               (overlayClick)=\"onStockManagerCancelClick()\"\n      >\n      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>\n\n      <ng-container content>\n        <co-form>\n          <div class=\"form-content\">\n            <span *ngIf=\"message\" class=\"message-field\" [textContent]=\"message | localize\"></span>\n              <div class=\"commission-fields\" fxLayout=\"row\">\n                <co-input-number-picker class=\"horizontal\" [(model)]=\"amount\" [min]=\"0\" decimals=\"3\"></co-input-number-picker>\n                <co-input-combo-box [(model)]=\"commissionCode\"\n                                      [source]=\"commissionCodes\"\n                                      [fields]=\"commissionFields\"\n                                      [placeholder]=\"'COMMISSION_CODE' | localize\"\n                                      [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n              <div>\n                <co-grid #warehouseGrid\n                  [data]=\"transactionArticleWarehouses\"\n                  [columns]=\"columns\"\n                  [pagingEnabled]=\"'true'\"\n                  [maxNumberOfRows]=\"'20'\"\n                  (rowsSelected)=\"handleRowsSelected($event)\"\n                ></co-grid>\n              </div>\n          </div>\n        </co-form>\n      </ng-container>\n\n      <ng-container footer>\n          <div class=\"flex-center\">\n            <co-button [label]=\"'OK' | localize\" (click)=\"onStockManagerOkClick()\"></co-button>\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"onStockManagerCancelClick()\"></co-button>\n          </div>\n      </ng-container>\n    </co-dialog>\n\n    <characteristic-answer\n      #characteristicAnswer\n      (okClick)=\"handleCharacteristicAnswerOkClick($event)\"\n    ></characteristic-answer>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]}]}],"members":{"warehouseDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["warehouseDialog"]}]}],"warehouseGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["warehouseGrid"]}]}],"characteristicAnswer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":["characteristicAnswer"]}]}],"linesChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"openCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"articleAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PromptService","line":135,"character":26},{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addToCart":[{"__symbolic":"method"}],"addToCartBySelectorResult":[{"__symbolic":"method"}],"addUserRelationToTransactionAndLogin":[{"__symbolic":"method"}],"showStockManager":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"onStockManagerCancelClick":[{"__symbolic":"method"}],"onStockManagerOkClick":[{"__symbolic":"method"}],"handleRowsSelected":[{"__symbolic":"method"}],"handleCharacteristicAnswerOkClick":[{"__symbolic":"method"}],"_reloadDataCollections":[{"__symbolic":"method"}],"_handleAddArticle":[{"__symbolic":"method"}],"_getWareHouseNoFromArticle":[{"__symbolic":"method"}],"_isLineOperationStatus":[{"__symbolic":"method"}],"_checkIfShoppingCartNeedsToDisplay":[{"__symbolic":"method"}],"_confirmAction":[{"__symbolic":"method"}],"_showInformation":[{"__symbolic":"method"}],"_getPendingReasonText":[{"__symbolic":"method"}],"getInOutCollectionOfArticle":[{"__symbolic":"method"}],"_handleLineOperationStatus":[{"__symbolic":"method"}],"_handlePendingLine":[{"__symbolic":"method"}],"_createTransaction":[{"__symbolic":"method"}],"_loadArticle":[{"__symbolic":"method"}],"addEmailAddressToTransaction":[{"__symbolic":"method"}],"CharacteristicsAnswerNeeded":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"shopping-cart","template":"\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"getCartLabel()\"></span>\n      <div class=\"view-mode-buttons\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                   [title]=\"'LIST_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.List\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                   [title]=\"'GRID_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.Grid\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n      </div>\n    </div>\n    <div class=\"cart-lines\">\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.List\" fxFlex=\"column\">\n        <shopping-cart-line [overlayMode]=\"overlayMode\" [overviewMode]=\"overviewMode\"\n                            *ngFor=\"let line of filteredCollection; trackBy:trackByFn;\"\n                            [line]=\"line\"\n        ></shopping-cart-line>\n      </div>\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n        ></co-grid>\n      </div>\n    </div>\n    <div class=\"shopping-cart-totals\" fxLayout=\"column\" fxLayoutGap=\"10px\">\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_GROSS' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.grossAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.discountAmount\">\n        <span [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.discountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountAmount\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountPercentage\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </div>\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_NET'| localize\"></span>\n        <span [textContent]=\"service.currentTotals?.netAmount | coCurrency: true\"></span>\n      </div>\n      <a (click)=\"addDiscount()\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n    <div class=\"shopping-cart-row-end\">\n      <co-button *ngIf=\"!hideOverviewButton\" [label]=\"'OVERVIEW' | localize\"\n                 (click)=\"overview.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCloseCartButton\"[label]=\"'SHOPPING_CART_RESUME' | localize\"\n                 (click)=\"closeCart.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCheckoutButton\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n\n    <co-sidebar #discountsSidebar isOpen=\"false\" *ngIf=\"showDiscountsSidebar\">\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n          <co-button  class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n        </div>\n    </co-sidebar>\n\n    <co-dialog [visible]=\"inputDiscounts\">\n      <ng-container header>{{ discountHeader | localize }}</ng-container>\n        <co-form>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountPercentage\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountAmount\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionTotal\"\n            [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n          ></co-input-text>\n\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n            <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n",":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]}]}],"members":{"discountsSidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":139,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"CoSidebarComponent","line":139,"character":13},{"static":false}]}]}],"overlayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":143,"character":3},"arguments":["class.overlayed"]}]}],"overviewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":147,"character":3},"arguments":["class.overview"]}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":3}}]}],"setFilteredCollection":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"IconCacheService","line":198,"character":29},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":202,"character":29}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getCartLabel":[{"__symbolic":"method"}],"addDiscount":[{"__symbolic":"method"}],"onStartDiscountInput":[{"__symbolic":"method"}],"openShoppingCartModule":[{"__symbolic":"method"}],"setDiscountHeader":[{"__symbolic":"method"}],"onInputDiscountsOkClick":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"handleRowsSelected":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"hideSidebar":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"shopping-cart-line","template":"\n    <div *ngIf=\"line.isArticle\" class=\"cart-line-r\" fxFlex>\n      <div fxLayout=\"row\" class=\"full-width\">\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconTrashBin)\"\n                   [title]=\"'DELETE_TRANSACTION_LINE_HINT' | localize\"\n                   (click)=\"deleteTransactionLineClick()\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n          <image-display [model]=\"image\" hideOnEmptyModel></image-display>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-description\" fxLayoutGap=\"20px\">\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n            <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n            <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n            <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n          </div>\n          <span [innerHTML]=\"line.configurationReadable\"></span>\n        </div>\n      </div>\n      <div fxLayout=\"row\" class=\"cart-line-right\">\n        <div fxLayout=\"column\" class=\"cart-line-stock\" *ngIf=\"!overlayMode && !overviewMode\">\n          <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n          <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n          <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n          <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n        </div>\n        <div class=\"cart-line-amount\">\n          <co-input-number-picker\n            class=\"horizontal\"\n            [(model)]=\"localAmount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n            [readonly]=\"true\"\n            (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n        </div>\n\n        <div class=\"cart-line-totals\">\n          <span [textContent]=\"line.displayNetLineTotal | coCurrency: true\"></span>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"line.isText\" class=\"cart-line-t\" fxFlex\n         [class.article-text]=\"line.articleBound\"\n         [textContent]=\"line.text\">\n    </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]}]}],"members":{"overlayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":3},"arguments":["class.overlayed"]}]}],"overviewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["class.overview"]}]}],"isText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":72,"character":3},"arguments":["class.is-text"]}]}],"isArticle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":3},"arguments":["class.is-article"]}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["class.is-selected"]}]}],"line":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"IconCacheService","line":103,"character":29},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v9","name":"PromptService","line":105,"character":28},{"__symbolic":"reference","name":"ɵi"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"changeLineAmount":[{"__symbolic":"method"}],"deleteTransactionLineClick":[{"__symbolic":"method"}],"_loadLineImage":[{"__symbolic":"method"}],"_confirmAction":[{"__symbolic":"method"}],"_showInformation":[{"__symbolic":"method"}],"_handleLine":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"stock-status-indicator","template":"\n        <div [class]=\"stockClass\">\n            <div class=\"square-1\"></div>\n            <div class=\"square-2\"></div>\n            <div class=\"square-3\"></div>\n        </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}:host{display:inline-block}.flex-center,:host>div{display:flex}.flex-center{flex-direction:row}.flex-center,:host>div{align-items:center!important;justify-content:center!important}:host>div{width:100%}:host>div{height:100%}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#ffffff40;width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.low>div.square-1,:host>div.empty>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.low>div.square-2,:host>div.low div.square-3,:host>div.empty>div.square-2,:host>div.empty div.square-3,:host>div.none>div.square-2,:host>div.none div.square-3{background-color:#dad9d9}:host>div.medium>div.square-1,:host>div.medium div.square-2{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high>div.square-1,:host>div.high div.square-2,:host>div.high div.square-3{background-color:#429777}\n"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"characteristic-answer","template":"\n    <co-dialog\n      #characteristic\n      [showCloseIcon]=\"false\"\n    >\n      <ng-container header>\n        <div>\n          <span class=\"characteristic-title\"\n              [textContent]=\"getTranslationWithColon('ARTICLE')\"\n          ></span>\n          <span [textContent]=\"title\"></span>\n        </div>\n      </ng-container>\n\n      <ng-container>\n        <div>\n          <div class=\"characteristic-header\">\n          <span  class=\"characteristic-title\"\n                 [textContent]=\"getTranslationWithColon('CHARACTERISTIC_QUESTION')\"\n          ></span>\n          </div>\n          <div class=\"characteristic-header\">\n            <span [textContent]=\"question | localize\"></span>\n          </div>\n          <div *ngIf=\"characteristicOptions\" class=\"npm characteristic-options\">\n            <co-input-combo-box [(model)]=\"value\"\n                                [source]=\"characteristics\"\n                                [fields]=\"characteristicsFields\"\n                                [placeholder]=\"'VALUE' | localize\"\n                                [required]=\"true\"\n            ></co-input-combo-box>\n          </div>\n          <div *ngIf=\"!characteristicOptions\" class=\"characteristic-value\">\n            <co-input-text\n              [(model)]=\"value\"\n              [placeholder]=\"'VALUE' | localize \"\n              required\n            ></co-input-text>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container footer>\n        <div class=\"flex-center\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"onCharacteristicOkClick()\"></co-button>\n        </div>\n      </ng-container>\n    </co-dialog>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{font-weight:bold;font-size:20px;margin-right:10px}.characteristic-value{font-weight:bold;font-size:20px}.characteristic-header{display:flex;justify-content:center}\n"]}]}],"members":{"characteristicDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["characteristic"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"okClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}],"getTranslationWithColon":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onCharacteristicOkClick":[{"__symbolic":"method"}]}}},"origins":{"IoneCheckoutComponent":"./app/component/checkout/ione-checkout.component","IoneCheckoutModule":"./app/component/checkout/ione-checkout.module","IoneShoppingCartComponent":"./app/component/shopping-cart/ione-shopping-cart.component","IoneShoppingCartModule":"./app/component/shopping-cart/ione-shopping-cart.module","ɵa":"./app/component/checkout/retail-transaction-checkout/retail-transaction-checkout.component","ɵb":"./app/component/checkout/checkout/checkout.component","ɵc":"./app/component/checkout/checkout-overview/checkout-overview.component","ɵd":"./app/component/checkout/checkout-overview-block/checkout-overview-block.component","ɵe":"./app/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component","ɵf":"./app/service/transaction.service","ɵg":"./app/service/ione-connector-adapter.service","ɵh":"./app/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component","ɵi":"./app/service/dictionary.service","ɵj":"./app/component/checkout/checkout-login/checkout-login.component","ɵk":"./app/service/options.service","ɵl":"./app/service/transaction-event.service","ɵm":"./app/component/core/core.module","ɵn":"./app/pipe/append.pipe","ɵo":"./app/pipe/delivery-time.pipe","ɵp":"./app/pipe/date-duration.pipe","ɵq":"./app/pipe/localize.pipe","ɵr":"./app/pipe/co-currency.pipe","ɵs":"./app/pipe/safe-style-pipe","ɵt":"./app/component/common/image-display/image-display.component","ɵu":"./app/component/common/no-image-display/no-image-display.component","ɵv":"./app/component/common/icon/icon.component","ɵw":"./app/component/checkout/checkout-overview-relation-address/checkout-overview-relation-address.component","ɵx":"./app/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component","ɵy":"./app/component/checkout/checkout-relation-suggestions-list/checkout-relation-suggestions-list.component","ɵz":"./app/component/checkout/checkout-relation-suggestions-list-item/checkout-relation-suggestions-list-item.component","ɵba":"./app/component/shopping-cart/shopping-cart-manager/shopping-cart-manager.component","ɵbb":"./app/component/shopping-cart/shopping-cart/shopping-cart.component","ɵbc":"./app/component/shopping-cart/shopping-cart-line/shopping-cart-line.component","ɵbd":"./app/component/shopping-cart/stock-status-indicator/stock-status-indicator.component","ɵbe":"./app/component/shopping-cart/characteristic-answer/characteristic-answer.component"},"importAs":"@colijnit/transaction"}
+{"__symbolic":"module","version":4,"metadata":{"IoneCheckoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"ione-checkout","template":"\n    <ng-container *ngIf=\"show && (applicationUser || loggedIn)\">\n      <app-retail-transaction-checkout></app-retail-transaction-checkout>\n    </ng-container>\n\n\n    <div *ngIf=\"show && !applicationUser && !loggedIn\">\n      <checkout-login\n        #checkoutLogin\n        (continueWithoutSubmit)=\"continueWithoutAccount()\"\n        (createNewAccountSubmit)=\"createNewAccount()\"\n      ></checkout-login>\n    </div>\n  "}]}],"members":{"retailCheckout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]}],"checkoutLogin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵj"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"applicationUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":83,"character":28},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":89,"character":27},{"__symbolic":"reference","name":"ɵl"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}],"loginSubmit":[{"__symbolic":"method"}],"continueWithoutAccount":[{"__symbolic":"method"}],"createNewAccount":[{"__symbolic":"method"}],"closeLogin":[{"__symbolic":"method"}]}},"IoneCheckoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":40,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":42,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":43,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":44,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":45,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":46,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":47,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":48,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":49,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":50,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":51,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":52,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":54,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":56,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":57,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":58,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":59,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":60,"character":4},{"__symbolic":"reference","name":"ɵm"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"IoneCheckoutComponent"}],"providers":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"entryComponents":[{"__symbolic":"reference","name":"IoneCheckoutComponent"}],"exports":[{"__symbolic":"reference","name":"IoneCheckoutComponent"}],"bootstrap":[{"__symbolic":"reference","name":"IoneCheckoutComponent"}]}]}],"members":{}},"IoneShoppingCartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ione-shopping-cart","template":"\n    <ng-container *ngIf=\"upAndLoaded\">\n      <shopping-cart-manager\n        (linesChanged)=\"linesChanged($event)\"\n      ></shopping-cart-manager>\n    </ng-container>\n    <ng-container *ngIf=\"show\">\n      <shopping-cart\n        [hideOverviewButton]=\"hideOverviewButton\"\n        [hideCloseCartButton]=\"hideCloseCartButton\"\n        [hideCheckoutButton]=\"hideCheckoutButton\"\n        (overview)=\"onOverviewButtonClicked()\"\n        (closeCart)=\"onCloseCartButtonClicked()\"\n        (checkout)=\"onCheckoutButtonClicked()\"\n      ></shopping-cart>\n    </ng-container>\n  "}]}],"members":{"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵba"}]}]}],"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbb"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":93,"character":28},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":99,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCloseCartButtonClicked":[{"__symbolic":"method"}],"onCheckoutButtonClicked":[{"__symbolic":"method"}],"onOverviewButtonClicked":[{"__symbolic":"method"}],"linesChanged":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addArticleByBySelectorResult":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}]}},"IoneShoppingCartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":35,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"IoneShoppingCartComponent"},{"__symbolic":"reference","name":"ɵbe"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":47,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":48,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":49,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":50,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":51,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":52,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":53,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":54,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":55,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":56,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":58,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":60,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":61,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":62,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":63,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":64,"character":4},{"__symbolic":"reference","name":"ɵm"}],"providers":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"entryComponents":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}],"exports":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}],"bootstrap":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-retail-transaction-checkout","template":"\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <app-checkout class=\"checkout\"></app-checkout>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    <ng-template #content>\n      <div class=\"checkout-retail-viewport checkout-row-end\">\n        <co-button [label]=\"'BACK'| localize\" [disabled]=\"!canPrevious\" (click)=\"previousCheckout()\"></co-button>\n        <co-button [label]=\"'CONTINUE'| localize\" [disabled]=\"!canContinue\" (click)=\"continueCheckout()\"></co-button>\n      </div>\n    </ng-template>\n  ","styles":[".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]}]}],"members":{"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"continueCheckout":[{"__symbolic":"method"}],"previousCheckout":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-checkout","template":"\n        <div class=\"checkout-viewport\">\n            <mat-horizontal-stepper #stepper\n                [linear]=\"true\" labelPosition=\"bottom\"\n                (selectionChange)=\"stepChanged($event)\">\n                    <mat-step [label]=\"'YOUR_DATA' | localize\" [completed]=\"completedRelation\"></mat-step>\n                    <mat-step [label]=\"'DELIVERY'  | localize\" [completed]=\"completedDelivery\"></mat-step>\n                    <mat-step [label]=\"'PAYMENT' | localize\"></mat-step>\n                    <mat-step [label]=\"'OVERVIEW' | localize\"></mat-step>\n            </mat-horizontal-stepper>\n            <checkout-overview [relation]=\"relation\"\n               [transaction]=\"transaction\"\n               [userIsApplicationUser]=\"userIsApplicationUser\"\n               (saveRelation)=\"handleSaveRelation()\"\n               (saveDelivery)=\"handleSaveDelivery()\"\n               (stepFinished)=\"stepFinished()\"></checkout-overview>\n            <div class=\"step-content-customer\"></div>\n        </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"stepper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["stepper"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":76,"character":26}]}],"continue":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"stepFinished":[{"__symbolic":"method"}],"handleSaveRelation":[{"__symbolic":"method"}],"handleSaveDelivery":[{"__symbolic":"method"}],"saveNewRelation":[{"__symbolic":"method"}],"stepChanged":[{"__symbolic":"method"}],"insertData":[{"__symbolic":"method"}],"updateData":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"checkout-overview","template":"\n        <checkout-overview-block  #relationBlock sequenceNr=\"2\" label=\"YOUR_DATA\"\n                                 *ngIf=\"currentStep === steps.Relation\"\n                                 (editModeChange)=\"handleEditChangeRelation($event)\">\n            <ng-container edit-mode-content>\n                <checkout-overview-relation-edit #relationForm\n                                                 *ngIf=\"currentStep == steps.Relation && editMode\"\n                                                 [relation]=\"relation\"\n                                                 [transaction]=\"transaction\"\n                                                 (validSubmit)=\"onRelationValid()\"\n                                                 (invalidSubmit)=\"onRelationInvalid()\"\n                ></checkout-overview-relation-edit>\n            </ng-container>\n        </checkout-overview-block>\n\n        <checkout-overview-block #deliveryBlock sequenceNr=\"3\" label=\"DELIVERY\"\n                                 [hidden]=\"currentStep !== steps.Delivery\"\n                                 (editModeChange)=\"handleEditChangeDelivery($event)\">\n          <ng-container edit-mode-content>\n            <checkout-overview-delivery-edit #deliveryForm\n                                             [hidden]=\"currentStep !== steps.Delivery\"\n                                             [relation]=\"relation\"\n                                             [transaction]=\"transaction\"\n                                             (validSubmit)=\"onDeliveryValid()\"\n            ></checkout-overview-delivery-edit>\n          </ng-container>\n        </checkout-overview-block>\n   ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"relationBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["relationBlock",{"read":{"__symbolic":"reference","name":"ɵd"}}]}]}],"relationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["relationForm",{"read":{"__symbolic":"reference","name":"ɵe"}}]}]}],"deliveryBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["deliveryBlock",{"read":{"__symbolic":"reference","name":"ɵd"}}]}]}],"deliveryForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["deliveryForm",{"read":{"__symbolic":"reference","name":"ɵh"}}]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"userIsApplicationUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"saveRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"saveDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"savePayment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"stepFinished":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleEditChangeRelation":[{"__symbolic":"method"}],"onRelationValid":[{"__symbolic":"method"}],"onRelationInvalid":[{"__symbolic":"method"}],"onDeliveryValid":[{"__symbolic":"method"}],"handleEditChangeDelivery":[{"__symbolic":"method"}],"handleEditChangePayment":[{"__symbolic":"method"}],"moveToStep":[{"__symbolic":"method"}],"startEditRelationBlock":[{"__symbolic":"method"}],"startEditDeliveryBlock":[{"__symbolic":"method"}],"startEditPaymentBlock":[{"__symbolic":"method"}],"stopEditRelationBlock":[{"__symbolic":"method"}],"stopEditDeliveryBlock":[{"__symbolic":"method"}],"stopEditPaymentBlock":[{"__symbolic":"method"}],"isRelation":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"checkout-overview-block","template":"\n        <div class=\"overview-wrapper\" fxLayout=\"column\" fxLayoutGap=\"0px\">\n            <div class=\"overview-header\" fxLayout=\"row\">\n            </div>\n                <div class=\"overview-body\" fxLayout=\"row\" fxLayoutGap=\"20px\">\n                <ng-content select=\"[edit-mode-content]\"></ng-content>\n            </div>\n        </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"sequenceNr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"startInEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"editModeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"stopEdit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"checkout-overview-relation-edit","template":"\n      <co-form (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n        <div>\n            <label [textContent]=\"'ACCOUNT_DETAILS' | localize\"\n                   class=\"checkout-label-h2\"\n            ></label>\n        </div>\n        <div>\n            <label [textContent]=\"'PERSONAL_DATA' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>7\n        </div>\n        <div>\n            <div>\n                <label [textContent]=\"'ORDER_TYPE' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n            </div>\n            <div>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'PRIVATE_PERSON' | localize\"\n                   [value]=\"relType.Private\"\n                   [checked]=\"relation.type === relType.Private\"\n                   (modelChange)=\"changeRelationType(relType.Private)\"\n                    ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'type'\"\n                   [label]=\"'COMPANY' | localize\"\n                   [value]=\"relType.Company\"\n                   [(model)]=\"relation.type\"\n                   [checked]=\"relation.type === relType.Company\"\n                   (modelChange)=\"changeRelationType(relType.Company)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <label [textContent]=\"'SALUTATION' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <div>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'MALE' | localize\"\n                   [value]=\"genderType.Male\"\n                   [checked]=\"relation.gender === genderType.Male\"\n                   (modelChange)=\"changeGenderType(genderType.Male)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'FEMALE' | localize \"\n                   [value]=\"genderType.Female\"\n                   [checked]=\"relation.gender === genderType.Female\"\n                   (modelChange)=\"changeGenderType(genderType.Female)\"\n                ></co-input-radio-button>\n                <co-input-radio-button [name]=\"'gender'\"\n                   [label]=\"'UNKNOWN' | localize\"\n                   [value]=\"genderType.Unspecified\"\n                   [checked]=\"relation.gender === genderType.Unspecified\"\n                   (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n                ></co-input-radio-button>\n            </div>\n        </div>\n        <div *ngIf=\"relation.type === relType.Private\">\n            <div>\n                <label [textContent]=\"'NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <div class=\"default-flex-row\">\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.firstName\"\n                      [placeholder]=\"'FIRST_NAME' | localize \"\n                      (modelChange)=\"firstNameChange($event)\"\n                      required\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.prefix\"\n                      [placeholder]=\"'PREFIX' | localize \"\n                    ></co-input-text>\n                  </div>\n                  <div class=\"default-flex-column\">\n                    <co-input-text\n                      [(model)]=\"relation.familyName\"\n                      [placeholder]=\"'LAST_NAME' | localize\"\n                      (modelChange)=\"familyNameChange($event)\"\n                      required></co-input-text>\n                  </div>\n                </div>\n            </div>\n        </div>\n        <div >\n            <div *ngIf=\"relation?.type === relType.Company\" class=\"default-flex-column\">\n                <label [textContent]=\"'COMPANY_NAME' | localize \"\n                       class=\"checkout-label-h3\"\n                ></label>\n                <co-input-text [(model)]=\"relation.familyName\" [label]=\"'COMPANY_NAME'\" required></co-input-text>\n            </div>\n        </div>\n\n        <div>\n          <checkout-overview-relation-address\n                  label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n          ></checkout-overview-relation-address>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n            <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\" required></co-input-date>\n          </div>\n          <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"phoneNumber.value\" [placeholder]=\"'PHONE_NO' | localize \" required></co-input-text>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'LOGIN_DETAILS' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n        <div>\n          <p>{{ 'ACCOUNT_EXPLANATION' | localize }}</p>\n        </div>\n        <div class=\"default-flex-row\">\n          <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"emailAddress.value\" [placeholder]=\"'EMAIL_ADDRESS' | localize \" [type]=\"'email'\" required></co-input-text>\n          </div>\n        </div>\n\n        <div class=\"default-flex-row\">\n          <div *ngIf=\"!applicationUser\" class=\"default-flex-column\">\n              <co-input-text [(model)]=\"accountPassword\" [placeholder]=\"'PASSWORD' | localize \" [type]=\"'password'\" required></co-input-text>\n          </div>\n          <div *ngIf=\"applicationUser\" class=\"default-flex-column\">\n            <co-input-checkbox [label]=\"'INVITE_TO_ACCOUNT' | localize\" [(model)]=\"inviteToAccount\"></co-input-checkbox>\n          </div>\n        </div>\n\n        <div>\n            <label [textContent]=\"'PRIVACY_PREFERENCES' | localize \"\n                   class=\"checkout-label-h3\"\n            ></label>\n        </div>\n\n        <div *ngFor=\"let privacySetting of privacySettings\">\n            <div class=\"privacy-row\">\n                <div class=\"privacy-column-left\">\n                    <co-input-checkbox [label]=\"privacySetting.description\"\n                                       [model]=\"isShared(privacySetting)\"\n                                       (modelChange)=\"changePrivacySetting(privacySetting, $event)\"\n                    ></co-input-checkbox>\n                </div>\n                <div class=\"privacy-column-right\">\n                    {{ privacySetting.explanation }}\n                </div>\n            </div>\n        </div>\n    </co-form>\n\n    <co-sidebar #relationSidebar isOpen=\"false\" *ngIf=\"showRelationSidebar\">\n      <div class=\"relation-sidebar-header\">\n          <label [textContent]=\"'SUGGESTIONS' | localize \"\n                 class=\"checkout-label-h3\"\n          ></label>\n        </div>\n      <checkout-relation-suggestions-list\n        [suggestions]=\"relationSuggestions\"\n        (suggestionButtonClick)=\"onRelationSuggestionClick($event)\"\n      ></checkout-relation-suggestions-list>\n    </co-sidebar>\n\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n",".relation-sidebar-header{margin-left:5px}\n"]}]}],"members":{"relationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":200,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormComponent","line":200,"character":13},{"static":true}]}]}],"relationSidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":203,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarComponent","line":203,"character":13},{"static":false}]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":217,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":220,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":291,"character":29},{"__symbolic":"reference","name":"ɵf"}]}],"submit":[{"__symbolic":"method"}],"preparePrimaryEmail":[{"__symbolic":"method"}],"preparePrimaryPhone":[{"__symbolic":"method"}],"loadPrivacySettings":[{"__symbolic":"method"}],"loadMarketing":[{"__symbolic":"method"}],"isShared":[{"__symbolic":"method"}],"changeRelationType":[{"__symbolic":"method"}],"changeGenderType":[{"__symbolic":"method"}],"firstNameChange":[{"__symbolic":"method"}],"familyNameChange":[{"__symbolic":"method"}],"onRelationSuggestionClick":[{"__symbolic":"method"}],"changePrivacySetting":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"hideSidebar":[{"__symbolic":"method"}],"_relationNameChangedHandlerFn":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":33,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getRelation":[{"__symbolic":"method"}],"loadCountriesOfRelationAddresses":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"saveNewRelation":[{"__symbolic":"method"}],"saveRelation":[{"__symbolic":"method"}],"cleanRelationBeforeSave":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"getTransaction":[{"__symbolic":"method"}],"openExistingTransaction":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"setTransactionDeliveryOptions":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"retrieveLineImage":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"_initializeTransaction":[{"__symbolic":"method"}],"_rememberCurrentTransaction":[{"__symbolic":"method"}],"_rememberCurrentTransactionLineStatus":[{"__symbolic":"method"}],"_updateRelation":[{"__symbolic":"method"}],"_getTransactionDeliveryOptions":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":28,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"connect":[{"__symbolic":"method"}],"getArticleFullObject":[{"__symbolic":"method"}],"getGoodIdFromArticleNr":[{"__symbolic":"method"}],"getSingleImage":[{"__symbolic":"method"}],"getDocumentContent":[{"__symbolic":"method"}],"getCountries":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}],"getPrivacySettings":[{"__symbolic":"method"}],"getRelationPrivacySettings":[{"__symbolic":"method"}],"getMarketingCodes":[{"__symbolic":"method"}],"createTransaction":[{"__symbolic":"method"}],"getTransactionByNrAndKind":[{"__symbolic":"method"}],"saveTransaction":[{"__symbolic":"method"}],"getCustomerFullObject":[{"__symbolic":"method"}],"getRelationNumber":[{"__symbolic":"method"}],"getSequenceValue":[{"__symbolic":"method"}],"insertCustomer":[{"__symbolic":"method"}],"updateCustomer":[{"__symbolic":"method"}],"getDeliveryMethods":[{"__symbolic":"method"}],"getDeliveryOptions":[{"__symbolic":"method"}],"addRelationToTransaction":[{"__symbolic":"method"}],"setTransactionDeliveryOptions":[{"__symbolic":"method"}],"getPostalCodeRetrieval":[{"__symbolic":"method"}],"getRelationListObjects":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"resolvePendingLineReason":[{"__symbolic":"method"}],"getCommissionCodes":[{"__symbolic":"method"}],"getInOutCollection":[{"__symbolic":"method"}],"getTransactionArticleWarehouses":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"checkout-overview-delivery-edit","template":"\n    <co-form #deliveryForm (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n      <div>\n        <div>\n          <label [textContent]=\"'DELIVERY' | localize\"\n                 class=\"checkout-label-h2\"\n          ></label>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'DELIVERY_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"deliveryAddress\"></checkout-overview-delivery-address>\n            <div class=\"container-button-change-address\">\n              <co-button [label]=\"'DELIVERY_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(deliveryAddressType)\"></co-button>\n            </div>\n        </div>\n\n        <div class=\"default-flex-column\">\n            <label [textContent]=\"'INVOICE_ADDRESS' | localize\"\n                   class=\"checkout-label-h3\"\n            ></label>\n            <checkout-overview-delivery-address [address]=\"billingAddress\"></checkout-overview-delivery-address>\n            <div class=\"container-button-change-address\">\n              <co-button [label]=\"'INVOICE_ADDRESS_CHANGE' | localize\" (click)=\"changeAddress(billingAddressType)\"></co-button>\n            </div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'DELIVERY_MOMENT' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'DELIVERY_DATE' | localize \" [(model)]=\"deliveryDate\"></co-input-date>\n          <co-input-checkbox [label]=\"'PART_DELIVERIES' | localize\" [(model)]=\"transaction.allowPartialDelivery\"></co-input-checkbox>\n        </div>\n        <div class=\"default-flex-column\">\n          <co-input-date [placeholder]=\"'PREFERRED_DATE' | localize \" [(model)]=\"preferredDate\"></co-input-date>\n          <ng-container *ngFor=\"let preferredDateOption of preferredDateOptions\">\n            <co-input-radio-button [name]=\"'preferedDeliveryDate2'\"\n                                   [label]=\"preferredDateOption.text | localize\"\n                                   [value]=\"preferredDateOption.value\"\n                                   [checked]=\"transaction.preferredDeliveryDate2 === preferredDateOption.value\"\n                                   (modelChange)=\"changePreferredDeliveryDate2(preferredDateOption.value)\"\n            ></co-input-radio-button>\n          </ng-container>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.deliveryMethod\"\n                            [source]=\"deliveryMethods\"\n                            [fields]=\"deliveryMethodFields\"\n                            [placeholder]=\"'DELIVERY_METHOD2' | localize\"\n                            [required]=\"true\"\n                            (modelChange)=\"onDeliveryMethodChange($event)\"\n            ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div>\n          <label [textContent]=\"'DELIVERY_OPTIONS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-multi-select-list\n            [placeHolder]=\"'DELIVERY_OPTIONS' | localize\"\n            [collection]=\"deliveryOptions\"\n            [fields]=\"deliveryOptionFields\"\n            [(model)]=\"transaction.deliveryOptions\"\n            [showCheckbox]=\"true\"\n            [required]=\"true\"\n          ></co-multi-select-list>\n          </div>\n      </div>\n\n      <div class=\"\">\n        <label [textContent]=\"'REMARKS' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.remark\" [placeholder]=\"'REMARKS' | localize\"></co-input-text>\n          </div>\n      </div>\n\n      <div class=\"default-flex-column\">\n        <co-input-checkbox [label]=\"'DELIVERY_DATE_FINAL' | localize\" [(model)]=\"deliveryDateFinal\"></co-input-checkbox>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-date [placeholder]=\"'ASSEMBLY_DATE' | localize \" [(model)]=\"assemblyDate\"></co-input-date>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-text [placeholder]=\"'TOTAL_ASSEMBLY_TIME' | localize \" [(model)]=\"totalAssemblyTime\"></co-input-text>\n      </div>\n      <div class=\"default-flex-column\">\n        <co-input-checkbox [label]=\"'DROPSHIPMENT' | localize\" [(model)]=\"dropshipment\"></co-input-checkbox>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div>\n          <label [textContent]=\"'DELIVERY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ deliveryCosts }}</div>\n        </div>\n        <div>\n          <label [textContent]=\"'ASSEMBLY_COSTS' | localize\"\n                 class=\"checkout-label-h3\"\n          ></label>\n          <div>{{ assemblyCosts }}</div>\n        </div>\n      </div>\n\n      <div>\n        <label [textContent]=\"'MARKETING' | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n          <co-input-combo-box [(model)]=\"transaction.marketingCode\"\n                              [source]=\"marketing\"\n                              [fields]=\"marketingFields\"\n                              [placeholder]=\"'MARKETING' | localize\"\n                              [required]=\"true\"\n                              (modelChange)=\"onMarketingCodeChange($event)\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <div class=\"default-flex-row\">\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.relationReference\" [placeholder]=\"'REFERENCE_RELATION' | localize\"></co-input-text>\n        </div>\n        <div class=\"default-flex-column\">\n            <co-input-text [(model)]=\"transaction.ownReference\" [placeholder]=\"'OWN_REFERENCE' | localize\"></co-input-text>\n        </div>\n      </div>\n\n    </co-form>\n\n    <co-dialog [visible]=\"addLocationPopup\">\n      <ng-container header>{{ 'NEW_LOCATION' | localize }}</ng-container>\n        <co-form #locationForm (validSubmit)=\"saveLocation()\">\n          <checkout-overview-relation-address\n            label=\"ADDRESS\" [address]=\"newAddress\"\n          ></checkout-overview-relation-address>\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"addLocationPopup = false;\"></co-button>\n            <co-button [label]=\"'SAVE' | localize\" (click)=\"saveNewLocation()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n\n    <co-dialog #changeLocationDialog\n               [visible]=\"changeLocationPopup\"\n               (closeClick)=\"onChangeLocationCancelClick()\"\n               (overlayClick)=\"onChangeLocationCancelClick()\"\n    >\n      <ng-container header>{{ 'ADDRESS' | localize }}</ng-container>\n      <co-form>\n        <div class=\"form-content\">\n          <div>\n            <co-grid #addressGrid\n                     [data]=\"addresses\"\n                     [columns]=\"columns\"\n                     [pagingEnabled]=\"'true'\"\n                     [maxNumberOfRows]=\"'20'\"\n                     (rowsSelected)=\"handleAddressSelected($event)\"\n            ></co-grid>\n          </div>\n        </div>\n        <div class=\"flex-center\" fxLayoutGap=\"10px\">\n          <co-button [label]=\"'ADDRESS_ADD' | localize\" (click)=\"onAddLocationOkClick()\"></co-button>\n          <co-button [label]=\"'CANCEL' | localize\" (click)=\"onChangeLocationCancelClick()\"></co-button>\n        </div>\n      </co-form>\n    </co-dialog>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n",".container-button-change-address{margin-top:5px}\n"]}]}],"members":{"deliveryForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":220,"character":3},"arguments":["deliveryForm",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormComponent","line":220,"character":36}}]}]}],"locationForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":223,"character":3},"arguments":["locationForm",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormComponent","line":223,"character":36}}]}]}],"changeLocationDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":226,"character":3},"arguments":["changeLocationDialog"]}]}],"addressGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":229,"character":3},"arguments":["addressGrid"]}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3}}]}],"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":238,"character":3}}]}],"invalidSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":241,"character":3}}]}],"newRelationAddress":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":357,"character":19},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"}]}],"submit":[{"__symbolic":"method"}],"onDeliveryMethodChange":[{"__symbolic":"method"}],"selectDeliveryOptionsByDeliveryMethod":[{"__symbolic":"method"}],"selectDeliveryMethodById":[{"__symbolic":"method"}],"changeAddress":[{"__symbolic":"method"}],"saveNewLocation":[{"__symbolic":"method"}],"saveLocation":[{"__symbolic":"method"}],"addLocation":[{"__symbolic":"method"}],"updateAddress":[{"__symbolic":"method"}],"isDeliveryOptionChecked":[{"__symbolic":"method"}],"changePreferredDeliveryDate2":[{"__symbolic":"method"}],"onMarketingCodeChange":[{"__symbolic":"method"}],"onChangeLocationCancelClick":[{"__symbolic":"method"}],"onAddLocationOkClick":[{"__symbolic":"method"}],"handleAddressSelected":[{"__symbolic":"method"}],"calculateDeliveryCosts":[{"__symbolic":"method"}],"calculateAssemblyCosts":[{"__symbolic":"method"}],"_addAddress":[{"__symbolic":"method"}],"_setCountryNameToAddress":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDictionary":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"checkout-login","template":"\n    <h1>{{ \"LOGIN\" | localize}}</h1>\n    <div class=\"users\">\n      <co-form #loginForm (validSubmit)=\"login()\">\n        <div class=\"existing-user\">\n          <p><strong>{{ \"EXISTING_CUSTOMERS\" | localize }}</strong></p>\n          <co-input-text\n            [(model)]=\"userEmailAddress\"\n            [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n            [type]=\"'email'\"\n            required\n          ></co-input-text>\n\n          <co-input-text\n            [(model)]=\"userPassword\"\n            [placeholder]=\"'PASSWORD' | localize \"\n            [type]=\"'password'\"\n            required\n          ></co-input-text>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'LOGIN' | localize\" (click)=\"submit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n\n      <co-form #accountForm (validSubmit)=\"accountLogin()\">\n        <div class=\"new-user\">\n          <p class=\"boxedbottom\">\n            <strong>{{ \"NEW_AT\" | localize}}{{company}}</strong>\n            <br/>{{ \"CREATE_ACCOUNT_IN_2_MIN\" | localize }}\n          </p>\n          <div class=\"new-user-e-mail\">\n            <co-input-text\n              [(model)]=\"userNewEmailAddress\"\n              [placeholder]=\"'EMAIL_ADDRESS' | localize \"\n              [type]=\"'email'\"\n              required\n            ></co-input-text>\n          </div>\n          <div class=\"login-button\">\n            <co-button\n              [label]=\"'CREATE_ACCOUNT' | localize\"\n              (click)=\"createAccountSubmit()\"\n            ></co-button>\n            <co-button\n              [label]=\"'CONTINUE_WITHOUT_ACCOUNT' | localize\"\n              (click)=\"continueSubmit()\"\n            ></co-button>\n          </div>\n        </div>\n      </co-form>\n    </div>\n  ","styles":[".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]}]}],"members":{"loginForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["loginForm"]}]}],"accountForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":["accountForm"]}]}],"createNewAccountSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"continueWithoutSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"loginSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"createAccountSubmit":[{"__symbolic":"method"}],"continueSubmit":[{"__symbolic":"method"}],"accountLogin":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"createSettingsFromObject":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"initializeDevelopmentOptions":[{"__symbolic":"method"}],"_initializeDevelopmentRemoteOptions":[{"__symbolic":"method"}],"_initializeDevelopmentLocalOptions":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}],"exports":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4}]}]}],"members":{}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"append"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵp"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"deliveryTime","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"transform":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"dateDuration","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"transform":[{"__symbolic":"method"}],"transformByDeltaDays":[{"__symbolic":"method"}],"transformByDeltaWeeks":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"localize"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":7,"character":1},"arguments":[{"name":"coCurrency"}]}],"members":{"transform":[{"__symbolic":"method"}]},"statics":{"_CurrencySymbol":"€","_WholeNumberedPriceSuffix":",-"}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeStyle"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":34}]}],"transform":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"image-display","template":"\n    <div class=\"img-wrapper\">\n      <div *ngIf=\"!!model\" class=\"image\" [style.background-image]=\"'url(' + model + ')' | safeStyle\"></div>\n      <no-image-display *ngIf=\"!model\" [label]=\"label\"></no-image-display>\n      <ng-content></ng-content>\n    </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host,div.img-wrapper{display:flex}.flex-center{flex-direction:row}.flex-center,:host,div.img-wrapper{align-items:center!important;justify-content:center!important}:host,div.img-wrapper,div.image{width:100%}:host,div.img-wrapper,div.image{height:100%}div.img-wrapper{position:relative}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.cover-image div.image{background-size:cover}:host.circle .img-wrapper,:host.circle .image{border-radius:50%}div.image{background-repeat:no-repeat;background-size:contain;background-position:center center}\n"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"hideOnEmptyModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.circle"]}]}],"cover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.cover-image"]}]}],"pointerOnHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.pointer-hover"]}]}],"shouldBeHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.hidden"]}]}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"no-image-display","template":"\n        <icon [icon]=\"icon\"></icon>\n        <span [textContent]=\"label | localize\" class=\"no-image-label\"></span>\n    ","styles":[""]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"svg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["innerHtml"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":22,"character":31}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_setSvg":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"checkout-overview-relation-address","template":"\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n        <div class=\"default-flex-row\">\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.postalCode\"\n                             [placeholder]=\"'POSTAL_CODE' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNo\"\n                             [placeholder]=\"'HOUSE_NO' | localize\"\n                             (blur)=\"checkForPostalCodeCheckError()\"\n                             (modelChange) = \"changeHouseNo()\"\n                             required\n              ></co-input-text>\n            </div>\n            <div class=\"default-flex-column\">\n              <co-input-text [(model)]=\"address.houseNoAddition\"\n                             [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n              ></co-input-text>\n            </div>\n        </div>\n        <div>\n            <div class=\"default-flex-row\">\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n              </div>\n              <div class=\"default-flex-column\">\n                <co-input-combo-box [(model)]=\"address.countryId\"\n                                    [source]=\"countries\"\n                                    [fields]=\"fields\"\n                                    [placeholder]=\"'COUNTRY'| localize\"\n                                    [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n            </div>\n        </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkForPostalCodeCheckError":[{"__symbolic":"method"}],"changeHouseNo":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"checkout-overview-delivery-address","template":"\n    <div>\n      <div>\n        <label [textContent]=\"label | localize\"\n               class=\"checkout-label-h3\"\n        ></label>\n      </div>\n\n      <div (click)=\"onClick()\">\n        <div>\n          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}\n        </div>\n        <div>\n          {{ address?.postalCode }} {{ address?.city}}\n        </div>\n        <div>\n          {{ address?.countryName }}\n        </div>\n      </div>\n    </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n",""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"editRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"onClick":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"checkout-relation-suggestions-list","template":"\n        <div class=\"flex-column items-wrapper\">\n            <checkout-relation-suggestions-list-item *ngFor=\"let suggestion of suggestions\" [suggestion]=\"suggestion\"\n                                           [arrowDirection]=\"arrowDirection\"\n                                           (buttonClick)=\"suggestionButtonClick.emit(suggestion)\"></checkout-relation-suggestions-list-item>\n            <span *ngIf=\"suggestions?.length === 0\" class=\"no-results\" localize=\"NO_RESULTS_FOUND\"></span>\n        </div>\n    ","host":{"class":"narrow-scrollbar","$quoted$":["class"]},"styles":[""]}]}],"members":{"suggestions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"arrowDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"suggestionButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"checkout-relation-suggestions-list-item","template":"\n<!--        <div class=\"left\" fxLayout fxLayoutAlign=\"start center\">-->\n<!--            <avatar [relation]=\"suggestion\" class=\"smaller\"></avatar>-->\n<!--        </div>-->\n        <div class=\"right\">\n            <div class=\"name medium-big-font\" *ngIf=\"suggestion.displayName as displayName\" [textContent]=\"displayName\"></div>\n            <div class=\"email\" *ngIf=\"suggestion.email\">\n              {{ suggestion.email }}\n            </div>\n            <div class=\"address\" *ngIf=\"suggestion.displayAddress as address\" [textContent]=\"address\"></div>\n            <div class=\"phone\" *ngIf=\"suggestion.tel1\">\n              {{ suggestion?.tel1 }}\n            </div>\n        </div>\n        <co-button [label]=\"'SELECT' | localize\" class=\"popup rounded\" (click)=\"buttonClick.emit($event)\"></co-button>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{flex-shrink:0}:host{padding-top:11px}:host{padding-bottom:11px}div.email,div.address,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px}:host{position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important}co-button.popup{transform:translate(-50%,-50%)}co-button.popup{top:50%;left:50%;margin-right:-50%}co-button.popup{visibility:hidden}div.name{font-weight:bold}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #DCE4EA;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.email,div.address,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}\n"]}]}],"members":{"suggestion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"arrowDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"_updateIcon":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"shopping-cart-manager","template":"\n    <co-dialog #warehouseDialog\n               (closeClick)=\"hide()\"\n               (overlayClick)=\"onStockManagerCancelClick()\"\n      >\n      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>\n\n      <ng-container content>\n        <co-form>\n          <div class=\"form-content\">\n            <span *ngIf=\"message\" class=\"message-field\" [textContent]=\"message | localize\"></span>\n              <div class=\"commission-fields\" fxLayout=\"row\">\n                <co-input-number-picker class=\"horizontal\" [(model)]=\"amount\" [min]=\"0\" decimals=\"3\"></co-input-number-picker>\n                <co-input-combo-box [(model)]=\"commissionCode\"\n                                      [source]=\"commissionCodes\"\n                                      [fields]=\"commissionFields\"\n                                      [placeholder]=\"'COMMISSION_CODE' | localize\"\n                                      [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n              <div>\n                <co-grid #warehouseGrid\n                  [data]=\"transactionArticleWarehouses\"\n                  [columns]=\"columns\"\n                  [pagingEnabled]=\"'true'\"\n                  [maxNumberOfRows]=\"'20'\"\n                  (rowsSelected)=\"handleRowsSelected($event)\"\n                ></co-grid>\n              </div>\n          </div>\n        </co-form>\n      </ng-container>\n\n      <ng-container footer>\n          <div class=\"flex-center\">\n            <co-button [label]=\"'OK' | localize\" (click)=\"onStockManagerOkClick()\"></co-button>\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"onStockManagerCancelClick()\"></co-button>\n          </div>\n      </ng-container>\n    </co-dialog>\n\n    <characteristic-answer\n      #characteristicAnswer\n      (okClick)=\"handleCharacteristicAnswerOkClick($event)\"\n    ></characteristic-answer>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]}]}],"members":{"warehouseDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["warehouseDialog"]}]}],"warehouseGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["warehouseGrid"]}]}],"characteristicAnswer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":["characteristicAnswer"]}]}],"linesChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"openCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"articleAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":135,"character":26},{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addToCart":[{"__symbolic":"method"}],"addToCartBySelectorResult":[{"__symbolic":"method"}],"addUserRelationToTransactionAndLogin":[{"__symbolic":"method"}],"showStockManager":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"onStockManagerCancelClick":[{"__symbolic":"method"}],"onStockManagerOkClick":[{"__symbolic":"method"}],"handleRowsSelected":[{"__symbolic":"method"}],"handleCharacteristicAnswerOkClick":[{"__symbolic":"method"}],"_reloadDataCollections":[{"__symbolic":"method"}],"_handleAddArticle":[{"__symbolic":"method"}],"_getWareHouseNoFromArticle":[{"__symbolic":"method"}],"_isLineOperationStatus":[{"__symbolic":"method"}],"_checkIfShoppingCartNeedsToDisplay":[{"__symbolic":"method"}],"_confirmAction":[{"__symbolic":"method"}],"_showInformation":[{"__symbolic":"method"}],"_getPendingReasonText":[{"__symbolic":"method"}],"getInOutCollectionOfArticle":[{"__symbolic":"method"}],"_handleLineOperationStatus":[{"__symbolic":"method"}],"_handlePendingLine":[{"__symbolic":"method"}],"_createTransaction":[{"__symbolic":"method"}],"_loadArticle":[{"__symbolic":"method"}],"addEmailAddressToTransaction":[{"__symbolic":"method"}],"CharacteristicsAnswerNeeded":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"shopping-cart","template":"\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"getCartLabel()\"></span>\n      <div class=\"view-mode-buttons\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                   [title]=\"'LIST_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.List\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                   [title]=\"'GRID_VIEW' | localize\"\n                   (click)=\"this.activeViewMode = viewModes.Grid\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n      </div>\n    </div>\n    <div class=\"cart-lines\">\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.List\" fxFlex=\"column\">\n        <shopping-cart-line [overlayMode]=\"overlayMode\" [overviewMode]=\"overviewMode\"\n                            *ngFor=\"let line of filteredCollection; trackBy:trackByFn;\"\n                            [line]=\"line\"\n        ></shopping-cart-line>\n      </div>\n      <div class=\"cart-list-wrapper\" *ngIf=\"this.activeViewMode == viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n        ></co-grid>\n      </div>\n    </div>\n    <div class=\"shopping-cart-totals\" fxLayout=\"column\" fxLayoutGap=\"10px\">\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_GROSS' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.grossAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.discountAmount\">\n        <span [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.discountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountAmount\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountAmount | coCurrency: true\"></span>\n      </div>\n      <div fxLayout=\"row\" *ngIf=\"service.currentTotals?.transactionDiscountPercentage\">\n        <span [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span [textContent]=\"service.currentTotals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </div>\n      <div fxLayout=\"row\">\n        <span [textContent]=\"'ORDER_NET'| localize\"></span>\n        <span [textContent]=\"service.currentTotals?.netAmount | coCurrency: true\"></span>\n      </div>\n      <a (click)=\"addDiscount()\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n    <div class=\"shopping-cart-row-end\">\n      <co-button *ngIf=\"!hideOverviewButton\" [label]=\"'OVERVIEW' | localize\"\n                 (click)=\"overview.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCloseCartButton\"[label]=\"'SHOPPING_CART_RESUME' | localize\"\n                 (click)=\"closeCart.emit()\"\n      ></co-button>\n      <co-button *ngIf=\"!hideCheckoutButton\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n\n    <co-sidebar #discountsSidebar isOpen=\"false\" *ngIf=\"showDiscountsSidebar\">\n        <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n          <co-button  class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountPercentage, 'TRANSACTION_DISCOUNT_PERC')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_DISCOUNT'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.DiscountAmount, 'TRANSACTION_DISCOUNT')\"></co-button>\n          <co-button class=\"rectangular\" [label]=\"'TRANSACTION_TOTAL'| localize\"\n                         (click)=\"onStartDiscountInput(orderDiscountType.OrderTotal, 'TRANSACTION_TOTAL')\"></co-button>\n\n        </div>\n    </co-sidebar>\n\n    <co-dialog [visible]=\"inputDiscounts\">\n      <ng-container header>{{ discountHeader | localize }}</ng-container>\n        <co-form>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountPercentage\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountPercentage\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.DiscountAmount\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionDiscountAmount\"\n            [placeholder]=\"'TRANSACTION_DISCOUNT' | localize\"\n          ></co-input-text>\n          <co-input-text\n            *ngIf=\"discountType === orderDiscountType.OrderTotal\"\n            [type]=\"'number'\"\n            [(model)]=\"transactionTotal\"\n            [placeholder]=\"'TRANSACTION_TOTAL' | localize\"\n          ></co-input-text>\n\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\">\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"inputDiscounts = false\"></co-button>\n            <co-button [label]=\"'OK' | localize\" (click)=\"onInputDiscountsOkClick()\"></co-button>\n          </div>\n        </co-form>\n    </co-dialog>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n",":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]}]}],"members":{"discountsSidebar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":139,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarComponent","line":139,"character":13},{"static":false}]}]}],"overlayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":143,"character":3},"arguments":["class.overlayed"]}]}],"overviewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":147,"character":3},"arguments":["class.overview"]}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":3}}]}],"setFilteredCollection":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":198,"character":29},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":202,"character":29}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getCartLabel":[{"__symbolic":"method"}],"addDiscount":[{"__symbolic":"method"}],"onStartDiscountInput":[{"__symbolic":"method"}],"openShoppingCartModule":[{"__symbolic":"method"}],"setDiscountHeader":[{"__symbolic":"method"}],"onInputDiscountsOkClick":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"handleRowsSelected":[{"__symbolic":"method"}],"showSidebar":[{"__symbolic":"method"}],"hideSidebar":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"shopping-cart-line","template":"\n    <div *ngIf=\"line.isArticle\" class=\"cart-line-r\" fxFlex>\n      <div fxLayout=\"row\" class=\"full-width\">\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconTrashBin)\"\n                   [title]=\"'DELETE_TRANSACTION_LINE_HINT' | localize\"\n                   (click)=\"deleteTransactionLineClick()\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n          <image-display [model]=\"image\" hideOnEmptyModel></image-display>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-description\" fxLayoutGap=\"20px\">\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n            <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n            <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n            <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n          </div>\n          <span [innerHTML]=\"line.configurationReadable\"></span>\n        </div>\n      </div>\n      <div fxLayout=\"row\" class=\"cart-line-right\">\n        <div fxLayout=\"column\" class=\"cart-line-stock\" *ngIf=\"!overlayMode && !overviewMode\">\n          <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n          <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n          <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n          <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n        </div>\n        <div class=\"cart-line-amount\">\n          <co-input-number-picker\n            class=\"horizontal\"\n            [(model)]=\"localAmount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n            [readonly]=\"true\"\n            (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n        </div>\n\n        <div class=\"cart-line-totals\">\n          <span [textContent]=\"line.displayNetLineTotal | coCurrency: true\"></span>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"line.isText\" class=\"cart-line-t\" fxFlex\n         [class.article-text]=\"line.articleBound\"\n         [textContent]=\"line.text\">\n    </div>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]}]}],"members":{"overlayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":3},"arguments":["class.overlayed"]}]}],"overviewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["class.overview"]}]}],"isText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":72,"character":3},"arguments":["class.is-text"]}]}],"isArticle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":3},"arguments":["class.is-article"]}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["class.is-selected"]}]}],"line":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":103,"character":29},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":105,"character":28},{"__symbolic":"reference","name":"ɵi"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"changeLineAmount":[{"__symbolic":"method"}],"deleteTransactionLineClick":[{"__symbolic":"method"}],"_loadLineImage":[{"__symbolic":"method"}],"_confirmAction":[{"__symbolic":"method"}],"_showInformation":[{"__symbolic":"method"}],"_handleLine":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"stock-status-indicator","template":"\n        <div [class]=\"stockClass\">\n            <div class=\"square-1\"></div>\n            <div class=\"square-2\"></div>\n            <div class=\"square-3\"></div>\n        </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}:host{display:inline-block}.flex-center,:host>div{display:flex}.flex-center{flex-direction:row}.flex-center,:host>div{align-items:center!important;justify-content:center!important}:host>div{width:100%}:host>div{height:100%}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#ffffff40;width:30px;height:20px}:host>div>div{width:5px;height:5px;flex-shrink:0;flex-grow:0;margin-right:2px}:host>div.low>div.square-1,:host>div.empty>div.square-1,:host>div.none>div.square-1{background-color:#c1002a}:host>div.low>div.square-2,:host>div.low div.square-3,:host>div.empty>div.square-2,:host>div.empty div.square-3,:host>div.none>div.square-2,:host>div.none div.square-3{background-color:#dad9d9}:host>div.medium>div.square-1,:host>div.medium div.square-2{background-color:#df7c2a}:host>div.medium>div.square-3{background-color:#dad9d9}:host>div.high>div.square-1,:host>div.high div.square-2,:host>div.high div.square-3{background-color:#429777}\n"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"characteristic-answer","template":"\n    <co-dialog\n      #characteristic\n      [showCloseIcon]=\"false\"\n    >\n      <ng-container header>\n        <div>\n          <span class=\"characteristic-title\"\n              [textContent]=\"getTranslationWithColon('ARTICLE')\"\n          ></span>\n          <span [textContent]=\"title\"></span>\n        </div>\n      </ng-container>\n\n      <ng-container>\n        <div>\n          <div class=\"characteristic-header\">\n          <span  class=\"characteristic-title\"\n                 [textContent]=\"getTranslationWithColon('CHARACTERISTIC_QUESTION')\"\n          ></span>\n          </div>\n          <div class=\"characteristic-header\">\n            <span [textContent]=\"question | localize\"></span>\n          </div>\n          <div *ngIf=\"characteristicOptions\" class=\"npm characteristic-options\">\n            <co-input-combo-box [(model)]=\"value\"\n                                [source]=\"characteristics\"\n                                [fields]=\"characteristicsFields\"\n                                [placeholder]=\"'VALUE' | localize\"\n                                [required]=\"true\"\n            ></co-input-combo-box>\n          </div>\n          <div *ngIf=\"!characteristicOptions\" class=\"characteristic-value\">\n            <co-input-text\n              [(model)]=\"value\"\n              [placeholder]=\"'VALUE' | localize \"\n              required\n            ></co-input-text>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container footer>\n        <div class=\"flex-center\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"onCharacteristicOkClick()\"></co-button>\n        </div>\n      </ng-container>\n    </co-dialog>\n  ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{font-weight:bold;font-size:20px;margin-right:10px}.characteristic-value{font-weight:bold;font-size:20px}.characteristic-header{display:flex;justify-content:center}\n"]}]}],"members":{"characteristicDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["characteristic"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"question":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"okClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}],"getTranslationWithColon":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onCharacteristicOkClick":[{"__symbolic":"method"}]}}},"origins":{"IoneCheckoutComponent":"./app/component/checkout/ione-checkout.component","IoneCheckoutModule":"./app/component/checkout/ione-checkout.module","IoneShoppingCartComponent":"./app/component/shopping-cart/ione-shopping-cart.component","IoneShoppingCartModule":"./app/component/shopping-cart/ione-shopping-cart.module","ɵa":"./app/component/checkout/retail-transaction-checkout/retail-transaction-checkout.component","ɵb":"./app/component/checkout/checkout/checkout.component","ɵc":"./app/component/checkout/checkout-overview/checkout-overview.component","ɵd":"./app/component/checkout/checkout-overview-block/checkout-overview-block.component","ɵe":"./app/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component","ɵf":"./app/service/transaction.service","ɵg":"./app/service/ione-connector-adapter.service","ɵh":"./app/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component","ɵi":"./app/service/dictionary.service","ɵj":"./app/component/checkout/checkout-login/checkout-login.component","ɵk":"./app/service/options.service","ɵl":"./app/service/transaction-event.service","ɵm":"./app/component/core/core.module","ɵn":"./app/pipe/append.pipe","ɵo":"./app/pipe/delivery-time.pipe","ɵp":"./app/pipe/date-duration.pipe","ɵq":"./app/pipe/localize.pipe","ɵr":"./app/pipe/co-currency.pipe","ɵs":"./app/pipe/safe-style-pipe","ɵt":"./app/component/common/image-display/image-display.component","ɵu":"./app/component/common/no-image-display/no-image-display.component","ɵv":"./app/component/common/icon/icon.component","ɵw":"./app/component/checkout/checkout-overview-relation-address/checkout-overview-relation-address.component","ɵx":"./app/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component","ɵy":"./app/component/checkout/checkout-relation-suggestions-list/checkout-relation-suggestions-list.component","ɵz":"./app/component/checkout/checkout-relation-suggestions-list-item/checkout-relation-suggestions-list-item.component","ɵba":"./app/component/shopping-cart/shopping-cart-manager/shopping-cart-manager.component","ɵbb":"./app/component/shopping-cart/shopping-cart/shopping-cart.component","ɵbc":"./app/component/shopping-cart/shopping-cart-line/shopping-cart-line.component","ɵbd":"./app/component/shopping-cart/stock-status-indicator/stock-status-indicator.component","ɵbe":"./app/component/shopping-cart/characteristic-answer/characteristic-answer.component"},"importAs":"@colijnit/transaction"}