@colijnit/corecomponents_v12 260.1.8 → 260.1.10
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 +7 -25
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/hour-scheduling-expandable/hour-scheduling-expandable.component.js +2 -2
- package/esm2015/lib/components/list-of-icons/list-of-icons.component.js +31 -32
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +28 -28
- package/esm2015/lib/model/icon-list-item.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +58 -71
- 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/components/simple-grid/style/_layout.scss +47 -8
- package/lib/model/icon-list-item.d.ts +1 -0
- package/package.json +1 -1
- package/colijnit-corecomponents_v12-260.1.7.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
|
@@ -10841,7 +10841,7 @@
|
|
|
10841
10841
|
SimpleGridComponent.decorators = [
|
|
10842
10842
|
{ type: i0.Component, args: [{
|
|
10843
10843
|
selector: 'co-simple-grid',
|
|
10844
|
-
template: "\n <co-grid-toolbar\n *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"showEdit\"\n [showAdd]=\"showAdd\"\n [showDelete]=\"showDelete\"\n [deleteEnabled]=\"selectedRowIndex > -1\"\n (addClick)=\"addNewRow()\"\n (editClick)=\"editRow($event)\"\n (saveClick)=\"validateAndSave()\"\n (cancelClick)=\"cancelEditRow()\"\n (deleteClick)=\"removeRow()\">\n </co-grid-toolbar>\n\n <table\n id=\"simple-grid-table\"\n class=\"simple-grid-table\"\n [clickOutside]=\"editing\"\n (clickOutside)=\"handleClickOutsideRow()\">\n <colgroup>\n <col\n *ngFor=\"let column of headerColumnsCopy; let index = index\"\n [class.simple-grid-column-auto-fit]=\"column.autoFit\"\n [style.width.px]=\"column.width\"\n [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n </colgroup>\n <thead>\n <tr>\n <th\n scope=\"col\"\n #headerCell\n class=\"simple-grid-column-header\"\n *ngFor=\"let column of headerColumnsCopy; let index = index\">\n <div\n class=\"simple-grid-column-header-wrapper\"\n [class.resizable]=\"resizable\"\n [class.selected]=\"column.isSelected\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n </ng-container>\n <ng-template #noHeaderTemplate>\n <div\n class=\"simple-grid-column-header-label\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [class.with-menu]=\"showGridSettings\"\n [class.with-sort]=\"showColumnSort\"\n [textContent]=\"column.headerText || ' '\" [title]=\"column.headerText\"\n (click)=\"showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)\">\n </div>\n\n <div class=\"sort-column\" *ngIf=\"showColumnSort\">\n <co-button\n (click)=\"sortColumn(column, column?.field)\"\n [iconData]=\"icons.getIcon(Icons.ArrowUpArrowDown)\">\n </co-button>\n </div>\n\n <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"hideColumn(column)\">Hide Column</li>\n <li (click)=\"sortColumn(column, column.field)\">Sort Column</li>\n </ul>\n </div>\n </ng-template>\n <div\n *ngIf=\"resizable && column.resizable\"\n class=\"simple-grid-column-sizer\"\n (mousedown)=\"handleSizerMouseDown($event, column)\">\n </div>\n </div>\n </th>\n </tr>\n\n <div *ngIf=\"showGridSettings\" class=\"grid-settings\">\n <co-button\n [class.selected]=\"isSettingsMenuOpen\"\n [iconData]=\"icons.getIcon(Icons.CogWheels)\"\n (click)=\"toggleSettingsMenu()\">\n </co-button>\n\n <div class=\"settings-menu\" *ngIf=\"isSettingsMenuOpen\">\n <h3 [textContent]=\"'GRID_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"exportToExcel()\">Export to Excel</li>\n <li *ngIf=\"headerColumnsCopy.length !== headerColumns.length\" (click)=\"showAllColumns()\">\n Show All Columns\n </li>\n </ul>\n </div>\n </div>\n </thead>\n <tbody\n #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"simple-grid-drag-drop-list\"\n [cdkDropListDisabled]=\"!dragDropEnabled || editing\"\n [cdkDropListData]=\"data\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\">\n <co-form class=\"simple-grid-row-form\">\n <tr\n #rowElement\n class=\"simple-grid-row\"\n [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n [class.disabled]=\"getIsRowDisabled(rowIndex)\"\n [class.editing]=\"rowIndex === editRowIndex\"\n *ngFor=\"let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index\"\n cdkDrag\n (click)=\"handleClickRow($event, rowIndex)\" (dblclick)=\"handleDblClickRow($event, rowIndex, row)\"\n (visibilityChange)=\"rowVisible.next(row)\"\n (mouseenter)=\"hoveredRowIndex = rowIndex\"\n (mouseleave)=\"hoveredRowIndex = -1\"\n >\n <ng-container *ngIf=\"isSingleColumnRow(row)\">\n <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumnsCopy.length\">\n <co-simple-grid-cell\n [column]=\"columns[singleColumnIndex(row)]\"\n [row]=\"row\"\n [editMode]=\"false\">\n </co-simple-grid-cell>\n </td>\n </ng-container>\n <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n <ng-container *ngFor=\"let column of headerColumnsCopy; let columnIndex = index\">\n <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n <co-simple-grid-cell\n [column]=\"column\"\n [row]=\"row\"\n [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n [fieldEditMode]=\"editCellIndex === columnIndex && rowIndex === editRowIndex\"\n (cellClick)=\"handleCellClick($event, row, rowIndex, columnIndex)\">\n </co-simple-grid-cell>\n <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n </td>\n </ng-container>\n <ng-container *ngIf=\"inlineEdit && showRowButtons\">\n <
|
|
10844
|
+
template: "\n <co-grid-toolbar\n *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"showEdit\"\n [showAdd]=\"showAdd\"\n [showDelete]=\"showDelete\"\n [deleteEnabled]=\"selectedRowIndex > -1\"\n (addClick)=\"addNewRow()\"\n (editClick)=\"editRow($event)\"\n (saveClick)=\"validateAndSave()\"\n (cancelClick)=\"cancelEditRow()\"\n (deleteClick)=\"removeRow()\">\n </co-grid-toolbar>\n\n <table\n id=\"simple-grid-table\"\n class=\"simple-grid-table\"\n [clickOutside]=\"editing\"\n (clickOutside)=\"handleClickOutsideRow()\">\n <colgroup>\n <col\n *ngFor=\"let column of headerColumnsCopy; let index = index\"\n [class.simple-grid-column-auto-fit]=\"column.autoFit\"\n [style.width.px]=\"column.width\"\n [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n <col\n *ngIf=\"((inlineEdit && showRowButtons) || (showDelete && !showRowButtons)) && (hoveredRowIndex >= 0 || selectedRowIndex >= 0 || isNewRow)\"\n [class.icons-col]=\"true\"\n [class.col-width-row-buttons]=\"inlineEdit && showRowButtons\"\n [class.col-width-delete]=\"!showRowButtons && showDelete\">\n </colgroup>\n <thead>\n <tr>\n <th\n scope=\"col\"\n #headerCell\n class=\"simple-grid-column-header\"\n *ngFor=\"let column of headerColumnsCopy; let index = index\">\n <div\n class=\"simple-grid-column-header-wrapper\"\n [class.resizable]=\"resizable\"\n [class.selected]=\"column.isSelected\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n </ng-container>\n <ng-template #noHeaderTemplate>\n <div\n class=\"simple-grid-column-header-label\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [class.with-menu]=\"showGridSettings\"\n [class.with-sort]=\"showColumnSort\"\n [textContent]=\"column.headerText || ' '\" [title]=\"column.headerText\"\n (click)=\"showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)\">\n </div>\n\n <div class=\"sort-column\" *ngIf=\"showColumnSort\">\n <co-button\n (click)=\"sortColumn(column, column?.field)\"\n [iconData]=\"icons.getIcon(Icons.ArrowUpArrowDown)\">\n </co-button>\n </div>\n\n <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"hideColumn(column)\">Hide Column</li>\n <li (click)=\"sortColumn(column, column.field)\">Sort Column</li>\n </ul>\n </div>\n </ng-template>\n <div\n *ngIf=\"resizable && column.resizable\"\n class=\"simple-grid-column-sizer\"\n (mousedown)=\"handleSizerMouseDown($event, column)\">\n </div>\n </div>\n </th>\n </tr>\n\n <div *ngIf=\"showGridSettings\" class=\"grid-settings\">\n <co-button\n [class.selected]=\"isSettingsMenuOpen\"\n [iconData]=\"icons.getIcon(Icons.CogWheels)\"\n (click)=\"toggleSettingsMenu()\">\n </co-button>\n\n <div class=\"settings-menu\" *ngIf=\"isSettingsMenuOpen\">\n <h3 [textContent]=\"'GRID_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"exportToExcel()\">Export to Excel</li>\n <li *ngIf=\"headerColumnsCopy.length !== headerColumns.length\" (click)=\"showAllColumns()\">\n Show All Columns\n </li>\n </ul>\n </div>\n </div>\n </thead>\n <tbody\n #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"simple-grid-drag-drop-list\"\n [cdkDropListDisabled]=\"!dragDropEnabled || editing\"\n [cdkDropListData]=\"data\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\">\n <co-form class=\"simple-grid-row-form\">\n <tr\n #rowElement\n class=\"simple-grid-row\"\n [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n [class.disabled]=\"getIsRowDisabled(rowIndex)\"\n [class.editing]=\"rowIndex === editRowIndex\"\n *ngFor=\"let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index\"\n cdkDrag\n (click)=\"handleClickRow($event, rowIndex)\" (dblclick)=\"handleDblClickRow($event, rowIndex, row)\"\n (visibilityChange)=\"rowVisible.next(row)\"\n (mouseenter)=\"hoveredRowIndex = rowIndex\"\n (mouseleave)=\"hoveredRowIndex = -1\"\n >\n <ng-container *ngIf=\"isSingleColumnRow(row)\">\n <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumnsCopy.length\">\n <co-simple-grid-cell\n [column]=\"columns[singleColumnIndex(row)]\"\n [row]=\"row\"\n [editMode]=\"false\">\n </co-simple-grid-cell>\n </td>\n </ng-container>\n <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n <ng-container *ngFor=\"let column of headerColumnsCopy; let columnIndex = index\">\n <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n <co-simple-grid-cell\n [column]=\"column\"\n [row]=\"row\"\n [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n [fieldEditMode]=\"editCellIndex === columnIndex && rowIndex === editRowIndex\"\n (cellClick)=\"handleCellClick($event, row, rowIndex, columnIndex)\">\n </co-simple-grid-cell>\n <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n </td>\n </ng-container>\n <ng-container *ngIf=\"(inlineEdit && showRowButtons) || (showDelete && !showRowButtons)\">\n <td class=\"icons-container\"\n *ngIf=\"(editRowIndex <= -1 && selectedRowIndex === -1 && hoveredRowIndex === rowIndex) || selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex)\">\n <ng-container>\n <co-icon class=\"icon-item icon-edit\"\n *ngIf=\"!editing && (inlineEdit && showRowButtons)\"\n [iconData]=\"icons.getIcon(Icons.PenToSquareSolid)\"\n (click)=\"editRow($event, true, rowIndex); $event.stopPropagation()\"></co-icon>\n <co-icon class=\"icon-item icon-delete\"\n [iconData]=\"icons.getIcon(Icons.TrashBin)\"\n *ngIf=\"(!editing && (inlineEdit || !inlineEdit) && showRowButtons) || (!showRowButtons && showDelete)\"\n (click)=\"selectTheRow(rowIndex); removeRow();\"></co-icon>\n </ng-container>\n <ng-container *ngIf=\"editing && inlineEdit && showRowButtons && (selectedRowIndex === rowIndex || isNewRow)\">\n <co-button class=\"save-button\"\n [iconData]=\"icons.getIcon(Icons.CheckDuotone)\"\n (click)=\"validateAndSave(); $event.stopPropagation()\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"icons.getIcon(Icons.CrossSkinny)\"\n (click)=\"cancelEditRow(); $event.stopPropagation() \"></co-button>\n </ng-container>\n </td>\n </ng-container>\n </ng-container>\n </tr>\n </co-form>\n </tbody>\n </table>\n <co-pagination-bar\n *ngIf=\"data?.length > rowsPerPage\" class=\"pagination-bar\"\n [itemsPerPage]=\"rowsPerPage\"\n [currentPage]=\"currentPage\"\n [totalItems]=\"data.length\"\n [autoHide]=\"true\"\n (previousClick)=\"goToPreviousPage()\"\n (nextClick)=\"goToNextPage()\"\n (pageClick)=\"setCurrentPage($event)\">\n </co-pagination-bar>\n ",
|
|
10845
10845
|
providers: [FormMasterService],
|
|
10846
10846
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
10847
10847
|
encapsulation: i0.ViewEncapsulation.None
|
|
@@ -12398,22 +12398,8 @@
|
|
|
12398
12398
|
},] }
|
|
12399
12399
|
];
|
|
12400
12400
|
|
|
12401
|
-
// Values are corresponding dictionary keys in text_nl.
|
|
12402
|
-
var BatchDeliveryCategory;
|
|
12403
|
-
(function (BatchDeliveryCategory) {
|
|
12404
|
-
BatchDeliveryCategory["Overview"] = "OVERVIEW";
|
|
12405
|
-
BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
|
|
12406
|
-
BatchDeliveryCategory["Allocate"] = "ALLOCATION";
|
|
12407
|
-
BatchDeliveryCategory["Logistics"] = "LOGISTICS";
|
|
12408
|
-
BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
|
|
12409
|
-
BatchDeliveryCategory["Invoice"] = "INVOICE";
|
|
12410
|
-
BatchDeliveryCategory["ToPick"] = "TO_PICK";
|
|
12411
|
-
BatchDeliveryCategory["Picked"] = "PICKED";
|
|
12412
|
-
})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
|
|
12413
|
-
|
|
12414
12401
|
var ListOfIconsComponent = /** @class */ (function () {
|
|
12415
|
-
function ListOfIconsComponent(
|
|
12416
|
-
this.iconCacheService = iconCacheService;
|
|
12402
|
+
function ListOfIconsComponent(icons) {
|
|
12417
12403
|
this.icons = icons;
|
|
12418
12404
|
this.iconSize = 25;
|
|
12419
12405
|
this.itemSelected = new i0.EventEmitter();
|
|
@@ -12421,10 +12407,6 @@
|
|
|
12421
12407
|
this.showMenu = false;
|
|
12422
12408
|
this.showSubCategories = false;
|
|
12423
12409
|
this._collection = [];
|
|
12424
|
-
this.subCategories = [
|
|
12425
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
|
|
12426
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
|
|
12427
|
-
];
|
|
12428
12410
|
}
|
|
12429
12411
|
Object.defineProperty(ListOfIconsComponent.prototype, "collection", {
|
|
12430
12412
|
get: function () {
|
|
@@ -12449,7 +12431,7 @@
|
|
|
12449
12431
|
this.showMenu = !this.showMenu;
|
|
12450
12432
|
};
|
|
12451
12433
|
ListOfIconsComponent.prototype.selectItem = function (item) {
|
|
12452
|
-
if (item.
|
|
12434
|
+
if (item.children) {
|
|
12453
12435
|
this.showSubCategories = !this.showSubCategories;
|
|
12454
12436
|
return;
|
|
12455
12437
|
}
|
|
@@ -12458,8 +12440,9 @@
|
|
|
12458
12440
|
this.itemSelected.emit(this.activeItem);
|
|
12459
12441
|
};
|
|
12460
12442
|
ListOfIconsComponent.prototype.handlePickingCategoryClicked = function (subCategory) {
|
|
12461
|
-
this.
|
|
12443
|
+
this.activeItem = subCategory;
|
|
12462
12444
|
this.showMenu = false;
|
|
12445
|
+
this.itemSelected.emit(subCategory);
|
|
12463
12446
|
this.showSubCategories = false;
|
|
12464
12447
|
};
|
|
12465
12448
|
ListOfIconsComponent.prototype.onClickOutside = function () {
|
|
@@ -12471,12 +12454,11 @@
|
|
|
12471
12454
|
ListOfIconsComponent.decorators = [
|
|
12472
12455
|
{ type: i0.Component, args: [{
|
|
12473
12456
|
selector: 'co-list-of-icons',
|
|
12474
|
-
template: "\n
|
|
12457
|
+
template: "\n <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n <co-icon [iconData]=\"activeItem.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n <co-icon *ngIf=\"!showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretDownSolid)\"></co-icon>\n <co-icon *ngIf=\"showMenu\" class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.CaretUpSolid)\"></co-icon>\n </div>\n <div class=\"dropdown-menu\" *ngIf=\"showMenu\" (clickOutside)=\"onClickOutside()\">\n <div\n class=\"icon-item\"\n [class.active]=\"item === activeItem\"\n *ngFor=\"let item of collection\" (click)=\"selectItem(item)\">\n <co-icon [iconData]=\"item.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n <div class=\"label\" [textContent]=\"item.label | coreLocalize\"></div>\n <div class=\"picking-type-wrapper\" *ngIf=\"showSubCategories && item.children?.length > 0\">\n <div\n class=\"button-wrapper\"\n *ngFor=\"let subCategory of item.children\"\n (click)=\"handlePickingCategoryClicked(subCategory)\">\n <co-icon\n class=\"co-transaction-button-bar-icon\"\n [iconData]=\"subCategory.icon\"\n [style.width.px]=\"iconSize\"\n [style.height.px]=\"iconSize\">\n </co-icon>\n <span class=\"button-title\" [textContent]=\"subCategory.label | coreLocalize\"></span>\n </div>\n </div>\n </div>\n </div>\n ",
|
|
12475
12458
|
encapsulation: i0.ViewEncapsulation.None
|
|
12476
12459
|
},] }
|
|
12477
12460
|
];
|
|
12478
12461
|
ListOfIconsComponent.ctorParameters = function () { return [
|
|
12479
|
-
{ type: IconCacheService },
|
|
12480
12462
|
{ type: IconCacheService }
|
|
12481
12463
|
]; };
|
|
12482
12464
|
ListOfIconsComponent.propDecorators = {
|
|
@@ -15400,7 +15382,7 @@
|
|
|
15400
15382
|
var _this = this;
|
|
15401
15383
|
dragEvent.preventDefault();
|
|
15402
15384
|
dragEvent.stopPropagation();
|
|
15403
|
-
if (!this.schedule[this.objectsProp] || !this.schedule[this.objectsProp].find(function (object) { return object[_this.idProp] === _this.currentDraggingObject.id; })
|
|
15385
|
+
if (!this.schedule[this.objectsProp] || !this.schedule[this.objectsProp].find(function (object) { var _a; return object[_this.idProp] === _this.currentDraggingObject && ((_a = _this.currentDraggingObject) === null || _a === void 0 ? void 0 : _a.id); })) {
|
|
15404
15386
|
this.currentDraggingObject = undefined;
|
|
15405
15387
|
}
|
|
15406
15388
|
if (this.currentDraggingObject) {
|