@thibezer/ui-components-kit 2.12.0 → 2.12.2

package/dist/components/ui-camadas/camadas-rodape.d.ts

@@ -4,4 +4,9 @@ import { CamadaItem, FeicaoItem } from './tipos';
  * a hierarquia visual com recuo e ícones de pasta
  */
 export declare function formatarOpcoesCamadasHierarquicas(camadas: CamadaItem[]): string;
+/** Ícone + texto acessível do contador do rodapé (camadas ou feições selecionadas). */
+export declare function rotuloRodape(totalCamadas: number, totalSelecionadas: number): {
+    icone: string;
+    texto: string;
+};
 export declare function renderizarRodapeAcoes(camadas: CamadaItem[], feicoes: FeicaoItem[], selecionadasIds: Set<string>): string;

package/dist/components/ui-texto-editavel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui-texto-editavel';
+export * from './tipos';

package/dist/components/ui-texto-editavel/texto-editavel-teclado.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Trata atalhos de teclado no modo leitura (foco no botão do componente).
+ * Enter ou F2 ativam o modo de edição inline.
+ */
+export declare function tratarTecladoLeitura(evento: KeyboardEvent, iniciarEdicao: () => void): void;
+/**
+ * Trata atalhos de teclado no modo de edição (foco no input interno).
+ * - Enter: confirma e salva a edição.
+ * - Escape: cancela e restaura o valor original.
+ * - Tab: confirma e salva antes de permitir a mudança de foco natural.
+ */
+export declare function tratarTecladoEdicao(evento: KeyboardEvent, salvar: () => void, cancelar: () => void): void;

package/dist/components/ui-texto-editavel/texto-editavel-template.d.ts

@@ -0,0 +1,2 @@
+export declare const ATRIBUTOS_OBSERVADOS_TEXTO_EDITAVEL: readonly ["valor", "value", "placeholder", "variante", "tamanho", "disabled", "desabilitado", "readonly", "somente-leitura", "ao-perder-foco", "obrigatorio", "maxlength", "limite-caracteres", "name", "nome"];
+export declare function criarTemplateTextoEditavel(estilos: string): string;

package/dist/components/ui-texto-editavel/tipos.d.ts

@@ -0,0 +1,14 @@
+export type VarianteTextoEditavel = 'secundario' | 'secondary' | 'primario' | 'primary' | 'ghost' | 'terciario' | 'outline' | 'borda' | 'texto' | 'plano' | 'destaque' | 'destrutivo';
+export type TamanhoTextoEditavel = 'sm' | 'md' | 'lg';
+export type ModoTextoEditavel = 'leitura' | 'edicao';
+export type ComportamentoAoPerderFoco = 'salvar' | 'cancelar' | 'ignorar';
+export interface DetalheEventoSalvar {
+    valor: string;
+    valorAnterior: string;
+}
+export interface DetalheEventoCancelar {
+    valor: string;
+}
+export interface DetalheEventoModoAlterado {
+    modo: ModoTextoEditavel;
+}

package/dist/components/ui-texto-editavel/ui-texto-editavel.d.ts

@@ -0,0 +1,82 @@
+import { FormAssociatedElement } from '../../core/form-associated-element';
+import { VarianteTextoEditavel, TamanhoTextoEditavel, ComportamentoAoPerderFoco } from './tipos';
+/**
+ * Componente de texto ou botão que se transforma em campo de edição com duplo clique (ou atalhos de teclado).
+ *
+ * @element ui-texto-editavel
+ *
+ * @attr {string} valor - Valor textual atual.
+ * @attr {string} placeholder - Texto exibido quando o valor está vazio.
+ * @attr {string} variante - Estilo visual ('secundario', 'primario', 'ghost', 'outline', 'texto', etc.).
+ * @attr {string} tamanho - Tamanho do controle ('sm', 'md', 'lg').
+ * @attr {boolean} disabled - Desabilita o componente e impede edição.
+ * @attr {boolean} readonly - Permite focar e ler, mas impede entrar em edição.
+ * @attr {string} ao-perder-foco - Ação ao sair do campo ('salvar', 'cancelar', 'ignorar'). Padrão: 'salvar'.
+ * @attr {boolean} obrigatorio - Impede salvar com valor em branco.
+ * @attr {number} maxlength - Quantidade máxima de caracteres permitida.
+ *
+ * @fires ui-salvar - Disparado ao confirmar a edição com `{ valor, valorAnterior }`. Cancelável via preventDefault().
+ * @fires ui-cancelar - Disparado ao cancelar a edição com `{ valor }`.
+ * @fires ui-modo-alterado - Disparado quando alterna entre leitura e edição com `{ modo }`.
+ * @fires change - Disparado nativamente quando o valor é alterado e confirmado.
+ *
+ * @csspart base - O contêiner envolvente.
+ * @csspart botao - O botão do modo leitura.
+ * @csspart texto - O elemento de texto interno no modo leitura.
+ * @csspart input - O campo de entrada de texto nativo no modo edição.
+ */
+export declare class UITextoEditavel extends FormAssociatedElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): readonly ["valor", "value", "placeholder", "variante", "tamanho", "disabled", "desabilitado", "readonly", "somente-leitura", "ao-perder-foco", "obrigatorio", "maxlength", "limite-caracteres", "name", "nome"];
+    private container;
+    private botaoElement;
+    private textoElement;
+    private inputElement;
+    private _modo;
+    private _concluindo;
+    private _valorInterno;
+    private _valorOriginalAoEditar;
+    private listeners;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(nome: string, _antigo: string | null, novo: string | null): void;
+    private handleDuploClique;
+    private handleKeyDownBotao;
+    private handleKeyDownInput;
+    private handleBlurInput;
+    /** Entra no modo de edição se o componente não estiver desabilitado ou em somente leitura. */
+    editar(): void;
+    /**
+     * Salva as alterações feitas no modo de edição e retorna ao modo leitura.
+     * Dispara `ui-salvar` (cancelável com preventDefault()).
+     */
+    salvar(): boolean;
+    /** Cancela as alterações e restaura o valor prévio à edição. */
+    cancelar(): void;
+    /** Informa se o componente está atualmente no modo de edição. */
+    estaEditando(): boolean;
+    private dispararEventoModo;
+    protected syncState(): void;
+    atualizarValidade(): void;
+    get valor(): string;
+    set valor(val: string);
+    get value(): string;
+    set value(val: string);
+    get placeholder(): string;
+    set placeholder(val: string);
+    get variante(): VarianteTextoEditavel;
+    set variante(val: VarianteTextoEditavel);
+    get tamanho(): TamanhoTextoEditavel;
+    set tamanho(val: TamanhoTextoEditavel);
+    get disabled(): boolean;
+    set disabled(val: boolean);
+    get readOnly(): boolean;
+    set readOnly(val: boolean);
+    get obrigatorio(): boolean;
+    set obrigatorio(val: boolean);
+    get aoPerderFoco(): ComportamentoAoPerderFoco;
+    set aoPerderFoco(val: ComportamentoAoPerderFoco);
+    get maxlength(): number | null;
+    set maxlength(val: number | null);
+}