coer-elements 0.0.7 → 0.0.9

package/tools/src/Files.class.ts

@@ -1,119 +0,0 @@
-import * as XLSX from 'xlsx';
-import { Tools } from './Tools';
-
-export class Files {
-    public static readonly EXCEL_EXTENSIONS: string[] = ['xls', 'xlsx', 'csv'];
-
-    /** Get Extension File */
-    public static GetExtension(file: File): string | null {
-        const fileName = file.name;
-
-        if (fileName.includes('.')) {
-            let worlds = fileName.split('.') as string[];
-
-            if (worlds.length > 0) {
-                let extension = worlds.pop()!;
-                extension = extension.trim().toLowerCase();
-                if (extension.length > 0) return extension;
-            }
-        }
-
-        return null;
-    }
-
-
-    /** Is Excel File */
-    public static IsExcel(file: File): boolean {
-        const EXTENSION = Files.GetExtension(file);
-
-        return Tools.IsNotNull(EXTENSION)
-            ? this.EXCEL_EXTENSIONS.includes(EXTENSION!)
-            : false;
-    }
-
-
-    /** Read excel file */
-    public static ReadExcel<T>(file: File) {
-        return new Promise<{ columns: string[]; rows: T[]; }>(Resolve => {
-            let columns: string[] = [];
-            let rows: T[] = [];
-
-            const reader = new FileReader();
-            reader.readAsArrayBuffer(file);
-
-            reader.onload = () => {
-                const dataBytes = new Uint8Array(reader.result as any);
-
-                if (dataBytes) {
-                    const workbook = XLSX.read(dataBytes, {});
-                    const sheet = workbook.Sheets[workbook.SheetNames[0]];
-                    let dataSheet: any[] = XLSX.utils.sheet_to_json(sheet, {
-                        header: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
-                    });
-
-                    //Get Headers
-                    for(const column in dataSheet[0]) {
-                        columns.push(Tools.FirstCharToLower(String(dataSheet[0][column]).replaceAll(' ', '')));
-                    }
-
-                    //Get Rows
-                    rows = XLSX.utils.sheet_to_json(sheet, { header: columns });
-                    rows.shift();
-
-                    rows = rows.map(row => {
-                        const item = Tools.BreakReference<any>(row);
-                        delete item['__rowNum__'];
-                        return item;
-                    });
-                }
-
-                Resolve({ columns, rows });
-            }
-
-            reader.onerror = () => { Resolve({ columns, rows }) }
-        });
-    }
-
-
-    /** Export to excel file */
-    public static ExportExcel<T>(data: T[], fileName: string = 'coer_report', sheetName: string = 'Sheet1') {
-        sheetName = Tools.CleanUpBlanks(sheetName);
-        fileName = Tools.CleanUpBlanks(fileName);
-
-        if(fileName.endsWith('.xls') || fileName.endsWith('.xlsx') || fileName.endsWith('.csv')) {
-            if (fileName.includes('.xls')) {
-                fileName = fileName.replaceAll('.xls', '.xlsx');
-            }
-
-            if (fileName.includes('.csv')) {
-                fileName = fileName.replaceAll('.csv', '.xlsx');
-            }
-        }
-
-        else {
-            fileName += '.xlsx';
-        }
-
-        const WORK_SHEET = XLSX.utils.json_to_sheet(data);
-        const WORK_BOOK = XLSX.utils.book_new();
-        XLSX.utils.book_append_sheet(WORK_BOOK, WORK_SHEET, 'Sheet1');
-        XLSX.writeFile(WORK_BOOK, fileName);
-    }
-
-
-    /** Convert file to string base64 */
-    public static ConvertToBase64(file: File) {
-        return new Promise<string>(Resolve => {
-            const reader = new FileReader();
-            reader.readAsDataURL(file);
-
-            reader.onload = () => {
-                Resolve(reader.result?.toString() || '');
-            }
-
-            reader.onerror = () => {
-                Resolve('');
-            }
-        });
-    }
-}

package/tools/src/Page.class.ts

@@ -1,197 +0,0 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { AfterViewInit, Component, Inject, inject, OnDestroy } from '@angular/core';
-import { IAppSource, IBreadcrumb, IGoBack } from '../../interfaces';
-import { CoerAlert } from '../../components';
-import { Source } from './Source.class';
-import { Tools } from './Tools';
-import { Breadcrumbs } from './Breadcrumbs.class';
-
-@Component({ template: '' })
-export class Page implements AfterViewInit, OnDestroy {
-
-    //Injection
-    protected readonly alert = inject(CoerAlert);
-    protected readonly router = inject(Router);
-    private readonly activatedRoute = inject(ActivatedRoute);
-
-    /** */
-    protected isUpdate: boolean = false;
-
-    /** */
-    protected isLoading: boolean = false;
-
-    /** */
-    protected isReady: boolean = false;
-
-    /** */
-    protected enableAnimations: boolean = false;
-
-    /** */
-    protected routeParams: any;
-
-    /** */
-    protected queryParams: any;
-
-    /** */
-    protected breadcrumbs: IBreadcrumb[] = [];
-
-    /** */
-    protected pageResponse: any = null;
-
-    /** */
-    protected goBack: IGoBack = { show: false };
-
-    //Private Variables
-    private _page: string = '';
-    private _source: IAppSource | null = null;
-    private _preventDestroy: boolean = false;
-
-
-    constructor(@Inject(String) page: string) {
-        this.SetPageName(page);
-        this.SetSource();
-        this.GetSource();
-        this.GetNavigation();
-        this.SetGoBack();
-        this.GetPageResponse();
-    }
-
-    ngAfterViewInit() {
-        this.routeParams = this.activatedRoute.snapshot.params;
-        this.queryParams = this.activatedRoute.snapshot.queryParams;
-
-        setTimeout(() => {
-            this.isReady = true;
-            this.RunPage();
-            setTimeout(() => { this.enableAnimations = true }, 1000);
-        });
-
-    }
-
-    ngOnDestroy() {
-        if (!this._preventDestroy) Source.ClearPageResponse();
-    }
-
-    /** Main method. Starts after ngAfterViewInit() */
-    protected RunPage(): void {};
-
-
-    /** Rename the last breadcrumb and update the url id */
-    protected SetPageName(name: string, id: string | number | null = null): void {
-        this._page = name;
-
-        let path = this.router.url;
-        if (path.includes('?')) path = path.split('?')[0];
-
-        if (id) {
-            const PATH_ARRAY = path.split('/');
-            const PATH_ID = Tools.BreakReference(PATH_ARRAY).pop();
-            if (PATH_ID) {
-                PATH_ARRAY[PATH_ARRAY.length - 1] = String(id);
-                path = PATH_ARRAY.join('/');
-            }
-        }
-
-        if (this.breadcrumbs.length > 0) {
-            this.breadcrumbs[this.breadcrumbs.length - 1].page = name;
-            this.breadcrumbs[this.breadcrumbs.length - 1].path = path;
-            Breadcrumbs.SetLast(name, path);
-        }
-
-        this.router.navigateByUrl(path)
-    }
-
-
-    /** */
-    private SetSource(): void {
-        Source.Set(this._page);
-    }
-
-
-    /** */
-    private GetSource(): void {
-        this._source = Source.Get();
-    }
-
-
-    /** */
-    protected GetPageResponse(): void {
-        this.pageResponse = Source.GetPageResponse();
-    }
-
-
-    /** */
-    private GetNavigation(): void {
-        if (this._source) {
-            this.breadcrumbs = Breadcrumbs.Get().map(item => Object.assign({
-                page: item.page,
-                path: item.path,
-                click: this.GoBack(item.path)
-            }));
-        }
-
-        else this.breadcrumbs = [{ page: this._page }];
-    }
-
-
-    /** */
-    private SetGoBack(): void {
-        if (this._source) {
-            this.goBack = {
-                show: true,
-                path: this._source.path,
-                click: this.GoBack()
-            };
-        }
-    }
-
-
-    /** */
-    private GoBack = (path?: string) => (() => {
-        if (path) Breadcrumbs.Remove(path);
-        else Breadcrumbs.RemoveLast();
-    });
-
-
-    /** Navigate to previous page */
-    protected GoToSource<T>(pageResponse: T | null = null): void {
-        if(this._source) {
-            Breadcrumbs.RemoveLast();
-            this.SetPageResponse(pageResponse);
-            Tools.Sleep().then(_ => this.router.navigateByUrl(this._source!.path));
-        }
-    };
-
-
-    /** */
-    protected SetPageResponse<T>(pageResponse: T | null = null): void {
-        if (Tools.IsNotNull(pageResponse)) {
-            this._preventDestroy = true;
-            Source.SetPageResponse(pageResponse);
-        }
-    };
-
-
-    /** */
-    protected ReloadPage(): void {
-        Breadcrumbs.RemoveLast();
-        Tools.Sleep().then(_ => window.location.reload());
-    }
-
-
-    /** */
-    protected Log(value: any, log: string | null = null): void {
-        if (Tools.IsNotNull(log)) console.log({ log, value });
-        else console.log(value);
-    }
-
-
-    /** Returns true if the value is null or undefined, false otherwise */
-    protected IsNotNull = Tools.IsNotNull;
-
-    /** Returns true if the value is null or undefined, false otherwise */
-    protected IsNull = Tools.IsNull;
-
-    /** Returns true if the value is null or undefined or contains only whitespace, false otherwise */
-    protected IsOnlyWhiteSpace  = Tools.IsOnlyWhiteSpace;
-}

package/tools/src/Screen.class.ts

@@ -1,50 +0,0 @@
-import { IScreenSize } from "../../interfaces";
-import { Observable } from "rxjs";
-
-export class Screen {
-
-    public static get WINDOW_WIDTH(): number {
-        return window.innerWidth;
-    }
-
-
-    public static get WINDOW_HEIGHT(): number {
-        return window.innerHeight;
-    }
-
-
-    public static get DEVICE_WIDTH(): number {
-        return window.screen.width;
-    }
-
-
-    public static get DEVICE_HEIGHT(): number {
-        return window.screen.height;
-    }
-
-
-    public static get BREAKPOINT(): 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' {
-        if (window.innerWidth < 576) return 'xs';
-        else if (window.innerWidth >= 576 && window.innerWidth < 768) return 'sm';
-        else if (window.innerWidth >= 768 && window.innerWidth < 992) return 'md';
-        else if (window.innerWidth >= 992 && window.innerWidth < 1200) return 'lg';
-        else if (window.innerWidth >= 1200 && window.innerWidth < 1400) return 'xl';
-        else return 'xxl';
-    }
-
-
-    /** */
-    public static Resize = new Observable<IScreenSize>(subscriber => {
-        window.addEventListener("load", () => {
-            window.dispatchEvent(new Event('resize'));
-        });
-
-        window.onresize = () => {
-            subscriber.next({
-                width: window.innerWidth,
-                height: window.innerHeight,
-                breakpoin: this.BREAKPOINT
-            });
-        }
-    });
-}

package/tools/src/Source.class.ts

@@ -1,107 +0,0 @@
-import { Router } from '@angular/router';
-import { inject } from "@angular/core";
-import { IAppSource } from '../../interfaces';
-import { Breadcrumbs } from './Breadcrumbs.class';
-import { Tools } from './Tools';
-
-export class Source {
-
-    private static readonly storage = 'COER-System';
-
-    /** */
-    public static Set(page: string): void {
-        const ROUTER = inject(Router);
-
-        let path = ROUTER.url;
-        if (path.includes('?')) path = path.split('?')[0];
-
-        Breadcrumbs.Add(page, path);
-
-        const breadcrumbs = Breadcrumbs.Get();
-
-        if(breadcrumbs.length >= 2) {
-            breadcrumbs.pop();
-            const breadcrumb = breadcrumbs.pop()!;
-            this.Save({ page: breadcrumb.page, path: breadcrumb.path });
-        }
-
-        else this.Save(null);
-    }
-
-
-    /** */
-    private static Save(source: IAppSource | null): void {
-        let storage = sessionStorage.getItem(this.storage) as any;
-        if (storage) storage = JSON.parse(storage);
-        storage = Object.assign({}, storage, { source });
-        sessionStorage.setItem(this.storage, JSON.stringify(storage));
-    }
-
-
-    /** */
-    public static Get(): IAppSource | null {
-        let storage = sessionStorage.getItem(this.storage) as any;
-
-        if (storage) {
-            storage = JSON.parse(storage);
-
-            if (storage.hasOwnProperty('source')) {
-                return storage.source;
-            }
-        }
-
-        return null;
-    }
-
-
-    /** */
-    public static GetRoot(): IAppSource | null {
-        const breadcrumbs = Breadcrumbs.Get();
-        return (breadcrumbs.length > 0) ? breadcrumbs.shift()! : null;
-    }
-
-
-    /** */
-    public static SetPageResponse<T>(pageResponse: T): void {
-        let storage = sessionStorage.getItem(this.storage) as any;
-        storage = JSON.parse(storage);
-        storage = Object.assign({}, storage, { pageResponse });
-        sessionStorage.setItem(this.storage, JSON.stringify(storage));
-    }
-
-
-    /** */
-    public static GetPageResponse<T>(): T | null {
-        let storage = sessionStorage.getItem(this.storage) as any;
-
-        if (storage) {
-            storage = JSON.parse(storage);
-
-            if (storage.hasOwnProperty('pageResponse')) {
-                return Tools.BreakReference(storage.pageResponse);
-            }
-        }
-
-        return null;
-    }
-
-
-    /** */
-    public static ClearPageResponse(): void {
-        let storage = sessionStorage.getItem(this.storage) as any;
-        storage = JSON.parse(storage);
-
-        if (storage.hasOwnProperty('pageResponse')) {
-            delete storage.pageResponse;
-        }
-
-        storage = Object.assign({}, storage);
-        sessionStorage.setItem(this.storage, JSON.stringify(storage));
-    }
-
-
-    /** Clear Source */
-    public static Reset(): void {
-        sessionStorage.removeItem(this.storage);
-    }
-}

package/tools/src/Tools.ts

@@ -1,217 +0,0 @@
-import { signal } from "@angular/core";
-const reference_signal = signal<any>({});
-
-export const Tools = {
-    /** Generate a Guid */
-    GetGuid: (seed: string = 'coer-system') => {
-        let time = new Date().getTime();
-        seed = seed.toString().trim()
-        return seed + `-xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g, (c) => {
-            const random = (time + Math.random() * 16) % 16 | 0
-            time = Math.floor(time / 16)
-            return (c == 'x' ? random : (random & 0x3 | 0x8)).toString(16)
-        })
-    },
-
-
-    /** Returns true if the value is null or undefined, false otherwise */
-    IsNull: <T>(value: T | null | undefined): boolean => {
-        if (value === undefined) return true;
-        if (value === null) return true;
-        return false;
-    },
-
-
-    /** Returns true if the value is not null or undefined, false otherwise */
-    IsNotNull: <T>(value: T | null | undefined): boolean => {
-        if (value === undefined) return false;
-        if (value === null) return false;
-        return true;
-    },
-
-
-    /** Returns true if the value is null or undefined or contains only whitespace, false otherwise */
-    IsOnlyWhiteSpace: <T>(value: T | null | undefined): boolean => {
-        if (value === undefined) return true;
-        if (value === null) return true;
-        if((value as string).toString().trim() === '') return true;
-        return false;
-    },
-
-
-    /** Break reference of a object or array */
-    BreakReference: <T>(object: T): T => {
-        if (object === undefined) return undefined as T;
-        if (object === null) return null as T;
-        const OBJECT = JSON.parse(JSON.stringify(object))
-        return (Array.isArray(OBJECT)) ? [...OBJECT] : { ...OBJECT }
-    },
-
-
-    /** Clean extra whitespaces */
-    CleanUpBlanks: (text: string | number): string => {
-        if(Tools.IsNull(text)) return '';
-        let worlds: string[] = String(text).split(' ');
-        worlds = worlds.filter(x => x.length > 0);
-        return worlds.join(' ');
-    },
-
-
-    /** Get properties of an object */
-    GetObjectProperties: <T>(obj: T | null | undefined): string[] => {
-        const properties: string[] = [];
-        if(Tools.IsNull(obj)) return properties;
-        for(const property in obj) properties.push(String(property));
-        return properties;
-    },
-
-
-    /**
-     * Set an index and merge more arrays of the same type
-     * @returns A new array
-     * */
-    SetIndex: <T>(array: T[], ...args: T[][]): T[] => {
-        let index = 0;
-        for (const arg of args) {
-            array = Tools.BreakReference(array).concat(Tools.BreakReference(arg));
-        }
-
-        return Tools.BreakReference(array).map(item => Object.assign({ index: index++ }, item));
-    },
-
-
-    /** Set First Char To Lower */
-    FirstCharToLower: (text: string | null | undefined): string => {
-        if (Tools.IsNull(text)) return '';
-
-        const textArray: string[] = [];
-        for(let i = 0; i < text!.length; i++) {
-            if(i === 0) textArray.push(text![i].toLowerCase());
-            else textArray.push(text![i]);
-        }
-
-        return textArray.join('');
-    },
-
-
-    /** Set First Char To Upper */
-    FirstCharToUpper: (text: string | null | undefined): string => {
-        if (Tools.IsNull(text)) return '';
-
-        const textArray: string[] = [];
-        for(let i = 0; i < text!.length; i++) {
-            if(i === 0) textArray.push(text![i].toUpperCase());
-            else textArray.push(text![i]);
-        }
-
-        return textArray.join('');
-    },
-
-
-    /** Sort an array in ascending order by property */
-    SortBy: <T>(array: T[], property: string, propertyType: 'string' | 'number' = 'string'): T[] => {
-        switch (propertyType) {
-            case 'string': {
-                return array.sort((x: any, y: any) => {
-                    if (String(x[property]).toUpperCase().trim() < String(y[property]).toUpperCase().trim()) return -1;
-                    else if (String(x[property]).toUpperCase().trim() > String(y[property]).toUpperCase().trim()) return 1;
-                    else return 0;
-                });
-            }
-
-            case 'number': {
-                return array.sort((x: any, y: any) => Number(x[property] - Number(y[property])));
-            }
-        }
-    },
-
-
-    /** Sort an array in descending order by property */
-    SortByDesc: <T>(array: T[], property: string, propertyType: 'string' | 'number' = 'string'): T[] => {
-        switch (propertyType) {
-            case 'string': {
-                return array.sort((x: any, y: any) => {
-                    if (String(x[property]).toUpperCase().trim() < String(y[property]).toUpperCase().trim()) return 1;
-                    else if (String(x[property]).toUpperCase().trim() > String(y[property]).toUpperCase().trim()) return -1;
-                    else return 0;
-                });
-            }
-
-            case 'number': {
-                return array.sort((x: any, y: any) => Number(Number(y[property])) - x[property]);
-            }
-        }
-    },
-
-
-    /** Return a string with forman numeric */
-    GetNumericFormat: (value: string | number | null | undefined, decimals: number = 0): string => {
-        if (value == undefined
-            || value == null
-            || value.toString().trim() == ''
-            || isNaN(Number(value))) {
-            return '0';
-        }
-
-        let valueInteger = '';
-        let valueDecimal = '';
-        value = value.toString().replaceAll(' ', '');
-
-        if (value.includes('.') || (decimals > 0)) {
-            valueInteger = value.includes('.') ? value.split('.')[0] : value;
-
-            if (decimals > 0) {
-                const PADDING = decimals - valueDecimal.length;
-                valueDecimal = value.includes('.') ? value.split('.')[1] : '';
-                for(let i = 0; i < PADDING; i++) valueDecimal += '0';
-                valueDecimal = valueDecimal.substring(0, decimals);
-                valueDecimal = `.${valueDecimal}`;
-            }
-        }
-
-        else {
-            valueInteger = value;
-        }
-
-        let counter = 0;
-        const VALUE_INTEGER_ARRAY: string[] = [];
-        for(const char of valueInteger.split('').reverse()) {
-            if (counter == 3) {
-                VALUE_INTEGER_ARRAY.push(',');
-                counter = 0;
-            }
-
-            VALUE_INTEGER_ARRAY.push(char);
-            ++counter;
-        }
-
-        valueInteger = VALUE_INTEGER_ARRAY.reverse().join('');
-        return `${valueInteger}${valueDecimal}`;
-    },
-
-
-    /** Wait the time indicated */
-    Sleep: (milliseconds: number = 0, reference: string | null = null) => {
-        if (Tools.IsNull(reference)) {
-            return new Promise(Resolve => setTimeout(Resolve, milliseconds));
-        }
-
-        else return new Promise<void>(Resolve => {
-            reference = reference!.replaceAll(' ', '_').toLowerCase();
-
-            if (reference_signal().hasOwnProperty(reference)) {
-                clearInterval(reference_signal()[reference!]);
-            }
-
-            reference_signal.set(Object.assign(reference_signal(), {
-                [reference!]: setTimeout(() => {
-                    Resolve();
-                    clearInterval(reference_signal()[reference!]);
-                    const _reference = { ...reference_signal() };
-                    delete _reference[reference!];
-                    reference_signal.set({ ..._reference });
-                }, milliseconds)
-            }));
-        });
-    }
-};