@elderbyte/ngx-starter 15.2.2 → 15.2.4

package/lib/components/data-transfer/http-data-transfer/http-data-transfer.component.d.ts

@@ -9,9 +9,9 @@ export declare class HttpDataTransferComponent {
      *                                                                         *
      **************************************************************************/
     private logger;
-    private _transfer;
-    $state: Observable<DataTransferState>;
-    $detail: Observable<string>;
+    private _transfer$;
+    readonly $state: Observable<DataTransferState>;
+    readonly $detail: Observable<string>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -25,6 +25,18 @@ export declare class HttpDataTransferComponent {
      **************************************************************************/
     get transfer(): HttpDataTransfer;
     set transfer(value: HttpDataTransfer);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    statusIcon(state: DataTransferState): string;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private renderTransferProgress;
     static ɵfac: i0.ɵɵFactoryDeclaration<HttpDataTransferComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HttpDataTransferComponent, "elder-data-transfer", never, { "transfer": "transfer"; }, {}, never, never, false, never>;
 }

package/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.d.ts

@@ -1,28 +1,21 @@
-import { OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ElderDataTransferService } from '../elder-data-transfer.service';
 import { HttpDataTransfer } from '../../../common/http/transfer/http-data-transfer';
 import * as i0 from "@angular/core";
-export declare class HttpDataTransferOverviewComponent implements OnInit {
+export declare class HttpDataTransferOverviewComponent {
     private transferService;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    transfers$: Observable<HttpDataTransfer[]>;
+    readonly transfers$: Observable<HttpDataTransfer[]>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
     constructor(transferService: ElderDataTransferService);
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HttpDataTransferOverviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HttpDataTransferOverviewComponent, "elder-data-transfer-overview", never, {}, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "15.2.2",
+  "version": "15.2.4",
   "peerDependencies": {
     "@angular/core": "^15.0.0 || ^16.0.0",
     "@angular/common": "^15.0.0 || ^16.0.0",

package/theming/_elder-common.scss

@@ -449,6 +449,44 @@ $xxl: 32px;
     padding-bottom: $xxl;
   }
 
+  /***************************************************************************
+   *                                                                         *
+   * Layout Widths                                                           *
+   *                                                                         *
+   **************************************************************************/
+
+  .width-5p {
+    width: 5%;
+  }
+
+  .width-10p {
+    width: 10%;
+  }
+
+  .width-15p {
+    width: 15%;
+  }
+
+  .width-20p {
+    width: 20%;
+  }
+
+  .width-25p {
+    width: 25%;
+  }
+
+  .width-30p {
+    width: 30%;
+  }
+
+  .width-40p {
+    width: 40%;
+  }
+
+  .width-50p {
+    width: 50%;
+  }
+
   /***************************************************************************
    *                                                                         *
    * MDC Icon Button Sizing                                                  *