coer-elements 0.0.29 → 0.0.31

package/styles/coer-elements.css

@@ -22,6 +22,26 @@ input[type=file] {
 }
 
 /********** COER styles **********/
+mat-expansion-panel.coer-accordion {
+  overflow: visible !important;
+}
+mat-expansion-panel.coer-accordion mat-expansion-panel-header {
+  height: 35px !important;
+  background-color: whitesmoke !important;
+  padding-left: 12px !important;
+}
+mat-expansion-panel.coer-accordion mat-expansion-panel-header span {
+  font-size: 16px !important;
+}
+mat-expansion-panel.coer-accordion mat-expansion-panel-header mat-panel-title {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+mat-expansion-panel.coer-accordion div.mat-expansion-panel-body {
+  padding: 0px !important;
+}
+
 mat-drawer-container {
   height: calc(100vh - 45px) !important;
 }
@@ -194,6 +214,7 @@ mat-nav-list.coer-menu-option mat-list-item:hover {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 
 .text-blue {
@@ -381,6 +402,7 @@ div.coer-button {
 }
 div.coer-button a {
   display: inline-block !important;
+  height: fit-content !important;
 }
 div.coer-button a.animate__disabled {
   animation-duration: 0s !important;
@@ -549,6 +571,7 @@ div.coer-text-box * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-text-box .text-blue {
   color: #0d6efd !important;
@@ -801,6 +824,7 @@ div.coer-textarea * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-textarea .text-blue {
   color: #0d6efd !important;
@@ -1035,6 +1059,7 @@ div.coer-select-box * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-select-box .text-blue {
   color: #0d6efd !important;
@@ -1331,6 +1356,7 @@ div.coer-number-box * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-number-box .text-blue {
   color: #0d6efd !important;
@@ -1591,6 +1617,7 @@ div.coer-switch * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-switch .text-blue {
   color: #0d6efd !important;
@@ -1769,6 +1796,7 @@ div.coer-checkbox * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-checkbox .text-blue {
   color: #0d6efd !important;
@@ -1972,6 +2000,7 @@ div.coer-tab * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-tab .text-blue {
   color: #0d6efd !important;
@@ -2148,12 +2177,6 @@ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc
   word-break: break-word;
 }
 
-.invisible {
-  visibility: hidden !important;
-  width: 0px !important;
-  height: 0px !important;
-}
-
 header.coer-page-title {
   margin: 15px 30px 0px 30px;
 }
@@ -2166,6 +2189,7 @@ header.coer-page-title * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 header.coer-page-title .text-blue {
   color: #0d6efd !important;
@@ -2355,6 +2379,7 @@ div.coer-grid * {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 div.coer-grid .text-blue {
   color: #0d6efd !important;
@@ -2722,6 +2747,282 @@ div.modal-content {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
+}
+
+.text-blue {
+  color: #0d6efd !important;
+}
+
+.text-blue-bold {
+  color: #0d6efd !important;
+  font-weight: bold !important;
+}
+
+.background-blue {
+  background-color: #0d6efd !important;
+}
+
+.background-border-blue {
+  background-color: #0d6efd !important;
+  border-color: #0d6efd !important;
+}
+
+.border-blue {
+  border-color: #0d6efd !important;
+}
+
+.text-gray {
+  color: #6c757d !important;
+}
+
+.text-gray-bold {
+  color: #6c757d !important;
+  font-weight: bold !important;
+}
+
+.background-gray {
+  background-color: #6c757d !important;
+}
+
+.background-border-gray {
+  background-color: #6c757d !important;
+  border-color: #6c757d !important;
+}
+
+.border-gray {
+  border-color: #6c757d !important;
+}
+
+.text-green {
+  color: #198754 !important;
+}
+
+.text-green-bold {
+  color: #198754 !important;
+  font-weight: bold !important;
+}
+
+.background-green {
+  background-color: #198754 !important;
+}
+
+.background-border-green {
+  background-color: #198754 !important;
+  border-color: #198754 !important;
+}
+
+.border-green {
+  border-color: #198754 !important;
+}
+
+.text-yellow {
+  color: #ffc107 !important;
+}
+
+.text-yellow-bold {
+  color: #ffc107 !important;
+  font-weight: bold !important;
+}
+
+.background-yellow {
+  background-color: #ffc107 !important;
+}
+
+.background-border-yellow {
+  background-color: #ffc107 !important;
+  border-color: #ffc107 !important;
+}
+
+.border-yellow {
+  border-color: #ffc107 !important;
+}
+
+.text-red {
+  color: #dc3545 !important;
+}
+
+.text-red-bold {
+  color: #dc3545 !important;
+  font-weight: bold !important;
+}
+
+.background-red {
+  background-color: #dc3545 !important;
+}
+
+.background-border-red {
+  background-color: #dc3545 !important;
+  border-color: #dc3545 !important;
+}
+
+.border-red {
+  border-color: #dc3545 !important;
+}
+
+.text-white {
+  color: #f5f5f5 !important;
+}
+
+.text-white-bold {
+  color: #f5f5f5 !important;
+  font-weight: bold !important;
+}
+
+.background-white {
+  background-color: #f5f5f5 !important;
+}
+
+.background-border-white {
+  background-color: #f5f5f5 !important;
+  border-color: #f5f5f5 !important;
+}
+
+.border-white {
+  border-color: #f5f5f5 !important;
+}
+
+.text-black {
+  color: #252525 !important;
+}
+
+.text-black-bold {
+  color: #252525 !important;
+  font-weight: bold !important;
+}
+
+.background-black {
+  background-color: #252525 !important;
+}
+
+.background-border-black {
+  background-color: #252525 !important;
+  border-color: #252525 !important;
+}
+
+.border-black {
+  border-color: #252525 !important;
+}
+
+.text-orange {
+  color: #fd6031 !important;
+}
+
+.text-orange-bold {
+  color: #fd6031 !important;
+  font-weight: bold !important;
+}
+
+.background-orange {
+  background-color: #fd6031 !important;
+}
+
+.background-border-orange {
+  background-color: #fd6031 !important;
+  border-color: #fd6031 !important;
+}
+
+.border-orange {
+  border-color: #fd6031 !important;
+}
+
+aside.toast-container {
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+  padding: 15px !important;
+  z-index: 2000 !important;
+}
+aside.toast-container i, aside.toast-container svg {
+  display: flex;
+  align-items: center;
+}
+aside.toast-container strong {
+  margin: 0px auto 0px 5px;
+}
+aside.toast-container div.toast,
+aside.toast-container div.toast-header {
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  color: #f5f5f5;
+}
+aside.toast-container div.toast,
+aside.toast-container div.toast-body {
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  color: #f5f5f5;
+}
+aside.toast-container div.toast-body {
+  min-height: 36px;
+}
+aside.toast-container pre {
+  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
+  white-space: pre-wrap;
+  font-size: medium;
+}
+aside.toast-container button {
+  margin: 0px 2px !important;
+  width: 10px !important;
+  height: 10px !important;
+  box-shadow: none !important;
+  outline: none !important;
+  border: none !important;
+}
+aside.toast-container div#alert-success div.toast-header,
+aside.toast-container div#alert-success div.toast-body {
+  background-color: #198754;
+}
+aside.toast-container div#alert-info div.toast-header,
+aside.toast-container div#alert-info div.toast-body {
+  background-color: #0d6efd;
+}
+aside.toast-container div#alert-error div.toast-header,
+aside.toast-container div#alert-error div.toast-body {
+  background-color: #dc3545;
+}
+aside.toast-container div#alert-warning div.toast-header,
+aside.toast-container div#alert-warning div.toast-body {
+  background-color: #ffc107;
+  border-color: #252525;
+  color: #252525;
+}
+aside.toast-container div#alert-success:hover,
+aside.toast-container div#alert-info:hover,
+aside.toast-container div#alert-error:hover,
+aside.toast-container div#alert-warning:hover {
+  transform: scale(1.01);
+  box-shadow: 2px 2px 10px lightslategray;
+  cursor: default;
+}
+
+button.sweet-alert-button {
+  width: 100px !important;
+  height: 40px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  margin: 0px 5px !important;
+  outline: none !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+aside.toast-container > * {
+  border: none !important;
+  z-index: 2000 !important;
+  margin: 15px 0px 0px 0px !important;
+}
+
+* {
+  --blue: #0d6efd;
+  --gray: #6c757d;
+  --green: #198754;
+  --yellow: #ffc107;
+  --red: #dc3545;
+  --white: #f5f5f5;
+  --black: #252525;
+  --orange: #fd6031;
+  --purple: #a615bc;
 }
 
 .text-blue {
@@ -2918,6 +3219,8 @@ div.modal-content {
   animation-duration: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode: both;
+  position: relative;
+  z-index: 1;
 }
 
 .coer-container-tab {
@@ -2930,6 +3233,8 @@ div.modal-content {
   animation-duration: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode: both;
+  position: relative;
+  z-index: 1;
   padding: 0px;
 }
 .coer-container-tab .row {
@@ -2946,6 +3251,8 @@ div.modal-content {
   animation-duration: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode: both;
+  position: relative;
+  z-index: 1;
   padding-bottom: 5px;
 }
 
@@ -2970,6 +3277,7 @@ div.modal-content {
   --white: #f5f5f5;
   --black: #252525;
   --orange: #fd6031;
+  --purple: #a615bc;
 }
 
 .text-blue {

package/styles/colors.scss

@@ -7,6 +7,7 @@
     --white: #f5f5f5;
     --black: #252525;
     --orange: #fd6031;
+    --purple: #a615bc;
 }
 
 $blue: #0d6efd;
@@ -17,6 +18,7 @@ $red: #dc3545;
 $white: #f5f5f5;
 $black: #252525;
 $orange: #fd6031;
+$purple: #a615bc;
 
 //Blue
 .text-blue {

package/styles/containers.scss

@@ -13,6 +13,8 @@
     animation-duration: 1.5s;
     animation-iteration-count: 1;
     animation-fill-mode: both;
+    position: relative;
+    z-index: 1;
 }
 
 .coer-container {

package/{components/lib/coer-grid → tools/lib}/coer-grid.templates.d.ts

@@ -6,4 +6,6 @@ export declare const GridTemplates: {
     coerSwitchTemplate: (item: IGridItem<any>) => IGridCoerSwitch;
     /** Template for text property */
     coerTextboxTemplate: (item: IGridItem<any>) => IGridCoerTextBox;
+    /** Template for text property */
+    coerIconTemplate: (icon: string, color?: string) => string;
 };

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

@@ -0,0 +1,21 @@
+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";
+    /** Returns the color palette in hexadecimal */
+    private static readonly colorsHex;
+    /** Returns the color palette in RGB */
+    private static readonly ColorsRGB;
+    /** Returns a random color in hexadecimal */
+    static GetRandomColorHex: () => string;
+    /** Returns the number of colors requested */
+    static GetColorHexList(quantity: number): string[];
+    /** Returns the number of colors requested with opacity */
+    static GetColorRGBList(quantity: number): string[];
+}

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

@@ -55,6 +55,10 @@ export declare class Page implements AfterViewInit, OnDestroy {
     protected ReloadPage(): void;
     /** */
     protected Log(value: any, log?: string | null): void;
+    protected isActiveTemplate: (item: import("coer-elements/interfaces").IGridItem<any>) => string;
+    protected coerSwitchTemplate: (item: import("coer-elements/interfaces").IGridItem<any>) => import("coer-elements/interfaces").IGridCoerSwitch;
+    protected coerTextboxTemplate: (item: import("coer-elements/interfaces").IGridItem<any>) => import("coer-elements/interfaces").IGridCoerTextBox;
+    protected coerIconTemplate: (icon: string, color?: string) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Page, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Page, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/tools/public-api.d.ts

@@ -1,5 +1,7 @@
 export * from './lib/coer-alert/coer-alert.component';
 export * from './lib/breadcrumbs.class';
+export * from './lib/coer-grid.templates';
+export * from './lib/colors.class';
 export * from './lib/control-value.class';
 export * from './lib/date-time.class';
 export * from './lib/files.class';

package/esm2022/components/lib/coer-grid/coer-grid.templates.mjs

@@ -1,30 +0,0 @@
-export const GridTemplates = {
-    /** Template for boolean property */
-    isActiveTemplate: (item) => {
-        if (item.value) {
-            return `
-                <span class='text-green-bold'>
-                    <i class="fa-solid fa-circle-check"></i> Active
-                </span>
-            `;
-        }
-        else {
-            return `
-                <span class='text-gray-bold'>
-                    <i class="fa-solid fa-circle-minus"></i> Disabled
-                </span>
-            `;
-        }
-    },
-    /** Template for boolean property */
-    coerSwitchTemplate: (item) => ({
-        isInput: true,
-        tooltip: `${item.value ? 'Active' : 'Disabled'}`
-    }),
-    /** Template for text property */
-    coerTextboxTemplate: (item) => ({
-        isInput: true,
-        isInvalid: item.value.length <= 0
-    })
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1ncmlkLnRlbXBsYXRlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvZXItZWxlbWVudHMvY29tcG9uZW50cy9saWIvY29lci1ncmlkL2NvZXItZ3JpZC50ZW1wbGF0ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHO0lBRXpCLG9DQUFvQztJQUNwQyxnQkFBZ0IsRUFBRSxDQUFDLElBQW9CLEVBQVUsRUFBRTtRQUMvQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNiLE9BQU87Ozs7YUFJTixDQUFDO1FBQ04sQ0FBQzthQUVJLENBQUM7WUFDRixPQUFPOzs7O2FBSU4sQ0FBQztRQUNOLENBQUM7SUFDTCxDQUFDO0lBRUQsb0NBQW9DO0lBQ3BDLGtCQUFrQixFQUFFLENBQUMsSUFBb0IsRUFBbUIsRUFBRSxDQUFDLENBQUM7UUFDNUQsT0FBTyxFQUFFLElBQUk7UUFDYixPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVcsRUFBRTtLQUNwRCxDQUFDO0lBR0YsaUNBQWlDO0lBQ2pDLG1CQUFtQixFQUFFLENBQUMsSUFBb0IsRUFBb0IsRUFBRSxDQUFDLENBQUM7UUFDOUQsT0FBTyxFQUFFLElBQUk7UUFDYixTQUFTLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksQ0FBQztLQUNwQyxDQUFDO0NBQ0wsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElHcmlkQ29lclN3aXRjaCwgSUdyaWRDb2VyVGV4dEJveCwgSUdyaWRJdGVtIH0gZnJvbSBcImNvZXItZWxlbWVudHMvaW50ZXJmYWNlc1wiO1xyXG5cclxuZXhwb3J0IGNvbnN0IEdyaWRUZW1wbGF0ZXMgPSB7XHJcblxyXG4gICAgLyoqIFRlbXBsYXRlIGZvciBib29sZWFuIHByb3BlcnR5ICovXHJcbiAgICBpc0FjdGl2ZVRlbXBsYXRlOiAoaXRlbTogSUdyaWRJdGVtPGFueT4pOiBzdHJpbmcgPT4ge1xyXG4gICAgICAgIGlmIChpdGVtLnZhbHVlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBgXHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0ndGV4dC1ncmVlbi1ib2xkJz5cclxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWNpcmNsZS1jaGVja1wiPjwvaT4gQWN0aXZlXHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIGA7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgcmV0dXJuIGBcclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSd0ZXh0LWdyYXktYm9sZCc+XHJcbiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1jaXJjbGUtbWludXNcIj48L2k+IERpc2FibGVkXHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIGA7XHJcbiAgICAgICAgfVxyXG4gICAgfSxcclxuXHJcbiAgICAvKiogVGVtcGxhdGUgZm9yIGJvb2xlYW4gcHJvcGVydHkgKi9cclxuICAgIGNvZXJTd2l0Y2hUZW1wbGF0ZTogKGl0ZW06IElHcmlkSXRlbTxhbnk+KTogSUdyaWRDb2VyU3dpdGNoID0+ICh7XHJcbiAgICAgICAgaXNJbnB1dDogdHJ1ZSxcclxuICAgICAgICB0b29sdGlwOiBgJHtpdGVtLnZhbHVlID8gJ0FjdGl2ZScgOiAnRGlzYWJsZWQnIH1gXHJcbiAgICB9KSxcclxuXHJcblxyXG4gICAgLyoqIFRlbXBsYXRlIGZvciB0ZXh0IHByb3BlcnR5ICovXHJcbiAgICBjb2VyVGV4dGJveFRlbXBsYXRlOiAoaXRlbTogSUdyaWRJdGVtPGFueT4pOiBJR3JpZENvZXJUZXh0Qm94ID0+ICh7XHJcbiAgICAgICAgaXNJbnB1dDogdHJ1ZSxcclxuICAgICAgICBpc0ludmFsaWQ6IGl0ZW0udmFsdWUubGVuZ3RoIDw9IDBcclxuICAgIH0pXHJcbn0iXX0=