@colijnit/transaction 1.9.29 → 12.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/component/checkout/checkout/checkout.component.d.ts +1 -1
- package/app/component/checkout/checkout-login/checkout-login.component.d.ts +1 -1
- package/app/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component.d.ts +1 -1
- package/app/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.d.ts +2 -2
- package/app/component/checkout/ione-checkout.component.d.ts +1 -1
- package/app/component/common/icon/icon.component.d.ts +1 -2
- package/app/component/common/no-image-display/no-image-display.component.d.ts +1 -1
- package/app/component/shopping-cart/characteristic-answer/characteristic-answer.component.d.ts +1 -1
- package/app/component/shopping-cart/ione-shopping-cart.component.d.ts +1 -1
- package/app/component/shopping-cart/shopping-cart/shopping-cart.component.d.ts +2 -2
- package/app/component/shopping-cart/shopping-cart-line/shopping-cart-line.component.d.ts +1 -1
- package/app/component/shopping-cart/shopping-cart-manager/shopping-cart-manager.component.d.ts +1 -1
- package/bundles/colijnit-transaction.umd.js +747 -807
- package/bundles/colijnit-transaction.umd.js.map +1 -1
- package/colijnit-transaction.d.ts +14 -14
- package/colijnit-transaction.metadata.json +1 -1
- package/esm2015/app/component/checkout/checkout/checkout.component.js +24 -26
- package/esm2015/app/component/checkout/checkout-login/checkout-login.component.js +18 -27
- package/esm2015/app/component/checkout/checkout-overview/checkout-overview.component.js +26 -49
- package/esm2015/app/component/checkout/checkout-overview-block/checkout-overview-block.component.js +17 -24
- package/esm2015/app/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component.js +19 -23
- package/esm2015/app/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component.js +28 -41
- package/esm2015/app/component/checkout/checkout-overview-relation-address/checkout-overview-relation-address.component.js +20 -21
- package/esm2015/app/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +27 -36
- package/esm2015/app/component/checkout/checkout-relation-suggestions-list/checkout-relation-suggestions-list.component.js +18 -24
- package/esm2015/app/component/checkout/checkout-relation-suggestions-list-item/checkout-relation-suggestions-list-item.component.js +16 -21
- package/esm2015/app/component/checkout/ione-checkout.component.js +28 -33
- package/esm2015/app/component/checkout/ione-checkout.module.js +55 -58
- package/esm2015/app/component/checkout/retail-transaction-checkout/retail-transaction-checkout.component.js +17 -17
- package/esm2015/app/component/common/icon/icon.component.js +18 -20
- package/esm2015/app/component/common/image-display/image-display.component.js +19 -36
- package/esm2015/app/component/common/no-image-display/no-image-display.component.js +15 -21
- package/esm2015/app/component/core/core.module.js +32 -34
- package/esm2015/app/component/shopping-cart/characteristic-answer/characteristic-answer.component.js +21 -26
- package/esm2015/app/component/shopping-cart/ione-shopping-cart.component.js +32 -47
- package/esm2015/app/component/shopping-cart/ione-shopping-cart.module.js +51 -52
- package/esm2015/app/component/shopping-cart/shopping-cart/shopping-cart.component.js +31 -49
- package/esm2015/app/component/shopping-cart/shopping-cart-line/shopping-cart-line.component.js +27 -38
- package/esm2015/app/component/shopping-cart/shopping-cart-manager/shopping-cart-manager.component.js +28 -37
- package/esm2015/app/component/shopping-cart/stock-status-indicator/stock-status-indicator.component.js +13 -17
- package/esm2015/app/model/business-object.js +6 -6
- package/esm2015/app/pipe/append.pipe.js +6 -8
- package/esm2015/app/pipe/co-currency.pipe.js +8 -11
- package/esm2015/app/pipe/date-duration.pipe.js +10 -10
- package/esm2015/app/pipe/delivery-time.pipe.js +10 -10
- package/esm2015/app/pipe/localize.pipe.js +13 -16
- package/esm2015/app/pipe/safe-style-pipe.js +12 -12
- package/esm2015/app/service/dictionary.service.js +10 -10
- package/esm2015/app/service/ione-connector-adapter.service.js +8 -8
- package/esm2015/app/service/options.service.js +8 -8
- package/esm2015/app/service/transaction-event.service.js +6 -8
- package/esm2015/app/service/transaction.service.js +15 -14
- package/esm2015/colijnit-transaction.js +15 -15
- package/esm2015/factory/decorators/complex-field.decorator.js +2 -2
- package/fesm2015/colijnit-transaction.js +638 -763
- package/fesm2015/colijnit-transaction.js.map +1 -1
- package/package.json +31 -19
- package/bundles/colijnit-transaction.umd.min.js +0 -16
- package/bundles/colijnit-transaction.umd.min.js.map +0 -1
- package/enum/icon.enum.d.ts +0 -281
- package/esm2015/enum/icon.enum.js +0 -283
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { __awaiter
|
|
1
|
+
import { __awaiter } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Injectable, EventEmitter,
|
|
3
|
+
import { Injectable, EventEmitter, Component, Input, Output, ChangeDetectorRef, ViewChild, Pipe, HostBinding, NgModule } from '@angular/core';
|
|
4
4
|
import { BehaviorSubject, Subject, throwError } from 'rxjs';
|
|
5
5
|
import { Options } from '@colijnit/ioneconnector/build/model/options';
|
|
6
6
|
import { CustomerFullObject } from '@colijnit/transactionapi/build/model/customer-full-object.bo';
|
|
@@ -40,7 +40,7 @@ import { RelationNameKind } from '@colijnit/transactionapi/build/enum/relation-n
|
|
|
40
40
|
import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
|
|
41
41
|
import { GenderType } from '@colijnit/transactionapi/build/enum/gender-type.enum';
|
|
42
42
|
import { BusinessObjectUtils } from '@colijnit/transactionapi/build/utils/business-object-utils';
|
|
43
|
-
import { FormComponent, CoSidebarComponent, PromptService, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule } from '@colijnit/
|
|
43
|
+
import { FormComponent, CoSidebarComponent, PromptService, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule } from '@colijnit/corecomponents_v12';
|
|
44
44
|
import { FunctionUtils } from '@colijnit/transactionapi/build/utils/function-utils';
|
|
45
45
|
import { Address } from '@colijnit/transactionapi/build/model/address.bo';
|
|
46
46
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
@@ -54,7 +54,7 @@ import { SortType } from '@colijnit/transactionapi/build/enum/sort-type.enum';
|
|
|
54
54
|
import { SortUtils } from '@colijnit/transactionapi/build/utils/sort-utils';
|
|
55
55
|
import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
|
|
56
56
|
|
|
57
|
-
|
|
57
|
+
class OptionsService {
|
|
58
58
|
constructor() {
|
|
59
59
|
this.optionsLoaded = new BehaviorSubject(false);
|
|
60
60
|
}
|
|
@@ -136,10 +136,11 @@ let OptionsService = class OptionsService {
|
|
|
136
136
|
languageCode: "NL",
|
|
137
137
|
}).then();
|
|
138
138
|
}
|
|
139
|
-
}
|
|
140
|
-
OptionsService =
|
|
141
|
-
Injectable
|
|
142
|
-
]
|
|
139
|
+
}
|
|
140
|
+
OptionsService.decorators = [
|
|
141
|
+
{ type: Injectable }
|
|
142
|
+
];
|
|
143
|
+
OptionsService.ctorParameters = () => [];
|
|
143
144
|
|
|
144
145
|
const PROP_META_KEY$3 = "complexField";
|
|
145
146
|
/**
|
|
@@ -166,7 +167,7 @@ function ComplexField(type) {
|
|
|
166
167
|
// warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
|
|
167
168
|
// to be immediately processed when a class is first imported
|
|
168
169
|
if (!type) {
|
|
169
|
-
//
|
|
170
|
+
// eslint-disable-next-line no-console
|
|
170
171
|
console.warn(`@ComplexField(type): type was UNDEFINED. Called on prop (${ObjectUtils.GetClassName(target)}, ${propertyKey}). ` +
|
|
171
172
|
`Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS ` +
|
|
172
173
|
`where both classes and their dependencies are used, e.g. factory, repository or models..`);
|
|
@@ -631,7 +632,7 @@ class BusinessObject {
|
|
|
631
632
|
const mapKeys = MapPropertyDecorator.GetMapProperty(this, key).split(",");
|
|
632
633
|
const len = mapKeys.length;
|
|
633
634
|
for (let i = 0; i < len; i++) {
|
|
634
|
-
//
|
|
635
|
+
// eslint-disable-next-line
|
|
635
636
|
const mapKey = mapKeys[i].trim();
|
|
636
637
|
const objProp = rawData[mapKey];
|
|
637
638
|
let decorated = false;
|
|
@@ -646,13 +647,13 @@ class BusinessObject {
|
|
|
646
647
|
}
|
|
647
648
|
if (ComplexArrayDecorator$1.IsComplexArray(this, key)) {
|
|
648
649
|
const arrayClass = ComplexArrayDecorator$1.GetComplexArrayType(this, key);
|
|
649
|
-
//
|
|
650
|
+
// eslint-disable-next-line
|
|
650
651
|
const origArray = this[key];
|
|
651
|
-
//
|
|
652
|
+
// eslint-disable-next-line
|
|
652
653
|
const newArray = [];
|
|
653
|
-
//
|
|
654
|
+
// eslint-disable-next-line @typescript-eslint/prefer-for-of
|
|
654
655
|
for (let j = 0; j < origArray.length; j++) {
|
|
655
|
-
//
|
|
656
|
+
// eslint-disable-next-line
|
|
656
657
|
const item = new arrayClass(origArray[j]);
|
|
657
658
|
newArray.push(item);
|
|
658
659
|
}
|
|
@@ -797,7 +798,7 @@ class BusinessObjectFactory {
|
|
|
797
798
|
}
|
|
798
799
|
}
|
|
799
800
|
|
|
800
|
-
|
|
801
|
+
class IOneConnectorAdapterService {
|
|
801
802
|
constructor() {
|
|
802
803
|
this._boFactory = new BusinessObjectFactory();
|
|
803
804
|
this._countryList = [];
|
|
@@ -1247,12 +1248,13 @@ let IOneConnectorAdapterService = class IOneConnectorAdapterService {
|
|
|
1247
1248
|
});
|
|
1248
1249
|
});
|
|
1249
1250
|
}
|
|
1250
|
-
}
|
|
1251
|
-
IOneConnectorAdapterService =
|
|
1252
|
-
Injectable
|
|
1253
|
-
]
|
|
1251
|
+
}
|
|
1252
|
+
IOneConnectorAdapterService.decorators = [
|
|
1253
|
+
{ type: Injectable }
|
|
1254
|
+
];
|
|
1255
|
+
IOneConnectorAdapterService.ctorParameters = () => [];
|
|
1254
1256
|
|
|
1255
|
-
|
|
1257
|
+
class TransactionService {
|
|
1256
1258
|
constructor(_connector) {
|
|
1257
1259
|
this._connector = _connector;
|
|
1258
1260
|
this.transactionUpdated = new EventEmitter();
|
|
@@ -1535,7 +1537,7 @@ let TransactionService = class TransactionService {
|
|
|
1535
1537
|
reject(error);
|
|
1536
1538
|
})
|
|
1537
1539
|
.catch((reason) => {
|
|
1538
|
-
resolve();
|
|
1540
|
+
resolve(null);
|
|
1539
1541
|
});
|
|
1540
1542
|
});
|
|
1541
1543
|
});
|
|
@@ -1554,7 +1556,7 @@ let TransactionService = class TransactionService {
|
|
|
1554
1556
|
}
|
|
1555
1557
|
}))
|
|
1556
1558
|
.catch((reason) => {
|
|
1557
|
-
resolve();
|
|
1559
|
+
resolve(null);
|
|
1558
1560
|
});
|
|
1559
1561
|
});
|
|
1560
1562
|
});
|
|
@@ -1574,7 +1576,7 @@ let TransactionService = class TransactionService {
|
|
|
1574
1576
|
}
|
|
1575
1577
|
}))
|
|
1576
1578
|
.catch((reason) => {
|
|
1577
|
-
resolve();
|
|
1579
|
+
resolve(null);
|
|
1578
1580
|
});
|
|
1579
1581
|
});
|
|
1580
1582
|
});
|
|
@@ -1590,7 +1592,7 @@ let TransactionService = class TransactionService {
|
|
|
1590
1592
|
}
|
|
1591
1593
|
resolve(response);
|
|
1592
1594
|
})).catch((reason) => {
|
|
1593
|
-
resolve();
|
|
1595
|
+
resolve(null);
|
|
1594
1596
|
});
|
|
1595
1597
|
});
|
|
1596
1598
|
});
|
|
@@ -1659,11 +1661,13 @@ let TransactionService = class TransactionService {
|
|
|
1659
1661
|
transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
|
|
1660
1662
|
return transactionDeliveryOptionsRequest;
|
|
1661
1663
|
}
|
|
1662
|
-
}
|
|
1663
|
-
TransactionService =
|
|
1664
|
-
Injectable
|
|
1665
|
-
|
|
1666
|
-
|
|
1664
|
+
}
|
|
1665
|
+
TransactionService.decorators = [
|
|
1666
|
+
{ type: Injectable }
|
|
1667
|
+
];
|
|
1668
|
+
TransactionService.ctorParameters = () => [
|
|
1669
|
+
{ type: IOneConnectorAdapterService }
|
|
1670
|
+
];
|
|
1667
1671
|
|
|
1668
1672
|
var LanguageCode;
|
|
1669
1673
|
(function (LanguageCode) {
|
|
@@ -2018,7 +2022,7 @@ class Dictionary {
|
|
|
2018
2022
|
}
|
|
2019
2023
|
|
|
2020
2024
|
// The localization service, providing peers with text translation functionality.
|
|
2021
|
-
|
|
2025
|
+
class DictionaryService {
|
|
2022
2026
|
constructor() {
|
|
2023
2027
|
this.dictionaryUrl = "js/browser/res/dictionary/";
|
|
2024
2028
|
// private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
|
|
@@ -2039,9 +2043,9 @@ let DictionaryService = class DictionaryService {
|
|
|
2039
2043
|
this._language = language || LanguageCode.Dutch;
|
|
2040
2044
|
if (!this._dictionaries.has(this._language)) {
|
|
2041
2045
|
const dictionary = new Dictionary();
|
|
2042
|
-
//
|
|
2046
|
+
// eslint-disable-next-line no-magic-numbers
|
|
2043
2047
|
if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
|
|
2044
|
-
//
|
|
2048
|
+
// eslint-disable-next-line no-magic-numbers
|
|
2045
2049
|
this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
|
|
2046
2050
|
}
|
|
2047
2051
|
}
|
|
@@ -2071,12 +2075,13 @@ let DictionaryService = class DictionaryService {
|
|
|
2071
2075
|
}
|
|
2072
2076
|
return text;
|
|
2073
2077
|
}
|
|
2074
|
-
}
|
|
2075
|
-
DictionaryService =
|
|
2076
|
-
Injectable
|
|
2077
|
-
]
|
|
2078
|
+
}
|
|
2079
|
+
DictionaryService.decorators = [
|
|
2080
|
+
{ type: Injectable }
|
|
2081
|
+
];
|
|
2082
|
+
DictionaryService.ctorParameters = () => [];
|
|
2078
2083
|
|
|
2079
|
-
|
|
2084
|
+
class TransactionEventService {
|
|
2080
2085
|
constructor() {
|
|
2081
2086
|
this.addToCartBySku = new Subject();
|
|
2082
2087
|
this.addToCartBySelectorResult = new Subject();
|
|
@@ -2085,11 +2090,11 @@ let TransactionEventService = class TransactionEventService {
|
|
|
2085
2090
|
this.addNewUserToShoppingCartModule = new Subject();
|
|
2086
2091
|
this.addUserRelationShoppingCartModule = new Subject();
|
|
2087
2092
|
}
|
|
2088
|
-
}
|
|
2093
|
+
}
|
|
2089
2094
|
TransactionEventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
|
|
2090
|
-
TransactionEventService =
|
|
2091
|
-
Injectable
|
|
2092
|
-
]
|
|
2095
|
+
TransactionEventService.decorators = [
|
|
2096
|
+
{ type: Injectable, args: [{ providedIn: "root" },] }
|
|
2097
|
+
];
|
|
2093
2098
|
|
|
2094
2099
|
var CheckoutSteps;
|
|
2095
2100
|
(function (CheckoutSteps) {
|
|
@@ -2101,7 +2106,7 @@ var CheckoutSteps;
|
|
|
2101
2106
|
CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
|
|
2102
2107
|
})(CheckoutSteps || (CheckoutSteps = {}));
|
|
2103
2108
|
|
|
2104
|
-
|
|
2109
|
+
class CheckoutOverviewBlockComponent {
|
|
2105
2110
|
constructor() {
|
|
2106
2111
|
this.sequenceNr = 1;
|
|
2107
2112
|
this.startInEdit = false;
|
|
@@ -2123,23 +2128,11 @@ let CheckoutOverviewBlockComponent = class CheckoutOverviewBlockComponent {
|
|
|
2123
2128
|
this.editModeChange.emit(this.editMode);
|
|
2124
2129
|
}
|
|
2125
2130
|
}
|
|
2126
|
-
}
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
Input()
|
|
2132
|
-
], CheckoutOverviewBlockComponent.prototype, "label", void 0);
|
|
2133
|
-
__decorate([
|
|
2134
|
-
Input()
|
|
2135
|
-
], CheckoutOverviewBlockComponent.prototype, "startInEdit", void 0);
|
|
2136
|
-
__decorate([
|
|
2137
|
-
Output()
|
|
2138
|
-
], CheckoutOverviewBlockComponent.prototype, "editModeChange", void 0);
|
|
2139
|
-
CheckoutOverviewBlockComponent = __decorate([
|
|
2140
|
-
Component({
|
|
2141
|
-
selector: "checkout-overview-block",
|
|
2142
|
-
template: `
|
|
2131
|
+
}
|
|
2132
|
+
CheckoutOverviewBlockComponent.decorators = [
|
|
2133
|
+
{ type: Component, args: [{
|
|
2134
|
+
selector: "checkout-overview-block",
|
|
2135
|
+
template: `
|
|
2143
2136
|
<div class="overview-wrapper" fxLayout="column" fxLayoutGap="0px">
|
|
2144
2137
|
<div class="overview-header" fxLayout="row">
|
|
2145
2138
|
</div>
|
|
@@ -2148,11 +2141,18 @@ CheckoutOverviewBlockComponent = __decorate([
|
|
|
2148
2141
|
</div>
|
|
2149
2142
|
</div>
|
|
2150
2143
|
`,
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
]
|
|
2144
|
+
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"]
|
|
2145
|
+
},] }
|
|
2146
|
+
];
|
|
2147
|
+
CheckoutOverviewBlockComponent.ctorParameters = () => [];
|
|
2148
|
+
CheckoutOverviewBlockComponent.propDecorators = {
|
|
2149
|
+
sequenceNr: [{ type: Input }],
|
|
2150
|
+
label: [{ type: Input }],
|
|
2151
|
+
startInEdit: [{ type: Input }],
|
|
2152
|
+
editModeChange: [{ type: Output }]
|
|
2153
|
+
};
|
|
2154
2154
|
|
|
2155
|
-
|
|
2155
|
+
class CheckoutOverviewRelationEditComponent {
|
|
2156
2156
|
constructor(_changeDetector, _transactionService) {
|
|
2157
2157
|
this._changeDetector = _changeDetector;
|
|
2158
2158
|
this._transactionService = _transactionService;
|
|
@@ -2174,7 +2174,7 @@ let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditCo
|
|
|
2174
2174
|
// fetches relation suggestions
|
|
2175
2175
|
this._relationNameChangeHandler = FunctionUtils.Throttle(() => {
|
|
2176
2176
|
return this._relationNameChangedHandlerFn();
|
|
2177
|
-
//
|
|
2177
|
+
// eslint-disable-next-line no-magic-numbers
|
|
2178
2178
|
}, 600);
|
|
2179
2179
|
}
|
|
2180
2180
|
set relation(value) {
|
|
@@ -2342,29 +2342,11 @@ let CheckoutOverviewRelationEditComponent = class CheckoutOverviewRelationEditCo
|
|
|
2342
2342
|
this.relationSuggestions = yield this._transactionService.getRelationListObjects(relationRequest);
|
|
2343
2343
|
});
|
|
2344
2344
|
}
|
|
2345
|
-
}
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
ViewChild(CoSidebarComponent, { static: false })
|
|
2351
|
-
], CheckoutOverviewRelationEditComponent.prototype, "relationSidebar", void 0);
|
|
2352
|
-
__decorate([
|
|
2353
|
-
Input()
|
|
2354
|
-
], CheckoutOverviewRelationEditComponent.prototype, "relation", null);
|
|
2355
|
-
__decorate([
|
|
2356
|
-
Input()
|
|
2357
|
-
], CheckoutOverviewRelationEditComponent.prototype, "transaction", void 0);
|
|
2358
|
-
__decorate([
|
|
2359
|
-
Output()
|
|
2360
|
-
], CheckoutOverviewRelationEditComponent.prototype, "validSubmit", void 0);
|
|
2361
|
-
__decorate([
|
|
2362
|
-
Output()
|
|
2363
|
-
], CheckoutOverviewRelationEditComponent.prototype, "invalidSubmit", void 0);
|
|
2364
|
-
CheckoutOverviewRelationEditComponent = __decorate([
|
|
2365
|
-
Component({
|
|
2366
|
-
selector: "checkout-overview-relation-edit",
|
|
2367
|
-
template: `
|
|
2345
|
+
}
|
|
2346
|
+
CheckoutOverviewRelationEditComponent.decorators = [
|
|
2347
|
+
{ type: Component, args: [{
|
|
2348
|
+
selector: "checkout-overview-relation-edit",
|
|
2349
|
+
template: `
|
|
2368
2350
|
<co-form (validSubmit)="validSubmit.emit()" (invalidSubmit)="invalidSubmit.emit()">
|
|
2369
2351
|
<div>
|
|
2370
2352
|
<label [textContent]="'ACCOUNT_DETAILS' | localize"
|
|
@@ -2534,13 +2516,23 @@ CheckoutOverviewRelationEditComponent = __decorate([
|
|
|
2534
2516
|
</co-sidebar>
|
|
2535
2517
|
|
|
2536
2518
|
`,
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2519
|
+
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"]
|
|
2520
|
+
},] }
|
|
2521
|
+
];
|
|
2522
|
+
CheckoutOverviewRelationEditComponent.ctorParameters = () => [
|
|
2523
|
+
{ type: ChangeDetectorRef },
|
|
2524
|
+
{ type: TransactionService }
|
|
2525
|
+
];
|
|
2526
|
+
CheckoutOverviewRelationEditComponent.propDecorators = {
|
|
2527
|
+
relationForm: [{ type: ViewChild, args: [FormComponent, { static: true },] }],
|
|
2528
|
+
relationSidebar: [{ type: ViewChild, args: [CoSidebarComponent, { static: false },] }],
|
|
2529
|
+
relation: [{ type: Input }],
|
|
2530
|
+
transaction: [{ type: Input }],
|
|
2531
|
+
validSubmit: [{ type: Output }],
|
|
2532
|
+
invalidSubmit: [{ type: Output }]
|
|
2533
|
+
};
|
|
2542
2534
|
|
|
2543
|
-
|
|
2535
|
+
class CheckoutOverviewDeliveryEditComponent {
|
|
2544
2536
|
constructor(cdr, _dictionaryService, service) {
|
|
2545
2537
|
this.cdr = cdr;
|
|
2546
2538
|
this._dictionaryService = _dictionaryService;
|
|
@@ -2736,35 +2728,11 @@ let CheckoutOverviewDeliveryEditComponent = class CheckoutOverviewDeliveryEditCo
|
|
|
2736
2728
|
}
|
|
2737
2729
|
});
|
|
2738
2730
|
}
|
|
2739
|
-
}
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
ViewChild("locationForm", { read: FormComponent })
|
|
2745
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "locationForm", void 0);
|
|
2746
|
-
__decorate([
|
|
2747
|
-
ViewChild("changeLocationDialog")
|
|
2748
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "changeLocationDialog", void 0);
|
|
2749
|
-
__decorate([
|
|
2750
|
-
ViewChild("addressGrid")
|
|
2751
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "addressGrid", void 0);
|
|
2752
|
-
__decorate([
|
|
2753
|
-
Input()
|
|
2754
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "relation", void 0);
|
|
2755
|
-
__decorate([
|
|
2756
|
-
Input()
|
|
2757
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "transaction", void 0);
|
|
2758
|
-
__decorate([
|
|
2759
|
-
Output()
|
|
2760
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "validSubmit", void 0);
|
|
2761
|
-
__decorate([
|
|
2762
|
-
Output()
|
|
2763
|
-
], CheckoutOverviewDeliveryEditComponent.prototype, "invalidSubmit", void 0);
|
|
2764
|
-
CheckoutOverviewDeliveryEditComponent = __decorate([
|
|
2765
|
-
Component({
|
|
2766
|
-
selector: "checkout-overview-delivery-edit",
|
|
2767
|
-
template: `
|
|
2731
|
+
}
|
|
2732
|
+
CheckoutOverviewDeliveryEditComponent.decorators = [
|
|
2733
|
+
{ type: Component, args: [{
|
|
2734
|
+
selector: "checkout-overview-delivery-edit",
|
|
2735
|
+
template: `
|
|
2768
2736
|
<co-form #deliveryForm (validSubmit)="validSubmit.emit()" (invalidSubmit)="invalidSubmit.emit()">
|
|
2769
2737
|
<div>
|
|
2770
2738
|
<div>
|
|
@@ -2958,17 +2926,27 @@ CheckoutOverviewDeliveryEditComponent = __decorate([
|
|
|
2958
2926
|
</co-form>
|
|
2959
2927
|
</co-dialog>
|
|
2960
2928
|
`,
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2929
|
+
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"]
|
|
2930
|
+
},] }
|
|
2931
|
+
];
|
|
2932
|
+
CheckoutOverviewDeliveryEditComponent.ctorParameters = () => [
|
|
2933
|
+
{ type: ChangeDetectorRef },
|
|
2934
|
+
{ type: DictionaryService },
|
|
2935
|
+
{ type: TransactionService }
|
|
2936
|
+
];
|
|
2937
|
+
CheckoutOverviewDeliveryEditComponent.propDecorators = {
|
|
2938
|
+
deliveryForm: [{ type: ViewChild, args: ["deliveryForm", { read: FormComponent },] }],
|
|
2939
|
+
locationForm: [{ type: ViewChild, args: ["locationForm", { read: FormComponent },] }],
|
|
2940
|
+
changeLocationDialog: [{ type: ViewChild, args: ["changeLocationDialog",] }],
|
|
2941
|
+
addressGrid: [{ type: ViewChild, args: ["addressGrid",] }],
|
|
2942
|
+
relation: [{ type: Input }],
|
|
2943
|
+
transaction: [{ type: Input }],
|
|
2944
|
+
validSubmit: [{ type: Output }],
|
|
2945
|
+
invalidSubmit: [{ type: Output }]
|
|
2946
|
+
};
|
|
2967
2947
|
|
|
2968
|
-
|
|
2969
|
-
constructor(
|
|
2970
|
-
// public service: RetailTransactionModuleService
|
|
2971
|
-
) {
|
|
2948
|
+
class CheckoutOverviewComponent {
|
|
2949
|
+
constructor() {
|
|
2972
2950
|
this.steps = CheckoutSteps;
|
|
2973
2951
|
//
|
|
2974
2952
|
// @ViewChild("paymentBlock", {read: CheckoutOverviewBlockComponent})
|
|
@@ -2982,7 +2960,7 @@ let CheckoutOverviewComponent = class CheckoutOverviewComponent {
|
|
|
2982
2960
|
this.loginRequested = false;
|
|
2983
2961
|
this.currentStep = CheckoutSteps.Relation;
|
|
2984
2962
|
this.editMode = true;
|
|
2985
|
-
//
|
|
2963
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
|
|
2986
2964
|
this._subscriptions = [];
|
|
2987
2965
|
// TODO: subscribe to relation and transaction service
|
|
2988
2966
|
// this._subscriptions.push(service.relationUpdatedEventEmitter.subscribe((updated: boolean) => {
|
|
@@ -3096,44 +3074,11 @@ let CheckoutOverviewComponent = class CheckoutOverviewComponent {
|
|
|
3096
3074
|
isRelation() {
|
|
3097
3075
|
return (this.relation !== NULL_RELATION_OBJECT);
|
|
3098
3076
|
}
|
|
3099
|
-
}
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
ViewChild("relationForm", { read: CheckoutOverviewRelationEditComponent })
|
|
3105
|
-
], CheckoutOverviewComponent.prototype, "relationForm", void 0);
|
|
3106
|
-
__decorate([
|
|
3107
|
-
ViewChild("deliveryBlock", { read: CheckoutOverviewBlockComponent })
|
|
3108
|
-
], CheckoutOverviewComponent.prototype, "deliveryBlock", void 0);
|
|
3109
|
-
__decorate([
|
|
3110
|
-
ViewChild("deliveryForm", { read: CheckoutOverviewDeliveryEditComponent })
|
|
3111
|
-
], CheckoutOverviewComponent.prototype, "deliveryForm", void 0);
|
|
3112
|
-
__decorate([
|
|
3113
|
-
Input()
|
|
3114
|
-
], CheckoutOverviewComponent.prototype, "relation", void 0);
|
|
3115
|
-
__decorate([
|
|
3116
|
-
Input()
|
|
3117
|
-
], CheckoutOverviewComponent.prototype, "transaction", void 0);
|
|
3118
|
-
__decorate([
|
|
3119
|
-
Input()
|
|
3120
|
-
], CheckoutOverviewComponent.prototype, "userIsApplicationUser", void 0);
|
|
3121
|
-
__decorate([
|
|
3122
|
-
Output()
|
|
3123
|
-
], CheckoutOverviewComponent.prototype, "saveRelation", void 0);
|
|
3124
|
-
__decorate([
|
|
3125
|
-
Output()
|
|
3126
|
-
], CheckoutOverviewComponent.prototype, "saveDelivery", void 0);
|
|
3127
|
-
__decorate([
|
|
3128
|
-
Output()
|
|
3129
|
-
], CheckoutOverviewComponent.prototype, "savePayment", void 0);
|
|
3130
|
-
__decorate([
|
|
3131
|
-
Output()
|
|
3132
|
-
], CheckoutOverviewComponent.prototype, "stepFinished", void 0);
|
|
3133
|
-
CheckoutOverviewComponent = __decorate([
|
|
3134
|
-
Component({
|
|
3135
|
-
selector: "checkout-overview",
|
|
3136
|
-
template: `
|
|
3077
|
+
}
|
|
3078
|
+
CheckoutOverviewComponent.decorators = [
|
|
3079
|
+
{ type: Component, args: [{
|
|
3080
|
+
selector: "checkout-overview",
|
|
3081
|
+
template: `
|
|
3137
3082
|
<checkout-overview-block #relationBlock sequenceNr="2" label="YOUR_DATA"
|
|
3138
3083
|
*ngIf="currentStep === steps.Relation"
|
|
3139
3084
|
(editModeChange)="handleEditChangeRelation($event)">
|
|
@@ -3161,12 +3106,25 @@ CheckoutOverviewComponent = __decorate([
|
|
|
3161
3106
|
</ng-container>
|
|
3162
3107
|
</checkout-overview-block>
|
|
3163
3108
|
`,
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
]
|
|
3109
|
+
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"]
|
|
3110
|
+
},] }
|
|
3111
|
+
];
|
|
3112
|
+
CheckoutOverviewComponent.ctorParameters = () => [];
|
|
3113
|
+
CheckoutOverviewComponent.propDecorators = {
|
|
3114
|
+
relationBlock: [{ type: ViewChild, args: ["relationBlock", { read: CheckoutOverviewBlockComponent },] }],
|
|
3115
|
+
relationForm: [{ type: ViewChild, args: ["relationForm", { read: CheckoutOverviewRelationEditComponent },] }],
|
|
3116
|
+
deliveryBlock: [{ type: ViewChild, args: ["deliveryBlock", { read: CheckoutOverviewBlockComponent },] }],
|
|
3117
|
+
deliveryForm: [{ type: ViewChild, args: ["deliveryForm", { read: CheckoutOverviewDeliveryEditComponent },] }],
|
|
3118
|
+
relation: [{ type: Input }],
|
|
3119
|
+
transaction: [{ type: Input }],
|
|
3120
|
+
userIsApplicationUser: [{ type: Input }],
|
|
3121
|
+
saveRelation: [{ type: Output }],
|
|
3122
|
+
saveDelivery: [{ type: Output }],
|
|
3123
|
+
savePayment: [{ type: Output }],
|
|
3124
|
+
stepFinished: [{ type: Output }]
|
|
3125
|
+
};
|
|
3167
3126
|
|
|
3168
|
-
|
|
3169
|
-
let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
|
|
3127
|
+
class CheckoutComponent {
|
|
3170
3128
|
constructor(service, promptService) {
|
|
3171
3129
|
this.service = service;
|
|
3172
3130
|
this.promptService = promptService;
|
|
@@ -3204,12 +3162,12 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
|
|
|
3204
3162
|
}
|
|
3205
3163
|
continue() {
|
|
3206
3164
|
let toNextStep = false;
|
|
3207
|
-
if (
|
|
3165
|
+
if (CheckoutComponent._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Relation) {
|
|
3208
3166
|
toNextStep = this.overview.relationForm.submit();
|
|
3209
3167
|
this.completedRelation = toNextStep;
|
|
3210
3168
|
this.completedDelivery = false;
|
|
3211
3169
|
}
|
|
3212
|
-
if (
|
|
3170
|
+
if (CheckoutComponent._currentStepByIndex(this.stepper.selectedIndex) === CheckoutSteps.Delivery) {
|
|
3213
3171
|
toNextStep = this.overview.deliveryForm.submit();
|
|
3214
3172
|
this.completedDelivery = toNextStep;
|
|
3215
3173
|
}
|
|
@@ -3259,7 +3217,7 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
|
|
|
3259
3217
|
});
|
|
3260
3218
|
}
|
|
3261
3219
|
stepChanged(event) {
|
|
3262
|
-
this.overview.moveToStep(
|
|
3220
|
+
this.overview.moveToStep(CheckoutComponent._currentStepByIndex(event.selectedIndex), true);
|
|
3263
3221
|
}
|
|
3264
3222
|
insertData() {
|
|
3265
3223
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -3272,17 +3230,11 @@ let CheckoutComponent = CheckoutComponent_1 = class CheckoutComponent {
|
|
|
3272
3230
|
yield this.service.updateCustomer(relation);
|
|
3273
3231
|
});
|
|
3274
3232
|
}
|
|
3275
|
-
}
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
ViewChild("stepper")
|
|
3281
|
-
], CheckoutComponent.prototype, "stepper", void 0);
|
|
3282
|
-
CheckoutComponent = CheckoutComponent_1 = __decorate([
|
|
3283
|
-
Component({
|
|
3284
|
-
selector: "app-checkout",
|
|
3285
|
-
template: `
|
|
3233
|
+
}
|
|
3234
|
+
CheckoutComponent.decorators = [
|
|
3235
|
+
{ type: Component, args: [{
|
|
3236
|
+
selector: "app-checkout",
|
|
3237
|
+
template: `
|
|
3286
3238
|
<div class="checkout-viewport">
|
|
3287
3239
|
<mat-horizontal-stepper #stepper
|
|
3288
3240
|
[linear]="true" labelPosition="bottom"
|
|
@@ -3301,13 +3253,19 @@ CheckoutComponent = CheckoutComponent_1 = __decorate([
|
|
|
3301
3253
|
<div class="step-content-customer"></div>
|
|
3302
3254
|
</div>
|
|
3303
3255
|
`,
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3256
|
+
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"]
|
|
3257
|
+
},] }
|
|
3258
|
+
];
|
|
3259
|
+
CheckoutComponent.ctorParameters = () => [
|
|
3260
|
+
{ type: TransactionService },
|
|
3261
|
+
{ type: PromptService }
|
|
3262
|
+
];
|
|
3263
|
+
CheckoutComponent.propDecorators = {
|
|
3264
|
+
overview: [{ type: ViewChild, args: [CheckoutOverviewComponent,] }],
|
|
3265
|
+
stepper: [{ type: ViewChild, args: ["stepper",] }]
|
|
3266
|
+
};
|
|
3309
3267
|
|
|
3310
|
-
|
|
3268
|
+
class RetailTransactionCheckoutComponent {
|
|
3311
3269
|
constructor(service) {
|
|
3312
3270
|
this.service = service;
|
|
3313
3271
|
}
|
|
@@ -3332,14 +3290,11 @@ let RetailTransactionCheckoutComponent = class RetailTransactionCheckoutComponen
|
|
|
3332
3290
|
previousCheckout() {
|
|
3333
3291
|
this.checkout.previous();
|
|
3334
3292
|
}
|
|
3335
|
-
}
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
Component({
|
|
3341
|
-
selector: "app-retail-transaction-checkout",
|
|
3342
|
-
template: `
|
|
3293
|
+
}
|
|
3294
|
+
RetailTransactionCheckoutComponent.decorators = [
|
|
3295
|
+
{ type: Component, args: [{
|
|
3296
|
+
selector: "app-retail-transaction-checkout",
|
|
3297
|
+
template: `
|
|
3343
3298
|
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
3344
3299
|
<app-checkout class="checkout"></app-checkout>
|
|
3345
3300
|
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
@@ -3350,12 +3305,17 @@ RetailTransactionCheckoutComponent = __decorate([
|
|
|
3350
3305
|
</div>
|
|
3351
3306
|
</ng-template>
|
|
3352
3307
|
`,
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
|
|
3308
|
+
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"]
|
|
3309
|
+
},] }
|
|
3310
|
+
];
|
|
3311
|
+
RetailTransactionCheckoutComponent.ctorParameters = () => [
|
|
3312
|
+
{ type: TransactionService }
|
|
3313
|
+
];
|
|
3314
|
+
RetailTransactionCheckoutComponent.propDecorators = {
|
|
3315
|
+
checkout: [{ type: ViewChild, args: [CheckoutComponent, { static: true },] }]
|
|
3316
|
+
};
|
|
3357
3317
|
|
|
3358
|
-
|
|
3318
|
+
class CheckoutLoginComponent {
|
|
3359
3319
|
constructor() {
|
|
3360
3320
|
this.createNewAccountSubmit = new EventEmitter();
|
|
3361
3321
|
this.continueWithoutSubmit = new EventEmitter();
|
|
@@ -3389,26 +3349,11 @@ let CheckoutLoginComponent = class CheckoutLoginComponent {
|
|
|
3389
3349
|
this.createNewAccountSubmit.emit();
|
|
3390
3350
|
}
|
|
3391
3351
|
}
|
|
3392
|
-
}
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
ViewChild("accountForm")
|
|
3398
|
-
], CheckoutLoginComponent.prototype, "accountForm", void 0);
|
|
3399
|
-
__decorate([
|
|
3400
|
-
Output()
|
|
3401
|
-
], CheckoutLoginComponent.prototype, "createNewAccountSubmit", void 0);
|
|
3402
|
-
__decorate([
|
|
3403
|
-
Output()
|
|
3404
|
-
], CheckoutLoginComponent.prototype, "continueWithoutSubmit", void 0);
|
|
3405
|
-
__decorate([
|
|
3406
|
-
Output()
|
|
3407
|
-
], CheckoutLoginComponent.prototype, "loginSubmit", void 0);
|
|
3408
|
-
CheckoutLoginComponent = __decorate([
|
|
3409
|
-
Component({
|
|
3410
|
-
selector: "checkout-login",
|
|
3411
|
-
template: `
|
|
3352
|
+
}
|
|
3353
|
+
CheckoutLoginComponent.decorators = [
|
|
3354
|
+
{ type: Component, args: [{
|
|
3355
|
+
selector: "checkout-login",
|
|
3356
|
+
template: `
|
|
3412
3357
|
<h1>{{ "LOGIN" | localize}}</h1>
|
|
3413
3358
|
<div class="users">
|
|
3414
3359
|
<co-form #loginForm (validSubmit)="login()">
|
|
@@ -3463,11 +3408,19 @@ CheckoutLoginComponent = __decorate([
|
|
|
3463
3408
|
</co-form>
|
|
3464
3409
|
</div>
|
|
3465
3410
|
`,
|
|
3466
|
-
|
|
3467
|
-
|
|
3468
|
-
]
|
|
3411
|
+
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"]
|
|
3412
|
+
},] }
|
|
3413
|
+
];
|
|
3414
|
+
CheckoutLoginComponent.ctorParameters = () => [];
|
|
3415
|
+
CheckoutLoginComponent.propDecorators = {
|
|
3416
|
+
loginForm: [{ type: ViewChild, args: ["loginForm",] }],
|
|
3417
|
+
accountForm: [{ type: ViewChild, args: ["accountForm",] }],
|
|
3418
|
+
createNewAccountSubmit: [{ type: Output }],
|
|
3419
|
+
continueWithoutSubmit: [{ type: Output }],
|
|
3420
|
+
loginSubmit: [{ type: Output }]
|
|
3421
|
+
};
|
|
3469
3422
|
|
|
3470
|
-
|
|
3423
|
+
class IoneCheckoutComponent {
|
|
3471
3424
|
constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
|
|
3472
3425
|
this._changeDetector = _changeDetector;
|
|
3473
3426
|
this._optionsService = _optionsService;
|
|
@@ -3557,23 +3510,11 @@ let IoneCheckoutComponent = class IoneCheckoutComponent {
|
|
|
3557
3510
|
this.loggedIn = true;
|
|
3558
3511
|
this.show = true;
|
|
3559
3512
|
}
|
|
3560
|
-
}
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
ViewChild(CheckoutLoginComponent)
|
|
3566
|
-
], IoneCheckoutComponent.prototype, "checkoutLogin", void 0);
|
|
3567
|
-
__decorate([
|
|
3568
|
-
Input()
|
|
3569
|
-
], IoneCheckoutComponent.prototype, "options", null);
|
|
3570
|
-
__decorate([
|
|
3571
|
-
Input()
|
|
3572
|
-
], IoneCheckoutComponent.prototype, "applicationUser", null);
|
|
3573
|
-
IoneCheckoutComponent = __decorate([
|
|
3574
|
-
Component({
|
|
3575
|
-
selector: "ione-checkout",
|
|
3576
|
-
template: `
|
|
3513
|
+
}
|
|
3514
|
+
IoneCheckoutComponent.decorators = [
|
|
3515
|
+
{ type: Component, args: [{
|
|
3516
|
+
selector: "ione-checkout",
|
|
3517
|
+
template: `
|
|
3577
3518
|
<ng-container *ngIf="show && (applicationUser || loggedIn)">
|
|
3578
3519
|
<app-retail-transaction-checkout></app-retail-transaction-checkout>
|
|
3579
3520
|
</ng-container>
|
|
@@ -3587,18 +3528,26 @@ IoneCheckoutComponent = __decorate([
|
|
|
3587
3528
|
></checkout-login>
|
|
3588
3529
|
</div>
|
|
3589
3530
|
`
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
|
|
3593
|
-
|
|
3594
|
-
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3531
|
+
},] }
|
|
3532
|
+
];
|
|
3533
|
+
IoneCheckoutComponent.ctorParameters = () => [
|
|
3534
|
+
{ type: ChangeDetectorRef },
|
|
3535
|
+
{ type: OptionsService },
|
|
3536
|
+
{ type: IOneConnectorAdapterService },
|
|
3537
|
+
{ type: DictionaryService },
|
|
3538
|
+
{ type: TransactionService },
|
|
3539
|
+
{ type: TransactionEventService },
|
|
3540
|
+
{ type: PromptService },
|
|
3541
|
+
{ type: TransactionEventService }
|
|
3542
|
+
];
|
|
3543
|
+
IoneCheckoutComponent.propDecorators = {
|
|
3544
|
+
retailCheckout: [{ type: ViewChild, args: [RetailTransactionCheckoutComponent,] }],
|
|
3545
|
+
checkoutLogin: [{ type: ViewChild, args: [CheckoutLoginComponent,] }],
|
|
3546
|
+
options: [{ type: Input }],
|
|
3547
|
+
applicationUser: [{ type: Input }]
|
|
3548
|
+
};
|
|
3600
3549
|
|
|
3601
|
-
|
|
3550
|
+
class CheckoutOverviewRelationAddressComponent {
|
|
3602
3551
|
constructor(_dictionary, _connector) {
|
|
3603
3552
|
this._dictionary = _dictionary;
|
|
3604
3553
|
this._connector = _connector;
|
|
@@ -3645,17 +3594,11 @@ let CheckoutOverviewRelationAddressComponent = class CheckoutOverviewRelationAdd
|
|
|
3645
3594
|
changeHouseNo() {
|
|
3646
3595
|
this.address.houseNo = Number(this.address.houseNo);
|
|
3647
3596
|
}
|
|
3648
|
-
}
|
|
3649
|
-
|
|
3650
|
-
|
|
3651
|
-
|
|
3652
|
-
|
|
3653
|
-
Input()
|
|
3654
|
-
], CheckoutOverviewRelationAddressComponent.prototype, "address", null);
|
|
3655
|
-
CheckoutOverviewRelationAddressComponent = __decorate([
|
|
3656
|
-
Component({
|
|
3657
|
-
selector: "checkout-overview-relation-address",
|
|
3658
|
-
template: `
|
|
3597
|
+
}
|
|
3598
|
+
CheckoutOverviewRelationAddressComponent.decorators = [
|
|
3599
|
+
{ type: Component, args: [{
|
|
3600
|
+
selector: "checkout-overview-relation-address",
|
|
3601
|
+
template: `
|
|
3659
3602
|
<label [textContent]="label | localize"
|
|
3660
3603
|
class="checkout-label-h3"
|
|
3661
3604
|
></label>
|
|
@@ -3700,13 +3643,19 @@ CheckoutOverviewRelationAddressComponent = __decorate([
|
|
|
3700
3643
|
</div>
|
|
3701
3644
|
</div>
|
|
3702
3645
|
`,
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
|
|
3707
|
-
|
|
3646
|
+
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"]
|
|
3647
|
+
},] }
|
|
3648
|
+
];
|
|
3649
|
+
CheckoutOverviewRelationAddressComponent.ctorParameters = () => [
|
|
3650
|
+
{ type: DictionaryService },
|
|
3651
|
+
{ type: IOneConnectorAdapterService }
|
|
3652
|
+
];
|
|
3653
|
+
CheckoutOverviewRelationAddressComponent.propDecorators = {
|
|
3654
|
+
label: [{ type: Input }],
|
|
3655
|
+
address: [{ type: Input }]
|
|
3656
|
+
};
|
|
3708
3657
|
|
|
3709
|
-
|
|
3658
|
+
class CheckoutOverviewDeliveryAddressComponent {
|
|
3710
3659
|
constructor(service) {
|
|
3711
3660
|
this.service = service;
|
|
3712
3661
|
this.editRequest = new EventEmitter();
|
|
@@ -3714,20 +3663,11 @@ let CheckoutOverviewDeliveryAddressComponent = class CheckoutOverviewDeliveryAdd
|
|
|
3714
3663
|
onClick() {
|
|
3715
3664
|
this.editRequest.emit();
|
|
3716
3665
|
}
|
|
3717
|
-
}
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
Input()
|
|
3723
|
-
], CheckoutOverviewDeliveryAddressComponent.prototype, "address", void 0);
|
|
3724
|
-
__decorate([
|
|
3725
|
-
Output()
|
|
3726
|
-
], CheckoutOverviewDeliveryAddressComponent.prototype, "editRequest", void 0);
|
|
3727
|
-
CheckoutOverviewDeliveryAddressComponent = __decorate([
|
|
3728
|
-
Component({
|
|
3729
|
-
selector: "checkout-overview-delivery-address",
|
|
3730
|
-
template: `
|
|
3666
|
+
}
|
|
3667
|
+
CheckoutOverviewDeliveryAddressComponent.decorators = [
|
|
3668
|
+
{ type: Component, args: [{
|
|
3669
|
+
selector: "checkout-overview-delivery-address",
|
|
3670
|
+
template: `
|
|
3731
3671
|
<div>
|
|
3732
3672
|
<div>
|
|
3733
3673
|
<label [textContent]="label | localize"
|
|
@@ -3748,10 +3688,17 @@ CheckoutOverviewDeliveryAddressComponent = __decorate([
|
|
|
3748
3688
|
</div>
|
|
3749
3689
|
</div>
|
|
3750
3690
|
`,
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
|
|
3754
|
-
|
|
3691
|
+
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", ""]
|
|
3692
|
+
},] }
|
|
3693
|
+
];
|
|
3694
|
+
CheckoutOverviewDeliveryAddressComponent.ctorParameters = () => [
|
|
3695
|
+
{ type: TransactionService }
|
|
3696
|
+
];
|
|
3697
|
+
CheckoutOverviewDeliveryAddressComponent.propDecorators = {
|
|
3698
|
+
label: [{ type: Input }],
|
|
3699
|
+
address: [{ type: Input }],
|
|
3700
|
+
editRequest: [{ type: Output }]
|
|
3701
|
+
};
|
|
3755
3702
|
|
|
3756
3703
|
// Direction type for regular straight directions.
|
|
3757
3704
|
var Direction;
|
|
@@ -3762,27 +3709,18 @@ var Direction;
|
|
|
3762
3709
|
Direction["Down"] = "bottom";
|
|
3763
3710
|
})(Direction || (Direction = {}));
|
|
3764
3711
|
|
|
3765
|
-
|
|
3712
|
+
class CheckOutRelationSuggestionsListComponent {
|
|
3766
3713
|
constructor() {
|
|
3767
3714
|
this.suggestions = [];
|
|
3768
3715
|
this.arrowDirection = Direction.Left;
|
|
3769
3716
|
// Emits the clicked relation list object.
|
|
3770
3717
|
this.suggestionButtonClick = new EventEmitter();
|
|
3771
3718
|
}
|
|
3772
|
-
}
|
|
3773
|
-
|
|
3774
|
-
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
Input()
|
|
3778
|
-
], CheckOutRelationSuggestionsListComponent.prototype, "arrowDirection", void 0);
|
|
3779
|
-
__decorate([
|
|
3780
|
-
Output()
|
|
3781
|
-
], CheckOutRelationSuggestionsListComponent.prototype, "suggestionButtonClick", void 0);
|
|
3782
|
-
CheckOutRelationSuggestionsListComponent = __decorate([
|
|
3783
|
-
Component({
|
|
3784
|
-
selector: "checkout-relation-suggestions-list",
|
|
3785
|
-
template: `
|
|
3719
|
+
}
|
|
3720
|
+
CheckOutRelationSuggestionsListComponent.decorators = [
|
|
3721
|
+
{ type: Component, args: [{
|
|
3722
|
+
selector: "checkout-relation-suggestions-list",
|
|
3723
|
+
template: `
|
|
3786
3724
|
<div class="flex-column items-wrapper">
|
|
3787
3725
|
<checkout-relation-suggestions-list-item *ngFor="let suggestion of suggestions" [suggestion]="suggestion"
|
|
3788
3726
|
[arrowDirection]="arrowDirection"
|
|
@@ -3790,14 +3728,19 @@ CheckOutRelationSuggestionsListComponent = __decorate([
|
|
|
3790
3728
|
<span *ngIf="suggestions?.length === 0" class="no-results" localize="NO_RESULTS_FOUND"></span>
|
|
3791
3729
|
</div>
|
|
3792
3730
|
`,
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
|
|
3798
|
-
]
|
|
3731
|
+
host: {
|
|
3732
|
+
"class": "narrow-scrollbar"
|
|
3733
|
+
},
|
|
3734
|
+
styles: [""]
|
|
3735
|
+
},] }
|
|
3736
|
+
];
|
|
3737
|
+
CheckOutRelationSuggestionsListComponent.propDecorators = {
|
|
3738
|
+
suggestions: [{ type: Input }],
|
|
3739
|
+
arrowDirection: [{ type: Input }],
|
|
3740
|
+
suggestionButtonClick: [{ type: Output }]
|
|
3741
|
+
};
|
|
3799
3742
|
|
|
3800
|
-
|
|
3743
|
+
class CheckOutRelationSuggestionsListItemComponent {
|
|
3801
3744
|
constructor() {
|
|
3802
3745
|
this.buttonClick = new EventEmitter();
|
|
3803
3746
|
// public icon: Icon;
|
|
@@ -3817,20 +3760,11 @@ let CheckOutRelationSuggestionsListItemComponent = class CheckOutRelationSuggest
|
|
|
3817
3760
|
// this.icon = Icon.ArrowFatRight;
|
|
3818
3761
|
// }
|
|
3819
3762
|
}
|
|
3820
|
-
}
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
|
-
Input()
|
|
3826
|
-
], CheckOutRelationSuggestionsListItemComponent.prototype, "arrowDirection", null);
|
|
3827
|
-
__decorate([
|
|
3828
|
-
Output()
|
|
3829
|
-
], CheckOutRelationSuggestionsListItemComponent.prototype, "buttonClick", void 0);
|
|
3830
|
-
CheckOutRelationSuggestionsListItemComponent = __decorate([
|
|
3831
|
-
Component({
|
|
3832
|
-
selector: "checkout-relation-suggestions-list-item",
|
|
3833
|
-
template: `
|
|
3763
|
+
}
|
|
3764
|
+
CheckOutRelationSuggestionsListItemComponent.decorators = [
|
|
3765
|
+
{ type: Component, args: [{
|
|
3766
|
+
selector: "checkout-relation-suggestions-list-item",
|
|
3767
|
+
template: `
|
|
3834
3768
|
<!-- <div class="left" fxLayout fxLayoutAlign="start center">-->
|
|
3835
3769
|
<!-- <avatar [relation]="suggestion" class="smaller"></avatar>-->
|
|
3836
3770
|
<!-- </div>-->
|
|
@@ -3846,11 +3780,18 @@ CheckOutRelationSuggestionsListItemComponent = __decorate([
|
|
|
3846
3780
|
</div>
|
|
3847
3781
|
<co-button [label]="'SELECT' | localize" class="popup rounded" (click)="buttonClick.emit($event)"></co-button>
|
|
3848
3782
|
`,
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
]
|
|
3783
|
+
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"]
|
|
3784
|
+
},] }
|
|
3785
|
+
];
|
|
3786
|
+
CheckOutRelationSuggestionsListItemComponent.ctorParameters = () => [];
|
|
3787
|
+
CheckOutRelationSuggestionsListItemComponent.propDecorators = {
|
|
3788
|
+
suggestion: [{ type: Input }],
|
|
3789
|
+
arrowDirection: [{ type: Input }],
|
|
3790
|
+
buttonClick: [{ type: Output }]
|
|
3791
|
+
};
|
|
3852
3792
|
|
|
3853
|
-
|
|
3793
|
+
// A pipe for appending strings to other strings in view templates.
|
|
3794
|
+
class AppendPipe {
|
|
3854
3795
|
transform(value, append) {
|
|
3855
3796
|
if (!value) {
|
|
3856
3797
|
return "";
|
|
@@ -3860,10 +3801,10 @@ let AppendPipe = class AppendPipe {
|
|
|
3860
3801
|
}
|
|
3861
3802
|
return value + append;
|
|
3862
3803
|
}
|
|
3863
|
-
}
|
|
3864
|
-
AppendPipe =
|
|
3865
|
-
Pipe
|
|
3866
|
-
]
|
|
3804
|
+
}
|
|
3805
|
+
AppendPipe.decorators = [
|
|
3806
|
+
{ type: Pipe, args: [{ name: "append" },] }
|
|
3807
|
+
];
|
|
3867
3808
|
|
|
3868
3809
|
// Time size types, as in 'days' or 'weeks' or 'months'.
|
|
3869
3810
|
var TimeSizeType;
|
|
@@ -3875,7 +3816,7 @@ var TimeSizeType;
|
|
|
3875
3816
|
TimeSizeType["Years"] = "years";
|
|
3876
3817
|
})(TimeSizeType || (TimeSizeType = {}));
|
|
3877
3818
|
|
|
3878
|
-
|
|
3819
|
+
class DateDurationPipe {
|
|
3879
3820
|
constructor(_dictionary) {
|
|
3880
3821
|
this._dictionary = _dictionary;
|
|
3881
3822
|
}
|
|
@@ -3920,13 +3861,15 @@ let DateDurationPipe = class DateDurationPipe {
|
|
|
3920
3861
|
}
|
|
3921
3862
|
return deltaWeeks + " " + weeksSuffix;
|
|
3922
3863
|
}
|
|
3923
|
-
}
|
|
3924
|
-
DateDurationPipe =
|
|
3925
|
-
Pipe
|
|
3926
|
-
|
|
3927
|
-
|
|
3864
|
+
}
|
|
3865
|
+
DateDurationPipe.decorators = [
|
|
3866
|
+
{ type: Pipe, args: [{ name: "dateDuration", pure: false },] }
|
|
3867
|
+
];
|
|
3868
|
+
DateDurationPipe.ctorParameters = () => [
|
|
3869
|
+
{ type: DictionaryService }
|
|
3870
|
+
];
|
|
3928
3871
|
|
|
3929
|
-
|
|
3872
|
+
class DeliveryTimePipe extends DateDurationPipe {
|
|
3930
3873
|
constructor(_dictionaryService) {
|
|
3931
3874
|
super(_dictionaryService);
|
|
3932
3875
|
}
|
|
@@ -3946,16 +3889,17 @@ let DeliveryTimePipe = class DeliveryTimePipe extends DateDurationPipe {
|
|
|
3946
3889
|
return super.transform(value, timeSize);
|
|
3947
3890
|
}
|
|
3948
3891
|
}
|
|
3949
|
-
}
|
|
3950
|
-
DeliveryTimePipe =
|
|
3951
|
-
Pipe
|
|
3952
|
-
|
|
3953
|
-
|
|
3892
|
+
}
|
|
3893
|
+
DeliveryTimePipe.decorators = [
|
|
3894
|
+
{ type: Pipe, args: [{ name: "deliveryTime", pure: false },] }
|
|
3895
|
+
];
|
|
3896
|
+
DeliveryTimePipe.ctorParameters = () => [
|
|
3897
|
+
{ type: DictionaryService }
|
|
3898
|
+
];
|
|
3954
3899
|
|
|
3955
|
-
let LocalizePipe =
|
|
3956
3900
|
// A pipe for localizing string values in view templates.
|
|
3957
3901
|
class LocalizePipe {
|
|
3958
|
-
//
|
|
3902
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle, id-blacklist, id-match
|
|
3959
3903
|
constructor(_dictionaryService) {
|
|
3960
3904
|
this._dictionaryService = _dictionaryService;
|
|
3961
3905
|
}
|
|
@@ -3969,18 +3913,21 @@ class LocalizePipe {
|
|
|
3969
3913
|
}
|
|
3970
3914
|
return this._dictionaryService.get(value, upperCaseFirst, ...replace);
|
|
3971
3915
|
}
|
|
3972
|
-
}
|
|
3973
|
-
LocalizePipe =
|
|
3974
|
-
Pipe
|
|
3975
|
-
|
|
3976
|
-
|
|
3977
|
-
|
|
3978
|
-
|
|
3979
|
-
|
|
3980
|
-
]
|
|
3916
|
+
}
|
|
3917
|
+
LocalizePipe.decorators = [
|
|
3918
|
+
{ type: Pipe, args: [{
|
|
3919
|
+
name: "localize"
|
|
3920
|
+
},] }
|
|
3921
|
+
];
|
|
3922
|
+
LocalizePipe.ctorParameters = () => [
|
|
3923
|
+
{ type: DictionaryService }
|
|
3924
|
+
];
|
|
3981
3925
|
|
|
3982
|
-
|
|
3983
|
-
|
|
3926
|
+
/**
|
|
3927
|
+
* A pipe for transforming strings or numbers to currency formatted strings for display as a price text, e.g. the number 1300.82 to "€ 1,300.82"
|
|
3928
|
+
* or the string "9000" to "€ 9000,-"
|
|
3929
|
+
*/
|
|
3930
|
+
class CoCurrencyPipe {
|
|
3984
3931
|
transform(value, allowZero = false) {
|
|
3985
3932
|
if (value === null || value === undefined) {
|
|
3986
3933
|
if (allowZero) {
|
|
@@ -4000,7 +3947,7 @@ let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
|
|
|
4000
3947
|
}
|
|
4001
3948
|
// append ,- if integer
|
|
4002
3949
|
if (NumberUtils.IsInteger(valueAsFloat)) {
|
|
4003
|
-
suffix =
|
|
3950
|
+
suffix = CoCurrencyPipe._WholeNumberedPriceSuffix;
|
|
4004
3951
|
}
|
|
4005
3952
|
let valueAsString = valueAsFloat.toString();
|
|
4006
3953
|
// add extra zero if price has only one decimal, something like '100.2'
|
|
@@ -4012,31 +3959,33 @@ let CoCurrencyPipe = CoCurrencyPipe_1 = class CoCurrencyPipe {
|
|
|
4012
3959
|
valueAsString = valueAsString.replace(",", "#");
|
|
4013
3960
|
valueAsString = valueAsString.replace(".", ",");
|
|
4014
3961
|
valueAsString = valueAsString.replace("#", ".");
|
|
4015
|
-
return
|
|
3962
|
+
return CoCurrencyPipe._CurrencySymbol + " " + valueAsString + suffix;
|
|
4016
3963
|
}
|
|
4017
|
-
}
|
|
3964
|
+
}
|
|
4018
3965
|
CoCurrencyPipe._CurrencySymbol = "€";
|
|
4019
3966
|
CoCurrencyPipe._WholeNumberedPriceSuffix = ",-";
|
|
4020
|
-
CoCurrencyPipe =
|
|
4021
|
-
Pipe
|
|
4022
|
-
]
|
|
3967
|
+
CoCurrencyPipe.decorators = [
|
|
3968
|
+
{ type: Pipe, args: [{ name: "coCurrency" },] }
|
|
3969
|
+
];
|
|
4023
3970
|
|
|
4024
|
-
|
|
3971
|
+
class SafeStylePipe {
|
|
4025
3972
|
constructor(_sanitizer) {
|
|
4026
3973
|
this._sanitizer = _sanitizer;
|
|
4027
3974
|
}
|
|
4028
3975
|
transform(value) {
|
|
4029
3976
|
return this._sanitizer.bypassSecurityTrustStyle(value);
|
|
4030
3977
|
}
|
|
4031
|
-
}
|
|
4032
|
-
SafeStylePipe =
|
|
4033
|
-
Pipe
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4037
|
-
|
|
3978
|
+
}
|
|
3979
|
+
SafeStylePipe.decorators = [
|
|
3980
|
+
{ type: Pipe, args: [{
|
|
3981
|
+
name: "safeStyle"
|
|
3982
|
+
},] }
|
|
3983
|
+
];
|
|
3984
|
+
SafeStylePipe.ctorParameters = () => [
|
|
3985
|
+
{ type: DomSanitizer }
|
|
3986
|
+
];
|
|
4038
3987
|
|
|
4039
|
-
|
|
3988
|
+
class ImageDisplayComponent {
|
|
4040
3989
|
constructor() {
|
|
4041
3990
|
// The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
|
|
4042
3991
|
this.label = "NO_IMAGE";
|
|
@@ -4052,46 +4001,30 @@ let ImageDisplayComponent = class ImageDisplayComponent {
|
|
|
4052
4001
|
get shouldBeHidden() {
|
|
4053
4002
|
return (this.hideOnEmptyModel && !this.model);
|
|
4054
4003
|
}
|
|
4055
|
-
}
|
|
4056
|
-
|
|
4057
|
-
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
Input()
|
|
4061
|
-
], ImageDisplayComponent.prototype, "label", void 0);
|
|
4062
|
-
__decorate([
|
|
4063
|
-
Input()
|
|
4064
|
-
], ImageDisplayComponent.prototype, "hideOnEmptyModel", void 0);
|
|
4065
|
-
__decorate([
|
|
4066
|
-
Input(),
|
|
4067
|
-
HostBinding("class.circle")
|
|
4068
|
-
], ImageDisplayComponent.prototype, "circle", void 0);
|
|
4069
|
-
__decorate([
|
|
4070
|
-
Input(),
|
|
4071
|
-
HostBinding("class.cover-image")
|
|
4072
|
-
], ImageDisplayComponent.prototype, "cover", void 0);
|
|
4073
|
-
__decorate([
|
|
4074
|
-
Input(),
|
|
4075
|
-
HostBinding("class.pointer-hover")
|
|
4076
|
-
], ImageDisplayComponent.prototype, "pointerOnHover", void 0);
|
|
4077
|
-
__decorate([
|
|
4078
|
-
HostBinding("class.hidden")
|
|
4079
|
-
], ImageDisplayComponent.prototype, "shouldBeHidden", null);
|
|
4080
|
-
ImageDisplayComponent = __decorate([
|
|
4081
|
-
Component({
|
|
4082
|
-
selector: "image-display",
|
|
4083
|
-
template: `
|
|
4004
|
+
}
|
|
4005
|
+
ImageDisplayComponent.decorators = [
|
|
4006
|
+
{ type: Component, args: [{
|
|
4007
|
+
selector: "image-display",
|
|
4008
|
+
template: `
|
|
4084
4009
|
<div class="img-wrapper">
|
|
4085
4010
|
<div *ngIf="!!model" class="image" [style.background-image]="'url(' + model + ')' | safeStyle"></div>
|
|
4086
4011
|
<no-image-display *ngIf="!model" [label]="label"></no-image-display>
|
|
4087
4012
|
<ng-content></ng-content>
|
|
4088
4013
|
</div>
|
|
4089
4014
|
`,
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
]
|
|
4015
|
+
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"]
|
|
4016
|
+
},] }
|
|
4017
|
+
];
|
|
4018
|
+
ImageDisplayComponent.propDecorators = {
|
|
4019
|
+
model: [{ type: Input }],
|
|
4020
|
+
label: [{ type: Input }],
|
|
4021
|
+
hideOnEmptyModel: [{ type: Input }],
|
|
4022
|
+
circle: [{ type: Input }, { type: HostBinding, args: ["class.circle",] }],
|
|
4023
|
+
cover: [{ type: Input }, { type: HostBinding, args: ["class.cover-image",] }],
|
|
4024
|
+
pointerOnHover: [{ type: Input }, { type: HostBinding, args: ["class.pointer-hover",] }],
|
|
4025
|
+
shouldBeHidden: [{ type: HostBinding, args: ["class.hidden",] }]
|
|
4026
|
+
};
|
|
4093
4027
|
|
|
4094
|
-
let NoImageDisplayComponent =
|
|
4095
4028
|
// Component that shows a standardized icon and text for when there was no image (default: a camera icon and the 'no image' text).
|
|
4096
4029
|
class NoImageDisplayComponent {
|
|
4097
4030
|
constructor() {
|
|
@@ -4100,26 +4033,23 @@ class NoImageDisplayComponent {
|
|
|
4100
4033
|
// The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
|
|
4101
4034
|
this.label = "NO_IMAGE";
|
|
4102
4035
|
}
|
|
4103
|
-
}
|
|
4104
|
-
|
|
4105
|
-
|
|
4106
|
-
|
|
4107
|
-
|
|
4108
|
-
Input()
|
|
4109
|
-
], NoImageDisplayComponent.prototype, "label", void 0);
|
|
4110
|
-
NoImageDisplayComponent = __decorate([
|
|
4111
|
-
Component({
|
|
4112
|
-
selector: "no-image-display",
|
|
4113
|
-
template: `
|
|
4036
|
+
}
|
|
4037
|
+
NoImageDisplayComponent.decorators = [
|
|
4038
|
+
{ type: Component, args: [{
|
|
4039
|
+
selector: "no-image-display",
|
|
4040
|
+
template: `
|
|
4114
4041
|
<icon [icon]="icon"></icon>
|
|
4115
4042
|
<span [textContent]="label | localize" class="no-image-label"></span>
|
|
4116
4043
|
`,
|
|
4117
|
-
|
|
4118
|
-
|
|
4119
|
-
|
|
4120
|
-
|
|
4044
|
+
styles: [""]
|
|
4045
|
+
},] }
|
|
4046
|
+
];
|
|
4047
|
+
NoImageDisplayComponent.propDecorators = {
|
|
4048
|
+
icon: [{ type: Input }],
|
|
4049
|
+
label: [{ type: Input }]
|
|
4050
|
+
};
|
|
4121
4051
|
|
|
4122
|
-
|
|
4052
|
+
class IconComponent {
|
|
4123
4053
|
constructor(_iconCacheService) {
|
|
4124
4054
|
this._iconCacheService = _iconCacheService;
|
|
4125
4055
|
}
|
|
@@ -4132,110 +4062,109 @@ let IconComponent = class IconComponent {
|
|
|
4132
4062
|
_setSvg(icon) {
|
|
4133
4063
|
this.svg = this._iconCacheService.getIcon(icon);
|
|
4134
4064
|
}
|
|
4135
|
-
}
|
|
4136
|
-
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
]
|
|
4142
|
-
|
|
4143
|
-
|
|
4144
|
-
|
|
4145
|
-
|
|
4146
|
-
|
|
4147
|
-
}
|
|
4148
|
-
|
|
4149
|
-
|
|
4065
|
+
}
|
|
4066
|
+
IconComponent.decorators = [
|
|
4067
|
+
{ type: Component, args: [{
|
|
4068
|
+
selector: "icon",
|
|
4069
|
+
template: "",
|
|
4070
|
+
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"]
|
|
4071
|
+
},] }
|
|
4072
|
+
];
|
|
4073
|
+
IconComponent.ctorParameters = () => [
|
|
4074
|
+
{ type: IconCacheService }
|
|
4075
|
+
];
|
|
4076
|
+
IconComponent.propDecorators = {
|
|
4077
|
+
icon: [{ type: Input }],
|
|
4078
|
+
svg: [{ type: HostBinding, args: ["innerHtml",] }]
|
|
4079
|
+
};
|
|
4150
4080
|
|
|
4151
|
-
|
|
4152
|
-
}
|
|
4153
|
-
CoreModule =
|
|
4154
|
-
NgModule
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
|
|
4160
|
-
|
|
4161
|
-
|
|
4162
|
-
|
|
4163
|
-
|
|
4164
|
-
|
|
4165
|
-
|
|
4166
|
-
|
|
4167
|
-
|
|
4168
|
-
|
|
4169
|
-
|
|
4170
|
-
|
|
4171
|
-
|
|
4172
|
-
|
|
4173
|
-
|
|
4174
|
-
|
|
4175
|
-
|
|
4176
|
-
|
|
4177
|
-
|
|
4178
|
-
|
|
4179
|
-
|
|
4180
|
-
|
|
4181
|
-
]
|
|
4081
|
+
class CoreModule {
|
|
4082
|
+
}
|
|
4083
|
+
CoreModule.decorators = [
|
|
4084
|
+
{ type: NgModule, args: [{
|
|
4085
|
+
declarations: [
|
|
4086
|
+
AppendPipe,
|
|
4087
|
+
DeliveryTimePipe,
|
|
4088
|
+
DateDurationPipe,
|
|
4089
|
+
LocalizePipe,
|
|
4090
|
+
CoCurrencyPipe,
|
|
4091
|
+
SafeStylePipe,
|
|
4092
|
+
ImageDisplayComponent,
|
|
4093
|
+
NoImageDisplayComponent,
|
|
4094
|
+
IconComponent,
|
|
4095
|
+
],
|
|
4096
|
+
exports: [
|
|
4097
|
+
LocalizePipe,
|
|
4098
|
+
CoCurrencyPipe,
|
|
4099
|
+
AppendPipe,
|
|
4100
|
+
DeliveryTimePipe,
|
|
4101
|
+
SafeStylePipe,
|
|
4102
|
+
CoCurrencyPipe,
|
|
4103
|
+
ImageDisplayComponent,
|
|
4104
|
+
NoImageDisplayComponent,
|
|
4105
|
+
IconComponent,
|
|
4106
|
+
],
|
|
4107
|
+
imports: [
|
|
4108
|
+
CommonModule
|
|
4109
|
+
]
|
|
4110
|
+
},] }
|
|
4111
|
+
];
|
|
4182
4112
|
|
|
4183
|
-
|
|
4184
|
-
}
|
|
4185
|
-
IoneCheckoutModule =
|
|
4186
|
-
NgModule
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
|
|
4191
|
-
|
|
4192
|
-
|
|
4193
|
-
|
|
4194
|
-
|
|
4195
|
-
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
|
|
4199
|
-
|
|
4200
|
-
|
|
4201
|
-
|
|
4202
|
-
|
|
4203
|
-
|
|
4204
|
-
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
4214
|
-
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4222
|
-
|
|
4223
|
-
|
|
4224
|
-
|
|
4225
|
-
|
|
4226
|
-
|
|
4227
|
-
|
|
4228
|
-
|
|
4229
|
-
|
|
4230
|
-
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4235
|
-
|
|
4236
|
-
], IoneCheckoutModule);
|
|
4113
|
+
class IoneCheckoutModule {
|
|
4114
|
+
}
|
|
4115
|
+
IoneCheckoutModule.decorators = [
|
|
4116
|
+
{ type: NgModule, args: [{
|
|
4117
|
+
imports: [
|
|
4118
|
+
BrowserAnimationsModule,
|
|
4119
|
+
IconModule,
|
|
4120
|
+
InputTextModule,
|
|
4121
|
+
InputCheckboxModule,
|
|
4122
|
+
InputRadioButtonModule,
|
|
4123
|
+
FormModule,
|
|
4124
|
+
InputComboBoxModule,
|
|
4125
|
+
InputDatePickerModule,
|
|
4126
|
+
InputNumberPickerModule,
|
|
4127
|
+
CoDialogModule,
|
|
4128
|
+
CoDialogPromptModule,
|
|
4129
|
+
ButtonModule,
|
|
4130
|
+
FlexModule,
|
|
4131
|
+
MultiSelectListModule,
|
|
4132
|
+
MatStepperModule,
|
|
4133
|
+
DropDownModule,
|
|
4134
|
+
PopupModule.forRoot(),
|
|
4135
|
+
CoSidebarModule,
|
|
4136
|
+
CoGridModule,
|
|
4137
|
+
CoreModule,
|
|
4138
|
+
],
|
|
4139
|
+
declarations: [
|
|
4140
|
+
CheckoutComponent,
|
|
4141
|
+
CheckoutOverviewComponent,
|
|
4142
|
+
CheckoutOverviewBlockComponent,
|
|
4143
|
+
CheckoutOverviewRelationEditComponent,
|
|
4144
|
+
CheckoutOverviewRelationAddressComponent,
|
|
4145
|
+
CheckoutOverviewDeliveryEditComponent,
|
|
4146
|
+
RetailTransactionCheckoutComponent,
|
|
4147
|
+
CheckoutOverviewDeliveryAddressComponent,
|
|
4148
|
+
CheckOutRelationSuggestionsListComponent,
|
|
4149
|
+
CheckOutRelationSuggestionsListItemComponent,
|
|
4150
|
+
CheckoutLoginComponent,
|
|
4151
|
+
IoneCheckoutComponent,
|
|
4152
|
+
],
|
|
4153
|
+
providers: [
|
|
4154
|
+
IOneConnectorAdapterService,
|
|
4155
|
+
DictionaryService,
|
|
4156
|
+
TransactionService,
|
|
4157
|
+
OptionsService
|
|
4158
|
+
],
|
|
4159
|
+
entryComponents: [
|
|
4160
|
+
IoneCheckoutComponent
|
|
4161
|
+
],
|
|
4162
|
+
exports: [IoneCheckoutComponent],
|
|
4163
|
+
bootstrap: [IoneCheckoutComponent]
|
|
4164
|
+
},] }
|
|
4165
|
+
];
|
|
4237
4166
|
|
|
4238
|
-
|
|
4167
|
+
class ShoppingCartManagerComponent {
|
|
4239
4168
|
constructor(service, transactionEvents, promptService, _dictionaryService) {
|
|
4240
4169
|
this.service = service;
|
|
4241
4170
|
this.transactionEvents = transactionEvents;
|
|
@@ -4544,32 +4473,14 @@ let ShoppingCartManagerComponent = class ShoppingCartManagerComponent {
|
|
|
4544
4473
|
this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
|
|
4545
4474
|
setTimeout(() => {
|
|
4546
4475
|
this.characteristicAnswer.open();
|
|
4547
|
-
//
|
|
4476
|
+
// eslint-disable-next-line no-magic-numbers
|
|
4548
4477
|
}, 1000);
|
|
4549
4478
|
}
|
|
4550
|
-
}
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
ViewChild("warehouseGrid")
|
|
4556
|
-
], ShoppingCartManagerComponent.prototype, "warehouseGrid", void 0);
|
|
4557
|
-
__decorate([
|
|
4558
|
-
ViewChild("characteristicAnswer")
|
|
4559
|
-
], ShoppingCartManagerComponent.prototype, "characteristicAnswer", void 0);
|
|
4560
|
-
__decorate([
|
|
4561
|
-
Output()
|
|
4562
|
-
], ShoppingCartManagerComponent.prototype, "linesChanged", void 0);
|
|
4563
|
-
__decorate([
|
|
4564
|
-
Output()
|
|
4565
|
-
], ShoppingCartManagerComponent.prototype, "openCart", void 0);
|
|
4566
|
-
__decorate([
|
|
4567
|
-
Output()
|
|
4568
|
-
], ShoppingCartManagerComponent.prototype, "articleAdded", void 0);
|
|
4569
|
-
ShoppingCartManagerComponent = __decorate([
|
|
4570
|
-
Component({
|
|
4571
|
-
selector: "shopping-cart-manager",
|
|
4572
|
-
template: `
|
|
4479
|
+
}
|
|
4480
|
+
ShoppingCartManagerComponent.decorators = [
|
|
4481
|
+
{ type: Component, args: [{
|
|
4482
|
+
selector: "shopping-cart-manager",
|
|
4483
|
+
template: `
|
|
4573
4484
|
<co-dialog #warehouseDialog
|
|
4574
4485
|
(closeClick)="hide()"
|
|
4575
4486
|
(overlayClick)="onStockManagerCancelClick()"
|
|
@@ -4615,13 +4526,23 @@ ShoppingCartManagerComponent = __decorate([
|
|
|
4615
4526
|
(okClick)="handleCharacteristicAnswerOkClick($event)"
|
|
4616
4527
|
></characteristic-answer>
|
|
4617
4528
|
`,
|
|
4618
|
-
|
|
4619
|
-
|
|
4620
|
-
|
|
4621
|
-
|
|
4622
|
-
|
|
4623
|
-
|
|
4624
|
-
|
|
4529
|
+
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"]
|
|
4530
|
+
},] }
|
|
4531
|
+
];
|
|
4532
|
+
ShoppingCartManagerComponent.ctorParameters = () => [
|
|
4533
|
+
{ type: TransactionService },
|
|
4534
|
+
{ type: TransactionEventService },
|
|
4535
|
+
{ type: PromptService },
|
|
4536
|
+
{ type: DictionaryService }
|
|
4537
|
+
];
|
|
4538
|
+
ShoppingCartManagerComponent.propDecorators = {
|
|
4539
|
+
warehouseDialog: [{ type: ViewChild, args: ["warehouseDialog",] }],
|
|
4540
|
+
warehouseGrid: [{ type: ViewChild, args: ["warehouseGrid",] }],
|
|
4541
|
+
characteristicAnswer: [{ type: ViewChild, args: ["characteristicAnswer",] }],
|
|
4542
|
+
linesChanged: [{ type: Output }],
|
|
4543
|
+
openCart: [{ type: Output }],
|
|
4544
|
+
articleAdded: [{ type: Output }]
|
|
4545
|
+
};
|
|
4625
4546
|
|
|
4626
4547
|
var OrderDiscountType;
|
|
4627
4548
|
(function (OrderDiscountType) {
|
|
@@ -4640,7 +4561,7 @@ var ContentViewMode;
|
|
|
4640
4561
|
ContentViewMode[ContentViewMode["Timeline"] = 4] = "Timeline";
|
|
4641
4562
|
})(ContentViewMode || (ContentViewMode = {}));
|
|
4642
4563
|
|
|
4643
|
-
|
|
4564
|
+
class ShoppingCartComponent {
|
|
4644
4565
|
constructor(iconCacheService, _dictionary, service, _transactionEvents, _changeDetector) {
|
|
4645
4566
|
this.iconCacheService = iconCacheService;
|
|
4646
4567
|
this._dictionary = _dictionary;
|
|
@@ -4755,40 +4676,11 @@ let ShoppingCartComponent = class ShoppingCartComponent {
|
|
|
4755
4676
|
this.discountsSidebar.hide();
|
|
4756
4677
|
}
|
|
4757
4678
|
}
|
|
4758
|
-
}
|
|
4759
|
-
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
Input(),
|
|
4764
|
-
HostBinding("class.overlayed")
|
|
4765
|
-
], ShoppingCartComponent.prototype, "overlayMode", void 0);
|
|
4766
|
-
__decorate([
|
|
4767
|
-
Input(),
|
|
4768
|
-
HostBinding("class.overview")
|
|
4769
|
-
], ShoppingCartComponent.prototype, "overviewMode", void 0);
|
|
4770
|
-
__decorate([
|
|
4771
|
-
Input()
|
|
4772
|
-
], ShoppingCartComponent.prototype, "hideOverviewButton", void 0);
|
|
4773
|
-
__decorate([
|
|
4774
|
-
Input()
|
|
4775
|
-
], ShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
|
|
4776
|
-
__decorate([
|
|
4777
|
-
Input()
|
|
4778
|
-
], ShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
|
|
4779
|
-
__decorate([
|
|
4780
|
-
Output()
|
|
4781
|
-
], ShoppingCartComponent.prototype, "closeCart", void 0);
|
|
4782
|
-
__decorate([
|
|
4783
|
-
Output()
|
|
4784
|
-
], ShoppingCartComponent.prototype, "checkout", void 0);
|
|
4785
|
-
__decorate([
|
|
4786
|
-
Output()
|
|
4787
|
-
], ShoppingCartComponent.prototype, "overview", void 0);
|
|
4788
|
-
ShoppingCartComponent = __decorate([
|
|
4789
|
-
Component({
|
|
4790
|
-
selector: "shopping-cart",
|
|
4791
|
-
template: `
|
|
4679
|
+
}
|
|
4680
|
+
ShoppingCartComponent.decorators = [
|
|
4681
|
+
{ type: Component, args: [{
|
|
4682
|
+
selector: "shopping-cart",
|
|
4683
|
+
template: `
|
|
4792
4684
|
<div class="cart-header">
|
|
4793
4685
|
<span class="cart-header-label" [textContent]="getCartLabel()"></span>
|
|
4794
4686
|
<div class="view-mode-buttons">
|
|
@@ -4897,16 +4789,29 @@ ShoppingCartComponent = __decorate([
|
|
|
4897
4789
|
</co-form>
|
|
4898
4790
|
</co-dialog>
|
|
4899
4791
|
`,
|
|
4900
|
-
|
|
4901
|
-
|
|
4902
|
-
|
|
4903
|
-
|
|
4904
|
-
|
|
4905
|
-
|
|
4906
|
-
|
|
4907
|
-
|
|
4792
|
+
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"]
|
|
4793
|
+
},] }
|
|
4794
|
+
];
|
|
4795
|
+
ShoppingCartComponent.ctorParameters = () => [
|
|
4796
|
+
{ type: IconCacheService },
|
|
4797
|
+
{ type: DictionaryService },
|
|
4798
|
+
{ type: TransactionService },
|
|
4799
|
+
{ type: TransactionEventService },
|
|
4800
|
+
{ type: ChangeDetectorRef }
|
|
4801
|
+
];
|
|
4802
|
+
ShoppingCartComponent.propDecorators = {
|
|
4803
|
+
discountsSidebar: [{ type: ViewChild, args: [CoSidebarComponent, { static: false },] }],
|
|
4804
|
+
overlayMode: [{ type: Input }, { type: HostBinding, args: ["class.overlayed",] }],
|
|
4805
|
+
overviewMode: [{ type: Input }, { type: HostBinding, args: ["class.overview",] }],
|
|
4806
|
+
hideOverviewButton: [{ type: Input }],
|
|
4807
|
+
hideCheckoutButton: [{ type: Input }],
|
|
4808
|
+
hideCloseCartButton: [{ type: Input }],
|
|
4809
|
+
closeCart: [{ type: Output }],
|
|
4810
|
+
checkout: [{ type: Output }],
|
|
4811
|
+
overview: [{ type: Output }]
|
|
4812
|
+
};
|
|
4908
4813
|
|
|
4909
|
-
|
|
4814
|
+
class IoneShoppingCartComponent {
|
|
4910
4815
|
constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService) {
|
|
4911
4816
|
this._changeDetector = _changeDetector;
|
|
4912
4817
|
this._optionsService = _optionsService;
|
|
@@ -4992,38 +4897,11 @@ let IoneShoppingCartComponent = class IoneShoppingCartComponent {
|
|
|
4992
4897
|
});
|
|
4993
4898
|
});
|
|
4994
4899
|
}
|
|
4995
|
-
}
|
|
4996
|
-
|
|
4997
|
-
|
|
4998
|
-
|
|
4999
|
-
|
|
5000
|
-
ViewChild(ShoppingCartComponent)
|
|
5001
|
-
], IoneShoppingCartComponent.prototype, "shoppingCart", void 0);
|
|
5002
|
-
__decorate([
|
|
5003
|
-
Input()
|
|
5004
|
-
], IoneShoppingCartComponent.prototype, "options", null);
|
|
5005
|
-
__decorate([
|
|
5006
|
-
Input()
|
|
5007
|
-
], IoneShoppingCartComponent.prototype, "hideOverviewButton", void 0);
|
|
5008
|
-
__decorate([
|
|
5009
|
-
Input()
|
|
5010
|
-
], IoneShoppingCartComponent.prototype, "hideCheckoutButton", void 0);
|
|
5011
|
-
__decorate([
|
|
5012
|
-
Input()
|
|
5013
|
-
], IoneShoppingCartComponent.prototype, "hideCloseCartButton", void 0);
|
|
5014
|
-
__decorate([
|
|
5015
|
-
Output()
|
|
5016
|
-
], IoneShoppingCartComponent.prototype, "closeCart", void 0);
|
|
5017
|
-
__decorate([
|
|
5018
|
-
Output()
|
|
5019
|
-
], IoneShoppingCartComponent.prototype, "checkout", void 0);
|
|
5020
|
-
__decorate([
|
|
5021
|
-
Output()
|
|
5022
|
-
], IoneShoppingCartComponent.prototype, "overview", void 0);
|
|
5023
|
-
IoneShoppingCartComponent = __decorate([
|
|
5024
|
-
Component({
|
|
5025
|
-
selector: "ione-shopping-cart",
|
|
5026
|
-
template: `
|
|
4900
|
+
}
|
|
4901
|
+
IoneShoppingCartComponent.decorators = [
|
|
4902
|
+
{ type: Component, args: [{
|
|
4903
|
+
selector: "ione-shopping-cart",
|
|
4904
|
+
template: `
|
|
5027
4905
|
<ng-container *ngIf="upAndLoaded">
|
|
5028
4906
|
<shopping-cart-manager
|
|
5029
4907
|
(linesChanged)="linesChanged($event)"
|
|
@@ -5040,17 +4918,30 @@ IoneShoppingCartComponent = __decorate([
|
|
|
5040
4918
|
></shopping-cart>
|
|
5041
4919
|
</ng-container>
|
|
5042
4920
|
`
|
|
5043
|
-
|
|
5044
|
-
|
|
5045
|
-
|
|
5046
|
-
|
|
5047
|
-
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
4921
|
+
},] }
|
|
4922
|
+
];
|
|
4923
|
+
IoneShoppingCartComponent.ctorParameters = () => [
|
|
4924
|
+
{ type: ChangeDetectorRef },
|
|
4925
|
+
{ type: OptionsService },
|
|
4926
|
+
{ type: IOneConnectorAdapterService },
|
|
4927
|
+
{ type: DictionaryService },
|
|
4928
|
+
{ type: TransactionService },
|
|
4929
|
+
{ type: TransactionEventService },
|
|
4930
|
+
{ type: PromptService }
|
|
4931
|
+
];
|
|
4932
|
+
IoneShoppingCartComponent.propDecorators = {
|
|
4933
|
+
manager: [{ type: ViewChild, args: [ShoppingCartManagerComponent,] }],
|
|
4934
|
+
shoppingCart: [{ type: ViewChild, args: [ShoppingCartComponent,] }],
|
|
4935
|
+
options: [{ type: Input }],
|
|
4936
|
+
hideOverviewButton: [{ type: Input }],
|
|
4937
|
+
hideCheckoutButton: [{ type: Input }],
|
|
4938
|
+
hideCloseCartButton: [{ type: Input }],
|
|
4939
|
+
closeCart: [{ type: Output }],
|
|
4940
|
+
checkout: [{ type: Output }],
|
|
4941
|
+
overview: [{ type: Output }]
|
|
4942
|
+
};
|
|
5052
4943
|
|
|
5053
|
-
|
|
4944
|
+
class ShoppingCartLineComponent {
|
|
5054
4945
|
constructor(iconCacheService, service, _promptService, _dictionaryService) {
|
|
5055
4946
|
this.iconCacheService = iconCacheService;
|
|
5056
4947
|
this.service = service;
|
|
@@ -5145,31 +5036,11 @@ let ShoppingCartLineComponent = class ShoppingCartLineComponent {
|
|
|
5145
5036
|
}
|
|
5146
5037
|
});
|
|
5147
5038
|
}
|
|
5148
|
-
}
|
|
5149
|
-
|
|
5150
|
-
|
|
5151
|
-
|
|
5152
|
-
|
|
5153
|
-
__decorate([
|
|
5154
|
-
Input(),
|
|
5155
|
-
HostBinding("class.overview")
|
|
5156
|
-
], ShoppingCartLineComponent.prototype, "overviewMode", void 0);
|
|
5157
|
-
__decorate([
|
|
5158
|
-
HostBinding("class.is-text")
|
|
5159
|
-
], ShoppingCartLineComponent.prototype, "isText", void 0);
|
|
5160
|
-
__decorate([
|
|
5161
|
-
HostBinding("class.is-article")
|
|
5162
|
-
], ShoppingCartLineComponent.prototype, "isArticle", void 0);
|
|
5163
|
-
__decorate([
|
|
5164
|
-
HostBinding("class.is-selected")
|
|
5165
|
-
], ShoppingCartLineComponent.prototype, "isSelected", void 0);
|
|
5166
|
-
__decorate([
|
|
5167
|
-
Input()
|
|
5168
|
-
], ShoppingCartLineComponent.prototype, "line", null);
|
|
5169
|
-
ShoppingCartLineComponent = __decorate([
|
|
5170
|
-
Component({
|
|
5171
|
-
selector: "shopping-cart-line",
|
|
5172
|
-
template: `
|
|
5039
|
+
}
|
|
5040
|
+
ShoppingCartLineComponent.decorators = [
|
|
5041
|
+
{ type: Component, args: [{
|
|
5042
|
+
selector: "shopping-cart-line",
|
|
5043
|
+
template: `
|
|
5173
5044
|
<div *ngIf="line.isArticle" class="cart-line-r" fxFlex>
|
|
5174
5045
|
<div fxLayout="row" class="full-width">
|
|
5175
5046
|
<div fxLayout="column" class="cart-line-image" *ngIf="!overviewMode">
|
|
@@ -5216,40 +5087,48 @@ ShoppingCartLineComponent = __decorate([
|
|
|
5216
5087
|
[textContent]="line.text">
|
|
5217
5088
|
</div>
|
|
5218
5089
|
`,
|
|
5219
|
-
|
|
5220
|
-
|
|
5221
|
-
|
|
5222
|
-
|
|
5223
|
-
|
|
5224
|
-
|
|
5225
|
-
|
|
5090
|
+
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"]
|
|
5091
|
+
},] }
|
|
5092
|
+
];
|
|
5093
|
+
ShoppingCartLineComponent.ctorParameters = () => [
|
|
5094
|
+
{ type: IconCacheService },
|
|
5095
|
+
{ type: TransactionService },
|
|
5096
|
+
{ type: PromptService },
|
|
5097
|
+
{ type: DictionaryService }
|
|
5098
|
+
];
|
|
5099
|
+
ShoppingCartLineComponent.propDecorators = {
|
|
5100
|
+
overlayMode: [{ type: Input }, { type: HostBinding, args: ["class.overlayed",] }],
|
|
5101
|
+
overviewMode: [{ type: Input }, { type: HostBinding, args: ["class.overview",] }],
|
|
5102
|
+
isText: [{ type: HostBinding, args: ["class.is-text",] }],
|
|
5103
|
+
isArticle: [{ type: HostBinding, args: ["class.is-article",] }],
|
|
5104
|
+
isSelected: [{ type: HostBinding, args: ["class.is-selected",] }],
|
|
5105
|
+
line: [{ type: Input }]
|
|
5106
|
+
};
|
|
5226
5107
|
|
|
5227
|
-
let StockStatusIndicatorComponent =
|
|
5228
5108
|
// Component that visually shows a stock status with three colored boxes.
|
|
5229
5109
|
class StockStatusIndicatorComponent {
|
|
5230
5110
|
get stockClass() {
|
|
5231
5111
|
return this.model;
|
|
5232
5112
|
}
|
|
5233
|
-
}
|
|
5234
|
-
|
|
5235
|
-
|
|
5236
|
-
|
|
5237
|
-
|
|
5238
|
-
Component({
|
|
5239
|
-
selector: "stock-status-indicator",
|
|
5240
|
-
template: `
|
|
5113
|
+
}
|
|
5114
|
+
StockStatusIndicatorComponent.decorators = [
|
|
5115
|
+
{ type: Component, args: [{
|
|
5116
|
+
selector: "stock-status-indicator",
|
|
5117
|
+
template: `
|
|
5241
5118
|
<div [class]="stockClass">
|
|
5242
5119
|
<div class="square-1"></div>
|
|
5243
5120
|
<div class="square-2"></div>
|
|
5244
5121
|
<div class="square-3"></div>
|
|
5245
5122
|
</div>
|
|
5246
5123
|
`,
|
|
5247
|
-
|
|
5248
|
-
|
|
5249
|
-
|
|
5250
|
-
|
|
5124
|
+
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"]
|
|
5125
|
+
},] }
|
|
5126
|
+
];
|
|
5127
|
+
StockStatusIndicatorComponent.propDecorators = {
|
|
5128
|
+
model: [{ type: Input }]
|
|
5129
|
+
};
|
|
5251
5130
|
|
|
5252
|
-
|
|
5131
|
+
class CharacteristicAnswerComponent {
|
|
5253
5132
|
constructor(_dictionaryService) {
|
|
5254
5133
|
this._dictionaryService = _dictionaryService;
|
|
5255
5134
|
this.title = "";
|
|
@@ -5279,23 +5158,11 @@ let CharacteristicAnswerComponent = class CharacteristicAnswerComponent {
|
|
|
5279
5158
|
this.okClick.emit(this.value);
|
|
5280
5159
|
});
|
|
5281
5160
|
}
|
|
5282
|
-
}
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
Input()
|
|
5288
|
-
], CharacteristicAnswerComponent.prototype, "title", void 0);
|
|
5289
|
-
__decorate([
|
|
5290
|
-
Input()
|
|
5291
|
-
], CharacteristicAnswerComponent.prototype, "question", void 0);
|
|
5292
|
-
__decorate([
|
|
5293
|
-
Output()
|
|
5294
|
-
], CharacteristicAnswerComponent.prototype, "okClick", void 0);
|
|
5295
|
-
CharacteristicAnswerComponent = __decorate([
|
|
5296
|
-
Component({
|
|
5297
|
-
selector: "characteristic-answer",
|
|
5298
|
-
template: `
|
|
5161
|
+
}
|
|
5162
|
+
CharacteristicAnswerComponent.decorators = [
|
|
5163
|
+
{ type: Component, args: [{
|
|
5164
|
+
selector: "characteristic-answer",
|
|
5165
|
+
template: `
|
|
5299
5166
|
<co-dialog
|
|
5300
5167
|
#characteristic
|
|
5301
5168
|
[showCloseIcon]="false"
|
|
@@ -5344,59 +5211,67 @@ CharacteristicAnswerComponent = __decorate([
|
|
|
5344
5211
|
</ng-container>
|
|
5345
5212
|
</co-dialog>
|
|
5346
5213
|
`,
|
|
5347
|
-
|
|
5348
|
-
|
|
5349
|
-
|
|
5350
|
-
|
|
5214
|
+
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"]
|
|
5215
|
+
},] }
|
|
5216
|
+
];
|
|
5217
|
+
CharacteristicAnswerComponent.ctorParameters = () => [
|
|
5218
|
+
{ type: DictionaryService }
|
|
5219
|
+
];
|
|
5220
|
+
CharacteristicAnswerComponent.propDecorators = {
|
|
5221
|
+
characteristicDialog: [{ type: ViewChild, args: ["characteristic",] }],
|
|
5222
|
+
title: [{ type: Input }],
|
|
5223
|
+
question: [{ type: Input }],
|
|
5224
|
+
okClick: [{ type: Output }]
|
|
5225
|
+
};
|
|
5351
5226
|
|
|
5352
|
-
|
|
5353
|
-
}
|
|
5354
|
-
IoneShoppingCartModule =
|
|
5355
|
-
NgModule
|
|
5356
|
-
|
|
5357
|
-
|
|
5358
|
-
|
|
5359
|
-
|
|
5360
|
-
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
|
|
5364
|
-
|
|
5365
|
-
|
|
5366
|
-
|
|
5367
|
-
|
|
5368
|
-
|
|
5369
|
-
|
|
5370
|
-
|
|
5371
|
-
|
|
5372
|
-
|
|
5373
|
-
|
|
5374
|
-
|
|
5375
|
-
|
|
5376
|
-
|
|
5377
|
-
|
|
5378
|
-
|
|
5379
|
-
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
|
|
5383
|
-
|
|
5384
|
-
|
|
5385
|
-
|
|
5386
|
-
|
|
5387
|
-
|
|
5388
|
-
|
|
5389
|
-
|
|
5390
|
-
|
|
5391
|
-
|
|
5392
|
-
|
|
5393
|
-
|
|
5394
|
-
|
|
5395
|
-
|
|
5396
|
-
|
|
5397
|
-
|
|
5398
|
-
|
|
5399
|
-
]
|
|
5227
|
+
class IoneShoppingCartModule {
|
|
5228
|
+
}
|
|
5229
|
+
IoneShoppingCartModule.decorators = [
|
|
5230
|
+
{ type: NgModule, args: [{
|
|
5231
|
+
declarations: [
|
|
5232
|
+
ShoppingCartManagerComponent,
|
|
5233
|
+
ShoppingCartComponent,
|
|
5234
|
+
ShoppingCartLineComponent,
|
|
5235
|
+
StockStatusIndicatorComponent,
|
|
5236
|
+
IoneShoppingCartComponent,
|
|
5237
|
+
CharacteristicAnswerComponent,
|
|
5238
|
+
],
|
|
5239
|
+
imports: [
|
|
5240
|
+
BrowserAnimationsModule,
|
|
5241
|
+
CommonModule,
|
|
5242
|
+
IconModule,
|
|
5243
|
+
InputTextModule,
|
|
5244
|
+
InputCheckboxModule,
|
|
5245
|
+
InputRadioButtonModule,
|
|
5246
|
+
FormModule,
|
|
5247
|
+
InputComboBoxModule,
|
|
5248
|
+
InputDatePickerModule,
|
|
5249
|
+
InputNumberPickerModule,
|
|
5250
|
+
CoDialogModule,
|
|
5251
|
+
CoDialogPromptModule,
|
|
5252
|
+
ButtonModule,
|
|
5253
|
+
FlexModule,
|
|
5254
|
+
MultiSelectListModule,
|
|
5255
|
+
MatStepperModule,
|
|
5256
|
+
DropDownModule,
|
|
5257
|
+
PopupModule.forRoot(),
|
|
5258
|
+
CoSidebarModule,
|
|
5259
|
+
CoGridModule,
|
|
5260
|
+
CoreModule,
|
|
5261
|
+
],
|
|
5262
|
+
providers: [
|
|
5263
|
+
IOneConnectorAdapterService,
|
|
5264
|
+
DictionaryService,
|
|
5265
|
+
TransactionService,
|
|
5266
|
+
OptionsService
|
|
5267
|
+
],
|
|
5268
|
+
entryComponents: [
|
|
5269
|
+
IoneShoppingCartComponent
|
|
5270
|
+
],
|
|
5271
|
+
exports: [IoneShoppingCartComponent],
|
|
5272
|
+
bootstrap: [IoneShoppingCartComponent]
|
|
5273
|
+
},] }
|
|
5274
|
+
];
|
|
5400
5275
|
|
|
5401
5276
|
//export * from "./app/component/ione-transaction.module";
|
|
5402
5277
|
|
|
@@ -5404,5 +5279,5 @@ IoneShoppingCartModule = __decorate([
|
|
|
5404
5279
|
* Generated bundle index. Do not edit.
|
|
5405
5280
|
*/
|
|
5406
5281
|
|
|
5407
|
-
export { IoneCheckoutComponent, IoneCheckoutModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, CheckoutOverviewComponent as ɵc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl,
|
|
5282
|
+
export { IoneCheckoutComponent, IoneCheckoutModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, CheckoutOverviewComponent as ɵc, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
|
|
5408
5283
|
//# sourceMappingURL=colijnit-transaction.js.map
|