@colijnit/sharedcomponents 1.0.56 → 1.0.58

package/lib/components/docsign/component/signature/signature.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import SignaturePad from "signature_pad";
+export declare class SignatureComponent {
+    set content(content: ElementRef);
+    title: string;
+    saveButtonLabel: string;
+    clearButtonLabel: string;
+    save: EventEmitter<string>;
+    showClass(): boolean;
+    signature: SignaturePad;
+    signatureCanvas: ElementRef;
+    handleSave(event: MouseEvent): void;
+    handleClear(event: MouseEvent): void;
+    private _initCanvas;
+    private _resizeSignatureCanvas;
+}

package/lib/components/docsign/component/signatures/signatures.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "@angular/core";
+export declare class SignaturesComponent {
+    showFirstSignature: boolean;
+    firstSignatureTitle: string;
+    showSecondSignature: boolean;
+    secondSignatureTitle: string;
+    saveButtonLabel: string;
+    clearButtonLabel: string;
+    saveFirstSignature: EventEmitter<string>;
+    saveSecondSignature: EventEmitter<string>;
+    showClass(): boolean;
+}

package/lib/components/docsign/docsign.component.d.ts

@@ -0,0 +1,94 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import { PDFDocument } from "pdf-lib";
+export interface TextDimension {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    page: number;
+}
+export declare class DocsignComponent {
+    iframe: ElementRef;
+    /**
+     * Load an existing [[PDFDocument]]. The input data can be provided in
+     * multiple formats:
+     *
+     * | Type          | Contents                                               |
+     * | ------------- | ------------------------------------------------------ |
+     * | `string`      | A base64 encoded string (or data URI) containing a PDF |
+     * | `Uint8Array`  | The raw bytes of a PDF                                 |
+     * | `ArrayBuffer` | The raw bytes of a PDF                                 |
+     *
+     * For example:
+     * ```js
+     * import { PDFDocument } from 'pdf-lib'
+     *
+     * // pdf=string
+     * const base64 =
+     *  'JVBERi0xLjcKJYGBgYEKCjUgMCBvYmoKPDwKL0ZpbHRlciAvRmxhdGVEZWNvZGUKL0xlbm' +
+     *  'd0aCAxMDQKPj4Kc3RyZWFtCniccwrhMlAAwaJ0Ln2P1Jyy1JLM5ERdc0MjCwUjE4WQNC4Q' +
+     *  '6cNlCFZkqGCqYGSqEJLLZWNuYGZiZmbkYuZsZmlmZGRgZmluDCQNzc3NTM2NzdzMXMxMjQ' +
+     *  'ztFEKyuEK0uFxDuAAOERdVCmVuZHN0cmVhbQplbmRvYmoKCjYgMCBvYmoKPDwKL0ZpbHRl' +
+     *  'ciAvRmxhdGVEZWNvZGUKL1R5cGUgL09ialN0bQovTiA0Ci9GaXJzdCAyMAovTGVuZ3RoID' +
+     *  'IxNQo+PgpzdHJlYW0KeJxVj9GqwjAMhu/zFHkBzTo3nCCCiiKIHPEICuJF3cKoSCu2E8/b' +
+     *  '20wPIr1p8v9/8kVhgilmGfawX2CGaVrgcAi0/bsy0lrX7IGWpvJ4iJYEN3gEmrrGBlQwGs' +
+     *  'HHO9VBX1wNrxAqMX87RBD5xpJuddqwd82tjAHxzV1U5LPgy52DKXWnr1Lheg+j/c/pzGVr' +
+     *  'iqV0VlwZPXGPCJjElw/ybkwUmeoWgxesDXGhHJC/D/iikp1Av80ptKU0FdBEe25pPihAM1' +
+     *  'u6ytgaaWfs2Hrz35CJT1+EWmAKZW5kc3RyZWFtCmVuZG9iagoKNyAwIG9iago8PAovU2l6' +
+     *  'ZSA4Ci9Sb290IDIgMCBSCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCi9UeXBlIC9YUmVmCi9MZW' +
+     *  '5ndGggMzgKL1cgWyAxIDIgMiBdCi9JbmRleCBbIDAgOCBdCj4+CnN0cmVhbQp4nBXEwREA' +
+     *  'EBAEsCwz3vrvRmOOyyOoGhZdutHN2MT55fIAVocD+AplbmRzdHJlYW0KZW5kb2JqCgpzdG' +
+     *  'FydHhyZWYKNTEwCiUlRU9G'
+     *
+     * const dataUri = 'data:application/pdf;base64,' + base64
+     *
+     * const pdfDoc1 = await PDFDocument.load(base64)
+     * const pdfDoc2 = await PDFDocument.load(dataUri)
+     *
+     * // pdf=Uint8Array
+     * import fs from 'fs'
+     * const uint8Array = fs.readFileSync('with_update_sections.pdf')
+     * const pdfDoc3 = await PDFDocument.load(uint8Array)
+     *
+     * // pdf=ArrayBuffer
+     * const url = 'https://pdf-lib.js.org/assets/with_update_sections.pdf'
+     * const arrayBuffer = await fetch(url).then(res => res.arrayBuffer())
+     * const pdfDoc4 = await PDFDocument.load(arrayBuffer)
+     *
+     * ```
+     *
+     * @param pdf The input data containing a PDF document.
+     * @param options The options to be used when loading the document.
+     * @returns Resolves with a document loaded from the input.
+     */
+    set pdf(value: any);
+    get pdf(): any;
+    firstSignatureLabel: string;
+    firstSignatureField: string;
+    secondSignatureLabel: string;
+    secondSignatureField: string;
+    saveButtonLabel: string;
+    clearButtonLabel: string;
+    signDocumentButtonLabel: string;
+    cancelButtonLabel: string;
+    pdfSaved: EventEmitter<string>;
+    cancelClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    showSignaturePopup: boolean;
+    showSigBuyer: boolean;
+    sigBuyerPosition: TextDimension;
+    showSigSeller: boolean;
+    sigSellerPosition: TextDimension;
+    showSignatures: boolean;
+    pdfDoc: PDFDocument;
+    private _pdf;
+    saveFirstSignature(sig: string): void;
+    saveSecondSignature(sig: string): void;
+    private _openPDF;
+    private _savePdf;
+    private _checkSignatures;
+    private _getPositionSignature;
+    private _saveSignature;
+    private _handlePdfData;
+    private _preparePDF;
+}

package/lib/components/docsign/docsign.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DocsignModule {
+}

package/lib/components/docsign/style/_material-definition.scss

@@ -0,0 +1,12 @@
+$sc-signature-button-sign-left: inherit !default;
+$sc-signature-button-sign-top: inherit !default;
+$sc-signature-button-sign-right: 25px !default;
+$sc-signature-button-sign-bottom: 75px !default;
+$sc-signature-button-sign-background-color: $sc-color-action !default;
+$sc-signature-button-sign-color: $sc-color-light !default;
+$sc-signature-button-cancel-left: inherit !default;
+$sc-signature-button-cancel-top: inherit !default;
+$sc-signature-button-cancel-right: 25px !default;
+$sc-signature-button-cancel-bottom: 25px !default;
+$sc-signature-button-cancel-background-color: $sc-color-action !default;
+$sc-signature-button-cancel-color: $sc-color-light !default;

package/lib/components/file-upload/file-upload.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter, OnDestroy } from "@angular/core";
+import { FormComponent, PromptService } from "@colijnit/corecomponents_v12";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+import { Icon } from "../../enum/icon.enum";
+import { FileTypeImagePipe } from "../../pipe/file-type-image.pipe";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class FileUploadComponent implements OnDestroy {
+    private _promptService;
+    private _fileTypeImgPipe;
+    iconService: IconCacheService;
+    readonly icons: typeof Icon;
+    form: FormComponent;
+    set file(document: CoDocument);
+    get file(): CoDocument;
+    icon: Icon;
+    link: boolean;
+    readonly: boolean;
+    isAddingTile: boolean;
+    fileSavesOnPopupOkClick: boolean;
+    isEditable: boolean;
+    set label(value: string);
+    get label(): string;
+    showTrashCan: boolean;
+    showImage: boolean;
+    customImageClick: boolean;
+    deleteClick: EventEmitter<any>;
+    editClick: EventEmitter<CoDocument>;
+    imageClick: EventEmitter<CoDocument>;
+    showClass(): boolean;
+    get isLink(): boolean;
+    previewImage: string;
+    private _file;
+    private _docBodyChangeSub;
+    private _label;
+    constructor(_promptService: PromptService, _fileTypeImgPipe: FileTypeImagePipe, iconService: IconCacheService);
+    ngOnDestroy(): void;
+    onDeleteClick(): void;
+    onImageClick(): Promise<void>;
+    onPencilClick(): Promise<void>;
+    private _listenForDocumentBodyChanges;
+    private _updatePreviewImage;
+}

package/lib/components/file-upload/file-upload.module.d.ts

@@ -0,0 +1,2 @@
+export declare class FileUploadModule {
+}

package/lib/components/file-upload/style/_layout.scss

@@ -0,0 +1,59 @@
+@include export-module('co-file-upload-layout') {
+  .co-file-upload {
+    font-family: $sc-file-upload-font-family;
+    font-size: $sc-file-upload-font-size;
+    position: relative;
+    &.link {
+      .image {
+        cursor: pointer;
+      }
+    }
+    .image {
+      cursor: pointer;
+    }
+    ::ng-deep .hidden {
+      display: none !important;
+    }
+    &:hover {
+      button-colijn.edit-file {
+        opacity: 1;
+        transition: 0.14s ease-out
+      }
+    }
+    .trash {
+      cursor: pointer;
+      opacity: 0.5;
+      background-color: lightgrey;
+      position: absolute;
+      top: 0;
+      right: 0;
+      &:hover {
+        opacity: 1;
+      }
+    }
+    .add-button {
+      cursor: pointer;
+      position: absolute;
+      bottom: 0;
+      right: 0;
+    }
+
+    tile-render {
+      height: auto;
+    }
+
+    .edit-file {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin-right: -50%;
+      transform: translate(-50%, -50%);
+      cursor: pointer;
+      padding: 0;
+      opacity: 0;
+      background-color: #1A73E8;
+    }
+  }
+}
+
+

package/lib/components/file-upload/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$sc-file-upload-font-family: $sc-font-family !default;
+$sc-file-upload-font-size: $sc-font-size !default;

package/lib/components/file-upload/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-file-upload-theme') {
+  .co-file-upload {
+  }
+}

package/lib/components/file-upload/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/file-upload-popup/file-upload-popup.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormComponent } from '@colijnit/corecomponents_v12';
+import { DocumentPublication } from "@colijnit/articleapi/build/enum/refcode/document-publication.enum";
+import { StoreGroup } from "@colijnit/mainapi/build/model/store-group.bo";
+import { PromptService } from "@colijnit/corecomponents_v12";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+import { TagCategory } from "../../enum/tag-category.enum";
+import { FilesUploadConfigObjects } from "../../enum/files-upload-config-objects";
+import { TableName } from "../../enum/table-name.enum";
+import { FileType } from "../../enum/file-type";
+import { DocumentEmailReport } from "../../enum/document-email-report.enum";
+import { TagsComponentConfigNames } from "../../enum/tags-component-config-names";
+import { DomainMultipleName } from "../../enum/domain-multiple-name.enum";
+import { TagTreeItem } from "../../model/tag-tree-item.bo";
+import { FileTypeImagePipe } from "../../pipe/file-type-image.pipe";
+export declare class FileUploadPopupComponent implements OnInit {
+    private _promptService;
+    private _fileTypeImgPipe;
+    form: FormComponent;
+    useWithoutSettingProps: boolean;
+    hasPublicAccessVisible: boolean;
+    showDocumentReportPicker: boolean;
+    set documentUnderEdit(doc: CoDocument);
+    get documentUnderEdit(): CoDocument;
+    set readonly(value: boolean);
+    set filesUploadConfigObjects(value: FilesUploadConfigObjects);
+    tagCategory: TagCategory;
+    medicalUserGroups: boolean;
+    displayReadWriteAccess: boolean;
+    tagReferenceTable: TableName;
+    documentKey: string;
+    documentTable: string;
+    fileType: FileType;
+    addDocumentByUrl: boolean;
+    readonly documentChangeEvent: EventEmitter<CoDocument>;
+    readonly popupCloseEvent: EventEmitter<void>;
+    showClass(): boolean;
+    readonly documentPublication: typeof DocumentPublication;
+    readonly documentEmailReports: typeof DocumentEmailReport;
+    get showReadWriteAccess(): boolean;
+    get filesUploadConfigObjects(): FilesUploadConfigObjects;
+    get isWorkability(): boolean;
+    get docUnderEditIsReadOnly(): boolean;
+    get thumbnail(): string;
+    get popupHeader(): string;
+    get publicationConfigName(): string;
+    get tagsConfigName(): TagsComponentConfigNames;
+    readonly domain: typeof DomainMultipleName;
+    readonly fileTypes: typeof FileType;
+    _documentUnderEdit: CoDocument;
+    hideCancel: boolean;
+    storeGroups: StoreGroup[];
+    publicationIds: number[];
+    storeGroupIds: string[];
+    userGroupsForWrite: number[];
+    userGroupsForRead: number[];
+    documentTags: TagTreeItem[];
+    private _filesUploadConfigObjects;
+    private _boFactory;
+    private _readonly;
+    private _publicationNumber;
+    private _reportsNumber;
+    private _thumbnail;
+    constructor(_promptService: PromptService, _fileTypeImgPipe: FileTypeImagePipe);
+    ngOnInit(): void;
+    loadCollection(): Promise<void>;
+    onPreviewClick(): void;
+    saveDocumentUnderEditRights(): void;
+    onPopupOkClick(): void;
+    handlePropertyChange(refSumOfEnabledItems: number): any;
+    handleReportsPropertyChange(refSumOfEnabledItems: number): any;
+    onValidSubmit(): Promise<void>;
+    onPopupCancelClick(): Promise<void>;
+    onPopupClose(): void;
+}

package/lib/components/file-upload-popup/file-upload-popup.module.d.ts

@@ -0,0 +1,2 @@
+export declare class FileUploadPopupModule {
+}

package/lib/components/file-upload-popup/style/_layout.scss

@@ -0,0 +1,48 @@
+@include export-module('co-file-upload-popup-layout') {
+  .co-file-upload-popup {
+    font-family: $sc-file-upload-popup-font-family;
+    font-size: $sc-file-upload-popup-font-size;
+    .co-dialog {
+      display: flex;
+      flex-direction: row;
+      overflow-y: auto;
+
+      .document-thumb {
+        height: 120px;
+      }
+
+      .horizontal-layout-column {
+        > div {
+          width: 50%;
+
+          &.right, &.column-right {
+            margin-left: 15px;
+          }
+        }
+
+        display: flex;
+      }
+
+      multiple-property-toggler {
+        width: 500px;
+
+        .property-toggling-container {
+          height: 150px;
+          display: flex;
+          gap: 10px;
+          flex-wrap: wrap;
+
+          .row {
+            width: 32%;
+            display: flex;
+            font-size: 10px;
+            align-items: center;
+            height: auto;
+          }
+        }
+      }
+    }
+  }
+}
+
+

package/lib/components/file-upload-popup/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$sc-file-upload-popup-font-family: $sc-font-family !default;
+$sc-file-upload-popup-font-size: $sc-font-size !default;

package/lib/components/file-upload-popup/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-file-upload-popup-theme') {
+  .co-file-upload-popup {
+
+  }
+}

package/lib/components/files-upload/components/base-file-upload.component.d.ts

@@ -0,0 +1,98 @@
+import { ComponentFactoryResolver, EventEmitter, OnDestroy, ViewContainerRef } from "@angular/core";
+import { ScreenConfigAdapterComponent } from "@colijnit/corecomponents_v12";
+import { TableName } from "../../../enum/table-name.enum";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { FileType } from "@colijnit/mainapi/build/enum/file-type.enum";
+import { OperationCallbackSimpleFunction } from "../../../interface/operation-callback-simple-function";
+import { InternalParam } from "../../../enum/internal-param.enum";
+import { FilesUploadConfigObjects } from "../../../enum/files-upload-config-objects";
+import { TagCategory } from "../../../enum/tag-category.enum";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+export declare abstract class BaseFileUploadComponent implements ScreenConfigAdapterComponent, OnDestroy {
+    protected _dictionaryService: DictionaryService;
+    protected _container: ViewContainerRef;
+    protected _factory: ComponentFactoryResolver;
+    decimals: number;
+    forceReadonly: boolean;
+    maxLength: number;
+    objectConfigName: string;
+    redErrorBackground: boolean;
+    required: boolean;
+    set fileType(value: FileType);
+    get fileType(): FileType;
+    documents: CoDocument[];
+    documentTable: TableName;
+    set documentKey(value: string);
+    get documentKey(): string;
+    fullPageDrop: boolean;
+    canAdd: boolean;
+    dropMessage: string;
+    addWithButton: boolean;
+    canDelete: boolean;
+    noDragDropOrdering: boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
+    askBeforeDelete: boolean;
+    resizeImages: boolean;
+    lockOperation: OperationCallbackSimpleFunction;
+    unlockOperation: OperationCallbackSimpleFunction;
+    beforeDeleteOperation: OperationCallbackSimpleFunction;
+    afterDeleteOperation: OperationCallbackSimpleFunction;
+    beforeCreateOperation: OperationCallbackSimpleFunction;
+    afterCreateOperation: OperationCallbackSimpleFunction;
+    beforeEditOperation: OperationCallbackSimpleFunction;
+    dontAskBeforeDelete: boolean;
+    noOwnDeleteOperation: boolean;
+    private _fileType;
+    set maxUploadSizeParam(value: InternalParam);
+    useWithoutSettingProps: boolean;
+    filesUploadConfigObjects: FilesUploadConfigObjects;
+    medicalUserGroups: boolean;
+    tagCategory: TagCategory;
+    tagReferenceTable: TableName;
+    displayReadWriteAccess: boolean;
+    useCustomFileDropEvent: boolean;
+    customFileDropEvent: EventEmitter<FileList>;
+    readonly documentsAdded: EventEmitter<CoDocument[]>;
+    readonly documentDeleted: EventEmitter<CoDocument>;
+    readonly sortableListChanged: EventEmitter<CoDocument[]>;
+    documentChangeEvent: EventEmitter<CoDocument>;
+    popupOpenedStateChange: EventEmitter<boolean>;
+    hidden: boolean;
+    onDrop(event: DragEvent): void;
+    onDragEnd(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    onDragEnter(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    documentUnderEdit: CoDocument;
+    acceptedUploadFormats: string;
+    protected _maxUploadFileSize: number;
+    private _dragEnterTarget;
+    private _documentKey;
+    private _dropZone;
+    private _popup;
+    private _docChangeSub;
+    private _popupCloseSub;
+    private _readonly;
+    constructor(_dictionaryService: DictionaryService, _container: ViewContainerRef, _factory: ComponentFactoryResolver);
+    ngOnDestroy(): void;
+    private _showDropzone;
+    private _clearDropzone;
+    handleDelete(file: CoDocument): Promise<boolean>;
+    private _delete;
+    handleSortingChange(docs: CoDocument[]): void;
+    handleFileChange(event: any): Promise<void>;
+    handleEditDocumentClick(docToEdit: CoDocument): Promise<void>;
+    openPopup(): Promise<void>;
+    openPopupToAddDocumentByUrl(): void;
+    private _createDocumentToAddByUrl;
+    private _createAndFillPopupInstance;
+    protected convertFilesIntoCoDocuments(files: FileList): Promise<CoDocument[]>;
+    filesPicked(files: FileList): Promise<void>;
+    handleAcceptedFileTypesLoaded(value: FileType): void;
+    private _getFileAsDocument;
+    private _setInternalParamObj;
+    private _lockDocument;
+    private _unlockDocument;
+    private _prepareFileRights;
+}

package/lib/components/files-upload/components/drag-drop-container.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, AfterViewInit, OnDestroy, Renderer2, EventEmitter } from "@angular/core";
+import { DragDropService } from "../../../service/drag-drop.service";
+export declare class DragDropContainerComponent implements AfterViewInit, OnDestroy {
+    private _elementRef;
+    private _renderer;
+    private _dragDropService;
+    /**
+     * Model of list containing draggable items
+     */
+    sortableList: any[];
+    handleSort: boolean;
+    set enabled(value: boolean);
+    /**
+     * Class of the handle to drag operations
+     */
+    dragHandle: string;
+    sortingChange: EventEmitter<any[]>;
+    showClass: boolean;
+    private _container;
+    private _enabled;
+    private _handleOrderSub;
+    private _initialized;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, _dragDropService: DragDropService);
+    ngAfterViewInit(): void;
+    /**
+     * Cleanup...
+     */
+    ngOnDestroy(): void;
+    handleEnabledChange(): void;
+    private _createDragDrop;
+    private _removeDragDrop;
+    private _handleOrder;
+    private _updateEnableDisableContainer;
+}

package/lib/components/files-upload/files-upload.component.d.ts

@@ -0,0 +1,32 @@
+import { ComponentFactoryResolver, ElementRef, EventEmitter, OnDestroy, TemplateRef, ViewContainerRef } from "@angular/core";
+import { BaseFileUploadComponent } from "./components/base-file-upload.component";
+import { DictionaryService } from "../../service/dictionary.service";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+import { TagTreeItem } from "@colijnit/mainapi/build/model/tag-tree-item.bo";
+export declare class FilesUploadComponent extends BaseFileUploadComponent implements OnDestroy {
+    protected _container: ViewContainerRef;
+    protected _factory: ComponentFactoryResolver;
+    set dropzone(value: boolean);
+    slideoutTemplate: TemplateRef<any>;
+    input: ElementRef;
+    label: string;
+    cfgNames: any;
+    customImageClick: boolean;
+    isEditable: boolean;
+    hideAvatars: boolean;
+    fileSavesOnPopupOkClick: string;
+    selected: string;
+    readonly editSlideoutSubmit: EventEmitter<void>;
+    tagsChangeEvent: EventEmitter<TagTreeItem[]>;
+    imageClick: EventEmitter<CoDocument>;
+    showClass(): boolean;
+    get editable(): boolean;
+    get empty(): boolean;
+    mouseOverAdd: boolean;
+    slideoutShown: boolean;
+    isDropzone: boolean;
+    constructor(dictionaryService: DictionaryService, _container: ViewContainerRef, _factory: ComponentFactoryResolver);
+    ngOnDestroy(): void;
+    openFileBrowser(): Promise<void>;
+    handleAddClick(): void;
+}

package/lib/components/files-upload/files-upload.module.d.ts

@@ -0,0 +1,2 @@
+export declare class FilesUploadModule {
+}

package/lib/components/files-upload/style/_layout.scss

@@ -0,0 +1,49 @@
+@include export-module('files-upload-layout') {
+  .co-files-upload {
+    &:not(&.empty) {
+      min-height: 216px; // default of single tile-render dimensions
+      min-width: 117px;
+
+      &.dropzone {
+        height: 100px;
+        width: 200px;
+        max-height: 100px;
+        max-width: 200px;
+        min-height: 0; // default of single tile-render dimensions
+        min-width: 0;
+      }
+    }
+
+    file-upload {
+      margin: 1px;
+      margin-bottom: 10px;
+    }
+
+    file-upload:not(:last-child) {
+      margin-right: 10px;
+    }
+
+    file-upload.add-file {
+      display: none;
+    }
+
+    &.editable {
+      file-upload.add-file {
+        display: block;
+      }
+    }
+
+    &.filedrag {
+      .drop-files-wrapper {
+        display: flex;
+      }
+    }
+    .co-drag-drop-container {
+      display: flex;
+      align-items: center;
+    }
+
+  }
+}
+
+

package/lib/components/files-upload/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('files-upload-theme') {
+  .files-upload {
+
+  }
+}

package/lib/components/files-upload/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/image-display/image-display.component.d.ts

@@ -0,0 +1,14 @@
+import { ScreenConfigAdapterComponent } from '@colijnit/corecomponents_v12';
+export declare class ImageDisplayComponent implements ScreenConfigAdapterComponent {
+    model: string;
+    label: string;
+    showClass(): boolean;
+    objectConfigName: string;
+    hidden: boolean;
+    required: boolean;
+    forceReadonly: boolean;
+    readonly: boolean;
+    maxLength: number;
+    decimals: number;
+    redErrorBackground: boolean;
+}

package/lib/components/image-display/image-display.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ImageDisplayModule {
+}