@colijnit/corecomponents_v12 12.2.21 → 12.2.22

package/src/lib/core/utils/css-utils.ts

@@ -1,276 +0,0 @@
-// Static utility functions holder related to CSS.
-import { NumberUtils } from './number-utils';
-
-// @dynamic
-export class CssUtils {
-
-    /**
-     * Performs a horizontal size change animation on the given DOM element.
-     *
-     * @param nativeElement The DOM element
-     * @param transitionTime In seconds
-     * @param startWidth Pixel size string
-     * @param endWidth Defaults to elements true width, by calculation
-     * @returns A resolved promise after the transition was done.
-     */
-    public static AnimateMaxWidthTransitionOn(
-        nativeElement: any,
-        transitionTime: number = 0.2,
-        startWidth: string = "0px",
-        endWidth?: string
-    ): Promise<void> {
-        if (!nativeElement) {
-            return;
-        }
-
-        if (!endWidth) {
-            endWidth = CssUtils.FindOffsetWidthOfElementWithTransition(nativeElement);
-        }
-        const transitionStyle: string = `max-width ${transitionTime}s ease-out`;
-        if (!CssUtils.ElementHasStyle(nativeElement, "transition", transitionStyle)) {
-            CssUtils._AddTransitionStyleOn(nativeElement, transitionStyle);
-        }
-        nativeElement.style.maxWidth = startWidth;
-        CssUtils.PushCssChanges(nativeElement);
-        nativeElement.style.maxWidth = endWidth;
-
-        return CssUtils._returnPromise(transitionTime);
-
-    }
-
-    /**
-     * Performs a vertical size change animation on the given DOM element.
-     *
-     * @param nativeElement The DOM element
-     * @param transitionTime In seconds
-     * @param startHeight Pixel size string
-     * @param endHeight Defaults to elements true height, by calculation
-     * @returns A resolved promise after the transition was done.
-     */
-    public static AnimateMaxHeightTransitionOn(
-        nativeElement: any,
-        transitionTime: number = 0.2,
-        startHeight: string = "0px",
-        endHeight?: string
-    ): Promise<void> {
-        if (!nativeElement) {
-            return;
-        }
-
-        if (!endHeight) {
-            endHeight = CssUtils.FindOffsetHeightOfElementWithTransition(nativeElement);
-        }
-        const transitionStyle: string = `max-height ${transitionTime}s ease-out`;
-        if (!CssUtils.ElementHasStyle(nativeElement, "transition", transitionStyle)) {
-            CssUtils._AddTransitionStyleOn(nativeElement, transitionStyle);
-        }
-        nativeElement.style.maxHeight = startHeight;
-        CssUtils.PushCssChanges(nativeElement);
-        nativeElement.style.maxHeight = endHeight;
-
-        return CssUtils._returnPromise(transitionTime);
-    }
-
-    public static AnimateMaxWidthToZeroOn(nativeElement: any, transitionTime: number = 0.2): Promise<any> {
-        return CssUtils.AnimateMaxWidthTransitionOn(nativeElement, transitionTime, CssUtils.GetTrueWidthOf(nativeElement) + "px", "0px");
-    }
-
-    public static AnimateMaxHeightToZeroOn(nativeElement: any, transitionTime: number = 0.2): Promise<any> {
-        return CssUtils.AnimateMaxHeightTransitionOn(nativeElement, transitionTime, CssUtils.GetTrueHeightOf(nativeElement) + "px", "0px");
-    }
-
-    /**
-     * Returns the offsetwidth of given element as a pixel string. Uses trick to find true width of elements with a max-width of 0 and
-     * that have a transition style applied.
-     *
-     * @param nativeElement The DOM element
-     * @returns The width in pixels, e.g. "20px"
-     */
-    public static FindOffsetWidthOfElementWithTransition(nativeElement: any): string {
-        return CssUtils._FindOffsetHeightOrWidthOfElementWithTransition(nativeElement, false);
-    }
-
-    /**
-     * Returns the offsetheight of given element as a pixel string. Uses trick to find true width of elements with a max-height of 0 and
-     * that have a transition style applied.
-     *
-     * @param nativeElement The DOM element
-     * @returns The height in pixels, e.g. "20px"
-     */
-    public static FindOffsetHeightOfElementWithTransition(nativeElement: any): string {
-        return CssUtils._FindOffsetHeightOrWidthOfElementWithTransition(nativeElement, true);
-    }
-
-    // Returns the true height of the given element, in NUMBER of pixels. Includes margins.
-    public static GetTrueHeightOf(nativeElement: any): number {
-        const heightMargins: number = NumberUtils.ParseInt(document.defaultView.getComputedStyle(nativeElement, "").getPropertyValue('margin-top'))
-            + NumberUtils.ParseInt(document.defaultView.getComputedStyle(nativeElement, "").getPropertyValue('margin-bottom'));
-        return nativeElement.offsetHeight + heightMargins;
-    }
-
-    /**
-     *
-     * @param nativeElement
-     * @param styleName e.g. "margin-top"
-     * @returns
-     */
-    public static GetComputedStyleVal(nativeElement: any, styleName: string): any {
-        return document.defaultView.getComputedStyle(nativeElement, "").getPropertyValue("styleName");
-    }
-
-    // Returns the true width of the given element, in NUMBER of pixels. Includes margins.
-    public static GetTrueWidthOf(nativeElement: any): number {
-        const widthMargins: number = NumberUtils.ParseInt(document.defaultView.getComputedStyle(nativeElement, "").getPropertyValue('margin-left'))
-            + NumberUtils.ParseInt(document.defaultView.getComputedStyle(nativeElement, "").getPropertyValue('margin-right'));
-        return nativeElement.offsetWidth + widthMargins;
-    }
-
-    public static ElementHasStyle(nativeElement: any, styleName: string, styleValue: string): boolean {
-        if (!nativeElement || !styleName) {
-            return false;
-        }
-        return (nativeElement.style[styleName] === styleValue);
-    }
-
-    public static SetStyleOnElement(nativeElement: any, styleName: string, styleValue: string, pushChanges: boolean = false): void {
-        if (!nativeElement || !styleName) {
-            return;
-        }
-
-        nativeElement.style[styleName] = styleValue;
-        if (pushChanges) {
-            CssUtils.PushCssChanges(nativeElement);
-        }
-    }
-
-    public static HideElement(nativeElement: any): void {
-        if (nativeElement) {
-            CssUtils.SetStyleOnElement(nativeElement, "display", "none");
-        }
-    }
-
-    /**
-     * Returns the value of the given CSS style on the given native element.
-     * @param nativeElement
-     * @param styleName
-     * @returns
-     */
-    public static GetStyleValue(nativeElement: any, styleName: string): any {
-        if (!nativeElement || !styleName) {
-            return;
-        }
-
-        return nativeElement.style[styleName];
-    }
-
-    /**
-     * Returns a CSS-usable RGB string representation of given database-returned rgb color string.
-     * Database returns color strings like "0xFFFF00" or "0X0"
-     *
-     * @param dbRgbColorStr e.g. 0x990000, or 0xAB045F
-     * @returns The CSS HEX representation of given color
-     */
-    public static DbRgbColorStringToCssRgbColor(dbRgbColorStr: string): string {
-        if (!dbRgbColorStr || dbRgbColorStr.length === 0) {
-            return undefined;
-        }
-
-        // "0x" should become "#"
-        dbRgbColorStr = dbRgbColorStr.split("0x")[1];
-        if (!dbRgbColorStr) {
-            return undefined;
-        }
-        // database colors could contain errors, like too little or too many color characters: correct them here.
-        const strLen: number = dbRgbColorStr.length;
-        // make sure our length is 6 or 3
-        if (strLen > 6) {
-            dbRgbColorStr = dbRgbColorStr.slice(0, 6);
-        } else if (strLen > 3 && strLen < 6) {
-            dbRgbColorStr = dbRgbColorStr.slice(0, 3);
-        } else if (strLen === 1) {
-            // a strLen of 1 would be more common than 2 (eg black is '0'), so its else clause sits above the == 2 case here
-            dbRgbColorStr += dbRgbColorStr + dbRgbColorStr;
-        } else if (strLen === 2) {
-            dbRgbColorStr += dbRgbColorStr[1];
-        }
-        // the final css-usable color
-        return "#" + dbRgbColorStr;
-    }
-
-    public static PushCssChanges(nativeElement: any): void {
-        /* tslint:disable */
-        // trick to wake renderer and push css changes, do not delete this line due to unused variable!
-        const notUnused: number = nativeElement.offsetHeight; //NOSONAR
-        /* tslint:enable */
-        return;
-    }
-
-    public static TransparentColor(hexColor: string, opacity: number): string {
-        const hex: string = hexColor.replace('#', '');
-        return `rgba(${Array.from({length: 3}, (v, i) =>
-            parseInt(hex.substring(i * 2, (i + 1) * 2), 16)
-        ).join(',')},${opacity})`;
-    }
-
-    public static ElementHasClass(element: Element, cssClass: string): boolean {
-        return element && element.classList && element.classList.contains(cssClass);
-    }
-
-    // @param height True if you want height,fFalse if you want width
-    private static _FindOffsetHeightOrWidthOfElementWithTransition(nativeElement: any, wantHeight: boolean): string {
-        if (!nativeElement) {
-            return "0px";
-        }
-
-        /* Take transition off temporarily to allow element to grow to its true size,
-         then measure that size and reapply transition styling. */
-        const originalTransitionStyle: string = nativeElement.style.transition;
-        CssUtils._AddTransitionStyleOn(nativeElement, "none");
-
-        if (wantHeight) {
-            nativeElement.style.maxHeight = "";
-        } else {
-            nativeElement.style.maxWidth = "";
-        }
-
-        let trueHeightOrWidth: string;
-        if (wantHeight) {
-            trueHeightOrWidth = nativeElement.offsetHeight;
-        } else {
-            trueHeightOrWidth = nativeElement.offsetWidth;
-        }
-        trueHeightOrWidth += "px";
-
-        nativeElement.style.transition = originalTransitionStyle;
-
-        return trueHeightOrWidth;
-    }
-
-    /**
-     * Adds given transition style on given DOM element.
-     *
-     * @param nativeElement DOM element reference
-     * @param styleText The shorthand style string for the transition to set
-     */
-    private static _AddTransitionStyleOn(nativeElement: any, styleText: string): void {
-        if (!nativeElement || !styleText) {
-            return;
-        }
-
-        // if it already has a transition style: append new one with a comma
-        if (nativeElement.style.transition) {
-            styleText = ", " + styleText;
-        }
-        nativeElement.style.transition += styleText;
-        nativeElement.style.WebkitTransition += styleText;
-        nativeElement.style.MozTransition += styleText;
-    }
-
-    private static _returnPromise(transitionTime: number): Promise<any> {
-        return new Promise<void>((resolve: Function) => {
-            setTimeout(() => {
-                resolve();
-            }, transitionTime * 1000);
-        });
-    }
-}

package/src/lib/core/utils/direction-enum-utils.ts

@@ -1,15 +0,0 @@
-import { CoDirection } from "../enum/co-direction";
-
-// @dynamic
-export class DirectionEnumUtils {
-    private static readonly _OppositeDirections: Map<CoDirection, CoDirection> = new Map<CoDirection, CoDirection>([
-        [CoDirection.Right, CoDirection.Left],
-        [CoDirection.Left, CoDirection.Right],
-        [CoDirection.Up, CoDirection.Down],
-        [CoDirection.Down, CoDirection.Up]
-    ]);
-
-    public static OppositeOf(direction: CoDirection): CoDirection {
-        return this._OppositeDirections.get(direction);
-    }
-}

package/src/lib/core/utils/element-ref.utils.ts

@@ -1,12 +0,0 @@
-import {ElementRef} from "@angular/core";
-
-// Static utility function holder related to ElementRef functions for components.
-export class ElementRefUtils {
-
-    // Returns the tag name of the given element ref (to lower case, just like we as client-side devs define our polymorphic component selector tags). Returns undefined if not found.
-    public static GetTagName(elementRef: ElementRef): string {
-        if (elementRef && elementRef.nativeElement) {
-            return elementRef.nativeElement.tagName.toLowerCase();
-        }
-    }
-}

package/src/lib/core/utils/event-utils.ts

@@ -1,61 +0,0 @@
-import {isNill} from "../function/is-nill.function";
-
-// @dynamic
-export class EventUtils {
-    public static get passiveSupported(): boolean {
-        if (isNill(EventUtils._passiveSupported)) {
-            EventUtils._CheckPassiveSupported();
-        }
-        return EventUtils._passiveSupported;
-    }
-
-    public static get passiveBubble(): boolean {
-        if (isNill(EventUtils._passiveBubble)) {
-            EventUtils._passiveBubble = EventUtils.passiveSupported ? {passive: true, capture: false} : false;
-        }
-        return EventUtils._passiveBubble;
-    }
-
-    public static get passiveCapture(): boolean {
-        if (isNill(EventUtils._passiveCapture)) {
-            EventUtils._passiveCapture = EventUtils.passiveSupported ? {passive: true, capture: true} : true;
-        }
-        return EventUtils._passiveCapture;
-    }
-
-    private static _passiveSupported: boolean = undefined;
-
-    private static _passiveCapture: any = undefined;
-
-    private static _passiveBubble: any = undefined;
-
-    public static KillEvent(event: Event): void {
-        if (event) {
-            event.preventDefault();
-            event.stopPropagation();
-            event.stopImmediatePropagation();
-        }
-    }
-
-    public static StopEvent(event: Event): void {
-        this.KillEvent(event);
-    }
-
-    public static GetMouseEventOrTouch(originalEvent: MouseEvent | TouchEvent): MouseEvent | Touch {
-        return originalEvent instanceof MouseEvent ? originalEvent : originalEvent.touches[0];
-    }
-
-    private static _CheckPassiveSupported(): void {
-        let passiveSupported: boolean = false;
-        try {
-            const options: any = Object.defineProperty({}, "passive", {
-                get: function (): void {
-                    passiveSupported = true;
-                }
-            });
-            window.addEventListener("test", null, options);
-        } catch (e) {
-        }
-        this._passiveSupported = passiveSupported;
-    }
-}

package/src/lib/core/utils/file-utils.ts

@@ -1,291 +0,0 @@
-import { FileTypeInternal } from '../enum/file-type-internal.enum';
-import { CoDocument } from '../model/co-document.bo';
-import { CoDocumentType } from '../enum/co-document-type.enum';
-import { FileType } from '../enum/file-type.enum';
-import { StringUtils } from './string-utils';
-import { NumberUtils } from './number-utils';
-
-const MaxUploadSize: number = 3145728; // 3Mb
-
-// @dynamic
-export class FileUtils {
-
-    // Returns MaxUploadSize in Megabytes.
-    public static get MaxUploadSizeInMb(): number {
-        return MaxUploadSize / 1024 / 1024;
-    }
-
-    public static DocumentBodyToDataUri(documentBody: string, mimeType: string): string {
-        return StringUtils.IsStringWithLength(documentBody) ? "data:" + mimeType + ";base64," + documentBody : "";
-    }
-
-    // Returns the file type of the given file, by looking at its extension. Returns FileType.Undefined if not recognised.
-    public static FileNameToFileTypeInternal(fileName: string): FileTypeInternal {
-        if (!fileName) {
-            return FileTypeInternal.Undefined;
-        }
-        const stringParts: string[] = fileName.split(".");
-        const extension: string = stringParts[stringParts.length - 1];
-        switch (extension.toLowerCase()) {
-            case "pdn":
-            case "bmp":
-            case "gif":
-            case "jpg":
-            case "jpeg":
-            case "jpe":
-            case "jfif":
-            case "png":
-            case "tif":
-            case "tiff":
-            case "tga":
-            case "dds":
-                return FileTypeInternal.Image;
-            case "swf":
-                return FileTypeInternal.Swf;
-            case "xls":
-            case "xlsx":
-                return FileTypeInternal.ExcelSheet;
-            case "doc":
-            case "docx":
-                return FileTypeInternal.WordDocument;
-            case "pdf":
-                return FileTypeInternal.Pdf;
-            case "txt":
-                return FileTypeInternal.TextFile;
-            case "exe":
-                return FileTypeInternal.Executable;
-            default:
-                return FileTypeInternal.Undefined;
-        }
-    }
-
-    // Checks if filetype of given file is of type image. Possible filetypes: image/png, image/bmp, image/jpeg, etc.
-    public static IsImageFile(file: File | CoDocument): boolean {
-        if (!file) {
-            return false;
-        }
-        let fileName: string;
-        let mimeType: string;
-        if (file instanceof CoDocument) {
-            fileName = file.fileName;
-            mimeType = file.mimeTypeInternal;
-        } else {
-            fileName = file.name;
-            mimeType = file.type;
-        }
-        if (mimeType !== "") {
-            return mimeType.startsWith('image/');
-        } else {
-            return (FileUtils.FileNameToFileTypeInternal(fileName) === FileTypeInternal.Image);
-        }
-    }
-
-    // Try to determine the file type of given document. First attempt is by filetype, second by file name.
-    public static GetGlobalFileType(document: CoDocument): FileTypeInternal {
-        if (!document) {
-            return FileTypeInternal.Undefined;
-        }
-        if (document.mimeType !== "") {
-            switch (document.mimeType) {
-                case "application/pdf":
-                    return FileTypeInternal.Pdf;
-                case "application/msword":
-                    return FileTypeInternal.WordDocument;
-                case "application/excel":
-                case "application/vnd.ms-excel":
-                case "application/x-excel":
-                case "application/x-msexcel":
-                    return FileTypeInternal.ExcelSheet;
-                case "text/plain":
-                case "application/plain":
-                    return FileTypeInternal.TextFile;
-                default:
-                    return FileTypeInternal.Undefined;
-            }
-        } else {
-            return FileUtils.FileNameToFileTypeInternal(document.fileName);
-        }
-    }
-
-    // Checks filesize of given file and returns false if size exceeds maximum upload size.
-    public static CheckMaxUploadSize(file: CoDocument | File): boolean {
-        let fileSize: number = 0;
-        if (file instanceof CoDocument) {
-            fileSize = NumberUtils.ParseInt(file.fileSize);
-        } else {
-            fileSize = file.size;
-        }
-        return (fileSize <= MaxUploadSize);
-    }
-
-    public static async ConvertFileToDataUri(file: File): Promise<string> {
-        if (file) {
-            return new Promise<string>((resolve) => {
-                const fileReader: FileReader = new FileReader();
-                fileReader.onload = () => {
-                    resolve(<string> fileReader.result);
-                };
-                fileReader.readAsDataURL(file);
-            });
-        }
-    }
-
-    // Returns the given dataUri string stripped of the mimetype part.
-    public static StripMimeStringFromDataUri(dataUri: string): string {
-        if (!dataUri) {
-            return "";
-        }
-
-        const mimeString: string = this.GetMimeStringFromDataUri(dataUri);
-        return dataUri.substr(mimeString.length + 1);
-    }
-
-    public static GetMimeStringFromDataUri(dataUri: string): string {
-        if (!dataUri) {
-            return "";
-        }
-
-        return dataUri.split(',')[0];
-    }
-
-    // Converts given string data to an ArrayBuffer.
-    public static ConvertStringToArrayBuffer(stringData: string): Uint8Array {
-        if (!stringData) {
-            return undefined;
-        }
-        const arrayBuffer: ArrayBuffer = new ArrayBuffer(stringData.length);
-        const bufView: Uint8Array = new Uint8Array(arrayBuffer);
-        for (let i: number = 0, len: number = stringData.length; i < len; i++) {
-            bufView[i] = stringData.charCodeAt(i);
-        }
-        return bufView;
-    }
-
-    public static ConvertByteArrayToString(byteArray: number[]): string {
-        let str: string = "";
-        if (byteArray) {
-            for (let i: number = 0, len: number = byteArray.length; i < len; i++) {
-                str += String.fromCharCode(byteArray[i]);
-            }
-        }
-        return str;
-    }
-
-    // Returns true if given string contains a data-uri/base64.
-    public static StringContainsDataUri(str: string): boolean {
-        if (!str) {
-            return false;
-        }
-        const mimeString: string = str.split(',')[0];
-        return mimeString.indexOf('base64') > -1;
-    }
-
-    /**
-     * There is some discrepancy regarding locations of h3d objects
-     * Therefor we need to (temporarily?!) fix the content url
-     * Also we need to change some additionals
-     */
-    public static FixAssetUrl(assetUrl: string): string {
-        if (!assetUrl) {
-            return "";
-        }
-        let fixedUrl: string;
-        if (assetUrl.indexOf('_webplayer') === -1) {
-            fixedUrl = assetUrl.replace('.unity3d', '_webplayer.ione3d');
-        } else {
-            fixedUrl = assetUrl.replace('_webplayer.unity3d', '_webplayer.ione3d');
-        }
-        fixedUrl = fixedUrl.replace('content/', 'content43/');
-        if (!fixedUrl.endsWith('.gz')) {
-            fixedUrl = fixedUrl.concat('.gz');
-        }
-        return fixedUrl;
-    }
-
-    // Return the mimetype of the given filename.
-    public static MimeTypeFromFilename(fileName: string): string {
-        const regEx: RegExp = /(?:\.([^.]+))?$/; // regex to find extension
-        const extension: any = regEx.exec(fileName)[1];
-        switch (extension) {
-            case "jpg":
-            case "jpeg":
-                return "image/jpeg";
-            case "png":
-                return "image/png";
-            case "bmp":
-                return "image/bmp";
-        }
-    }
-
-    public static DownloadFile(
-        fileName: string,
-        content: string,
-        mimeType: string = "text/plain"
-    ): void {
-        const element: HTMLAnchorElement = document.createElement('a');
-        element.setAttribute("href", "data:" + mimeType + ";charset=utf-8," + encodeURIComponent(content));
-        element.setAttribute("download", fileName);
-
-        element.style.display = "none";
-        document.body.appendChild(element);
-
-        element.click();
-
-        document.body.removeChild(element);
-    }
-
-    // Returns the contents of given file as a text string.
-    public static ReadAsText(file: File): Promise<string> {
-        return new Promise<string>((resolve: Function) => {
-            const reader: FileReader = new FileReader();
-            reader.readAsText(file);
-            reader.onloadend = (event: any) => {
-                if (event.target.readyState === 2) {
-                    resolve(event.target.result);
-                }
-            };
-        });
-    }
-
-    public static ReadFileAsNewCoDocument(file: File): Promise<CoDocument> {
-        return new Promise<CoDocument>((resolve: Function) => {
-            const reader: FileReader = new FileReader();
-            reader.readAsDataURL(file);
-            reader.onloadend = (event: any) => {
-                if (event.target.readyState === 2) {
-                    const coDocument: CoDocument = new CoDocument();
-
-                    coDocument.fileSize = file.size.toString();
-                    coDocument.mimeTypeInternal = file.type;
-                    coDocument.mimeType = file.type;
-                    coDocument.fileName = file.name;
-                    coDocument.documentType = CoDocumentType.SaveAsDocument;
-                    coDocument.fileType = FileUtils.IsImageFile(file) ? FileType.Image : FileType.Document;
-                    coDocument.description = file.name;
-                    coDocument.documentBody = FileUtils.StripMimeStringFromDataUri(event.target.result);
-
-                    resolve(coDocument);
-                }
-            };
-        });
-    }
-
-    public static GetExtensionFromDataUri(dataUri: string): string {
-        const data: string = dataUri;
-        return data.replace(/(data:image\/)(.*?)(;base64.*)/gi, '$2');
-    }
-
-    public static CreateDownloadFileNameFromBase64(dataUri: string): string {
-        const ext: string = this.GetExtensionFromDataUri(dataUri);
-        return 'preview.' + ext;
-    }
-
-    public static DownloadFromDataUri(dataUri: string, fileName: string): void {
-        const link: any = document.createElement("a");
-        link.download = fileName;
-        link.href = dataUri;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }
-}