@colijnit/corecomponents_v12 12.2.9 → 12.2.11

package/esm2015/lib/core/enum/filterItem-mode.enum.js

@@ -15,6 +15,9 @@ export var FilterItemMode;
     //This mode makes the Filter display a min and max field. This should eventually be a slider.
     // input is passed along as "min - max"
     FilterItemMode["Slider"] = "slider";
+    //This mode makes the Filter display a min and max field. This should eventually be a slider.
+    // input is passed along as "min - max" This version can be emptied.
+    FilterItemMode["NullableSlider"] = "nullableSlider";
     //This mode makes the Filter display a simple textfield.
     // The value typed into the field will be passed along directly as a string.
     FilterItemMode["TextField"] = "textField";
@@ -37,4 +40,4 @@ export var FilterItemMode;
     // It's value will be passed along as either a 1 or and 0.
     FilterItemMode["CheckboxToBinary"] = "checkboxToBinary";
 })(FilterItemMode || (FilterItemMode = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVySXRlbS1tb2RlLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvcmUvZW51bS9maWx0ZXJJdGVtLW1vZGUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxjQW9EWDtBQXBERCxXQUFZLGNBQWM7SUFFeEIsd0RBQXdEO0lBQ3hELDJHQUEyRztJQUMzRywyQ0FBeUIsQ0FBQTtJQUV6Qix5REFBeUQ7SUFDekQsMERBQTBEO0lBQzFELHVEQUFxQyxDQUFBO0lBRXJDLHdEQUF3RDtJQUN4RCwwREFBMEQ7SUFDMUQsK0ZBQTZFLENBQUE7SUFFN0Usd0RBQXdEO0lBQ3hELG9JQUFvSTtJQUNwSSwyRUFBeUQsQ0FBQTtJQUV6RCw2RkFBNkY7SUFDN0YsdUNBQXVDO0lBQ3ZDLG1DQUFpQixDQUFBO0lBRWpCLHdEQUF3RDtJQUN4RCw0RUFBNEU7SUFDNUUseUNBQXVCLENBQUE7SUFFdkIsd0RBQXdEO0lBQ3hELDhEQUE4RDtJQUM5RCx5Q0FBdUIsQ0FBQTtJQUV2Qix1REFBdUQ7SUFDdkQsc0hBQXNIO0lBQ3RILG1EQUFpQyxDQUFBO0lBRWpDLHVEQUF1RDtJQUN2RCx5REFBeUQ7SUFDekQsdUNBQXFCLENBQUE7SUFFckIsdURBQXVEO0lBQ3ZELDhEQUE4RDtJQUM5RCwrREFBNkMsQ0FBQTtJQUU3Qyx1REFBdUQ7SUFDdkQsc0VBQXNFO0lBQ3RFLG1EQUFpQyxDQUFBO0lBRWpDLHVEQUF1RDtJQUN2RCwwREFBMEQ7SUFDMUQsdURBQXFDLENBQUE7QUFJdkMsQ0FBQyxFQXBEVyxjQUFjLEtBQWQsY0FBYyxRQW9EekIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBGaWx0ZXJJdGVtTW9kZSB7XHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIG11bHRpIHNlbGVjdCBsaXN0XHJcbiAgLy8gSW5wdXQgd2lsbCBiZSBwYXNzZWQgYWxvbmcgZGlyZWN0bHkgYXMgYSBzdHJpbmcgd2l0aCB0aGUgZm9sbG93aW5nIHN5bnRheDogXCI/Pj0nY2hvaWNlIDEnLCA/PD0nY2hvaWNlMidcIlxyXG4gIEZpbHRlcmxpc3QgPSAnZmlsdGVybGlzdCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIHNpbmdsZSBzZWxlY3QgbGlzdFxyXG4gIC8vIElucHV0IHdpbGwgYmUgcGFzc2VkIGFsb25nIGRpcmVjdGx5IGFzIGEgc2ltcGxlIHN0cmluZy5cclxuICBTaW5nbGVTZWxlY3RMaXN0ID0gJ3NpbmdsZVNlbGVjdExpc3QnLFxyXG5cclxuICAvL1RoaXMgbW9kZSBtYWtlcyB0aGUgRmlsdGVyIGRpc3BsYXkgYSBtdWx0aSBzZWxlY3QgbGlzdFxyXG4gIC8vIElucHV0IHdpbGwgYmUgcGFzc2VkIGFsb25nIGRpcmVjdGx5IGFzIGEgc2ltcGxlIHN0cmluZy5cclxuICBTZWxlY3RMaXN0V2l0aFN0cmluZ0NvbGxlY3Rpb25PdXRwdXQgPSAnc2VsZWN0TGlzdFdpdGhTdHJpbmdDb2xsZWN0aW9uT3V0cHV0JyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgbXVsdGkgc2VsZWN0IGxpc3RcclxuICAvLyBBdmFpbGFibGUgY2hvaWNlcyB3aWxsIG5lZWQgdG8gaGF2ZSB0aGVpciBpZGVudGlmeWluZyB2YWx1ZSBiZSBhIG51bWJlci4gVGhlIHN1bW1hdGlvbiBvZiBhbGwgdGhlc2UgbnVtYmVycyB3aWxsIGJlIHBhc3NlZCBhbG9uZy5cclxuICBTZWxlY3RMaXN0V2l0aE51bWJlck91dHB1dCA9ICdzZWxlY3RMaXN0V2l0aE51bWJlck91dHB1dCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIG1pbiBhbmQgbWF4IGZpZWxkLiBUaGlzIHNob3VsZCBldmVudHVhbGx5IGJlIGEgc2xpZGVyLlxyXG4gIC8vIGlucHV0IGlzIHBhc3NlZCBhbG9uZyBhcyBcIm1pbiAtIG1heFwiXHJcbiAgU2xpZGVyID0gJ3NsaWRlcicsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIHNpbXBsZSB0ZXh0ZmllbGQuXHJcbiAgLy8gVGhlIHZhbHVlIHR5cGVkIGludG8gdGhlIGZpZWxkIHdpbGwgYmUgcGFzc2VkIGFsb25nIGRpcmVjdGx5IGFzIGEgc3RyaW5nLlxyXG4gIFRleHRGaWVsZCA9ICd0ZXh0RmllbGQnLFxyXG5cclxuICAvL1RoaXMgbW9kZSBtYWtlcyB0aGUgRmlsdGVyIGRpc3BsYXkgYSBzaW1wbGUgZGF0ZUZpZWxkLlxyXG4gIC8vIEZpZWxkIGlucHV0IHdpbGwgYmUgcGFzc2VkIGFsb25nIGRpcmVjdGx5IGFzIGEgZGF0ZSBvYmplY3QuXHJcbiAgRGF0ZUZpZWxkID0gJ2RhdGVGaWVsZCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIGRhdGVSYW5nZSBmaWVsZC5cclxuICAvLyBGaWVsZCBpbnB1dCB3aWxsIGJlIHBhc3NlZCBhbG9uZyBkaXJlY3RseSBhcyBhIHN0cmluZyB3aXRoIHRoZSBmb2xsb3dpbmcgc3ludGF4OiBcIj8+PScwMS0wOC0yMDIyJyYgPzw9JzMxLTA4LTIwMjInXCJcclxuICBEYXRlUmFuZ2VGaWVsZCA9ICdkYXRlUmFuZ2VGaWVsZCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIHNpbXBsZSBjaGVja0JveC5cclxuICAvLyBJdCdzIHZhbHVlIHdpbGwgYmUgcGFzc2VkIGFsb25nIGRpcmVjdGx5IGFzIGEgYm9vbGVhbi5cclxuICBDaGVja2JveCA9ICdjaGVja2JveCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIHNpbXBsZSBjaGVja0JveC5cclxuICAvLyBJdCdzIHZhbHVlIHdpbGwgYmUgcGFzc2VkIGFsb25nIGFzIGVpdGhlciBhICdUJyBvciBhbmQgJ0YnLlxyXG4gIENoZWNrYm94VG9TaW1wbGVUZXh0ID0gJ2NoZWNrYm94VG9TaW1wbGVUZXh0JyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgc2ltcGxlIGNoZWNrQm94LlxyXG4gIC8vIEl0J3MgdmFsdWUgd2lsbCBiZSBwYXNzZWQgYWxvbmcgYXMgZWl0aGVyIGEgXCI/PSdUJ1wiIG9yIGFuZCBcIj89J0YnXCIuXHJcbiAgQ2hlY2tib3hUb1RleHQgPSAnY2hlY2tib3hUb1RleHQnLFxyXG5cclxuICAvL1RoaXMgbW9kZSBtYWtlcyB0aGUgRmlsdGVyIGRpc3BsYXkgYSBzaW1wbGUgY2hlY2tCb3guXHJcbiAgLy8gSXQncyB2YWx1ZSB3aWxsIGJlIHBhc3NlZCBhbG9uZyBhcyBlaXRoZXIgYSAxIG9yIGFuZCAwLlxyXG4gIENoZWNrYm94VG9CaW5hcnkgPSAnY2hlY2tib3hUb0JpbmFyeScsXHJcblxyXG5cclxuXHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVySXRlbS1tb2RlLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvcmUvZW51bS9maWx0ZXJJdGVtLW1vZGUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxjQXdEWDtBQXhERCxXQUFZLGNBQWM7SUFFeEIsd0RBQXdEO0lBQ3hELDJHQUEyRztJQUMzRywyQ0FBeUIsQ0FBQTtJQUV6Qix5REFBeUQ7SUFDekQsMERBQTBEO0lBQzFELHVEQUFxQyxDQUFBO0lBRXJDLHdEQUF3RDtJQUN4RCwwREFBMEQ7SUFDMUQsK0ZBQTZFLENBQUE7SUFFN0Usd0RBQXdEO0lBQ3hELG9JQUFvSTtJQUNwSSwyRUFBeUQsQ0FBQTtJQUV6RCw2RkFBNkY7SUFDN0YsdUNBQXVDO0lBQ3ZDLG1DQUFpQixDQUFBO0lBRWpCLDZGQUE2RjtJQUM3RixvRUFBb0U7SUFDcEUsbURBQWlDLENBQUE7SUFFakMsd0RBQXdEO0lBQ3hELDRFQUE0RTtJQUM1RSx5Q0FBdUIsQ0FBQTtJQUV2Qix3REFBd0Q7SUFDeEQsOERBQThEO0lBQzlELHlDQUF1QixDQUFBO0lBRXZCLHVEQUF1RDtJQUN2RCxzSEFBc0g7SUFDdEgsbURBQWlDLENBQUE7SUFFakMsdURBQXVEO0lBQ3ZELHlEQUF5RDtJQUN6RCx1Q0FBcUIsQ0FBQTtJQUVyQix1REFBdUQ7SUFDdkQsOERBQThEO0lBQzlELCtEQUE2QyxDQUFBO0lBRTdDLHVEQUF1RDtJQUN2RCxzRUFBc0U7SUFDdEUsbURBQWlDLENBQUE7SUFFakMsdURBQXVEO0lBQ3ZELDBEQUEwRDtJQUMxRCx1REFBcUMsQ0FBQTtBQUl2QyxDQUFDLEVBeERXLGNBQWMsS0FBZCxjQUFjLFFBd0R6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEZpbHRlckl0ZW1Nb2RlIHtcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgbXVsdGkgc2VsZWN0IGxpc3RcclxuICAvLyBJbnB1dCB3aWxsIGJlIHBhc3NlZCBhbG9uZyBkaXJlY3RseSBhcyBhIHN0cmluZyB3aXRoIHRoZSBmb2xsb3dpbmcgc3ludGF4OiBcIj8+PSdjaG9pY2UgMScsID88PSdjaG9pY2UyJ1wiXHJcbiAgRmlsdGVybGlzdCA9ICdmaWx0ZXJsaXN0JyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgc2luZ2xlIHNlbGVjdCBsaXN0XHJcbiAgLy8gSW5wdXQgd2lsbCBiZSBwYXNzZWQgYWxvbmcgZGlyZWN0bHkgYXMgYSBzaW1wbGUgc3RyaW5nLlxyXG4gIFNpbmdsZVNlbGVjdExpc3QgPSAnc2luZ2xlU2VsZWN0TGlzdCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIG11bHRpIHNlbGVjdCBsaXN0XHJcbiAgLy8gSW5wdXQgd2lsbCBiZSBwYXNzZWQgYWxvbmcgZGlyZWN0bHkgYXMgYSBzaW1wbGUgc3RyaW5nLlxyXG4gIFNlbGVjdExpc3RXaXRoU3RyaW5nQ29sbGVjdGlvbk91dHB1dCA9ICdzZWxlY3RMaXN0V2l0aFN0cmluZ0NvbGxlY3Rpb25PdXRwdXQnLFxyXG5cclxuICAvL1RoaXMgbW9kZSBtYWtlcyB0aGUgRmlsdGVyIGRpc3BsYXkgYSBtdWx0aSBzZWxlY3QgbGlzdFxyXG4gIC8vIEF2YWlsYWJsZSBjaG9pY2VzIHdpbGwgbmVlZCB0byBoYXZlIHRoZWlyIGlkZW50aWZ5aW5nIHZhbHVlIGJlIGEgbnVtYmVyLiBUaGUgc3VtbWF0aW9uIG9mIGFsbCB0aGVzZSBudW1iZXJzIHdpbGwgYmUgcGFzc2VkIGFsb25nLlxyXG4gIFNlbGVjdExpc3RXaXRoTnVtYmVyT3V0cHV0ID0gJ3NlbGVjdExpc3RXaXRoTnVtYmVyT3V0cHV0JyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgbWluIGFuZCBtYXggZmllbGQuIFRoaXMgc2hvdWxkIGV2ZW50dWFsbHkgYmUgYSBzbGlkZXIuXHJcbiAgLy8gaW5wdXQgaXMgcGFzc2VkIGFsb25nIGFzIFwibWluIC0gbWF4XCJcclxuICBTbGlkZXIgPSAnc2xpZGVyJyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgbWluIGFuZCBtYXggZmllbGQuIFRoaXMgc2hvdWxkIGV2ZW50dWFsbHkgYmUgYSBzbGlkZXIuXHJcbiAgLy8gaW5wdXQgaXMgcGFzc2VkIGFsb25nIGFzIFwibWluIC0gbWF4XCIgVGhpcyB2ZXJzaW9uIGNhbiBiZSBlbXB0aWVkLlxyXG4gIE51bGxhYmxlU2xpZGVyID0gJ251bGxhYmxlU2xpZGVyJyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgc2ltcGxlIHRleHRmaWVsZC5cclxuICAvLyBUaGUgdmFsdWUgdHlwZWQgaW50byB0aGUgZmllbGQgd2lsbCBiZSBwYXNzZWQgYWxvbmcgZGlyZWN0bHkgYXMgYSBzdHJpbmcuXHJcbiAgVGV4dEZpZWxkID0gJ3RleHRGaWVsZCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIHNpbXBsZSBkYXRlRmllbGQuXHJcbiAgLy8gRmllbGQgaW5wdXQgd2lsbCBiZSBwYXNzZWQgYWxvbmcgZGlyZWN0bHkgYXMgYSBkYXRlIG9iamVjdC5cclxuICBEYXRlRmllbGQgPSAnZGF0ZUZpZWxkJyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgZGF0ZVJhbmdlIGZpZWxkLlxyXG4gIC8vIEZpZWxkIGlucHV0IHdpbGwgYmUgcGFzc2VkIGFsb25nIGRpcmVjdGx5IGFzIGEgc3RyaW5nIHdpdGggdGhlIGZvbGxvd2luZyBzeW50YXg6IFwiPz49JzAxLTA4LTIwMjInJiA/PD0nMzEtMDgtMjAyMidcIlxyXG4gIERhdGVSYW5nZUZpZWxkID0gJ2RhdGVSYW5nZUZpZWxkJyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgc2ltcGxlIGNoZWNrQm94LlxyXG4gIC8vIEl0J3MgdmFsdWUgd2lsbCBiZSBwYXNzZWQgYWxvbmcgZGlyZWN0bHkgYXMgYSBib29sZWFuLlxyXG4gIENoZWNrYm94ID0gJ2NoZWNrYm94JyxcclxuXHJcbiAgLy9UaGlzIG1vZGUgbWFrZXMgdGhlIEZpbHRlciBkaXNwbGF5IGEgc2ltcGxlIGNoZWNrQm94LlxyXG4gIC8vIEl0J3MgdmFsdWUgd2lsbCBiZSBwYXNzZWQgYWxvbmcgYXMgZWl0aGVyIGEgJ1QnIG9yIGFuZCAnRicuXHJcbiAgQ2hlY2tib3hUb1NpbXBsZVRleHQgPSAnY2hlY2tib3hUb1NpbXBsZVRleHQnLFxyXG5cclxuICAvL1RoaXMgbW9kZSBtYWtlcyB0aGUgRmlsdGVyIGRpc3BsYXkgYSBzaW1wbGUgY2hlY2tCb3guXHJcbiAgLy8gSXQncyB2YWx1ZSB3aWxsIGJlIHBhc3NlZCBhbG9uZyBhcyBlaXRoZXIgYSBcIj89J1QnXCIgb3IgYW5kIFwiPz0nRidcIi5cclxuICBDaGVja2JveFRvVGV4dCA9ICdjaGVja2JveFRvVGV4dCcsXHJcblxyXG4gIC8vVGhpcyBtb2RlIG1ha2VzIHRoZSBGaWx0ZXIgZGlzcGxheSBhIHNpbXBsZSBjaGVja0JveC5cclxuICAvLyBJdCdzIHZhbHVlIHdpbGwgYmUgcGFzc2VkIGFsb25nIGFzIGVpdGhlciBhIDEgb3IgYW5kIDAuXHJcbiAgQ2hlY2tib3hUb0JpbmFyeSA9ICdjaGVja2JveFRvQmluYXJ5JyxcclxuXHJcblxyXG5cclxufVxyXG4iXX0=

package/fesm2015/colijnit-corecomponents_v12.js

@@ -12,9 +12,9 @@ import { PlaneBufferGeometry, Mesh, Vector2, Vector3, PlaneGeometry, MeshPhongMa
 import { CSS3DObject, CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import * as TWEEN from '@tweenjs/tween.js';
 import 'hammerjs';
+import { DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
 import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { ArrayUtils as ArrayUtils$1 } from '@colijnit/ioneconnector/build/utils/array-utils';
 import { DEFAULT_GET_OBJECT_CONFIGURATION_PARAMS } from '@colijnit/ioneconnector/build/model/default-get-object-configurations-params';
@@ -2231,7 +2231,7 @@ class BaseInputComponent {
     }
     doBlur(event, handleCommit = true) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.showSaveCancel && handleCommit) {
+            if (this.showSaveCancel && handleCommit && this._modelDirtyForCommit) {
                 yield this._handleCommit(event, false);
             }
             setTimeout(() => {
@@ -2371,10 +2371,10 @@ class BaseInputComponent {
                 this._commitButtonsComponentRef.instance.commitFinished = false;
                 this._commitButtonsComponentRef.instance.committing = true;
             }
+            this._modelDirtyForCommit = false;
             const success = yield this.commit(this.model);
             this.keepFocus = false;
             yield this._commitFinished();
-            this._modelDirtyForCommit = false;
             if (success && doBlur) {
                 this.doBlur(event, false);
             }
@@ -4406,20 +4406,22 @@ CoDialogComponent.decorators = [
                 selector: 'co-dialog',
                 template: `
         <div class="co-dialog-overlay" (click)="handleOverlayClick($event)"></div>
-        <div class="co-dialog-wrapper" [ngClass]="customCssClass ? customCssClass : undefined" @showHideDialog>
-            <div class="dialog-header" *ngIf="!borderless">
-                <div class="dialog-header-caption" *ngIf="headerTemplate">
-                    <ng-container [ngTemplateOutlet]="headerTemplate"></ng-container>
+        <div class="co-dialog-placeholder">
+            <div class="co-dialog-wrapper" [ngClass]="customCssClass ? customCssClass : undefined" @showHideDialog cdkDrag>
+                <div class="dialog-header" *ngIf="!borderless" cdkDragHandle>
+                    <div class="dialog-header-caption" *ngIf="headerTemplate">
+                        <ng-container [ngTemplateOutlet]="headerTemplate"></ng-container>
+                    </div>
+                    <div class="dialog-close-button" *ngIf="showCloseIcon" (click)="handleCloseDialog($event)">
+                        <co-icon [icon]="icons.CrossSkinny"></co-icon>
+                    </div>
                 </div>
-                <div class="dialog-close-button" *ngIf="showCloseIcon" (click)="handleCloseDialog($event)">
-                    <co-icon [icon]="icons.CrossSkinny"></co-icon>
+                <div class="dialog-content co-small-scrollbar" [ngClass]="customCssClass ? customCssClass : undefined">
+                    <ng-content></ng-content>
+                </div>
+                <div class="dialog-footer" *ngIf="footerTemplate">
+                    <ng-container [ngTemplateOutlet]="footerTemplate"></ng-container>
                 </div>
-            </div>
-            <div class="dialog-content co-small-scrollbar" [ngClass]="customCssClass ? customCssClass : undefined">
-                <ng-content></ng-content>
-            </div>
-            <div class="dialog-footer" *ngIf="footerTemplate">
-                <ng-container [ngTemplateOutlet]="footerTemplate"></ng-container>
             </div>
         </div>
     `,
@@ -4463,7 +4465,8 @@ CoDialogModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    IconModule
+                    IconModule,
+                    DragDropModule
                 ],
                 declarations: [CoDialogComponent],
                 exports: [CoDialogComponent]
@@ -4898,7 +4901,7 @@ class FormComponent {
 }
 FormComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-form",
+                selector: "co-form-test",
                 template: `
     <ng-content></ng-content>
   `,
@@ -5185,6 +5188,9 @@ var FilterItemMode;
     //This mode makes the Filter display a min and max field. This should eventually be a slider.
     // input is passed along as "min - max"
     FilterItemMode["Slider"] = "slider";
+    //This mode makes the Filter display a min and max field. This should eventually be a slider.
+    // input is passed along as "min - max" This version can be emptied.
+    FilterItemMode["NullableSlider"] = "nullableSlider";
     //This mode makes the Filter display a simple textfield.
     // The value typed into the field will be passed along directly as a string.
     FilterItemMode["TextField"] = "textField";
@@ -6247,6 +6253,8 @@ ClickoutsideModule.decorators = [
 class CalendarTemplateComponent {
     constructor() {
         this.icons = CoreComponentsIcon;
+        this.showWeekNumbers = true;
+        this.weekNumbers = [];
         this.locale = "nl-NL";
         this.highlightDaysBetweenDates = false;
         this.dateSelected = new EventEmitter();
@@ -6319,6 +6327,7 @@ class CalendarTemplateComponent {
         }
         this.generateCalendar();
         this._fillDatesBetweenSelected();
+        this.calculateWeekNumbers();
     }
     nextMonth() {
         if (this.workingMonth === 11) {
@@ -6330,6 +6339,7 @@ class CalendarTemplateComponent {
         }
         this.generateCalendar();
         this._fillDatesBetweenSelected();
+        this.calculateWeekNumbers();
     }
     prevYear() {
         this.workingYear--;
@@ -6348,6 +6358,7 @@ class CalendarTemplateComponent {
         this.monthHeader = `${month} ${year}`;
         this.yearHeader = `${year}`;
         this.generateYearSelectionYears();
+        this.calculateWeekNumbers();
     }
     _setInitialValues() {
         this.workingDay = this.selectedDate ? this.selectedDate : new Date();
@@ -6477,6 +6488,28 @@ class CalendarTemplateComponent {
     _capitalizeFirstLetter(value) {
         return value.charAt(0).toUpperCase() + value.slice(1);
     }
+    calculateWeekNumbers() {
+        this.weekNumbers = [];
+        let weekNumber = null;
+        for (let i = 0; i < this.daysInMonth.length; i++) {
+            const day = this.daysInMonth[i];
+            if (day) {
+                // Start of a new week or first day of the month, calculate and set weekNumber
+                weekNumber = this.getISOWeek(day);
+                // Check if the weekNumber is not already in the array
+                if (!this.weekNumbers.includes(weekNumber)) {
+                    this.weekNumbers.push(weekNumber);
+                }
+            }
+        }
+    }
+    getISOWeek(date) {
+        const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+        d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7));
+        const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+        const weekNumber = Math.ceil(((d.valueOf() - yearStart.valueOf()) / 86400000 + 1) / 7);
+        return weekNumber;
+    }
 }
 CalendarTemplateComponent.decorators = [
     { type: Component, args: [{
@@ -6515,23 +6548,29 @@ CalendarTemplateComponent.decorators = [
             </ng-container>
           </div>
         </div>
-
-        <div class="calendar-body" *ngIf="showCalendarBody">
-          <div class="day-names">
-            <div class="weekday" *ngFor="let dayName of dayNames" [textContent]="dayName"></div>
+        <div class="calendar-wrapper">
+          <div class="week-wrapper" *ngIf="showWeekNumbers && showCalendarBody">
+            <div class="week-number" [textContent]="'W'"></div>
+            <div class="week-number" *ngFor="let weekNumber of weekNumbers">
+              {{ weekNumber }}
+            </div>
           </div>
-          <div *ngFor="let day of daysInMonth" class="calendar-day"
-               [class.highlighted-day]="daysToHighlight.includes(day)"
-               [class.selected-day]="selectedDate && (day && day.getTime() === selectedDate.getTime()) ||
-               secondSelectedDate && (day && day.getTime() === secondSelectedDate.getTime()) ||
-               temporarySelectedSecondaryDate && (day && day.getTime() === temporarySelectedSecondaryDate.getTime())"
-
-               (click)="selectDate(day)"
-               (mouseover)="handleMouseOverDay(day)">
-            <ng-container *ngIf="day">
-              <div class="day-number"
-                   [textContent]="day.getDate()"></div>
-            </ng-container>
+          <div class="calendar-body" *ngIf="showCalendarBody">
+            <div class="day-names">
+              <div class="weekday" *ngFor="let dayName of dayNames" [textContent]="dayName"></div>
+            </div>
+            <div *ngFor="let day of daysInMonth" class="calendar-day"
+                 [class.highlighted-day]="daysToHighlight.includes(day)"
+                 [class.selected-day]="selectedDate && (day && day.getTime() === selectedDate.getTime()) ||
+            secondSelectedDate && (day && day.getTime() === secondSelectedDate.getTime()) ||
+            temporarySelectedSecondaryDate && (day && day.getTime() === temporarySelectedSecondaryDate.getTime())"
+                 (click)="selectDate(day)"
+                 (mouseover)="handleMouseOverDay(day)">
+              <!-- Day number -->
+              <ng-container *ngIf="day">
+                <div class="day-number" [textContent]="day.getDate()"></div>
+              </ng-container>
+            </div>
           </div>
         </div>
       </div>
@@ -6540,6 +6579,7 @@ CalendarTemplateComponent.decorators = [
             },] }
 ];
 CalendarTemplateComponent.propDecorators = {
+    showWeekNumbers: [{ type: Input }],
     locale: [{ type: Input }],
     highlightDaysBetweenDates: [{ type: Input }],
     selectedDate: [{ type: Input }],
@@ -9479,7 +9519,7 @@ SimpleGridComponent.decorators = [
             [class.disabled]="isRowDisabled(row)"
           [class.editing]="rowIndex === editRowIndex" *ngFor="let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index" cdkDrag
           (click)="handleClickRow($event, rowIndex, row)" (dblclick)="handleDblClickRow($event, rowIndex, row)" (visibilityChange)="rowVisible.next(row)">
-          <co-form class="simple-grid-row-form">
+          <co-form-test class="simple-grid-row-form">
             <ng-container *ngIf="isSingleColumnRow(row)">
               <td class="simple-grid-single-column-cell" [attr.colspan]="headerColumns.length">
                 <co-simple-grid-cell
@@ -9503,7 +9543,7 @@ SimpleGridComponent.decorators = [
                 </td>
               </ng-container>
             </ng-container>
-          </co-form>
+          </co-form-test>
         </tr>
       </tbody>
     </table>
@@ -11156,6 +11196,7 @@ class FilterItemComponent {
         this.noResultsLabel = "No results";
         this.sliderDefaultMin = 0;
         this.sliderDefaultMax = 100000;
+        this.fullRangeIsNull = false;
         this.modelChange = new EventEmitter();
         this.collectionChange = new EventEmitter();
         this.filterButtonClicked = new EventEmitter();
@@ -11243,6 +11284,10 @@ class FilterItemComponent {
                 this.showButton = true;
                 this._createModelForSliderMode();
                 break;
+            case this.modes.NullableSlider:
+                this.showButton = true;
+                this._createModelForNullableSliderMode();
+                break;
             case this.modes.CheckboxToText:
                 this.showButton = true;
                 this._createModelForCheckboxToText();
@@ -11330,6 +11375,7 @@ class FilterItemComponent {
                 this._readModelForSelectListWithNumberOutput(newModel);
                 break;
             case this.modes.Slider:
+            case this.modes.NullableSlider:
                 this._readModelForSliderMode(newModel);
                 break;
             case this.modes.CheckboxToText:
@@ -11417,6 +11463,16 @@ class FilterItemComponent {
         this.sliderMax = trueUpperBound;
         this._model = `${trueLowerBound} - ${trueUpperBound}`;
     }
+    _createModelForNullableSliderMode() {
+        if (this.sliderMin && this.sliderMax) {
+            let trueLowerBound = Math.min(this.sliderMin, this.sliderMax);
+            let trueUpperBound = Math.max(this.sliderMin, this.sliderMax);
+            this._model = `${trueLowerBound} - ${trueUpperBound}`;
+        }
+        else {
+            this._model = null;
+        }
+    }
     _createModelForCheckboxToText() {
         if (this.checkBoxToTextModel) {
             this._model = "?='J'";
@@ -11669,6 +11725,28 @@ FilterItemComponent.decorators = [
                 (focusout)="handleModelChange(sliderMax)"
               ></co-input-text>
             </div>
+            <div class="co-filter-item-slider-content" *ngIf="mode === modes.NullableSlider">
+              <co-input-text
+                class="slider-from"
+                [type]="'number'"
+                [digitsOnly]="true"
+                [hideArrowButtons]="true"
+                [excludePlusMinus]="true"
+                [label]="'FROM' | localize"
+                [(model)]="sliderMin"
+                (focusout)="handleModelChange(sliderMin)"
+              ></co-input-text>
+              <co-input-text
+                class="slider-to"
+                [type]="'number'"
+                [digitsOnly]="true"
+                [hideArrowButtons]="true"
+                [excludePlusMinus]="true"
+                [label]="'TO' | localize"
+                [(model)]="sliderMax"
+                (focusout)="handleModelChange(sliderMax)"
+              ></co-input-text>
+            </div>
             <div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox ">
               <co-input-checkbox
                 [(model)]="model"
@@ -11732,6 +11810,7 @@ FilterItemComponent.propDecorators = {
     noResultsLabel: [{ type: Input }],
     sliderDefaultMin: [{ type: Input }],
     sliderDefaultMax: [{ type: Input }],
+    fullRangeIsNull: [{ type: Input }],
     model: [{ type: Input }],
     modelChange: [{ type: Output }],
     collectionChange: [{ type: Output }],