@colijnit/sharedcomponents 1.0.57 → 1.0.58

package/lib/businessobject/build-images-and-documentation-result.d.ts

@@ -0,0 +1,5 @@
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+export interface BuildImagesAndDocumentationResult {
+    images: CoDocument[];
+    documentation: CoDocument[];
+}

package/lib/businessobject/co-document-right.bo.d.ts

@@ -0,0 +1,6 @@
+import { ObjectRightType } from "@colijnit/sharedapi/build/enum/object-right-type.enum";
+export declare class CoDocumentRight {
+    userGroupId: number;
+    documentId: number;
+    rightLevel: ObjectRightType;
+}

package/lib/businessobject/drag-drop-container-element.d.ts

@@ -0,0 +1,6 @@
+import { DragDropContainer } from "./drag-drop-container";
+export interface DragDropContainerElement {
+    container: DragDropContainer;
+    element: HTMLElement;
+    elementIdx: number;
+}

package/lib/businessobject/drag-drop-container.d.ts

@@ -0,0 +1,6 @@
+import { CoOrientation } from "@colijnit/corecomponents_v12";
+export declare class DragDropContainer {
+    element: HTMLElement;
+    direction: CoOrientation;
+    constructor(element: HTMLElement, direction: CoOrientation);
+}

package/lib/components/access/read-write-access.scss

@@ -0,0 +1,25 @@
+:host {
+
+}
+
+h4 {
+  margin: 10px 0;
+}
+
+.horizontal-layout-column {
+  display: flex;
+  padding-top: 10px;
+  padding-bottom: 10px;
+
+  input-lov-multi-select {
+    width: 50%;
+
+    &:first-child {
+      padding-right: 10px;
+    }
+
+    &:last-child {
+      padding-left: 10px;
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+@include export-module('co-read-write-access-layout') {
+  h4 {
+    margin: 10px 0;
+  }
+
+  .horizontal-layout-column {
+    display: flex;
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    input-lov-multi-select {
+      width: 50%;
+
+      &:first-child {
+        padding-right: 10px;
+      }
+
+      &:last-child {
+        padding-left: 10px;
+      }
+    }
+  }
+}

package/lib/components/access/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/access/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-read-write-access-theme') {
+  .co-read-write-access {
+  }
+}

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

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

package/lib/components/activity-list/activity-list.component.d.ts

@@ -0,0 +1,33 @@
+import { OnInit } from '@angular/core';
+import { Icon } from "../../enum/icon.enum";
+import { RelationKind } from "@colijnit/articleapi/build/enum/relation-kind.enum";
+import { Activity } from "@colijnit/mainapi/build/model/activity.bo";
+import { ActivityType } from "@colijnit/mainapi/build/enum/activity-type";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { TimeUtils } from "@colijnit/mainapi/build/utils/time-utils";
+import { RelationSmallObject } from "@colijnit/mainapi/build/model/relation-small-object.bo";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+export declare class ActivityListComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    private _dictionaryService;
+    readonly Icon: typeof Icon;
+    readonly RelationKind: typeof RelationKind;
+    readonly ActivityType: typeof ActivityType;
+    readonly TimeUtils: typeof TimeUtils;
+    showClass(): boolean;
+    activities: Activity[];
+    remarkIcon: Icon;
+    workIcon: Icon;
+    showActivityPopup: Boolean;
+    currentActivityDocuments: CoDocument[];
+    constructor(iconCacheService: IconCacheService, _dictionaryService: DictionaryService);
+    ngOnInit(): Promise<void>;
+    getRelationKind(author: RelationSmallObject): RelationKind;
+    getDateString(date: Date): string;
+    getActivityIcon(activity: Activity): Icon;
+    showAttachments(activity: Activity): boolean;
+    showWorkedTime(activity: Activity): boolean;
+    getWorkedTime(activity: Activity): number;
+    openActivityPopup(activity: Activity): void;
+}

package/lib/components/activity-list/activity-list.module.d.ts

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

package/lib/components/activity-list/style/_layout.scss

@@ -0,0 +1,68 @@
+@include export-module('cc-activity-list-layout') {
+  .co-activity-list {
+    .activity-list-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: 10px;
+
+      .activity-wrapper {
+        display: flex;
+        justify-content: flex-end;
+
+        .activity-display {
+          display: flex;
+          flex-direction: column;
+          row-gap: 5px;
+          width: 75%;
+
+          .activity-display-title {
+            display: flex;
+            flex-direction: row;
+            column-gap: 10px;
+            align-items: center;
+            justify-content: flex-end;
+            padding-right: 5px;
+
+            .co-icon {
+              width: 20px;
+              height: 20px;
+            }
+          }
+
+          .activity-display-content {
+            display: flex;
+            flex-direction: column;
+            border-radius: 5px;
+            background-color: $sc-color-action;
+            padding: 10px;
+
+            .activity-display-body {
+              display: flex;
+              align-items: center;
+            }
+
+            .activity-display-footer {
+              display: flex;
+              flex-direction: row;
+              column-gap: 10px;
+              align-items: center;
+              justify-content: flex-end;
+
+              .co-icon {
+                width: 20px;
+                height: 20px;
+              }
+            }
+          }
+
+          .customer-reply-content {
+            background-color: $sc-color-light-accent;
+          }
+        }
+      }
+      .customer-reply-wrapper {
+        justify-content: flex-start;
+      }
+    }
+  }
+}

package/lib/components/activity-list/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-activity-list-theme') {
+  .co-activity-list {
+  }
+}

package/lib/components/activity-list/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/app-file-dropzone/app-file-dropzone.component.d.ts

@@ -0,0 +1,14 @@
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { DictionaryService } from "../../service/dictionary.service";
+export declare class AppFileDropzoneComponent {
+    protected dictionary: DictionaryService;
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    customDropActionMessage: string;
+    showClass(): boolean;
+    readonly Icons: typeof Icon;
+    private readonly _defaultDropActionMessage;
+    constructor(dictionary: DictionaryService, iconCacheService: IconCacheService);
+    getDropActionMessage(): string;
+}

package/lib/components/app-file-dropzone/app-file-dropzone.module.d.ts

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

package/lib/components/app-file-dropzone/style/_layout.scss

@@ -0,0 +1,61 @@
+@include export-module('co-app-file-dropzone-layout') {
+  .co-app-file-dropzone {
+  {
+    pointer-events: none;
+    position: fixed;
+    top : 0;
+    left : 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9001; //should overlay popup cards too
+    display: flex;
+  }
+
+    .drop-files-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      div.description {
+        display: flex;
+        flex-direction: column;
+        padding: 20px;
+        height: 200px;
+        width: 350px;
+        background:  #171721;
+        border: 1px solid red;
+        border-radius: 4px;
+        color: white;
+      }
+      span.title {
+        border: 1px solid white;
+        border-width: 0 0 1px 0;
+        padding-bottom: 11px;
+        margin-bottom: 11px;
+        /* font-weight: bold; */
+        font-size: 16px;
+      }
+    }
+    .dropzone {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+    .icon-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+    }
+    icon ::ng-deep {
+      height: 100px;
+      width: 100px;
+      svg [fill] {
+        fill: #FFFFFF;
+      }
+    }
+  }
+}
+
+

package/lib/components/app-file-dropzone/style/_theme.scss

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

package/lib/components/app-file-dropzone/style/material.scss

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

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