@colijnit/sharedcomponents 1.0.23 → 1.0.25

package/projects/sharedcomponents/src/lib/factory/decorators/boolean.decorator.ts

@@ -0,0 +1,113 @@
+import {GetYesNoDbBooleanValue} from "@colijnit/articleapi/build/enum/yes-no-db-type.enum";
+import {GetTrueFalseDbBooleanValue} from "@colijnit/articleapi/build/enum/true-false-db-type.enum";
+import {GetOneZeroDbBooleanValue} from "@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum";
+import {DbBooleanValueType, GetLogicalBooleanValue} from "@colijnit/articleapi/build/enum/db-boolean-value-type.enum";
+
+const PROP_META_KEY_JN: string = "booleanTextJN";
+const PROP_META_KEY_TF: string = "booleanTextTF";
+const PROP_META_KEY_10: string = "booleanText10";
+
+/**
+ * There are 'J', 'T', 'N', 'F', 0 and 1 'boolean values' in the database. These should be translated to true and false boolean values in
+ * our client application.
+ *
+ * The values 'J' and 'N' seem to be most commonly used. This is the default setting when using this decorator.
+ * You can pass 'T' or 1 for the other variants as follows:
+ *
+ * Usage:
+ *
+ * @BooleanText() or @BooleanText("J") (the default, uses YesNoDbType char values)
+ * public foo: boolean // 'J' and 'N' become true and false after BusinessObjectFactoryService and -SerializerService processing
+ *
+ * @BooleanText('T') (uses TrueFalseDbType char values)
+ * public bar: boolean // 'T' and 'F' become true and false after BusinessObjectFactoryService and -SerializerService processing
+ *
+ * @BooleanText(1)
+ * public baz: boolean // 1 and 0 become true and false after BusinessObjectFactoryService and -SerializerService processing
+ */
+export function BooleanText(type?: "J" | "T" | 1): PropertyDecorator {
+    return function (target: any, propertyKey: string): void {
+        if (!target || !propertyKey) {
+            return;
+        }
+        // by default, it's a J N boolean text
+        if (!type || type === "J") {
+            Reflect.defineMetadata(PROP_META_KEY_JN, true, target, propertyKey);
+        } else if (type === "T") {
+            Reflect.defineMetadata(PROP_META_KEY_TF, true, target, propertyKey);
+        } else if (type === 1) {
+            Reflect.defineMetadata(PROP_META_KEY_10, true, target, propertyKey);
+        }
+    };
+}
+
+// Utility function holder of the BooleanTextDecorator decorator.
+export class BooleanTextDecorator {
+
+    /**
+     * Returns whether given property (as a string) on given object is a boolean text field. That is, it's a field that is decorated
+     * with the @BooleanText decorator.
+     */
+    public static IsBooleanTextField(target: Object, propertyKey: string): boolean {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return false;
+        }
+        return (
+            Reflect.getMetadata(PROP_META_KEY_JN, target, propertyKey) === true
+            ||
+            Reflect.getMetadata(PROP_META_KEY_TF, target, propertyKey) === true
+            ||
+            Reflect.getMetadata(PROP_META_KEY_10, target, propertyKey) === true
+        );
+    }
+
+    /**
+     * Returns the logical true or false value of given character ('J', 'N', 'T' or 'F') or number (0 or 1).
+     * Returns UNDEFINED if given boolChar was not recognised as a boolean text.
+     */
+    public static GetLogicalBooleanValue(dbBoolChar: DbBooleanValueType | string): boolean {
+        return GetLogicalBooleanValue(dbBoolChar);
+    }
+
+    /**
+     * Returns the boolean character / number of given logical bool property on target object. Uses its @BooleanText() annotation to decide
+     * what character / number to return.
+     * Used in BusinessObjectSerializerServiceService to convert logical bools to their original boolean character.
+     * @returns {string|number} The original, reverse-engineered boolean character (or number) of given object property, or undefined.
+     */
+    public static GetDbBooleanValue(target: Object, propertyKey: string): DbBooleanValueType {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return undefined;
+        }
+
+        let dbBoolVal: any = undefined;
+
+        const curBoolVal: boolean = target[propertyKey];
+
+        if (BooleanTextDecorator._IsJaNeeProp(target, propertyKey)) {
+            dbBoolVal = GetYesNoDbBooleanValue(curBoolVal);
+        } else if (BooleanTextDecorator._IsTrueFalseProp(target, propertyKey)) {
+            dbBoolVal = GetTrueFalseDbBooleanValue(curBoolVal);
+        } else if (BooleanTextDecorator._IsZeroOneProp(target, propertyKey)) {
+            dbBoolVal = GetOneZeroDbBooleanValue(curBoolVal);
+        }
+
+        return dbBoolVal as any as DbBooleanValueType;
+    }
+
+    private static _IsJaNeeProp(target: Object, propertyKey: string): boolean {
+        return BooleanTextDecorator._IsProp(PROP_META_KEY_JN, target, propertyKey);
+    }
+
+    private static _IsTrueFalseProp(target: Object, propertyKey: string): boolean {
+        return BooleanTextDecorator._IsProp(PROP_META_KEY_TF, target, propertyKey);
+    }
+
+    private static _IsZeroOneProp(target: Object, propertyKey: string): boolean {
+        return BooleanTextDecorator._IsProp(PROP_META_KEY_10, target, propertyKey);
+    }
+
+    private static _IsProp(prop: string, target: Object, propertyKey: string): boolean {
+        return !!target && !!propertyKey && typeof target === "object" && Reflect.hasMetadata(prop, target, propertyKey);
+    }
+}

package/projects/sharedcomponents/src/lib/factory/decorators/complex-array.decorator.ts

@@ -0,0 +1,61 @@
+import {notNill} from "@colijnit/articleapi/build/utils/function/not-nill.function";
+import {ObjectUtils} from "@colijnit/articleapi/build/utils/object-utils";
+
+const PROP_META_KEY: string = "complexArray";
+
+/**
+ * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+ */
+
+/**
+ * Property decorator for properties of businessobject classes that are an array of other strongly typed businessobjects.
+ * Ensures that the BusinessObjectFactoryService makes properly typed objects from incoming raw persistence data. Otherwise we couldn't add methods
+ * to our own businessobjects and use them, since all fields would be flat data without methods after BusinessObjectFactoryService creation.
+ *
+ * Usage:
+ *
+ * @ComplexArray(TransactionLine)
+ * public transactionLines: TransactionLine[]
+ */
+export function ComplexArray(type: any): PropertyDecorator {
+    return function (target: any, propertyKey: string): void {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return;
+        }
+        // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
+        // to be immediately processed when a class is first imported
+        if (!type) {
+            console.warn(`@ComplexArray(type): type was UNDEFINED. Called on prop (${ObjectUtils.GetClassName(target)}, ${propertyKey}). ` +
+                `Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS ` +
+                `where both classes and their dependencies are used, e.g. factory, repository or models..`);
+            return;
+        }
+        Reflect.defineMetadata(PROP_META_KEY, type, target, propertyKey);
+    };
+}
+
+// Utility function holder of the ComplexArrayDecorator decorator.
+export class ComplexArrayDecorator {
+    /**
+     * Returns whether given property (as a string) on given object is a complex array. A complex array is an array field that is decorated
+     * with the @ComplexArray decorator.
+     */
+    public static IsComplexArray(target: Object, propertyKey: string): boolean {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return false;
+        }
+
+        return (notNill(Reflect.getMetadata(PROP_META_KEY, target, propertyKey)));
+    }
+
+    /**
+     * Returns the VALUE of the @ComplexArray(VALUE) property decorator on the given propertyKey on the given modelobject.
+     */
+    public static GetComplexArrayType(target: Object, propertyKey: string): any {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return undefined;
+        }
+
+        return Reflect.getMetadata(PROP_META_KEY, target, propertyKey);
+    }
+}

package/projects/sharedcomponents/src/lib/factory/decorators/complex-field.decorator.ts

@@ -0,0 +1,63 @@
+import {notNill} from "@colijnit/articleapi/build/utils/function/not-nill.function";
+import {ObjectUtils} from "@colijnit/articleapi/build/utils/object-utils";
+
+const PROP_META_KEY: string = "complexField";
+
+/**
+ * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+ */
+
+/**
+ * Property decorator for properties of businessobject classes that are other strongly typed businessobjects.
+ * Ensures that the BusinessObjectFactoryService makes properly typed objects from incoming raw persistence data. Otherwise we couldn't add methods
+ * to our own businessobjects and use them, since all fields would be flat data without methods after BusinessObjectFactoryService creation.
+ *
+ * Usage:
+ *
+ * @ComplexField(Transaction)
+ * public transaction: Transaction
+ *
+ * Also keeps track of a "complexFieldProps" metadata on the class-level, as a reflect-metadata workaround to be able to
+ * retrieve all properties that have the @ComplexField(..) decorator (impossible with current Reflect API).
+ */
+export function ComplexField(type: any): PropertyDecorator {
+    return function (target: any, propertyKey: string): void {
+        if (!target || !propertyKey) {
+            return;
+        }
+
+        // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
+        // to be immediately processed when a class is first imported
+        if (!type) {
+          // eslint-disable-next-line no-console
+            console.warn(`@ComplexField(type): type was UNDEFINED. Called on prop (${ObjectUtils.GetClassName(target)}, ${propertyKey}). ` +
+                `Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS ` +
+                `where both classes and their dependencies are used, e.g. factory, repository or models..`);
+            return;
+        }
+        Reflect.defineMetadata(PROP_META_KEY, type, target, propertyKey);
+    };
+}
+
+// Utility function holder of the ComplexFieldDecorator decorator.
+export class ComplexFieldDecorator {
+
+    /**
+     * Returns whether given property (as a string) on given object is a complex field. A complex field is a field that is decorated
+     * with the @ComplexField decorator.
+     */
+    public static IsComplexField(target: Object, propertyKey: string): boolean {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return false;
+        }
+        return (notNill(Reflect.getMetadata(PROP_META_KEY, target, propertyKey)));
+    }
+
+    // Returns the VALUE of the @ComplexField(VALUE) property decorator on the given propertyKey on the given modelObject.
+    public static GetComplexFieldType(target: Object, propertyKey: string): any {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return undefined;
+        }
+        return Reflect.getMetadata(PROP_META_KEY, target, propertyKey);
+    }
+}

package/projects/sharedcomponents/src/lib/factory/decorators/date-field.decorator.ts

@@ -0,0 +1,41 @@
+import {DateUtils} from "@colijnit/articleapi/build/utils/date-utils";
+
+const PROP_META_KEY: string = "dateField";
+
+/**
+ * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+ */
+
+/**
+ * Property decorator for properties of businessobject classes that are of type Date, but are sent to us as strings.
+ * Ensures that the BusinessObjectFactory makes proper JavaScript Date objects from incoming strings for @DateField() decorated properties.
+ *
+ * Usage:
+ *
+ * @DateField()
+ * public expectedDeliveryDate: Date
+ */
+export function DateField(): PropertyDecorator {
+    return function (target: any, propertyKey: string): void {
+        if (!target || !propertyKey) {
+            return;
+        }
+        Reflect.defineMetadata(PROP_META_KEY, undefined, target, propertyKey);
+    };
+}
+
+// Utility function holder of the @DateField() decorator.
+export class DateFieldFieldDecorator {
+
+    // Returns whether given property (as a string) on given object is decorated with @DateField().
+    public static IsDateField(target: Object, propertyKey: string): boolean {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return false;
+        }
+        return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
+    }
+
+    public static StringAsDate(str: string): Date {
+        return DateUtils.StringAsDate(str);
+    }
+}

package/projects/sharedcomponents/src/lib/factory/decorators/string-number.decorator.ts

@@ -0,0 +1,48 @@
+import {NumberUtils} from "@colijnit/articleapi/build/utils/number-utils";
+
+const PROP_META_KEY: string = "stringNumber";
+/**
+ * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+ */
+
+/**
+ * Decorator for properties of businessobjects that are sent to us as strings from the database, but which we want to use as a number in the client.
+ *
+ * Can be handy for incongruent backend api cases, where id data types are communicated wrongly via strings instead of numbers
+ * (e.g. on EmployeeFullObject.district, points to a District which has a number id, but in employee it's a string representation of that number...)
+ *
+ * Used by business object factory and -serializer.
+ *
+ * Usage:
+ *
+ * @StringNumber()
+ * public rights: UserRightType
+ */
+export function StringNumber(): PropertyDecorator {
+    return function (target: any, propertyKey: string): void {
+        if (!target || !propertyKey) {
+            return;
+        }
+        Reflect.defineMetadata(PROP_META_KEY, undefined, target, propertyKey);
+    };
+}
+
+// Utility function holder of the @StringNumber() decorator.
+export class StringNumberDecorator {
+
+    // Returns whether given property (as a string) on given object is decorated with @StringNumber().
+    public static IsStringNumber(target: Object, propertyKey: string): boolean {
+        if (!target || !propertyKey || typeof target !== "object") {
+            return false;
+        }
+        return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
+    }
+
+    public static StringAsNumber(str: string): number {
+        return NumberUtils.ParseFloatKeepPrecision(str);
+    }
+
+    public static NumberAsString(nr: number): string {
+        return "" + nr;
+    }
+}

package/projects/sharedcomponents/src/lib/model/agenda-event-per-day.model.ts

@@ -0,0 +1,6 @@
+import {AgendaEvent} from "./agenda-event.model";
+
+export class AgendaEventPerDay {
+    public date: Date;
+    public events: AgendaEvent[] = [];
+}

package/projects/sharedcomponents/src/lib/model/agenda-event.model.ts

@@ -0,0 +1,17 @@
+import {TimeWindow} from "./time-window.bo";
+
+export class AgendaEvent {
+    public id: number;
+    public description: string;
+    public checked: boolean = false;
+    public showCheckbox: boolean = false;
+    public draggable: boolean = false;
+    public from: Date;
+    public to: Date;
+    public date: Date;
+    public dayPartNo: number;
+    public fromString: string;
+    public toString: string;
+    public fromToRepresentation: string;
+    public timeWindow: TimeWindow;
+}

package/projects/sharedcomponents/src/lib/model/agenda-null-objects.ts

@@ -0,0 +1,11 @@
+import {AgendaEvent} from "./agenda-event.model";
+import {AgendaEventPerDay} from "./agenda-event-per-day.model";
+import {Month} from "./month.model";
+import {Week} from "./week.model";
+import {Day} from "./day.model";
+
+export const NULL_AGENDA_EVENT: AgendaEvent = new AgendaEvent();
+export const NULL_AGENDA_EVENT_PER_DAY: AgendaEventPerDay = new AgendaEventPerDay();
+export const NULL_MONTH: Month = new Month();
+export const NULL_WEEK: Week = new Week();
+export const NULL_DAY: Day = new Day();

package/projects/sharedcomponents/src/lib/model/business-object.ts

@@ -0,0 +1,85 @@
+/**
+ * This type represents the concept of a business object ID type. ID's of business objects can be a primary number, a simple string or a
+ * object for a composite key.
+ *
+ * Simply to prevent type declarations of 'number | string | Object' for BO ID data all over the application.
+ */
+import {MapPropertyDecorator} from "@colijnit/articleapi/build/factory/decorators/map-property.decorator";
+import {BooleanTextDecorator} from "@colijnit/articleapi/build/factory/decorators/boolean.decorator";
+import {JsonFieldFieldDecorator} from "@colijnit/articleapi/build/factory/decorators/json.decorator";
+import {ComplexArrayDecorator} from "@colijnit/articleapi/build/factory/decorators/complex-array.decorator";
+
+export type BusinessObjectIDType = number | string | Object;
+
+export abstract class BusinessObject {
+    // The ID of the model.
+    public id: BusinessObjectIDType;
+
+    // Overridable. Returns the ID of the model. Concrete model classes often override this method to provide their specific ID getter.
+    public getId(): BusinessObjectIDType {
+        return this.id;
+    }
+
+    constructor() {
+    }
+
+    protected setOwnMappedPropsFromRawData(rawData: any = {}): void {
+        if (!rawData) {
+            return;
+        }
+        Object.keys(this).forEach((key) => {
+            // check if property needs to be mapped
+            if (MapPropertyDecorator.IsMapProperty(this, key)) {
+                const mapKeys: string[] = MapPropertyDecorator.GetMapProperty(this, key).split(",");
+                const len: number = mapKeys.length;
+                for (let i: number = 0; i < len; i++) {
+                  // eslint-disable-next-line
+                    const mapKey = mapKeys[i].trim();
+                    const objProp: any = rawData[mapKey];
+                    let decorated: boolean = false;
+                    if (rawData.hasOwnProperty(mapKey)) {
+                        if (BooleanTextDecorator.IsBooleanTextField(this, key)) {
+                            this[key] = BooleanTextDecorator.GetLogicalBooleanValue(objProp);
+                            decorated = true;
+                        }
+                        if (JsonFieldFieldDecorator.IsJsonField(this, key)) {
+                            this[key] = JsonFieldFieldDecorator.StringAsJson(objProp);
+                            decorated = true;
+                        }
+                        if (ComplexArrayDecorator.IsComplexArray(this, key)) {
+                            const arrayClass: any = ComplexArrayDecorator.GetComplexArrayType(this, key);
+                          // eslint-disable-next-line
+                            const origArray = this[key];
+                          // eslint-disable-next-line
+                            const newArray = [];
+                          // eslint-disable-next-line @typescript-eslint/prefer-for-of
+                            for (let j = 0; j < origArray.length; j++) {
+                              // eslint-disable-next-line
+                                const item = new arrayClass(origArray[j]);
+                                newArray.push(item);
+                            }
+                            this[key] = newArray;
+                        } else {
+                            if (!decorated) {
+                                this[key] = objProp;
+                            }
+                        }
+                        break;
+                    }
+                }
+            } else {
+                if (rawData.hasOwnProperty(key)) {
+                    const objProp: any = rawData[key];
+                    if (BooleanTextDecorator.IsBooleanTextField(this, key)) {
+                        this[key] = BooleanTextDecorator.GetLogicalBooleanValue(objProp);
+                    } else if (JsonFieldFieldDecorator.IsJsonField(this, key)) {
+                        this[key] = JsonFieldFieldDecorator.StringAsJson(objProp);
+                    } else {
+                        this[key] = objProp;
+                    }
+                }
+            }
+        });
+    }
+
+}

package/projects/sharedcomponents/src/lib/model/constant/all-months.ts

@@ -0,0 +1,17 @@
+import {Month} from "../../enum/month.enum";
+
+// All the months in a year. The order is important, and should remain January - to December!
+export const ALL_MONTHS: Month[] = [
+    Month.January,
+    Month.Februrary,
+    Month.March,
+    Month.April,
+    Month.May,
+    Month.June,
+    Month.July,
+    Month.August,
+    Month.September,
+    Month.October,
+    Month.November,
+    Month.December
+];

package/projects/sharedcomponents/src/lib/model/date-range.ts

@@ -0,0 +1,10 @@
+import {TimePeriod} from "../enum/time-period.enum";
+
+export class DateRange {
+    public startDate: Date;
+    public endDate: Date;
+    public selectedTimePeriod: TimePeriod;
+
+    constructor() {
+    }
+}

package/projects/sharedcomponents/src/lib/model/day.model.ts

@@ -0,0 +1,9 @@
+import {AgendaEvent} from "./agenda-event.model";
+
+export class Day {
+    public day: number;
+    public date: Date;
+    public description: string;
+    public datesByTheHour: Date[] = [];
+    public events: AgendaEvent[] = [];
+}

package/projects/sharedcomponents/src/lib/model/icon-svg.ts

@@ -0,0 +1,18 @@
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+
+export const IconSvg: {[iconName: string]: string} =  {
+ "angle_left_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"/></svg>",
+ "angle_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>",
+ "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
+ "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
+ "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+ "bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
+ "check_round": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10ZM23,34l-6.24-9.09,2.81-3.59L23,26.45,27.66,16h5.58Z\" fill=\"#484f60\"/></svg>",
+ "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
+ "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
+ "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
+ "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
+ "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
+ "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
+ "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
+};

package/projects/sharedcomponents/src/lib/model/month.model.ts

@@ -0,0 +1,11 @@
+import {Week} from "./week.model";
+
+export class Month {
+    public weeks: Week[] = [];
+
+    public get firstWeek(): Week {
+        if (this.weeks && this.weeks.length > 0) {
+            return this.weeks[0];
+        }
+    }
+}

package/projects/sharedcomponents/src/lib/model/time-window.bo.ts

@@ -0,0 +1,21 @@
+import {BusinessObject} from "./business-object";
+import {ComplexArray} from "../factory/decorators/complex-array.decorator";
+import {DateField} from "../factory/decorators/date-field.decorator";
+
+export class TimeWindow extends BusinessObject {
+    public id: string;
+    public key: string;
+    @DateField()
+    public dateTimeFrom: Date;
+    @DateField()
+    public dateTimeTo: Date;
+    @DateField()
+    public proposedPlanDateTimeFrom: Date;
+    @DateField()
+    public proposedPlanDateTimeTo: Date;
+    public proposedDriver: any; // Serializable type
+    public impact: string;
+    @ComplexArray(TimeWindow)
+    public followUpTimeSlots: TimeWindow[] = [];
+    public additionalProperties: any; // HashMap type
+}

package/projects/sharedcomponents/src/lib/model/week.model.ts

@@ -0,0 +1,5 @@
+import {Weekday} from "./weekday.model";
+
+export class Week {
+    public weekDays: Weekday[] = [];
+}

package/projects/sharedcomponents/src/lib/model/weekday.model.ts

@@ -0,0 +1,17 @@
+import {AgendaEvent} from "./agenda-event.model";
+
+export class Weekday {
+    public inView: boolean = true;
+    public weekdayDay: number;
+    public weekdayMonthShort: string;
+    public weekdayMonthLong: string;
+    public weekdayYear: number;
+    public date: Date;
+    public weekdayShort: string;
+    public weekdayLong: string;
+    public description: string;
+    public newMonth: boolean = false;
+    public weekdaySelected: boolean = false;
+    public datesByTheHour: Date[] = [];
+    public events: AgendaEvent[] = [];
+}

package/projects/sharedcomponents/src/lib/pipe/array-number.pipe.ts

@@ -0,0 +1,14 @@
+import {Pipe, PipeTransform} from "@angular/core";
+
+@Pipe({
+    name: "arrayNumber"
+})
+export class ArrayNumberPipe implements PipeTransform {
+
+    transform(length: number, offset: number = 0): number[] {
+        if (!length || length < 0) {
+            return [];
+        }
+        return Array.from({length: Math.round(length)}, (x, i) => i + offset);
+    }
+}

package/projects/sharedcomponents/src/lib/pipe/master-pipes.ts

@@ -0,0 +1,7 @@
+import {ArrayNumberPipe} from "./array-number.pipe";
+import {UCfirstPipe} from "./ucfirst.pipe";
+
+export const MASTER_PIPES: any[] = [
+  ArrayNumberPipe,
+  UCfirstPipe
+]

package/projects/sharedcomponents/src/lib/pipe/ucfirst.pipe.ts

@@ -0,0 +1,14 @@
+import {Pipe, PipeTransform} from "@angular/core";
+
+@Pipe({
+    name: "ucfirst"
+})
+// Pipe capable of transforming the first character of a string-value to upper case.
+export class UCfirstPipe implements PipeTransform {
+    transform(value: string): string {
+        if (typeof value === "string") {
+            return value.charAt(0).toUpperCase() + value.slice(1);
+        }
+        return value;
+    }
+}