@colijnit/sharedcomponents 1.0.26 → 1.0.28

package/bundles/colijnit-sharedcomponents.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@syncfusion/ej2-angular-circulargauge')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@syncfusion/ej2-angular-circulargauge'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.printStockStickers, global.printPriceStickers_bo, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.ej2AngularCirculargauge));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, printPriceStickers_bo, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, ej2AngularCirculargauge) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@syncfusion/ej2-angular-circulargauge'), require('moment')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@syncfusion/ej2-angular-circulargauge', 'moment'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.printStockStickers, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.printPriceStickers_bo, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.ej2AngularCirculargauge, global.moment));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, printStockStickers, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, printPriceStickers_bo, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, ej2AngularCirculargauge, moment) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,6 +29,7 @@
     var pdfjsWorker__default = /*#__PURE__*/_interopDefaultLegacy(pdfjsWorker);
     var SignaturePad__default = /*#__PURE__*/_interopDefaultLegacy(SignaturePad);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -1032,6 +1033,703 @@
         return value === null || value === undefined;
     }
 
+    // @returns true iff given value does not equals null and does not equal undefined
+    function notNill(value) {
+        return value !== null && value !== undefined;
+    }
+
+    // Static utility function holder related to objects.
+    var ObjectUtils = /** @class */ (function () {
+        function ObjectUtils() {
+        }
+        /**
+         * Returns whether all given values exist: for all values it holds that they are not null nor undefined. Short-circuit check.
+         * @param {any} values Rest parameters with all objects to check existence for.
+         * @returns {boolean} True if ALL given values are not null nor undefined, otherwise false (if at least one value was null or undefined)
+         */
+        ObjectUtils.AllExist = function () {
+            var values = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                values[_i] = arguments[_i];
+            }
+            var allExist = true;
+            for (var i = 0, len = values.length; i < len; i++) {
+                if (isNill(values[i])) {
+                    allExist = false;
+                    break;
+                }
+            }
+            return allExist;
+        };
+        /**
+         * Copies all properties from object 'from' to object 'to'. Overwrites properties on object 'to' if property already exists.
+         * Does not copy functions, only properties.
+         * @param {Object} from The source object from which to copy all properties of to the 'to' object.
+         * @param {Object} to The object to which the properties of the 'from' object will be copied.
+         * @param {boolean} [allowUndefined = true] wether the 'to' object may be assigned null or undefined values to any of its properties.
+         */
+        ObjectUtils.CopyPropertiesFrom = function (from, to, allowUndefined) {
+            if (allowUndefined === void 0) { allowUndefined = true; }
+            if (!to) {
+                to = {};
+            }
+            if (!from) {
+                return to;
+            }
+            ObjectUtils.ForOwnProperty(from, function (value, key) {
+                if (allowUndefined || notNill(value)) {
+                    to[key] = value;
+                }
+            });
+            return to;
+        };
+        ObjectUtils.DeepEquals = function (actual, expected) {
+            if (actual === expected) {
+                return true;
+            }
+            else if (actual instanceof Date && expected instanceof Date) {
+                return actual.getTime() === expected.getTime();
+            }
+            else if (!actual || !expected || typeof actual !== "object" && typeof expected !== "object") {
+                return actual === expected;
+            }
+            else {
+                return this._objEquiv(actual, expected);
+            }
+        };
+        // Performs given callback function for each own property of given plain object. Also works on string enums.
+        ObjectUtils.ForOwnProperty = function (plainObject, callback) {
+            if (ObjectUtils.IsPlainObject(plainObject)) {
+                for (var key in plainObject) {
+                    if (plainObject.hasOwnProperty(key) && typeof plainObject[key] !== "function") {
+                        var response = callback(plainObject[key], key);
+                        if (response === false) {
+                            break;
+                        }
+                    }
+                }
+            }
+        };
+        // Returns the class name of given argument. The argument can be an object or a class.
+        ObjectUtils.GetClassName = function (objectOrClass) {
+            if (!objectOrClass) {
+                return undefined;
+                // arg was a class (or a function..)
+            }
+            else if (objectOrClass.constructor === Function) {
+                return objectOrClass.name; // .. which has its readable name stores like this
+                // else arg was an object
+            }
+            else {
+                var constructorString = objectOrClass.constructor.toString();
+                return constructorString.match(/\w+/g)[1];
+            }
+        };
+        // Returns a shallow clone of the given original object. The clone is a SIMPLE OBJECT with the same properties as the original.
+        ObjectUtils.GetShallowClone = function (originalObject, objectClass) {
+            var clonedObject = undefined;
+            if (objectClass) {
+                clonedObject = new objectClass();
+            }
+            else {
+                clonedObject = {};
+            }
+            ObjectUtils.ForOwnProperty(originalObject, function (value, key) {
+                clonedObject[key] = value;
+            });
+            return clonedObject;
+        };
+        ObjectUtils.GetDeepClone = function (originalObject, circular) {
+            if (circular === void 0) { circular = true; }
+            // First create an empty object with
+            // same prototype of our original source
+            var propertyIndex;
+            var descriptor;
+            var keys;
+            var current;
+            var nextSource;
+            var indexOf;
+            var copies = [{
+                    source: originalObject,
+                    target: Object.create(Object.getPrototypeOf(originalObject))
+                }];
+            var cloneObject = copies[0].target;
+            var sourceReferences = [originalObject];
+            var targetReferences = [cloneObject];
+            // First in, first out
+            while (current = copies.shift()) { //NOSONAR
+                keys = Object.getOwnPropertyNames(current.source);
+                for (propertyIndex = 0; propertyIndex < keys.length; propertyIndex++) {
+                    // Save the source's descriptor
+                    descriptor = Object.getOwnPropertyDescriptor(current.source, keys[propertyIndex]);
+                    if (!descriptor.value || typeof descriptor.value !== "object") {
+                        Object.defineProperty(current.target, keys[propertyIndex], descriptor);
+                        continue;
+                    }
+                    nextSource = descriptor.value;
+                    descriptor.value = Array.isArray(nextSource) ?
+                        [] :
+                        Object.create(Object.getPrototypeOf(nextSource));
+                    if (circular) {
+                        indexOf = sourceReferences.indexOf(nextSource);
+                        if (indexOf !== -1) {
+                            // The source is already referenced, just assign reference
+                            descriptor.value = targetReferences[indexOf];
+                            Object.defineProperty(current.target, keys[propertyIndex], descriptor);
+                            continue;
+                        }
+                        sourceReferences.push(nextSource);
+                        targetReferences.push(descriptor.value);
+                    }
+                    Object.defineProperty(current.target, keys[propertyIndex], descriptor);
+                    copies.push({ source: nextSource, target: descriptor.value });
+                }
+            }
+            return cloneObject;
+        };
+        ObjectUtils.IsEmpty = function (obj) {
+            return isNill(obj) || Object.getOwnPropertyNames(obj).length === 0;
+        };
+        // Returns whether given object is an existing, plain object. That is, it defined, its type if 'object' and it is NOT an array or func.
+        ObjectUtils.IsPlainObject = function (object) {
+            return object !== null && !Array.isArray(object) && typeof object !== "function" && typeof object === "object";
+        };
+        /**
+         * Returns an instance of given class with data of given dataObject. Only works if that class has a default constructor without args.
+         * Does not actually create a new object if it alread is an instance of that class.
+         * @param {any} clazz A class that has a default constructor
+         * @param {any} [dataObject] The object with data to copy to the new instance of the class
+         * @returns {any} An object that is an instance of given class, with given data applied to it.
+         */
+        ObjectUtils.MakeInstanceOf = function (clazz, dataObject) {
+            // dont make a clone if given dataObject already instance of clazz
+            if (dataObject instanceof clazz) {
+                return dataObject;
+            }
+            else {
+                var asClazz = new clazz();
+                ObjectUtils.CopyPropertiesFrom(dataObject, asClazz);
+                return asClazz;
+            }
+        };
+        // Returns the value of a random own property of given object.
+        ObjectUtils.PickRandomPropertyValue = function (object) {
+            if (!object) {
+                return;
+            }
+            var result;
+            var count = 0;
+            for (var prop in object) {
+                if (object.hasOwnProperty(prop)) {
+                    count++;
+                    if (Math.random() < 1 / count) {
+                        result = object[prop];
+                    }
+                }
+            }
+            return result;
+        };
+        // Returns a default if given value doesn't exist, otherwise just value.
+        ObjectUtils.ValueOrDefault = function (value, defaultReturnVal) {
+            if (defaultReturnVal === void 0) { defaultReturnVal = ""; }
+            return notNill(value) ? value : defaultReturnVal;
+        };
+        ObjectUtils._isArguments = function (x) {
+            var supportsArgsClass = this._supportsArgumentsClass();
+            return supportsArgsClass ? this._isArgumentsWhenArgsClassSupported(x) : this._isArgumentsWhenArgsClassNotSupported(x);
+        };
+        ObjectUtils._isArgumentsWhenArgsClassNotSupported = function (object) {
+            return object &&
+                typeof object === "object" &&
+                typeof object.length === "number" &&
+                Object.prototype.hasOwnProperty.call(object, "callee") &&
+                !Object.prototype.propertyIsEnumerable.call(object, "callee") ||
+                false;
+        };
+        ObjectUtils._isArgumentsWhenArgsClassSupported = function (object) {
+            return Object.prototype.toString.call(object) === "[object Arguments]";
+        };
+        ObjectUtils._isBuffer = function (x) {
+            if (!x || typeof x !== "object" || typeof x.length !== "number") {
+                return false;
+            }
+            if (typeof x.copy !== "function" || typeof x.slice !== "function") {
+                return false;
+            }
+            return !(x.length > 0 && typeof x[0] !== "number");
+        };
+        ObjectUtils._isUndefinedOrNull = function (value) {
+            return value === null || value === undefined;
+        };
+        ObjectUtils._objEquiv = function (a, b) {
+            var i, key;
+            if (this._isUndefinedOrNull(a) || this._isUndefinedOrNull(b)) {
+                return false;
+            }
+            if (a.prototype !== b.prototype) {
+                return false;
+            }
+            if (this._isArguments(a)) {
+                if (!this._isArguments(b)) {
+                    return false;
+                }
+                a = Array.prototype.slice.call(a);
+                b = Array.prototype.slice.call(b);
+                return this.DeepEquals(a, b);
+            }
+            if (this._isBuffer(a)) {
+                if (!this._isBuffer(b)) {
+                    return false;
+                }
+                if (a.length !== b.length) {
+                    return false;
+                }
+                for (i = 0; i < a.length; i++) {
+                    if (a[i] !== b[i]) {
+                        return false;
+                    }
+                }
+                return true;
+            }
+            var ka;
+            var kb;
+            try {
+                ka = Object.keys(a);
+                kb = Object.keys(b);
+            }
+            catch (e) {
+                return false;
+            }
+            if (ka.length !== kb.length) {
+                return false;
+            }
+            ka.sort();
+            kb.sort();
+            for (i = ka.length - 1; i >= 0; i--) {
+                if (ka[i] !== kb[i]) {
+                    return false;
+                }
+            }
+            for (i = ka.length - 1; i >= 0; i--) {
+                key = ka[i];
+                if (!this.DeepEquals(a[key], b[key])) {
+                    return false;
+                }
+            }
+            return typeof a === typeof b;
+        };
+        ObjectUtils._supportsArgumentsClass = function () {
+            return Object.prototype.toString.call(arguments) === "[object Arguments]";
+        };
+        return ObjectUtils;
+    }());
+
+    // Static utility function holder related to numeric variable evaluations and operations.
+    var NumberUtils = /** @class */ (function () {
+        function NumberUtils() {
+        }
+        // For user-typed number input; supports comma's as decimal delimiter.
+        NumberUtils.ParseIntNumberInput = function (arg) {
+            return NumberUtils.ParseInt(NumberUtils._NumberInputToNumberStr(arg));
+        };
+        // Parses given argument to an integer, using a native parseInt() function with a radix of 10. Returns NaN if parsing was not possible.
+        NumberUtils.ParseInt = function (arg) {
+            if (isNill(arg) || Array.isArray(arg)) {
+                return undefined;
+            }
+            return parseInt(arg, 10);
+        };
+        // For user-typed number input; supports comma's as decimal delimiter.
+        NumberUtils.ParseFloatNumberInput = function (arg, decimalPrecision) {
+            if (decimalPrecision === void 0) { decimalPrecision = 2; }
+            return NumberUtils.ParseFloat(NumberUtils._NumberInputToNumberStr(arg), decimalPrecision);
+        };
+        NumberUtils.ParseFloatNumberInputKeepPrecision = function (arg) {
+            var correctedInputStr = NumberUtils._NumberInputToNumberStr(arg);
+            var decimalPrecision = this.GetDecimalPlaces(correctedInputStr);
+            return NumberUtils.ParseFloat(correctedInputStr, decimalPrecision);
+        };
+        /**
+         * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
+         *
+         * @param {any} arg The argument to parse to a float
+         * @param {number} decimalPrecision The number of decimals, or the precision, the parsed return float should have
+         * @returns {number} NaN if not possible, else the parsed float value
+         */
+        NumberUtils.ParseFloat = function (arg, decimalPrecision) {
+            if (decimalPrecision === void 0) { decimalPrecision = 2; }
+            if (!ObjectUtils.AllExist(arg, decimalPrecision) || Array.isArray(arg)) {
+                return NaN;
+            }
+            if (!NumberUtils.IsInteger(decimalPrecision) || decimalPrecision < 0) {
+                decimalPrecision = 2;
+                // toFixed() can only handle up until 20
+            }
+            else if (decimalPrecision > 20) {
+                decimalPrecision = 20;
+            }
+            return parseFloat(parseFloat(arg).toFixed(decimalPrecision));
+        };
+        /**
+         * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
+         *
+         * @param arg The argument to parse to a float
+         * @returns {number} The argument as a float with its original decimal precision intact
+         */
+        NumberUtils.ParseFloatKeepPrecision = function (arg) {
+            var decimalPrecision = this.GetDecimalPlaces(arg);
+            return this.ParseFloat(arg, decimalPrecision);
+        };
+        /**
+         * Returns the given argument as a number. Returns given defaultValue if conversion of argument was impossible.
+         * @param arg
+         * @param {number} [defaultValue = 0]
+         * @returns {number}
+         */
+        NumberUtils.ParseNumberOrDefault = function (arg, defaultValue) {
+            if (defaultValue === void 0) { defaultValue = 0; }
+            if (Array.isArray(arg)) {
+                return defaultValue;
+            }
+            if (!NumberUtils.IsNumber(arg)) {
+                arg = parseFloat(arg);
+                arg = isNaN(arg) ? defaultValue : arg;
+            }
+            return arg;
+        };
+        // Returns true iff given argument is an integer number. Returns false on non-numbers or numbers with significant decimals.
+        NumberUtils.IsInteger = function (arg) {
+            if (isNaN(arg) || Array.isArray(arg)) {
+                return false;
+            }
+            var argAsFloat = parseFloat(arg);
+            return ((argAsFloat | 0) === argAsFloat); // returns whether 'arg converted to an integer equals arg'
+        };
+        // Returns the number of decimal places of the given number. Returns 0 if no decimals whatsoever could be found on given arg.
+        NumberUtils.GetDecimalPlaces = function (arg, maxAnswer) {
+            if (maxAnswer === void 0) { maxAnswer = 1000; }
+            var match = ("" + arg).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
+            if (!match) {
+                return 0;
+            }
+            var answer = Math.max(0, 
+            // number of digits right of decimal point.
+            (match[1] ? match[1].length : 0)
+                // adjust for scientific notation
+                - (match[2] ? +match[2] : 0));
+            if (answer > maxAnswer) {
+                answer = maxAnswer;
+            }
+            return answer;
+        };
+        // Parses given numberInput to a number, or returns given defaultValue if parse not possible. Allows ',' char as decimal delimiter.
+        NumberUtils.ParseNumberInputOrDefault = function (numberInput, defaultValue) {
+            if (defaultValue === void 0) { defaultValue = 0; }
+            return NumberUtils.ParseNumberOrDefault(NumberUtils._NumberInputToNumberStr(numberInput), defaultValue);
+        };
+        // Returns whether the type of given argument is 'number'.
+        NumberUtils.IsNumber = function (arg) {
+            return typeof arg === "number" && !isNaN(arg);
+        };
+        /**
+         * Returns whether given arg is indeed not a number (it's NaN or it has another type than 'number')
+         * Our exact copy of AS Flex'es isNaN(arg) function. Always use this method for copying Flex isNaN(..) occurences into TypeScript.
+         * @param arg
+         * @returns {boolean}
+         * @constructor
+         */
+        NumberUtils.IsNaN = function (arg) {
+            return isNaN(arg) || !NumberUtils.IsNumber(arg);
+        };
+        // Our copy of CoMath.NaN. Returns number, or substitute if NumberUtils.IsNaN(number) holds true.
+        NumberUtils.NaN = function (number, substitute) {
+            if (substitute === void 0) { substitute = 0; }
+            return NumberUtils.IsNaN(number) ? substitute : number;
+        };
+        // Returns whether the value is parasable as a number.
+        NumberUtils.IsParsableNumber = function (arg) {
+            if (Array.isArray(arg)) {
+                return false;
+            }
+            return !isNaN(parseFloat(arg));
+        };
+        NumberUtils.IsParsableNumberInput = function (numberInput) {
+            return NumberUtils.IsParsableNumber(NumberUtils._NumberInputToNumberStr(numberInput));
+        };
+        /**
+         * Returns whether given arg is parseable as a number, and whether the lengts of its number parse result is equal to its original length.
+         * I.e. this function returns FALSE with given number-parsable strings, but that have non-numeric appendices, eg '2233ff'. That arg
+         * IS number-parseable, but not a strict 'string number', the latter being what this method actually checks for.
+         */
+        NumberUtils.IsStringNumber = function (arg) {
+            if (!NumberUtils.IsParsableNumber(arg)) {
+                return false;
+            }
+            else {
+                return arg.toString().length === parseFloat(arg).toString().length;
+            }
+        };
+        NumberUtils.IsListOfNumbers = function (arg, separator) {
+            if (separator === void 0) { separator = ","; }
+            var nrs = arg.split(separator);
+            if (nrs.length === 0) {
+                return false;
+            }
+            return nrs.filter(function (s) { return NumberUtils.IsStringNumber(s); }).length === nrs.length;
+        };
+        // Returns given argument as a string representation of a number parse, e.g. "1" for a number parse result of arg to 1.
+        NumberUtils.ParseStringNumber = function (arg) {
+            if (!this.IsStringNumber(arg)) {
+                return NaN;
+            }
+            return NumberUtils.ParseFloatKeepPrecision(arg);
+        };
+        NumberUtils.ParseStringNumberDefault = function (arg, defaultValue) {
+            if (defaultValue === void 0) { defaultValue = 0; }
+            return NumberUtils.NaN(NumberUtils.ParseStringNumber(arg), defaultValue);
+        };
+        /**
+         * Returns a random integer in range [lowerBound .. upperBound], an inclusive range. Returns NaN if not possible.
+         * Given bounds are truncated first, before serving as the true lower- and upper bounds for the random int.
+         */
+        NumberUtils.RandomInt = function (lowerBoundInt, upperBoundInt) {
+            if (!NumberUtils.IsNumber(lowerBoundInt) || !NumberUtils.IsNumber(upperBoundInt) || lowerBoundInt > upperBoundInt) {
+                return NaN;
+            }
+            lowerBoundInt = Math.trunc(lowerBoundInt);
+            upperBoundInt = Math.trunc(upperBoundInt);
+            if (lowerBoundInt === upperBoundInt) {
+                return lowerBoundInt;
+            }
+            var delta = upperBoundInt - lowerBoundInt;
+            return (Math.round(Math.random() * delta) + lowerBoundInt);
+        };
+        // Adds thousands comma's to given value, E.g. '1000' to '1,000'. Returns empty string if value was undefined.
+        NumberUtils.AddThousandsCommasTo = function (value) {
+            if (isNill(value)) {
+                return "";
+            }
+            return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        };
+        /**
+         * Function used to check wether a given number is composed of another number, power-of-two wise.
+         * Example usage: NumberUtils.NumIsComposedOf(articleListObject.publication, ArticlePublication.Selector).
+         * This would return whether or not that articleListObject was publicated for selector or not, where articleListObject.publication
+         * was possibly a 'COMPOSITE that was made out of (including)' ArticlePublication.Selector.
+         */
+        NumberUtils.NumIsComposedOfOtherPowTwoNum = function (bigNrToCheck, powTwoNumItShouldBeComposedOf) {
+            if (!bigNrToCheck) {
+                return false;
+            }
+            else if (!powTwoNumItShouldBeComposedOf) {
+                return true;
+            }
+            else {
+                return ((bigNrToCheck & powTwoNumItShouldBeComposedOf) === powTwoNumItShouldBeComposedOf);
+            }
+        };
+        /**
+         * Returns given nr, or the given default number (default 0) if the nr number was undefined or otherwise not a number.
+         * Same as CoMath.NaN from AS code (used as its substitute in transaction logic)
+         * @param nr
+         * @param defaultNr
+         * @returns {number}
+         */
+        NumberUtils.NrOrDefault = function (nr, defaultNr) {
+            if (defaultNr === void 0) { defaultNr = 0; }
+            if (notNill(nr) && NumberUtils.IsNumber(nr)) {
+                return nr;
+            }
+            else {
+                return defaultNr;
+            }
+        };
+        /**
+         * Returns whether given nrToCheck is within the given precision and scale limits. Precision and scale, here, are Oracle DB terms.
+         * This function can thus be used to check whether the given number is safe to send to the 'database' beforehand, if we know the
+         * precision and scale of the number in the db declaration.
+         *
+         * I.e. A number declared in the Oracle DB as number(5, 2) has a precision of 5 and a scale of 2.
+         *
+         * @param {number} nrToCheck
+         * @param {number} precision The number of significant digits, including possibly negative scale. E.g. 3 in '123' and 5 in '51.123'
+         * @param {number} [scale = 0] The number of significant digits AFTER the decimal point. E.g. 1 in 5432.1 and 3 in 54000.003
+         * @returns {CheckPrecisionAndScaleResult} Whether given nrToCheck is ok for given precision and scale, and if not, the
+         * nearest number that IS ok for those constraints.
+         */
+        NumberUtils.CheckPrecisionAndScale = function (nrToCheck, precision, scale) {
+            if (scale === void 0) { scale = 0; }
+            // let's say any undefined number is checked OK, and all numbers are checked OK for an undefined precision
+            if (!ObjectUtils.AllExist(nrToCheck, precision, scale)) {
+                return { isOk: true, nearestOkNr: NaN };
+            }
+            // no number can have 0 or less than 0 significant digits, in our universe
+            if (precision < 1 || precision - scale < 1) {
+                return { isOk: false, nearestOkNr: NaN };
+            }
+            // begin check
+            var isNegative = (nrToCheck < 0);
+            var nrParts = nrToCheck.toString().split(".");
+            // remove minus sign if negative
+            if (isNegative) {
+                nrParts[0] = nrParts[0].slice(1);
+            }
+            var numCountBeforeDot = nrParts[0].length;
+            var allowedNumCountBeforeDot = precision - scale;
+            if (numCountBeforeDot <= allowedNumCountBeforeDot) {
+                return { isOk: true, nearestOkNr: nrToCheck };
+            }
+            else {
+                // cut a part from the "before decimal number" so that the number is not too big anymore
+                var numCountToRemove = numCountBeforeDot - allowedNumCountBeforeDot;
+                // remove the right-most numbers before the decimal dot
+                nrParts[0] = nrParts[0].slice(0, -1 * numCountToRemove);
+                // add minus sign again if it was negative
+                if (isNegative) {
+                    nrParts[0] = "-" + nrParts[0];
+                }
+                // build and return composite number again
+                var nearestOkNr = void 0;
+                if (nrParts[1]) {
+                    nearestOkNr = Number(nrParts[0] + "." + nrParts[1]);
+                }
+                else {
+                    nearestOkNr = Number(nrParts[0]);
+                }
+                return { isOk: false, nearestOkNr: nearestOkNr };
+            }
+        };
+        /**
+         * Returns whether given x is OK within the given min, max and step boundaries, where it should hold that nrToCheck = min + N * step,
+         * with N integer or 0.
+         * @param {number} nrToCheck Number to check whether it's within the given bounds
+         * @param min Inclusive
+         * @param max Inclusive
+         * @param stepSize
+         * @returns {CheckWithinSteppedBounds} Returns remainder of undefined when nrToCheck was OUTSIDE [min, max], else full result object.
+         */
+        NumberUtils.CheckWithinSteppedBounds = function (nrToCheck, min, max, stepSize) {
+            if (stepSize === void 0) { stepSize = 1; }
+            if (nrToCheck < min || nrToCheck > max) {
+                return { isOk: false, remainder: undefined };
+            }
+            // we're in [min, max], but still check if nrToCheck = min + N * step holds (for N integer or 0)
+            var remainder = (nrToCheck - min) % stepSize;
+            // correct float for largest precision amongst input numbers
+            remainder = NumberUtils.ParseFloat(remainder, NumberUtils._GetLargestDecimalPrecisionOf(nrToCheck, min, stepSize));
+            return { isOk: (remainder === 0), remainder: remainder };
+        };
+        /**
+         * Finds the number closest to the originalNumber, that adheres to the given bounds. That is, for which it holds that
+         * nr = min + N * step with N integer or 0.
+         * @param {number} originalNr Find closest answer to this number
+         * @param min Inclusive
+         * @param max Inclusive
+         * @param stepSize
+         * @returns {boolean} The closest OK number for bounds.
+         */
+        NumberUtils.GetNearestNumberWithinSteppedBounds = function (originalNr, min, max, stepSize) {
+            if (stepSize === void 0) { stepSize = 1; }
+            if (originalNr < min) {
+                return min;
+            }
+            else if (originalNr > max) {
+                return NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize);
+            }
+            var boundsCheck = NumberUtils.CheckWithinSteppedBounds(originalNr, min, max, stepSize);
+            if (boundsCheck.isOk) {
+                return originalNr;
+            }
+            var answer;
+            var remainder = boundsCheck.remainder;
+            if (remainder) {
+                // round up or down?
+                if ((remainder / stepSize) < 0.5) {
+                    //  round down, but not below min
+                    answer = (originalNr - remainder >= min ? originalNr - remainder : min);
+                }
+                else {
+                    // round up, but not above max
+                    answer = (originalNr + stepSize - remainder <= max ? originalNr + stepSize - remainder :
+                        NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize));
+                }
+            }
+            else {
+                // is this real life, why wasn't our stepped bounds check OK?
+                answer = originalNr;
+            }
+            // 'correct' float errors
+            answer = NumberUtils.ParseFloat(answer, NumberUtils._GetLargestDecimalPrecisionOf(originalNr, min, max, stepSize));
+            return answer;
+        };
+        /**
+         * Returns the true maximum allowed value for the given "stepped bounds": min, stepSize and max, for which it holds that each allowed
+         * value Y = min + stepSize * N, for any INTEGER or 0 N where it also holds, of course, that Y <= max.
+         * @param min
+         * @param max
+         * @param stepSize
+         */
+        NumberUtils.GetTrueSteppedBoundsMax = function (min, max, stepSize) {
+            if (stepSize === void 0) { stepSize = 1; }
+            // solve max integer X in formula min + X * step <= max, and return min + X * stepSize for that X
+            var maxSteps = Math.floor((max - min) / stepSize);
+            // 'correct' float errors
+            return NumberUtils.ParseFloat(min + maxSteps * stepSize, NumberUtils._GetLargestDecimalPrecisionOf(min, min, max));
+        };
+        // Returns the nearest number, relative to the given originalNr, that is within the given [min, max] inclusive bounds.
+        NumberUtils.GetNearestNumberWithinBounds = function (originalNr, min, max) {
+            var answer = originalNr;
+            if (originalNr < min) {
+                answer = min;
+            }
+            else if (originalNr > max) {
+                answer = max;
+            }
+            return answer;
+        };
+        // Returns the string representation of given number. If it's not a number, returns the empty string.
+        NumberUtils.ToString = function (nr) {
+            if (!NumberUtils.IsNaN(nr)) {
+                return "" + nr;
+            }
+            else {
+                return "";
+            }
+        };
+        NumberUtils.DecimalsToStepIncrement = function (numberOfDecimals) {
+            return Math.pow(10, -1 * numberOfDecimals);
+        };
+        NumberUtils.Round = function (value, decimals) {
+            var factor = Math.pow(10, decimals);
+            return Math.round(value * factor) / factor;
+        };
+        // @returns The inclusive max value
+        NumberUtils.PrecisionScaleToMaxValue = function (precision, scale) {
+            var oneStep = this.DecimalsToStepIncrement(scale);
+            var maxExclusive = Math.pow(10, precision - scale);
+            return maxExclusive - oneStep;
+        };
+        // @returns the difference between given 2 numbers
+        NumberUtils.DifferenceBetweenNumbers = function (numberA, numberB) {
+            return Math.abs(numberA - numberB);
+        };
+        NumberUtils._GetLargestDecimalPrecisionOf = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var result = ArrayUtils.GetMaxCalculatedValue(args, function (arg) {
+                return NumberUtils.GetDecimalPlaces(arg);
+            });
+            return result;
+        };
+        // Returns given number input as a number that's useable by Javascript. Allows for incoming ',' decimal delimiter.
+        NumberUtils._NumberInputToNumberStr = function (numberInput) {
+            return (numberInput + "").replace(",", ".");
+        };
+        return NumberUtils;
+    }());
+
     var ArrayUtils = /** @class */ (function () {
         function ArrayUtils() {
         }
@@ -1046,7 +1744,7 @@
             if (!array || !finder) {
                 return false;
             }
-            return notNill_function.notNill(this.Find(array, finder));
+            return notNill(this.Find(array, finder));
         };
         /**
          * Cross-browser Array.find() function. Returns the first item in given array for which the foundBy function returns true. Returns
@@ -1109,10 +1807,10 @@
             if (array) {
                 for (var i = 0, len = array.length; i < len; i++) {
                     if (deepClone) {
-                        cloneArray.push(objectUtils.ObjectUtils.GetDeepClone(array[i]));
+                        cloneArray.push(ObjectUtils.GetDeepClone(array[i]));
                     }
                     else {
-                        cloneArray.push(objectUtils.ObjectUtils.GetShallowClone(array[i], arrayItemsClass));
+                        cloneArray.push(ObjectUtils.GetShallowClone(array[i], arrayItemsClass));
                     }
                 }
             }
@@ -1130,7 +1828,7 @@
          * @returns {boolean} True if and only if the element on given index is succesfully removed from given array.
          */
         ArrayUtils.RemoveElementAtIndex = function (index, array) {
-            if (numberUtils.NumberUtils.IsNaN(index) || index < 0 || !Array.isArray(array) || array.length === 0) {
+            if (NumberUtils.IsNaN(index) || index < 0 || !Array.isArray(array) || array.length === 0) {
                 return false;
             }
             if (index in array) {
@@ -1158,7 +1856,7 @@
         };
         // Checks if given array is defined, and is an array, and has length > 0, and, optionally checks that the first element is of type given clazz.
         ArrayUtils.IsArrayWithElements = function (arrayToCheck, classItemsMustBeInstanceOf) {
-            if (isNill_function.isNill(arrayToCheck)) {
+            if (isNill(arrayToCheck)) {
                 return false;
             }
             if (Array.isArray(arrayToCheck) && arrayToCheck.length > 0) {
@@ -1190,11 +1888,11 @@
             return atLeastOneRemoved;
         };
         ArrayUtils.MoveElement = function (element, toIndex, array) {
-            if (!Array.isArray(array) || isNill_function.isNill(toIndex)) {
+            if (!Array.isArray(array) || isNill(toIndex)) {
                 return false;
             }
             var fromIndex = array.indexOf(element);
-            var toIndexCorrected = numberUtils.NumberUtils.GetNearestNumberWithinBounds(toIndex, 0, array.length - 1);
+            var toIndexCorrected = NumberUtils.GetNearestNumberWithinBounds(toIndex, 0, array.length - 1);
             if (fromIndex === -1 || array[toIndexCorrected] === element) {
                 // element did not exist in given array, or already existed on given toIndex
                 return false;
@@ -1212,6 +1910,25 @@
                 }
             }
         };
+        /**
+         * Returns max value from all resulting values from applying given itemValueFunction to all items of given array.
+         * @param array
+         * @param itemValueFunction The function applied to each array item that gives it a numerical value. The max num val found is returned.
+         */
+        ArrayUtils.GetMaxCalculatedValue = function (array, itemValueFunction) {
+            if (!array || !itemValueFunction) {
+                return NaN;
+            }
+            var max = undefined;
+            var len = array.length;
+            for (var i = 0; i < len; i++) {
+                var valueCur = itemValueFunction.call(this);
+                if (valueCur > max) {
+                    max = valueCur;
+                }
+            }
+            return max;
+        };
         return ArrayUtils;
     }());
 
@@ -1408,13 +2125,13 @@
         return BusinessObjectFactory;
     }());
 
-    var LanguageCode;
+    exports["ɵr"] = void 0;
     (function (LanguageCode) {
         LanguageCode["Dutch"] = "nl-NL";
         LanguageCode["English"] = "en-GB";
         LanguageCode["German"] = "de-DE";
         LanguageCode["French"] = "fr-FR";
-    })(LanguageCode || (LanguageCode = {}));
+    })(exports["ɵr"] || (exports["ɵr"] = {}));
 
     // Static utility functions holder related to strings.
     var StringUtils = /** @class */ (function () {
@@ -1528,7 +2245,7 @@
         DictionaryService.prototype.setDictionary = function (language) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    this._language = language || LanguageCode.Dutch;
+                    this._language = language || exports["ɵr"].Dutch;
                     this._loadDictionary();
                     return [2 /*return*/];
                 });
@@ -1561,7 +2278,7 @@
                 return key || "";
             }
             if (this.language === undefined) {
-                this._language = LanguageCode.Dutch;
+                this._language = exports["ɵr"].Dutch;
                 this._loadDictionary();
             }
             var text = this._dictionaries.get(this.language)[key];
@@ -1849,15 +2566,15 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getArticleDetails = function (data) {
+        SharedConnectorService.prototype.getOrderConfirmationDefaultSendMethod = function (relationId) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getArticleDetails(data).then(function (result) {
+                            return _this.sharedConnector.getOrderConfirmationDefaultSendMethod(relationId).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObjects) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleDetails_bo.ArticleDetailsBo, result.resultObjects));
+                                    if (result.resultObject) {
+                                        resolve(result.resultObject);
                                     }
                                 }
                                 else {
@@ -1868,31 +2585,88 @@
                 });
             });
         };
-        SharedConnectorService.prototype.updateArticleDetails = function (data) {
+        SharedConnectorService.prototype.getDefaultEmailAddressListForOrderConfirmation = function (transactionUUID) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.updateArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
-                                        case 0:
-                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, this.commit()];
-                                        case 1:
-                                            _a.sent();
-                                            resolve(true);
-                                            return [3 /*break*/, 3];
-                                        case 2:
-                                            reject(result.validationMessagesAsString);
-                                            _a.label = 3;
-                                        case 3: return [2 /*return*/];
+                            return _this.sharedConnector.getDefaultEmailAddressListForOrderConfirmation(transactionUUID).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(result.resultObject);
                                     }
-                                });
-                            }); });
-                        })];
-                });
-            });
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getPurchaseOrderEmailLayouts = function (transactionUUID) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getPurchaseOrderEmailLayouts(transactionUUID).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(result.resultObject);
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getArticleDetails(data).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleDetails_bo.ArticleDetailsBo, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.updateArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.updateArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this.commit()];
+                                        case 1:
+                                            _a.sent();
+                                            resolve(true);
+                                            return [3 /*break*/, 3];
+                                        case 2:
+                                            reject(result.validationMessagesAsString);
+                                            _a.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
+                        })];
+                });
+            });
         };
         SharedConnectorService.prototype.lockArticleDetails = function (data) {
             return __awaiter(this, void 0, void 0, function () {
@@ -1995,8 +2769,6 @@
     var StockService = /** @class */ (function () {
         function StockService(_sharedService) {
             this._sharedService = _sharedService;
-            this.printSticker = new printStockStickers.PrintStockStickers();
-            this.printPriceSticker = new printPriceStickers_bo.PrintPriceStickers();
         }
         StockService.prototype.getPrintStockStickers = function (data) {
             return __awaiter(this, void 0, void 0, function () {
@@ -2116,6 +2888,36 @@
                 });
             });
         };
+        StockService.prototype.getOrderConfirmationDefaultSendMethod = function (relationId) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getOrderConfirmationDefaultSendMethod(relationId)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getDefaultEmailAddressListForOrderConfirmation = function (transactionUUID) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getDefaultEmailAddressListForOrderConfirmation(transactionUUID)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getPurchaseOrderEmailLayouts = function (transactionUUID) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getPurchaseOrderEmailLayouts(transactionUUID)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         StockService.prototype.getArticleTransaction = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -2327,8 +3129,13 @@
         "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>",
+        "envelope_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\"/></svg>",
+        "file_pdf_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z\"/></svg>",
+        "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 224H88c30.9 0 56 25.1 56 56s-25.1 56-56 56H80v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V320 240c0-8.8 7.2-16 16-16zm24 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H80v48h8zm72-64c0-8.8 7.2-16 16-16h24c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H176c-8.8 0-16-7.2-16-16V240zm32 112h8c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16h-8v96zm96-128h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V304 240c0-8.8 7.2-16 16-16z\"/></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>",
+        "print_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z\"/></svg>",
+        "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></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>"
     };
@@ -2397,8 +3204,13 @@
         Icon["DeleteLeftRegular"] = "delete_left_regular";
         Icon["DeliveryTruck"] = "delivery_truck";
         Icon["Email"] = "email";
+        Icon["EnvelopeRegular"] = "envelope_regular";
+        Icon["FilePdfRegular"] = "file_pdf_regular";
+        Icon["FilePdfSolid"] = "file_pdf_solid";
         Icon["Pdf"] = "pdf";
         Icon["Print"] = "print";
+        Icon["PrintRegular"] = "print_regular";
+        Icon["PrintSolid"] = "print_solid";
         Icon["SignatureField"] = "signature_field";
         Icon["Xml"] = "xml";
     })(Icon || (Icon = {}));
@@ -2490,12 +3302,14 @@
             });
         };
         StockInformationGridComponent.prototype.openSendMethodDialog = function (data) {
-            this._stockService.printSticker.goodId = data.goodId;
-            this._stockService.printSticker.warehouse = data.warehouseNo;
+            if (!(this._stockService.printLayoutParams instanceof printPriceStickers_bo.PrintPriceStickers)) {
+                this._stockService.printLayoutParams.goodId = data.goodId;
+                this._stockService.printLayoutParams.warehouse = data.warehouseNo;
+            }
             this.showSendMethodDialog = !this.showSendMethodDialog;
         };
         StockInformationGridComponent.prototype.printStockStickers = function () {
-            this._stockService.getPrintStockStickers(this._stockService.printSticker);
+            this._stockService.getPrintStockStickers(this._stockService.printLayoutParams);
         };
         StockInformationGridComponent.prototype.onOkClick = function () {
         };
@@ -2732,42 +3546,57 @@
             this.showPrintOption = true;
             this.showPdfOption = true;
             this.showXmlOption = true;
-            this.showPrintPriceStickers = false;
-            this.showPrintStockStickers = true;
+            this.showPrintPriceStickers = true;
             this.sendOptions = [
                 { option: SendOption.Email,
-                    iconName: this.icons.Email,
+                    iconName: this.icons.EnvelopeRegular,
                 },
                 { option: SendOption.Print,
-                    iconName: this.icons.Print,
+                    iconName: this.icons.PrintRegular,
                 },
                 { option: SendOption.Pdf,
-                    iconName: this.icons.Pdf,
+                    iconName: this.icons.FilePdfRegular,
                 },
                 { option: SendOption.Xml,
-                    iconName: this.icons.Xml,
+                    iconName: this.icons.FilePdfRegular,
                 }
             ];
             this.activeSendOption = SendOption.Email;
             this.showStandardPrinterOptions = false;
             this.showPrinterSelections = false;
             this.showExitButton = true;
+            this.printTemplates = [];
             this.printTemplatesField = { text: "name", value: "reportId" };
+            this.emailLayoutField = { text: "name", value: "reportId" };
             this.priceListDataField = { text: "name", value: "priceListCode" };
             this.upAndLoaded = false;
-            this.emails = ['lars.vdv@colijn-it.nl', 'david@colijn-it.nl', 'ruben@colijn-it.nl'];
             this.models = [false, false, true];
-            this.layouts = ['Layout 1', 'Layout 2', 'Layout 3'];
             this.showDialog = false;
+            this.emailAdresses = [];
+            this.printLayouts = [];
+            this.isDocSignEnabled = false;
+            this.docSign = false;
             this.startSignatureClicked = new i0.EventEmitter();
+            this.sendEmailClicked = new i0.EventEmitter();
             this.printButtonClicked = new i0.EventEmitter();
+            this.emailLayoutClicked = new i0.EventEmitter();
+            this.printTemplatesClicked = new i0.EventEmitter();
+            this.defaultSendMethodClicked = new i0.EventEmitter();
+            this.printLayoutParams = new i0.EventEmitter();
+            this.sendMethodParams = new /** @class */ (function () {
+                function class_1() {
+                }
+                return class_1;
+            }());
             this._subscriptions = [];
             this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
         }
         Object.defineProperty(SendMethodDialogComponent.prototype, "articleData", {
             set: function (data) {
-                this.stockService.printSticker.goodId = data.goodId;
-                this.stockService.printSticker.warehouse = data.warehouseNo;
+                if (!(this.printLayoutParams instanceof printPriceStickers_bo.PrintPriceStickers)) {
+                    this.sendMethodParams.goodId = data.goodId;
+                    this.sendMethodParams.warehouse = data.warehouseNo;
+                }
             },
             enumerable: false,
             configurable: true
@@ -2776,6 +3605,10 @@
         SendMethodDialogComponent.prototype.showClass = function () {
             return true;
         };
+        SendMethodDialogComponent.prototype.ngOnInit = function () {
+            this.getDefaultSendMethod();
+            this.getDefaultEmailLayouts();
+        };
         SendMethodDialogComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
         };
@@ -2793,12 +3626,16 @@
             this.showDialog = false;
         };
         SendMethodDialogComponent.prototype.handleSignatureStart = function () {
+            this.docSign = !this.docSign;
             this.startSignatureClicked.emit();
         };
+        SendMethodDialogComponent.prototype.sendEmail = function () {
+            this.sendEmailClicked.emit();
+            this.printLayoutParams.emit(this.sendMethodParams);
+        };
         SendMethodDialogComponent.prototype.handlePrintClicked = function () {
-            // this.printButtonClicked.emit();
-            if (this.stockService.printSticker.printerName) {
-                this.stockService.getPrintStockStickers(this.stockService.printSticker);
+            if (this.sendMethodParams.printerName) {
+                this.printButtonClicked.emit();
             }
         };
         SendMethodDialogComponent.prototype.togglePrinterSelection = function () {
@@ -2814,17 +3651,22 @@
         };
         SendMethodDialogComponent.prototype.onPrinterClicked = function (printer) {
             this.defaultPrinter = printer.name;
-            this.stockService.printSticker.printerName = printer.name;
+            this.sendMethodParams.printerName = printer.name;
             this.showPrinterSelections = !this.showPrinterSelections;
         };
         SendMethodDialogComponent.prototype.getPrintTemplates = function () {
-            var _this = this;
-            if (!this.printTemplates) {
-                var data = new stockStickersPrintLayouts_bo.StockStickersPrintLayouts();
-                this.stockService.getStockStickerTemplates(data).then(function (templates) {
-                    _this.printTemplates = templates;
+            this.printTemplatesClicked.emit();
+        };
+        SendMethodDialogComponent.prototype.getDefaultSendMethod = function () {
+            this.defaultSendMethodClicked.emit();
+        };
+        SendMethodDialogComponent.prototype.getDefaultEmailLayouts = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.emailLayoutClicked.emit();
+                    return [2 /*return*/];
                 });
-            }
+            });
         };
         SendMethodDialogComponent.prototype._handleSettingsLoaded = function (loaded) {
             return __awaiter(this, void 0, void 0, function () {
@@ -2868,7 +3710,7 @@
     SendMethodDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "ione-send-method-dialog",
-                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\"\n                   *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\" (click)=\"getPrintTemplates()\">\n              <div *ngIf=\"showPrintPriceStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printPriceSticker.reportId\"\n                    [collection]=\"printTemplates\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n                <div class=\"lov-wrapper\" *ngIf=\"priceListCodeData\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printPriceSticker.priceListCode\"\n                    [collection]=\"priceListCodeData\"\n                    [fields]=\"priceListDataField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div *ngIf=\"showPrintStockStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printSticker.reportId\"\n                    [collection]=\"printTemplates\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"stockService.printSticker.amount\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog-wizard>\n    </div>\n  ",
+                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-template #headerTemplate>\n          <h2 [textContent]=\"headerTitle\"></h2>\n        </ng-template>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\"\n                   *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email of emailAdresses\"\n                  [(model)]=\"email.name\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\" (click)=\"getDefaultEmailLayouts()\">\n                <co-input-combo-box\n                  [(model)]=\"sendMethodParams.reportId\"\n                  [collection]=\"emailLayouts\"\n                  [fields]=\"emailLayoutField\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div *ngIf=\"isDocSignEnabled\" class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n                <div class=\"custom-button-wrapper send-button\" (click)=\"sendEmail()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.Email)\"></co-icon>\n                </div>\n              </div>\n\n              <ione-docsign *ngIf=\"docSign\"></ione-docsign>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\" (click)=\"getPrintTemplates()\">\n              <div *ngIf=\"showPrintPriceStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"sendMethodParams.reportId\"\n                    [collection]=\"printLayouts\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n                <div class=\"lov-wrapper\" *ngIf=\"priceListCodeData\">\n                  <co-input-combo-box\n                    [(model)]=\"sendMethodParams.priceListCode\"\n                    [collection]=\"priceListCodeData\"\n                    [fields]=\"priceListDataField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.PrintRegular)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"sendMethodParams.amount\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.PrintRegular)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     animations: [
                         animations.trigger('slideInOut', [
@@ -2892,15 +3734,28 @@
         showPdfOption: [{ type: i0.Input }],
         showXmlOption: [{ type: i0.Input }],
         showPrintPriceStickers: [{ type: i0.Input }],
-        showPrintStockStickers: [{ type: i0.Input }],
         priceListCodeData: [{ type: i0.Input }],
+        transactionUUID: [{ type: i0.Input }],
         showDialog: [{ type: i0.Input }],
         headerTitle: [{ type: i0.Input }],
         printerList: [{ type: i0.Input }],
+        relationId: [{ type: i0.Input }],
+        emailAdresses: [{ type: i0.Input }],
+        emailLayouts: [{ type: i0.Input }],
+        printLayouts: [{ type: i0.Input }],
+        defaultSendMethod: [{ type: i0.Input }],
+        defaultEmailAdresses: [{ type: i0.Input }],
+        isDocSignEnabled: [{ type: i0.Input }],
+        docSign: [{ type: i0.Input }],
         articleData: [{ type: i0.Input }],
         startSignatureClicked: [{ type: i0.Output }],
+        sendEmailClicked: [{ type: i0.Output }],
         printButtonClicked: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.ione-send-method-dialog",] }]
+        emailLayoutClicked: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.ione-send-method-dialog",] }],
+        printTemplatesClicked: [{ type: i0.Output }],
+        defaultSendMethodClicked: [{ type: i0.Output }],
+        printLayoutParams: [{ type: i0.Output }]
     };
 
     var SendMethodDialogModule = /** @class */ (function () {
@@ -2921,7 +3776,9 @@
                         corecomponents_v12.IconModule,
                         corecomponents_v12.InputNumberPickerModule,
                         corecomponents_v12.CoDialogWizardModule,
-                        corecomponents_v12.ButtonModule
+                        corecomponents_v12.ButtonModule,
+                        DocsignModule,
+                        corecomponents_v12.CoDialogModule
                     ],
                     exports: [
                         SendMethodDialogComponent
@@ -3417,11 +4274,10 @@
         };
         ;
         CoCircularGaugeComponent.prototype.getAnnotations = function () {
-            if (this.value !== undefined) {
-                var label = this.value ? this.value + "%" : "0%";
+            if (this.value) {
                 return [{
                         content: '<div class="annotation">' +
-                            label + '</div>',
+                            this.value + '%</div>',
                         angle: 90,
                         radius: '50%',
                         zIndex: '10',
@@ -3592,7 +4448,7 @@
     StatusbarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-statusbar",
-                    template: "\n    <div class=\"co-statusbar-wrapper\"\n         *ngIf=\"statusbarData\"\n         (mouseover)=\"onHover($event)\"\n         (mouseleave)=\"onLeave()\"\n         (click)=\"onStatusbarClick()\">\n      <div class=\"statuses\">\n        <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n          <co-linear-gauge [value]=\"data.percentage\" [count]=\"!!data.count ? data.count : undefined\"></co-linear-gauge>\n        </div>\n      </div>\n      <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n        <div class=\"status-descriptions\">\n          <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n            <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n            <span [textContent]=\"data.label\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"co-statusbar-wrapper\"\n         *ngIf=\"statusbarData\"\n         (mouseover)=\"onHover($event)\"\n         (mouseleave)=\"onLeave()\"\n         (click)=\"onStatusbarClick()\">\n      <div class=\"statuses\">\n        <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n          <co-linear-gauge [value]=\"data.percentage\" [count]=\"data.count ? data.count : undefined\"></co-linear-gauge>\n        </div>\n      </div>\n      <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n        <div class=\"status-descriptions\">\n          <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n            <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n            <span [textContent]=\"data.label\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                     animations: [
                         animations.trigger("showHidePopup", [
                             animations.state("void", animations.style({ opacity: 0 })),
@@ -3631,6 +4487,1763 @@
                 },] }
     ];
 
+    var DatePlanningComponent = /** @class */ (function () {
+        function DatePlanningComponent(_changeDetector, renderer) {
+            this._changeDetector = _changeDetector;
+            this.renderer = renderer;
+            this.calendarNavigation = false;
+            this.showButton = false;
+            this.buttonLabel = "";
+            this.eventsPerDay = [];
+            this.eventChecked = new i0.EventEmitter();
+            this.selectedDateChange = new i0.EventEmitter();
+            this.rangeChange = new i0.EventEmitter();
+            this.viewChange = new i0.EventEmitter();
+            this.buttonClick = new i0.EventEmitter();
+            this.days = [];
+            this._selectedDate = new Date();
+        }
+        DatePlanningComponent.prototype.doChangeSelectedDate = function (date, rangeChanged) {
+            if (rangeChanged === void 0) { rangeChanged = false; }
+            this.selectedDate = new Date(date);
+            if (rangeChanged) {
+                this.rangeChange.next(this.selectedDate);
+            }
+            else {
+                this.selectedDateChange.next(this.selectedDate);
+            }
+            this._changeDetector.detectChanges();
+        };
+        DatePlanningComponent.prototype.doChangeView = function (view) {
+            this.view = view;
+            this.viewChange.next(this.view);
+        };
+        DatePlanningComponent.prototype.scrollToDayStart = function () {
+            if (this.dayStart !== undefined) {
+                var dayStart_1 = this.renderer.selectRootElement("#dayStart");
+                if (dayStart_1) {
+                    setTimeout(function () {
+                        dayStart_1.scrollIntoView({ behavior: "instant", block: "center" });
+                    });
+                }
+            }
+        };
+        return DatePlanningComponent;
+    }());
+    DatePlanningComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "sc-date-planning",
+                    template: "\n    <div class=\"sc-agenda\">\n      <div class=\"content-wrapper\">\n        <calendar *ngIf=\"calendarNavigation\"\n                  [view]=\"view\"\n                  [(days)]=\"days\"\n                  [selectedDate]=\"selectedDate\" (selectedDateChange)=\"doChangeSelectedDate($event)\"></calendar>\n        <div class=\"agenda-content-wrapper mini-scrollbar\">\n          <div class=\"agenda-content\">\n            <agenda-header [view]=\"view\" (viewChange)=\"doChangeView($event)\"\n                           [firstAvailableDate]=\"firstAvailableDate\"\n                           [eventsPerDay]=\"eventsPerDay\"\n                           [selectedDate]=\"selectedDate\"\n                           (selectedDateChange)=\"doChangeSelectedDate($event)\"\n                           (rangeChange)=\"doChangeSelectedDate($event, true)\"></agenda-header>\n            <agenda-view [view]=\"view\"\n                         [selectedDate]=\"selectedDate\"\n                         [eventsPerDay]=\"eventsPerDay\"\n                         (eventChecked)=\"eventChecked.emit($event)\"></agenda-view>\n          </div>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=\"showButton && eventsPerDay.length > 0\" class=\"text-only select-agenda-button\"\n               [label]=\"buttonLabel\"\n               (click)=\"buttonClick.emit($event)\">\n    </co-button>\n    ",
+                    animations: [
+                        animations.trigger("showHideWindow", [
+                            animations.state("void", animations.style({ transform: "scaleY(0)" })),
+                            animations.state("*", animations.style({ transform: "scaleY(1)" })),
+                            animations.transition(":enter, :leave", [
+                                animations.animate("200ms ease-in-out")
+                            ])
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DatePlanningComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.Renderer2 }
+    ]; };
+    DatePlanningComponent.propDecorators = {
+        calendarNavigation: [{ type: i0.Input }],
+        showButton: [{ type: i0.Input }],
+        selectedDate: [{ type: i0.Input }],
+        firstAvailableDate: [{ type: i0.Input }],
+        buttonLabel: [{ type: i0.Input }],
+        eventsPerDay: [{ type: i0.Input }],
+        view: [{ type: i0.Input }],
+        eventChecked: [{ type: i0.Output }],
+        selectedDateChange: [{ type: i0.Output }],
+        rangeChange: [{ type: i0.Output }],
+        viewChange: [{ type: i0.Output }],
+        buttonClick: [{ type: i0.Output }],
+        dayStart: [{ type: i0.ViewChild, args: ["dayStart", { static: true },] }]
+    };
+
+    var CalendarAllYearsComponent = /** @class */ (function () {
+        function CalendarAllYearsComponent() {
+            this.yearChange = new i0.EventEmitter();
+            this.years = [];
+        }
+        CalendarAllYearsComponent.prototype.ngOnInit = function () {
+            this.years.length = 0;
+            var start = this._determineStart();
+            var end = start + 11;
+            while (start < end) {
+                this.years.push(start);
+                start++;
+            }
+        };
+        CalendarAllYearsComponent.prototype._determineStart = function () {
+            if (this.year > 0) {
+                var thisYear = this.year;
+                var thisYearLastDigit = parseInt(thisYear.toString().split("").pop());
+                while (thisYearLastDigit > 0) {
+                    thisYear--;
+                    thisYearLastDigit = parseInt(thisYear.toString().split("").pop());
+                }
+                return thisYear;
+            }
+            return 0;
+        };
+        return CalendarAllYearsComponent;
+    }());
+    CalendarAllYearsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "calendar-all-years",
+                    template: "\n        <div *ngFor=\"let currentYear of years\"\n             [textContent]=\"currentYear\"\n             [class.selected-year]=\"currentYear === year\"\n             class=\"pointer-hover\"\n             (click)=\"year = currentYear; yearChange.emit(year)\"\n        ></div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CalendarAllYearsComponent.ctorParameters = function () { return []; };
+    CalendarAllYearsComponent.propDecorators = {
+        year: [{ type: i0.Input }],
+        yearChange: [{ type: i0.Output }]
+    };
+
+    // All the months. Values are corresponding dictionary keys in text_nl.
+    var Month$1;
+    (function (Month) {
+        Month["January"] = "JANUARY";
+        Month["Februrary"] = "FEBRUARY";
+        Month["March"] = "MARCH";
+        Month["April"] = "APRIL";
+        Month["May"] = "MAY";
+        Month["June"] = "JUNE";
+        Month["July"] = "JULY";
+        Month["August"] = "AUGUST";
+        Month["September"] = "SEPTEMBER";
+        Month["October"] = "OCTOBER";
+        Month["November"] = "NOVEMBER";
+        Month["December"] = "DECEMBER";
+    })(Month$1 || (Month$1 = {}));
+
+    // All the months in a year. The order is important, and should remain January - to December!
+    var ALL_MONTHS = [
+        Month$1.January,
+        Month$1.Februrary,
+        Month$1.March,
+        Month$1.April,
+        Month$1.May,
+        Month$1.June,
+        Month$1.July,
+        Month$1.August,
+        Month$1.September,
+        Month$1.October,
+        Month$1.November,
+        Month$1.December
+    ];
+
+    var CalendarAllMonthsComponent = /** @class */ (function () {
+        function CalendarAllMonthsComponent() {
+            this.shortDescriptions = false;
+            this.monthChange = new i0.EventEmitter();
+            this.months = [];
+        }
+        CalendarAllMonthsComponent.prototype.ngOnInit = function () {
+            this.months.length = 0;
+            this.months = ALL_MONTHS;
+        };
+        return CalendarAllMonthsComponent;
+    }());
+    CalendarAllMonthsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "calendar-all-months",
+                    template: "\n        <div *ngFor=\"let currentMonth of months; let index = index\"\n             [class.selected-month]=\"month === index\"\n             [textContent]=\"currentMonth\"\n             class=\"pointer-hover\"\n             (click)=\"month = index; monthChange.emit(month)\"\n        ></div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CalendarAllMonthsComponent.ctorParameters = function () { return []; };
+    CalendarAllMonthsComponent.propDecorators = {
+        month: [{ type: i0.Input }],
+        shortDescriptions: [{ type: i0.Input }],
+        monthChange: [{ type: i0.Output }]
+    };
+
+    var CalendarHeaderComponent = /** @class */ (function () {
+        function CalendarHeaderComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.selectedDate = new Date();
+            this.selectedDateChange = new i0.EventEmitter();
+            this.icons = Icon;
+            this.showMonthYearSelect = false;
+            this.expanded = false;
+        }
+        CalendarHeaderComponent.prototype.ngDoCheck = function () {
+            if (this.selectedDate) {
+                this.currentMonth = ALL_MONTHS[this.selectedDate.getMonth()];
+                this.currentYear = this.selectedDate.getFullYear();
+            }
+        };
+        CalendarHeaderComponent.prototype.subMonth = function () {
+            var newDate = new Date(this.selectedDate);
+            newDate.setMonth(newDate.getMonth() - 1);
+            this.selectedDate = newDate;
+            this.selectedDateChange.emit(this.selectedDate);
+        };
+        CalendarHeaderComponent.prototype.addMonth = function () {
+            var newDate = new Date(this.selectedDate);
+            newDate.setMonth(newDate.getMonth() + 1);
+            this.selectedDate = newDate;
+            this.selectedDateChange.emit(this.selectedDate);
+        };
+        CalendarHeaderComponent.prototype.hideMonthYearSelection = function () {
+            this.expanded = false;
+            this.showMonthYearSelect = false;
+        };
+        CalendarHeaderComponent.prototype.setNewMonth = function (month) {
+            this.selectedMonth = month;
+        };
+        CalendarHeaderComponent.prototype.setNewYear = function (year) {
+            this.selectedYear = year;
+        };
+        CalendarHeaderComponent.prototype.changeMonthYear = function () {
+            this.hideMonthYearSelection();
+            var newDate = new Date(this.selectedDate);
+            newDate.setMonth(this.selectedMonth);
+            newDate.setFullYear(this.selectedYear);
+            this.selectedDate = newDate;
+            this.selectedDateChange.emit(this.selectedDate);
+        };
+        return CalendarHeaderComponent;
+    }());
+    CalendarHeaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "calendar-header",
+                    template: "\n        <div #monthYearSelect class=\"calendar-header-row\">\n            <co-icon class=\"pointer-hover\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subMonth()\"></co-icon>\n            <div (click)=\"showMonthYearSelect = true\">\n                <div class=\"month\" [textContent]=\"currentMonth\"></div>\n                <div class=\"year\" [textContent]=\"currentYear\"></div>\n            </div>\n            <co-icon class=\"pointer-hover\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addMonth()\"></co-icon>\n        </div>\n        <ng-template #template>\n            <div *ngIf=\"showMonthYearSelect\"\n                 (clickOutside)=\"hideMonthYearSelection()\"\n                 class=\"select-month-year-window\" [class.expanded]=\"expanded\" @showMonthYearSelect\n            >\n                <div>\n                    <calendar-all-months [month]=\"currentMonth\" (monthChange)=\"setNewMonth($event)\" shortDescriptions></calendar-all-months>\n                    <div class=\"vertical-divider\"></div>\n                    <calendar-all-years [year]=\"currentYear\" (yearChange)=\"setNewYear($event)\"></calendar-all-years>\n                </div>\n<!--                <default-ok-cancel-buttons-->\n<!--                        (okClick)=\"changeMonthYear()\"-->\n<!--                        (cancelClick)=\"showMonthYearSelect = false\"-->\n<!--                >-->\n<!--                </default-ok-cancel-buttons>-->\n            </div>\n        </ng-template>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None,
+                    animations: [
+                        animations.trigger("showMonthYearSelect", [
+                            animations.state("void", animations.style({
+                                "transform-origin": "top center",
+                                transform: "scaleY(0)"
+                            })),
+                            animations.state("*", animations.style({
+                                "transform-origin": "top center",
+                                transform: "scaleY(1)"
+                            })),
+                            animations.transition(":enter, :leave", [
+                                animations.animate("200ms ease-in-out")
+                            ])
+                        ])
+                    ]
+                },] }
+    ];
+    CalendarHeaderComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    CalendarHeaderComponent.propDecorators = {
+        selectedDate: [{ type: i0.Input }],
+        selectedDateChange: [{ type: i0.Output }]
+    };
+
+    var CalendarView;
+    (function (CalendarView) {
+        CalendarView["DayView"] = "DAY";
+        CalendarView["WeekView"] = "WEEK";
+        CalendarView["WeekSelectView"] = "WEEK_SELECT";
+        CalendarView["MonthView"] = "MONTH";
+    })(CalendarView || (CalendarView = {}));
+
+    var CalendarComponent = /** @class */ (function () {
+        function CalendarComponent() {
+            this.view = CalendarView.WeekView;
+            this.selectedDate = new Date();
+            this.days = [];
+            this.selectedDateChange = new i0.EventEmitter();
+        }
+        CalendarComponent.prototype.changeSelectedDate = function (date) {
+            this.selectedDate = date;
+            this.selectedDateChange.emit(this.selectedDate);
+        };
+        return CalendarComponent;
+    }());
+    CalendarComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "calendar",
+                    template: "\n        <div class=\"sc-calendar\">\n          <calendar-header [selectedDate]=\"selectedDate\" (selectedDateChange)=\"changeSelectedDate($event)\"></calendar-header>\n          <calendar-view [view]=\"view\" [selectedDate]=\"selectedDate\" (selectedDateChange)=\"changeSelectedDate($event)\"></calendar-view>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CalendarComponent.ctorParameters = function () { return []; };
+    CalendarComponent.propDecorators = {
+        view: [{ type: i0.Input }],
+        selectedDate: [{ type: i0.Input }],
+        days: [{ type: i0.Input }],
+        selectedDateChange: [{ type: i0.Output }]
+    };
+
+    var ArrayNumberPipe = /** @class */ (function () {
+        function ArrayNumberPipe() {
+        }
+        ArrayNumberPipe.prototype.transform = function (length, offset) {
+            if (offset === void 0) { offset = 0; }
+            if (!length || length < 0) {
+                return [];
+            }
+            return Array.from({ length: Math.round(length) }, function (x, i) { return i + offset; });
+        };
+        return ArrayNumberPipe;
+    }());
+    ArrayNumberPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "arrayNumber"
+                },] }
+    ];
+
+    var DateRange = /** @class */ (function () {
+        function DateRange() {
+        }
+        return DateRange;
+    }());
+
+    Date.prototype.toJSON = function () {
+        return moment__namespace(this).format('YYYY-MM-DD[T]HH:mm:ss');
+    };
+    // static utility function holder related to dates
+    var DateUtils = /** @class */ (function () {
+        function DateUtils() {
+        }
+        DateUtils.NowAsString = function () {
+            return DateUtils.ParseDate(new Date(), DateUtils.BACKEND_DATE_FORMAT);
+        };
+        DateUtils.ParseDate = function (date, format) {
+            if (format === void 0) { format = "d-m-y"; }
+            if (!date) {
+                return "";
+            }
+            var day = ("0" + date.getDate()).slice(-2);
+            var month = ("0" + (date.getMonth() + 1)).slice(-2);
+            var year = date.getFullYear() + "";
+            var formatParts = format.split("-");
+            var dateParts = [];
+            for (var i = 0, l = formatParts.length; i < l; i++) {
+                switch (formatParts[i]) {
+                    case "d":
+                    case "DD":
+                        dateParts.push(day);
+                        break;
+                    case "m":
+                    case "MM":
+                        dateParts.push(month);
+                        break;
+                    case "y":
+                    case "YYYY":
+                        dateParts.push(year);
+                        break;
+                    default:
+                        break;
+                }
+            }
+            return dateParts.join("-");
+        };
+        DateUtils.GetWeekNumber = function (date) {
+            date = new Date(date.getTime());
+            date.setHours(0, 0, 0, 0);
+            date.setDate(date.getDate() + 4 - (date.getDay() || 7));
+            return Math.ceil((((date.getTime() - new Date(date.getFullYear(), 0, 1).getTime()) / 8.64e7) + 1) / 7);
+        };
+        // Returns the number of days from now, for the given date in the future. Returns negative days if given date is in the past from now.
+        DateUtils.GetDaysFromNow = function (date) {
+            return DateUtils.GetDayDifference(new Date(Date.now()), date);
+        };
+        DateUtils.StringAsDate = function (str, format) {
+            if (format === void 0) { format = DateUtils.BACKEND_DATE_FORMAT; }
+            if (notNill(str)) {
+                if (!isNaN(Number(str))) {
+                    return new Date(str);
+                }
+                else {
+                    var time = moment__namespace(str, format, true);
+                    return time.isValid() ? new Date(time) : undefined;
+                }
+            }
+            else {
+                return undefined;
+            }
+        };
+        DateUtils.MomentToDate = function (time) {
+            if (!time || !time.isValid()) {
+                return undefined;
+            }
+            var d = new Date(time.format(DateUtils.BACKEND_DATE_FORMAT));
+            d.setHours(time.hours());
+            d.setMinutes(time.minutes());
+            d.setSeconds(time.seconds());
+            return d;
+        };
+        DateUtils.GetCurrentMonth = function () {
+            return ALL_MONTHS[new Date().getMonth()];
+        };
+        // @returns e.g. ["FEBRUARI", "MARCH", ..] if it's Februari today, otherwise e.g. ["APRIL", "MAY", ...] if it's April today
+        DateUtils.Get12MonthsArrayWithFirstMonthIsCurrentMonth = function () {
+            var answer = [];
+            var monthNrToAdd = new Date().getMonth();
+            for (var i = 0; i < 12; i++) {
+                answer.push(ALL_MONTHS[monthNrToAdd]);
+                monthNrToAdd = (monthNrToAdd + 1) % ALL_MONTHS.length;
+            }
+            return answer;
+        };
+        DateUtils.GetFirstDayOfWeek = function (date) {
+            if (!DateUtils._ValidDate(date)) {
+                return null;
+            }
+            var firstDay;
+            var dayOfWeek = date.getDay() || 7;
+            if (dayOfWeek === 1) {
+                firstDay = new Date(date);
+            }
+            else {
+                firstDay = new Date(date);
+                firstDay.setHours(-24 * (dayOfWeek - 1));
+            }
+            return firstDay;
+        };
+        DateUtils.GetLastDayOfWeek = function (date) {
+            var firstDayOfWeek = DateUtils.GetFirstDayOfWeek(date);
+            var lastDayOfWeek = new Date(firstDayOfWeek);
+            lastDayOfWeek.setDate(firstDayOfWeek.getDate() + 6);
+            return lastDayOfWeek;
+        };
+        DateUtils.GetFirstDayOfMonth = function (date) {
+            if (!DateUtils._ValidDate(date)) {
+                return null;
+            }
+            var year = date.getFullYear();
+            var month = date.getMonth();
+            return new Date(year, month, 1);
+        };
+        DateUtils.GetLastDayOfMonth = function (date) {
+            if (!DateUtils._ValidDate(date)) {
+                return null;
+            }
+            var year = date.getFullYear();
+            var month = date.getMonth();
+            return new Date(year, month + 1, 0);
+        };
+        DateUtils.DatesEqual = function (date1, date2) {
+            var result = false;
+            if (DateUtils._ValidDate(date1) && DateUtils._ValidDate(date2)) {
+                result =
+                    date1.getDate() === date2.getDate() &&
+                        date1.getMonth() === date2.getMonth() &&
+                        date1.getFullYear() === date2.getFullYear();
+            }
+            return result;
+        };
+        DateUtils.DateRangeEqual = function (dates1, dates2) {
+            return (this.DatesEqual(dates1.startDate, dates2.startDate) &&
+                this.DatesEqual(dates1.endDate, dates2.endDate));
+        };
+        DateUtils.AddMinutes = function (date, minutes) {
+            return new Date(date.getTime() + (minutes * 60000));
+        };
+        DateUtils.AddDays = function (date, days) {
+            var result = new Date(date);
+            result.setDate(result.getDate() + days);
+            return result;
+        };
+        DateUtils.AddMonths = function (date, months) {
+            var result = new Date(date);
+            result.setMonth(result.getMonth() + months);
+            return result;
+        };
+        DateUtils.DetermineDSTBreakpoints = function () {
+            var endOfYear = new Date(new Date().getFullYear(), 11, 1);
+            var checkDate = new Date(new Date().getFullYear(), 0, 1);
+            var offset = checkDate.getTimezoneOffset();
+            var periodStart = new Date();
+            var periodStartSet = false;
+            var periodEnd = new Date();
+            var periodEndSet = false;
+            while (checkDate.getTime() < endOfYear.getTime()) {
+                checkDate = this.AddMinutes(checkDate, 60);
+                if (offset < checkDate.getTimezoneOffset()) {
+                    periodEnd.setTime(checkDate.getTime());
+                    periodEndSet = true;
+                }
+                else if (offset > checkDate.getTimezoneOffset()) {
+                    periodStart.setTime(checkDate.getTime());
+                    periodStartSet = true;
+                }
+                offset = checkDate.getTimezoneOffset();
+                if (periodStartSet && periodEndSet) {
+                    break;
+                }
+            }
+            if (periodStartSet && periodEndSet) {
+                return {
+                    start: this._DateToTimeStringWithDateFormat(periodStart),
+                    end: this._DateToTimeStringWithDateFormat(periodEnd)
+                };
+            }
+            else {
+                return { start: undefined, end: undefined }; // important otherwise we return new Date() for both
+            }
+        };
+        DateUtils._ValidDate = function (date) {
+            return date !== null && date !== undefined;
+        };
+        /**
+         * Returns the difference between the two given days as the number of days, in float precision (date to - date from).
+         * Returns negative values of the 'from' date is later than in time than the 'to' date.
+         */
+        DateUtils.GetDayDifference = function (from, to) {
+            if (!from || !to) {
+                return NaN;
+            }
+            return ((to.getTime() - from.getTime()) / 1000 / 60 / 60 / 24);
+        };
+        DateUtils.IsSameDay = function (dateOne, dateTwo) {
+            return (dateOne && dateTwo &&
+                dateOne.getDate() === dateTwo.getDate()
+                && dateOne.getMonth() === dateTwo.getMonth()
+                && dateOne.getFullYear() === dateTwo.getFullYear());
+        };
+        DateUtils.IsInBetween = function (date, startDate, endDate, withTime) {
+            if (withTime === void 0) { withTime = true; }
+            if (startDate && endDate) {
+                if (withTime) {
+                    return (date > startDate && date < endDate);
+                }
+                else {
+                    var dateWithoutTime = new Date(date).setHours(0, 0, 0, 0), dateFromWithoutTime = new Date(startDate).setHours(0, 0, 0, 0), dateToWithoutTime = new Date(endDate).setHours(0, 0, 0, 0);
+                    return dateWithoutTime >= dateFromWithoutTime && dateWithoutTime <= dateToWithoutTime;
+                }
+            }
+        };
+        DateUtils.IsMonday = function (date) {
+            return date.getDay() === 1;
+        };
+        DateUtils.IsSunday = function (date) {
+            return date.getDay() === 0;
+        };
+        DateUtils.IsToday = function (date) {
+            var today = new Date();
+            return DateUtils.IsSameDay(today, date);
+        };
+        // Returns date format like it would when using a pipe in the templete, ie: "1 okt. 2020"
+        DateUtils.ParseDateInShortDateFormat = function (date, locale) {
+            this.datePipe = new common.DatePipe(locale);
+            var parsedDate = this.datePipe.transform(date);
+            return parsedDate;
+        };
+        // Transforms a string that is formatted like "'17-08-2014'<=?<='17-08-2021'" into "'17-08-2014' Untill '17-08-2021'"
+        DateUtils.getFormattedDateRangeString = function (dateRangeString, separator) {
+            if (separator === void 0) { separator = " - "; }
+            var newString = dateRangeString;
+            newString = newString.replace("<=?<=", " " + separator + " ");
+            newString = newString.replace(/'/g, "");
+            return newString;
+        };
+        DateUtils.SetDateOrDateRangeObjectHoursZero = function (date) {
+            if (date instanceof DateRange) {
+                if (date.startDate) {
+                    date.startDate.setHours(0, 0, 0);
+                }
+                if (date.endDate) {
+                    date.endDate.setHours(0, 0, 0);
+                }
+            }
+            else if (!!date && (date instanceof Date)) {
+                date.setHours(0, 0, 0, 0);
+            }
+        };
+        DateUtils._DateToTimeStringWithDateFormat = function (value, dateFormat) {
+            if (dateFormat === void 0) { dateFormat = "d-m-y"; }
+            if (!value) {
+                return "";
+            }
+            var hours = value.getHours() < 10 ? "0" + value.getHours() : "" + value.getHours();
+            var minutes = value.getMinutes() < 10 ? "0" + value.getMinutes() : "" + value.getMinutes();
+            return this.ParseDate(value, dateFormat) + " " + [hours, minutes].join(":");
+        };
+        return DateUtils;
+    }());
+    DateUtils.BACKEND_DATE_FORMAT = 'YYYY-MM-DD[T]HH:mm:ss';
+    DateUtils.datePipe = new common.DatePipe('shortDate');
+
+    //fixme we don't have a todayDayStamp field but our template references it
+    var CalendarViewComponent = /** @class */ (function () {
+        function CalendarViewComponent(_locale) {
+            this._locale = _locale;
+            this.selectedDateChange = new i0.EventEmitter();
+            this.trackByStamp = function (index, stamp) {
+                return stamp && stamp.timestamp || index;
+            };
+            this.trackByWeek = function (index, week) {
+                return week && week[0].week || index;
+            };
+            this.weekDayLabel = [];
+            this.weeks = [];
+            this._selectedDate = new Date();
+            this._view = CalendarView.WeekView;
+            this.selectedDate.setHours(0, 0, 0, 0);
+            this._setLabels();
+        }
+        Object.defineProperty(CalendarViewComponent.prototype, "view", {
+            get: function () {
+                return this._view;
+            },
+            set: function (value) {
+                this._view = value;
+                this._selectDays();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CalendarViewComponent.prototype, "selectedDate", {
+            get: function () {
+                return this._selectedDate;
+            },
+            set: function (value) {
+                this._selectedDate = value;
+                this._selectedDate.setHours(0, 0, 0, 0);
+                this._prepareWeeks();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CalendarViewComponent.prototype.onDateClick = function (date) {
+            this.selectedDate = new Date(date.timestamp);
+            this.selectedDateChange.emit(this.selectedDate);
+            this._selectDays();
+        };
+        CalendarViewComponent.prototype._setLabels = function () {
+            var datePipe = new common.DatePipe(this._locale);
+            var currentDay = this.selectedDate.getDay();
+            var startWeekDate = new Date(this.selectedDate.getTime());
+            startWeekDate.setDate(startWeekDate.getDate() - currentDay - 1);
+            this.weekDayLabel = new ArrayNumberPipe().transform(7).map(function () {
+                startWeekDate.setDate(startWeekDate.getDate() + 1);
+                return datePipe.transform(startWeekDate, "E");
+            });
+            this.weekDayLabel.push(this.weekDayLabel.shift());
+        };
+        CalendarViewComponent.prototype._prepareWeeks = function () {
+            this.weeks.length = 0;
+            var date = new Date(this.selectedDate.getTime());
+            date.setHours(0, 0, 0, 0);
+            // go to last day of month
+            date.setMonth(date.getMonth() + 1);
+            date.setDate(0);
+            var monthEndDay = date.getDay();
+            var monthEndDate = date.getDate();
+            // days after end of month
+            var daysAfter = !monthEndDay ? 0 : 7 - monthEndDay;
+            // go to first day of month
+            date.setDate(1);
+            var monthBeginDay = date.getDay();
+            // days before start of month
+            var daysBefore = !monthBeginDay ? 6 : monthBeginDay - 1;
+            // go to start of calendar view
+            date.setDate(-daysBefore + 1);
+            // amount of weeks to display
+            var weekCount = Math.ceil((daysBefore + daysAfter + monthEndDate) / 7);
+            var weekStart = DateUtils.GetWeekNumber(date);
+            var weekEnd = weekStart + weekCount - 1;
+            // iterate over week count
+            for (var i = weekStart; i <= weekEnd; i++) {
+                var week = i;
+                // only recalculate week when it's necessary
+                if (weekStart > 50) {
+                    week = DateUtils.GetWeekNumber(date);
+                }
+                var days = [];
+                // iterate over 7 days
+                for (var ii = 1; ii <= 7; ii++) {
+                    // check if we are in the current month
+                    var inMonth = true;
+                    if (i === weekStart) {
+                        inMonth = ii > daysBefore;
+                    }
+                    else if (i === weekEnd) {
+                        inMonth = ii <= 7 - daysAfter;
+                    }
+                    var timestamp = date.getTime();
+                    // add dateStamp to date array
+                    days.push({
+                        week: week,
+                        inMonth: inMonth,
+                        day: date.getDate(),
+                        timestamp: timestamp,
+                        selected: this.selectedDate.getTime() === timestamp
+                    });
+                    // go one day further
+                    date.setDate(date.getDate() + 1);
+                }
+                this.weeks.push(days);
+            }
+            this._selectDays();
+        };
+        CalendarViewComponent.prototype._selectDays = function () {
+            this._resetSelection();
+            if (!this.selectedDate) {
+                return;
+            }
+            var weekNumber = DateUtils.GetWeekNumber(this.selectedDate);
+            var len = this.weeks.length;
+            for (var i = 0; i < len; i++) {
+                var leni = this.weeks[i].length;
+                for (var ii = 0; ii < leni; ii++) {
+                    if (this.weeks[i][ii].inMonth && this.view === CalendarView.MonthView) {
+                        this.weeks[i][ii].selected = true;
+                    }
+                    else if (this.weeks[i][ii].week === weekNumber && this.view === CalendarView.WeekView) {
+                        this.weeks[i][ii].selected = true;
+                    }
+                    else if (this.weeks[i][ii].timestamp === this.selectedDate.getTime() && this.view === CalendarView.WeekSelectView) {
+                        this.weeks[i][ii].selected = true;
+                    }
+                    else if (this.weeks[i][ii].timestamp === this.selectedDate.getTime() && this.view === CalendarView.DayView) {
+                        this.weeks[i][ii].selected = true;
+                    }
+                }
+            }
+        };
+        CalendarViewComponent.prototype._resetSelection = function () {
+            var len = this.weeks.length;
+            for (var i = 0; i < len; i++) {
+                var leni = this.weeks[i].length;
+                for (var ii = 0; ii < leni; ii++) {
+                    this.weeks[i][ii].selected = false;
+                }
+            }
+        };
+        return CalendarViewComponent;
+    }());
+    CalendarViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "calendar-view",
+                    template: "\n        <div class=\"calendar-content\">\n            <div>\n                <div class=\"week-day-header week-row\">\n                    <div class=\"week-acronym\"></div>\n                    <div *ngFor=\"let weekDay of weekDayLabel\" [textContent]=\"weekDay | ucfirst\"\n                         class=\"week-day-label\"></div>\n                </div>\n                <div class=\"week-row\" *ngFor=\"let week of weeks;trackBy:trackByWeek\">\n                    <div [textContent]=\"week[0].week\" class=\"week-number\"></div>\n                    <div *ngFor=\"let date of week;trackBy:trackByStamp\" class=\"week-day\"\n                         (click)=\"onDateClick(date)\" [textContent]=\"date.day\">\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CalendarViewComponent.ctorParameters = function () { return [
+        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+    ]; };
+    CalendarViewComponent.propDecorators = {
+        view: [{ type: i0.Input }],
+        selectedDate: [{ type: i0.Input }],
+        selectedDateChange: [{ type: i0.Output }]
+    };
+
+    var Weekday = /** @class */ (function () {
+        function Weekday() {
+            this.inView = true;
+            this.newMonth = false;
+            this.weekdaySelected = false;
+            this.datesByTheHour = [];
+            this.events = [];
+        }
+        return Weekday;
+    }());
+
+    var Week = /** @class */ (function () {
+        function Week() {
+            this.weekDays = [];
+        }
+        return Week;
+    }());
+
+    var CalendarUtils = /** @class */ (function () {
+        function CalendarUtils(_locale) {
+            this._locale = _locale;
+            CalendarUtils.Locale = _locale;
+        }
+        // public static GetCurrentYear(): number {
+        //     return this.Now.getFullYear();
+        // }
+        //
+        // public static GetCurrentMonth(): number {
+        //     return this.Now.getUTCMonth() + 1;
+        // }
+        CalendarUtils.GetDayHours = function (day) {
+            var datesByTheHour = [];
+            if (day) {
+                var newDate = new Date(day);
+                newDate.setHours(0, 0, 0, 0);
+                datesByTheHour.push(newDate);
+                for (var i = 0; i < 23; i++) {
+                    newDate = new Date(newDate);
+                    newDate.setHours(newDate.getHours() + 1);
+                    datesByTheHour.push(newDate);
+                }
+            }
+            return datesByTheHour;
+        };
+        CalendarUtils.GetDaysOfWeek = function (date) {
+            var day = DateUtils.GetFirstDayOfWeek(date);
+            var daysOfWeek = [];
+            var options;
+            var month;
+            for (var i = 0; i < 7; i++) {
+                var dayPerWeek = new Weekday();
+                var dayHours = CalendarUtils.GetDayHours(day);
+                dayPerWeek.newMonth = day.getMonth() !== month;
+                dayPerWeek.weekdaySelected = day.getDay() === date.getDay();
+                dayPerWeek.weekdayDay = day.getDate();
+                options = { weekday: "short" };
+                dayPerWeek.weekdayShort = day.toLocaleDateString(CalendarUtils.Locale, options);
+                options = { weekday: "long" };
+                dayPerWeek.weekdayLong = day.toLocaleDateString(CalendarUtils.Locale, options);
+                options = { month: "short" };
+                dayPerWeek.weekdayMonthShort = day.toLocaleDateString(CalendarUtils.Locale, options);
+                options = { month: "long" };
+                dayPerWeek.weekdayMonthLong = day.toLocaleDateString(CalendarUtils.Locale, options);
+                dayPerWeek.weekdayYear = day.getFullYear();
+                dayPerWeek.date = new Date(day);
+                dayPerWeek.datesByTheHour = dayHours;
+                daysOfWeek.push(dayPerWeek);
+                month = day.getMonth();
+                day = new Date(day);
+                day.setDate(day.getDate() + 1);
+            }
+            var week = new Week();
+            week.weekDays = daysOfWeek;
+            return week;
+        };
+        return CalendarUtils;
+    }());
+    CalendarUtils.Locale = undefined;
+    CalendarUtils.Now = new Date();
+    CalendarUtils.ctorParameters = function () { return [
+        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+    ]; };
+
+    var AgendaEvent = /** @class */ (function () {
+        function AgendaEvent() {
+            this.checked = false;
+            this.showCheckbox = false;
+            this.draggable = false;
+        }
+        return AgendaEvent;
+    }());
+
+    var AgendaEventPerDay = /** @class */ (function () {
+        function AgendaEventPerDay() {
+            this.events = [];
+        }
+        return AgendaEventPerDay;
+    }());
+
+    var Month = /** @class */ (function () {
+        function Month() {
+            this.weeks = [];
+        }
+        Object.defineProperty(Month.prototype, "firstWeek", {
+            get: function () {
+                if (this.weeks && this.weeks.length > 0) {
+                    return this.weeks[0];
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return Month;
+    }());
+
+    var Day = /** @class */ (function () {
+        function Day() {
+            this.datesByTheHour = [];
+            this.events = [];
+        }
+        return Day;
+    }());
+
+    var NULL_AGENDA_EVENT = new AgendaEvent();
+    var NULL_AGENDA_EVENT_PER_DAY = new AgendaEventPerDay();
+    var NULL_MONTH = new Month();
+    var NULL_WEEK = new Week();
+    var NULL_DAY = new Day();
+
+    var AgendaHeaderComponent = /** @class */ (function () {
+        function AgendaHeaderComponent(_locale, _elementRef, _renderer, _ngZone, iconCacheService) {
+            var _this = this;
+            this._locale = _locale;
+            this._elementRef = _elementRef;
+            this._renderer = _renderer;
+            this._ngZone = _ngZone;
+            this.iconCacheService = iconCacheService;
+            this.icons = Icon;
+            this.viewTypes = CalendarView;
+            this.scrollbarWidth = 15;
+            this.view = CalendarView.WeekSelectView;
+            this.viewChange = new i0.EventEmitter();
+            this.selectedDateChange = new i0.EventEmitter();
+            this.rangeChange = new i0.EventEmitter();
+            this.weekDays = [];
+            this.day = NULL_DAY;
+            this.showBackButton = true;
+            this._eventsPerDay = [];
+            this._onResize = function () { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this._resizeHost();
+                    return [2 /*return*/];
+                });
+            }); };
+        }
+        Object.defineProperty(AgendaHeaderComponent.prototype, "selectedDate", {
+            get: function () {
+                return this._selectedDate;
+            },
+            set: function (value) {
+                this._selectedDate = new Date(value);
+                this._prepareHeaderData();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AgendaHeaderComponent.prototype, "firstAvailableDate", {
+            get: function () {
+                return this._firstAvailableDate;
+            },
+            set: function (value) {
+                if (value) {
+                    this._firstAvailableDate = new Date(value);
+                    this._prepareHeaderData();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AgendaHeaderComponent.prototype, "eventsPerDay", {
+            set: function (value) {
+                this._eventsPerDay = value;
+                this._prepareHeaderData();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AgendaHeaderComponent.prototype.ngOnDestroy = function () {
+            window.removeEventListener("resize", this._onResize);
+            this._elementRef = undefined;
+        };
+        AgendaHeaderComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this._ngZone.runOutsideAngular(function () {
+                window.addEventListener("resize", _this._onResize);
+            });
+        };
+        AgendaHeaderComponent.prototype.ngAfterContentChecked = function () {
+            this._resizeHost();
+        };
+        AgendaHeaderComponent.prototype.subUnit = function () {
+            if (this.selectedDate) {
+                var newDate = new Date(this.selectedDate);
+                switch (this.view) {
+                    case CalendarView.DayView:
+                        newDate.setDate(this.selectedDate.getDate() - 1);
+                        break;
+                    case CalendarView.WeekView:
+                        newDate.setDate(this.selectedDate.getDate() - 7);
+                        break;
+                    case CalendarView.WeekSelectView:
+                        newDate.setDate(this.selectedDate.getDate() - 7);
+                        break;
+                    case CalendarView.MonthView:
+                        newDate.setMonth(this.selectedDate.getMonth() - 1);
+                        break;
+                }
+                this.selectedDate = newDate;
+                this.rangeChange.emit(this.selectedDate);
+            }
+        };
+        AgendaHeaderComponent.prototype.addUnit = function () {
+            if (this.selectedDate) {
+                var newDate = new Date(this.selectedDate);
+                switch (this.view) {
+                    case CalendarView.DayView:
+                        newDate.setDate(this.selectedDate.getDate() + 1);
+                        break;
+                    case CalendarView.WeekView:
+                        newDate.setDate(this.selectedDate.getDate() + 7);
+                        break;
+                    case CalendarView.WeekSelectView:
+                        newDate.setDate(this.selectedDate.getDate() + 7);
+                        break;
+                    case CalendarView.MonthView:
+                        newDate.setMonth(this.selectedDate.getMonth() + 1);
+                        break;
+                }
+                this.selectedDate = newDate;
+                this.rangeChange.emit(this.selectedDate);
+            }
+        };
+        AgendaHeaderComponent.prototype.setUnit = function (weekDay) {
+            this.selectedDate = weekDay.date;
+            this.selectedDateChange.emit(this.selectedDate);
+        };
+        AgendaHeaderComponent.prototype.changeTheView = function (view) {
+            this.view = view;
+            this.viewChange.emit(view);
+            this._prepareHeaderData();
+        };
+        /**
+         * Need to resize the host component to size it's fixed positioned child through css
+         */
+        AgendaHeaderComponent.prototype._resizeHost = function () {
+            if (this._elementRef) {
+                this._renderer.setStyle(this._elementRef.nativeElement, "width", this._elementRef.nativeElement.parentElement.clientWidth - this.scrollbarWidth + "px");
+            }
+        };
+        AgendaHeaderComponent.prototype._prepareHeaderData = function () {
+            var _this = this;
+            if (this.selectedDate) {
+                switch (this.view) {
+                    case CalendarView.DayView:
+                        var day = new Day();
+                        day.date = new Date(this.selectedDate);
+                        var options = { year: "numeric", month: "long", day: "numeric" };
+                        day.description = this.selectedDate.toLocaleDateString(this._locale, options);
+                        this.day = day;
+                        break;
+                    case CalendarView.WeekView:
+                        var weekView = CalendarUtils.GetDaysOfWeek(this.selectedDate);
+                        this.weekDays = weekView.weekDays;
+                        if (this.firstAvailableDate) {
+                            this.showBackButton = this.weekDays.find(function (wd) { return DateUtils.DatesEqual(_this.firstAvailableDate, wd.date); }) === undefined;
+                        }
+                        break;
+                    case CalendarView.WeekSelectView:
+                        var weekSelectView = CalendarUtils.GetDaysOfWeek(this.selectedDate);
+                        this.weekDays = weekSelectView.weekDays;
+                        this.weekDays.forEach(function (wd) {
+                            var evPerDay = _this._eventsPerDay && _this._eventsPerDay.length > 0 ? _this._eventsPerDay.find(function (e) { return DateUtils.DatesEqual(e.date, wd.date); }) : null;
+                            if (evPerDay) {
+                                wd.events = evPerDay.events;
+                            }
+                            else {
+                                wd.weekdaySelected = false;
+                            }
+                        });
+                        if (this.firstAvailableDate) {
+                            this.showBackButton = this.weekDays.find(function (wd) { return DateUtils.DatesEqual(_this.firstAvailableDate, wd.date); }) === undefined;
+                        }
+                        break;
+                    case CalendarView.MonthView:
+                        var weekOfMonth = CalendarUtils.GetDaysOfWeek(this.selectedDate);
+                        this.weekDays = weekOfMonth.weekDays;
+                        if (this.firstAvailableDate) {
+                            this.showBackButton = this.weekDays.find(function (wd) { return DateUtils.DatesEqual(_this.firstAvailableDate, wd.date); }) === undefined;
+                        }
+                        break;
+                }
+            }
+        };
+        return AgendaHeaderComponent;
+    }());
+    AgendaHeaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-header",
+                    template: "\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.DayView\">\n            <div class=\"hour-label-placeholder\">\n                <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n            </div>\n            <div class=\"week-day-label\">\n                <co-icon class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"day-description\" [textContent]=\"day.description\"></div>\n                <co-icon class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekView\">\n            <div class=\"hour-label-placeholder\">\n                <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n            </div>\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\" [class.selected]=\"weekDay.weekdaySelected\" (click)=\"setUnit(weekDay)\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div *ngIf=\"weekDay.newMonth\" [textContent]=\"weekDay.weekdayMonthLong + ' ' + weekDay.weekdayYear\" class=\"month-description\"></div>\n                <div class=\"weekday-value\" [textContent]=\"weekDay.weekdayDay\"></div>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekSelectView\">\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\"\n                 [class.selected]=\"weekDay.weekdaySelected\"\n                 [class.selectable]=\"weekDay.events && weekDay.events.length > 0\"\n                 (click)=\"setUnit(weekDay)\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <div class=\"weekday-value\" [textContent]=\"weekDay.weekdayDay + ' ' + weekDay.weekdayMonthShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.MonthView\">\n                <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaHeaderComponent.ctorParameters = function () { return [
+        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
+        { type: i0.NgZone },
+        { type: IconCacheService }
+    ]; };
+    AgendaHeaderComponent.propDecorators = {
+        selectedDate: [{ type: i0.Input }],
+        view: [{ type: i0.Input }],
+        firstAvailableDate: [{ type: i0.Input }],
+        eventsPerDay: [{ type: i0.Input }],
+        viewChange: [{ type: i0.Output }],
+        selectedDateChange: [{ type: i0.Output }],
+        rangeChange: [{ type: i0.Output }]
+    };
+
+    var AgendaViewComponent = /** @class */ (function () {
+        function AgendaViewComponent() {
+            this.view = CalendarView.WeekView;
+            this.eventsPerDay = [];
+            this.eventChecked = new i0.EventEmitter();
+            this.viewTypes = CalendarView;
+        }
+        return AgendaViewComponent;
+    }());
+    AgendaViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-view",
+                    template: "\n        <div class=\"view-wrapper mini-scrollbar\" [ngSwitch]=\"view\">\n            <agenda-day-view *ngSwitchCase=\"viewTypes.DayView\"\n                [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-day-view>\n            <agenda-week-view *ngSwitchCase=\"viewTypes.WeekView\"\n                [view]=\"view\" [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-week-view>\n            <agenda-week-select-view *ngSwitchCase=\"viewTypes.WeekSelectView\"\n                [view]=\"view\" [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-week-select-view>\n            <agenda-month-view *ngSwitchCase=\"viewTypes.MonthView\"\n                [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-month-view>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaViewComponent.propDecorators = {
+        view: [{ type: i0.Input }],
+        selectedDate: [{ type: i0.Input }],
+        eventsPerDay: [{ type: i0.Input }],
+        eventChecked: [{ type: i0.Output }]
+    };
+
+    var AgendaBaseViewComponent = /** @class */ (function () {
+        function AgendaBaseViewComponent(locale, iconCacheService) {
+            this.locale = locale;
+            this.iconCacheService = iconCacheService;
+            this.eventChecked = new i0.EventEmitter();
+            this._eventsPerDay = [];
+        }
+        Object.defineProperty(AgendaBaseViewComponent.prototype, "selectedDate", {
+            get: function () {
+                return this._selectedDate;
+            },
+            set: function (value) {
+                this._selectedDate = value;
+                this._dateIsSet();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AgendaBaseViewComponent.prototype, "eventsPerDay", {
+            set: function (value) {
+                this._eventsPerDay = value;
+                this._eventsAreSet();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AgendaBaseViewComponent.prototype, "eventsPerDate", {
+            get: function () {
+                return this._eventsPerDay;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        //overridable by descendents
+        AgendaBaseViewComponent.prototype.prepareViewData = function () {
+        };
+        AgendaBaseViewComponent.prototype.getEventsFromDate = function (date) {
+            var events = [];
+            if (this.eventsPerDate) {
+                var len = this.eventsPerDate.length;
+                for (var i = 0; i < len; i++) {
+                    if (DateUtils.DatesEqual(date, this.eventsPerDate[i].date)) {
+                        events = this.eventsPerDate[i].events;
+                        break;
+                    }
+                }
+            }
+            return events;
+        };
+        AgendaBaseViewComponent.prototype._dateIsSet = function () {
+            this.prepareViewData();
+        };
+        AgendaBaseViewComponent.prototype._eventsAreSet = function () {
+            this.prepareViewData();
+        };
+        return AgendaBaseViewComponent;
+    }());
+    AgendaBaseViewComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    AgendaBaseViewComponent.ctorParameters = function () { return [
+        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: IconCacheService }
+    ]; };
+    AgendaBaseViewComponent.propDecorators = {
+        selectedDate: [{ type: i0.Input }],
+        eventsPerDay: [{ type: i0.Input }],
+        eventChecked: [{ type: i0.Output }]
+    };
+
+    var AgendaMonthViewComponent = /** @class */ (function (_super) {
+        __extends(AgendaMonthViewComponent, _super);
+        function AgendaMonthViewComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.month = NULL_MONTH;
+            _this.firstWeekDays = [];
+            _this.weeks = [];
+            return _this;
+        }
+        AgendaMonthViewComponent.prototype.prepareViewData = function () {
+            var month = new Month();
+            if (this.selectedDate) {
+                var day = DateUtils.GetFirstDayOfMonth(this.selectedDate);
+                var endOfMonth = DateUtils.GetLastDayOfMonth(this.selectedDate);
+                var oneMoreIteration = false;
+                var continueLoop = true;
+                while (continueLoop) {
+                    if (oneMoreIteration) {
+                        continueLoop = false;
+                    }
+                    var week = CalendarUtils.GetDaysOfWeek(day);
+                    var len = week.weekDays.length;
+                    for (var i = 0; i < len; i++) {
+                        week.weekDays[i].events = this.getEventsFromDate(week.weekDays[i].date);
+                        week.weekDays[i].inView = week.weekDays[i].date.getMonth() === this.selectedDate.getMonth();
+                    }
+                    month.weeks.push(week);
+                    day.setDate(day.getDate() + 7);
+                    if (day.getTime() >= endOfMonth.getTime()) {
+                        oneMoreIteration = true;
+                    }
+                }
+                this.month = month;
+                this.firstWeekDays = this.month.firstWeek.weekDays;
+                this.weeks = month.weeks;
+            }
+        };
+        return AgendaMonthViewComponent;
+    }(AgendaBaseViewComponent));
+    AgendaMonthViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-month-view",
+                    template: "\n        <div class=\"view-wrapper\">\n            <div class=\"hour-view-labels-wrapper\"></div>\n            <div class=\"weeks\">\n                <div class=\"week\" *ngFor=\"let week of weeks\" fxLayout=\"row\">\n                    <div class=\"week-day\" *ngFor=\"let weekDay of week.weekDays\" [class.not-in-month]=\"!weekDay.inView\">\n                        <div class=\"day\" [textContent]=\"weekDay.weekdayDay\"></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+
+    var AgendaDayViewComponent = /** @class */ (function (_super) {
+        __extends(AgendaDayViewComponent, _super);
+        function AgendaDayViewComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.events = [];
+            return _this;
+        }
+        AgendaDayViewComponent.prototype.prepareViewData = function () {
+            if (this.eventsPerDate && this.eventsPerDate.length > 0) {
+                this.events = this.eventsPerDate[0].events;
+            }
+        };
+        return AgendaDayViewComponent;
+    }(AgendaBaseViewComponent));
+    AgendaDayViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-day-view",
+                    template: "\n        <div class=\"view-wrapper\">\n            <agenda-hour-view-labels [date]=\"selectedDate\"></agenda-hour-view-labels>\n            <agenda-hour-view [date]=\"selectedDate\">\n                <agenda-events\n                        [halfHourHeight]=\"40\"\n                        [events]=\"events\"\n                        (eventChecked)=\"eventChecked.emit($event)\"\n                ></agenda-events>\n            </agenda-hour-view>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+
+    var AgendaWeekViewComponent = /** @class */ (function (_super) {
+        __extends(AgendaWeekViewComponent, _super); /*implements OnInit, OnDestroy*/
+        function AgendaWeekViewComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.view = CalendarView.WeekView;
+            _this.week = NULL_WEEK;
+            return _this;
+        }
+        AgendaWeekViewComponent.prototype.prepareViewData = function () {
+            if (this.selectedDate) {
+                // get the events
+                var week = CalendarUtils.GetDaysOfWeek(this.selectedDate);
+                var len = week.weekDays.length;
+                for (var i = 0; i < len; i++) {
+                    week.weekDays[i].events = this.getEventsFromDate(week.weekDays[i].date);
+                }
+                this.week = week;
+            }
+        };
+        return AgendaWeekViewComponent;
+    }(AgendaBaseViewComponent /*implements OnInit, OnDestroy*/));
+    AgendaWeekViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-week-view",
+                    template: "\n        <div class=\"view-wrapper\">\n            <agenda-hour-view-labels [date]=\"selectedDate\"></agenda-hour-view-labels>\n            <div class=\"week-day\" *ngFor=\"let weekDay of week.weekDays\">\n                <agenda-hour-view [date]=\"weekDay.date\">\n                    <agenda-events\n                        [halfHourHeight]=\"40\"\n                        [events]=\"weekDay.events\"\n                        (eventChecked)=\"eventChecked.emit($event)\"\n                        [view]=\"view\"\n                ></agenda-events>\n                </agenda-hour-view>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaWeekViewComponent.propDecorators = {
+        view: [{ type: i0.Input }]
+    };
+
+    var AgendaWeekSelectViewComponent = /** @class */ (function (_super) {
+        __extends(AgendaWeekSelectViewComponent, _super);
+        function AgendaWeekSelectViewComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.view = CalendarView.WeekSelectView;
+            _this.week = NULL_WEEK;
+            _this.icons = Icon;
+            return _this;
+        }
+        AgendaWeekSelectViewComponent.prototype.prepareViewData = function () {
+            if (this.selectedDate) {
+                // get the events
+                var week = CalendarUtils.GetDaysOfWeek(this.selectedDate);
+                var len = week.weekDays.length;
+                for (var i = 0; i < len; i++) {
+                    week.weekDays[i].events = this.getEventsFromDate(week.weekDays[i].date);
+                }
+                this.week = week;
+            }
+        };
+        return AgendaWeekSelectViewComponent;
+    }(AgendaBaseViewComponent));
+    AgendaWeekSelectViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-week-select-view",
+                    template: "\n        <div class=\"view-wrapper week-select-view\">\n            <div class=\"week-day\" *ngFor=\"let weekDay of week.weekDays\">\n                <div class=\"week-select-container\" *ngIf=\"weekDay.weekdaySelected\">\n                    <div class=\"week-select-left\">\n                        <h3 [textContent]=\"'AGENDA_CHOOSE_DELIVERY_PERIOD'\"></h3>\n                        <div class=\"week-select-list mini-scrollbar\">\n                            <agenda-events\n                                    [halfHourHeight]=\"40\"\n                                    [events]=\"weekDay.events\"\n                                    (eventChecked)=\"eventChecked.emit($event)\"\n                                    [view]=\"view\"\n                            ></agenda-events>\n                            <div class=\"no-events-banner\" *ngIf=\"weekDay.events.length === 0\">\n                                <p [textContent]=\"'AGENDA_NO_PERIODS_AVAILABLE'\"></p>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"week-select-right\">\n                        <h3 [textContent]=\"'AGENDA_FOR_EVERY_PERIOD'\"></h3>\n                        <ul>\n                            <li><co-icon [iconData]=\"iconCacheService.getIcon(icons.CheckRound)\" class=\"small action-color moment-icon\"></co-icon><span [textContent]=\"'AGENDA_FOR_EVERY_PERIOD_REASON1'\"></span></li>\n                            <li><co-icon [iconData]=\"iconCacheService.getIcon(icons.CheckRound)\" class=\"small action-color moment-icon\"></co-icon><span [textContent]=\"'AGENDA_FOR_EVERY_PERIOD_REASON2'\"></span></li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaWeekSelectViewComponent.propDecorators = {
+        view: [{ type: i0.Input }]
+    };
+
+    var AgendaHourViewComponent = /** @class */ (function () {
+        function AgendaHourViewComponent() {
+            this.datesByTheHour = [];
+            this._date = new Date();
+        }
+        Object.defineProperty(AgendaHourViewComponent.prototype, "date", {
+            get: function () {
+                return this._date;
+            },
+            set: function (value) {
+                this._date = new Date(value);
+                this._prepareViewData();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // fixme remove ctrl + c, ctrl + v code duplication with AgendaHourViewLabelsComponent._prepareViewData()
+        AgendaHourViewComponent.prototype._prepareViewData = function () {
+            this.datesByTheHour.length = 0;
+            if (this.date) {
+                var newDate = new Date(this.date);
+                newDate.setHours(0, 0, 0, 0);
+                this.datesByTheHour.push(newDate);
+                for (var i = 0; i < 23; i++) {
+                    newDate = new Date(newDate);
+                    newDate.setHours(newDate.getHours() + 1);
+                    this.datesByTheHour.push(newDate);
+                }
+            }
+        };
+        return AgendaHourViewComponent;
+    }());
+    AgendaHourViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-hour-view",
+                    template: "\n        <div class=\"row-per-hour\" *ngFor=\"let dateByTheHour of datesByTheHour\">\n            <div fxLayout=\"row\">\n                <agenda-hour-cell [date]=\"dateByTheHour\"></agenda-hour-cell>\n            </div>\n        </div>\n        <ng-content></ng-content>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaHourViewComponent.propDecorators = {
+        date: [{ type: i0.Input }]
+    };
+
+    var AgendaHourCellComponent = /** @class */ (function () {
+        function AgendaHourCellComponent() {
+            this.onlyLabels = false;
+            this.noLabels = false;
+        }
+        Object.defineProperty(AgendaHourCellComponent.prototype, "date", {
+            get: function () {
+                return this._date;
+            },
+            set: function (value) {
+                this._date = value;
+                this._setNextHalfHour();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AgendaHourCellComponent.prototype._setNextHalfHour = function () {
+            this.datePlushalfHour = new Date(this._date);
+            this.datePlushalfHour.setMinutes(this.datePlushalfHour.getMinutes() + 30);
+        };
+        return AgendaHourCellComponent;
+    }());
+    AgendaHourCellComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-hour-cell",
+                    template: "\n        <div class=\"row-per-half-hour\">\n            <agenda-half-hour-cell [date]=\"date\" [showLabel]=\"onlyLabels && !noLabels\"></agenda-half-hour-cell>\n            <agenda-half-hour-cell [date]=\"datePlushalfHour\"></agenda-half-hour-cell>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaHourCellComponent.propDecorators = {
+        onlyLabels: [{ type: i0.Input }],
+        noLabels: [{ type: i0.Input }],
+        date: [{ type: i0.Input }]
+    };
+
+    var AgendaHourViewLabelsComponent = /** @class */ (function () {
+        function AgendaHourViewLabelsComponent() {
+            this.noLabels = false;
+            this.datesByTheHour = [];
+            this._date = new Date();
+        }
+        Object.defineProperty(AgendaHourViewLabelsComponent.prototype, "date", {
+            get: function () {
+                return this._date;
+            },
+            set: function (value) {
+                this._date = new Date(value);
+                this._date.setDate(1);
+                this._date.setMonth(1);
+                this._date.setFullYear(1);
+                this._prepareViewData();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // fixme remove ctrl + c, ctrl + v code duplication with AgendaHourViewComponent._prepareViewData()
+        AgendaHourViewLabelsComponent.prototype._prepareViewData = function () {
+            this.datesByTheHour.length = 0;
+            if (this.date) {
+                var newDate = new Date(this.date);
+                newDate.setHours(0, 0, 0, 0);
+                this.datesByTheHour.push(newDate);
+                for (var i = 0; i < 23; i++) {
+                    newDate = new Date(newDate);
+                    newDate.setHours(newDate.getHours() + 1);
+                    this.datesByTheHour.push(newDate);
+                }
+            }
+        };
+        return AgendaHourViewLabelsComponent;
+    }());
+    AgendaHourViewLabelsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-hour-view-labels",
+                    template: "\n        <div class=\"row-per-hour\" *ngFor=\"let dateByTheHour of datesByTheHour\">\n            <div>\n                <agenda-hour-cell [date]=\"dateByTheHour\" onlyLabels [noLabels]=\"noLabels\"></agenda-hour-cell>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaHourViewLabelsComponent.propDecorators = {
+        date: [{ type: i0.Input }],
+        noLabels: [{ type: i0.Input }]
+    };
+
+    var AgendaHalfHourCellComponent = /** @class */ (function () {
+        function AgendaHalfHourCellComponent(_renderer) {
+            this._renderer = _renderer;
+            this.showLabel = false;
+            this.showCurrentTime = false;
+            this.currentTimeTop = 0;
+        }
+        Object.defineProperty(AgendaHalfHourCellComponent.prototype, "date", {
+            get: function () {
+                return this._date;
+            },
+            set: function (value) {
+                this._date = value;
+                this._checkDate();
+                this._checkWorkingDayStart();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AgendaHalfHourCellComponent.prototype.ngOnDestroy = function () {
+            this.currentTimeElement = undefined;
+        };
+        AgendaHalfHourCellComponent.prototype._checkDate = function () {
+            var checkDate = new Date();
+            var minutesFrom = this.date.getMinutes();
+            var minutesTo = minutesFrom + 30;
+            if (DateUtils.DatesEqual(this.date, checkDate)) {
+                if (checkDate.getHours() === this.date.getHours() && (checkDate.getMinutes() > minutesFrom && checkDate.getMinutes() < minutesTo)) {
+                    this.currentTimeTop = (Math.max(checkDate.getMinutes(), .01) / 60) * 100;
+                    this._positionCurrentTime();
+                    this.showCurrentTime = true;
+                }
+            }
+        };
+        AgendaHalfHourCellComponent.prototype._checkWorkingDayStart = function () {
+            this.id = (this._date.getHours() === 8 && this._date.getMinutes() === 30) ? "dayStart" : "";
+        };
+        AgendaHalfHourCellComponent.prototype._positionCurrentTime = function () {
+            if (this.currentTimeElement) {
+                this._renderer.setStyle(this.currentTimeElement.nativeElement, "top", this.currentTimeTop + "%");
+                this.currentTimeElement.nativeElement.scrollIntoView();
+            }
+        };
+        return AgendaHalfHourCellComponent;
+    }());
+    AgendaHalfHourCellComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-half-hour-cell",
+                    template: "\n        <div id=\"{{id}}\" class=\"cell-wrapper\">\n            <div *ngIf=\"showLabel\" [class.show]=\"showLabel\" class=\"half-hour-label\">\n                <div [textContent]=\"date | date:'HH:mm'\"></div>\n            </div>\n            <div *ngIf=\"showCurrentTime\" id=\"currentTime\" class=\"current-time\" #currentTime></div>\n            <div class=\"content-wrapper\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaHalfHourCellComponent.ctorParameters = function () { return [
+        { type: i0.Renderer2 }
+    ]; };
+    AgendaHalfHourCellComponent.propDecorators = {
+        currentTimeElement: [{ type: i0.ViewChild, args: ["currentTime",] }],
+        date: [{ type: i0.Input }],
+        showLabel: [{ type: i0.Input }]
+    };
+
+    var AgendaEventsComponent = /** @class */ (function () {
+        function AgendaEventsComponent() {
+            this.viewTypes = CalendarView;
+            this.view = CalendarView.WeekView;
+            this.type = "";
+            this.events = [];
+            this.eventChecked = new i0.EventEmitter();
+        }
+        return AgendaEventsComponent;
+    }());
+    AgendaEventsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-events",
+                    template: "\n        <ng-container *ngIf=\"view !== viewTypes.WeekSelectView\">\n            <agenda-event\n                    *ngFor=\"let event of events\"\n                    [halfHourHeight]=\"halfHourHeight\"\n                    [event]=\"event\"\n                    (eventChecked)=\"eventChecked.emit($event)\"\n            ></agenda-event>\n        </ng-container>\n        <ng-container *ngIf=\"view === viewTypes.WeekSelectView\">\n            <agenda-select-event\n                    *ngFor=\"let event of events\"\n                    [event]=\"event\"\n                    (eventChecked)=\"eventChecked.emit($event)\"\n            ></agenda-select-event>\n        </ng-container>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaEventsComponent.ctorParameters = function () { return []; };
+    AgendaEventsComponent.propDecorators = {
+        view: [{ type: i0.Input }],
+        type: [{ type: i0.Input }],
+        events: [{ type: i0.Input }],
+        halfHourHeight: [{ type: i0.Input }],
+        eventChecked: [{ type: i0.Output }]
+    };
+
+    var AgendaEventComponent = /** @class */ (function () {
+        function AgendaEventComponent(_elementRef, _renderer, iconCacheService) {
+            this._elementRef = _elementRef;
+            this._renderer = _renderer;
+            this.iconCacheService = iconCacheService;
+            this.icons = Icon;
+            this.event = NULL_AGENDA_EVENT;
+            this.eventChecked = new i0.EventEmitter();
+        }
+        AgendaEventComponent.prototype.ngOnDestroy = function () {
+            this._elementRef = undefined;
+        };
+        AgendaEventComponent.prototype.ngOnInit = function () {
+            var hourTo = this.event.from.getHours();
+            var minutesTo = this.event.from.getMinutes();
+            var multiply = hourTo + (minutesTo / 60);
+            var top = multiply * (this.halfHourHeight * 2);
+            this._renderer.setStyle(this._elementRef.nativeElement, "top", top + "px");
+            var hours = Math.abs(this.event.to.getTime() - this.event.from.getTime()) / 3600000;
+            var height = hours * (this.halfHourHeight * 2) - 1;
+            this._renderer.setStyle(this._elementRef.nativeElement, "height", height + "px");
+        };
+        AgendaEventComponent.prototype.checkEvent = function (event) {
+            this.event.checked = !this.event.checked;
+            this.eventChecked.emit(this.event);
+        };
+        return AgendaEventComponent;
+    }());
+    AgendaEventComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-event",
+                    template: "\n        <div class=\"agenda-event-wrapper\" [class.checkable]=\"event.showCheckbox\" [class.selected]=\"event.checked\" (click)=\"checkEvent($event)\">\n            <div [textContent]=\"event.fromToRepresentation\" class=\"event-description\"></div>\n            <co-icon *ngIf=\"event.showCheckbox\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" [class.checked]=\"event.checked\"></co-icon>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AgendaEventComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
+        { type: IconCacheService }
+    ]; };
+    AgendaEventComponent.propDecorators = {
+        event: [{ type: i0.Input }],
+        halfHourHeight: [{ type: i0.Input }],
+        eventChecked: [{ type: i0.Output }]
+    };
+
+    // Pipe capable of transforming the first character of a string-value to upper case.
+    var UCfirstPipe = /** @class */ (function () {
+        function UCfirstPipe() {
+        }
+        UCfirstPipe.prototype.transform = function (value) {
+            if (typeof value === "string") {
+                return value.charAt(0).toUpperCase() + value.slice(1);
+            }
+            return value;
+        };
+        return UCfirstPipe;
+    }());
+    UCfirstPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: "ucfirst"
+                },] }
+    ];
+
+    var MASTER_PIPES = [
+        ArrayNumberPipe,
+        UCfirstPipe
+    ];
+
+    // <b>Enum</b> Represents the different states of the three way thumb.
+    var ThumbThreeWayState;
+    (function (ThumbThreeWayState) {
+        ThumbThreeWayState[ThumbThreeWayState["Left"] = 0] = "Left";
+        ThumbThreeWayState[ThumbThreeWayState["Middle"] = 1] = "Middle";
+        ThumbThreeWayState[ThumbThreeWayState["Right"] = 2] = "Right";
+    })(ThumbThreeWayState || (ThumbThreeWayState = {}));
+    function NextStateOfThumbThreeWay(state) {
+        switch (state) {
+            case ThumbThreeWayState.Left:
+                return ThumbThreeWayState.Middle;
+            case ThumbThreeWayState.Middle:
+                return ThumbThreeWayState.Right;
+            case ThumbThreeWayState.Right:
+            default:
+                return ThumbThreeWayState.Left;
+        }
+    }
+
+    // Static utility functions holder related to Maps.
+    var MapUtils = /** @class */ (function () {
+        function MapUtils() {
+        }
+        /**
+         * Returns the first key from given map, for which the value filter holds true. Basically a reverse Map.get(key) function.
+         * @param map
+         * @param valueFilter For the first value that returns true for this filter functions, its key will be returned.
+         */
+        MapUtils.FindKeyByValue = function (map, valueFilter) {
+            var _this = this;
+            if (!map || !valueFilter) {
+                return undefined;
+            }
+            var foundKey = undefined;
+            var keyWasFound = false;
+            map.forEach(function (value, key) {
+                if (!keyWasFound && valueFilter.call(_this, value)) {
+                    foundKey = key;
+                    keyWasFound = true;
+                }
+            });
+            return foundKey;
+        };
+        /**
+         * Inserts given arrayEntry into given map, under given mapKey. What's special here, is that a NEW map entry is created with an array
+         * containing the single [arrayEntry] item, if no entry yet existed.
+         * @param map
+         * @param mapKey
+         * @param arrayEntry
+         */
+        MapUtils.InsertArrayItemIntoMap = function (map, mapKey, arrayEntry) {
+            if (!map) {
+                return;
+            }
+            if (!map.has(mapKey)) {
+                map.set(mapKey, [arrayEntry]);
+            }
+            else {
+                map.get(mapKey).push(arrayEntry);
+            }
+        };
+        return MapUtils;
+    }());
+
+    var ViewSelectComponent = /** @class */ (function () {
+        function ViewSelectComponent() {
+            this._viewsToThumb = new Map([
+                [CalendarView.DayView, ThumbThreeWayState.Left],
+                [CalendarView.WeekView, ThumbThreeWayState.Middle],
+                [CalendarView.MonthView, ThumbThreeWayState.Right]
+            ]);
+            this.selectedView = CalendarView.WeekView;
+            this.selectedViewChange = new i0.EventEmitter();
+        }
+        Object.defineProperty(ViewSelectComponent.prototype, "modelAsThumbState", {
+            get: function () {
+                return this._viewsToThumb.get(this.selectedView);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ViewSelectComponent.prototype.onThumbStateChange = function (thumbState) {
+            this.selectedView = MapUtils.FindKeyByValue(this._viewsToThumb, function (value) {
+                return (value === thumbState);
+            });
+            this.selectedViewChange.emit(this.selectedView);
+        };
+        return ViewSelectComponent;
+    }());
+    ViewSelectComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "view-select",
+                    template: "\n        <div class=\"select-wrapper\">\n            <div [textContent]=\"'DAY'\" class=\"label\"></div>\n            <div [textContent]=\"'MONTH'\" class=\"label\"></div>\n        </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    ViewSelectComponent.ctorParameters = function () { return []; };
+    ViewSelectComponent.propDecorators = {
+        selectedView: [{ type: i0.Input }],
+        selectedViewChange: [{ type: i0.Output }]
+    };
+
+    var AgendaSelectEventComponent = /** @class */ (function () {
+        function AgendaSelectEventComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = Icon;
+            this.event = NULL_AGENDA_EVENT;
+            this.eventChecked = new i0.EventEmitter();
+        }
+        AgendaSelectEventComponent.prototype.checkEvent = function (event) {
+            this.event.checked = !this.event.checked;
+            this.eventChecked.emit(this.event);
+        };
+        return AgendaSelectEventComponent;
+    }());
+    AgendaSelectEventComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "agenda-select-event",
+                    template: "\n        <div class=\"week-select-item\" (click)=\"checkEvent($event)\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" class=\"select-icon action-color\" *ngIf=\"!event.checked\"></co-icon>\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" class=\"select-icon action-color\" *ngIf=\"event.checked\"></co-icon>\n            <div class=\"moment-name\">\n                <small>{{ event.date | date: 'EEEE d MMMM' | uppercase }}</small>\n                <h2>{{ event.description }}</h2>\n            </div>\n        </div>\n    "
+                },] }
+    ];
+    AgendaSelectEventComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    AgendaSelectEventComponent.propDecorators = {
+        event: [{ type: i0.Input }],
+        eventChecked: [{ type: i0.Output }]
+    };
+
+    var DatePlanningModule = /** @class */ (function () {
+        function DatePlanningModule() {
+        }
+        return DatePlanningModule;
+    }());
+    DatePlanningModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputDatePickerModule,
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.ButtonModule,
+                    ],
+                    declarations: [
+                        DatePlanningComponent,
+                        CalendarAllYearsComponent,
+                        CalendarAllMonthsComponent,
+                        CalendarHeaderComponent,
+                        CalendarComponent,
+                        CalendarViewComponent,
+                        AgendaHeaderComponent,
+                        AgendaViewComponent,
+                        AgendaMonthViewComponent,
+                        AgendaDayViewComponent,
+                        AgendaWeekViewComponent,
+                        AgendaWeekSelectViewComponent,
+                        AgendaHourViewComponent,
+                        AgendaHourCellComponent,
+                        AgendaHourViewLabelsComponent,
+                        AgendaHalfHourCellComponent,
+                        AgendaEventsComponent,
+                        AgendaEventComponent,
+                        ViewSelectComponent,
+                        AgendaSelectEventComponent,
+                        MASTER_PIPES
+                    ],
+                    exports: [
+                        DatePlanningComponent
+                    ]
+                },] }
+    ];
+
     var SharedService = /** @class */ (function () {
         function SharedService(options, connector) {
             this.options = options;
@@ -3674,6 +6287,8 @@
     exports.CoCircularGaugeModule = CoCircularGaugeModule;
     exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
     exports.CoLinearGaugeModule = CoLinearGaugeModule;
+    exports.DatePlanningComponent = DatePlanningComponent;
+    exports.DatePlanningModule = DatePlanningModule;
     exports.DocsignComponent = DocsignComponent;
     exports.DocsignModule = DocsignModule;
     exports.KeyPadComponent = KeyPadComponent;
@@ -3689,6 +6304,16 @@
     exports.StockModule = StockModule;
     exports["ɵa"] = SignatureComponent;
     exports["ɵb"] = SignaturesComponent;
+    exports["ɵba"] = AgendaHourCellComponent;
+    exports["ɵbb"] = AgendaHourViewLabelsComponent;
+    exports["ɵbc"] = AgendaHalfHourCellComponent;
+    exports["ɵbd"] = AgendaEventsComponent;
+    exports["ɵbe"] = AgendaEventComponent;
+    exports["ɵbf"] = ViewSelectComponent;
+    exports["ɵbg"] = AgendaSelectEventComponent;
+    exports["ɵbh"] = MASTER_PIPES;
+    exports["ɵbi"] = ArrayNumberPipe;
+    exports["ɵbj"] = UCfirstPipe;
     exports["ɵc"] = StockService;
     exports["ɵd"] = SharedConnectorService;
     exports["ɵe"] = OptionsService;
@@ -3699,6 +6324,19 @@
     exports["ɵj"] = StockLocationComponent;
     exports["ɵk"] = StockTransferComponent;
     exports["ɵl"] = StockChangeAmountComponent;
+    exports["ɵm"] = CalendarAllYearsComponent;
+    exports["ɵn"] = CalendarAllMonthsComponent;
+    exports["ɵo"] = CalendarHeaderComponent;
+    exports["ɵp"] = CalendarComponent;
+    exports["ɵq"] = CalendarViewComponent;
+    exports["ɵs"] = AgendaHeaderComponent;
+    exports["ɵt"] = AgendaViewComponent;
+    exports["ɵu"] = AgendaMonthViewComponent;
+    exports["ɵv"] = AgendaBaseViewComponent;
+    exports["ɵw"] = AgendaDayViewComponent;
+    exports["ɵx"] = AgendaWeekViewComponent;
+    exports["ɵy"] = AgendaWeekSelectViewComponent;
+    exports["ɵz"] = AgendaHourViewComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });