@colijnit/corecomponents_v12 259.1.19 → 259.1.21
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 +30 -32
- package/esm2015/lib/model/icon-list-item.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +29 -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/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,37 @@ 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
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
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
81
|
</div>
|
|
82
|
-
</div>
|
|
83
82
|
`,
|
|
84
83
|
encapsulation: ViewEncapsulation.None
|
|
85
84
|
},] }
|
|
86
85
|
];
|
|
87
86
|
ListOfIconsComponent.ctorParameters = () => [
|
|
88
|
-
{ type: IconCacheService },
|
|
89
87
|
{ type: IconCacheService }
|
|
90
88
|
];
|
|
91
89
|
ListOfIconsComponent.propDecorators = {
|
|
@@ -95,4 +93,4 @@ ListOfIconsComponent.propDecorators = {
|
|
|
95
93
|
itemSelected: [{ type: Output }],
|
|
96
94
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
97
95
|
};
|
|
98
|
-
//# 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=
|
|
@@ -11926,22 +11926,8 @@ ListOfValuesModule.decorators = [
|
|
|
11926
11926
|
},] }
|
|
11927
11927
|
];
|
|
11928
11928
|
|
|
11929
|
-
// Values are corresponding dictionary keys in text_nl.
|
|
11930
|
-
var BatchDeliveryCategory;
|
|
11931
|
-
(function (BatchDeliveryCategory) {
|
|
11932
|
-
BatchDeliveryCategory["Overview"] = "OVERVIEW";
|
|
11933
|
-
BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
|
|
11934
|
-
BatchDeliveryCategory["Allocate"] = "ALLOCATION";
|
|
11935
|
-
BatchDeliveryCategory["Logistics"] = "LOGISTICS";
|
|
11936
|
-
BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
|
|
11937
|
-
BatchDeliveryCategory["Invoice"] = "INVOICE";
|
|
11938
|
-
BatchDeliveryCategory["ToPick"] = "TO_PICK";
|
|
11939
|
-
BatchDeliveryCategory["Picked"] = "PICKED";
|
|
11940
|
-
})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
|
|
11941
|
-
|
|
11942
11929
|
class ListOfIconsComponent {
|
|
11943
|
-
constructor(
|
|
11944
|
-
this.iconCacheService = iconCacheService;
|
|
11930
|
+
constructor(icons) {
|
|
11945
11931
|
this.icons = icons;
|
|
11946
11932
|
this.iconSize = 25;
|
|
11947
11933
|
this.itemSelected = new EventEmitter();
|
|
@@ -11949,13 +11935,10 @@ class ListOfIconsComponent {
|
|
|
11949
11935
|
this.showMenu = false;
|
|
11950
11936
|
this.showSubCategories = false;
|
|
11951
11937
|
this._collection = [];
|
|
11952
|
-
this.subCategories = [
|
|
11953
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
|
|
11954
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
|
|
11955
|
-
];
|
|
11956
11938
|
}
|
|
11957
11939
|
set collection(value) {
|
|
11958
11940
|
this._collection = value || [];
|
|
11941
|
+
this.activeItem = this.collection[0];
|
|
11959
11942
|
}
|
|
11960
11943
|
get collection() {
|
|
11961
11944
|
return this._collection;
|
|
@@ -11972,7 +11955,7 @@ class ListOfIconsComponent {
|
|
|
11972
11955
|
this.showMenu = !this.showMenu;
|
|
11973
11956
|
}
|
|
11974
11957
|
selectItem(item) {
|
|
11975
|
-
if (item.
|
|
11958
|
+
if (item.children) {
|
|
11976
11959
|
this.showSubCategories = !this.showSubCategories;
|
|
11977
11960
|
return;
|
|
11978
11961
|
}
|
|
@@ -11981,8 +11964,9 @@ class ListOfIconsComponent {
|
|
|
11981
11964
|
this.itemSelected.emit(this.activeItem);
|
|
11982
11965
|
}
|
|
11983
11966
|
handlePickingCategoryClicked(subCategory) {
|
|
11984
|
-
this.
|
|
11967
|
+
this.activeItem = subCategory;
|
|
11985
11968
|
this.showMenu = false;
|
|
11969
|
+
this.itemSelected.emit(subCategory);
|
|
11986
11970
|
this.showSubCategories = false;
|
|
11987
11971
|
}
|
|
11988
11972
|
onClickOutside() {
|
|
@@ -11994,35 +11978,37 @@ ListOfIconsComponent.decorators = [
|
|
|
11994
11978
|
{ type: Component, args: [{
|
|
11995
11979
|
selector: 'co-list-of-icons',
|
|
11996
11980
|
template: `
|
|
11997
|
-
|
|
11998
|
-
|
|
11999
|
-
|
|
12000
|
-
|
|
12001
|
-
</div>
|
|
12002
|
-
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
12003
|
-
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
12004
|
-
[class.active]="item === activeItem">
|
|
12005
|
-
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12006
|
-
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
11981
|
+
<div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
|
|
11982
|
+
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11983
|
+
<co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
|
|
11984
|
+
<co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
|
|
12007
11985
|
</div>
|
|
12008
|
-
<div class="
|
|
12009
|
-
|
|
12010
|
-
|
|
12011
|
-
|
|
12012
|
-
|
|
12013
|
-
|
|
12014
|
-
|
|
12015
|
-
|
|
12016
|
-
|
|
12017
|
-
|
|
11986
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
11987
|
+
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
11988
|
+
[class.active]="item === activeItem">
|
|
11989
|
+
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11990
|
+
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
11991
|
+
<div class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
|
|
11992
|
+
<div
|
|
11993
|
+
class="button-wrapper"
|
|
11994
|
+
*ngFor="let subCategory of item.children"
|
|
11995
|
+
(click)="handlePickingCategoryClicked(subCategory)">
|
|
11996
|
+
<co-icon
|
|
11997
|
+
class="co-transaction-button-bar-icon"
|
|
11998
|
+
[iconData]="subCategory.icon"
|
|
11999
|
+
[style.width.px]="iconSize"
|
|
12000
|
+
[style.height.px]="iconSize">
|
|
12001
|
+
</co-icon>
|
|
12002
|
+
<span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
|
|
12003
|
+
</div>
|
|
12004
|
+
</div>
|
|
12005
|
+
</div>
|
|
12018
12006
|
</div>
|
|
12019
|
-
</div>
|
|
12020
12007
|
`,
|
|
12021
12008
|
encapsulation: ViewEncapsulation.None
|
|
12022
12009
|
},] }
|
|
12023
12010
|
];
|
|
12024
12011
|
ListOfIconsComponent.ctorParameters = () => [
|
|
12025
|
-
{ type: IconCacheService },
|
|
12026
12012
|
{ type: IconCacheService }
|
|
12027
12013
|
];
|
|
12028
12014
|
ListOfIconsComponent.propDecorators = {
|