@sapphire-ion/framework 1.3.5 → 1.3.8

package/src/lib/components/inputs/input-decimal/input-decimal.configuration.ts

@@ -1,47 +0,0 @@
-export class InputDecimalConfiguration{
-  prefix      : string;
-  sufix       : string;
-  placeholder : string;
-
-  constructor(
-    /** Declara a quantidade de numeros apos o ponto  */
-    public precision: number = 2, 
-    /** Texto no inicio do input */
-    prefix: string | null = null, 
-    /** Texto no fim do input */
-    sufix: string | null = null, 
-    /** Se = false não aplica virgulas no lugar do separador a cada 3 unidades */
-    public thousandSeparator: string = '.',
-    public decimalSeparator : string = ','
-  ){
-    if(!prefix){ this.prefix = ''; }else{ this.prefix = prefix; }
-    if(!sufix ){ this.sufix  = ''; }else{ this.sufix  = sufix; }
-
-    this.placeholder = "-";
-    if(precision > 0){
-      this.placeholder += this.decimalSeparator;
-      for(let i = precision; i > 0; i--){
-        this.placeholder += "-";
-      }
-    }
-  }
-} 
-export class InputNumberConfiguration extends InputDecimalConfiguration {
-  constructor(
-    prefix: string = "", 
-    sufix : string = "", 
-    thousandSeparator: string = '.'
-  ){
-    super(0, prefix, sufix, thousandSeparator);
-  }
-}
-export class InputCurrencyConfiguration extends InputDecimalConfiguration {
-  constructor(prefix: string = "R$", sufix: string = "", thousandSeparator: string = '.'){
-    super(2, prefix, sufix, thousandSeparator);
-  }
-}
-export class InputPercentageConfiguration extends InputDecimalConfiguration {
-  constructor(prefix: string = "", sufix: string = "%", thousandSeparator: string = '.'){
-    super(2, prefix, sufix, thousandSeparator);
-  }
-}

package/src/lib/components/inputs/input-default-configurations.ts

@@ -1,15 +0,0 @@
-import { InputDecimalConfiguration, InputNumberConfiguration } from "./input-decimal/input-decimal.configuration";
-
-export class InputsDefaultConfigurations {
-  static readonly configurationDecimalPercentage: InputDecimalConfiguration = new InputDecimalConfiguration(2, null, '%');
-  static readonly configurationDecimalDegree    : InputDecimalConfiguration = new InputDecimalConfiguration(2, null, "°C");
-  static readonly configurationDecimalM3H       : InputDecimalConfiguration = new InputDecimalConfiguration(2, null, "m³/h");
-  static readonly configurationDecimalMeters    : InputDecimalConfiguration = new InputDecimalConfiguration(2, null, "m");
-  static readonly configurationDecimalMilimeters: InputDecimalConfiguration = new InputDecimalConfiguration(2, null, "mm");
-
-  static readonly configurationNumberPercentage: InputNumberConfiguration = new InputNumberConfiguration(null, '%');
-  static readonly configurationNumberDegree    : InputNumberConfiguration = new InputNumberConfiguration(null, "°C");
-  static readonly configurationNumberM3H       : InputNumberConfiguration = new InputNumberConfiguration(null, "m³/h");
-  static readonly configurationNumberMeters    : InputNumberConfiguration = new InputNumberConfiguration(null, "m");
-  static readonly configurationNumberMilimeters: InputNumberConfiguration = new InputNumberConfiguration(null, "mm");
-}

package/src/lib/components/inputs/input-file/download-button/download-button.component.html

@@ -1,56 +0,0 @@
-@if(lstFiles().length == 0){
-  <ion-button [color]="color" fill="outline" [disabled]="true" [size]="size"> 
-    <ion-icon name="close-circle" slot="start"></ion-icon>  
-    <ion-label> Sem arquivos... </ion-label>
-  </ion-button>
-}
-@else if(lstFiles().length == 1){
-  <ion-button [color]="color" *ngVar="storageService.GetProgress(lstFiles()[0]) as val" class="relative block {{expand == 'block' ? 'size-full' : ''}}" [disabled]="val != 0 || disabled" (click)="Download(lstFiles()[0])" fill="outline" [size]="size"> 
-    <ion-icon name="download" slot="start"></ion-icon>  
-    <ion-label>  {{customLabel ? label : Sanitize(lstFiles()[0])}} </ion-label>
-    <div class="absolute size-full h-[calc(100%+var(--padding-top)+var(--padding-bottom))] w-[calc(100%+var(--padding-end)+var(--padding-start))]">
-      <loading [type]="3" [loading]="val != 0"></loading>
-      <div class="size-full flex flex-row-reverse relative">
-        <ion-progress-bar class="absolute bottom-0 left-0 w-full h-1 default-transition" [ngClass]="{'-translate-y-4 opacity-0': (!val || val == 0)}" [value]="val"></ion-progress-bar>
-      </div>
-    </div>
-  </ion-button>
-}
-@else{
-  <ion-button [color]="color" [id]="guid" fill="outline" [size]="size"> 
-    <ion-icon name="download" slot="start"></ion-icon>  
-    <ion-label> {{lstFiles().length}} Arquivos </ion-label>
-  </ion-button>
-
-  <ion-popover [trigger]="guid" [keepContentsMounted]="true" triggerAction="click">
-    <ng-template>
-      <ion-content class="p-0 bg-transparent">
-        <ion-list>
-          @for (item of lstFiles(); track item; let i = $index; let l = $last) {
-            <section *ngVar="storageService.GetProgress(item) as val">
-              <ion-item style="--background: transparent" lines="{{l ? 'none' : 'full'}}" button [detail]="false">
-
-                <ion-icon name="download" (click)="Download(item)" slot="start"></ion-icon> 
-                @if (ExtensionIsImage(item)) {
-                  <ion-icon [id]="guid + '-' + i + '-nested-popover'" name="image" slot="start"></ion-icon> 
-                }
-
-                <ion-label>{{Sanitize(item)}}</ion-label>
-                <ion-text *ngIf="val != 0" slot="end" class="text-sm"><b>{{val * 100 | number : '1.2-2'}}%</b></ion-text>
-              </ion-item>
-              <ion-progress-bar class="h-0 default-transition" [ngClass]="{'h-1': val != 0 }" [value]="val"></ion-progress-bar>
-              <ion-popover *ngIf="ExtensionIsImage(item)" side="end" alignment="center" [trigger]="guid + '-' + i + '-nested-popover'" [dismissOnSelect]="true" triggerAction="click">
-                <ng-template>
-                  <ion-content *ngVar="isLoading(item) as isLoading">
-                    <loading    [hidden]="!isLoading"></loading>
-                    <ion-img    [hidden]="isLoading" [src]="apiUrl + item" (ionImgWillLoad)="SetLoading(item)" (ionImgDidLoad)="SetNotLoading(item)"></ion-img>
-                  </ion-content>
-                </ng-template>
-              </ion-popover>
-            </section>
-            }
-        </ion-list>
-      </ion-content>
-    </ng-template>
-  </ion-popover>
-}

package/src/lib/components/inputs/input-file/download-button/download-button.component.ts

@@ -1,91 +0,0 @@
-import { Component, computed, ElementRef, Input, model, ModelSignal, Signal } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-
-import { InputFileConfiguration } from '../input-file.configuration';
-import { ApiUrlProviderService } from '../../../../services/web/api-url-provider.service';
-import { InputProviderFactory } from '../../input-provider-factory';
-import { StorageService } from '../../../../services/web/storage.service';
-import { lstImageTypes } from '../input-file.configuration';
-import { Utils } from '../../../../services/utils.service';
-
-@Component({
-  selector: 'download-button',
-  templateUrl: './download-button.component.html',
-  styleUrls: ['./download-button.component.scss'],
-  providers: InputProviderFactory.GetProviders(DownloadButtonComponent)
-})
-export class DownloadButtonComponent implements ControlValueAccessor {
-
-  @Input() expand: string = "";
-  value: ModelSignal<string> = model<string>();
-  @Input() size: string = "small";
-  @Input() color: string = "primary";
-  @Input() params: any;
-  @Input() disabled: boolean;
-  @Input() post: boolean = false;
-  @Input() configuration: InputFileConfiguration = new InputFileConfiguration();
-  
-  @Input() customLabel: boolean = false;
-
-  @Input() label : string = "";
-
-  @Input() fileName : string = null;
-  constructor(
-    public storageService: StorageService,
-    private elementRef: ElementRef,
-    private apiUrlProviderService: ApiUrlProviderService
-  ) { }
-
-  registerOnChange(fn: any): void {
-    //throw new Error('Method not implemented.');
-  }
-  registerOnTouched(fn: any): void {
-    //throw new Error('Method not implemented.');
-  }
-  setDisabledState?(isDisabled: boolean): void {
-    //throw new Error('Method not implemented.');
-  }
-
-  guid : string = "";
-  apiUrl: string;
-
-  ngOnInit() {
-    this.apiUrl = this.apiUrlProviderService.apiUrl;
-    this.guid  = `${Utils.GenerateGUID()}${this.elementRef.nativeElement.tagName.toLowerCase()}`
-  }
-
-  lstFiles: Signal<string[]> = computed(() => {
-    if(typeof(this.value()) == "string"){
-      return this.value().split(';');
-    }else{
-      return [];
-    }
-  });
-
-  writeValue(value: string): void { this.value.set(value); }
-
-  Download(value: string): void{
-    this.storageService.StartDownload(value, this.params, this.post, this.fileName);
-  }
-
-  Sanitize(v): string {
-    return StorageService.SanitizeFileName(v);
-  }
-
-  ExtensionIsImage(v){
-    try{
-      return lstImageTypes.includes(v.split('.')[v.split('.').length - 1])
-    }catch{}
-  }
-
-  lstLoading: string[] = [];
-  SetLoading(path: string){
-    this.lstLoading.push(path);
-  }
-  SetNotLoading(path: string){
-    this.lstLoading.splice(this.lstLoading.indexOf(path), 1);
-  }
-  isLoading(path: string){
-    return this.lstLoading.indexOf(path) != -1;
-  }
-}

package/src/lib/components/inputs/input-file/input-file.component.html

@@ -1,56 +0,0 @@
-<div 
-  #inputContainer
-  class="input-container" 
-  
-  [class.required]="required()" 
-  [class.submitted]="submitted()" 
-  [class.invalid]="invalid" 
-  [class.disabled]="disabled()"
-  [class.loading]="loading()"
->
-  <div class="input-label"> 
-    <span class="truncate">
-      {{label()}} 
-    </span>
-  </div>
-  <div tabindex="0" class="file-label-container text-dark !pb-1">
-     <ion-icon class="shrink-0" color="dark" name="document"></ion-icon> 
-    <span
-      class="block flex-1 min-w-0 truncate"
-      [title]="valueString"
-    >
-      {{ valueString }}
-    </span>
-
-    <div class="size-full flex justify-center items-center gap-1 shrink-0 w-fit">
-      @if(value()){
-        <ion-button class="rounded-full" fill="outline" color="danger" size="small"   (click)="Clear($event)">
-          <ion-icon name="trash" slot="icon-only"></ion-icon>
-        </ion-button>
-      }
-      @if(isString) {
-        <ion-button class="rounded-full allow-click !opacity-100" fill="outline" color="dark" size="small" (click)="Download()">
-          <ion-icon class="!opacity-100" name="cloud-download" slot="icon-only"></ion-icon>
-        </ion-button>
-      }
-      <ion-button class="rounded-full" fill="outline" color="dark" size="small"  (click)="Upload()">
-        <ion-icon slot="icon-only" name="cloud-upload"></ion-icon>
-      </ion-button>
-            <!-- @if(isString){
-              @if(storageService.GetProgress(this.value().toString())){
-                <ion-progress-bar [value]="storageService.GetProgress(this.value().toString())"></ion-progress-bar>
-              }
-              @if(isImage){
-                <image fill="clear" [src]="value().toString()"></image>
-              }
-            }
-            @else if(isImage){
-              <ion-img [src]="objectURL" class="w-full h-32"></ion-img>
-            } -->
-      </div>
-    </div>
-
-  <div class="loading-container" [class.loading]="loading()">
-    <ion-spinner></ion-spinner>
-  </div>
-</div>

package/src/lib/components/inputs/input-file/input-file.component.ts

@@ -1,97 +0,0 @@
-import { Component, ElementRef, forwardRef, input, InputSignal, OnInit, ViewChild } from '@angular/core';
-import { CustomInput } from '../custom-input';
-import { InputFileConfiguration } from './input-file.configuration';
-import { InputProviderFactory } from '../input-provider-factory';
-import { UtilsService } from '../../../services/utils.service';
-import { StorageService } from '../../../services/web/storage.service';
-
-@Component({
-  selector: 'input-file',
-  templateUrl: './input-file.component.html',
-  styleUrls: ['./input-file.component.scss', '../inputs.scss'],
-  providers: [
-    ...InputProviderFactory.GetProviders(InputFileComponent),
-    { provide: CustomInput, useExisting: forwardRef(() => InputFileComponent) },
-  ],
-  
-})
-export class InputFileComponent extends CustomInput<File | string> {
-
-  configuration: InputSignal<InputFileConfiguration> = input<InputFileConfiguration>(new InputFileConfiguration());
-
-  @ViewChild('inputContainer') inputContainer: ElementRef<HTMLDivElement>;
-  override setFocus(event: MouseEvent | null): void {
-    if(event){
-      this.Upload();
-    }
-    this.inputContainer.nativeElement.focus();
-  }
-
-  constructor(
-    private utilsService: UtilsService,
-    public storageService: StorageService
-  ) { super(); }
-
-  valueString: string = "";
-  isString: boolean = false;
-  isImage: boolean = false;
-  objectURL: string | null = null;
-
-
-  override writeValue(obj: File | string): void | Promise<void> {
-    this.value.set(obj);
-    this.SetValueString();
-    this.runValidation();
-  }
-  override SetValue(value: File | string): void {
-    this.value.set(value);
-    this.SetValueString();
-    this.runValidation();
-    this.propagateChange(this.value());
-  }
-  
-  SetValueString(): void {
-    this.objectURL = null;
-    this.isString = typeof this.value() == "string";
-    if(!this.value()) { this.valueString = "..."; return; }
-    this.valueString = typeof this.value() == "string" ?  StorageService.SanitizeFileName(this.value().toString()) : (this.value() as File).name;
-    
-    this.isImage = lstImage.includes(this.valueString.split('.').at(-1).toLowerCase());
-    if(this.isImage && !this.isString){
-      this.objectURL = URL.createObjectURL(this.value() as File);
-      
-    }
-  }
-
-  async Upload(): Promise<void>{
-    try{
-      const res = await this.utilsService.SelectFile(this.configuration());
-      if(res){ this.SetValue(res); }
-    }catch{}
-  }
-''
-  Clear(event: MouseEvent): void {
-    event.stopPropagation();
-    this.SetValue(null);
-  }
-
-  Download(): void{
-    this.storageService.StartDownload(this.value() as string);
-  }
-}
-export const lstImage: string[] = [
-  'jpe',
-  'jpg',
-  'jpeg',
-  'gif',
-  'png',
-  'bmp',
-  'ico',
-  'svg',
-  'svgz',
-  'tif',
-  'tiff',
-  'webp',
-  'jfif',
-  'avif',
-] 

package/src/lib/components/inputs/input-file/input-file.configuration.ts

@@ -1,25 +0,0 @@
-export class InputFileConfiguration{
-  constructor(
-    /** Tipos de arquivos que podem ser selecionados */
-    public types: any | [] = ['image/*'], 
-    // /** Declara se mais do que um arquivo pode ser selecionado */
-    // public multiple: boolean = false
-  ){}
-}
-
-export const lstImageTypes: string[] = [
-  'jpe',
-  'jpg',
-  'jpeg',
-  'gif',
-  'png',
-  'bmp',
-  'ico',
-  'svg',
-  'svgz',
-  'tif',
-  'tiff',
-  'webp',
-  'jfif',
-  'avif',
-]