ngx-sp-infra 0.0.0

package/projects/ngx-sp-infra/package-lock.json

@@ -0,0 +1,225 @@
+{
+  "name": "infra",
+  "version": "0.1.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "infra",
+      "version": "0.1.0",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^13.3.0",
+        "@angular/core": "^13.3.0",
+        "ngx-bootstrap": "^8.0.0"
+      }
+    },
+    "node_modules/@angular/animations": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-13.3.2.tgz",
+      "integrity": "sha512-n00j/8MT6kLr2yC1mJIC9DNdDvmgc+oAr/C9reZv2Q+zdff90JIjRyEICPC2YNMGwxMza51w6g7SX+H1rsDq0Q==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "13.3.2"
+      }
+    },
+    "node_modules/@angular/common": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-13.3.2.tgz",
+      "integrity": "sha512-tQ2dKh5v/a0Nz6EXguw/vyms8VeRhcZO0F2xd9C+UdS3DVBftC1milluWGpjXdkLijTlJBCr114aXyZsyjNf3g==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "13.3.2",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/core": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-13.3.2.tgz",
+      "integrity": "sha512-e+3eyV1AaiiP/3L82BKi5WowAYzsOmSfzYdT4utQScuTjbtNhIo4NvlpSRwk51QRYR9XsqinHO3SfEX2eMPSGA==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "rxjs": "^6.5.3 || ^7.4.0",
+        "zone.js": "~0.11.4"
+      }
+    },
+    "node_modules/@angular/forms": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-13.3.2.tgz",
+      "integrity": "sha512-LugSFSnfZXojP60iT7soRl241H7asq/6kFt7xyea8EN0c0yI64d+cJPheCU2QJSBAglxoLHOln435GJ0pZEvzQ==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "13.3.2",
+        "@angular/core": "13.3.2",
+        "@angular/platform-browser": "13.3.2",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/platform-browser": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-13.3.2.tgz",
+      "integrity": "sha512-dSVwX7727cKAmLv6jF9lM5PvH/dm/Wtg1p80r3LFgs+6G9HFlAZci8TM6Xd5E9EcibPLmKLyejYS1njuS6Rrdg==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.15.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "13.3.2",
+        "@angular/common": "13.3.2",
+        "@angular/core": "13.3.2"
+      },
+      "peerDependenciesMeta": {
+        "@angular/animations": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ngx-bootstrap": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-bootstrap/-/ngx-bootstrap-8.0.0.tgz",
+      "integrity": "sha512-UjJ/57Pr7ctdI2L113QX1IqJPYtOMrp5Qq/RLvUT1TOwPQWPi9LXTQ/7BtipkptQjer7Fk9yueITH3Y8vD+Dmg==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "^13.0.0",
+        "@angular/common": "^13.0.0",
+        "@angular/core": "^13.0.0",
+        "@angular/forms": "^13.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.5.5",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.5.tgz",
+      "integrity": "sha512-sy+H0pQofO95VDmFLzyaw9xNJU4KTRSwQIGM6+iG3SypAtCiLDzpeG8sJrNCWn2Up9km+KhkvTdbkrdy+yzZdw==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
+      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
+    },
+    "node_modules/zone.js": {
+      "version": "0.11.5",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.11.5.tgz",
+      "integrity": "sha512-D1/7VxEuQ7xk6z/kAROe4SUbd9CzxY4zOwVGnGHerd/SgLIVU5f4esDzQUsOCeArn933BZfWMKydH7l7dPEp0g==",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.0"
+      }
+    }
+  },
+  "dependencies": {
+    "@angular/animations": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-13.3.2.tgz",
+      "integrity": "sha512-n00j/8MT6kLr2yC1mJIC9DNdDvmgc+oAr/C9reZv2Q+zdff90JIjRyEICPC2YNMGwxMza51w6g7SX+H1rsDq0Q==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    },
+    "@angular/common": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-13.3.2.tgz",
+      "integrity": "sha512-tQ2dKh5v/a0Nz6EXguw/vyms8VeRhcZO0F2xd9C+UdS3DVBftC1milluWGpjXdkLijTlJBCr114aXyZsyjNf3g==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    },
+    "@angular/core": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-13.3.2.tgz",
+      "integrity": "sha512-e+3eyV1AaiiP/3L82BKi5WowAYzsOmSfzYdT4utQScuTjbtNhIo4NvlpSRwk51QRYR9XsqinHO3SfEX2eMPSGA==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    },
+    "@angular/forms": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-13.3.2.tgz",
+      "integrity": "sha512-LugSFSnfZXojP60iT7soRl241H7asq/6kFt7xyea8EN0c0yI64d+cJPheCU2QJSBAglxoLHOln435GJ0pZEvzQ==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    },
+    "@angular/platform-browser": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-13.3.2.tgz",
+      "integrity": "sha512-dSVwX7727cKAmLv6jF9lM5PvH/dm/Wtg1p80r3LFgs+6G9HFlAZci8TM6Xd5E9EcibPLmKLyejYS1njuS6Rrdg==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    },
+    "ngx-bootstrap": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-bootstrap/-/ngx-bootstrap-8.0.0.tgz",
+      "integrity": "sha512-UjJ/57Pr7ctdI2L113QX1IqJPYtOMrp5Qq/RLvUT1TOwPQWPi9LXTQ/7BtipkptQjer7Fk9yueITH3Y8vD+Dmg==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.0.0"
+      }
+    },
+    "rxjs": {
+      "version": "7.5.5",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.5.tgz",
+      "integrity": "sha512-sy+H0pQofO95VDmFLzyaw9xNJU4KTRSwQIGM6+iG3SypAtCiLDzpeG8sJrNCWn2Up9km+KhkvTdbkrdy+yzZdw==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "tslib": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
+      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
+    },
+    "zone.js": {
+      "version": "0.11.5",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.11.5.tgz",
+      "integrity": "sha512-D1/7VxEuQ7xk6z/kAROe4SUbd9CzxY4zOwVGnGHerd/SgLIVU5f4esDzQUsOCeArn933BZfWMKydH7l7dPEp0g==",
+      "peer": true,
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    }
+  }
+}

package/projects/ngx-sp-infra/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "ngx-sp-infra",
+  "version": "0.1.45",
+  "description": "Biblioteca de utilitários da Infra.",
+  "keywords": ["Infra", "Sispro", "Utilitários", "P&D"],
+  "bugs": {
+    "email": "sispropesqdesenv@sispro.com.br"
+  },
+  "repository": "https://siscanosdes.sispro.com.br:8443/svn/SisproCloud/trunk/INFRA",
+  "peerDependencies": {
+    "@angular/common": "^16.2.2",
+    "@angular/core": "^16.2.2",
+    "ngx-bootstrap": "^11.0.2"
+  },
+  "dependencies": {
+    "tslib": "^2.6.1"
+  }
+}

package/projects/ngx-sp-infra/src/lib/infra.module.ts

@@ -0,0 +1,85 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+
+import { AccordionModule } from 'ngx-bootstrap/accordion';
+import { ModalModule } from 'ngx-bootstrap/modal';
+
+import { AlertComponent } from './message/alert/alert.component';
+import { ConfirmComponent } from './message/confirm/confirm.component';
+import { ConfirmModalComponent } from './message/confirm-modal/confirm-modal.component';
+import { SaveComponent } from './message/save/save.component';
+import { InfraBreadcrumbItemComponent } from './widgets/breadcrumb/infra-breadcrumb-item/infra-breadcrumb-item.component';
+import { InfraBreadcrumbComponent } from './widgets/breadcrumb/infra-breadcrumb/infra-breadcrumb.component';
+import { BreadcrumbComponent } from './widgets/breadcrumb/portalrh-breadcrumb/breadcrumb.component';
+import { ComboboxComponent } from './widgets/combobox/combobox.component';
+import { FieldControlErrorComponent } from './widgets/field-control-error/field-control-error.component';
+import { FieldErrorMessageComponent } from './widgets/field-error-message/field-error-message.component';
+import { LoadingButtonComponent } from './widgets/loading-button/loading-button.component';
+import { LoadingComponent } from './widgets/loading/loading.component';
+import { TreeComponent } from './widgets/tree/tree.component';
+import { SvgStorageComponent } from './widgets/svg-storage/svg-storage.component';
+import { ToUrlPipe } from './pipes/to-url.pipe';
+import { CpfCnpjPipe } from './pipes/cpf-cnpj.pipe';
+import { FilterByPipe } from './widgets/combobox/pipes/filter-by.pipe';
+import { LimitToPipe } from './widgets/combobox/pipes/limit-to.pipe';
+import { SearchTreePipe } from './widgets/tree/pipes/search-tree.pipe';
+import { ClickOutsideDirective } from './widgets/click-outside/clickoutside.directive';
+import { OrderingComponent } from './widgets/ordering/ordering.component';
+
+@NgModule({
+  declarations: [
+    LoadingComponent,
+    FieldControlErrorComponent,
+    FieldErrorMessageComponent,
+    LoadingButtonComponent,
+    AlertComponent,
+    ConfirmComponent,
+    ConfirmModalComponent,
+    SaveComponent,
+    InfraBreadcrumbComponent,
+    InfraBreadcrumbItemComponent,
+    BreadcrumbComponent,
+    ComboboxComponent,
+    SvgStorageComponent,
+    TreeComponent,
+    ToUrlPipe,
+    CpfCnpjPipe,
+    FilterByPipe,
+    LimitToPipe,
+    SearchTreePipe,
+    ClickOutsideDirective,
+    OrderingComponent
+  ],
+  imports: [
+    CommonModule,
+    ModalModule.forRoot(),
+    AccordionModule.forRoot(),
+    FormsModule,
+    ReactiveFormsModule,
+    RouterModule
+  ],
+  exports: [
+    LoadingComponent,
+    FieldControlErrorComponent,
+    FieldErrorMessageComponent,
+    LoadingButtonComponent,
+    AlertComponent,
+    ConfirmComponent,
+    ConfirmModalComponent,
+    SaveComponent,
+    InfraBreadcrumbComponent,
+    InfraBreadcrumbItemComponent,
+    BreadcrumbComponent,
+    ComboboxComponent,
+    SvgStorageComponent,
+    TreeComponent,
+    ToUrlPipe,
+    CpfCnpjPipe,
+    ClickOutsideDirective,
+    OrderingComponent,
+  ],
+  providers: [],
+})
+export class InfraModule { }

package/projects/ngx-sp-infra/src/lib/message/alert/alert.component.html

@@ -0,0 +1,6 @@
+<div class="alert alert-{{ type }} w-100 no-margin d-inline-block top-10 start-50 translate-middle-x d-flex justify-content-between" role="alert">
+  <div id="divMessage"></div>
+  <div class="d-flex justify-content-end">
+    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" (click)="closeAlert()"></button>
+  </div>
+</div>

package/projects/ngx-sp-infra/src/lib/message/alert/alert.component.scss

@@ -0,0 +1,5 @@
+@import "../../../../../../node_modules/bootstrap/scss/bootstrap.scss";
+
+.no-margin{
+    margin-bottom: 0;
+}

package/projects/ngx-sp-infra/src/lib/message/alert/alert.component.ts

@@ -0,0 +1,39 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+import { BsModalRef } from 'ngx-bootstrap/modal'
+
+import { alertTypes } from '../message-enum';
+
+@Component({
+  selector: 'app-alert',
+  templateUrl: './alert.component.html',
+  styleUrls: ['./alert.component.scss']
+})
+export class AlertComponent implements OnInit {
+  @Input() message: string;
+  @Input() type: alertTypes;
+  
+  constructor(public _bsModalRef: BsModalRef) { }
+  
+  ngOnInit(): void {
+    const elSpan = document.createElement('span');
+
+    elSpan.classList.add('xoverflow')
+
+    elSpan.innerHTML = this.message;
+
+    // Caso a mensagem seja muito grande, é quebrada para a próxima linha
+    elSpan.style.wordBreak = "break-word";
+
+    let elDivMessage = document.getElementById( "divMessage" );
+    
+    elDivMessage?.appendChild(elSpan);
+  }
+
+  public closeAlert(): void {
+    this.message = '';
+    
+    this._bsModalRef.hide();
+  }
+
+}

package/projects/ngx-sp-infra/src/lib/message/confirm/confirm.component.html

@@ -0,0 +1,15 @@
+<div class="modal-content ">
+    <div class="modal-header">
+        <h5 class="modal-title">{{ title }}</h5>
+        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" (click)="closeConfirm()">
+            <span aria-hidden="true">&times;</span>
+        </button>
+    </div>
+    <div class="modal-body">
+        <div id="divMessage"></div>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-primary" (click)="confirm()">{{ okText }}</button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" (click)="closeConfirm()">{{ cancelText }}</button>
+    </div>
+</div>

package/projects/ngx-sp-infra/src/lib/message/confirm/confirm.component.ts

@@ -0,0 +1,52 @@
+import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
+
+import { Subject } from 'rxjs';
+
+import { BsModalRef } from 'ngx-bootstrap/modal';
+
+@Component({
+  selector: 'app-confirm',
+  templateUrl: './confirm.component.html',
+  styleUrls: ['./confirm.component.scss'],
+})
+export class ConfirmComponent implements OnInit {
+  @Input() title: string;
+  @Input() message: string;
+  @Input() cancelText: string = 'Cancelar';
+  @Input() okText: string = 'Sim';
+  @Input() okButton: Function;
+  @Input() parametroOkButton: boolean;
+  @Output() clickButton = new EventEmitter<'confirmado' | 'cancelado'>();
+
+  confirmResult: Subject<'confirmado' | 'cancelado'>;
+
+  constructor(public bsModalRef: BsModalRef) {}
+
+  ngOnInit(): void {
+    this.confirmResult = new Subject();
+  
+    const elSpan = document.createElement('span');
+
+    elSpan.classList.add('xoverflow')
+
+    elSpan.innerHTML = this.message;
+
+    let elDivMessage = document.getElementById( "divMessage" );
+    
+    elDivMessage?.appendChild(elSpan);
+  }
+
+  confirm() {
+       this.confirmAndClose('confirmado');
+  }
+
+  closeConfirm() {
+    this.confirmAndClose('cancelado');
+  }
+
+  private confirmAndClose(value: 'confirmado' | 'cancelado') {
+    this.bsModalRef.hide();
+    this.confirmResult.next( value )
+    this.clickButton.emit(value);
+  }
+}

package/projects/ngx-sp-infra/src/lib/message/confirm-modal/confirm-modal.component.html

@@ -0,0 +1,39 @@
+<div class="modal-header modal-style modal-dialog-centered">
+  <h4 class="modal-title pull-left"> {{ customTitle === '' ? [modalType + ' ' + modalSubject] : customTitle }} </h4>
+  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
+    (click)="closeModal()"></button>
+</div>
+<div class="modal-body">
+  <div class="modal-message" [class.text-danger.fw-bold]="importantMessage">
+    <span *ngIf="customMessage === ''; else showCustomMessage"> Tem certeza que você quer {{ firstLetterIsLowercase(modalType) }}
+      <span [ngSwitch]="genreAndPluralitySubject">
+        <span *ngSwitchCase="'masc singular'"> este </span>
+        <span *ngSwitchCase="'masc plural'"> estes </span>
+        <span *ngSwitchCase="'fem singular'"> esta </span>
+        <span *ngSwitchCase="'fem plural'"> estas </span>
+      </span>
+      {{ firstLetterIsLowercase(modalSubject) }}?
+    </span>
+
+    <ng-template #showCustomMessage>
+      <span> {{ customMessage }} </span>
+    </ng-template>
+
+    <span *ngIf="modalType == 'Excluir'" class="text-danger fw-bold"> (esta ação é irreversível) </span>
+  </div>
+</div>
+<div class="modal-footer">
+  <button type="button" class="btn btn-outline-primary modal-button"
+    (click)="closeModal()"> Cancelar </button>
+
+  <button *ngIf="!showSpinner; else loadingButton" type="button" class="btn btn-primary modal-button"
+    (click)="showSpinner = true; closeModal(true)"> {{ customButton === '' ? modalType : customButton }} </button>
+
+  <ng-template #loadingButton>
+    <button class="btn btn-primary modal-button" type="button" disabled>
+      <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+      <span> {{ customButtonLoading === '' ? [modalType == 'Excluir' ? 'Excluindo...' : [modalType == 'Ativar' ? 'Ativando...' : 'Inativando...']] : customButtonLoading }} </span>
+    </button>
+  </ng-template>
+
+</div>

package/projects/ngx-sp-infra/src/lib/message/confirm-modal/confirm-modal.component.ts

@@ -0,0 +1,73 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'app-confirm-modal',
+  templateUrl: './confirm-modal.component.html',
+  styleUrls: ['./confirm-modal.component.scss']
+})
+export class ConfirmModalComponent {
+
+  constructor() { }
+
+
+  // #region ==========> PROPERTIES <==========
+
+  // #region PRIVATE
+  @Output() public _closingModal: EventEmitter<boolean> = new EventEmitter<boolean>();
+  // #endregion PRIVATE
+
+  // #region PUBLIC
+  @Input() public modalSubject: string;
+  @Input() public modalType: 'Excluir' | 'Inativar' | 'Ativar';
+  @Input() public genreAndPluralitySubject: 'masc singular' | 'masc plural' |
+    'fem singular' | 'fem plural' = 'masc singular';
+
+  // Estas variáveis abaixo servem para deixar o mais genérico possível o modal de confirmalçao
+  @Input() public customMessage: string = '';
+  @Input() public customTitle: string = '';
+  @Input() public customButton: string = '';
+  @Input() public customButtonLoading: string = '';
+
+  @Input() public importantMessage: boolean = false;
+
+  public showSpinner: boolean = false;
+  // #endregion PUBLIC
+
+  // #endregion ==========> PROPERTIES <==========
+
+
+  // #region ==========> UTILITIES <==========
+  /**
+   * Este método recebe uma palavra (podendo ser uma palavra composta), vai
+   * separá-la em outras palavras caso ela seja uma palavra composta, irá percorrer
+   * as palavras separadas, colocando a inicial de cada palavra em maiúsculo, e
+   * depois vai uní-las em uma nova palavra, que terá todas as primeiras letras em
+   * maiúsculo para mostrar no título.
+   * @param fateWord Palavra (podendo ser ou não palavra composta) que
+   * será alterada para ter suas iniciais maiúsculas.
+   * @returns Palavra com iniciais maiúscula.
+   */
+  public firstLetterIsLowercase(fateWord: string): string {
+    const fateWordSplit: string[] = fateWord.split(" ");
+
+    for (let i = 0; i < fateWordSplit.length; i++) {
+      fateWordSplit[i] = fateWordSplit[i][0].toLowerCase() + fateWordSplit[i].substring(1);
+    }
+
+    return fateWordSplit.join(" ");
+  }
+  // #endregion ==========> UTILITIES <==========
+
+
+  // #region ==========> MODALS <==========
+  /**
+   * Função com o objetivo de mandar um evento para o componente pai para que
+   * ele feche o modal.
+   */
+  public closeModal(isExecuteAction: boolean = false): void {
+    this._closingModal.emit(isExecuteAction);
+  }
+  // #endregion ==========> MODALS <==========
+
+
+}

package/projects/ngx-sp-infra/src/lib/message/message-enum.ts

@@ -0,0 +1,21 @@
+export enum alertTypes {
+    DANGER = 'danger',
+    SUCCESS = 'success',
+    PRIMARY = 'primary',
+    SECONDARY = 'secondary',
+    WARNING = 'warning',
+    INFO = 'info',
+    LIGHT = 'light',
+    DARK = 'dark'
+  }
+  
+export enum alertIds {
+  DANGER = 9900,
+  SUCCESS = 9901,
+  PRIMARY = 9902,
+  SECONDARY = 9903,
+  WARNING = 9904,
+  INFO = 9905,
+  LIGHT = 9906,
+  DARK = 9907
+}