@colijnit/transaction 12.0.4 → 12.1.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_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":26,"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":48,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵba"}]}]}],"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbb"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"addArticleLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"addTextLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":114,"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":120,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCloseCartButtonClicked":[{"__symbolic":"method"}],"onCheckoutButtonClicked":[{"__symbolic":"method"}],"onOverviewButtonClicked":[{"__symbolic":"method"}],"linesChanged":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addArticleButtonClick":[{"__symbolic":"method"}],"addToCart":[{"__symbolic":"method"}],"addArticleLineAt":[{"__symbolic":"method"}],"addTextLineAt":[{"__symbolic":"method"}],"addArticleByBySelectorResult":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}],"_handleAddArticleLine":[{"__symbolic":"method"}],"_handleAddTextLine":[{"__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":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":47,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":48,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":49,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":50,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":51,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":52,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":53,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":54,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":55,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":56,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":57,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":58,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":59,"character":8},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":60,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":61,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":62,"character":8},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":63,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":64,"character":8},{"__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"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__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"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__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":5,"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":20,"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":72,"character":3},"arguments":["warehouseDialog"]}]}],"warehouseGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":3},"arguments":["warehouseGrid"]}]}],"characteristicAnswer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":3},"arguments":["characteristicAnswer"]}]}],"linesChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"openCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"articleAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":137,"character":26},{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addToCart":[{"__symbolic":"method"}],"addArticleLineToCartAt":[{"__symbolic":"method"}],"addTextLineToCartAt":[{"__symbolic":"method"}],"changeLineSequence":[{"__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"}],"_handleAddArticleLineAt":[{"__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"}],"_getLineUuidByLineNr":[{"__symbolic":"method"}],"_getTransactionLineInfoByIndex":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"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=\"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=\"activeViewMode === viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [rowDragAndDropEnabled]=\"true\"\n          [contextMenuItems]=\"contextMenuItems\"\n          [sortingEnabled]=\"false\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n          (contextMenuItemClick)=\"menuItemClick($event)\"\n          (rowDropEvent)=\"rowDrop($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":156,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarComponent","line":156,"character":13},{"static":false}]}]}],"overlayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":160,"character":3},"arguments":["class.overlayed"]}]}],"overviewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":164,"character":3},"arguments":["class.overview"]}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":176,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":179,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":3}}]}],"setFilteredCollection":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":217,"character":29},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":221,"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"}],"menuItemClick":[{"__symbolic":"method"}],"rowDrop":[{"__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"}
+{"__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":39,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":41,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":42,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":43,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":44,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":45,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":46,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":47,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":48,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":49,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":50,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":52,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":54,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":55,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":56,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":57,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":58,"character":4},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":60,"character":4}],"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":"ɵ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":26,"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":48,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵba"}]}]}],"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbb"}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"addArticleLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"addTextLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":114,"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":120,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCloseCartButtonClicked":[{"__symbolic":"method"}],"onCheckoutButtonClicked":[{"__symbolic":"method"}],"onOverviewButtonClicked":[{"__symbolic":"method"}],"linesChanged":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addArticleButtonClick":[{"__symbolic":"method"}],"addToCart":[{"__symbolic":"method"}],"addArticleLineAt":[{"__symbolic":"method"}],"addTextLineAt":[{"__symbolic":"method"}],"addArticleByBySelectorResult":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}],"_handleAddArticleLine":[{"__symbolic":"method"}],"_handleAddTextLine":[{"__symbolic":"method"}]}},"IoneShoppingCartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":33,"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/common","name":"CommonModule","line":43,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":44,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":45,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":46,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":47,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":48,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":49,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":50,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":51,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":52,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":53,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":55,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":56,"character":8},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":57,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":58,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":59,"character":8},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":60,"character":8},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":61,"character":8},{"__symbolic":"reference","name":"ɵm"}],"providers":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"entryComponents":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}],"exports":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"},{"__symbolic":"reference","name":"ɵbd"}],"bootstrap":[{"__symbolic":"reference","name":"IoneShoppingCartComponent"}]}]}],"members":{}},"IoneServiceOrderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ione-service-order","template":"\n    <div>\n        <service-order></service-order>\n    </div>\n    <transaction-sidebar-right></transaction-sidebar-right>\n  "}]}],"members":{"orderId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":28},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_handleSettingsLoaded":[{"__symbolic":"method"}],"_initConnection":[{"__symbolic":"method"}],"_getTransactionById":[{"__symbolic":"method"}]}},"IoneServiceOrderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":54,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconModule","line":56,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputTextModule","line":57,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputCheckboxModule","line":58,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputRadioButtonModule","line":59,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormModule","line":60,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputComboBoxModule","line":61,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputDatePickerModule","line":62,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"InputNumberPickerModule","line":63,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogModule","line":64,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoDialogPromptModule","line":65,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"ButtonModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexModule","line":67,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"MultiSelectListModule","line":68,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"DropDownModule","line":69,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PopupModule","line":70,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarModule","line":71,"character":4},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoGridModule","line":72,"character":4},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"ChipListModule","line":74,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-splitbuttons","name":"DropDownButtonModule","line":75,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-buttons","name":"CheckBoxModule","line":76,"character":4},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-dropdowns","name":"DropDownListModule","line":77,"character":4},{"__symbolic":"reference","name":"IoneShoppingCartModule"},{"__symbolic":"reference","module":"@syncfusion/ej2-angular-navigations","name":"TabModule","line":79,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":80,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"IoneServiceOrderComponent"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"}],"providers":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"entryComponents":[{"__symbolic":"reference","name":"IoneServiceOrderComponent"}],"exports":[{"__symbolic":"reference","name":"IoneServiceOrderComponent"}],"bootstrap":[{"__symbolic":"reference","name":"IoneServiceOrderComponent"}]}]}],"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":36,"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"}],"getTransactionById":[{"__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"}],"getArticleImageByArticleNumber":[{"__symbolic":"method"}],"getArticleImageByGoodId":[{"__symbolic":"method"}],"addArticle":[{"__symbolic":"method"}],"addTransactionLine":[{"__symbolic":"method"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__symbolic":"method"}],"cancelAddTransactionLine":[{"__symbolic":"method"}],"deleteTransactionLine":[{"__symbolic":"method"}],"changeTransactionLineQuantity":[{"__symbolic":"method"}],"setRelationByUser":[{"__symbolic":"method"}],"getCustomerFulObjectByRelationId":[{"__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},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"connect":[{"__symbolic":"method"}],"disconnect":[{"__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"}],"getTransactionById":[{"__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"}],"addTextLineToTransaction":[{"__symbolic":"method"}],"changeLineSequence":[{"__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"}]},"statics":{"ɵprov":{}}},"ɵ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":6,"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":14,"character":3}}]}],"svg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["innerHtml"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":23,"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":20,"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":72,"character":3},"arguments":["warehouseDialog"]}]}],"warehouseGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":3},"arguments":["warehouseGrid"]}]}],"characteristicAnswer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":3},"arguments":["characteristicAnswer"]}]}],"linesChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":3}}]}],"openCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"articleAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"PromptService","line":137,"character":26},{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addToCart":[{"__symbolic":"method"}],"addArticleLineToCartAt":[{"__symbolic":"method"}],"addTextLineToCartAt":[{"__symbolic":"method"}],"changeLineSequence":[{"__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"}],"_handleAddArticleLineAt":[{"__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"}],"_getLineUuidByLineNr":[{"__symbolic":"method"}],"_getTransactionLineInfoByIndex":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"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=\"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=\"activeViewMode === viewModes.Grid\" fxFlex=\"column\">\n        <co-grid\n          [data]=\"filteredCollection\"\n          [rowDragAndDropEnabled]=\"true\"\n          [contextMenuItems]=\"contextMenuItems\"\n          [sortingEnabled]=\"false\"\n          [columns]=\"columns\"\n          [pagingEnabled]=\"'true'\"\n          [maxNumberOfRows]=\"'20'\"\n          (rowsSelected)=\"handleRowsSelected($event)\"\n          (contextMenuItemClick)=\"menuItemClick($event)\"\n          (rowDropEvent)=\"rowDrop($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":156,"character":3},"arguments":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"CoSidebarComponent","line":156,"character":13},{"static":false}]}]}],"overlayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":160,"character":3},"arguments":["class.overlayed"]}]}],"overviewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":164,"character":3},"arguments":["class.overview"]}]}],"hideOverviewButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"hideCheckoutButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"hideCloseCartButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"closeCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":176,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":179,"character":3}}]}],"overview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":182,"character":3}}]}],"setFilteredCollection":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":217,"character":29},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":221,"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"}],"menuItemClick":[{"__symbolic":"method"}],"rowDrop":[{"__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}.horizontal{display:flex;flex-direction:row}.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"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[templateWrapper]"}]}],"members":{"templateWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"templateWrapperContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":39}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_shouldRecreateView":[{"__symbolic":"method"}],"_hasContextShapeChanged":[{"__symbolic":"method"}],"_updateExistingContext":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"default-ok-cancel-buttons","template":"\n        <co-button *ngIf=\"!hideOk\" [label]=\"okLabel\" [disabled]=\"okDisabled\" class=\"ok\" #okButton (click)=\"onOkClick($event)\"></co-button>\n        <co-button *ngIf=\"!hideCancel\" label=\"CANCEL\" (click)=\"cancelClick.emit($event)\"></co-button>\n        <ng-content></ng-content>\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}.margin-popup:host{margin-top:20px}.margin-popup:host{margin-bottom:20px}.margin-popup:host{margin-left:20px}.margin-popup:host{margin-right:20px}.margin-top:host{margin-top:11px}:host button-colijn:not(:last-child){margin-right:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host.justify-center{justify-content:center}\n"]}]}],"members":{"okDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"hideCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"hideOk":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"okLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"okClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"cancelClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"okButtonComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["okButton"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onOkClick":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"service-order","template":"\n      <div id=\"transaction-general-tab\" style=\"height:100%;\">\n        <transaction-header-block\n          [relationId]=\"relationId\"\n          [transaction]=\"transaction\"\n          [canPlanDelivery]=\"canPlanDelivery\"\n          (planningRequestButtonClick)=\"handlePlanningRequest($event)\"\n        ></transaction-header-block>\n        <div *ngIf=\"!isService\">\n          <div class=\"transaction-view\" fxLayout=\"row\" fxLayoutGap=\"1px\" fxLayoutAlign=\"flex-end\">\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 *ngIf=\"this.activeViewMode === viewModes.List\">\n            <transaction-order-line-view *ngFor=\"let line of transactionLines; trackBy:trackByFn;\"\n                                         [line]=\"line\"\n            ></transaction-order-line-view>\n          </div>\n          <div *ngIf=\"this.activeViewMode === viewModes.Grid\">\n            <transaction-order-lines [transaction]=\"transaction\"></transaction-order-lines>\n          </div>\n          <div class=\"floating-icon-wrapper\" [style.right.px]=\"floatButtonRightPosition\">\n          <icon [icon]=\"iconOrder\"\n                class=\"light\"\n                (click)=\"floatButtonClick()\" id=\"floatingIcon\"\n                [style.right.px]=\"floatButtonRightPosition\"></icon>\n          </div>\n        </div>\n        <transaction-order-totals *ngIf=\"!isService\"\n                                  [ngClass]=\"showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'\"></transaction-order-totals>\n      </div>\n\n      <transaction-article-text></transaction-article-text>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host :host{display:flex}.flex-center{flex-direction:row}:host :host{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.transaction-view .view-mode-buttons{margin-left:11px}:host :host{width:100%}:host :host{overflow:hidden}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host :host{padding-bottom:60px}.page-wrapper :host{padding:20px;margin-bottom:60px}:host transaction-order-totals{display:flex;flex-direction:column;align-items:flex-end}:host .transaction-totals-show{padding:20px}:host .transaction-totals-hide{position:relative;bottom:0;right:0}::ng-deep #transaction_planning_agenda{top:160px!important;width:calc(100vw - 80px)!important}::ng-deep #transaction_planning_agenda .popup-card-title{padding:10px 20px;background:#74B77F;color:#fff}::ng-deep #transaction_planning_agenda .popup-card-title .header-wrapper{align-items:center!important}::ng-deep #transaction_planning_agenda .popup-card-title .separator{border-color:#fff!important}::ng-deep #transaction_planning_agenda .popup-card-title .header{font-size:15px;font-weight:normal}::ng-deep #transaction_planning_agenda .popup-card-title .sub-header{font-size:18px;color:#fff!important;font-weight:bold!important}::ng-deep #transaction_planning_agenda .popup-card-title button-select icon [fill]{fill:#fff}::ng-deep #transaction_planning_agenda .popup-card-content{overflow:hidden}@media only screen and (max-width: 599px){::ng-deep #transaction_planning_agenda{width:100vw!important}::ng-deep #transaction_planning_agenda .popup-card-content{padding:0}}.column-separator{padding-right:25px;border-right:1px solid #0000001c}.floating-icon-wrapper{position:fixed;bottom:50px;right:50px;display:flex;flex-shrink:0;align-items:center;justify-content:center;background:#475060;height:50px;width:50px;opacity:.5;transition:opacity .4s ease-in-out;border-radius:50%;overflow:hidden;box-shadow:0 0 6px #0009;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,.6);cursor:pointer}.floating-icon-wrapper:hover{opacity:1;transition:opacity .4s ease-in-out}.floating-icon-wrapper ::ng-deep icon{height:44px!important;width:44px!important;color:#fff!important;flex-shrink:0}.transaction-wrapper{padding:0 20px}.view-mode-buttons co-button{padding:0}.transaction-view{display:flex;margin-top:10px;justify-content:stretch}.transaction-view .view-mode-buttons{display:flex;flex-direction:row}.transaction-view .view-mode-buttons button-select ::ng-deep button-colijn{border-radius:0}.transaction-view .view-mode-buttons button-select:first-child{margin-right:5px}.transaction-view .view-mode-buttons button-select:first-child ::ng-deep button-colijn{border-radius:3px}.transaction-view .view-mode-buttons button-select:nth-child(2) ::ng-deep button-colijn{border-top-left-radius:3px;border-bottom-left-radius:3px}.transaction-view .view-mode-buttons button-select:last-child ::ng-deep button-colijn{border-top-right-radius:3px;border-bottom-right-radius:3px}\n"]}]}],"members":{"_transactionArticleTextComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbj"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":105,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"animationFn":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"handleRowsSelected":[{"__symbolic":"method"}],"handlePlanningRequest":[{"__symbolic":"method"}],"moveFloatingButtonToLeft":[{"__symbolic":"method"}],"moveFloatingButtonToRight":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"floatButtonClick":[{"__symbolic":"method"}],"hideOrderTotals":[{"__symbolic":"method"}]},"statics":{"FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR":50,"FLOAT_BUTTON_RIGHT_POSITION_WITH_SIDEBAR":350}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1}}],"members":{"transaction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"relationId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"customerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}}]}],"product":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"relation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"transactionSet":[{"__symbolic":"method"}],"productSet":[{"__symbolic":"method"}],"_retrieveCustomer":[{"__symbolic":"method"}],"_retrieveRelation":[{"__symbolic":"method"}],"_setBasedOnProduct":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"transaction-article-text","template":"\n        <co-dialog [visible]=\"visible\" (close)=\"onPopupClose()\">\n          <ng-container header>{{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\">\n                        <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--transactiontransaction-->\n<!--                                label=\"Artikeltekst\"-->\n<!--                        ></co-text-editor>-->\n                    </div>\n                    <div style=\"margin-left:5px;\">\n                        <div style=\"margin-top:16px;\">\n                            <ejs-dropdownlist\n                                    [dataSource]=\"collection\"\n                                    [fields]=\"fields\"\n                                    placeholder=\"Standaardteksten\"\n                            ></ejs-dropdownlist>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <co-input-checkbox\n                                    label=\"Artikelgebonden tekst\"\n                                    name=\"articleBoundText\">\n                            </co-input-checkbox>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <label>Bestemd voor documenten</label>\n                            <ejs-chiplist id=\"chip-default\">\n                                <e-chips>\n                                    <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n                                    <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n                                    <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n                                    <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n                                    <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n                                </e-chips>\n                            </ejs-chiplist>\n                        </div>\n                    </div>\n                </div>\n              </ng-container>\n              <ng-container footer>\n                <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                    <co-button label=\"OK\" (click)=\"onOkClick()\"></co-button>\n                    <co-button label=\"CANCEL\" (click)=\"hide()\"></co-button>\n                    <co-button label=\"OVERVIEW\" (click)=\"onOverview()\"></co-button>\n                </div>\n              </ng-container>\n        </co-dialog>\n\n        <co-dialog [visible]=\"overviewSelected\" (close)=\"hideOverview()\">\n          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\" style=\"width:75%\">\n<!--                        <grid [data]=\"articleTexts\" detailLink (detailLinkClick)=\"onDetailLinkClick($event)\">-->\n<!--                            <grid-column key=\"title\" header=\"TITLE\" width=\"100px;\"></grid-column>-->\n<!--                            <grid-column key=\"description\" header=\"DESCRIPTION\" width=\"200px\"></grid-column>-->\n<!--                        </grid>-->\n                    </div>\n                    <div style=\"margin-left:5px;\">\n                        <div style=\"margin-top:20px;\">\n\n                            <co-input-checkbox\n                                    label=\"Artikelgebonden tekst\"\n                                    name=\"articleBoundText\"\n                                    value=\"true\"\n                            ></co-input-checkbox>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <label>Bestemd voor documenten</label>\n                            <ejs-chiplist id=\"chip-default\">\n                                <e-chips>\n                                    <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n                                    <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n                                    <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n                                    <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n                                    <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n                                </e-chips>\n                            </ejs-chiplist>\n                        </div>\n                    </div>\n                </div>\n          </ng-container>\n          <ng-container footer>\n                <div class=\"footer\" fxLayout fxPosition=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                    <co-button label=\"OK\" (click)=\"onOkOverviewClick()\"></co-button>\n                    <co-button label=\"CANCEL\" (click)=\"hideOverview()\"></co-button>\n                </div>\n          </ng-container>\n        </co-dialog>\n\n        <co-dialog [visible]=\"editArtikelText\"  (close)=\"hideEditArtikelText()\">\n          <ng-container header>{{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\">\n                        <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--                        <co-text-editor-->\n<!--                                label=\"Artikeltekst\"-->\n<!--                        ></co-text-editor>-->\n                    </div>\n                </div>\n          </ng-container>\n          <ng-container footer>\n              <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                  <co-button label=\"OK\" (click)=\"onOkEditArtikelTextClick()\"></co-button>\n                  <co-button label=\"CANCEL\" (click)=\"hideEditArtikelText()\"></co-button>\n              </div>\n          </ng-container>\n        </co-dialog>\n    ","styles":[""]}]}],"members":{"subHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"onOkClick":[{"__symbolic":"method"}],"onPopupClose":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"onOverview":[{"__symbolic":"method"}],"onOkOverviewClick":[{"__symbolic":"method"}],"hideOverview":[{"__symbolic":"method"}],"onDetailLinkClick":[{"__symbolic":"method"}],"hideEditArtikelText":[{"__symbolic":"method"}],"onOkEditArtikelTextClick":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"transaction-order-totals","template":"\n        <div class=\"totals-wrapper\">\n            <div class=\"totals-item\">\n                <div class=\"totals-item-description\" [textContent]=\"'SUBTOTAL' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal?.grossAmount | coCurrency | coCurrency\"></div>\n            </div>\n            <div class=\"totals-item\">\n                <div class=\"totals-item-description\" [textContent]=\"'VAT_AMOUNT' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal?.surchargeAmount | coCurrency\"></div>\n            </div>\n            <div class=\"totals-item total\">\n                <div class=\"totals-item-description\" [textContent]=\"'TRANSACTION_SUM_I' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal?.netAmount | coCurrency\"></div>\n            </div>\n        </div>\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}:host .totals-wrapper{width:310px;font-size:13px}:host .totals-item{display:flex;flex-direction:row;height:25px;align-items:center}:host .totals-item>div{text-align:end;width:50%}:host .totals-item.total{font-weight:bold;height:30px;border-top:1px solid #DCE4EA}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"transaction-order-line-view","template":"\n            <div class=\"transaction-order-line-r\" fxFlex (click)=\"transactionLineClick(line)\">\n                <div fxLayout=\"row\" class=\"full-width\">\n                    <div fxLayout=\"column\" class=\"transaction-order-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                        <div>\n                            <span [innerHTML]=\"line.configurationReadable\" class=\"cart-line-description-detail\"></span>\n                        </div>\n                    </div>\n                    <div fxLayout=\"column\" class=\"transaction-order-line-image\">\n                        <image-display [model]=\"image\"></image-display>\n                    </div>\n                </div>\n                <div fxLayout=\"row\" class=\"transaction-order-line-right\">\n                    <div fxLayout=\"column\" class=\"transaction-order-line-stock\">\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=\"transaction-order-line-amount\">\n                      <co-input-number-picker\n                        class=\"horizontal\"\n                        [(model)]=\"line.amount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n                        [readonly]=\"true\"></co-input-number-picker>\n                    </div>\n                    <div class=\"transaction-order-line-totals\">\n                        <span [textContent]=\"line.netLineTotal | coCurrency: true\"></span>\n                    </div>\n                </div>\n            </div>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-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}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]}]}],"members":{"line":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"}]}],"_loadArticleImage":[{"__symbolic":"method"}],"transactionLineClick":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"transaction-order-lines","template":"\n        <co-grid #transactionGrid\n                 [data]=\"transactionLines\"\n                 [columns]=\"columns\"\n                 [pagingEnabled]=\"pagingEnabled\"\n                 [maxNumberOfRows]=\"'20'\"\n                 (rowsSelected)=\"onRowClick($event)\"\n        ></co-grid>\n    ","styles":["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-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}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]}]}],"members":{"transactionGrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["transactionGrid"]}]}],"createServiceClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵi"}]}],"onRowClick":[{"__symbolic":"method"}],"onRowDeselect":[{"__symbolic":"method"}],"newServiceRequestClick":[{"__symbolic":"method"}]},"statics":{"MAX_TRANSACTION_LINES":20}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"transaction-relation-address","template":"\n        <label [textContent]=\"label | localize\"\n               class=\"transaction-relation-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":[".button-wrapper{margin-top:10px;justify-content:center}co-input-radio-button{margin-left:16px}.transaction-relation-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.transaction-relation-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}\n"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"address":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkForPostalCodeCheckError":[{"__symbolic":"method"}],"changeHouseNo":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"transaction-sidebar-right","template":"\n        <div id=\"default-sidebar\">\n            <div>\n                <icon [icon]=\"iconArrowPointRight\" (click)=\"sidebarCloseClick()\"></icon>\n                <label [textContent]=\"transactionLine?.goodDescription\"></label>\n            </div>\n            <div>\n                <ejs-tab id=\"element2\">\n                    <e-tabitems>\n                        <e-tabitem>\n                            <ng-template #headerText>\n                                <icon [icon]=\"iconDetailView\" title=\"Regeldetails\"></icon>\n                            </ng-template>\n                            <ng-template #content>\n                                <transaction-line-accordion [transactionLine]=\"transactionLine\"></transaction-line-accordion>\n                            </ng-template>\n                        </e-tabitem>\n                        <e-tabitem>\n                            <ng-template #headerText>\n                                <icon [icon]=\"iconStock\" title=\"Voorraad\"></icon>\n                            </ng-template>\n                            <ng-template #content>\n                                <div style=\"margin: 10px;\">\n                                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                                        <co-input-text placeholder=\"In voorraad\"></co-input-text>\n                                        <co-input-text placeholder=\"In order voorraad\"></co-input-text>\n                                    </div>\n\n                                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                                        <co-input-text placeholder=\"In order commissie\"></co-input-text>\n                                        <co-input-text placeholder=\"Beschikbaar\"></co-input-text>\n                                    </div>\n\n                                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                                        <co-input-text placeholder=\"In bestelling\"></co-input-text>\n                                        <co-input-text placeholder=\"Later beschikbaar\"></co-input-text>\n                                    </div>\n\n                                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                                        <co-input-text placeholder=\"Toegewezen\" [model]=\"transactionLine?.amount\"></co-input-text>\n                                        <co-input-text placeholder=\"Vrije voorraad\"></co-input-text>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </e-tabitem>\n                        <e-tabitem>\n                            <ng-template #headerText>\n                                <icon [icon]=\"iconDocuments\" title=\"Documenten en notities\"></icon>\n                            </ng-template>\n                            <ng-template #content>\n                                <div>\n                                    Documenten en notities\n                                </div>\n                            </ng-template>\n                        </e-tabitem>\n                    </e-tabitems>\n                </ejs-tab>\n            </div>\n        </div>\n    ","styles":[":host{display:block;width:100%}.e-accordion{border:none}.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-icons{color:#add8e6}.e-tab .e-toolbar-items{display:flex;justify-content:center}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":99,"character":31},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":101,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"sidebarCloseClick":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-line-accordion","template":"\n    <div id='container'>\n      <div id='accordion_html_markup'>\n        <div>\n          <div>Prijsdetails</div>\n          <div>\n            <div style=\"margin-left:10px;\">\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Aantal\" [model]=\"transactionLine?.amount\"></co-input-text>\n                <co-input-text placeholder=\"Verkoopprijs\" [model]=\"transactionLine?.price\"></co-input-text>\n              </div>\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Adviesprijs\"></co-input-text>\n                <co-input-text placeholder=\"Totaal korting\"></co-input-text>\n              </div>\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Koritngspercentage\"></co-input-text>\n                <co-input-text placeholder=\"Kortingsbedrag\" [model]=\"transactionLine?.discountAmount\"></co-input-text>\n              </div>\n\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Speciale korting\"></co-input-text>\n                <co-input-text placeholder=\"Transactiekorting\"></co-input-text>\n              </div>\n\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Business rule korting\"></co-input-text>\n                <co-input-text placeholder=\"Kwantumkorting\"></co-input-text>\n              </div>\n\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Toeslag\"></co-input-text>\n                <co-input-text placeholder=\"BTW\"></co-input-text>\n              </div>\n\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Prijslijst\"></co-input-text>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div>\n          <div>Logistiek</div>\n          <div>\n            <div style=\"margin-left:10px;\">\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Commissiecode\"></co-input-text>\n                <co-input-text placeholder=\"Levermethode\"></co-input-text>\n              </div>\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Montagetijd\"></co-input-text>\n                <co-input-text placeholder=\"Bewerkingstijd\"></co-input-text>\n              </div>\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Leverancier\"></co-input-text>\n                <co-input-text placeholder=\"Artikelnummer leverancier\"></co-input-text>\n              </div>\n\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"In/uit collectie\"></co-input-text>\n                <co-input-text placeholder=\"Dropshipment\"></co-input-text>\n              </div>\n\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Leverdatum\"></co-input-text>\n                <co-input-text placeholder=\"Referentie\"></co-input-text>\n              </div>\n            </div>\n          </div>\n\n        </div>\n        <div>\n          <div id=\"header\">Opmaak</div>\n          <div id=\"opmaak\">\n            <div style=\"margin-left:10px;\">\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                <co-input-text placeholder=\"Orderregelset\"></co-input-text>\n                <co-input-text placeholder=\"Hoofdstuk\"></co-input-text>\n              </div>\n              <div>\n                <co-input-text placeholder=\"Laatste wijziging Door\"></co-input-text>\n              </div>\n              <div>\n                <co-input-text placeholder=\"Zichtbaar op documenten\"></co-input-text>\n              </div>\n            </div>\n          </div>\n      </div>\n      <div>\n        <div>Artikelkenmerken</div>\n        <div>\n          <div style=\"margin-left:10px;\">\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Breedte\"></co-input-text>\n              <co-input-text placeholder=\"Lengte\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Hoogte\"></co-input-text>\n              <co-input-text placeholder=\"Zitdiepte\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Zithoogte\"></co-input-text>\n              <co-input-text placeholder=\"Volume\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Stopmaat\"></co-input-text>\n              <co-input-text placeholder=\"Patroonhoogte\"></co-input-text>\n            </div>\n            <br>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Standaard levertijd\"></co-input-text>\n              <co-input-text placeholder=\"Standaard levertijd verkoop\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Eenheid verkoop\"></co-input-text>\n              <co-input-text placeholder=\"Verkoophoeveelheid\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Aantal\"></co-input-text>\n              <co-input-text placeholder=\"Colli\"></co-input-text>\n            </div>\n            <br>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Omzetgroep\"></co-input-text>\n              <co-input-text placeholder=\"Artikelgroep\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Hoofdartikel\"></co-input-text>\n              <co-input-text placeholder=\"Sfeer\"></co-input-text>\n            </div>\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n              <co-input-text placeholder=\"Concept\"></co-input-text>\n              <co-input-text placeholder=\"Afdeling\"></co-input-text>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      </div>\n    </div>\n  ","styles":[""]}]}],"members":{"transactionLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":159,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-header-block","template":"\n        <div fxLayout=\"row wrap\" fxLayout.xs=\"column\">\n            <div class=\"summary-block\" (click)=\"tabClick()\">\n                <div class=\"block-wrapper\">\n                    <div class=\"content-wrapper\">\n                            <div class=\"name\"\n                                 [textContent]=\"relation?.displayName\"></div>\n                            <div class=\"address link pointer\"\n                                 [textContent]=\"relation?.displayAddressFull\"></div>\n                            <div class=\"phone link pointer\"\n                                 [textContent]=\"relation?.tel1\"></div>\n                            <div [textContent]=\"relation?.email\"\n                                 class=\"email link pointer\"\n                            ></div>\n                    </div>\n                </div>\n            </div>\n\n            <transaction-service-info class=\"summary-block\"\n                                      [transaction]=\"transaction\"\n            ></transaction-service-info>\n            <transaction-service-status class=\"summary-block\"\n                                        [transaction]=\"transaction\"\n            ></transaction-service-status>\n            <transaction-order-info class=\"summary-block\"\n                                    [transaction]=\"transaction\"\n            ></transaction-order-info>\n            <transaction-payment-info class=\"summary-block\"\n                                      [transaction]=\"transaction\"\n            ></transaction-payment-info>\n            <transaction-delivery-summary class=\"summary-block\"\n                                          [transaction]=\"transaction\"\n                                          [canPlanDelivery]=\"!isService && canPlanDelivery\"\n                                          (planningRequestButtonClick)=\"planningRequestButtonClick.emit($event)\"\n                                          (click)=\"showPopupTab(1)\"\n            ></transaction-delivery-summary>\n            <transaction-article-info class=\"summary-block\"\n                                      [transaction]=\"transaction\"\n            ></transaction-article-info>\n            <transaction-product-summary class=\"summary-block\"\n                                         [transaction]=\"transaction\"\n                                         [product]=\"product\"\n            ></transaction-product-summary>\n        </div>\n\n        <transaction-relation-edit [customerId]=\"relationId\" (validSubmit)=\"transactionEditClose()\"></transaction-relation-edit>\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}:host{display:block;padding:15px 0 30px}.name{font-size:13px;font-weight:bold;color:#22313c;margin-bottom:5px}.address,.phone,.email{font-size:13px;line-height:16px;color:#5b6875}.pointer{cursor:pointer}.link{color:#2b60a7}.summary-block{width:calc(25% - 15px);border:2px dashed #DCE4EA;margin:7px;border-radius:15px;position:relative}.summary-block .block-wrapper{position:relative;display:flex;align-items:center;padding:30px 20px}.summary-block:after{content:\"\";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:1px solid #FFF;pointer-events:none;border-radius:15px}@media only screen and (min-width: 960px) and (max-width: 1279px){.summary-block{width:calc(50% - 15px)}}@media only screen and (max-width: 599px){.summary-block{width:calc(100%);margin:7px 0}}\n"]}]}],"members":{"relationPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbr"},{"static":true}]}]}],"canPlanDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"planningRequestButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":5}}]}],"showPopupTab":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"tabClick":[{"__symbolic":"method"}],"transactionEditClose":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"transaction-relation-edit","template":"\n        <co-dialog [visible]=\"showPopup\" header=\"ACCOUNT_DETAILS\"  (close)=\"onPopupClose()\"\n                    noClickOutside contentSize>\n            <ng-container content>\n            <co-form #transactionRelationEditForm (validSubmit)=\"validSubmit.emit()\" (invalidSubmit)=\"invalidSubmit.emit()\">\n                <div style=\"min-width: 500px;\">\n                    <div>\n                        <label [textContent]=\"'PERSONAL_DATA' | localize\"\n                               class=\"transaction-relation-label-h3\"\n                        ></label>\n                    </div>\n                    <div>\n                        <div>\n                            <label [textContent]=\"'ORDER_TYPE' | localize \"\n                                   class=\"transaction-relation-label-h3\"\n                            ></label>\n                        </div>\n                        <div *ngIf=\"customer?.type\">\n                            <co-input-radio-button [name]=\"'type'\"\n                                                   [label]=\"'PRIVATE_PERSON' | localize\"\n                                                   [value]=\"relType.Private\"\n                                                   [checked]=\"customer.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                                                   [checked]=\"customer.type === relType.Company\"\n                                                   (modelChange)=\"changeRelationType(relType.Company)\"\n                            ></co-input-radio-button>\n                        </div>\n                    </div>\n                    <div *ngIf=\"customer?.type === relType.Private\">\n                        <label [textContent]=\"'SALUTATION' | localize\"\n                               class=\"transaction-relation-label-h3\"\n                        ></label>\n                        <div *ngIf=\"customer?.gender\">\n                            <co-input-radio-button [name]=\"'gender'\"\n                                                   [label]=\"'MALE' | localize\"\n                                                   [value]=\"genderType.Male\"\n                                                   [checked]=\"customer.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]=\"customer.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]=\"customer.gender === genderType.Unspecified\"\n                                                   (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n                            ></co-input-radio-button>\n                        </div>\n                    </div>\n                    <div *ngIf=\"customer?.type === relType.Private\">\n                        <div>\n                            <label [textContent]=\"'NAME' | localize \"\n                                   class=\"transaction-relation-label-h3\"\n                            ></label>\n                            <div class=\"default-flex-row\">\n                                <div class=\"default-flex-column\">\n                                    <co-input-text\n                                            [(model)]=\"customer.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)]=\"customer.prefix\"\n                                            [placeholder]=\"'PREFIX' | localize \"\n                                    ></co-input-text>\n                                </div>\n                                <div class=\"default-flex-column\">\n                                    <co-input-text\n                                            [(model)]=\"customer.familyName\"\n                                            [placeholder]=\"'LAST_NAME' | localize\"\n                                            (modelChange)=\"familyNameChange($event)\"\n                                            required\n                                    ></co-input-text>\n                                </div>\n                                <div class=\"default-flex-column\">\n                                    <co-input-date\n                                            [placeholder]=\"'DATE_OF_BIRTH' | localize \"\n                                            [(model)]=\"dateOfBirth\"\n                                            required\n                                    ></co-input-date>\n                                </div>\n                                <div class=\"default-flex-column\">\n                                    <co-input-text\n                                            [(model)]=\"phoneNumber.value\"\n                                            [placeholder]=\"'PHONE_NO' | localize \"\n                                            required\n                                    ></co-input-text>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div>\n                        <div *ngIf=\"customer?.type === relType.Company\" class=\"default-flex-column\">\n                            <label [textContent]=\"'COMPANY_NAME' | localize \"\n                                   class=\"transaction-relation-label-h3\"\n                            ></label>\n                            <co-input-text\n                                    [(model)]=\"customer.familyName\"\n                                    [label]=\"'COMPANY_NAME'\"\n                                    required\n                            ></co-input-text>\n                        </div>\n                    </div>\n\n                    <div>\n                        <transaction-relation-address\n                                label=\"DELIVERY_ADDRESS\" [address]=\"editFirstAddress\"\n                        ></transaction-relation-address>\n                    </div>\n\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\" class=\"button-wrapper\">\n                        <default-ok-cancel-buttons\n                                [okDisabled]=\"readonly\"\n                                (okClick)=\"transactionRelationEditForm.submit()\"\n                                (cancelClick)=\"onPopupClose()\"\n                        ></default-ok-cancel-buttons>\n                    </div>\n                </div>\n            </co-form>\n            </ng-container>\n        </co-dialog>\n    ","styles":[".button-wrapper{margin-top:10px;justify-content:center}co-input-radio-button{margin-left:16px}.transaction-relation-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.transaction-relation-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}\n"]}]}],"members":{"transactionRelationEditForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":152,"character":5},"arguments":["transactionRelationEditForm",{"read":{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"FormComponent","line":152,"character":53}}]}]}],"showPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":5}}]}],"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":161,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"onPopupClose":[{"__symbolic":"method"}],"changeRelationType":[{"__symbolic":"method"}],"changeGenderType":[{"__symbolic":"method"}],"firstNameChange":[{"__symbolic":"method"}],"familyNameChange":[{"__symbolic":"method"}]}},"ɵbs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-service-info","template":"\n        <transaction-summary-block\n                [hideAvatar]=\"true\"\n                [class.disabled]=\"!isNew\"\n                label=\"SERVICE\"\n                [icon]=\"iconWrench\"\n                headerLabel=\"SERVICE_NUMBER\"\n                [headerValue]=\"transactionInfo?.transactionNr\"\n                subHeaderLabel=\"SERVICE_REQUEST_DATE\"\n                [subHeaderValue]=\"transactionInfo?.transactionDate | date:'shortDate'\"\n        ></transaction-summary-block>\n    "}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":5},"arguments":["class.hidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@colijnit/corecomponents_v12","name":"IconCacheService","line":36,"character":31}]}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"transaction-summary-block","template":"\n        <div class=\"block-wrapper\">\n            <div  *ngIf=\"hideAvatar\" class=\"icon-wrapper\">\n                <icon *ngIf=\"icon\" [icon]=\"icon\" class=\"dark\"></icon>\n                <image-display *ngIf=\"!icon\" [model]=\"image\"></image-display>\n            </div>\n            <div class=\"content-wrapper\">\n                <div class=\"value-block\">\n                    <div class=\"header-label\" [textContent]=\"headerLabel | localize\"></div>\n                    <div class=\"header\" [textContent]=\"headerValue\"></div>\n                </div>\n                <div class=\"value-block\">\n                    <div class=\"subheader-label\" [textContent]=\"subHeaderLabel | localize\"></div>\n                    <ng-container *ngIf=\"subHeaderTemplate\" [templateWrapper]=\"subHeaderTemplate\"></ng-container>\n                    <div *ngIf=\"!subHeaderTemplate\" class=\"subheader\" [textContent]=\"subHeaderValue\"></div>\n                </div>\n            </div>\n        </div>\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}:host{width:368px;min-height:130px;height:auto;display:flex;flex-direction:column;margin-top:1px;margin-left:1px;padding:30px 20px}:host .content-wrapper .value-block{margin-bottom:10px}:host .content-wrapper .value-block ::ng-deep .planning-wrapper{justify-content:flex-start}:host .content-wrapper .value-block ::ng-deep .planning-wrapper arrow-link{margin-right:10px}:host .disabled-indicator{position:absolute;top:0;left:0;display:none}:host.disabled .disabled-indicator{display:block}:host ::ng-deep image-display{height:60px;width:60px;flex-shrink:0}:host ::ng-deep image-display span{display:none}:host .icon-wrapper{display:flex;flex-shrink:0;align-items:center;justify-content:center;background:#F8FBFA;height:60px;width:60px;border-radius:50%;border:1px solid #DCE4EA;overflow:hidden}:host .icon-wrapper ::ng-deep icon{height:60px!important;width:60px!important;flex-shrink:0}:host .title{font-size:13px;color:#22313c}:host .block-wrapper{position:relative;display:flex;align-items:center}:host .border{border-radius:3px;padding:15px;background:white;border:1px solid #DCE4EA}:host .content-wrapper{display:flex;flex-direction:column;justify-content:center;margin-left:10px;min-height:60px;height:auto;width:100%}:host .header-label,:host .subheader-label{font-size:11px;line-height:13px;color:#5b6875}:host .header,:host .subheader{font-size:13px;font-weight:bold;color:#22313c}\n"]}]}],"members":{"hideAvatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"headerLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"headerValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"subHeaderLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"subHeaderValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"subHeaderTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":5},"arguments":["subHeaderTemplate",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-service-status","template":"\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"STATUS\"\n                [icon]=\"iconPin\"\n                headerLabel=\"SERVICE_STATE\"\n                [headerValue]=\"serviceStatus\"\n        ></transaction-summary-block>\n    "}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":5},"arguments":["class.hidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}]}},"ɵbv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-order-info","template":"\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"ORDER_INFO\"\n                [icon]=\"iconOrder\"\n                headerLabel=\"ORDER_NUMBER\"\n                [headerValue]=\"isService ? sourceTransactionNr : transactionInfo?.transactionNr\"\n                subHeaderLabel=\"ORDER_DATE\"\n                [subHeaderValue]=\"(isService ? sourceTransactionDate : this.transactionInfo?.transactionDate) | date:'shortDate'\"\n        ></transaction-summary-block>\n    "}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["class.hidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}]}},"ɵbw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-payment-info","template":"\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"PAYMENT\"\n                [icon]=\"euro\"\n                headerLabel=\"TOTAL_AMOUNT\"\n                [headerValue]=\"transactionTotal?.netAmount | coCurrency\"\n                subHeaderLabel=\"PAID_DOWN2\"\n                [subHeaderValue]=\"transactionTotal?.transactionDiscountAmount | coCurrency\"\n        ></transaction-summary-block>\n    "}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["class.hidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}]}},"ɵbx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"transaction-article-info","template":"\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                headerLabel=\"ARTICLE_DESCRIPTION\"\n                [image]=\"imageDataUri\"\n                [headerValue]=\"sourceArticleDescription\"\n                subHeaderLabel=\"ARTICLE_NR\"\n                [subHeaderValue]=\"sourceArticleNr\"\n        ></transaction-summary-block>\n    "}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":5},"arguments":["class.hidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"_getArticleImage":[{"__symbolic":"method"}],"transactionSet":[{"__symbolic":"method"}]}},"ɵby":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"transaction-delivery-summary","template":"\n        <transaction-summary-block\n                label=\"DELIVERY\"\n                [icon]=\"deliveryTruck\"\n                headerLabel=\"DELIVERY_METHOD2\"\n                [headerValue]=\"deliveryMethodDescription\"\n                [subHeaderLabel]=\"transactionInfo?.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'\"\n                [subHeaderValue]=\"transactionInfo?.preferredDeliveryDate ? (transactionInfo?.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo?.deliveryDate | date:'w')\">\n            <ng-template #subHeaderTemplate *ngIf=\"canPlanDelivery\">\n                <div class=\"planning-wrapper\">\n                    <span class=\"subheader\" *ngIf=\"transactionInfo?.preferredDeliveryDate\"\n                          [textContent]=\"(transactionInfo?.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo?.preferredDeliveryDate | date: 'time' \"></span>\n<!--                    <arrow-link *ngIf=\"!transactionInfo.preferredDeliveryDate\"-->\n<!--                            label=\"PLAN_YOUR_DELIVERY\"-->\n<!--                            (click)=\"planningRequestButtonClick.emit($event)\"-->\n<!--                    ></arrow-link>-->\n                    <icon [icon]=\"calendarRoundOpen\" (click)=\"planningRequestButtonClick.emit($event)\"></icon>\n                </div>\n            </ng-template>\n        </transaction-summary-block>\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}:host .planning-wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:row;color:#2b60a7;margin-top:-10px;font-size:13px}:host .planning-wrapper ::ng-deep icon{cursor:pointer}:host .planning-wrapper ::ng-deep icon [fill]{fill:#2b60a7}\n"]}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":5},"arguments":["class.hidden"]}]}],"canPlanDelivery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"planningRequestButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"transactionSet":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"transaction-product-contract-summary","template":"\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"CONTRACT\"\n                [image]=\"product?.imageAsDataUri\"\n                headerLabel=\"PRODUCT\"\n                [headerValue]=\"product?.product\"\n                subHeaderLabel=\"REFERENCE\"\n                [subHeaderValue]=\"product?.productReference\"\n        ></transaction-summary-block>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"productSet":[{"__symbolic":"method"}]}},"ɵca":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵbi"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"transaction-product-summary","template":"\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"PRODUCT\"\n                [image]=\"product?.imageAsDataUri\"\n                headerLabel=\"PRODUCT_TYPE\"\n                [headerValue]=\"product?.productReference\"\n                subHeaderLabel=\"PRODUCT\"\n                [subHeaderValue]=\"product?.product\"\n        ></transaction-summary-block>\n    "}]}],"members":{"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":5},"arguments":["class.hidden"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"productSet":[{"__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","IoneServiceOrderComponent":"./app/component/service-order/ione-service-order.component","IoneServiceOrderModule":"./app/component/service-order/ione-service-order-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/core/stock-status-indicator/stock-status-indicator.component","ɵbe":"./app/component/shopping-cart/characteristic-answer/characteristic-answer.component","ɵbf":"./app/component/core/directive/template-wrapper.directive","ɵbg":"./app/component/core/base/default-ok-cancel-buttons.component","ɵbh":"./app/component/service-order/service-order.component","ɵbi":"./app/component/core/base/transaction-base.component","ɵbj":"./app/component/service-order/transaction-article-text/transaction-article-text.component","ɵbk":"./app/component/service-order/transaction-order-totals/transaction-order-totals.component","ɵbl":"./app/component/service-order/transaction-order-line-view/transaction-order-line-view.component","ɵbm":"./app/component/service-order/transaction-order-lines/transaction-order-lines.component","ɵbn":"./app/component/service-order/transaction-relation/transaction-relation-address.component","ɵbo":"./app/component/service-order/transaction-sidebar/transaction-sidebar-right.component","ɵbp":"./app/component/service-order/transaction-sidebar/transaction-line-accordion.component","ɵbq":"./app/component/service-order/transaction-header-block/transaction-header-block.component","ɵbr":"./app/component/service-order/transaction-relation/transaction-relation-edit.component","ɵbs":"./app/component/service-order/summary/transaction-service-summary.component","ɵbt":"./app/component/service-order/summary/transaction-summary-block.component","ɵbu":"./app/component/service-order/summary/transaction-service-status.component","ɵbv":"./app/component/service-order/summary/transaction-order-summary.component","ɵbw":"./app/component/service-order/summary/transaction-payment-info.component","ɵbx":"./app/component/service-order/summary/transaction-article-summary.component","ɵby":"./app/component/service-order/summary/transaction-delivery-summary.component","ɵbz":"./app/component/service-order/summary/transaction-product-contract-summary.component","ɵca":"./app/component/service-order/summary/transaction-product-summary.component"},"importAs":"@colijnit/transaction"}