npm - @andespindola/ui-core - Versions diffs - 0.1.1 → 0.3.0 - Mend

@@ -0,0 +1,42 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class UiDatePicker {
+    host: HTMLElement;
+    /** Data selecionada no formato ISO "YYYY-MM-DD". */
+    value: string;
+    /** Texto exibido quando nenhuma data está selecionada. */
+    placeholder: string;
+    /** Controla a visibilidade do calendário. */
+    open: boolean;
+    /** Ano exibido na grade do calendário. */
+    viewYear: number;
+    /** Mês exibido na grade do calendário (0-11). */
+    viewMonth: number;
+    /** Emitido ao selecionar uma data (ISO "YYYY-MM-DD"). */
+    uiChange: EventEmitter<string>;
+    private triggerEl?;
+    private floatingEl?;
+    private cleanup?;
+    componentWillLoad(): void;
+    onValueChange(): void;
+    disconnectedCallback(): void;
+    private syncViewFromValue;
+    /** Converte o ISO em Date local, evitando shift de fuso. */
+    private parseValue;
+    /** Gera o ISO "YYYY-MM-DD" a partir de componentes locais. */
+    private toISO;
+    private formatValue;
+    private monthLabel;
+    private setOpen;
+    private start;
+    private stop;
+    private onTriggerClick;
+    private onDocumentClick;
+    private onKeydown;
+    private prevMonth;
+    private nextMonth;
+    private selectDay;
+    private buildDays;
+    private isToday;
+    private isSelected;
+    render(): any;
+}

@@ -0,0 +1,24 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class UiFileUpload {
+    /** Tipos de arquivo aceitos (atributo accept do input). */
+    accept?: string;
+    /** Permite múltiplos arquivos. */
+    multiple: boolean;
+    /** Texto principal da zona de upload. */
+    label: string;
+    /** Arquivos atualmente selecionados. */
+    files: File[];
+    /** Indica se há arraste sobre a zona. */
+    dragging: boolean;
+    /** Emitido quando arquivos são selecionados. */
+    uiChange: EventEmitter<File[]>;
+    private inputEl?;
+    private openPicker;
+    private setFiles;
+    private onInputChange;
+    private onDragOver;
+    private onDragLeave;
+    private onDrop;
+    private formatSize;
+    render(): any;
+}

@@ -0,0 +1,10 @@
+export type UiGridGap = "xs" | "sm" | "md" | "lg" | "xl";
+export declare class UiGrid {
+    /** Número de colunas da grade. */
+    columns: number;
+    /** Espaçamento entre células. */
+    gap: UiGridGap;
+    /** Largura mínima por item para layout responsivo (auto-fit). */
+    minItemWidth?: string;
+    render(): any;
+}

@@ -12,11 +12,14 @@ export declare class UiInput {
     invalid: boolean;
     /** Nome do campo. */
     name?: string;
+    /** Exibe um botão para limpar o valor quando preenchido. */
+    clearable: boolean;
     /** Emitido a cada digitação. */
     uiInput: EventEmitter<string>;
     /** Emitido ao confirmar (change). */
     uiChange: EventEmitter<string>;
     private onInput;
     private onChange;
+    private clear;
     render(): any;
 }

@@ -0,0 +1,3 @@
+export declare class UiNavbar {
+    render(): any;
+}

@@ -0,0 +1,15 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class UiPagination {
+    /** Total de páginas. */
+    total: number;
+    /** Página atual. */
+    current: number;
+    /** Quantidade de páginas ao redor da atual. */
+    siblings: number;
+    /** Emitido quando a página muda. */
+    uiChange: EventEmitter<number>;
+    private clamp;
+    private go;
+    private buildRange;
+    render(): any;
+}

@@ -0,0 +1,17 @@
+export declare class UiProgressCircular {
+    /** Valor atual do progresso. `null` torna o componente indeterminado. */
+    value: number | null;
+    /** Valor máximo. */
+    max: number;
+    /** Tamanho do anel (qualquer unidade CSS). */
+    size: string;
+    /** Espessura do traço. */
+    strokeWidth: number;
+    /** Força o estado indeterminado. */
+    indeterminate: boolean;
+    /** Exibe o percentual no centro quando determinado. */
+    showValue: boolean;
+    private get isIndeterminate();
+    private get percent();
+    render(): any;
+}

@@ -0,0 +1,17 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class UiRating {
+    /** Valor selecionado. */
+    value: number;
+    /** Quantidade de estrelas. */
+    max: number;
+    /** Apenas leitura, sem interação. */
+    readonly: boolean;
+    /** Estrela atualmente sob o cursor (-1 quando sem hover). */
+    hoverValue: number;
+    /** Emitido quando o valor muda. */
+    uiChange: EventEmitter<number>;
+    private select;
+    private onEnter;
+    private onLeave;
+    render(): any;
+}

@@ -0,0 +1,17 @@
+export type UiStackDirection = "vertical" | "horizontal";
+export type UiStackGap = "xs" | "sm" | "md" | "lg" | "xl";
+export type UiStackAlign = "start" | "center" | "end" | "stretch";
+export type UiStackJustify = "start" | "center" | "end" | "between";
+export declare class UiStack {
+    /** Direção do empilhamento. */
+    direction: UiStackDirection;
+    /** Espaçamento entre itens. */
+    gap: UiStackGap;
+    /** Alinhamento no eixo cruzado. */
+    align: UiStackAlign;
+    /** Distribuição no eixo principal. */
+    justify: UiStackJustify;
+    /** Permite quebra de linha dos itens. */
+    wrap: boolean;
+    render(): any;
+}

@@ -0,0 +1,13 @@
+export type UiStatTrend = "up" | "down" | "neutral";
+export declare class UiStat {
+    /** Rótulo da métrica. */
+    label: string;
+    /** Valor principal exibido. */
+    value: string;
+    /** Variação exibida no chip (ex.: "+12%"). */
+    delta?: string;
+    /** Direção da tendência. */
+    trend: UiStatTrend;
+    private renderArrow;
+    render(): any;
+}

@@ -0,0 +1,16 @@
+export interface UiTableColumn {
+    key: string;
+    label: string;
+    align?: "left" | "right" | "center";
+}
+export declare class UiTable {
+    /** Definição das colunas. */
+    columns: UiTableColumn[];
+    /** Linhas de dados. */
+    rows: Record<string, unknown>[];
+    /** Aplica fundo alternado nas linhas pares. */
+    striped: boolean;
+    /** Destaca a linha sob o cursor. */
+    hoverable: boolean;
+    render(): any;
+}

@andespindola/ui-core 0.1.1 → 0.3.0