@colijnit/sharedcomponents 1.0.57 → 1.0.59

package/lib/components/docsign/style/_layout.scss

@@ -1,40 +1,40 @@
-@include export-module('co-docsign-layout') {
-  .co-docsign {
-    position: relative;
-    display: block;
-    width: 100%;
-    height: 100%;
-    iframe {
-      border-style: none;
-      height: 100%;
-      width: 100%;
-    }
-    input[type="button"] {
-      font-family: $sc-font-family;
-      border-radius: $sc-signature-button-border-radius;
-      border: $sc-signature-button-border;
-      padding: $sc-signature-button-padding;
-    }
-    .button-sign-document {
-      position: absolute;
-      left: $sc-signature-button-sign-left;
-      top: $sc-signature-button-sign-top;
-      right: $sc-signature-button-sign-right;
-      bottom: $sc-signature-button-sign-bottom;
-    }
-    .button-cancel {
-      position: absolute;
-      left: $sc-signature-button-cancel-left;
-      top: $sc-signature-button-cancel-top;
-      right: $sc-signature-button-cancel-right;
-      bottom: $sc-signature-button-cancel-bottom;
-    }
-    .co-signatures {
-      position: absolute;
-      width: 100%;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-}
+@include export-module('co-docsign-layout') {
+  .co-docsign {
+    position: relative;
+    display: block;
+    width: 100%;
+    height: 100%;
+    iframe {
+      border-style: none;
+      height: 100%;
+      width: 100%;
+    }
+    input[type="button"] {
+      font-family: $sc-font-family;
+      border-radius: $sc-signature-button-border-radius;
+      border: $sc-signature-button-border;
+      padding: $sc-signature-button-padding;
+    }
+    .button-sign-document {
+      position: absolute;
+      left: $sc-signature-button-sign-left;
+      top: $sc-signature-button-sign-top;
+      right: $sc-signature-button-sign-right;
+      bottom: $sc-signature-button-sign-bottom;
+    }
+    .button-cancel {
+      position: absolute;
+      left: $sc-signature-button-cancel-left;
+      top: $sc-signature-button-cancel-top;
+      right: $sc-signature-button-cancel-right;
+      bottom: $sc-signature-button-cancel-bottom;
+    }
+    .co-signatures {
+      position: absolute;
+      width: 100%;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+}

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

@@ -1,12 +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;
+$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/docsign/style/_theme.scss

@@ -1,12 +1,12 @@
-@include export-module('co-docsign-theme') {
-  .co-docsign {
-    .button-sign-document {
-      background-color: $sc-signature-button-sign-background-color;
-      color: $sc-signature-button-sign-color;
-    }
-    .button-cancel {
-      background-color: $sc-signature-button-cancel-background-color;
-      color: $sc-signature-button-cancel-color;
-    }
-  }
-}
+@include export-module('co-docsign-theme') {
+  .co-docsign {
+    .button-sign-document {
+      background-color: $sc-signature-button-sign-background-color;
+      color: $sc-signature-button-sign-color;
+    }
+    .button-cancel {
+      background-color: $sc-signature-button-cancel-background-color;
+      color: $sc-signature-button-cancel-color;
+    }
+  }
+}

package/lib/components/docsign/style/material.scss

@@ -1,15 +1,15 @@
-@import "../../../style/mixin";
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
-
-@import "../component/signatures/style/material";
-//@import 'ej2-base/styles/material.scss';
-//@import 'ej2-buttons/styles/material.scss';
-//@import 'ej2-dropdowns/styles/material.scss';
-//@import 'ej2-inputs/styles/material.scss';
-//@import 'ej2-navigations/styles/material.scss';
-//@import 'ej2-popups/styles/material.scss';
-//@import 'ej2-splitbuttons/styles/material.scss';
-//@import 'ej2-pdfviewer/styles/material.scss';
-//@import 'ej2-notifications/styles/material.scss';
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+@import "../component/signatures/style/material";
+//@import 'ej2-base/styles/material.scss';
+//@import 'ej2-buttons/styles/material.scss';
+//@import 'ej2-dropdowns/styles/material.scss';
+//@import 'ej2-inputs/styles/material.scss';
+//@import 'ej2-navigations/styles/material.scss';
+//@import 'ej2-popups/styles/material.scss';
+//@import 'ej2-splitbuttons/styles/material.scss';
+//@import 'ej2-pdfviewer/styles/material.scss';
+//@import 'ej2-notifications/styles/material.scss';

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/file-upload-popup/style/material.scss

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

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";