@colijnit/sharedcomponents 1.0.57 → 1.0.58

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 {
+}

package/lib/components/image-display/style/_layout.scss

@@ -0,0 +1,56 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-image-display-layout') {
+  .co-image-display {
+    font-family: $tp-image-display-no-image-font-family;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    .image-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+
+    .image {
+      height: 100%;
+      width: 100%;
+      object-fit: contain;
+    }
+    .no-image {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      justify-content: center;
+      opacity: $tp-image-display-no-image-opacity;
+      .img {
+        width: 60%;
+        height: 60%;
+        background: url($tp-image-display-no-image-src) no-repeat top;
+      }
+      .no-image-label {
+        font-size: $tp-image-display-no-image-label-font-size;
+        text-align: center;
+      }
+    }
+
+    &.cover-image {
+      div.image {
+        background-size: cover;
+      }
+    }
+    &.circle {
+      .img-wrapper,
+      .image {
+        border-radius: 50%;
+      }
+    }
+  }
+}

package/lib/components/image-display/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-image-display-no-image-src: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+DQogICAgPHBhdGggZD0iTTM1LDE4bC0zLTRIMjJsLTMsNEgxNlYzNkg0MFYxOFpNMjQsMTZoNnYySDI0Wm0yLjUsMThBNi41LDYuNSwwLDEsMSwzMywyNy41LDYuNTEsNi41MSwwLDAsMSwyNi41LDM0Wk0zOCwyMkgzNlYyMGgyWiINCiAgICAgICAgICBmaWxsPSIjNDg0ZjYwIi8+DQogICAgPHJlY3QgeD0iMTAiIHk9IjE4IiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgZmlsbD0iIzQ4NGY2MCIvPg0KICAgIDxyZWN0IHg9IjExIiB5PSIxNSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iIzQ4NGY2MCIvPg0KICAgIDxwYXRoIGQ9Ik0yNi41LDMyQTQuNSw0LjUsMCwxLDEsMzEsMjcuNSw0LjUxLDQuNTEsMCwwLDEsMjYuNSwzMloiIGZpbGw9IiM0ODRmNjAiLz4NCjwvc3ZnPg0K" !default;
+$tp-image-display-no-image-font-family: $tp-font-family !default;
+$tp-image-display-no-image-label-font-size: 12px !default;
+$tp-image-display-no-image-opacity: 0.3 !default;

package/lib/components/image-display/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-image-display-theme') {
+  .co-image-display {
+  }
+}

package/lib/components/image-display/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/multi-property-toggler/multiple-property-toggler.component.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Custom component for enabling and disabling multiple items based on an input enum
+ * For the component to work, an enum is required and a list of enabled items so that
+ * the component knows which items from the enum are already enabled
+ *
+ * Note: can be improved by not only accepting a string array of enabledItemProperties but also a full cgref number because that will save one conversion step as
+ * BO's already contain these numbers.
+ */
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { KeyValuePair } from "../../interface/key-value-pair";
+import { Icon } from "../../enum/icon.enum";
+export declare class MultiplePropertyTogglerComponent implements AfterViewInit {
+    label: string;
+    propertyNamesToToggle: any;
+    readonly: boolean;
+    enableditems: number;
+    enableditemsChange: EventEmitter<number>;
+    readonly onPropertyItemChange: EventEmitter<number>;
+    showClass(): boolean;
+    readonly Icons: typeof Icon;
+    objectifiedEnum: KeyValuePair[];
+    enabledItemNumberList: number[];
+    ngAfterViewInit(): void;
+    isValueActive(propertyToCheck: any): boolean;
+    clickToToggleProperty(target: any): void;
+    makeNumberArrayFromCgRefCodeSum(): void;
+}

package/lib/components/multi-property-toggler/multiple-property-toggler.module.d.ts

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

package/lib/components/multi-property-toggler/style/_layout.scss

@@ -0,0 +1,24 @@
+@include export-module('co-multiple-property-toggler-layout') {
+  .co-multiple-property-toggler {
+    display: grid;
+    .row {
+      height: 40px;
+      width: 100%;
+      float: left;
+
+      input-checkbox {
+        float: left;
+        position: relative;
+        background: transparent;
+      }
+
+      label {
+        top: 2px;
+        position: relative;
+        font-size: inherit;
+      }
+    }
+  }
+}
+
+

package/lib/components/multi-property-toggler/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-multiple-property-toggler-theme') {
+  .co-multiple-property-toggler {
+  }
+}

package/lib/components/multi-property-toggler/style/material.scss

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

package/lib/components/tile-renderer/style/_layout.scss

@@ -0,0 +1,90 @@
+@include export-module('co-tile-render-layout') {
+  .co-tile-render {
+    box-shadow: 0 0 2px 0 rgba(72,79,96,.25);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    height: 216px; // just defaults: consumer of <tile-renderer> can give his own outter dimensions in css
+    width: 117px;
+    background-color: #F7FAFA;
+
+    &.selected {
+      box-shadow: 0 0 2px 2px, #73B77E;
+    }
+
+    &.small-size {
+      padding: 2px;
+      width: 58px;
+      height: 75px;
+      div.image {
+        width: 53px;
+        height: 55px;
+        icon.selected {
+          top: 50%;
+          left: 50%;
+          margin-right: -50%;
+          transform: translate(-50%, -50%);
+        }
+      }
+      div.info {
+        span.price {
+          font-size: 11px;
+          font-weight: normal;
+        }
+      }
+    }
+
+    &:not(.selected):hover {
+      box-shadow: 0 0 2px 0 #1A73E8;
+    }
+
+    div.image {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      margin-bottom: 11px;
+      height: 120px;
+      background-color: white;
+      tag-label {
+        position: absolute;
+        top: 4px;
+        left: 3px;
+      }
+
+
+      div.info {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        padding: 5px;
+        justify-content: center;
+        min-height: 40px;
+        span.label {
+          font-size: 10px;
+        }
+        span.description {
+          overflow: hidden;
+          word-wrap: break-word;
+        }
+        span.price {
+          position: absolute;
+          font-weight: bold;
+          bottom: 6px;
+          left: 6px;
+        }
+      }
+
+      image-display {
+        padding: 5px;
+      }
+    }
+  }
+
+
+
+
+

package/lib/components/tile-renderer/style/_theme.scss

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

package/lib/components/tile-renderer/style/material.scss

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

package/lib/components/tile-renderer/tile-render.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnDestroy, TemplateRef } from "@angular/core";
+import { TileSizeType } from "../../enum/tile-size-type";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class TileRenderComponent implements OnDestroy {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    infoTemplate: TemplateRef<any>;
+    imageDataUri: string;
+    tagDescription: string;
+    label: string;
+    description: string;
+    tileSize: TileSizeType;
+    price: number;
+    hidePrice: boolean;
+    iconWhenSelected: string;
+    /**
+     * By default, this component shows a special icon and missing-image text for the image when it's empty. Set this to true
+     * to hide the whole image-display instead, when there was no image given.
+     */
+    hideImageDisplayWhenNoImage: boolean;
+    selected: boolean;
+    imageClick: EventEmitter<any>;
+    infoClick: EventEmitter<any>;
+    get inSmallTileMode(): boolean;
+    showClass(): boolean;
+    get inLargeTileMode(): boolean;
+    constructor(iconCacheService: IconCacheService);
+    ngOnDestroy(): void;
+    protected readonly Icon: typeof Icon;
+}

package/lib/components/tile-renderer/tile-render.module.d.ts

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

package/lib/decorator/input-boolean.decorator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Property decorator which enables template syntax like "someBoolInput" instead of "[someBoolInput]='true'". Makes use of the fact that
+ * Angular assigns an empty string to the input property in the naked "someBoolInput" template case.
+ */
+export declare function InputBoolean(bindingPropertyName?: string): PropertyDecorator;
+export declare class InputBooleanDecorator {
+    static InputValueToBoolean(value: any): boolean;
+}

package/lib/enum/document-email-report.enum.d.ts

@@ -0,0 +1,15 @@
+export declare enum DocumentEmailReport {
+    Orderbevestiging = 1,
+    Afleverbon = 2,
+    Factuur = 4,
+    Bestelbon = 8,
+    Atelierbon = 16,
+    Werkbon = 32,
+    Vrachtbrief = 64,
+    Leverindicatie = 128,
+    Uitlopende_levering = 256,
+    Goederen_binnen = 512,
+    Afspraakbevestiging = 1024,
+    Herinneringsbestelbon = 2048,
+    Aanmaninglevertijd = 4096
+}

package/lib/enum/domain-multiple-name.enum.d.ts

@@ -0,0 +1,10 @@
+export declare enum DomainMultipleName {
+    ArticlePublication = "ART_PUBLICATIE",
+    ArticlePublicationSales = "ART_PUBLICATIE_VERK",
+    ArticleSyncField = "DOM_SYNC_VELDEN",
+    DocumentPublication = "DOC_PUBLICATIE",
+    TextType = "TEKST_PUBLICATIE",
+    TextPublication = "TEKSTSOORT",
+    RotationOption = "ART_ROTATION_ALLOWED",
+    WeekDays = "WEEKDAGEN"
+}

package/lib/enum/file-type.d.ts

@@ -0,0 +1,7 @@
+export declare enum FileType {
+    Document = "DOC",
+    Image = "IMG",
+    DigitalSignature = "SDWEB",
+    CollectiveSalaryInfo = "LOONSTAAT",
+    ThreeDFile = "UNITYWEB"
+}

package/lib/enum/files-upload-config-objects.d.ts

@@ -0,0 +1,22 @@
+import { TagsComponentConfigNames } from "./tags-component-config-names";
+import { ReadWriteAccessConfigNames } from "./read-write-access-config-names.enum";
+export interface FilesUploadConfigObjects {
+    TextDocumentTitle?: string;
+    TextDocumentFileSize?: string;
+    TextDocumentAddTagsButton?: string;
+    TextDocumentDownloadable?: string;
+    TextDocumentPublishTo?: string;
+    TextDocumentDescription?: string;
+    ImageDocumentFileSize?: string;
+    ImageDocumentAddTagsButton?: string;
+    ImageDocumentStoreGroups?: string;
+    ImageDocumentAttachNotification?: string;
+    ImageDocumentDisplayType?: string;
+    ImageDocumentPublishTo?: string;
+    ImageDocumentDescription?: string;
+    ImageDocumentTitle?: string;
+    ImageDocumentDimensions?: string;
+    TagsImageConfigNames?: TagsComponentConfigNames;
+    TagsTextConfigNames?: TagsComponentConfigNames;
+    readWriteAccess?: ReadWriteAccessConfigNames;
+}

package/lib/enum/icon.enum.d.ts

@@ -10,9 +10,12 @@ export declare enum Icon {
     BringForwardRegular = "bring_forward_regular",
     CheckDuotone = "check_duotone",
     CheckRound = "check_round",
+    ClockRegular = "clock_regular",
+    CommentRegular = "comment_regular",
     CrossSkinny = "cross_skinny",
     DeleteLeftRegular = "delete_left_regular",
     DeliveryTruck = "delivery_truck",
+    Dropzone = "dropzone",
     Email = "email",
     EnvelopeRegular = "envelope_regular",
     EyeRegular = "eye_regular",
@@ -25,12 +28,15 @@ export declare enum Icon {
     Lock = "lock",
     MessageSmsRegular = "message_sms_regular",
     MessageSmsSolid = "message_sms_solid",
+    PaperclipRegular = "paperclip_regular",
     Pdf = "pdf",
+    PersonDiggingRegular = "person_digging_regular",
     Print = "print",
     PrintRegular = "print_regular",
     PrintSolid = "print_solid",
     SignatureField = "signature_field",
     TagRegular = "tag_regular",
+    Trashbin = "trashbin",
     Xml = "xml",
     XSolid = "x_solid"
 }