@colijnit/corecomponents_v12 260.1.7 → 260.1.9
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/bundles/colijnit-corecomponents_v12.umd.js +6 -23
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/list-of-icons/list-of-icons.component.js +32 -32
- package/esm2015/lib/model/icon-list-item.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +31 -43
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/list-of-icons/list-of-icons.component.d.ts +1 -3
- package/lib/components/list-of-icons/style/_layout.scss +3 -2
- package/lib/model/icon-list-item.d.ts +1 -0
- package/package.json +1 -1
- package/colijnit-corecomponents_v12-260.1.6.tgz +0 -0
- package/esm2015/lib/core/enum/batch-delivery-category.enum.js +0 -13
- package/lib/core/enum/batch-delivery-category.enum.d.ts +0 -10
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from "@angular/core";
|
|
2
2
|
import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
|
|
3
3
|
import { IconCacheService } from "../icon/icon-cache.service";
|
|
4
|
-
import { BatchDeliveryCategory } from '../../core/enum/batch-delivery-category.enum';
|
|
5
4
|
export class ListOfIconsComponent {
|
|
6
|
-
constructor(
|
|
7
|
-
this.iconCacheService = iconCacheService;
|
|
5
|
+
constructor(icons) {
|
|
8
6
|
this.icons = icons;
|
|
9
7
|
this.iconSize = 25;
|
|
10
8
|
this.itemSelected = new EventEmitter();
|
|
@@ -12,13 +10,10 @@ export class ListOfIconsComponent {
|
|
|
12
10
|
this.showMenu = false;
|
|
13
11
|
this.showSubCategories = false;
|
|
14
12
|
this._collection = [];
|
|
15
|
-
this.subCategories = [
|
|
16
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
|
|
17
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
|
|
18
|
-
];
|
|
19
13
|
}
|
|
20
14
|
set collection(value) {
|
|
21
15
|
this._collection = value || [];
|
|
16
|
+
this.activeItem = this.collection[0];
|
|
22
17
|
}
|
|
23
18
|
get collection() {
|
|
24
19
|
return this._collection;
|
|
@@ -35,7 +30,7 @@ export class ListOfIconsComponent {
|
|
|
35
30
|
this.showMenu = !this.showMenu;
|
|
36
31
|
}
|
|
37
32
|
selectItem(item) {
|
|
38
|
-
if (item.
|
|
33
|
+
if (item.children) {
|
|
39
34
|
this.showSubCategories = !this.showSubCategories;
|
|
40
35
|
return;
|
|
41
36
|
}
|
|
@@ -44,8 +39,9 @@ export class ListOfIconsComponent {
|
|
|
44
39
|
this.itemSelected.emit(this.activeItem);
|
|
45
40
|
}
|
|
46
41
|
handlePickingCategoryClicked(subCategory) {
|
|
47
|
-
this.
|
|
42
|
+
this.activeItem = subCategory;
|
|
48
43
|
this.showMenu = false;
|
|
44
|
+
this.itemSelected.emit(subCategory);
|
|
49
45
|
this.showSubCategories = false;
|
|
50
46
|
}
|
|
51
47
|
onClickOutside() {
|
|
@@ -57,35 +53,39 @@ ListOfIconsComponent.decorators = [
|
|
|
57
53
|
{ type: Component, args: [{
|
|
58
54
|
selector: 'co-list-of-icons',
|
|
59
55
|
template: `
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
</div>
|
|
65
|
-
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
66
|
-
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
67
|
-
[class.active]="item === activeItem">
|
|
68
|
-
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
69
|
-
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
56
|
+
<div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
|
|
57
|
+
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
58
|
+
<co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
|
|
59
|
+
<co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
|
|
70
60
|
</div>
|
|
71
|
-
<div class="
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
class="
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
61
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
62
|
+
<div
|
|
63
|
+
class="icon-item"
|
|
64
|
+
[class.active]="item === activeItem"
|
|
65
|
+
*ngFor="let item of collection" (click)="selectItem(item)">
|
|
66
|
+
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
67
|
+
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
68
|
+
<div class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
|
|
69
|
+
<div
|
|
70
|
+
class="button-wrapper"
|
|
71
|
+
*ngFor="let subCategory of item.children"
|
|
72
|
+
(click)="handlePickingCategoryClicked(subCategory)">
|
|
73
|
+
<co-icon
|
|
74
|
+
class="co-transaction-button-bar-icon"
|
|
75
|
+
[iconData]="subCategory.icon"
|
|
76
|
+
[style.width.px]="iconSize"
|
|
77
|
+
[style.height.px]="iconSize">
|
|
78
|
+
</co-icon>
|
|
79
|
+
<span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
81
83
|
</div>
|
|
82
|
-
</div>
|
|
83
84
|
`,
|
|
84
85
|
encapsulation: ViewEncapsulation.None
|
|
85
86
|
},] }
|
|
86
87
|
];
|
|
87
88
|
ListOfIconsComponent.ctorParameters = () => [
|
|
88
|
-
{ type: IconCacheService },
|
|
89
89
|
{ type: IconCacheService }
|
|
90
90
|
];
|
|
91
91
|
ListOfIconsComponent.propDecorators = {
|
|
@@ -95,4 +95,4 @@ ListOfIconsComponent.propDecorators = {
|
|
|
95
95
|
itemSelected: [{ type: Output }],
|
|
96
96
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
97
97
|
};
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi1pY29ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC1vZi1pY29ucy9saXN0LW9mLWljb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQXFDNUQsTUFBTSxPQUFPLG9CQUFvQjtJQThCL0IsWUFDUyxLQUF1QjtRQUF2QixVQUFLLEdBQUwsS0FBSyxDQUFrQjtRQW5CekIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQU10QixpQkFBWSxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQU9uRSxTQUFJLEdBQVEsa0JBQWtCLENBQUM7UUFDeEMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixzQkFBaUIsR0FBWSxLQUFLLENBQUM7UUFDbEMsZ0JBQVcsR0FBbUIsRUFBRSxDQUFDO0lBS3pDLENBQUM7SUFoQ0QsSUFDVyxVQUFVLENBQUMsS0FBcUI7UUFDekMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBWU0sU0FBUztRQUNkLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQVlNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssU0FBUyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFrQjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1lBQ2pELE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU0sNEJBQTRCLENBQUMsV0FBeUI7UUFDM0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUM7UUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRU0sY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ2pDLENBQUM7OztZQXBHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O1lBcENPLGdCQUFnQjs7O3lCQXNDckIsS0FBSzt1QkFVTCxLQUFLO3lCQUdMLEtBQUs7MkJBR0wsTUFBTTt3QkFHTixXQUFXLFNBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7Q29yZUNvbXBvbmVudHNJY29ufSBmcm9tIFwiLi4vLi4vY29yZS9lbnVtL2NvcmUtY29tcG9uZW50cy1pY29uLmVudW1cIjtcclxuaW1wb3J0IHtJY29uQ2FjaGVTZXJ2aWNlfSBmcm9tIFwiLi4vaWNvbi9pY29uLWNhY2hlLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtJY29uTGlzdEl0ZW19IGZyb20gXCIuLi8uLi9tb2RlbC9pY29uLWxpc3QtaXRlbVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjby1saXN0LW9mLWljb25zJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1pdGVtIGFjdGl2ZVwiIFtjbGFzcy5tZW51LW9wZW5lZF09XCJzaG93TWVudVwiIChjbGljayk9XCJ0b2dnbGVNZW51KClcIj5cclxuICAgICAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJhY3RpdmVJdGVtLmljb25cIiBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cImljb25TaXplXCI+PC9jby1pY29uPlxyXG4gICAgICAgICAgPGNvLWljb24gKm5nSWY9XCIhc2hvd01lbnVcIiBjbGFzcz1cImRyb3AtYXJyb3dcIiBbaWNvbkRhdGFdPVwiaWNvbnMuZ2V0SWNvbihJY29uLkNhcmV0RG93blNvbGlkKVwiPjwvY28taWNvbj5cclxuICAgICAgICAgIDxjby1pY29uICpuZ0lmPVwic2hvd01lbnVcIiBjbGFzcz1cImRyb3AtYXJyb3dcIiBbaWNvbkRhdGFdPVwiaWNvbnMuZ2V0SWNvbihJY29uLkNhcmV0VXBTb2xpZClcIj48L2NvLWljb24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tbWVudVwiICpuZ0lmPVwic2hvd01lbnVcIiAoY2xpY2tPdXRzaWRlKT1cIm9uQ2xpY2tPdXRzaWRlKClcIj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uLWl0ZW1cIlxyXG4gICAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cIml0ZW0gPT09IGFjdGl2ZUl0ZW1cIlxyXG4gICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjb2xsZWN0aW9uXCIgKGNsaWNrKT1cInNlbGVjdEl0ZW0oaXRlbSlcIj5cclxuICAgICAgICAgICAgICA8Y28taWNvbiBbaWNvbkRhdGFdPVwiaXRlbS5pY29uXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPjwvY28taWNvbj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIiBbdGV4dENvbnRlbnRdPVwiaXRlbS5sYWJlbCB8IGNvcmVMb2NhbGl6ZVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwaWNraW5nLXR5cGUtd3JhcHBlclwiICpuZ0lmPVwic2hvd1N1YkNhdGVnb3JpZXMgJiYgaXRlbS5jaGlsZHJlbj8ubGVuZ3RoID4gMFwiPlxyXG4gICAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidXR0b24td3JhcHBlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHN1YkNhdGVnb3J5IG9mIGl0ZW0uY2hpbGRyZW5cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVQaWNraW5nQ2F0ZWdvcnlDbGlja2VkKHN1YkNhdGVnb3J5KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGNvLWljb25cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjby10cmFuc2FjdGlvbi1idXR0b24tYmFyLWljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbkRhdGFdPVwic3ViQ2F0ZWdvcnkuaWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDwvY28taWNvbj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYnV0dG9uLXRpdGxlXCIgW3RleHRDb250ZW50XT1cInN1YkNhdGVnb3J5LmxhYmVsIHwgY29yZUxvY2FsaXplXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICBgLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaXN0T2ZJY29uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2V0IGNvbGxlY3Rpb24odmFsdWU6IEljb25MaXN0SXRlbVtdKSB7XHJcbiAgICB0aGlzLl9jb2xsZWN0aW9uID0gdmFsdWUgfHwgW107XHJcbiAgICB0aGlzLmFjdGl2ZUl0ZW0gPSB0aGlzLmNvbGxlY3Rpb25bMF07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGNvbGxlY3Rpb24oKTogSWNvbkxpc3RJdGVtW10ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NvbGxlY3Rpb247XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpY29uU2l6ZTogbnVtYmVyID0gMjU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGFjdGl2ZUl0ZW0/OiBJY29uTGlzdEl0ZW07XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBpdGVtU2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxJY29uTGlzdEl0ZW0+ID0gbmV3IEV2ZW50RW1pdHRlcjxJY29uTGlzdEl0ZW0+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28tbGlzdC1vZi1pY29ucycpXHJcbiAgcHVibGljIHNob3dDbGFzcygpIHtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlYWRvbmx5IEljb246IGFueSA9IENvcmVDb21wb25lbnRzSWNvbjtcclxuICBwdWJsaWMgc2hvd01lbnU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwdWJsaWMgc2hvd1N1YkNhdGVnb3JpZXM6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwcml2YXRlIF9jb2xsZWN0aW9uOiBJY29uTGlzdEl0ZW1bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBpY29uczogSWNvbkNhY2hlU2VydmljZVxyXG4gICkge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuYWN0aXZlSXRlbSA9PT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlSXRlbSA9IHRoaXMuY29sbGVjdGlvblswXTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVNZW51KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zaG93TWVudSA9ICF0aGlzLnNob3dNZW51O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlbGVjdEl0ZW0oaXRlbTogSWNvbkxpc3RJdGVtKTogdm9pZCB7XHJcbiAgICBpZiAoaXRlbS5jaGlsZHJlbikge1xyXG4gICAgICB0aGlzLnNob3dTdWJDYXRlZ29yaWVzID0gIXRoaXMuc2hvd1N1YkNhdGVnb3JpZXM7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmFjdGl2ZUl0ZW0gPSBpdGVtO1xyXG4gICAgdGhpcy5zaG93TWVudSA9IGZhbHNlO1xyXG4gICAgdGhpcy5pdGVtU2VsZWN0ZWQuZW1pdCh0aGlzLmFjdGl2ZUl0ZW0pO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGhhbmRsZVBpY2tpbmdDYXRlZ29yeUNsaWNrZWQoc3ViQ2F0ZWdvcnk6IEljb25MaXN0SXRlbSk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gc3ViQ2F0ZWdvcnk7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLml0ZW1TZWxlY3RlZC5lbWl0KHN1YkNhdGVnb3J5KTtcclxuICAgIHRoaXMuc2hvd1N1YkNhdGVnb3JpZXMgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsaWNrT3V0c2lkZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgIHRoaXMuc2hvd1N1YkNhdGVnb3JpZXMgPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1saXN0LWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL21vZGVsL2ljb24tbGlzdC1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1NhZmVIdG1sfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJY29uTGlzdEl0ZW0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIGljb246IFNhZmVIdG1sO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgY2hpbGRyZW4/OiBJY29uTGlzdEl0ZW1bXTtcclxufVxyXG4iXX0=
|
|
@@ -11961,22 +11961,8 @@ ListOfValuesModule.decorators = [
|
|
|
11961
11961
|
},] }
|
|
11962
11962
|
];
|
|
11963
11963
|
|
|
11964
|
-
// Values are corresponding dictionary keys in text_nl.
|
|
11965
|
-
var BatchDeliveryCategory;
|
|
11966
|
-
(function (BatchDeliveryCategory) {
|
|
11967
|
-
BatchDeliveryCategory["Overview"] = "OVERVIEW";
|
|
11968
|
-
BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
|
|
11969
|
-
BatchDeliveryCategory["Allocate"] = "ALLOCATION";
|
|
11970
|
-
BatchDeliveryCategory["Logistics"] = "LOGISTICS";
|
|
11971
|
-
BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
|
|
11972
|
-
BatchDeliveryCategory["Invoice"] = "INVOICE";
|
|
11973
|
-
BatchDeliveryCategory["ToPick"] = "TO_PICK";
|
|
11974
|
-
BatchDeliveryCategory["Picked"] = "PICKED";
|
|
11975
|
-
})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
|
|
11976
|
-
|
|
11977
11964
|
class ListOfIconsComponent {
|
|
11978
|
-
constructor(
|
|
11979
|
-
this.iconCacheService = iconCacheService;
|
|
11965
|
+
constructor(icons) {
|
|
11980
11966
|
this.icons = icons;
|
|
11981
11967
|
this.iconSize = 25;
|
|
11982
11968
|
this.itemSelected = new EventEmitter();
|
|
@@ -11984,13 +11970,10 @@ class ListOfIconsComponent {
|
|
|
11984
11970
|
this.showMenu = false;
|
|
11985
11971
|
this.showSubCategories = false;
|
|
11986
11972
|
this._collection = [];
|
|
11987
|
-
this.subCategories = [
|
|
11988
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
|
|
11989
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
|
|
11990
|
-
];
|
|
11991
11973
|
}
|
|
11992
11974
|
set collection(value) {
|
|
11993
11975
|
this._collection = value || [];
|
|
11976
|
+
this.activeItem = this.collection[0];
|
|
11994
11977
|
}
|
|
11995
11978
|
get collection() {
|
|
11996
11979
|
return this._collection;
|
|
@@ -12007,7 +11990,7 @@ class ListOfIconsComponent {
|
|
|
12007
11990
|
this.showMenu = !this.showMenu;
|
|
12008
11991
|
}
|
|
12009
11992
|
selectItem(item) {
|
|
12010
|
-
if (item.
|
|
11993
|
+
if (item.children) {
|
|
12011
11994
|
this.showSubCategories = !this.showSubCategories;
|
|
12012
11995
|
return;
|
|
12013
11996
|
}
|
|
@@ -12016,8 +11999,9 @@ class ListOfIconsComponent {
|
|
|
12016
11999
|
this.itemSelected.emit(this.activeItem);
|
|
12017
12000
|
}
|
|
12018
12001
|
handlePickingCategoryClicked(subCategory) {
|
|
12019
|
-
this.
|
|
12002
|
+
this.activeItem = subCategory;
|
|
12020
12003
|
this.showMenu = false;
|
|
12004
|
+
this.itemSelected.emit(subCategory);
|
|
12021
12005
|
this.showSubCategories = false;
|
|
12022
12006
|
}
|
|
12023
12007
|
onClickOutside() {
|
|
@@ -12029,35 +12013,39 @@ ListOfIconsComponent.decorators = [
|
|
|
12029
12013
|
{ type: Component, args: [{
|
|
12030
12014
|
selector: 'co-list-of-icons',
|
|
12031
12015
|
template: `
|
|
12032
|
-
|
|
12033
|
-
|
|
12034
|
-
|
|
12035
|
-
|
|
12036
|
-
</div>
|
|
12037
|
-
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
12038
|
-
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
12039
|
-
[class.active]="item === activeItem">
|
|
12040
|
-
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12041
|
-
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
12016
|
+
<div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
|
|
12017
|
+
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12018
|
+
<co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
|
|
12019
|
+
<co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
|
|
12042
12020
|
</div>
|
|
12043
|
-
<div class="
|
|
12044
|
-
|
|
12045
|
-
|
|
12046
|
-
class="
|
|
12047
|
-
|
|
12048
|
-
|
|
12049
|
-
|
|
12050
|
-
|
|
12051
|
-
|
|
12052
|
-
|
|
12021
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
12022
|
+
<div
|
|
12023
|
+
class="icon-item"
|
|
12024
|
+
[class.active]="item === activeItem"
|
|
12025
|
+
*ngFor="let item of collection" (click)="selectItem(item)">
|
|
12026
|
+
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12027
|
+
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
12028
|
+
<div class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
|
|
12029
|
+
<div
|
|
12030
|
+
class="button-wrapper"
|
|
12031
|
+
*ngFor="let subCategory of item.children"
|
|
12032
|
+
(click)="handlePickingCategoryClicked(subCategory)">
|
|
12033
|
+
<co-icon
|
|
12034
|
+
class="co-transaction-button-bar-icon"
|
|
12035
|
+
[iconData]="subCategory.icon"
|
|
12036
|
+
[style.width.px]="iconSize"
|
|
12037
|
+
[style.height.px]="iconSize">
|
|
12038
|
+
</co-icon>
|
|
12039
|
+
<span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
|
|
12040
|
+
</div>
|
|
12041
|
+
</div>
|
|
12042
|
+
</div>
|
|
12053
12043
|
</div>
|
|
12054
|
-
</div>
|
|
12055
12044
|
`,
|
|
12056
12045
|
encapsulation: ViewEncapsulation.None
|
|
12057
12046
|
},] }
|
|
12058
12047
|
];
|
|
12059
12048
|
ListOfIconsComponent.ctorParameters = () => [
|
|
12060
|
-
{ type: IconCacheService },
|
|
12061
12049
|
{ type: IconCacheService }
|
|
12062
12050
|
];
|
|
12063
12051
|
ListOfIconsComponent.propDecorators = {
|