intelica-library-ui 0.1.112 → 0.1.114

package/fesm2022/intelica-library-ui.mjs

@@ -2965,13 +2965,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
 class SkeletonComponent {
     skeletonService = inject(SkeletonService);
     isLoading = this.skeletonService.isLoading;
+    localLoading = false;
+    show = false;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonComponent, isStandalone: true, selector: "intelica-skeleton", ngImport: i0, template: "@if(isLoading()){\r\n<ng-content></ng-content>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkeletonComponent, isStandalone: true, selector: "intelica-skeleton", inputs: { localLoading: "localLoading", show: "show" }, ngImport: i0, template: "@if((isLoading() && !localLoading) || show){\r\n<ng-content></ng-content>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkeletonComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-skeleton", imports: [CommonModule], template: "@if(isLoading()){\r\n<ng-content></ng-content>\r\n}\r\n" }]
-        }] });
+            args: [{ selector: "intelica-skeleton", imports: [CommonModule], template: "@if((isLoading() && !localLoading) || show){\r\n<ng-content></ng-content>\r\n}\r\n" }]
+        }], propDecorators: { localLoading: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }] } });
 
 class SkeletonTableComponent {
     /**
@@ -3867,16 +3873,15 @@ class EchartService {
      * @param value - rate	value
      * @param textSize - size of the letter
      * @param color - color of the letter and pie
+     * @param	total - total value for the pie (default is 100)
      * @returns
      */
-    getRateDoughnutPieOptions(letter, value, textSize, color) {
-        const power = Math.ceil(Math.log10(value));
-        const placeholderValue = Math.pow(10, power);
+    getRateDoughnutPieOptions(letter, value, textSize, color, total = 100) {
         const data = [
             { name: letter, value: value, itemStyle: { color: color } },
             {
                 name: "placeholder",
-                value: placeholderValue - value,
+                value: total - value,
                 itemStyle: { color: Color.gray5 },
             },
         ];