@webilix/ngx-helper-m3 0.0.13 → 0.0.14

package/lib/components/loader/ngx-helper-loader.component.d.ts

@@ -1,13 +1,16 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class NgxHelperLoaderComponent implements OnChanges {
+export declare class NgxHelperLoaderComponent implements OnInit, OnChanges {
     loaderSize: string;
     loaderColor: string;
     mode: 'SPINNER' | 'DOTS-SPINNER' | 'WHEEL-SPINNER';
     size: number;
     color: string;
     padding?: string;
+    margin?: string;
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    init(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperLoaderComponent, "ngx-helper-loader", never, { "mode": { "alias": "mode"; "required": true; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperLoaderComponent, "ngx-helper-loader", never, { "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/progress/ngx-helper-progress.component.d.ts

@@ -0,0 +1,20 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgxHelperProgressComponent implements OnChanges {
+    private className;
+    borderRadiusCSS: string;
+    backgroundColorCSS: string;
+    value: number | {
+        done: number;
+        total: number;
+    };
+    align: 'LR' | 'RL' | 'TB' | 'BT';
+    borderRadius: string;
+    progressColor: string;
+    backgroundColor?: string;
+    size: string;
+    direction: 'H' | 'V';
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxHelperProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxHelperProgressComponent, "ngx-helper-progress", never, { "value": { "alias": "value"; "required": true; }; "align": { "alias": "align"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/ngx-helper-m3.css

@@ -503,6 +503,63 @@
     }
 }
 
+/* NGX HELPER PROGRESS */
+.ngx-helper-m3-progress {
+    display: block;
+    position: relative;
+    direction: rtl;
+    overflow: hidden;
+
+    .progress {
+        position: absolute;
+        transition: width 0.35s ease-out, height 0.35s ease-out;
+    }
+
+    .content {
+        position: relative;
+    }
+}
+
+.ngx-helper-m3-progress.LR,
+.ngx-helper-m3-progress.RL {
+    .progress {
+        top: 0;
+        bottom: 0;
+    }
+}
+
+.ngx-helper-m3-progress.LR {
+    .progress {
+        left: 0;
+    }
+}
+
+.ngx-helper-m3-progress.RL {
+    .progress {
+        right: 0;
+    }
+}
+
+.ngx-helper-m3-progress.TB,
+.ngx-helper-m3-progress.BT {
+    .progress {
+        right: 0;
+        left: 0;
+    }
+}
+
+.ngx-helper-m3-progress.TB {
+    .progress {
+        top: 0;
+    }
+}
+
+.ngx-helper-m3-progress.BT {
+    .progress {
+        bottom: 0;
+    }
+}
+
 /* NGX HELPER VALUE BOX */
 .ngx-helper-m3-value-box {
     display: grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-helper-m3",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "author": "Ali Amirnezhad",
   "description": "Helper library for Angular and Material 3",
   "repository": {
@@ -20,9 +20,9 @@
   },
   "homepage": "https://github.com/webilix/ngx-helper-m3#readme",
   "peerDependencies": {
-    "@angular/common": ">=19.0.4",
-    "@angular/core": ">=19.0.4",
-    "@angular/material": ">=19.0.3",
+    "@angular/common": ">=19.0.5",
+    "@angular/core": ">=19.0.5",
+    "@angular/material": ">=19.0.4",
     "@webilix/helper-library": ">=6.0.2",
     "@webilix/jalali-date-time": ">=2.0.5"
   },

package/public-api.d.ts

@@ -6,6 +6,7 @@ export * from './lib/components/card/ngx-helper-card.interface';
 export * from './lib/components/loader/ngx-helper-loader.component';
 export * from './lib/components/page-group/ngx-helper-page-group.component';
 export * from './lib/components/page-group/ngx-helper-page-group.interface';
+export * from './lib/components/progress/ngx-helper-progress.component';
 export * from './lib/components/section/ngx-helper-section-sticky.directive';
 export * from './lib/components/section/ngx-helper-section.component';
 export * from './lib/components/section/column/ngx-helper-section-column.component';