ngx-vector-components 5.29.0 → 5.30.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [5.30.0] (13/05/2024)
+
+### Feature
+
+- Added `ADD_BLOCK_HAZMAT` in `profile.model`
+- Added `SHOW_BLOCK_HAZMAT` in `profile.model`
+- Added `EDIT_BLOCK_HAZMAT` in `profile.model`
+
 ## [5.29.0] (13/05/2024)
 
 ### Feature

package/assets/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/assets/i18n/es-AR.json

@@ -0,0 +1,150 @@
+{
+  "primeng": {
+    "startsWith": "Inicia com",
+    "contains": "Contiene",
+    "notContains": "No contiene",
+    "endsWith": "Termina con",
+    "equals": "Igual",
+    "notEquals": "Diferente",
+    "noFilter": "Sin filtro",
+    "lt": "Menos que",
+    "lte": "Menos que o igual à",
+    "gt": "Mayor que",
+    "gte": "Mayor que o igual à",
+    "is": "És",
+    "isNot": "No és",
+    "before": "Antes",
+    "after": "Después",
+    "clear": "Limpiar",
+    "apply": "Aplicar",
+    "matchAll": "Combinar todos",
+    "matchAny": "Combinar cualquiera",
+    "addRule": "Agregar regla",
+    "removeRule": "Quitar regla",
+    "accept": "Si",
+    "reject": "No",
+    "choose": "Eligir",
+    "upload": "Realizar upload",
+    "cancel": "Cancelar",
+    "dayNames": ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sabado"],
+    "dayNamesShort": ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+    "dayNamesMin": ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
+    "monthNames": [
+      "Enero",
+      "Febrero",
+      "Marzo",
+      "Abril",
+      "Mayo",
+      "Junio",
+      "Julio",
+      "Agosto",
+      "Septiembre",
+      "Octubre",
+      "Noviembre",
+      "Diciembre"
+    ],
+    "monthNamesShort": ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
+    "today": "Hoy",
+    "weekHeader": "Semana",
+    "weak": "Flojo",
+    "medium": "Médio",
+    "strong": "Fuerte",
+    "passwordPrompt": "Digite su contraseña",
+    "emptyMessage": "Ningún resultado encontrado",
+    "emptyFilterMessage": "Ningún resultado encontrado",
+    "dateFormat": "dd/mm/yy"
+  },
+  "enums": {
+    "DropdownAccountType": {
+      "CURRENT": "Conta corrente",
+      "SAVING": "Conta poupança",
+      "PAYMENT": "Conta pagamento"
+    },
+    "AccountTypeGroup": {
+      "CURRENT_ACCOUNT": "Conta Corrente",
+      "SAVING_ACCOUNT": "Conta Poupança",
+      "PAYMENT_ACCOUNT": "Conta Pagamento"
+    },
+    "CompanyType": {
+      "SOCIEDADE_ANONIMA": "SA - Sociedade Anônima",
+      "SOCIEDADE_SIMPLES": "Sociedade Simples",
+      "LIMITADA": "LTDA - Sociedade Empresária Limitada",
+      "EIRELI": "Empresa Individual de Responsabilidade Limitada",
+      "INDIVIDUAL": "Empresa Individual",
+      "MEI": "Microempreendedor Individual"
+    },
+    "IdentityIssuer": {
+      "SSP": "SECRETARIA DE SEGURANÇA PÚBLICA",
+      "PF": "PF - POLÍCIA FEDERAL",
+      "MIL": "ORGANISMOS MILITARES",
+      "CIC": "CARTEIRA DE IDENTIDADE CLASSISTA",
+      "OAB": "OAB - ORDEM DOS ADVOGADOS DO BRASIL",
+      "OTR": "OUTROS EMISSORES",
+      "EST": "DOCUMENTO ESTRANGEIRO"
+    },
+    "ProfileType": {
+      "EMBARCADOR": "Embarcador",
+      "GERENCIADOR": "Gerenciador",
+      "TRANSPORTADOR": "Transportador",
+      "FORNECEDOR": "Fornecedor"
+    },
+    "Shipper": {
+      "EMBARCADOR": "Embarcador",
+      "GERENCIADOR": "Gerenciador",
+      "TRANSPORTADOR": "Transportador"
+    },
+    "CivilState": {
+      "SINGLE": "Soltero(a)",
+      "MARRIED": "Casado(a)",
+      "DIVORCED": "Divorciado(a)",
+      "WIDOWER": "Viúdo(a)",
+      "SEPARATED": "Separado(a)",
+      "STABLE_UNION": "Unión estable"
+    },
+    "FieldsNames": {
+      "NAME": "Nombre",
+      "USERNAME": "Nombre de usuario",
+      "FULLNAME": "Nombre completo",
+      "EMAIL": "Correo Eletrónico",
+      "PHONE": "Telefóno"
+    },
+    "Options": {
+      "ACTIONS": "Acciones",
+      "ACTIVE": "Activo",
+      "EMPTY_RESULTS": "No se ha encontrado ningún resultado",
+      "SEARCH": "Buscar",
+      "UNTIL": "hasta",
+      "GO_BACK": "Volver",
+      "SAVE": "Guardar"
+    },
+    "DocumentType": {
+      "CPF": "CUIL",
+      "CNPJ": "CUIT"
+    }
+  },
+  "app": {
+    "login": {
+      "title": "Ï",
+      "remember_user": "Recordar mi nombre de usuario",
+      "forgot_password": "Olvidaste tu contraseña?",
+      "enter": "Iniciar sesión",
+      "still_no_account": "¿Todavía no tienes una cuenta?",
+      "register": "Registro",
+      "terms_and_conditions_1": "Vea nuestros ",
+      "terms_and_conditions_2": "Términos de uso ",
+      "terms_and_conditions_3": "y ",
+      "terms_and_conditions_4": "Política de privacidad",
+      "version_footer": "Vector 2022 v.1.0.5 Todos los derechos reservados.",
+      "password": "Contraseña",
+      "questions": "¿Dudas?",
+      "contact_us": "Ponte en contacto para que podamos ayudarte",
+      "autonomous_driver": "Si eres conductor autónomo o trabajas para una empresa de transporte, descarga gratis la app de Vector."
+    },
+    "label": {
+      "notifications": "Notificaciones",
+      "search": "Buscar",
+      "actions": "Acciones",
+      "help_central": "Central de Ayuda"
+    }
+  }
+}

package/assets/i18n/pt-BR.json

@@ -0,0 +1,192 @@
+{
+  "primeng": {
+    "startsWith": "Inicia com",
+    "contains": "Contém",
+    "notContains": "Não contém",
+    "endsWith": "Termina com",
+    "equals": "Igual",
+    "notEquals": "Diferente",
+    "noFilter": "Sem filtro",
+    "lt": "Menos que",
+    "lte": "Menos que ou igual à",
+    "gt": "Maior que",
+    "gte": "Maior que ou igual à",
+    "is": "É",
+    "isNot": "Não é",
+    "before": "Antes",
+    "after": "Após",
+    "clear": "Limpar",
+    "apply": "Aplicar",
+    "matchAll": "Combinar todos",
+    "matchAny": "Combinar qualquer",
+    "addRule": "Adicionar regra",
+    "removeRule": "Remover regra",
+    "accept": "Sim",
+    "reject": "Não",
+    "choose": "Escolher",
+    "upload": "Realizar upload",
+    "cancel": "Cancelar",
+    "dayNames": ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"],
+    "dayNamesShort": ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+    "dayNamesMin": ["Do", "Se", "Te", "Qua", "Qui", "Se", "Sá"],
+    "monthNames": [
+      "Janeiro",
+      "Fevereiro",
+      "Março",
+      "Abril",
+      "Maio",
+      "Junho",
+      "Julho",
+      "Agosto",
+      "Setembro",
+      "Outubro",
+      "Novembro",
+      "Dezembro"
+    ],
+    "monthNamesShort": ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
+    "today": "Hoje",
+    "weekHeader": "Semana",
+    "weak": "Fraco",
+    "medium": "Médio",
+    "strong": "Forte",
+    "passwordPrompt": "Digite sua senha",
+    "emptyMessage": "Nenhum resultado encontrado",
+    "emptyFilterMessage": "Nenhum resultado encontrado",
+    "dateFormat": "dd/mm/yy"
+  },
+  "enums": {
+    "Options": {
+      "ACTIONS": "Ações",
+      "ACTIVE": "Ativo",
+      "EMPTY_RESULTS": "Não foi encontrado nenhum resultado",
+      "SEARCH": "Pesquisar",
+      "UNTIL": "até",
+      "BACK": "Voltar",
+      "NEXT": "Continuar"
+    },
+    "DocumentType": {
+      "CPF": "CPF",
+      "CNPJ": "CNPJ"
+    },
+    "Status": {
+      "PENDING": "Pendente",
+      "APPROVED": "Aprovado",
+      "REJECTED": "Rejeitado"
+    },
+    "AddressType": {
+      "R": "RUA",
+      "AV": "AVENIDA",
+      "ROD": "RODOVIA",
+      "FAZ": "FAZENDA",
+      "AC": "ACESSO",
+      "AL": "ALAMEDA",
+      "AT": "ALTO",
+      "B": "BALNEARIO",
+      "BC": "BECO",
+      "BL": "BLOCO",
+      "CAM": "CAMINHO",
+      "CJ": "CONJUNTO",
+      "DT": "DISTRITO",
+      "ESCAD": "ESCADA",
+      "EST": "ESTRADA",
+      "JD": "JARDIM",
+      "JDE": "JARDINETE",
+      "LD": "LADEIRA",
+      "LOT": "LOTEAMENTO",
+      "LRG": "LARGO",
+      "PC": "PRAÇA",
+      "PR": "PRAIA",
+      "PRQ": "PARQUE",
+      "PSG": "PASSAGEM",
+      "Q": "QUADRA",
+      "RES": "RESIDENCIAL",
+      "ST": "SETOR",
+      "TV": "TRAVESSA",
+      "V": "VIA",
+      "VD": "VIADUTO",
+      "VL": "VILA",
+      "VLA": "VIELA"
+    },
+    "BrazilianState": {
+      "AC": "Acre",
+      "AL": "Alagoas",
+      "AP": "Amapá",
+      "AM": "Amazonas",
+      "BA": "Bahia",
+      "CE": "Ceará",
+      "DF": "Distrito Federal",
+      "ES": "Espírito Santo",
+      "GO": "Goiás",
+      "MA": "Maranhão",
+      "MT": "Mato Grosso",
+      "MS": "Mato Grosso do Sul",
+      "MG": "Minas Gerais",
+      "PA": "Pará",
+      "PB": "Paraíba",
+      "PR": "Paraná",
+      "PE": "Pernambuco",
+      "PI": "Piauí",
+      "RJ": "Rio de Janeiro",
+      "RN": "Rio Grande do Norte",
+      "RS": "Rio Grande do Sul",
+      "RO": "Rondônia",
+      "RR": "Roraima",
+      "SC": "Santa Catarina",
+      "SP": "São Paulo",
+      "SE": "Sergipe",
+      "TO": "Tocantins"
+    },
+    "IdentityIssuer": {
+      "SSP": "SECRETARIA DE SEGURANÇA PÚBLICA",
+      "PF": "PF - POLÍCIA FEDERAL",
+      "MIL": "ORGANISMOS MILITARES",
+      "CIC": "CARTEIRA DE IDENTIDADE CLASSISTA",
+      "OAB": "OAB - ORDEM DOS ADVOGADOS DO BRASIL",
+      "OTR": "OUTROS EMISSORES",
+      "EST": "DOCUMENTO ESTRANGEIRO"
+    },
+    "ProfileType": {
+      "EMBARCADOR": "Embarcador",
+      "GERENCIADOR": "Gerenciador",
+      "TRANSPORTADOR": "Transportador",
+      "FORNECEDOR": "Fornecedor"
+    },
+    "Shipper": {
+      "EMBARCADOR": "Embarcador",
+      "GERENCIADOR": "Gerenciador",
+      "TRANSPORTADOR": "Transportador"
+    },
+    "QuotaStatus": {
+      "APROBADO": "Aprobado"
+    },
+    "QuotaDisclosureStatus": {
+      "SIN_DIVULGACION": "Sin divulgación",
+      "DETENIDO": "Detenido",
+      "NO_ENCONTRADO": "No encontrado",
+      "RESERVADO": "Reservado",
+      "REENVIADO": "Reenviado",
+      "EN_DIVULGACION": "En Divulgacion"
+    },
+    "QuotaTabStatus": {
+      "NO_DIVULGADO": "No divulgado",
+      "DIVULGADO": "Divulgado"
+    },
+    "DisclosureType": {
+      "MERCADO": "Mercado",
+      "LISTA": "Lista",
+      "DIRIGIDA": "Dirigida"
+    },
+    "QuotaWaveStatus": {
+      "INACTIVE": "DESACTIVADA",
+      "ACTIVE": "ACTIVA"
+    }
+  },
+  "app": {
+    "label": {
+      "notifications": "Notificações",
+      "search": "Pesquisar",
+      "actions": "Ações",
+      "help_central": "Central de Ajuda"
+    }
+  }
+}

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/ngx-vector-components'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ngx-vector-components",
+  "assets": ["CHANGELOG.md", "./assets/styles/**.scss", "assets/icons/**", "assets/fonts/**.ttf", "assets/images/**"],
+  "lib": {
+    "entryFile": "src/public-api.ts",
+    "styleIncludePaths": ["./assets/styles"]
+  }
+}

package/package.json

@@ -1,41 +1,27 @@
-{
-  "name": "ngx-vector-components",
-  "version": "5.29.0",
-  "peerDependencies": {
-    "@angular/animations": "^17.1.0",
-    "@angular/cdk": "^17.1.0",
-    "@angular/common": "^17.1.0",
-    "@angular/compiler": "^17.1.0",
-    "@angular/core": "^17.1.0",
-    "@angular/forms": "^17.1.0",
-    "@angular/platform-browser": "^17.1.0",
-    "@angular/platform-browser-dynamic": "^17.1.0",
-    "@angular/router": "^17.1.0",
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "@ngx-translate/core": "^15.0.0",
-    "file-saver": "^2.0.5",
-    "luxon": "^2.4.0",
-    "ngx-device-detector": "^7.0.0",
-    "primeflex": "^3.2.1",
-    "primeicons": "^6.0.1",
-    "primeng": "^17.3.2",
-    "rxjs": "^7.4.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "module": "fesm2022/ngx-vector-components.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/ngx-vector-components.mjs",
-      "esm": "./esm2022/ngx-vector-components.mjs",
-      "default": "./fesm2022/ngx-vector-components.mjs"
-    }
-  },
-  "sideEffects": false
-}
+{
+  "name": "ngx-vector-components",
+  "version": "5.30.0",
+  "peerDependencies": {
+    "@angular/animations": "^17.1.0",
+    "@angular/cdk": "^17.1.0",
+    "@angular/common": "^17.1.0",
+    "@angular/compiler": "^17.1.0",
+    "@angular/core": "^17.1.0",
+    "@angular/forms": "^17.1.0",
+    "@angular/platform-browser": "^17.1.0",
+    "@angular/platform-browser-dynamic": "^17.1.0",
+    "@angular/router": "^17.1.0",
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "@ngx-translate/core": "^15.0.0",
+    "file-saver": "^2.0.5",
+    "luxon": "^2.4.0",
+    "ngx-device-detector": "^7.0.0",
+    "primeflex": "^3.2.1",
+    "primeicons": "^6.0.1",
+    "primeng": "^17.3.2",
+    "rxjs": "^7.4.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/src/lib/components/badge/badge.component.html

@@ -0,0 +1,9 @@
+<div
+  class="badge"
+  [class]="getStatusColor()"
+  [ngStyle]="{ 'background-color': customBackgroundColor, color: customColor }"
+  [pTooltip]="tooltip || ''"
+  tooltipPosition="top"
+>
+  {{ label }}
+</div>

package/src/lib/components/badge/badge.component.scss

@@ -0,0 +1,18 @@
+.badge {
+  padding: 4px 12px;
+  border-radius: 8px;
+  color: #fff;
+}
+
+.badge-success {
+  background-color: var(--success-color);
+}
+.badge-error {
+  background-color: var(--error-color);
+}
+.badge-warning {
+  background-color: var(--warning-color);
+}
+.badge-info {
+  background-color: var(--theme-light);
+}

package/src/lib/components/badge/badge.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BadgeComponent } from './badge.component';
+
+describe('BadgeComponent', () => {
+  let component: BadgeComponent;
+  let fixture: ComponentFixture<BadgeComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BadgeComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BadgeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/badge/badge.component.ts

@@ -0,0 +1,38 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Status } from '../../models';
+
+@Component({
+  selector: 'vector-badge',
+  templateUrl: './badge.component.html',
+  styleUrls: ['./badge.component.scss'],
+})
+export class BadgeComponent implements OnInit {
+  @Input()
+  public type?: Status;
+  @Input()
+  public label?: string;
+  @Input()
+  public customColor?: string;
+  @Input()
+  public customBackgroundColor?: string;
+  @Input()
+  public tooltip?: string;
+
+  constructor() {}
+
+  ngOnInit(): void {}
+
+  public getStatusColor() {
+    switch (this.type) {
+      case Status.PENDING:
+        return 'badge-warning';
+      case Status.APPROVED:
+        return 'badge-success';
+      case Status.REJECTED:
+        return 'badge-error';
+      case Status.INFO:
+        return 'badge-info';
+    }
+    return '';
+  }
+}