ngx-wapp-components 3.2.11-alpha.9 → 3.2.11

package/src/lib/shared/models/w-image-file-uploader-config.model.ts

@@ -1,29 +0,0 @@
-export interface WImageFileUploaderConfig {
-    imagePropertyNames: any[],
-    acceptImageTypes: string, 
-    maxImageSize: number, 
-    allowAuto: boolean,
-    uploadButtonLabel?: string,
-    chooseButtonLabel?: string,
-    cancelButtonLabel?: string,
-    contentHeaderLabel?: string,
-    contentSubheaderLabel?: string,
-    viewModecontentLabel?: string, 
-    deleteImageButtonLabel?: string,
-    singleModeImageDefault?: string, 
-    singleModeImageWidth?: string,
-    singleModeImageHeight?: string, 
-    croppedDialogTranslations: any,
-    croppedImageConfiguration: {
-        roundedCropper: boolean,
-        configuredAspectRatio: number,
-        viewPortWidthPx: number,
-        viewPortHeihtPx: number,
-    }
-    confirmDeleteMessageLabel?: string,
-    confirmDeleteButtonLabel?: string,
-    invalidFileSizeMessageSummary: string,
-    invalidFileSizeMessageDetail: string,
-    invalidFileTypeMessageSummary: string,
-    invalidFileTypeMessageDetail: string
-}

package/src/lib/shared/models/w-select-button-state.model.ts

@@ -1,6 +0,0 @@
-export interface WSelectButtonState {
-    label: string,
-    value: string, 
-    icon?: string, 
-    class?: string
-}

package/src/lib/shared/models/w-timeline-event-item.model.ts

@@ -1,11 +0,0 @@
-import { ActionButton } from "./action-button.model";
-
-export interface WTimelineEventItem {
-    status?: string;
-    date?: string;
-    icon?: string;
-    color?: string;
-    image?: string;
-    content?: string;
-    button?: ActionButton
-  }

package/src/lib/shared/models/w-tree-table.model.ts

@@ -1,39 +0,0 @@
-import { TableColumnTypes, WappTableColumnAlignTypes } from "./enums.model"
-
-export interface WTreeTableColumn {
-    field: string, 
-    header: string
-}
-
-export interface ActionButton {
-    id: number,
-    icon: string,
-    tooltip?: string,
-    tooltipPosition?: string,
-    styleClass?: string 
-}
-
-export interface ActionButtonResponse {
-    id: number,
-    element: any
-}
-
-export interface WTreeTable {
-    columns: WTreeTableColumn[],
-    columnTypes: TableColumnTypes[],
-    columnAlign?: WappTableColumnAlignTypes[],
-    columnWidths: string[],
-    hasTotalPagingSelector?: boolean,
-    hasSortableColumns?: boolean, 
-    hasDeleteButton: boolean,
-    deleteButtonTooltip?: string,
-    searchPlaceholder: string,
-    noRecordsLabel: string
-    actionButtons?: ActionButton[],
-    confirmSingleDeleteLabel?: string,
-    confirmDeleteBtnLabel?: string,
-    currentPageReportTemplate?: string,
-    tableContainer?: boolean,
-    tableMinWidth?: string,
-    columnBooleanTypeIcons: any,
-}

package/src/lib/shared/models/wapp-table-action-button-response.model.ts

@@ -1,4 +0,0 @@
-export interface WappTableActionButtonResponse {
-    id: number,
-    elementsSelected: any[]
-}

package/src/lib/shared/models/wapp-table-lazy-loading.model.ts

@@ -1,75 +0,0 @@
-import { CustomButtonConfig } from "./custom-button-config.model"
-import { TableColumnFilterTypes, TableColumnTypes, WappTableColumnAlignTypes } from "./enums.model"
-
-export interface WappTableLazyTooltips {
-    copyTooltip?: string,
-    viewTooltip?: string,
-    editTooltip?: string,
-    deleteTooltip?: string, 
-    customTooltip?: string[], 
-    position?: string
-}
-
-export interface WappTableLazyLoading {
-    headers: string[],
-    hasNewElementButton?: boolean,
-    newElementButtonLabel?: string,
-    columns: any[],
-    columnAlign?: WappTableColumnAlignTypes[],
-    columnTypes: TableColumnTypes[],
-    columnFilterTypes: TableColumnFilterTypes[],
-    columnBooleanTypeIcons: any,
-    selectFilterElements: any,
-    columnWidths: string[],
-    tableMinWidth?: string,
-    hasCheckbox: boolean, 
-    hasSelectAllCheckbox?: boolean, 
-    hasImage: boolean,
-    hasEditButton: boolean,
-    hasDeleteButton: boolean,
-    hasCopyButton: boolean, 
-    hasViewButton?: boolean, 
-    hasCustomButton?: boolean,
-    customButtonConfig?: CustomButtonConfig[],
-    hasPaginator: boolean,
-    hasTotalPagingSelector?: boolean,
-    hasClearButton: boolean,
-    hasGlobalSearch: boolean,
-    hasClickableRow: boolean, 
-    identificator: string,
-    filterNames: any,
-    sortableNames: any[],
-    hasColumnFilters: boolean,
-    hasSortableColumns: boolean, 
-    globalFilterFields?: string[],
-    searchPlaceholder: string,
-    confirmMultipleDeleteLabel: string,
-    confirmSingleDeleteLabel: string,
-    confirmDeleteBtnLabel: string,
-    confirmCopyLabel?: string,
-    confirmCopyBtnLabel?: string
-    disableEditProperty?: string,
-    disableDeleteProperty?: string,
-    disableCheckbox?: string,
-    disableDelete?: boolean,
-    currentPageReportTemplate: string,
-    rowsPerPageOptions?: number[],
-    tableContainer?: boolean,
-    buttonTooltips?: WappTableLazyTooltips,
-    emptyMessage?: string,
-    coloredBadge?: TableColoredBadge[], 
-    enumIcon?: TableEnumIcon[],
-    weekButtonTranslations?: string[],
-    weekButtonDefaultEsp?: boolean 
-}
-
-export interface TableColoredBadge {
-    color: string,
-    coloredBadgeProperty: string
-}
-
-export interface TableEnumIcon {
-    icon: string,
-    iconColor: string,
-    enumValue: string
-}

package/src/lib/shared/models/wapp-table.model.ts

@@ -1,68 +0,0 @@
-import { CustomButtonConfig } from "./custom-button-config.model";
-import { TableColumnFilterTypes, TableColumnTypes, WappTableColumnAlignTypes } from "./enums.model";
-import { TableColoredBadge, TableEnumIcon } from "./wapp-table-lazy-loading.model";
-
-export interface WappTableTooltips {
-    copyTooltip?: string,
-    viewTooltip?: string,
-    editTooltip?: string,
-    deleteTooltip?: string, 
-    customTooltip?: string[], 
-    position?: string
-}
-
-export interface WappTable {
-    headers: string[],
-    hasNewElementButton?: boolean,
-    newElementButtonLabel?: string,
-    newElementButtonIcon?: string,
-    columns: any[],
-    columnAlign?: WappTableColumnAlignTypes[],
-    columnTypes: TableColumnTypes[],
-    columnFilterTypes: TableColumnFilterTypes[],
-    columnBooleanTypeIcons: any,
-    selectFilterElements?: any,
-    columnWidths: string[],
-    tableMinWidth?: string,
-    hasClickableRow: boolean,
-    hasCheckbox: boolean,
-    hasSelectAllCheckbox?: boolean,
-    hasImage: boolean,
-    hasEditButton: boolean, 
-    hasCustomButton?: boolean,
-    customButtonConfig?: CustomButtonConfig[],
-    hasDeleteButton: boolean,
-    hasCopyButton: boolean, 
-    hasViewButton?: boolean, 
-    hasPaginator: boolean,
-    hasTotalPagingSelector?: boolean,
-    hasClearButton: boolean,
-    clearPlaceholder?: string,
-    hasGlobalSearch: boolean,
-    identificator: string,
-    filterNames: any,
-    sortableNames: any[],
-    globalFilterFields: string[],
-    hasColumnFilters: boolean,
-    hasSortableColumns: boolean, 
-    searchPlaceholder: string,
-    confirmMultipleDeleteLabel?: string,
-    confirmSingleDeleteLabel?: string,
-    confirmDeleteBtnLabel?: string,
-    confirmCopyLabel?: string,
-    confirmCopyBtnLabel?: string,
-    disableEditProperty?: string,
-    disableDeleteProperty?: string,
-    disableViewProperty?: string,
-    disableCheckbox?: string,
-    disableDelete?: boolean,
-    currentPageReportTemplate?: string,
-    rowsPerPageOptions?: number[],
-    tableContainer?: boolean,
-    buttonTooltips?: WappTableTooltips,
-    emptyMessage?: string,
-    coloredBadge?: TableColoredBadge[],
-    enumIcon?: TableEnumIcon[],
-    weekButtonTranslations?: string[], 
-    weekButtonDefaultEsp?: boolean 
-}

package/src/lib/shared/pipes/color-text.pipe.ts

@@ -1,24 +0,0 @@
-import { Pipe, PipeTransform } from "@angular/core";
-
-@Pipe({
-    name: 'ColorTextPipe',
-    standalone: false
-})
-export class ColorTextPipe implements PipeTransform {
-    transform(value: any) {
-        var mapObj: any = {
-            "string": "string",
-            "number": "number",
-            "boolean": "boolean",
-            "any": "any",
-            "null": "null",
-            "Input": "Input",
-            "Output":"Output"
-        };
-
-        if(value){
-            return value.replace(/\b(?:string|number|boolean|number|any|null|Input|Output)\b/gi, (matched: any) => mapObj[matched] != "Input" && mapObj[matched] != "Output" ? `<font color="#9900FF">${mapObj[matched]}</font>`: `<font color='#ff7373'>${mapObj[matched]}</font>`);
-        }
-        return value;
-    }
-}

package/src/lib/shared/pipes/w-currency.pipe.ts

@@ -1,31 +0,0 @@
-import { Injectable, Pipe, PipeTransform } from '@angular/core';
-import { SessionStorageService } from '../services/session-storage.service';
-
-@Pipe({
-    name: 'wappCurrency',
-    standalone: false
-})
-@Injectable({ 
-  providedIn: 'root' 
-})
-export class WCurrencyPipe implements PipeTransform {
-
-  constructor(
-    private sessionStorageService: SessionStorageService
-  ) {}
-  
-  transform(value: number, digits?: number): any {
-    let businessCurrency = this.sessionStorageService.getBusinessData().currencySymbol;
-    let valueWithDigits = value.toFixed(digits || 2);
-
-    if(businessCurrency) {
-      if(businessCurrency == '€') {
-        return valueWithDigits + ' ' + businessCurrency;
-      } else {
-        return businessCurrency + ' ' + valueWithDigits;
-      }
-    } else {
-      return '$ ' + valueWithDigits;
-    }
-  }
-}

package/src/lib/shared/pipes/w-date.pipe.ts

@@ -1,58 +0,0 @@
-import { Injectable, Pipe, PipeTransform } from '@angular/core';
-import { DatePipe } from '@angular/common';
-import { WDatePipeReturnType, WDatePipeFormatType } from '../models/enums.model';
-import { DateConversionService } from '../services/date-conversion.service';
-
-@Injectable({ providedIn: 'root' })
-@Pipe({
-    name: 'wappDate',
-    standalone: false
-})
-export class WDatePipe implements PipeTransform {
-
-    constructor(
-        private dateConversionService: DateConversionService) {}
-      
-    transform(date: Date | number | string, format?: WDatePipeFormatType | "", locale?: any | "", returnType?: WDatePipeReturnType) {
-        let wappDate: any;
-
-        switch(format) { 
-            case WDatePipeFormatType.d: { 
-               wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'shortDate')
-               break; 
-            } 
-            case WDatePipeFormatType.D: { 
-                wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'fullDate')
-                break; 
-            } 
-            case WDatePipeFormatType.g: { 
-                wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'short')?.replace(/,/g, "")
-                break; 
-            } 
-            case WDatePipeFormatType.G: { 
-                wappDate = new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'shortDate')! + ' '
-                         + new DatePipe(locale ? locale : window.navigator.language.slice(0, 2)).transform(date, 'mediumTime')
-                break; 
-            }
-            case WDatePipeFormatType.Date: { 
-                wappDate = date;
-                wappDate = this.dateConversionService.formatUTCDate(wappDate);
-
-                if(returnType == WDatePipeReturnType.date) return wappDate;
-
-                wappDate = locale ?
-                    new DatePipe(locale).transform(wappDate, 'short')?.replace(/,/g, "") :
-                    new DatePipe(window.navigator.language.slice(0, 2)).transform(wappDate, 'short')?.replace(/,/g, "");
-                break; 
-            }
-
-            default: { 
-                wappDate = locale ?
-                    new DatePipe(locale).transform(date, 'short')?.replace(/,/g, "") :
-                    new DatePipe(window.navigator.language.slice(0, 2)).transform(date, 'short')?.replace(/,/g, "");
-                    break; 
-            } 
-         } 
-         return wappDate;
-    }
-}

package/src/lib/shared/pipes/w-percentage.pipe.ts

@@ -1,12 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-    name: 'wappPercentage',
-    standalone: false
-})
-export class WPercentagePipe implements PipeTransform {
-      
-    transform(number: number) {
-         return number + '%';
-    }
-}

package/src/lib/shared/pipes/w-summary.pipe.ts

@@ -1,23 +0,0 @@
-import { Injectable, Pipe, PipeTransform } from '@angular/core';
- 
-@Pipe({
-    name: 'wappSummary',
-    standalone: false
-})
-@Injectable({ 
-  providedIn: 'root' 
-})
-export class WSummaryPipe implements PipeTransform {
- 
-    transform(value: string, maxLength: number) {
-        if (!value) {
-          return value; 
-        }
-    
-        if (value.length > maxLength) {
-          return value.substring(0, maxLength) + ' ... ';
-        } else {
-          return value; 
-        }
-    }
-}

package/src/lib/shared/service/api/api.service.ts

@@ -1,154 +0,0 @@
-import { HttpClient, HttpHeaders } from "@angular/common/http";
-import { Injectable } from "@angular/core";
-import { Observable, forkJoin, map, of, switchMap, tap } from "rxjs";
-import { QbPanelFilter } from "../../models/filter-panel/qb-panel-filter.model";
-import { QbPanelToFields } from "../../models/filter-panel/qb-panel-to-fields.model";
-import { GMCountry } from "../../models/filter-panel/gmcountry-model";
-import { MessageService } from "primeng/api";
-import { GMLocality } from "../../models/filter-panel/gmlocality.model";
-import { GMPostalCode } from "../../models/filter-panel/gmpostalcode.model";
-import { GMAreaLevel2 } from "../../models/filter-panel/gmarealevel2.model";
-import { GMAreaLevel1 } from "../../models/filter-panel/gmarealevel1.model";
-import { PlatformEventsGroups } from "../../models/filter-panel/platform-events-group.model";
-import { PlatformEvent } from "../../models/filter-panel/platform-event.model";
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ApiService {
-  
-  constructor(
-    private http: HttpClient,
-    private messageService: MessageService,  
-  ) { }
-
-  getFilterPanel(apiUrl: string, token: string, commonDataApiUrl: string, commonDataApiToken: string, tenantId: string, applicationId: string, filterId?: string): Observable<QbPanelFilter> {
-    let url = filterId ? `${apiUrl}/${tenantId}/${applicationId}/${filterId}` : `${apiUrl}`;
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${token}` });    
-    let fieldsModified: any; 
-    
-    return this.http.get<any>(url, {headers: headers}).pipe(
-      switchMap((filtersPanel: QbPanelFilter) => {
-        const fields = filtersPanel.qbpanelToFields;
-        return forkJoin(
-          fields.map((field: QbPanelToFields) => {
-            fieldsModified = field;
-            if(field.qbfilterField.hasListOfValues) {
-              return this.getFieldValues(commonDataApiUrl, commonDataApiToken, field.qbfilterFieldId).pipe(
-                map(values => {
-                  const arrayOfValues = values.map((a: any) => ({
-                    name: a.value,
-                    value: +a.key
-                  })); 
-                  field.qbfilterField.listOfValues = arrayOfValues;
-                  return field;
-                })
-              );
-            } else {
-              return of(field);
-            }
-          })).pipe(
-                map(modifiedItems => {
-                  filtersPanel.qbpanelToFields = modifiedItems;
-                  return filtersPanel;
-                })
-              );
-            }
-          )
-    );
-  }
-
-  getFieldValues(commonDataApiUrl: string, commonDataApiToken: string, filterFieldId: number): Observable<string[]> {
-    let url = `${commonDataApiUrl}/fields/${filterFieldId}/values`; 
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${commonDataApiToken}` });    
-    return this.http.get<string[]>(url, {headers})
-      .pipe(
-        tap(_ => { })
-      );
-  }
-
-  getCountries(segmentationApi: string, segmentationApiToken: string):Observable<GMCountry[]>{
-    let url = `${segmentationApi}/countries`;
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${segmentationApiToken}` });    
-    return this.http.get<GMCountry[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-
-  getAreaLevels1(countryIds: number[], segmentationApi: string, segmentationApiToken: string): Observable<GMAreaLevel1[]>{
-    let params = countryIds.map(id => id.toString()).join('&gmCountryIds=')
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${segmentationApiToken}` });    
-    let url = `${segmentationApi}/arealevels1?gmCountryIds=`+params;
-    return this.http.get<GMAreaLevel1[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-
-  getAreaLevels2(areaLevel1Ids: number[], segmentationApi: string, segmentationApiToken: string): Observable<GMAreaLevel2[]>{
-    let params = areaLevel1Ids.map(id => id.toString()).join('&gmAreaLevel1Ids=')
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${segmentationApiToken}` });    
-    let url = `${segmentationApi}/arealevels2?gmAreaLevel1Ids=`+params;
-    return this.http.get<GMAreaLevel2[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-
-  getLocalities(areaLevel2Ids: number[], segmentationApi: string, segmentationApiToken: string): Observable<GMLocality[]>{
-    let params = areaLevel2Ids.map(id => id.toString()).join('&gmAreaLevel2Ids=')
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${segmentationApiToken}` });    
-    let url = `${segmentationApi}/localities?gmAreaLevel2Ids=`+params;
-    return this.http.get<GMLocality[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-
-  getPostalCodes(localityIds: number[], segmentationApi: string, segmentationApiToken: string): Observable<GMPostalCode[]>{
-    let params = localityIds.map(id => id.toString()).join('&gmLocalityIds=')
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${segmentationApiToken}` });    
-    let url = `${segmentationApi}/postalcodes?gmLocalityIds=`+params;
-    return this.http.get<GMPostalCode[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-
-  getCategories(productApi: string, productApiToken: string): Observable<any[]>{
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${productApiToken}` });    
-    let url = `${productApi}/api/Category`;
-    return this.http.get<any[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-
-  getSections(productApi: string, productApiToken: string): Observable<any[]>{
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${productApiToken}` });    
-    let url = `${productApi}/api/Section`;
-    return this.http.get<any[]>(url, {headers})
-      .pipe(
-        tap(_ => { }),
-      );
-  }
-  
-  getEventCategories(notificationApiUrl: string, notificationApiToken: string): Observable<PlatformEventsGroups[]>{
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${notificationApiToken}` });   
-    let url = `${notificationApiUrl}/categories`;
-    return this.http.get<PlatformEventsGroups[]>(url,{ headers })
-      .pipe(
-        tap(_ => {})
-      );
-  }
-
-  getEvents(eventCategoryId: number, notificationApiUrl: string, notificationApiToken: string): Observable<PlatformEvent[]>{
-    const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${notificationApiToken}` });   
-    let url = `${notificationApiUrl}/events/${eventCategoryId}`;
-    return this.http.get<PlatformEvent[]>(url,{ headers })
-      .pipe(
-        tap(_ => {})
-      );
-  }
-}

package/src/lib/shared/services/clipboard.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { ClipboardService } from './clipboard.service';
-
-describe('ClipboardService', () => {
-  let service: ClipboardService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(ClipboardService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/shared/services/clipboard.service.ts

@@ -1,19 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ClipboardService {
-
-  constructor() { }
-
-  copyToClipboard(text: string) {
-    if (navigator.clipboard) {
-      navigator.clipboard.writeText(text)
-        .then(() => {})
-        .catch(() => {console.log("copy to clipboard error")});
-    } else {
-      console.log("not supported")
-    }
-  }
-}

package/src/lib/shared/services/date-conversion.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { DateConversionService } from './date-conversion.service';
-
-describe('DateConversionService', () => {
-  let service: DateConversionService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(DateConversionService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/shared/services/date-conversion.service.ts

@@ -1,20 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({ providedIn: 'root' })
-@Injectable({
-  providedIn: 'root'
-})
-export class DateConversionService {
-
-  constructor() { }
-
-  formatUTCDate(date: string | Date): Date | null | any{
-    const inputDate = typeof date === 'string' ? new Date(`${date}Z`) : date; 
-
-    if (isNaN(inputDate?.getTime())) { 
-      return null;
-    }
-  
-    return new Date(inputDate.toISOString());
-  }
-}

package/src/lib/shared/services/file-size.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { FileSizeService } from './file-size.service';
-
-describe('FileSizeService', () => {
-  let service: FileSizeService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(FileSizeService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/shared/services/file-size.service.ts

@@ -1,37 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class FileSizeService {
-  private byteUnit = 1.048576; 
-  private bytes: number = 1000000;
-
-  init(initialBytes: number){
-    this.bytes = initialBytes;
-  }
-
-  formatSize(){
-    this.bytes = Math.round(this.bytes * this.byteUnit);
-    return this.bytes;
-  }
-
-  formatSizeMessage() {
-    const k = 1024;
-    const sizes = ['B','KB', 'MB', 'GB'];
-
-    if (this.bytes === 0) {
-      return `0 ${sizes[0]}`;
-    }
-
-    const i = Math.floor(Math.log(this.bytes) / Math.log(k));
-    const locale: string = navigator.language;
-
-    const formattedSize = (this.bytes / Math.pow(k, i)).toLocaleString(locale, {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 3,
-    });
-
-    return `${formattedSize} ${sizes[i]}`;
-  }
-}