@colijnit/corecomponents_v12 259.1.1 → 259.1.3

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1,7 +1,7 @@
 import { __awaiter, __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { Input, Injectable, NgZone, Component, ViewEncapsulation, HostBinding, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, Renderer2, ViewChildren, ElementRef, Output, Directive, ChangeDetectorRef, Optional, ViewChild, ViewContainerRef, HostListener, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, Pipe, ContentChildren, NO_ERRORS_SCHEMA, ContentChild } from '@angular/core';
-import { NgModel, FormGroup, FormsModule } from '@angular/forms';
+import { NgModel, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Subject, merge, fromEvent, BehaviorSubject } from 'rxjs';
 import { DomSanitizer, HammerGestureConfig, HammerModule, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
 import { trigger, state, style, transition, animate, query, animateChild } from '@angular/animations';
@@ -13,6 +13,7 @@ import { CSS3DObject, CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRe
 import * as TWEEN from '@tweenjs/tween.js';
 import 'hammerjs';
 import { DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
+import { CoDocument } from '@colijnit/mainapi/build/model/co-document.bo';
 import * as i1 from '@angular/cdk/overlay';
 import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
@@ -5423,6 +5424,17 @@ CalendarComponent.propDecorators = {
 };
 
 class InputDatePickerComponent extends BaseInputDatePickerDirective {
+    constructor(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
+        super(changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef);
+        this.formComponent = formComponent;
+        this.changeDetector = changeDetector;
+        this.overlayService = overlayService;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.formUserChangeListener = formUserChangeListener;
+        this.ngZoneWrapper = ngZoneWrapper;
+        this.elementRef = elementRef;
+        super._markAsOnPush();
+    }
     showClass() {
         return true;
     }
@@ -5528,6 +5540,15 @@ InputDatePickerComponent.decorators = [
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+InputDatePickerComponent.ctorParameters = () => [
+    { type: FormComponent, decorators: [{ type: Optional }] },
+    { type: ChangeDetectorRef },
+    { type: OverlayService },
+    { type: ComponentFactoryResolver },
+    { type: FormInputUserModelChangeListenerService },
+    { type: NgZoneWrapperService },
+    { type: ElementRef }
+];
 InputDatePickerComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ['class.co-input-date',] }]
 };
@@ -6823,7 +6844,8 @@ InputDatePickerModule.decorators = [
                     InputTextModule,
                     CalendarModule,
                     ClickoutsideModule,
-                    OverlayModule
+                    OverlayModule,
+                    ReactiveFormsModule
                 ],
                 schemas: [
                     NO_ERRORS_SCHEMA
@@ -8093,146 +8115,6 @@ var FileTypeInternal;
     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.
-class CoDocument {
-    constructor() {
-        // @ComplexArray(CoDocumentRight)
-        this.rights = [];
-        this.retailFormulas = [];
-        //
-        // @NoDbField()
-        // @ComplexField(Subject)
-        this.documentBodyChange = new Subject();
-    }
-    set documentId(value) {
-        this._documentId = value;
-        // this._idObject.docId = value;
-    }
-    get documentId() {
-        return this._documentId;
-    }
-    set documentBody(documentBody) {
-        const prev = this._documentBody;
-        this._documentBody = documentBody;
-        if (prev !== this._documentBody) {
-            this.documentBodyChange.next(this._documentBody);
-        }
-    }
-    get documentBody() {
-        return this._documentBody;
-    }
-    // @NoDbField()
-    // public idForLink: number;
-    // The internal file type of this document (the MimeType iOneJS uses internally)
-    get fileTypeInternal() {
-        if (!this._fileTypeInternal) {
-            const fileType = FileUtils.FileNameToFileTypeInternal(this.fileName);
-            if (fileType) {
-                this._fileTypeInternal = fileType;
-            }
-        }
-        return this._fileTypeInternal;
-    }
-    /**
-     * 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 mimeTypeInternal() {
-        if (this._mimeTypeInternal) {
-            return this._mimeTypeInternal;
-        }
-        else {
-            this._initMimetypeInternal();
-            return this._mimeTypeInternal;
-        }
-    }
-    set mimeTypeInternal(value) {
-        this._mimeTypeInternal = value;
-    }
-    // Gives either the document-(prio) or the thumbnail body. Or undefined if not exist.
-    get bodyAsDataUri() {
-        if (this._documentBody) {
-            return this.documentBodyAsDataUri;
-        }
-        else if (this.thumbnailBody) {
-            return this.thumbnailBodyAsDataUri;
-        }
-    }
-    // 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 documentBodyAsDataUri() {
-        try {
-            return FileUtils.DocumentBodyToDataUri(this.documentBody, this.mimeTypeInternal);
-        }
-        catch (error) {
-            return "";
-        }
-    }
-    // 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 thumbnailBodyAsDataUri() {
-        try {
-            return FileUtils.DocumentBodyToDataUri(this.thumbnailBody, this.mimeTypeInternal);
-        }
-        catch (error) {
-            return "";
-        }
-    }
-    get isAvatar() {
-        return this.imageDisplayKind === CoDocumentImageDisplayKind.Avatar;
-    }
-    //
-    // @NoDbField()
-    // private _idObject: any = {};
-    get readonly() {
-        return this.rightLevel === ObjectRightType.ReadOnly;
-    }
-    getId() {
-        return this.documentId;
-    }
-    // Returns whether this is an image document or not.
-    isImageDocument() {
-        return (this.fileTypeInternal === FileTypeInternal.Image);
-    }
-    // @BoSerializerStep()
-    preventOverridingThumbnailToEmpty() {
-        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"
-    _initMimetypeInternal() {
-        // if no fileType, default to FileType.Image for internal mimetype initialization
-        if ((this.fileType === FileType.Image || !this.fileType) && this.fileName) {
-            const fileExtension = this.fileName.substr(this.fileName.lastIndexOf(".") + 1);
-            this._mimeTypeInternal = "image/" + fileExtension;
-        }
-    }
-}
-
 // for refcode CV_DOCUMENTATIE.DOC_TYPE
 var CoDocumentType;
 (function (CoDocumentType) {
@@ -8244,6 +8126,17 @@ var CoDocumentType;
     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 = {}));
+
 const MaxUploadSize = 3145728; // 3Mb
 // @dynamic
 class FileUtils {
@@ -11445,8 +11338,15 @@ ListOfValuesPopupComponent.propDecorators = {
 };
 
 class ListOfValuesComponent extends BaseInputComponent {
-    constructor() {
-        super(...arguments);
+    constructor(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
+        super(changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef);
+        this.formComponent = formComponent;
+        this.changeDetector = changeDetector;
+        this.overlayService = overlayService;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.formUserChangeListener = formUserChangeListener;
+        this.ngZoneWrapper = ngZoneWrapper;
+        this.elementRef = elementRef;
         this.icons = CoreComponentsIcon;
         this.multiselect = false;
         this.largeCollection = false;
@@ -11460,6 +11360,7 @@ class ListOfValuesComponent extends BaseInputComponent {
         this.filteredCollection = [];
         this.isLoading = false;
         this._collection = [];
+        super._markAsOnPush();
     }
     set model(value) {
         super.model = value;
@@ -11604,7 +11505,7 @@ class ListOfValuesComponent extends BaseInputComponent {
                 }
             }
         }
-        this.model = option;
+        this.setModel(option);
         this.modelChange.emit(this.model);
         this.detectChanges();
     }
@@ -11669,6 +11570,7 @@ ListOfValuesComponent.decorators = [
               [id]="label"
               [model]="multiselect ? selectedModels : selectedModel"
               [placeholder]="label"
+              [myFormInputInstance]="this"
               [readonly]="readonly"
               [disabled]="disabled"
               [required]="required"
@@ -11694,7 +11596,7 @@ ListOfValuesComponent.decorators = [
               </div>
           </ng-container>
       </co-input-text>
-      
+
       <co-input-text
               *ngIf="largeCollection"
               [model]="filterText"
@@ -11705,6 +11607,7 @@ ListOfValuesComponent.decorators = [
               (modelChange)="onModelChange($event)">
       </co-input-text>
       <div *ngIf="isLoading" class="filter-loader"><span></span></div>
+      <input type="hidden" [ngModel]="model">
   `,
                 providers: [
                     OverlayService,
@@ -11716,6 +11619,15 @@ ListOfValuesComponent.decorators = [
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+ListOfValuesComponent.ctorParameters = () => [
+    { type: FormComponent, decorators: [{ type: Optional }] },
+    { type: ChangeDetectorRef },
+    { type: OverlayService },
+    { type: ComponentFactoryResolver },
+    { type: FormInputUserModelChangeListenerService },
+    { type: NgZoneWrapperService },
+    { type: ElementRef }
+];
 ListOfValuesComponent.propDecorators = {
     model: [{ type: Input }],
     parentForOverlay: [{ type: ViewChild, args: ['parentForOverlay', { read: ElementRef },] }],