@masterkeymaterial/ui 0.0.2 → 0.0.3

package/src/fields/upload/upload.html

@@ -1,41 +0,0 @@
-<div class="fieldContainer" [class.isTouched]="campo()?.touched" [class.showTouched]="form().showTouched()"
-	[class.isInvalid]="campo()?.invalid" [class.isDisabled]="campo()?.disabled" [class.isReadonly]="campo()?.readonly"
-	[class.isNeed]="campo()?.need" [class.isPending]="campo()?.pending" [class.isEmpty]="campo()?.empty">
-	<div class="fieldLabel" (click)="onClickLabel()" [class.hideLabel]="campo()?.hideLabel">
-		@if(campo()?.icone){ <div class="fieldIcon"><i [class]="campo()?.icone"></i></div> }
-		{{ campo()?.titulo }}
-	</div>
-	<div class="fieldControl doCampo">
-		<div class="fieldEffect">
-			<div class="fieldField FieldUpload">
-
-				<ui-drop-zone (changed)="onDropped($event)" [disabled]="campo()?.disabled" (clicked)="onClickUpload()"
-					[sobrepor]="sobrepondo()">
-					@if(filesList().length > 0) {
-
-					<ui-file-list [filesList]="filesList()" (remove)="onRemove($event)"
-						[disabled]="campo()?.disabled"></ui-file-list>
-
-					} @else {
-
-					<div class="fieldDidplayUpload">
-						<i class="bi bi-cloud-upload-fill"></i>
-						<div class="f-s-16"><span class="text-primary">Solte</span> seu arquivo aqui</div>
-						<div class="f-s-14"><span class="text-primary">ou clique</span> para procurar</div>
-					</div>
-
-					}
-				</ui-drop-zone>
-
-				<div [style.display]="'none'">
-					<input #inputFile type="file" [accept]="acceptFormats" [multiple]="campo()?.multiple"
-						(change)="onChangedInputFile($event)" [disabled]="campo()?.disabled" />
-				</div>
-			</div>
-		</div>
-	</div>
-	@if(acceptFormats){
-	<div class="dica">Formatos: {{ acceptFormatsShow() }}</div>
-	}
-	<ui-list-errors [errors]="campo()?.errors" [dica]="campo()?.dica" [show]="campo()?.touched"></ui-list-errors>
-</div>

package/src/fields/upload/upload.ts

@@ -1,137 +0,0 @@
-import { Component, computed, effect, ElementRef, OnInit, signal, viewChild } from '@angular/core';
-import { BaseFieldsForm } from '../Base/BaseFieldsForm/BaseFieldsForm.component';
-import { LibUtil, LOG } from '../../util/util';
-import { UiDropZone } from '../../elements/ui-drop-zone/ui-drop-zone';
-import { IDropOutput, IFileMetadata } from '../../interfaces/interfaces';
-import { UiFileList } from '../../elements/ui-file-list/ui-file-list';
-import { UiListErrors } from "../../elements/ui-list-errors/ui-list-errors";
-
-@Component({
-  selector: 'fields-upload',
-  templateUrl: './upload.html',
-  styleUrls: ['../fields.css', './upload.css'],
-  imports: [UiDropZone, UiFileList, UiListErrors],
-})
-export class FieldsUpload extends BaseFieldsForm implements OnInit {
-
-  multiple: boolean = false;
-  inputFile = viewChild('inputFile', { read: ElementRef })
-  acceptFormats: string = "";
-  sobrepondo = signal<boolean>(true);
-
-  acceptFormatsShow = computed<string>(() => {
-    return this.acceptFormats.split(',').map(ext => ext.trim().toUpperCase().slice(1)).join(', ');
-  });
-
-  constructor() {
-    super();
-    effect(() => {
-      const val = this.value();
-      let empty = val === null || val === undefined || val === '';
-      this.updateCampo({ empty });
-      this.sobrepondo.set(empty);
-    });
-  }
-  override ngOnInit() {
-    super.ngOnInit();
-    this.multiple = this.campo()?.multiple ?? false;
-    this.acceptFormats = this.campo()?.accept ?? "";
-  }
-
-  onChange(newValue: IFileMetadata[]) {
-    let campo = this.campo();
-    if (!campo) return;
-    if (campo.disabled) return;
-    // Filtra apenas os arquivos válidos
-    newValue = newValue.filter(file => this.validarImagem(file));
-    // Atualiza o valor do campo
-    let valueToUpdate: any = this.multiple ? newValue : newValue[newValue.length - 1];
-    this.updateValue(valueToUpdate);
-
-    this.campo()?.onInput?.(this.form());
-    this.onChangeEmit();
-  }
-
-  filesList = computed<IFileMetadata[]>(() => {
-    let val = (this.value() as IFileMetadata[] | IFileMetadata | string | undefined);
-    if (this.multiple) {
-      // Quando é multiplo, ja vem um array.
-      return val as IFileMetadata[];
-    } else {
-      // Quando não é multiplo, vem um objeto, mas precisa ser tratado como array.
-      if (val && val !== '') {
-        return [val as IFileMetadata];
-      } else {
-        return [];
-      }
-    }
-  });
-
-  // Adiciona arquivos recebidos do DropZone
-  onDropped(content: IDropOutput) {
-    if (this.campo()?.disabled) return;
-    if (content.tipo !== "file" || !content.data || !(content.data instanceof Array)) return;
-    let dataFiles: IFileMetadata[] = content.data;
-    this.onAddFile(dataFiles);
-  }
-
-  // Remove arquivo da lista
-  onRemove(file: IFileMetadata) {
-    if (this.campo()?.disabled) return;
-    let currentFiles = this.filesList();
-    const index = currentFiles.findIndex(f => f.size === file.size);
-    if (index > -1) {
-      currentFiles.splice(index, 1);
-      this.onChange(currentFiles);
-    }
-  }
-
-  onAddFile(newFiles: IFileMetadata[]) {
-    if (this.campo()?.disabled) return;
-    let newValues: IFileMetadata[] = [];
-    if (this.multiple) {
-      newValues = [
-        ...this.filesList() ?? [],
-        ...newFiles,
-      ];
-    } else {
-      newValues = newFiles.slice(-1);
-    }
-    this.onChange(newValues);
-  }
-
-  async onChangedInputFile(ev: Event) {
-    if (this.campo()?.disabled) return;
-    const inputElement = ev.target as HTMLInputElement;
-    if (inputElement.files && inputElement.files.length > 0) {
-      for await (let newFile of inputElement.files) {
-        let lastIndexOf = newFile.name.lastIndexOf(".");
-        let extension = newFile.name.slice(lastIndexOf);
-        let base64: string | null = await LibUtil.fileReader(newFile);
-        if (!base64) { LOG(1, `❌ Ocorreu um erro com o arquivo ${newFile.name}.`); continue; }
-        this.onAddFile([{
-          base64,
-          name: newFile.name,
-          size: newFile.size,
-          extension, // inclui o "."
-          type: newFile.type,
-          lastModifiedIso: new Date(newFile.lastModified).toISOString(),
-        }]);
-      }
-      inputElement.value = '';
-    }
-  }
-
-  validarImagem(file: IFileMetadata): boolean {
-    if (!file.extension) return false;
-    const validExtensions = this.acceptFormats.split(',').map(ext => ext.trim().toLowerCase());
-    return validExtensions.includes(file.extension.toLowerCase());
-  }
-
-  onClickUpload() {
-    // Se o alvo do click for mesmo o elemento dropzone (CSS ignora alguns elementos)
-    if (this.inputFile() && this.inputFile()?.nativeElement) {
-      this.inputFile()?.nativeElement.click();
-    }
-  }
-}

package/src/interfaces/interfaces.ts

@@ -1,61 +0,0 @@
-
-// Uma interface simples e genérica: Chave/Valor
-export interface IKV {
-	k: string | number | null | undefined,				// Chave
-	v?: string | undefined,												// Valor
-	html?: string,										// Valor formatado em HTML
-}
-
-export interface IKV_ext extends IKV {
-	[key: string]: any;						// Permite campos adicionais
-}
-
-export type ITipoBotao =
-	| "nofill"
-	| "fill"
-	| "outlined"
-	| "icon"
-	| "big"
-	| "raised"
-	| "menu-item"	// Botão dentro de um overlay de menu (ver: ui-menu)
-	| "menu-item-category"
-	| "sidebar-item"	// Botão utilizado em áreas grandes como Sidebar
-	| "sidebar-item-category";
-
-export type ITiposTema =
-	| "" // Sem Tema
-	| "primary"
-	| "secondary"
-	| "high"
-	| "success"
-	| "warning"
-	| "error"
-	| "info"
-	| "white"
-	| "black"
-	| "card";
-
-export type IDropZoneEvent = "dragover" | "drop" | "dragenter" | "dragleave" | "click";
-
-export type IDropType = "file" | "json" | "text" | "html" | "url" | "unknown";
-
-export interface IDropOutput {
-	tipo: IDropType;
-	timestamp: string;
-	types: string[];
-	data?: any;
-}
-
-export interface IFileMetadata {
-	url?: string,
-	base64?: string,            // 'data:...'
-	name?: string,							// 'name.jpg'
-	size?: number,							// 1083874 (bytes)
-	extension?: string,         // '.jpg'
-	type?: string,							// 'image/jpg'
-	lastModifiedIso?: string,	  // '2025-07-09T15:57:00.130Z' => 'yyyy-mm-ddThh:mm:ss.mmmZ' 
-}
-
-export type IPosicoesFloating = "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-
-export type UiProgressMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';

package/src/public-api.ts

@@ -1,38 +0,0 @@
-// Exportar primeiro os tipos
-export type { IKV, IKV_ext, IFileMetadata, ITipoBotao, ITiposTema, IDropZoneEvent, IDropType, IDropOutput, UiProgressMode } from './interfaces/interfaces';
-
-// Tipos mais específicos, enuns, interfaces e funções uteis.
-export * from './util/util';
-export * from './fields/Formulario/Formulario';
-
-// Exportar as base
-export * from './fields/Base/BaseFieldsValues/BaseFieldsValues';
-export * from './fields/Base/BaseFieldsForm/BaseFieldsForm.component';
-
-// Exportar componentes individuais (elementos)
-export * from './elements/ui-button/ui-button';
-export * from './elements/ui-chip/ui-chip';
-export * from './elements/ui-drop-zone/ui-drop-zone';
-export * from './elements/ui-file-list/ui-file-list';
-export * from './elements/ui-select/ui-select';
-export * from './elements/ui-procurar/ui-procurar';
-export * from './elements/ui-progress/ui-progress';
-export * from './elements/ui-slide/ui-slide';
-export * from './elements/ui-check-box/ui-check-box';
-export * from './elements/ui-list-errors/ui-list-errors';
-export * from './elements/ui-loading/ui-loading';
-export * from './elements/ui-menu/ui-menu';
-
-
-
-// Os componente de campo não são exportados. Utilize FormAction, ou similar, com os campos pré configurados.
-
-// Exportar componentes de formulário
-export * from './fields/Formulario/form-filter/form-filter';
-export * from './fields/Formulario/form-action/form-action';
-export * from './fields/Formulario/form-no-action/form-no-action';
-export * from './fields/Formulario/formated-values/formated-values';
-export * from './fields/Formulario/single-values/single-values';
-
-// Exportar generic por último (depende de todos os outros)
-export * from './fields/generic/generic';

package/src/util/ClassOf.pipe.ts

@@ -1,11 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { LibUtil } from './util';
-
-@Pipe({ name: 'classOf' })
-export class ClassOfPipe implements PipeTransform {
-
-  transform(value: any, args?: any): any {
-    return LibUtil.classof(value);
-  }
-
-}

package/src/util/JsonColorido.pipe.ts

@@ -1,11 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { LibUtil } from './util';
-
-@Pipe({ name: 'jsonColorido' })
-export class JsonColoridoPipe implements PipeTransform {
-
-	transform(value: any, args?: any): string {
-		return LibUtil.formatJson(value, true);
-	}
-
-}