@colijnit/corecomponents_v12 255.1.5 → 255.1.7

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

@@ -1,31 +1,41 @@
 import { OnInit, ChangeDetectorRef, TemplateRef } from '@angular/core';
+import { DatePipe } from '@angular/common';
 interface SchedulingObject {
     start: number;
     end: number;
     title?: string;
     subTitle?: string;
+    [key: string]: any;
 }
 export declare class HourSchedulingComponent implements OnInit {
     private cdRef;
+    private _datepipe;
     showClass: boolean;
+    startTime: number;
+    endTime: number;
     schedule: any;
     startTimeProp: string;
     endTimeProp: string;
     objectsProp: string;
+    childProp: string;
     customTemplate: TemplateRef<any>;
     customTemplateUsed: boolean;
+    idProp: string;
     hours: string[];
     scheduledObjects: {
         [hour: string]: SchedulingObject[];
     };
     private draggedObject;
-    constructor(cdRef: ChangeDetectorRef);
+    constructor(cdRef: ChangeDetectorRef, _datepipe: DatePipe);
     ngOnInit(): void;
-    private generateTimeBlocks;
-    private getObjectsForHour;
+    generateTimeBlocks(): void;
+    private _getObjectsForHour;
     formatHour(hour: number): string;
-    onDragStart(event: DragEvent, obj: SchedulingObject): void;
+    onDragStart(event: DragEvent, obj: any): void;
+    onCustomDragStart(event: DragEvent, obj: SchedulingObject): void;
     onDragOver(event: DragEvent): void;
     onDrop(event: DragEvent, hour: string): void;
+    convertToHourNotation(date: Date): number;
+    createDate(hours: number): Date;
 }
 export {};

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

@@ -2,6 +2,7 @@ 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[];
@@ -11,9 +12,13 @@ export declare class ListOfIconsComponent implements OnInit {
     showClass(): boolean;
     readonly Icon: any;
     showMenu: boolean;
+    showSubCategories: boolean;
     private _collection;
-    constructor(icons: IconCacheService);
+    subCategories: IconListItem[];
+    constructor(iconCacheService: IconCacheService, icons: IconCacheService);
     ngOnInit(): void;
     toggleMenu(): void;
     selectItem(item: IconListItem): void;
+    handlePickingCategoryClicked(subCategory: IconListItem): void;
+    onClickOutside(): void;
 }

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

@@ -55,16 +55,15 @@
       position: absolute;
       top: 100%;
       left: 0;
-      padding: 10px 0;
-      background-color: white;
+      width: 65px;
+      padding-top: 10px;
+      box-shadow: -3px 0px 16px 1px rgba(0, 0, 0, 0.2);
+      border-radius: 5px;
+      background: #FFF;
 
       .icon-item {
         margin-bottom: 12px;
 
-        &:last-of-type {
-          margin: 0;
-        }
-
         &.active {
           flex-direction: column;
 
@@ -79,6 +78,36 @@
         }
       }
     }
+
+    .picking-type-wrapper {
+      position: absolute;
+      top: 106px;
+      left: 100%;
+      z-index: 1;
+      padding-top: 8px;
+      //box-shadow: -3px 0px 16px 1px rgba(0, 0, 0, 0.2);
+      box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2), 4px 0px 10px rgba(0, 0, 0, 0.2), 0px 4px 10px rgba(0, 0, 0, 0.2);
+      border-radius: 5px;
+      background: #FFF;
+
+      .button-wrapper {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: 65px;
+        margin-bottom: 8px;
+        text-align: center;
+
+        &:hover {
+          co-icon svg *,
+          span {
+            fill: $color-action;
+            color: $color-action;
+          }
+        }
+      }
+    }
   }
 }
 

package/lib/core/enum/core-components-icon.enum.d.ts

@@ -27,6 +27,7 @@ export declare enum CoreComponentsIcon {
     Barcode = "Barcode",
     BigMac = "big_mac",
     Boxes = "boxes",
+    BoxesPackingRegular = "boxes_packing_regular",
     Brush = "brush",
     BrushRoundOpen = "brush_round_open",
     BuildingColumns = "building_columns",
@@ -212,6 +213,7 @@ export declare enum CoreComponentsIcon {
     RangeSelect = "range_select",
     Rectangles = "rectangles",
     Refresh = "refresh",
+    RegularBoxesPackingCircleCheck = "regular_boxes_packing_circle_check",
     Relations = "relations",
     Remark = "remark",
     RemarkRoundOpen = "remark_round_open",

package/package.json

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