ng-prime-tools 1.0.99 → 1.1.0

package/fesm2022/ng-prime-tools.mjs

@@ -7649,6 +7649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 }]
         }] });
 
+// src/lib/components/pt-metric-panel/pt-metric-panel.component.ts
 class PTMetricPanelComponent {
     set loading(value) {
         const previousLoading = this.dashboardLoading;
@@ -7693,8 +7694,8 @@ class PTMetricPanelComponent {
     }
     getDefaultCardConfig() {
         return {
-            backgroundColor: '#fff',
-            borderColor: '#e7eaf0',
+            backgroundColor: '#FFFFFF',
+            borderColor: '#E7EAF0',
             borderWidth: '1px',
             padding: '16px',
             margin: '10px 0',
@@ -7708,14 +7709,15 @@ class PTMetricPanelComponent {
             : this.panelData.title || '';
     }
     getTitleStyles() {
-        if (typeof this.panelData.title === 'object') {
-            return {
-                color: this.panelData.title.color || '#2c1476',
-                fontSize: this.panelData.title.fontSize || '1.15rem',
-                textAlign: this.panelData.title.position || 'left',
-            };
+        if (!this.isTitleObject()) {
+            return {};
         }
-        return {};
+        const title = this.panelData.title;
+        return {
+            color: title.color || '#2C1476',
+            fontSize: title.fontSize || '1.15rem',
+            textAlign: title.position || 'left',
+        };
     }
     getTitleIconStyles() {
         if (!this.isTitleObject()) {
@@ -7725,9 +7727,19 @@ class PTMetricPanelComponent {
         const icon = title.icon;
         const iconColor = title.color ||
             (typeof icon === 'object' && icon !== null ? icon.color : undefined) ||
-            '#6734c9';
+            '#6734C9';
+        const iconBackgroundColor = typeof icon === 'object' && icon !== null
+            ? icon.backgroundColor || '#F0E7FF'
+            : '#F0E7FF';
+        const iconFontSize = typeof icon === 'object' && icon !== null
+            ? icon.fontSize || '1.05rem'
+            : '1.05rem';
+        const iconShape = typeof icon === 'object' && icon !== null ? icon.shape : undefined;
         return {
             color: iconColor,
+            backgroundColor: iconBackgroundColor,
+            fontSize: iconFontSize,
+            borderRadius: iconShape === 'circular' ? '50%' : '12px',
         };
     }
     getIconClass(icon) {
@@ -7737,9 +7749,9 @@ class PTMetricPanelComponent {
         if (typeof icon === 'object' && icon !== null) {
             const iconStyle = icon;
             return {
-                color: iconStyle.color || '#6734c9',
+                color: iconStyle.color || '#6734C9',
                 fontSize: iconStyle.fontSize || '1.1rem',
-                backgroundColor: iconStyle.backgroundColor || '#f0e7ff',
+                backgroundColor: iconStyle.backgroundColor || '#F0E7FF',
                 borderRadius: iconStyle.shape === 'circular' ? '50%' : '12px',
                 padding: '10px',
                 display: 'inline-flex',
@@ -7752,7 +7764,7 @@ class PTMetricPanelComponent {
     getValueStyles(value) {
         if (this.isTitleStyle(value)) {
             return {
-                color: value.color || '#1f2937',
+                color: value.color || '#1F2937',
                 fontSize: value.fontSize || '0.95rem',
                 fontWeight: value.fontWeight || '700',
             };