@sapphire-ion/framework 1.2.63 → 1.3.1

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

@@ -0,0 +1,42 @@
+import { AfterContentInit, Component, ContentChild, ContentChildren, EventEmitter, OnInit, Output, QueryList } from '@angular/core';
+import { TabComponent } from '../tab/tab.component';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'tabs',
+  templateUrl: './tabs.component.html',
+  styleUrls: ['./tabs.component.scss'],
+})
+export class TabsComponent implements AfterContentInit {
+
+  @ContentChildren(TabComponent) lstTabs: QueryList<TabComponent>;
+  @ContentChild(RouterOutlet)  router: RouterOutlet;
+  
+  /** Emitido quando a aba é trocada. Emite o ID do elemento */
+  @Output('change') changeEmitter: EventEmitter<string> = new EventEmitter<string>();
+
+  constructor(
+  ) { }
+
+  ngAfterContentInit(): void {
+    let activeTabs = this.lstTabs.filter((tab) => tab.active);
+    if(activeTabs.length == 0 && this.lstTabs.length > 0) { this.SetActiveTab(this.lstTabs.first); }
+  
+    let currentLocationTabs = this.lstTabs.filter(tab => tab.route).filter((tab) => window.location.pathname.toLocaleLowerCase().includes((tab.route).toLocaleLowerCase()));
+    if(currentLocationTabs.length > 0){ this.SetActiveTab(currentLocationTabs[0]); }
+  }
+
+  ActiveTab: TabComponent | null = null;
+  SetActiveTab(tab: TabComponent){
+    this.lstTabs.forEach(tab => tab.active = false);
+    tab.active = true;
+    this.ActiveTab = tab;
+    if(tab.route){ this.isComponent = false; } else{ this.isComponent = true; }
+    this.changeEmitter.emit(this.ActiveTab.id);
+  }
+  isComponent: boolean = true;
+
+  GetElse(){
+    return this.lstTabs.some(p => p.route != null) ? './' : undefined
+  }
+}

package/src/lib/components/tabs/tabs.module.ts

@@ -0,0 +1,15 @@
+import { RouterLinkWithHref, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { IonicModule } from '@ionic/angular';
+import { NgModule } from '@angular/core';
+
+import { TabsComponent } from './tabs/tabs.component';
+import { TabComponent } from './tab/tab.component';
+import { NgVarDirective } from '../../directives/ng-var.directive';
+
+@NgModule({
+  declarations: [ TabsComponent, TabComponent ],
+  exports     : [ TabsComponent, TabComponent ],
+  imports: [ CommonModule, IonicModule, NgVarDirective, RouterLinkWithHref, RouterModule ]
+})
+export class TabsModule { }

package/src/lib/components/text-tooltip/text-tooltip.component.html

@@ -0,0 +1,8 @@
+<div #text class="w-full truncate relative  overflow-hidden">
+  <ng-content select="[slot=content]"></ng-content>
+</div>
+<div class="absolute top-0 left-0 size-full">
+  <tooltip [color]="color" [align]="align" *ngIf="isOverflowing" [hidden]="!isOverflowing">
+    <ng-content select="[slot=tooltip]"></ng-content>
+  </tooltip>
+</div>

package/src/lib/components/text-tooltip/text-tooltip.component.ts

@@ -0,0 +1,45 @@
+import { AfterContentInit, Component, ElementRef, HostListener, Input, OnChanges, SimpleChanges, ViewChild } from '@angular/core';
+import { TooltipComponent } from '../tooltip/tooltip.component';
+import { IonicModule } from '@ionic/angular';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'text-tooltip',
+  standalone: true,
+  imports: [CommonModule, IonicModule, TooltipComponent],
+  templateUrl: './text-tooltip.component.html',
+  styleUrls: ['./text-tooltip.component.scss'],
+})
+export class TextTooltipComponent implements OnChanges, AfterContentInit  {
+  isOverflowing: boolean = true;
+
+  @ViewChild('text') text: ElementRef<HTMLDivElement>;
+  private CheckOverflowHandler(){
+    if(this.text){ this.isOverflowing = this.text.nativeElement.scrollWidth > this.text.nativeElement.clientWidth; }
+  };
+  
+  @Input() align: 'top' | 'bottom' | 'left' | 'right' = 'right';
+  @Input() color: string= 'secondary';
+
+  constructor() { 
+  }
+  
+  @HostListener("mouseenter")
+  onMouseEnter() {
+    this.CheckOverflowHandler()
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+    setTimeout(() => this.CheckOverflowHandler(), 100)
+  }
+
+  ngAfterContentInit(): void {
+    this.CheckOverflowHandler();
+  }
+
+  @HostListener("window:resize")
+  onResize() {
+    this.CheckOverflowHandler()
+  }
+
+}

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

@@ -0,0 +1,53 @@
+<!-- <div
+  class="
+    absolute
+    
+
+    default-transition px-2
+    min-w-fit h-fit py-1
+    bg-[var(--ion-color-secondary)] 
+    rounded-xl
+  "
+  [ngClass]="{'!translate-x-0 !translate-y-0 !opacity-100': _active}"
+> 
+  <div class="absolute -left-1 top-0 rounded bottom-0 my-auto rotate-45 h-4 aspect-square bg-red-500 [clip-path:polygon(0_20%,_0%_100%,_80%_100%)]"></div>
+  <div class="z-[100] whitespace-nowrap">
+    <ng-content></ng-content>
+  </div>
+</div>  -->
+<div #wrapper id="wrapper" class="size-full absolute left-0 right-0 animated">
+  <div
+    id="tooltip"
+    style="--background: var(--ion-color-{{color}})"
+    class="
+      !pointer-events-none
+      absolute
+      default-transition px-2
+      min-w-fit h-fit py-1
+      bg-[var(--background)]
+      rounded-xl blur-sm
+      opacity-0
+      max-w-full
+      {{align}}
+    "
+  > 
+    @switch (align) {
+      @case ('top') {
+        <div class="absolute rounded -bottom-1 left-0 right-0 mx-auto -rotate-45 h-4 aspect-square bg-[var(--background)] [clip-path:polygon(0_20%,_0%_100%,_80%_100%)]"></div>
+      }
+      @case ('bottom') {
+        <div class="absolute rounded -top-1 left-0 right-0 mx-auto rotate-[135deg] h-4 aspect-square bg-[var(--background)] [clip-path:polygon(0_20%,_0%_100%,_80%_100%)]"></div>
+      }
+      @case ('right') {
+        <div class="absolute rounded -left-1 top-0 bottom-0 my-auto rotate-45 h-4 aspect-square bg-[var(--background)] [clip-path:polygon(0_20%,_0%_100%,_80%_100%)]"></div>
+      }
+      @case ('left') {
+        <div class="absolute rounded -right-1 top-0 bottom-0 my-auto -rotate-[135deg] h-4 aspect-square bg-[var(--background)] [clip-path:polygon(0_20%,_0%_100%,_80%_100%)]"></div>
+      }
+    }
+    <div class="z-[100] block text-dark text-sm">
+      <ng-content></ng-content>
+    </div>
+  </div> 
+</div>
+

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

@@ -0,0 +1,16 @@
+import { CommonModule } from '@angular/common';
+import { AfterViewInit, Component, ElementRef, Host, Input, input, OnDestroy, OnInit, SkipSelf, ViewChild } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+
+@Component({
+  selector: 'tooltip',
+  standalone: true,
+  imports: [CommonModule, IonicModule],
+  templateUrl: './tooltip.component.html',
+  styleUrls: ['./tooltip.component.scss'],
+})
+export class TooltipComponent {
+
+  @Input() align: 'top' | 'bottom' | 'left' | 'right' = 'right';
+  @Input() color: string= 'secondary';
+}

package/src/lib/core.module.ts

@@ -0,0 +1,29 @@
+import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { Environment } from './classes/environment';
+import { EnvironmentService } from './services/environment.service';
+import { ModalFocusTrapService } from './services/modal-focus-trap.service';
+import { PopoverFocusTrapService } from './services/popover-focus-trap.service';
+
+export const EnvironmentInjectionToken = new InjectionToken<Environment>('Environment');
+@NgModule({
+  declarations: [],
+  exports     : [],
+  imports: [ CommonModule, ],
+  providers: [ ModalFocusTrapService , PopoverFocusTrapService],
+})
+export class SapphireIonFrameworkModule { 
+  constructor( private mis: ModalFocusTrapService, private pos : PopoverFocusTrapService ) {}
+
+  static forRoot(config: Environment): ModuleWithProviders<SapphireIonFrameworkModule> {
+    return { 
+      ngModule: SapphireIonFrameworkModule,
+      providers: [ 
+        ModalFocusTrapService,
+        PopoverFocusTrapService,
+        EnvironmentService, { provide: EnvironmentInjectionToken, useValue: config }, 
+      ]
+    }
+  }
+}

package/src/lib/directives/ng-var.directive.ts

@@ -0,0 +1,26 @@
+import { Directive, Input, TemplateRef, ViewContainerRef } from "@angular/core";
+
+@Directive({
+  standalone: true,
+  selector: '[ngVar]',
+})
+export class NgVarDirective {
+  @Input()
+  set ngVar(context: unknown) {
+      this.context.$implicit = this.context.ngVar = context;
+
+      if (!this.hasView) {
+        this.vcRef.createEmbeddedView(this.templateRef, this.context);
+        this.hasView = true;
+      }
+  }
+
+  private context: { $implicit: unknown; ngVar: unknown; } = { $implicit: null, ngVar: null, };
+
+  private hasView: boolean = false;
+
+  constructor(
+    private templateRef: TemplateRef<any>,
+    private vcRef: ViewContainerRef
+  ) {}
+}

package/src/lib/guards/auth.guard.ts

@@ -0,0 +1,19 @@
+import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
+import { Injectable } from '@angular/core';
+
+import { AuthService } from '../services/auth.service';
+
+@Injectable()
+export class AuthGuard implements CanActivate {
+
+  constructor(private auth: AuthService, private router: Router) {}
+
+  async canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<boolean> {
+    const Token = await this.auth.LoadToken();
+    const Authenticated = this.auth.isTokenValid(Token);
+    if(!Authenticated){
+      this.auth.Loggout();
+    }
+    return Authenticated;
+  }
+}

package/src/lib/guards/error.interceptor.ts

@@ -0,0 +1,108 @@
+import { HttpClient, HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from "@angular/common/http";
+import { Observable, catchError } from "rxjs";
+import { ToastController } from "@ionic/angular";
+import { Injectable } from "@angular/core";
+
+import { ApiUrlProviderService } from "../services/web/api-url-provider.service";
+import { GenericService } from "../services/generic.service";
+import { AuthService } from "../services/auth.service";
+import { ActivatedRoute, Router } from "@angular/router";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ErrorInterceptor implements HttpInterceptor {
+
+  constructor(
+    private auth: AuthService,
+    private http: HttpClient,
+    private genericService: GenericService,
+    private toastController: ToastController,
+    private apiUrlProviderService: ApiUrlProviderService,
+    private router: Router,
+  ) {}
+
+  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    return next.handle(req).pipe(
+      catchError((error: HttpErrorResponse) => { 
+        // if(error.status == 0){
+        //   this.PresentErrorToast(error.error, req, error);
+        // }
+        if(error.status == 401){ 
+          this.auth.Loggout(); 
+          this.router.navigate(['/login'], { queryParams: { returnUrl: window.location.pathname } });
+        }else 
+        if(error.status == 403){
+          this.router.navigate(['/403'])
+        } else
+        if(error.status != 404){ 
+          this.PresentErrorToast(error.error, req, error);
+        }
+        throw error;
+      })
+    );
+  }
+
+  private localUserKey: string = "APLICATION_USER_KEY";
+  private localAdminKey: string = "APLICATION_ADMIN_KEY";
+  async PresentErrorToast(json: string, request: any, fullError: any) {
+    var res: ApiErrorReturn = null;
+    try{
+      res = JSON.parse(json) as ApiErrorReturn
+    }catch{
+      res = { Erro: "Não foi possivel converter o JSON de retorno!", Mensagem: "Ocorreu um erro inesperado!", _Info: "" }
+    }
+    res._Info = await this.GetInfo(request, fullError);
+
+    const toast = await this.toastController.create({
+      message: res.Mensagem,
+      duration: 5000,
+      icon: "bug",
+      position: 'bottom',
+      translucent: false, 
+      cssClass: 'ionic-toast',
+      buttons: [
+        { 
+          text: "Reportar Erro",
+          icon: "document",
+          side: "end",
+          handler: () => {
+            this.Report(res);
+          }
+        }
+      ]
+    });
+
+    await toast.present();
+  }
+
+  protected get fullRoute(): string{
+    return this.apiUrlProviderService.apiUrl + 'error'
+  }
+  Report(res: ApiErrorReturn): void{
+    this.http.post(this.fullRoute, res).subscribe({
+      next: (res) => { this.genericService.PresentToast("Erro informado com sucesso!", "checkmark-circle"); },
+      error:(err) => { this.genericService.PresentToast("Ocorreu um erro inesperado no retorno do erro!"); }
+    });
+  }
+
+  async GetInfo(request: any, fullError: any): Promise<string>{
+    return JSON.stringify({
+      token     : this.auth.LoadToken(),
+      tokenAdmin: this.auth.LoadTokenAdmin(),
+      currentUrl: window.location.href,
+      userId    : (await this.auth.LoadToken()).id,
+      jwtAdmin  : localStorage.getItem(this.localAdminKey),
+      jwtUser   : localStorage.getItem(this.localUserKey),
+      request   : request,
+      error     : fullError,
+      apiUrl    : this.apiUrlProviderService.apiUrl
+    });
+  }
+}
+
+class ApiErrorReturn {
+  Mensagem: string;
+  Erro: string;
+  _Info: string;
+}

package/src/lib/guards/token.interceptor.ts

@@ -0,0 +1,28 @@
+import { AuthService } from '../services/auth.service';
+import { Injectable } from '@angular/core';
+import {
+  HttpRequest,
+  HttpHandler,
+  HttpEvent,
+  HttpInterceptor
+} from '@angular/common/http';
+import { Observable, first, firstValueFrom, from, lastValueFrom, mergeMap, switchMap } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TokenInterceptor implements HttpInterceptor {
+
+  constructor(
+    private auth: AuthService
+  ) {}
+
+  intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
+    return from(this.auth.JWToken()).pipe( 
+      switchMap((authToken: string) => {
+        const authReq = request.clone({ setHeaders: { Authorization: `Bearer ${authToken}` } });
+        return next.handle(authReq);
+      })
+    );
+  }
+}

package/src/lib/index.ts

@@ -0,0 +1,191 @@
+/*
+ * Public API Surface of @sapphire-ion/framework
+ */
+
+// [ 📁 Lib ]
+//[ 📁 Classes ]
+  // [ 📁 Classes -> Comparison ]
+    export * from '../lib/classes/comparison/properties/bool-property';
+    export * from '../lib/classes/comparison/properties/date-property';
+    export * from '../lib/classes/comparison/properties/datetime-property';
+    export * from '../lib/classes/comparison/properties/decimal-property';
+    export * from '../lib/classes/comparison/properties/enum-property';
+    export * from '../lib/classes/comparison/properties/implicit-property';
+    export * from '../lib/classes/comparison/properties/int-property';
+    export * from '../lib/classes/comparison/properties/long-property';
+    export * from '../lib/classes/comparison/properties/string-property';
+    export * from '../lib/classes/comparison/properties/time-property';
+    export * from '../lib/classes/comparison/properties/bool-property';
+  export * from '../lib/classes/comparison/comparison';
+  export * from '../lib/classes/comparison/comparison-operator';
+  export * from '../lib/classes/comparison/comparison-value-type';
+  // [ 📁 Classes -> Filters ]
+  export * from '../lib/classes/filters/view-filtros';
+  // [ 📁 Classes -> Inputs ]
+  export * from '../lib/classes/inputs/table-field-form-builder';
+  export * from '../lib/classes/inputs/table-field';
+  // [ 📁 Classes -> Routes ]
+  export * from '../lib/classes/routes/default-routing-factory';
+  export * from '../lib/classes/routes/id-preloader-configuration';
+  export * from '../lib/classes/routes/route-data';
+export * from '../lib/classes/credentials';
+export * from '../lib/classes/environment';
+export * from '../lib/classes/infinite-scroll';
+export * from '../lib/classes/page-option';
+
+//[ 📁 Components ]
+  //[ 📁 Components -> Carousel ]
+    // [ 📁 Components -> Carousel -> Carrousel-Image ]
+    export * from '../lib/components/carousel/carousel-image/carousel-image.component';
+    // [ 📁 Components -> Carousel -> Carrousel-Item ]
+    export * from '../lib/components/carousel/carousel-item/carousel-item.component';
+  export * from '../lib/components/carousel/carousel.component';
+  export * from '../lib/components/carousel/carousel.module';
+  export * from '../lib/components/carousel/i-carousel-item.component';
+  // [ 📁 Components -> Content-Block ]
+  export * from '../lib/components/content-block/content-block.component';
+  // [ 📁 Components -> Default ]
+    // [ 📁 Components -> Default -> default-list ]
+      // [ 📁 Components -> Default -> default-list -> header-list ]
+      export * from '../lib/components/default/default-list/header-list/header-list.component';
+    export * from '../lib/components/default/default-list/abstract-list';
+    export * from '../lib/components/default/default-list/default-list.component';
+    export * from '../lib/components/default/default-list/list';
+    // [ 📁 Components -> Default -> default-pagination ]
+    export * from '../lib/components/default/default-pagination/default-pagination.component';
+    // [ 📁 Components -> Default -> default-table ]
+      // [ 📁 Components -> Default -> default-table -> th-filter ]
+      export * from '../lib/components/default/default-table/th-filter/th-filter.component';
+    export * from '../lib/components/default/default-table/default-table.component';
+    // [ 📁 Components -> Default -> default-view ]
+      // [ 📁 Components -> Default -> default-view -> header-view ]
+      export * from '../lib/components/default/default-view/header-view/header-view.component';
+    export * from '../lib/components/default/default-view/abstract-view';
+    export * from '../lib/components/default/default-view/default-view.component';
+    export * from '../lib/components/default/default-view/view';
+  export * from '../lib/components/default/default.module';
+  // [ 📁 Components -> default-page ]
+  export * from '../lib/components/default-page/default.page';
+  // [ 📁 Components -> drag-drop-page ]
+    // [ 📁 Components -> drag-drop-page -> drag-drop-overlay ]
+    export * from '../lib/components/drag-drop-file/drag-drop-overlay/drag-drop-overlay.component';
+  export * from '../lib/components/drag-drop-file/drag-drop-file.directive';
+  export * from '../lib/components/drag-drop-file/drag-drop-file.module';
+  // [ 📁 Components -> drawer ]
+    // [ 📁 Components -> drawer -> default-drawer-end ]
+    export * from '../lib/components/drawer/default-drawer-end/default-drawer-end.component';
+    // [ 📁 Components -> drawer -> drawer-group ]
+    export * from '../lib/components/drawer/drawer-group/drawer-group.component';
+  export * from '../lib/components/drawer/drawer.component';
+  export * from '../lib/components/drawer/menu';
+  // [ 📁 Components -> filter ]
+  export * from '../lib/components/filter/filter.component';
+  // [ 📁 Components -> http-responses-pages ]
+    // [ 📁 Components -> http-responses-pages -> forbidden-403 ]
+    export * from '../lib/components/http-responses-pages/forbidden-403/forbidden-403.component';
+  // [ 📁 Components -> image ]
+  export * from '../lib/components/image/image.component';
+  // [ 📁 Components -> info-popover ]
+  export * from '../lib/components/info-popover/info-popover.component';
+
+  // [ 📁 Components -> inputs ]
+    // [ 📁 Components -> inputs -> input-bool ]
+    export * from '../lib/components/inputs/input-bool/input-bool.component';
+    export * from '../lib/components/inputs/input-bool/input-bool.configuration';
+    // [ 📁 Components -> inputs -> input-cep ]
+    export * from '../lib/components/inputs/input-cep/input-cep.component';
+    export * from '../lib/components/inputs/input-cep/input-cep.configuration';
+    // [ 📁 Components -> inputs -> input-color ]
+    export * from '../lib/components/inputs/input-color/input-color.component';
+    // export * from '../lib/components/inputs/input-color/input-color.configuration';
+    // [ 📁 Components -> inputs -> input-cpf-cnpj ]
+    export * from '../lib/components/inputs/input-cpf-cnpj/input-cpf-cnpj.component';
+    export * from '../lib/components/inputs/input-cpf-cnpj/input-cpf-cnpj.configuration';
+    // [ 📁 Components -> inputs -> input-date ]
+    export * from '../lib/components/inputs/input-date/input-date.component';
+    export * from '../lib/components/inputs/input-date/input-date.configuration';
+    // [ 📁 Components -> inputs -> input-decimal ]
+    export * from '../lib/components/inputs/input-decimal/input-decimal.component';
+    export * from '../lib/components/inputs/input-decimal/input-decimal.configuration';
+    // [ 📁 Components -> inputs -> input-file ]
+    export * from '../lib/components/inputs/input-file/download-button/download-button.component';
+    export * from '../lib/components/inputs/input-file/input-file.component';
+    export * from '../lib/components/inputs/input-file/input-file.configuration';
+    // [ 📁 Components -> inputs -> input-icon ]
+    export * from '../lib/components/inputs/input-icon/input-icon.component';
+    // [ 📁 Components -> inputs -> input-select ]
+      // [ 📁 Components -> inputs -> input-select -> directives ]
+      export * from '../lib/components/inputs/input-select/directives/sion-label-template.directive';
+      export * from '../lib/components/inputs/input-select/directives/sion-option-template.directive';
+      export * from '../lib/components/inputs/input-select/directives/sion-placeholder-template.directive';
+    export * from '../lib/components/inputs/input-select/input-select.component';
+    export * from '../lib/components/inputs/input-select/input.select.configuration';
+    // [ 📁 Components -> inputs -> input-string ]
+    export * from '../lib/components/inputs/input-string/input-string.component';
+    export * from '../lib/components/inputs/input-string/input-string.configuration';
+    // [ 📁 Components -> inputs -> input-telefone ]
+    export * from '../lib/components/inputs/input-telefone/input-telefone.component';
+    export * from '../lib/components/inputs/input-telefone/input-telefone.configuration';
+    // [ 📁 Components -> inputs -> input-textarea ]
+    export * from '../lib/components/inputs/input-textarea/input-textarea.component';
+  export * from '../lib/components/inputs/input-configuration';
+  export * from '../lib/components/inputs/input-default-configurations';
+  export * from '../lib/components/inputs/input-provider-factory';
+  export * from '../lib/components/inputs/input-type';
+  export * from '../lib/components/inputs/input-validators';
+  export * from '../lib/components/inputs/inputs.module';
+  // [ 📁 Components -> loading ]
+  export * from '../lib/components/loading/loading.component';
+  // [ 📁 Components -> login ]
+    // [ 📁 Components -> login -> login-admin ]
+    export * from '../lib/components/login/login-admin/login-admin.component';
+  export * from '../lib/components/login/login.component';
+  // [ 📁 Components -> main-content ]
+  export * from '../lib/components/main-content/main-content.component';
+  // [ 📁 Components -> popover ]
+    // [ 📁 Components -> sion-popover ]
+    export * from '../lib/components/popover/sion-popover/sion-popover.component';
+  export * from '../lib/components/popover/sion-popover.module';
+  // [ 📁 Components -> sion-card ]
+  export * from '../lib/components/sion-card/sion-card.component';
+  // [ 📁 Components -> stepper ]
+    // [ 📁 Components -> stepper -> step ]
+    export * from '../lib/components/stepper/step/step.component';
+  export * from '../lib/components/stepper/stepper.component';
+  export * from '../lib/components/stepper/stepper.module';
+  // [ 📁 Components -> tabs ]
+    // [ 📁 Components -> tabs -> tab ]
+    export * from '../lib/components/tabs/tab/tab.component';
+    // [ 📁 Components -> tabs -> tabs ]
+    export * from '../lib/components/tabs/tabs/tabs.component';
+  export * from '../lib/components/tabs/tabs.module';
+  // [ 📁 Components -> text-tooltip ]
+  export * from '../lib/components/text-tooltip/text-tooltip.component';
+  // [ 📁 Components -> tooltip ]
+  export * from '../lib/components/tooltip/tooltip.component';
+//[ 📁 Directives ]
+  export * from '../lib/directives/ng-var.directive';
+//[ 📁 Guards ]
+  export * from '../lib/guards/auth.guard';
+  export * from '../lib/guards/error.interceptor';
+  export * from '../lib/guards/token.interceptor';
+// [ 📁 Pipes ]
+  export * from '../lib/pipes/secure.pipe';
+// [ 📁 Services ]
+  // [ 📁 Services -> Route ]
+    export * from '../lib/services/route/route.provider.service';
+    export * from '../lib/services/route/route.cache.service';
+  // [ 📁 Services -> Web ]
+    export * from '../lib/services/web/api-url-provider.service';
+    export * from '../lib/services/web/http.ativo.service';
+    export * from '../lib/services/web/http.service';
+    export * from '../lib/services/web/storage.service';
+  export * from '../lib/services/auth.service';
+  // export * from '../lib/services/crypto.service';
+  export * from '../lib/services/environment.service';
+  export * from './services/generic.service';
+  export * from '../lib/services/usuario.service';
+  export * from '../lib/services/utils.service';
+  export * from '../lib/services/navigation-context.service';
+
+export * from '../lib/core.module';

package/src/lib/pipes/secure.pipe.ts

@@ -0,0 +1,39 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable, from, switchMap } from 'rxjs';
+import { Pipe, PipeTransform } from '@angular/core';
+
+import { ApiUrlProviderService } from '../services/web/api-url-provider.service';
+import { AuthService } from '../services/auth.service';
+
+@Pipe({
+  name: 'secure',
+  standalone: true,
+})
+export class SecurePipe implements PipeTransform {
+
+  constructor(
+    private http: HttpClient,
+    private auth: AuthService,
+    private apiUrlProviderService: ApiUrlProviderService
+  ) {}
+
+  transform(src: string): Observable<string> | Promise<string> {
+    if(src.startsWith(this.apiUrlProviderService.apiUrl)){
+      // Convert the Promise to an Observable and chain the HTTP request
+      return from(this.auth.LoadToken())
+      .pipe(
+        switchMap((Bearer: string) => {
+          const headers = new HttpHeaders({ 'Authorization': `Bearer ${Bearer}` });
+          return this.http.get(src, { headers, responseType: 'blob' });
+        }),
+        switchMap((blob: Blob) => {
+          const url = URL.createObjectURL(blob);
+          return from(Promise.resolve(url));
+        })
+      );
+    }
+    else{
+      return Promise.resolve(src);
+    }
+  }
+}