@indice/ng-components 0.2.173-beta.10 → 0.2.173-beta.11

package/fesm2020/indice-ng-components.mjs

@@ -2660,14 +2660,20 @@ class ProgressBarComponent {
     }
 }
 ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value", total: "total", text: "text" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex grid grid-cols-1\">\n    <div class=\"text-xs mt-2 truncate text-ellipsis\">{{value}}/{{total}} {{text}}</div>\n    <div class=\"flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25\">\n      <div class=\"h-2 m-1 rounded-md bg-sky-200 transition-[width] ease duration-300 transform\" [style]=\"'width:' + percentage + '%' \"></div>\n    </div>\n  </div>\n  " });
+ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value", valueText: ["value-text", "valueText"], total: "total", totalText: ["total-text", "totalText"], text: "text" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex grid grid-cols-1\">\n    <div class=\"text-xs mt-2 truncate text-ellipsis\">{{text}} {{valueText ?? value}}/{{totalText ?? total}} </div>\n    <div class=\"flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25\">\n      <div class=\"h-2 m-1 rounded-md bg-sky-200 transition-[width] ease duration-300 transform\" [style]=\"'width:' + percentage + '%' \"></div>\n    </div>\n  </div>\n  " });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-progress-bar', template: "<div class=\"flex grid grid-cols-1\">\n    <div class=\"text-xs mt-2 truncate text-ellipsis\">{{value}}/{{total}} {{text}}</div>\n    <div class=\"flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25\">\n      <div class=\"h-2 m-1 rounded-md bg-sky-200 transition-[width] ease duration-300 transform\" [style]=\"'width:' + percentage + '%' \"></div>\n    </div>\n  </div>\n  " }]
+            args: [{ selector: 'lib-progress-bar', template: "<div class=\"flex grid grid-cols-1\">\n    <div class=\"text-xs mt-2 truncate text-ellipsis\">{{text}} {{valueText ?? value}}/{{totalText ?? total}} </div>\n    <div class=\"flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25\">\n      <div class=\"h-2 m-1 rounded-md bg-sky-200 transition-[width] ease duration-300 transform\" [style]=\"'width:' + percentage + '%' \"></div>\n    </div>\n  </div>\n  " }]
         }], ctorParameters: function () { return []; }, propDecorators: { value: [{
                 type: Input
+            }], valueText: [{
+                type: Input,
+                args: ['value-text']
             }], total: [{
                 type: Input
+            }], totalText: [{
+                type: Input,
+                args: ['total-text']
             }], text: [{
                 type: Input
             }] } });