@colijnit/corecomponents_v12 259.1.1 → 259.1.3

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('rxjs'), require('@angular/platform-browser'), require('@angular/animations'), require('@angular/common'), require('@angular/common/http'), require('rxjs/operators'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@tweenjs/tween.js'), require('hammerjs'), require('@angular/cdk/drag-drop'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('xlsx'), require('@colijnit/ioneconnector/build/enum/user-right-type.enum'), require('@angular/cdk/scrolling'), require('@colijnit/ioneconnector/build/utils/array-utils'), require('@colijnit/ioneconnector/build/model/default-get-object-configurations-params'), require('@colijnit/ioneconnector/build/model/object-configuration')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/corecomponents_v12', ['exports', '@angular/core', '@angular/forms', 'rxjs', '@angular/platform-browser', '@angular/animations', '@angular/common', '@angular/common/http', 'rxjs/operators', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@tweenjs/tween.js', 'hammerjs', '@angular/cdk/drag-drop', '@angular/cdk/overlay', '@angular/cdk/portal', 'xlsx', '@colijnit/ioneconnector/build/enum/user-right-type.enum', '@angular/cdk/scrolling', '@colijnit/ioneconnector/build/utils/array-utils', '@colijnit/ioneconnector/build/model/default-get-object-configurations-params', '@colijnit/ioneconnector/build/model/object-configuration'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.corecomponents_v12 = {}), global.ng.core, global.ng.forms, global.rxjs, global.ng.platformBrowser, global.ng.animations, global.ng.common, global.ng.common.http, global.rxjs.operators, global.three, global.CSS3DRenderer, global.TWEEN, null, global.ng.cdk.dragDrop, global.ng.cdk.overlay, global.ng.cdk.portal, global.XLSX, global.userRightType_enum, global.ng.cdk.scrolling, global.arrayUtils, global.defaultGetObjectConfigurationsParams, global.objectConfiguration));
-})(this, (function (exports, i0, forms, rxjs, platformBrowser, animations, common, http, operators, three, CSS3DRenderer, TWEEN, hammerjs, dragDrop, i1, portal, XLSX, userRightType_enum, scrolling, arrayUtils, defaultGetObjectConfigurationsParams, objectConfiguration) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('rxjs'), require('@angular/platform-browser'), require('@angular/animations'), require('@angular/common'), require('@angular/common/http'), require('rxjs/operators'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@tweenjs/tween.js'), require('hammerjs'), require('@angular/cdk/drag-drop'), require('@colijnit/mainapi/build/model/co-document.bo'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('xlsx'), require('@colijnit/ioneconnector/build/enum/user-right-type.enum'), require('@angular/cdk/scrolling'), require('@colijnit/ioneconnector/build/utils/array-utils'), require('@colijnit/ioneconnector/build/model/default-get-object-configurations-params'), require('@colijnit/ioneconnector/build/model/object-configuration')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/corecomponents_v12', ['exports', '@angular/core', '@angular/forms', 'rxjs', '@angular/platform-browser', '@angular/animations', '@angular/common', '@angular/common/http', 'rxjs/operators', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@tweenjs/tween.js', 'hammerjs', '@angular/cdk/drag-drop', '@colijnit/mainapi/build/model/co-document.bo', '@angular/cdk/overlay', '@angular/cdk/portal', 'xlsx', '@colijnit/ioneconnector/build/enum/user-right-type.enum', '@angular/cdk/scrolling', '@colijnit/ioneconnector/build/utils/array-utils', '@colijnit/ioneconnector/build/model/default-get-object-configurations-params', '@colijnit/ioneconnector/build/model/object-configuration'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.corecomponents_v12 = {}), global.ng.core, global.ng.forms, global.rxjs, global.ng.platformBrowser, global.ng.animations, global.ng.common, global.ng.common.http, global.rxjs.operators, global.three, global.CSS3DRenderer, global.TWEEN, null, global.ng.cdk.dragDrop, global.coDocument_bo, global.ng.cdk.overlay, global.ng.cdk.portal, global.XLSX, global.userRightType_enum, global.ng.cdk.scrolling, global.arrayUtils, global.defaultGetObjectConfigurationsParams, global.objectConfiguration));
+})(this, (function (exports, i0, forms, rxjs, platformBrowser, animations, common, http, operators, three, CSS3DRenderer, TWEEN, hammerjs, dragDrop, coDocument_bo, i1, portal, XLSX, userRightType_enum, scrolling, arrayUtils, defaultGetObjectConfigurationsParams, objectConfiguration) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -5952,8 +5952,17 @@
 
     var InputDatePickerComponent = /** @class */ (function (_super) {
         __extends(InputDatePickerComponent, _super);
-        function InputDatePickerComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+        function InputDatePickerComponent(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
+            var _this = _super.call(this, changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef) || this;
+            _this.formComponent = formComponent;
+            _this.changeDetector = changeDetector;
+            _this.overlayService = overlayService;
+            _this.componentFactoryResolver = componentFactoryResolver;
+            _this.formUserChangeListener = formUserChangeListener;
+            _this.ngZoneWrapper = ngZoneWrapper;
+            _this.elementRef = elementRef;
+            _super.prototype._markAsOnPush.call(_this);
+            return _this;
         }
         InputDatePickerComponent.prototype.showClass = function () {
             return true;
@@ -6043,6 +6052,15 @@
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
+    InputDatePickerComponent.ctorParameters = function () { return [
+        { type: FormComponent, decorators: [{ type: i0.Optional }] },
+        { type: i0.ChangeDetectorRef },
+        { type: OverlayService },
+        { type: i0.ComponentFactoryResolver },
+        { type: FormInputUserModelChangeListenerService },
+        { type: NgZoneWrapperService },
+        { type: i0.ElementRef }
+    ]; };
     InputDatePickerComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ['class.co-input-date',] }]
     };
@@ -7314,7 +7332,8 @@
                         InputTextModule,
                         CalendarModule,
                         ClickoutsideModule,
-                        OverlayModule
+                        OverlayModule,
+                        forms.ReactiveFormsModule
                     ],
                     schemas: [
                         i0.NO_ERRORS_SCHEMA
@@ -8575,183 +8594,6 @@
         FileTypeInternal[FileTypeInternal["Undefined"] = 8] = "Undefined";
     })(FileTypeInternal || (FileTypeInternal = {}));
 
-    // DOM_BESTANDSSOORT
-    var FileType;
-    (function (FileType) {
-        // DOC: Document
-        FileType["Document"] = "DOC";
-        // IMG: Afbeelding
-        FileType["Image"] = "IMG";
-        // SDWEB: Digitale handtekening
-        FileType["DigitalSignature"] = "SDWEB";
-    })(FileType || (FileType = {}));
-
-    var CoDocumentImageDisplayKind;
-    (function (CoDocumentImageDisplayKind) {
-        CoDocumentImageDisplayKind["NormalImage"] = "N";
-        CoDocumentImageDisplayKind["LayeredImage"] = "L";
-        CoDocumentImageDisplayKind["Avatar"] = "A";
-    })(CoDocumentImageDisplayKind || (CoDocumentImageDisplayKind = {}));
-
-    var ObjectRightType;
-    (function (ObjectRightType) {
-        ObjectRightType[ObjectRightType["NoAccess"] = 0] = "NoAccess";
-        ObjectRightType[ObjectRightType["ReadOnly"] = 1] = "ReadOnly";
-        ObjectRightType[ObjectRightType["ReadWrite"] = 2] = "ReadWrite";
-    })(ObjectRightType || (ObjectRightType = {}));
-
-    // See DocumentDTO.
-    var CoDocument = /** @class */ (function () {
-        function CoDocument() {
-            // @ComplexArray(CoDocumentRight)
-            this.rights = [];
-            this.retailFormulas = [];
-            //
-            // @NoDbField()
-            // @ComplexField(Subject)
-            this.documentBodyChange = new rxjs.Subject();
-        }
-        Object.defineProperty(CoDocument.prototype, "documentId", {
-            get: function () {
-                return this._documentId;
-            },
-            set: function (value) {
-                this._documentId = value;
-                // this._idObject.docId = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "documentBody", {
-            get: function () {
-                return this._documentBody;
-            },
-            set: function (documentBody) {
-                var prev = this._documentBody;
-                this._documentBody = documentBody;
-                if (prev !== this._documentBody) {
-                    this.documentBodyChange.next(this._documentBody);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "fileTypeInternal", {
-            // @NoDbField()
-            // public idForLink: number;
-            // The internal file type of this document (the MimeType iOneJS uses internally)
-            get: function () {
-                if (!this._fileTypeInternal) {
-                    var fileType = FileUtils.FileNameToFileTypeInternal(this.fileName);
-                    if (fileType) {
-                        this._fileTypeInternal = fileType;
-                    }
-                }
-                return this._fileTypeInternal;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "mimeTypeInternal", {
-            /**
-             * The mimetype of this document: uses database-fetched this.mimeType, or calculates / guesses the mime type of the document
-             * if that was not set.
-             */
-            get: function () {
-                if (this._mimeTypeInternal) {
-                    return this._mimeTypeInternal;
-                }
-                else {
-                    this._initMimetypeInternal();
-                    return this._mimeTypeInternal;
-                }
-            },
-            set: function (value) {
-                this._mimeTypeInternal = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "bodyAsDataUri", {
-            // Gives either the document-(prio) or the thumbnail body. Or undefined if not exist.
-            get: function () {
-                if (this._documentBody) {
-                    return this.documentBodyAsDataUri;
-                }
-                else if (this.thumbnailBody) {
-                    return this.thumbnailBodyAsDataUri;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "documentBodyAsDataUri", {
-            // The body of this document as a data uri. The data uri also contains the mimetype in its string, and the fact that it's base64.
-            get: function () {
-                try {
-                    return FileUtils.DocumentBodyToDataUri(this.documentBody, this.mimeTypeInternal);
-                }
-                catch (error) {
-                    return "";
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "thumbnailBodyAsDataUri", {
-            // The Thumbnailbody of this document as a data uri. The data uri also contains the mimetype in its string, and the fact that it's base64.
-            get: function () {
-                try {
-                    return FileUtils.DocumentBodyToDataUri(this.thumbnailBody, this.mimeTypeInternal);
-                }
-                catch (error) {
-                    return "";
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "isAvatar", {
-            get: function () {
-                return this.imageDisplayKind === CoDocumentImageDisplayKind.Avatar;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CoDocument.prototype, "readonly", {
-            //
-            // @NoDbField()
-            // private _idObject: any = {};
-            get: function () {
-                return this.rightLevel === ObjectRightType.ReadOnly;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CoDocument.prototype.getId = function () {
-            return this.documentId;
-        };
-        // Returns whether this is an image document or not.
-        CoDocument.prototype.isImageDocument = function () {
-            return (this.fileTypeInternal === FileTypeInternal.Image);
-        };
-        // @BoSerializerStep()
-        CoDocument.prototype.preventOverridingThumbnailToEmpty = function () {
-            if (!this.thumbnailBody) {
-                this.thumbnailBody = this._documentBody;
-            }
-        };
-        // POSTCONDITION: this._mimeTypeInternal contains, to our best abilities, the true mimeType of this document, a-la "image/jpg"
-        CoDocument.prototype._initMimetypeInternal = function () {
-            // if no fileType, default to FileType.Image for internal mimetype initialization
-            if ((this.fileType === FileType.Image || !this.fileType) && this.fileName) {
-                var fileExtension = this.fileName.substr(this.fileName.lastIndexOf(".") + 1);
-                this._mimeTypeInternal = "image/" + fileExtension;
-            }
-        };
-        return CoDocument;
-    }());
-
     // for refcode CV_DOCUMENTATIE.DOC_TYPE
     var CoDocumentType;
     (function (CoDocumentType) {
@@ -8763,6 +8605,17 @@
         CoDocumentType["SaveAsLinkOnDefaultLocation"] = "LW";
     })(CoDocumentType || (CoDocumentType = {}));
 
+    // DOM_BESTANDSSOORT
+    var FileType;
+    (function (FileType) {
+        // DOC: Document
+        FileType["Document"] = "DOC";
+        // IMG: Afbeelding
+        FileType["Image"] = "IMG";
+        // SDWEB: Digitale handtekening
+        FileType["DigitalSignature"] = "SDWEB";
+    })(FileType || (FileType = {}));
+
     var MaxUploadSize = 3145728; // 3Mb
     // @dynamic
     var FileUtils = /** @class */ (function () {
@@ -8825,7 +8678,7 @@
             }
             var fileName;
             var mimeType;
-            if (file instanceof CoDocument) {
+            if (file instanceof coDocument_bo.CoDocument) {
                 fileName = file.fileName;
                 mimeType = file.mimeTypeInternal;
             }
@@ -8870,7 +8723,7 @@
         // Checks filesize of given file and returns false if size exceeds maximum upload size.
         FileUtils.CheckMaxUploadSize = function (file) {
             var fileSize = 0;
-            if (file instanceof CoDocument) {
+            if (file instanceof coDocument_bo.CoDocument) {
                 fileSize = NumberUtils.ParseInt(file.fileSize);
             }
             else {
@@ -9001,7 +8854,7 @@
                 reader.readAsDataURL(file);
                 reader.onloadend = function (event) {
                     if (event.target.readyState === 2) {
-                        var coDocument = new CoDocument();
+                        var coDocument = new coDocument_bo.CoDocument();
                         coDocument.fileSize = file.size.toString();
                         coDocument.mimeTypeInternal = file.type;
                         coDocument.mimeType = file.type;
@@ -11948,8 +11801,15 @@
 
     var ListOfValuesComponent = /** @class */ (function (_super) {
         __extends(ListOfValuesComponent, _super);
-        function ListOfValuesComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+        function ListOfValuesComponent(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
+            var _this = _super.call(this, changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef) || this;
+            _this.formComponent = formComponent;
+            _this.changeDetector = changeDetector;
+            _this.overlayService = overlayService;
+            _this.componentFactoryResolver = componentFactoryResolver;
+            _this.formUserChangeListener = formUserChangeListener;
+            _this.ngZoneWrapper = ngZoneWrapper;
+            _this.elementRef = elementRef;
             _this.icons = exports.CoreComponentsIcon;
             _this.multiselect = false;
             _this.largeCollection = false;
@@ -11963,6 +11823,7 @@
             _this.filteredCollection = [];
             _this.isLoading = false;
             _this._collection = [];
+            _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
         Object.defineProperty(ListOfValuesComponent.prototype, "model", {
@@ -12133,7 +11994,7 @@
                     }
                 }
             }
-            this.model = option;
+            this.setModel(option);
             this.modelChange.emit(this.model);
             this.detectChanges();
         };
@@ -12187,7 +12048,7 @@
     ListOfValuesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-list-of-values',
-                    template: "\n      <co-input-text\n              *ngIf=\"!largeCollection\"\n              aria-haspopup=\"listbox\"\n              [attr.aria-expanded]=\"isSelectOpen\"\n              aria-controls=\"lov-popup\"\n              role=\"combobox\"\n              class=\"no-focus-line\"\n              overlayParent\n              #parentForOverlay=\"overlayParent\"\n              type=\"text\"\n              [id]=\"label\"\n              [model]=\"multiselect ? selectedModels : selectedModel\"\n              [placeholder]=\"label\"\n              [readonly]=\"readonly\"\n              [disabled]=\"disabled\"\n              [required]=\"required\"\n              [noClickFocus]=\"false\"\n              [leftIconData]=\"leftIconData\"\n              [rightIcon]=\"isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular\"\n              [showClearButton]=\"true\"\n              [useContent]=\"multiselect\"\n              [customHeight]=\"multiselect\"\n              [keepFocussed]=\"keepFocussed\"\n              (modelChange)=\"handleInputModelChange($event)\"\n              (click)=\"openPopup()\"\n              (rightIconClick)=\"toggleSelect()\"\n              (keydown)=\"handleInputKeyDown($event)\"\n              (clearIconClick)=\"clearModel($event)\"\n              (blur)=\"checkModel()\">\n          <ng-container *ngIf=\"multiselect && showChips\">\n              <div class=\"multiselect-chips-wrapper\">\n                  <div class=\"chips\" *ngFor=\"let chip of model\">\n                      <span class=\"chips-description\" [textContent]=\"chip[displayField]\"></span>\n                      <co-icon class=\"remove-chip-icon\" [icon]=\"icons.CrossSkinny\" (click)=\"removeOptionFromModel(chip)\"></co-icon>\n                  </div>\n              </div>\n          </ng-container>\n      </co-input-text>\n      \n      <co-input-text\n              *ngIf=\"largeCollection\"\n              [model]=\"filterText\"\n              [placeholder]=\"label\"\n              [required]=\"required\"\n              [disabled]=\"disabled\"\n              [readonly]=\"readonly\"\n              (modelChange)=\"onModelChange($event)\">\n      </co-input-text>\n      <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\n  ",
+                    template: "\n      <co-input-text\n              *ngIf=\"!largeCollection\"\n              aria-haspopup=\"listbox\"\n              [attr.aria-expanded]=\"isSelectOpen\"\n              aria-controls=\"lov-popup\"\n              role=\"combobox\"\n              class=\"no-focus-line\"\n              overlayParent\n              #parentForOverlay=\"overlayParent\"\n              type=\"text\"\n              [id]=\"label\"\n              [model]=\"multiselect ? selectedModels : selectedModel\"\n              [placeholder]=\"label\"\n              [myFormInputInstance]=\"this\"\n              [readonly]=\"readonly\"\n              [disabled]=\"disabled\"\n              [required]=\"required\"\n              [noClickFocus]=\"false\"\n              [leftIconData]=\"leftIconData\"\n              [rightIcon]=\"isSelectOpen ? icons.ChevronUpRegular : icons.ChevronDownRegular\"\n              [showClearButton]=\"true\"\n              [useContent]=\"multiselect\"\n              [customHeight]=\"multiselect\"\n              [keepFocussed]=\"keepFocussed\"\n              (modelChange)=\"handleInputModelChange($event)\"\n              (click)=\"openPopup()\"\n              (rightIconClick)=\"toggleSelect()\"\n              (keydown)=\"handleInputKeyDown($event)\"\n              (clearIconClick)=\"clearModel($event)\"\n              (blur)=\"checkModel()\">\n          <ng-container *ngIf=\"multiselect && showChips\">\n              <div class=\"multiselect-chips-wrapper\">\n                  <div class=\"chips\" *ngFor=\"let chip of model\">\n                      <span class=\"chips-description\" [textContent]=\"chip[displayField]\"></span>\n                      <co-icon class=\"remove-chip-icon\" [icon]=\"icons.CrossSkinny\" (click)=\"removeOptionFromModel(chip)\"></co-icon>\n                  </div>\n              </div>\n          </ng-container>\n      </co-input-text>\n\n      <co-input-text\n              *ngIf=\"largeCollection\"\n              [model]=\"filterText\"\n              [placeholder]=\"label\"\n              [required]=\"required\"\n              [disabled]=\"disabled\"\n              [readonly]=\"readonly\"\n              (modelChange)=\"onModelChange($event)\">\n      </co-input-text>\n      <div *ngIf=\"isLoading\" class=\"filter-loader\"><span></span></div>\n      <input type=\"hidden\" [ngModel]=\"model\">\n  ",
                     providers: [
                         OverlayService,
                         {
@@ -12198,6 +12059,15 @@
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
+    ListOfValuesComponent.ctorParameters = function () { return [
+        { type: FormComponent, decorators: [{ type: i0.Optional }] },
+        { type: i0.ChangeDetectorRef },
+        { type: OverlayService },
+        { type: i0.ComponentFactoryResolver },
+        { type: FormInputUserModelChangeListenerService },
+        { type: NgZoneWrapperService },
+        { type: i0.ElementRef }
+    ]; };
     ListOfValuesComponent.propDecorators = {
         model: [{ type: i0.Input }],
         parentForOverlay: [{ type: i0.ViewChild, args: ['parentForOverlay', { read: i0.ElementRef },] }],