coer-elements 1.0.18 → 1.1.2

package/Tools/Page.class.ts

@@ -1,197 +0,0 @@
-import { AfterViewInit, Component, Inject, inject, OnDestroy } from '@angular/core';
-import { Breadcrumbs } from "./Breadcrumbs.class";
-import { Source } from './Source.class';
-import { CoerAlert } from '../components/coer-alert/coer-alert.component';
-import { IAppSource, IBreadcrumb, IGoBack } from '../interfaces';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Tools } from './Tools';
-
-@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/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/Source.class.ts

@@ -1,107 +0,0 @@
-import { Breadcrumbs } from "./Breadcrumbs.class";
-import { IAppSource } from '../interfaces';
-import { Router } from '@angular/router';
-import { inject } from "@angular/core";
-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/Tools.ts

@@ -1,212 +0,0 @@
-import { Guid } from "guid-typescript";
-import { signal } from "@angular/core"; 
-const reference_signal = signal<any>({});
-
-export const Tools = {
-    /** Generate a Guid */
-    GetGuid: (seed: string = 'coer-system') => {
-        return `${seed}-${Guid.create().toString()}`;
-    },
-
-
-    /** 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)
-            }));
-        });
-    }
-};

package/components/coer-alert/coer-alert.component.html

@@ -1,56 +0,0 @@
-<aside class="toast-container coer-alert">
-    <!-- Success -->
-    <div id="alert-success" role="alert" aria-live="assertive" aria-atomic="true" class="toast">
-        <div class="toast-header">
-            <i id="alert-success-icon"></i>
-            <strong id="alert-success-title"></strong>
-            <button type="button" (click)="Close('alert-success')" class="btn-close btn-close-white"></button>
-        </div>
-
-        <div class="toast-body">
-            <pre id="alert-success-message"></pre>
-        </div>
-    </div>
-
-
-    <!-- Error -->
-    <div id="alert-error" role="alert" aria-live="assertive" aria-atomic="true" class="toast">
-        <div class="toast-header">
-            <i id="alert-error-icon"></i>
-            <strong id="alert-error-title"></strong>
-            <button type="button" (click)="Close('alert-error')" class="btn-close btn-close-white"></button>
-        </div>
-
-        <div class="toast-body">
-            <pre id="alert-error-message"></pre>
-        </div>
-    </div>
-
-
-    <!-- Info -->
-    <div id="alert-info" role="alert" aria-live="assertive" aria-atomic="true" class="toast">
-       <div class="toast-header">
-            <i id="alert-info-icon"></i>
-            <strong id="alert-info-title"></strong>
-            <button type="button" (click)="Close('alert-info')" class="btn-close btn-close-white"></button>
-        </div>
-
-        <div class="toast-body">
-            <pre id="alert-info-message"></pre>
-        </div>
-    </div>
-
-
-    <!-- Warning -->
-    <div id="alert-warning" role="alert" aria-live="assertive" aria-atomic="true" class="toast">
-        <div class="toast-header">
-            <i id="alert-warning-icon"></i>
-            <strong id="alert-warning-title"></strong>
-            <button type="button" (click)="Close('alert-warning')" class="btn-close"></button>
-        </div>
-
-        <div class="toast-body">
-            <pre id="alert-warning-message"></pre>
-        </div>
-    </div>
-</aside>