@colijnit/corecomponents_v12 259.1.20 → 259.1.22

package/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from "@angular/core";
+import { TemplateRef } from '@angular/core';
 import { SchedulingObject } from '../../../hour-scheduling/model/enum/scheduling-object.interface';
 export declare class HourSchedulingExpandableTemplateComponent {
     private _objects;

package/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.module.d.ts

@@ -0,0 +1,2 @@
+export declare class HourSchedulingExpandableTemplateModule {
+}

package/lib/components/hour-scheduling-expandable/style/_layout.scss

@@ -19,6 +19,7 @@
       border: 1px solid #F5F5FC;
       transition: background-color 0.3s ease;
       padding: 0;
+      margin: 0 0.5em;
       .top-resizer, .bottom-resizer {
         height: 5px;
         position: absolute;

package/lib/components/list-of-icons/list-of-icons.component.d.ts

@@ -2,7 +2,6 @@ import { EventEmitter, OnInit } from "@angular/core";
 import { IconCacheService } from "../icon/icon-cache.service";
 import { IconListItem } from "../../model/icon-list-item";
 export declare class ListOfIconsComponent implements OnInit {
-    iconCacheService: IconCacheService;
     icons: IconCacheService;
     set collection(value: IconListItem[]);
     get collection(): IconListItem[];
@@ -14,8 +13,7 @@ export declare class ListOfIconsComponent implements OnInit {
     showMenu: boolean;
     showSubCategories: boolean;
     private _collection;
-    subCategories: IconListItem[];
-    constructor(iconCacheService: IconCacheService, icons: IconCacheService);
+    constructor(icons: IconCacheService);
     ngOnInit(): void;
     toggleMenu(): void;
     selectItem(item: IconListItem): void;

package/lib/components/list-of-icons/style/_layout.scss

@@ -55,6 +55,7 @@
       background: #FFF;
 
       .icon-item {
+        position: relative;
         margin-bottom: 12px;
 
         &.active {
@@ -74,8 +75,8 @@
 
     .picking-type-wrapper {
       position: absolute;
-      top: 106px;
-      left: 100%;
+      top: -10px;
+      left: 106%;
       z-index: 1;
       padding: 8px 6px 0;
       border-radius: 3px;

package/lib/components/list-of-values/list-of-values-popup.component.d.ts

@@ -13,6 +13,7 @@ export declare class ListOfValuesPopupComponent implements OnInit {
     set inputSearch(component: InputSearchComponent);
     model: any;
     multiselect: boolean;
+    showToggleAll: boolean;
     displayField: string;
     searchPlaceholder: string;
     customCssClass: string;
@@ -30,6 +31,7 @@ export declare class ListOfValuesPopupComponent implements OnInit {
     viewModels: lovViewModel[];
     viewModelsMain: lovViewModel[];
     highLightModel: lovViewModel;
+    allSelected: boolean;
     private _collection;
     private _searchTerm;
     private _lovItems;
@@ -43,6 +45,8 @@ export declare class ListOfValuesPopupComponent implements OnInit {
     selectOptionAndClosePopup(): void;
     selectOptions(): void;
     selectNextOption(back?: boolean): void;
+    selectAll(): void;
+    toggleAll(): void;
     private _prepareViewModelsMain;
     private _prepareViewModels;
     private _scrollIntoView;

package/lib/components/list-of-values/list-of-values.component.d.ts

@@ -21,6 +21,7 @@ export declare class ListOfValuesComponent extends BaseInputComponent<any> imple
     get model(): any;
     parentForOverlay: ElementRef;
     multiselect: boolean;
+    showToggleAll: boolean;
     largeCollection: boolean;
     displayField: string;
     optionIcon: string;

package/lib/components/list-of-values/style/_layout.scss

@@ -154,5 +154,12 @@
       background-color: $cc-co-list-of-values-lov-options-li-selected;
       color: $cc-co-list-of-values-lov-options-li-selected-text-color;
     }
+
+    .gap {
+      display: flex;
+      align-items: center;
+      gap: 0.1em;
+      padding: 0.25em;
+    }
   }
 }

package/lib/components/simple-grid/style/_layout.scss

@@ -10,9 +10,11 @@
 
     co-input-checkbox {
       justify-content: center;
+
       .checkbox {
         .checkmark {
           left: $cc-simple-grid-input-checkbox-check-mark-width * .15;
+
           &.show {
           }
         }
@@ -24,6 +26,38 @@
     table-layout: fixed;
     width: 100%;
     border-collapse: collapse;
+
+    colgroup {
+      col {
+        &:last-child.icons-col {
+          min-width: 30px;
+          max-width: 100%;
+
+          &.col-width-row-buttons {
+            width: 140px;
+            max-width: 140px;
+          }
+
+          &.col-width-delete {
+            width: 30px;
+            max-width: 30px;
+          }
+
+        }
+      }
+    }
+
+    td {
+      &:last-child.icons-container {
+        width: auto;
+        padding: 0;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 4px;
+      }
+    }
   }
   // styling outside of grid because of drag and drop functionality
   .simple-grid-column-auto-fit {
@@ -70,12 +104,15 @@
   }
   .co-simple-grid-cell {
     width: 100%;
+
     .co-icon {
       width: $cc-simple-grid-cell-icon-size;
       height: $cc-simple-grid-cell-icon-size;
     }
+
     .co-button {
       background-color: $cc-simple-grid-button-background-color;
+
       .co-icon {
         width: $cc-simple-grid-cell-icon-size;
         height: $cc-simple-grid-cell-icon-size;
@@ -85,6 +122,7 @@
   .simple-grid-column-cell-value {
     height: 100%;
     width: 100%;
+
     > * {
       height: 100%;
       width: 100%;
@@ -97,11 +135,13 @@
     border-width: $cc-simple-grid-cell-field-border-width;
     padding: $cc-simple-grid-cell-field-padding;
     border-radius: $cc-simple-grid-cell-field-radius;
+
     span {
       white-space: normal;
       text-overflow: ellipsis;
       overflow: hidden;
     }
+
     .form-input {
       width: 100%;
     }
@@ -116,9 +156,11 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     border-bottom: 2px solid $cc-color-grid-row-hover-background;
+
     &.with-menu {
       cursor: pointer;
     }
+
     &.with-sort {
       cursor: pointer;
     }
@@ -134,6 +176,7 @@
     visibility: hidden;
     overflow: hidden;
     transition: opacity .3s ease-in-out;
+
     .co-button {
       width: 20px;
       height: 20px;
@@ -142,6 +185,7 @@
   }
   .simple-grid-column-header {
     position: relative;
+
     &:hover {
       .sort-column {
         opacity: 1;
@@ -168,10 +212,12 @@
     border-width: $cc-simple-grid-row-border-width;
     border-style: solid;
     border-color: $cc-simple-grid-row-border-color;
+
     &.disabled {
       opacity: $cc-simple-grid-row-disabled-opacity;
       background: $cc-simple-grid-row-disabled-background-color;
     }
+
     &.editing {
       .form-input {
         &:before, &:hover, &:hover:before, &.cc-input-focused, &.cc-input-focused:before {
@@ -214,6 +260,7 @@
     0 8px 10px 1px rgba(0, 0, 0, 0.14),
     0 3px 14px 2px rgba(0, 0, 0, 0.12);
     display: table;
+
     td {
       flex-grow: 2;
       font-size: 10px;
@@ -285,14 +332,6 @@
   }
 }
 
-.icons-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  gap: 4px;
-}
-
 .icon-item {
   &:hover {
     cursor: pointer;

package/lib/model/icon-list-item.d.ts

@@ -3,4 +3,5 @@ export interface IconListItem {
     id?: number;
     icon: SafeHtml;
     label: string;
+    children?: IconListItem[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "259.1.20",
+  "version": "259.1.22",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -131,6 +131,7 @@ export * from './lib/translation/core-components-translation.service';
 export * from './lib/components/hour-scheduling/hour-scheduling.component';
 export * from './lib/components/hour-scheduling-expandable/hour-scheduling-expandable.component';
 export * from './lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.component';
+export * from './lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.module';
 export * from './lib/components/hour-scheduling/hour-scheduling.module';
 export * from './lib/components/hour-scheduling-expandable/hour-scheduling-expandable.module';
 export * from './lib/components/hour-scheduling-expandable/hour-scheduling-expandable.module';

package/esm2015/lib/core/enum/batch-delivery-category.enum.js

@@ -1,13 +0,0 @@
-// Values are corresponding dictionary keys in text_nl.
-export var BatchDeliveryCategory;
-(function (BatchDeliveryCategory) {
-    BatchDeliveryCategory["Overview"] = "OVERVIEW";
-    BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
-    BatchDeliveryCategory["Allocate"] = "ALLOCATION";
-    BatchDeliveryCategory["Logistics"] = "LOGISTICS";
-    BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
-    BatchDeliveryCategory["Invoice"] = "INVOICE";
-    BatchDeliveryCategory["ToPick"] = "TO_PICK";
-    BatchDeliveryCategory["Picked"] = "PICKED";
-})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmF0Y2gtZGVsaXZlcnktY2F0ZWdvcnkuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvY29yZS9lbnVtL2JhdGNoLWRlbGl2ZXJ5LWNhdGVnb3J5LmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdURBQXVEO0FBQ3ZELE1BQU0sQ0FBTixJQUFZLHFCQVNYO0FBVEQsV0FBWSxxQkFBcUI7SUFDL0IsOENBQXFCLENBQUE7SUFDckIsbURBQTBCLENBQUE7SUFDMUIsZ0RBQXVCLENBQUE7SUFDdkIsZ0RBQXVCLENBQUE7SUFDdkIseURBQWdDLENBQUE7SUFDaEMsNENBQW1CLENBQUE7SUFDbkIsMkNBQWtCLENBQUE7SUFDbEIsMENBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQVRXLHFCQUFxQixLQUFyQixxQkFBcUIsUUFTaEMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBWYWx1ZXMgYXJlIGNvcnJlc3BvbmRpbmcgZGljdGlvbmFyeSBrZXlzIGluIHRleHRfbmwuXHJcbmV4cG9ydCBlbnVtIEJhdGNoRGVsaXZlcnlDYXRlZ29yeSB7XHJcbiAgT3ZlcnZpZXcgPSBcIk9WRVJWSUVXXCIsXHJcbiAgUHVyY2hhc2UgPSBcIkNPU1RfT0ZfU0FMRVNcIixcclxuICBBbGxvY2F0ZSA9IFwiQUxMT0NBVElPTlwiLFxyXG4gIExvZ2lzdGljcyA9IFwiTE9HSVNUSUNTXCIsXHJcbiAgRGVsaXZlcnlPcmRlciA9IFwiREVMSVZFUllfT1JERVJcIixcclxuICBJbnZvaWNlID0gXCJJTlZPSUNFXCIsXHJcbiAgVG9QaWNrID0gXCJUT19QSUNLXCIsXHJcbiAgUGlja2VkID0gXCJQSUNLRURcIlxyXG59XHJcbiJdfQ==

package/lib/core/enum/batch-delivery-category.enum.d.ts

@@ -1,10 +0,0 @@
-export declare enum BatchDeliveryCategory {
-    Overview = "OVERVIEW",
-    Purchase = "COST_OF_SALES",
-    Allocate = "ALLOCATION",
-    Logistics = "LOGISTICS",
-    DeliveryOrder = "DELIVERY_ORDER",
-    Invoice = "INVOICE",
-    ToPick = "TO_PICK",
-    Picked = "PICKED"
-}