@colijnit/corecomponents_v12 258.1.27 → 258.1.28
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 +5 -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 -35
- package/esm2015/lib/model/icon-list-item.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +31 -46
- 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/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,10 +10,6 @@ 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 || [];
|
|
@@ -36,7 +30,7 @@ export class ListOfIconsComponent {
|
|
|
36
30
|
this.showMenu = !this.showMenu;
|
|
37
31
|
}
|
|
38
32
|
selectItem(item) {
|
|
39
|
-
if (item.
|
|
33
|
+
if (item.children) {
|
|
40
34
|
this.showSubCategories = !this.showSubCategories;
|
|
41
35
|
return;
|
|
42
36
|
}
|
|
@@ -45,8 +39,9 @@ export class ListOfIconsComponent {
|
|
|
45
39
|
this.itemSelected.emit(this.activeItem);
|
|
46
40
|
}
|
|
47
41
|
handlePickingCategoryClicked(subCategory) {
|
|
48
|
-
this.
|
|
42
|
+
this.activeItem = subCategory;
|
|
49
43
|
this.showMenu = false;
|
|
44
|
+
this.itemSelected.emit(subCategory);
|
|
50
45
|
this.showSubCategories = false;
|
|
51
46
|
}
|
|
52
47
|
onClickOutside() {
|
|
@@ -57,36 +52,38 @@ export class ListOfIconsComponent {
|
|
|
57
52
|
ListOfIconsComponent.decorators = [
|
|
58
53
|
{ type: Component, args: [{
|
|
59
54
|
selector: 'co-list-of-icons',
|
|
60
|
-
template: `
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
55
|
+
template: `
|
|
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>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
62
|
+
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
63
|
+
[class.active]="item === activeItem">
|
|
64
|
+
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
65
|
+
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
66
|
+
<div class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
|
|
67
|
+
<div
|
|
68
|
+
class="button-wrapper"
|
|
69
|
+
*ngFor="let subCategory of item.children"
|
|
70
|
+
(click)="handlePickingCategoryClicked(subCategory)">
|
|
71
|
+
<co-icon
|
|
72
|
+
class="co-transaction-button-bar-icon"
|
|
73
|
+
[iconData]="subCategory.icon"
|
|
74
|
+
[style.width.px]="iconSize"
|
|
75
|
+
[style.height.px]="iconSize">
|
|
76
|
+
</co-icon>
|
|
77
|
+
<span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
84
82
|
`,
|
|
85
83
|
encapsulation: ViewEncapsulation.None
|
|
86
84
|
},] }
|
|
87
85
|
];
|
|
88
86
|
ListOfIconsComponent.ctorParameters = () => [
|
|
89
|
-
{ type: IconCacheService },
|
|
90
87
|
{ type: IconCacheService }
|
|
91
88
|
];
|
|
92
89
|
ListOfIconsComponent.propDecorators = {
|
|
@@ -96,4 +93,4 @@ ListOfIconsComponent.propDecorators = {
|
|
|
96
93
|
itemSelected: [{ type: Output }],
|
|
97
94
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
98
95
|
};
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi1pY29ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC1vZi1pY29ucy9saXN0LW9mLWljb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQW1DNUQsTUFBTSxPQUFPLG9CQUFvQjtJQThCL0IsWUFDUyxLQUF1QjtRQUF2QixVQUFLLEdBQUwsS0FBSyxDQUFrQjtRQW5CekIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQU10QixpQkFBWSxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQU9uRSxTQUFJLEdBQVEsa0JBQWtCLENBQUM7UUFDeEMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixzQkFBaUIsR0FBWSxLQUFLLENBQUM7UUFDbEMsZ0JBQVcsR0FBbUIsRUFBRSxDQUFDO0lBS3pDLENBQUM7SUFoQ0QsSUFDVyxVQUFVLENBQUMsS0FBcUI7UUFDekMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBWU0sU0FBUztRQUNkLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQVlNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssU0FBUyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUN0QztJQUNILENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFrQjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1lBQ2pELE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU0sNEJBQTRCLENBQUMsV0FBeUI7UUFDM0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUM7UUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRU0sY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ2pDLENBQUM7OztZQWxHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQ7Z0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDdEM7OztZQWxDTyxnQkFBZ0I7Ozt5QkFvQ3JCLEtBQUs7dUJBVUwsS0FBSzt5QkFHTCxLQUFLOzJCQUdMLE1BQU07d0JBR04sV0FBVyxTQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvcmVDb21wb25lbnRzSWNvbn0gZnJvbSBcIi4uLy4uL2NvcmUvZW51bS9jb3JlLWNvbXBvbmVudHMtaWNvbi5lbnVtXCI7XHJcbmltcG9ydCB7SWNvbkNhY2hlU2VydmljZX0gZnJvbSBcIi4uL2ljb24vaWNvbi1jYWNoZS5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7SWNvbkxpc3RJdGVtfSBmcm9tIFwiLi4vLi4vbW9kZWwvaWNvbi1saXN0LWl0ZW1cIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY28tbGlzdC1vZi1pY29ucycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgICAgPGRpdiBjbGFzcz1cImljb24taXRlbSBhY3RpdmVcIiBbY2xhc3MubWVudS1vcGVuZWRdPVwic2hvd01lbnVcIiAoY2xpY2spPVwidG9nZ2xlTWVudSgpXCI+XHJcbiAgICAgICAgICA8Y28taWNvbiBbaWNvbkRhdGFdPVwiYWN0aXZlSXRlbS5pY29uXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPjwvY28taWNvbj5cclxuICAgICAgICAgIDxjby1pY29uICpuZ0lmPVwiIXNob3dNZW51XCIgY2xhc3M9XCJkcm9wLWFycm93XCIgW2ljb25EYXRhXT1cImljb25zLmdldEljb24oSWNvbi5DYXJldERvd25Tb2xpZClcIj48L2NvLWljb24+XHJcbiAgICAgICAgICA8Y28taWNvbiAqbmdJZj1cInNob3dNZW51XCIgY2xhc3M9XCJkcm9wLWFycm93XCIgW2ljb25EYXRhXT1cImljb25zLmdldEljb24oSWNvbi5DYXJldFVwU29saWQpXCI+PC9jby1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW1lbnVcIiAqbmdJZj1cInNob3dNZW51XCIgKGNsaWNrT3V0c2lkZSk9XCJvbkNsaWNrT3V0c2lkZSgpXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1pdGVtXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29sbGVjdGlvblwiIChjbGljayk9XCJzZWxlY3RJdGVtKGl0ZW0pXCJcclxuICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpdGVtID09PSBhY3RpdmVJdGVtXCI+XHJcbiAgICAgICAgICAgICAgPGNvLWljb24gW2ljb25EYXRhXT1cIml0ZW0uaWNvblwiIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj48L2NvLWljb24+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVsXCIgW3RleHRDb250ZW50XT1cIml0ZW0ubGFiZWwgfCBjb3JlTG9jYWxpemVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGlja2luZy10eXBlLXdyYXBwZXJcIiAqbmdJZj1cInNob3dTdWJDYXRlZ29yaWVzICYmIGl0ZW0uY2hpbGRyZW4/Lmxlbmd0aCA+IDBcIj5cclxuICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnV0dG9uLXdyYXBwZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBzdWJDYXRlZ29yeSBvZiBpdGVtLmNoaWxkcmVuXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlUGlja2luZ0NhdGVnb3J5Q2xpY2tlZChzdWJDYXRlZ29yeSlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxjby1pY29uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY28tdHJhbnNhY3Rpb24tYnV0dG9uLWJhci1pY29uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25EYXRhXT1cInN1YkNhdGVnb3J5Lmljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cImljb25TaXplXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2NvLWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJ1dHRvbi10aXRsZVwiIFt0ZXh0Q29udGVudF09XCJzdWJDYXRlZ29yeS5sYWJlbCB8IGNvcmVMb2NhbGl6ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlzdE9mSWNvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCBjb2xsZWN0aW9uKHZhbHVlOiBJY29uTGlzdEl0ZW1bXSkge1xyXG4gICAgdGhpcy5fY29sbGVjdGlvbiA9IHZhbHVlIHx8IFtdO1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gdGhpcy5jb2xsZWN0aW9uWzBdO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBjb2xsZWN0aW9uKCk6IEljb25MaXN0SXRlbVtdIHtcclxuICAgIHJldHVybiB0aGlzLl9jb2xsZWN0aW9uO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgaWNvblNpemU6IG51bWJlciA9IDI1O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBhY3RpdmVJdGVtPzogSWNvbkxpc3RJdGVtO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgaXRlbVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8SWNvbkxpc3RJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8SWNvbkxpc3RJdGVtPigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLWxpc3Qtb2YtaWNvbnMnKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWFkb25seSBJY29uOiBhbnkgPSBDb3JlQ29tcG9uZW50c0ljb247XHJcbiAgcHVibGljIHNob3dNZW51OiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHVibGljIHNob3dTdWJDYXRlZ29yaWVzOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfY29sbGVjdGlvbjogSWNvbkxpc3RJdGVtW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgaWNvbnM6IEljb25DYWNoZVNlcnZpY2VcclxuICApIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmFjdGl2ZUl0ZW0gPT09IHVuZGVmaW5lZCkge1xyXG4gICAgICB0aGlzLmFjdGl2ZUl0ZW0gPSB0aGlzLmNvbGxlY3Rpb25bMF07XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlTWVudSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2hvd01lbnUgPSAhdGhpcy5zaG93TWVudTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZWxlY3RJdGVtKGl0ZW06IEljb25MaXN0SXRlbSk6IHZvaWQge1xyXG4gICAgaWYgKGl0ZW0uY2hpbGRyZW4pIHtcclxuICAgICAgdGhpcy5zaG93U3ViQ2F0ZWdvcmllcyA9ICF0aGlzLnNob3dTdWJDYXRlZ29yaWVzO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5hY3RpdmVJdGVtID0gaXRlbTtcclxuICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgIHRoaXMuaXRlbVNlbGVjdGVkLmVtaXQodGhpcy5hY3RpdmVJdGVtKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVQaWNraW5nQ2F0ZWdvcnlDbGlja2VkKHN1YkNhdGVnb3J5OiBJY29uTGlzdEl0ZW0pOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aXZlSXRlbSA9IHN1YkNhdGVnb3J5O1xyXG4gICAgdGhpcy5zaG93TWVudSA9IGZhbHNlO1xyXG4gICAgdGhpcy5pdGVtU2VsZWN0ZWQuZW1pdChzdWJDYXRlZ29yeSk7XHJcbiAgICB0aGlzLnNob3dTdWJDYXRlZ29yaWVzID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGlja091dHNpZGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLnNob3dTdWJDYXRlZ29yaWVzID0gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1saXN0LWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL21vZGVsL2ljb24tbGlzdC1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1NhZmVIdG1sfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJY29uTGlzdEl0ZW0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIGljb246IFNhZmVIdG1sO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgY2hpbGRyZW4/OiBJY29uTGlzdEl0ZW1bXTtcclxufVxyXG4iXX0=
|
|
@@ -11833,22 +11833,8 @@ ListOfValuesModule.decorators = [
|
|
|
11833
11833
|
},] }
|
|
11834
11834
|
];
|
|
11835
11835
|
|
|
11836
|
-
// Values are corresponding dictionary keys in text_nl.
|
|
11837
|
-
var BatchDeliveryCategory;
|
|
11838
|
-
(function (BatchDeliveryCategory) {
|
|
11839
|
-
BatchDeliveryCategory["Overview"] = "OVERVIEW";
|
|
11840
|
-
BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
|
|
11841
|
-
BatchDeliveryCategory["Allocate"] = "ALLOCATION";
|
|
11842
|
-
BatchDeliveryCategory["Logistics"] = "LOGISTICS";
|
|
11843
|
-
BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
|
|
11844
|
-
BatchDeliveryCategory["Invoice"] = "INVOICE";
|
|
11845
|
-
BatchDeliveryCategory["ToPick"] = "TO_PICK";
|
|
11846
|
-
BatchDeliveryCategory["Picked"] = "PICKED";
|
|
11847
|
-
})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
|
|
11848
|
-
|
|
11849
11836
|
class ListOfIconsComponent {
|
|
11850
|
-
constructor(
|
|
11851
|
-
this.iconCacheService = iconCacheService;
|
|
11837
|
+
constructor(icons) {
|
|
11852
11838
|
this.icons = icons;
|
|
11853
11839
|
this.iconSize = 25;
|
|
11854
11840
|
this.itemSelected = new EventEmitter();
|
|
@@ -11856,10 +11842,6 @@ class ListOfIconsComponent {
|
|
|
11856
11842
|
this.showMenu = false;
|
|
11857
11843
|
this.showSubCategories = false;
|
|
11858
11844
|
this._collection = [];
|
|
11859
|
-
this.subCategories = [
|
|
11860
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
|
|
11861
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
|
|
11862
|
-
];
|
|
11863
11845
|
}
|
|
11864
11846
|
set collection(value) {
|
|
11865
11847
|
this._collection = value || [];
|
|
@@ -11880,7 +11862,7 @@ class ListOfIconsComponent {
|
|
|
11880
11862
|
this.showMenu = !this.showMenu;
|
|
11881
11863
|
}
|
|
11882
11864
|
selectItem(item) {
|
|
11883
|
-
if (item.
|
|
11865
|
+
if (item.children) {
|
|
11884
11866
|
this.showSubCategories = !this.showSubCategories;
|
|
11885
11867
|
return;
|
|
11886
11868
|
}
|
|
@@ -11889,8 +11871,9 @@ class ListOfIconsComponent {
|
|
|
11889
11871
|
this.itemSelected.emit(this.activeItem);
|
|
11890
11872
|
}
|
|
11891
11873
|
handlePickingCategoryClicked(subCategory) {
|
|
11892
|
-
this.
|
|
11874
|
+
this.activeItem = subCategory;
|
|
11893
11875
|
this.showMenu = false;
|
|
11876
|
+
this.itemSelected.emit(subCategory);
|
|
11894
11877
|
this.showSubCategories = false;
|
|
11895
11878
|
}
|
|
11896
11879
|
onClickOutside() {
|
|
@@ -11901,36 +11884,38 @@ class ListOfIconsComponent {
|
|
|
11901
11884
|
ListOfIconsComponent.decorators = [
|
|
11902
11885
|
{ type: Component, args: [{
|
|
11903
11886
|
selector: 'co-list-of-icons',
|
|
11904
|
-
template: `
|
|
11905
|
-
|
|
11906
|
-
|
|
11907
|
-
|
|
11908
|
-
|
|
11909
|
-
|
|
11910
|
-
|
|
11911
|
-
|
|
11912
|
-
|
|
11913
|
-
|
|
11914
|
-
|
|
11915
|
-
|
|
11916
|
-
|
|
11917
|
-
|
|
11918
|
-
|
|
11919
|
-
|
|
11920
|
-
|
|
11921
|
-
|
|
11922
|
-
|
|
11923
|
-
|
|
11924
|
-
|
|
11925
|
-
|
|
11926
|
-
|
|
11927
|
-
|
|
11887
|
+
template: `
|
|
11888
|
+
<div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
|
|
11889
|
+
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11890
|
+
<co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
|
|
11891
|
+
<co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
|
|
11892
|
+
</div>
|
|
11893
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
11894
|
+
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
11895
|
+
[class.active]="item === activeItem">
|
|
11896
|
+
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11897
|
+
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
11898
|
+
<div class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
|
|
11899
|
+
<div
|
|
11900
|
+
class="button-wrapper"
|
|
11901
|
+
*ngFor="let subCategory of item.children"
|
|
11902
|
+
(click)="handlePickingCategoryClicked(subCategory)">
|
|
11903
|
+
<co-icon
|
|
11904
|
+
class="co-transaction-button-bar-icon"
|
|
11905
|
+
[iconData]="subCategory.icon"
|
|
11906
|
+
[style.width.px]="iconSize"
|
|
11907
|
+
[style.height.px]="iconSize">
|
|
11908
|
+
</co-icon>
|
|
11909
|
+
<span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
|
|
11910
|
+
</div>
|
|
11911
|
+
</div>
|
|
11912
|
+
</div>
|
|
11913
|
+
</div>
|
|
11928
11914
|
`,
|
|
11929
11915
|
encapsulation: ViewEncapsulation.None
|
|
11930
11916
|
},] }
|
|
11931
11917
|
];
|
|
11932
11918
|
ListOfIconsComponent.ctorParameters = () => [
|
|
11933
|
-
{ type: IconCacheService },
|
|
11934
11919
|
{ type: IconCacheService }
|
|
11935
11920
|
];
|
|
11936
11921
|
ListOfIconsComponent.propDecorators = {
|