coer-elements 2.0.2 → 2.0.4

package/styles/colors.scss

@@ -1,14 +1,26 @@
 :root {
-    --blue: #0d6efd;
-    --gray: #6c757d;
+    --blue:  #0d6efd;
+    --gray:  #6c757d;
     --green: #198754;
-    --yellow: #ffc107;
-    --red: #dc3545;
-    --white: #f5f5f5;
+    --yellow:#ffc107;
+    --red:   #dc3545;
+    --smoke: #f5f5f5;
     --black: #252525;    
-    --orange: #fd6031;
-    --purple: #a615bc;
-}
+    --orange:#fd6031; 
+    --white: #ffffff; 
+    --purple:#a615bc; 
+
+    --primary-inner:    var(--primary,    var(--blue));
+    --secondary-inner:  var(--secondary,  var(--gray));
+    --success-inner:    var(--success,    var(--green));
+    --warning-inner:    var(--warning,    var(--yellow));
+    --danger-inner:     var(--danger,     var(--red));
+    --background-inner: var(--background, var(--smoke));
+    --sidenav-inner:    var(--sidenav,    var(--black));
+    --navigation-inner: var(--navigation, var(--orange));
+    --container-inner:  var(--container,  var(--white)); 
+} 
+
 
 //Blue
 .text-blue {
@@ -16,7 +28,6 @@
 }
 
 .text-blue-bold {
-    color: var(--blue) !important;
     font-weight: bold !important;
 }
 
@@ -192,6 +203,214 @@
 
 .border-orange {
     border-color: var(--orange) !important;
+} 
+
+//Primary
+.text-primary {
+    color: var(--primary-inner) !important;
+}
+
+.text-primary-bold {
+    color: var(--primary-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-primary {
+    background-color: var(--primary-inner) !important;
+}
+
+.background-border-primary {
+    background-color: var(--primary-inner) !important;
+    border-color: var(--primary-inner) !important;
+}
+
+.border-primary {
+    border-color: var(--primary-inner) !important;
+}
+
+
+//Secondary
+.text-secondary {
+    color: var(--secondary-inner) !important;
+}
+
+.text-secondary-bold {
+    color: var(--secondary-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-secondary {
+    background-color: var(--secondary-inner) !important;
+}
+
+.background-border-secondary {
+    background-color: var(--secondary-inner) !important;
+    border-color: var(--secondary-inner) !important;
+}
+
+.border-secondary {
+    border-color: var(--secondary-inner) !important;
+} 
+
+//Success
+.text-success {
+    color: var(--success-inner) !important;
+}
+
+.text-success-bold {
+    color: var(--success-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-success {
+    background-color: var(--success-inner) !important;
+}
+
+.background-border-success {
+    background-color: var(--success-inner) !important;
+    border-color: var(--success-inner) !important;
+}
+
+.border-success {
+    border-color: var(--success-inner) !important;
+} 
+
+//Warning
+.text-warning {
+    color: var(--warning-inner) !important;
+}
+
+.text-warning-bold {
+    color: var(--warning-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-warning {
+    background-color: var(--warning-inner) !important;
+}
+
+.background-border-warning {
+    background-color: var(--warning-inner) !important;
+    border-color: var(--warning-inner) !important;
+}
+
+.border-warning {
+    border-color: var(--warning-inner) !important;
+} 
+
+//Danger
+.text-danger {
+    color: var(--danger-inner) !important;
+}
+
+.text-danger-bold {
+    color: var(--danger-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-danger {
+    background-color: var(--danger-inner) !important;
+}
+
+.background-border-danger {
+    background-color: var(--danger-inner) !important;
+    border-color: var(--danger-inner) !important;
+}
+
+.border-danger {
+    border-color: var(--danger-inner) !important;
+}
+
+//Background
+.text-background {
+    color: var(--background-inner) !important;
+}
+
+.text-background-bold {
+    color: var(--background-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-background {
+    background-color: var(--background-inner) !important;
+}
+
+.background-border-background {
+    background-color: var(--background-inner) !important;
+    border-color: var(--background-inner) !important;
+}
+
+.border-background {
+    border-color: var(--background-inner) !important;
+}
+
+//Sidenav
+.text-sidenav {
+    color: var(--sidenav-inner) !important;
+}
+
+.text-blue-sidenav {
+    color: var(--sidenav-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-sidenav {
+    background-color: var(--sidenav-inner) !important;
+}
+
+.background-border-sidenav {
+    background-color: var(--sidenav-inner) !important;
+    border-color: var(--sidenav-inner) !important;
+}
+
+.border-sidenav {
+    border-color: var(--sidenav-inner) !important;
+}
+
+//Navigation
+.text-navigation {
+    color: var(--navigation-inner) !important;
+}
+
+.text-navigation-bold {
+    color: var(--navigation-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-navigation {
+    background-color: var(--navigation-inner) !important;
+}
+
+.background-border-navigation {
+    background-color: var(--navigation-inner) !important;
+    border-color: var(--navigation-inner) !important;
+}
+
+.border-navigation {
+    border-color: var(--navigation-inner) !important;
+}
+
+//Container
+.text-container {
+    color: var(--container-inner) !important;
+}
+
+.text-container-bold {
+    color: var(--container-inner) !important;
+    font-weight: bold !important;
+}
+
+.background-container {
+    background-color: var(--container-inner) !important;
+}
+
+.background-border-container {
+    background-color: var(--container-inner) !important;
+    border-color: var(--container-inner) !important;
+}
+
+.border-container {
+    border-color: var(--container-inner) !important;
 }
 
 //transparent
@@ -203,6 +422,11 @@
     background-color: transparent !important;
 } 
 
+.background-border-transparent {
+    background-color: transparent !important;
+    border-color: transparent !important;
+}
+
 .border-transparent {
     border-color: transparent !important;
 }

package/styles/containers.scss

@@ -8,7 +8,7 @@
     padding: 10px;
     box-shadow: 0px 0px 10px -10px black;
     border-radius: 8px;
-    background-color: white;
+    background-color: var(--container-inner);
     animation-name: fadeIn;
     animation-duration: 1.5s;
     animation-iteration-count: 1;

package/tools/lib/breadcrumbs.class.d.ts

@@ -8,6 +8,8 @@ export declare class Breadcrumbs {
     /** */
     static GetFirst(): IAppSource | null;
     /** */
+    static GetLast(): IAppSource | null;
+    /** */
     static Save(breadcrumbs: IAppSource[]): void;
     /** */
     static Remove(path: string): void;

package/tools/lib/colors.class.d.ts

@@ -1,13 +1,23 @@
 export declare class Colors {
-    static readonly blue = "#0d6efd";
-    static readonly gray = "#6c757d";
-    static readonly green = "#198754";
-    static readonly yellow = "#ffc107";
-    static readonly red = "#dc3545";
-    static readonly white = "#f5f5f5";
-    static readonly black = "#252525";
-    static readonly orange = "#fd6031";
-    static readonly purple = "#a615bc";
+    private static readonly _blue;
+    private static readonly _gray;
+    private static readonly _green;
+    private static readonly _yellow;
+    private static readonly _red;
+    private static readonly _smoke;
+    private static readonly _black;
+    private static readonly _orange;
+    private static readonly _white;
+    private static readonly _purple;
+    static get primary(): string;
+    static get secondary(): string;
+    static get success(): string;
+    static get warning(): string;
+    static get danger(): string;
+    static get background(): string;
+    static get sidenav(): string;
+    static get navigation(): string;
+    static get container(): string;
     /** Returns the color palette in hexadecimal */
     private static readonly colorsHex;
     /** Returns the color palette in RGB */

package/tools/lib/date-time.class.d.ts

@@ -3,6 +3,8 @@ export declare class DateTime {
     /** Get UTC Offset */
     static GetOffset(): number;
     /** YYYY-MM-DD HH:mm:ss */
+    static GetCurrentDateTime(): string;
+    /** YYYY-MM-DD HH:mm:ss */
     static GetFormatDB(date: string | Date | moment.Moment): string;
     /** Convert UTC Date to Local Zone */
     static ToLocalZone(date: string | Date | moment.Moment): string;

package/tools/lib/elements-html.class.d.ts

@@ -5,4 +5,8 @@ export declare const ElementsHTML: {
     GetElementHeight: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
     /** */
     IsInvalidElement: (element: any) => boolean;
+    /** */
+    GetCssValueBy: (selector: string, style: string) => string;
+    /** */
+    GetCssValue: (element: HTMLElement | null, style: string) => string;
 };

package/tools/lib/page.class.d.ts

@@ -59,6 +59,8 @@ export declare class Page implements AfterViewInit, OnDestroy {
     /** */
     protected SetPageResponse<T>(pageResponse?: T | null): void;
     /** */
+    protected ClearPageResponse(): void;
+    /** */
     protected ReloadPage(): void;
     /** */
     protected SetPageFilters<T>(filters: T): void;