coer-elements 0.0.30 → 0.0.32

package/styles/angular-material.scss

@@ -1,4 +1,5 @@
 /********** COER styles **********/
+@import "../components/lib/coer-accordion//coer-accordion.component.scss";
 @import "../components/lib/coer-sidenav/coer-sidenav.component.scss";
 @import "../components/lib/coer-sidenav/coer-tree-accordion/coer-tree-accordion.component.scss";
 @import "../components/lib/coer-sidenav/coer-menu-option/coer-menu-option.component.scss";

package/styles/bootstrap.scss

@@ -8,12 +8,6 @@
     word-break: break-word;
 }
 
-.invisible {
-    visibility: hidden !important;
-    width: 0px !important;
-    height: 0px !important;
-}
-
 @import "../components/lib/coer-page-title/coer-page-title.component.scss";
 @import "../components/lib/coer-grid/coer-grid.component.scss";
 @import "../components/lib/coer-modal/coer-modal.component.scss";

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;
 }
@@ -382,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;
@@ -2156,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;
 }
@@ -3204,6 +3219,8 @@ aside.toast-container > * {
   animation-duration: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode: both;
+  position: relative;
+  z-index: 100;
 }
 
 .coer-container-tab {
@@ -3216,6 +3233,7 @@ aside.toast-container > * {
   animation-duration: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode: both;
+  position: relative;
   padding: 0px;
 }
 .coer-container-tab .row {
@@ -3232,6 +3250,7 @@ aside.toast-container > * {
   animation-duration: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode: both;
+  position: relative;
   padding-bottom: 5px;
 }
 

package/styles/containers.scss

@@ -13,10 +13,12 @@
     animation-duration: 1.5s;
     animation-iteration-count: 1;
     animation-fill-mode: both;
+    position: relative; 
 }
 
 .coer-container {
     @include Container();
+    z-index: 100;
 }
 
 .coer-container-tab {

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/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,6 @@
 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';

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=