@thibezer/ui-components-kit 2.9.0 → 2.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +138 -0
- package/README.md +7 -4
- package/dist/camadas.cjs +53 -55
- package/dist/camadas.js +254 -242
- package/dist/campo-texto.cjs +1 -1
- package/dist/campo-texto.js +1 -1
- package/dist/canvas.cjs +73 -72
- package/dist/canvas.js +3212 -2690
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/components/ui-area-texto/area-texto-altura.d.ts +16 -0
- package/dist/components/ui-area-texto/area-texto-contador.d.ts +6 -0
- package/dist/components/ui-area-texto/area-texto-template.d.ts +2 -0
- package/dist/components/ui-area-texto/index.d.ts +3 -0
- package/dist/components/ui-area-texto/tipos.d.ts +19 -0
- package/dist/components/ui-area-texto/ui-area-texto.d.ts +100 -0
- package/dist/components/ui-campo-texto/campo-texto-estados.d.ts +5 -1
- package/dist/components/ui-campo-texto/ui-campo-texto.d.ts +1 -0
- package/dist/components/ui-canvas-cad/cad-acessibilidade.d.ts +7 -1
- package/dist/components/ui-canvas-cad/cad-feicoes-edicao.d.ts +13 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-ponteiro.d.ts +8 -2
- package/dist/components/ui-canvas-cad/cad-feicoes-teclado.d.ts +19 -0
- package/dist/components/ui-canvas-cad/cad-feicoes-tipos.d.ts +1 -1
- package/dist/components/ui-canvas-cad/cad-feicoes.d.ts +12 -1
- package/dist/components/ui-canvas-cad/cad-ferramentas-barra.d.ts +8 -1
- package/dist/components/ui-canvas-cad/cad-recusas.d.ts +6 -0
- package/dist/components/ui-canvas-cad/cad-snap.d.ts +2 -0
- package/dist/components/ui-canvas-cad/ui-canvas-cad.d.ts +7 -0
- package/dist/components/ui-card/card-interacao.d.ts +17 -0
- package/dist/components/ui-card/card-secoes.d.ts +10 -0
- package/dist/components/ui-card/ui-card.d.ts +23 -0
- package/dist/components/ui-cores/cores-utils.d.ts +2 -0
- package/dist/components/ui-cores/tipos.d.ts +9 -2
- package/dist/components/ui-cores/ui-controle-cores.d.ts +9 -4
- package/dist/components/ui-cores/ui-seletor-cor.d.ts +12 -9
- package/dist/components/ui-tabela-propriedades/editores-basicos.d.ts +1 -1
- package/dist/components/ui-tabela-propriedades/propriedades-dom-utils.d.ts +5 -0
- package/dist/components/ui-tabela-propriedades/propriedades-gerenciador-valores.d.ts +3 -3
- package/dist/components/ui-tabela-propriedades/propriedades-valor-misto.d.ts +25 -0
- package/dist/components/ui-tabela-propriedades/tipos.d.ts +5 -0
- package/dist/components/ui-tabela-propriedades/ui-tabela-propriedades.d.ts +7 -0
- package/dist/components/ui-texto/ui-texto.d.ts +16 -0
- package/dist/core/alvo-digitavel.d.ts +5 -0
- package/dist/core/opcoes.d.ts +7 -0
- package/dist/cores.cjs +1 -1
- package/dist/cores.js +11 -9
- package/dist/custom-elements.json +16677 -13587
- package/dist/data.cjs +1 -1
- package/dist/data.js +72 -64
- package/dist/forms.cjs +1 -1
- package/dist/forms.d.ts +4 -0
- package/dist/forms.js +15 -12
- package/dist/gerencigeo-canvas/canvas_interacao.d.ts +2 -0
- package/dist/gerencigeo-canvas/feature_desenho.d.ts +15 -1
- package/dist/gerencigeo-canvas/feature_desenho_controle.d.ts +6 -0
- package/dist/gerencigeo-canvas/feature_edicao_ops.d.ts +9 -0
- package/dist/gerencigeo-canvas/feature_editor_vertices.d.ts +64 -6
- package/dist/gerencigeo-canvas/mapa_core.d.ts +4 -0
- package/dist/gerencigeo-canvas/popup_residual.d.ts +5 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +204 -191
- package/dist/{motor-CFI84lM2.js → motor-BKT2eStP.js} +3 -3
- package/dist/motor.js +1 -1
- package/dist/opcoes-CupvWVIm.js +24 -0
- package/dist/opcoes-vdAUY5OI.cjs +1 -0
- package/dist/register.cjs +1 -1
- package/dist/register.js +10 -9
- package/dist/tabela.cjs +1 -1
- package/dist/tabela.js +66 -58
- package/dist/tipos-elementos.d.ts +78 -0
- package/dist/tipos-react.d.ts +4 -0
- package/dist/tipos-vue.d.ts +76 -0
- package/dist/{ui-badge-BWhoGgo9.js → ui-badge-B5J_c5P5.js} +1 -1
- package/dist/{ui-badge-SIR81R9l.cjs → ui-badge-DC4y6Dik.cjs} +1 -1
- package/dist/{ui-campo-texto-B_OHVGiN.js → ui-campo-texto-19tIrmBK.js} +91 -93
- package/dist/ui-campo-texto-CH8mzX61.cjs +16 -0
- package/dist/ui-card-0wu4rjEX.cjs +20 -0
- package/dist/ui-card-DRtpOo3l.js +143 -0
- package/dist/ui-controle-cores-CohlwXJK.cjs +32 -0
- package/dist/ui-controle-cores-DMtTUtLk.js +292 -0
- package/dist/{ui-linha-BYAX4W6x.cjs → ui-linha-C306zxWG.cjs} +6 -6
- package/dist/{ui-linha-aqLlaYi7.js → ui-linha-C_azWkcG.js} +103 -99
- package/dist/ui-seletor-cor-D9iI7yew.js +413 -0
- package/dist/ui-seletor-cor-Ft06TEUH.cjs +110 -0
- package/dist/{ui-switch-DO1R0Ce7.js → ui-switch-BL-x_-SM.js} +460 -173
- package/dist/ui-switch-C0i_3QXu.cjs +66 -0
- package/dist/ui-tabela-propriedades-B8AwlpqL.cjs +141 -0
- package/dist/{ui-tabela-propriedades-DoL4SE0r.js → ui-tabela-propriedades-DuaC4sFX.js} +1295 -1195
- package/package.json +1 -1
- package/dist/opcoes-CJYLi6kd.js +0 -12
- package/dist/opcoes-CkyDxBuQ.cjs +0 -1
- package/dist/ui-campo-texto-DauJCde3.cjs +0 -16
- package/dist/ui-card-BNYCQ7g-.js +0 -119
- package/dist/ui-card-BrjBL-yo.cjs +0 -20
- package/dist/ui-controle-cores-DgEza3wF.js +0 -612
- package/dist/ui-controle-cores-uY__TgwW.cjs +0 -117
- package/dist/ui-switch-D9a8XlVX.cjs +0 -53
- package/dist/ui-tabela-propriedades-CjK2gG14.cjs +0 -141
package/dist/tabela.js
CHANGED
|
@@ -1,65 +1,73 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
import { G as o, T as i, a as s, b as t,
|
|
2
|
+
import { G as o, T as i, a as s, b as t, c as n, U as l, d as c, V as d, e as u, f as m, g as p, h as T, i as C, j as E, k as b, l as g, m as x, n as P, o as z, p as O, q as A, r as I, s as R, t as S, u as D, v as M, w as V, x as h, y as v, z as L, A as q, B as f, C as w, D as H, E as _, F as y, H as F, I as U, J as B, K as G, L as N, M as W, N as X, O as j, P as k, Q as J, R as K, S as Q, W as Y, X as Z, Y as $, Z as aa, _ as ra, $ as ea, a0 as oa, a1 as ia, a2 as sa, a3 as ta, a4 as na, a5 as la, a6 as ca, a7 as da, a8 as ua, a9 as ma, aa as pa, ab as Ta, ac as Ca, ad as Ea, ae as ba } from "./ui-tabela-propriedades-DuaC4sFX.js";
|
|
3
3
|
export {
|
|
4
4
|
o as GerenciadorValoresPropriedades,
|
|
5
|
-
i as
|
|
6
|
-
s as
|
|
7
|
-
t as
|
|
8
|
-
n as
|
|
9
|
-
l as
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
u as
|
|
13
|
-
m as
|
|
14
|
-
p as
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
E as
|
|
18
|
-
b as
|
|
19
|
-
g as
|
|
20
|
-
x as
|
|
21
|
-
|
|
22
|
-
|
|
5
|
+
i as TEXTO_MISTO_PADRAO,
|
|
6
|
+
s as TabelaOrquestradorDados,
|
|
7
|
+
t as TabelaRemotaController,
|
|
8
|
+
n as TabelaSelecaoController,
|
|
9
|
+
l as UITabela,
|
|
10
|
+
c as UITabelaPropriedades,
|
|
11
|
+
d as VALOR_MISTO,
|
|
12
|
+
u as abrirPopoverRedimensionamento,
|
|
13
|
+
m as alternarCategoria,
|
|
14
|
+
p as alternarDirecaoOrdenacao,
|
|
15
|
+
T as alternarPosicionamentoFlutuante,
|
|
16
|
+
C as aplicarOrdenacaoTabela,
|
|
17
|
+
E as atualizarCampoVisual,
|
|
18
|
+
b as avaliarExpressaoMatematica,
|
|
19
|
+
g as buscarLinhaPropriedade,
|
|
20
|
+
x as colapsarTodasCategorias,
|
|
21
|
+
P as combinarValores,
|
|
22
|
+
z as conectarArrastoFlutuante,
|
|
23
|
+
O as conectarPainelControles,
|
|
24
|
+
A as criarControladorSplitter,
|
|
25
|
+
I as criarEditorAcao,
|
|
23
26
|
R as criarEditorBooleano,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
S as criarEditorCorCad,
|
|
28
|
+
D as criarEditorCorSwatch,
|
|
29
|
+
M as criarEditorLinetype,
|
|
30
|
+
V as criarEditorLineweight,
|
|
31
|
+
h as criarEditorNumero,
|
|
32
|
+
v as criarEditorReadonly,
|
|
30
33
|
L as criarEditorSelecao,
|
|
31
34
|
q as criarEditorTexto,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
35
|
+
f as criarEditorValor,
|
|
36
|
+
w as criarLinhaPropriedade,
|
|
37
|
+
H as executarOrquestracaoCorpo,
|
|
38
|
+
_ as executarOrquestracaoHeader,
|
|
39
|
+
y as executarRedimensionamentoColuna,
|
|
40
|
+
F as executarRedimensionamentoTeclado,
|
|
41
|
+
U as exibirPromptPopoverRedimensionamento,
|
|
42
|
+
B as expandirTodasCategorias,
|
|
43
|
+
G as focarProximoEditor,
|
|
44
|
+
N as formatWidth,
|
|
45
|
+
W as getAlignmentClass,
|
|
46
|
+
X as getRowHeight,
|
|
47
|
+
j as getTextAlign,
|
|
48
|
+
k as inicializarScrollVirtualizacao,
|
|
49
|
+
J as iniciarRedimensionamentoColuna,
|
|
50
|
+
K as interpretarIndice,
|
|
51
|
+
Q as isValorMisto,
|
|
52
|
+
Y as limitarLarguraColuna,
|
|
53
|
+
Z as localizarIndiceItem,
|
|
54
|
+
$ as marcarSelectMisto,
|
|
55
|
+
aa as montarEstruturaDOM,
|
|
56
|
+
ra as normalizarTexto,
|
|
57
|
+
ea as orquestrarEstruturaInicial,
|
|
58
|
+
oa as proximaDensidade,
|
|
59
|
+
ia as redimensionarColunaPorDelta,
|
|
60
|
+
sa as registrarAtualizadorEditor,
|
|
61
|
+
ta as renderizarCategoriasETree,
|
|
62
|
+
na as renderizarCorpoTabela,
|
|
63
|
+
la as renderizarHeaderTabela,
|
|
64
|
+
ca as renderizarSeletorTipos,
|
|
65
|
+
da as sincronizarAtributosTabela,
|
|
66
|
+
ua as sincronizarPainelControles,
|
|
67
|
+
ma as sincronizarSelect,
|
|
68
|
+
pa as textoMistoDe,
|
|
69
|
+
Ta as tratarMudancaAtributoTabela,
|
|
70
|
+
Ca as valorComum,
|
|
71
|
+
Ea as valorInicialDaPropriedade,
|
|
72
|
+
ba as valoresIguais
|
|
65
73
|
};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import type {
|
|
4
4
|
UIAlerta,
|
|
5
|
+
UIAreaTexto,
|
|
5
6
|
UIAvatar,
|
|
6
7
|
UIBadge,
|
|
7
8
|
UIBotao,
|
|
@@ -47,6 +48,7 @@ import type {
|
|
|
47
48
|
UITabela,
|
|
48
49
|
UITabelaPropriedades,
|
|
49
50
|
UITag,
|
|
51
|
+
UITextarea,
|
|
50
52
|
UITexto,
|
|
51
53
|
UIToast,
|
|
52
54
|
UIToggle,
|
|
@@ -74,6 +76,39 @@ export interface PropsUiAlerta {
|
|
|
74
76
|
'onui-toast-acao'?: (evento: CustomEvent) => void;
|
|
75
77
|
}
|
|
76
78
|
|
|
79
|
+
/**
|
|
80
|
+
* `<ui-area-texto>`
|
|
81
|
+
* Eventos: ui-input, ui-change, ui-enviar
|
|
82
|
+
* Parts (::part): ajuda, campo, contador, input, rodape, rotulo
|
|
83
|
+
*/
|
|
84
|
+
export interface PropsUiAreaTexto {
|
|
85
|
+
label?: ValorDeAtributo;
|
|
86
|
+
placeholder?: ValorDeAtributo;
|
|
87
|
+
value?: UIAreaTexto['value'];
|
|
88
|
+
obrigatorio?: UIAreaTexto['obrigatorio'];
|
|
89
|
+
minlength?: ValorDeAtributo;
|
|
90
|
+
maxlength?: ValorDeAtributo;
|
|
91
|
+
'helper-text'?: ValorDeAtributo;
|
|
92
|
+
erro?: ValorDeAtributo;
|
|
93
|
+
'mensagem-erro'?: ValorDeAtributo;
|
|
94
|
+
'mensagem-validacao'?: ValorDeAtributo;
|
|
95
|
+
disabled?: UIAreaTexto['disabled'];
|
|
96
|
+
readonly?: ValorDeAtributo;
|
|
97
|
+
linhas?: ValorDeAtributo;
|
|
98
|
+
'auto-altura'?: ValorDeAtributo;
|
|
99
|
+
'linhas-max'?: ValorDeAtributo;
|
|
100
|
+
redimensionar?: ValorDeAtributo;
|
|
101
|
+
contador?: ValorDeAtributo;
|
|
102
|
+
name?: UIAreaTexto['name'];
|
|
103
|
+
readOnly?: UIAreaTexto['readOnly'];
|
|
104
|
+
minLength?: UIAreaTexto['minLength'];
|
|
105
|
+
maxLength?: UIAreaTexto['maxLength'];
|
|
106
|
+
required?: UIAreaTexto['required'];
|
|
107
|
+
'onui-input'?: (evento: CustomEvent) => void;
|
|
108
|
+
'onui-change'?: (evento: CustomEvent) => void;
|
|
109
|
+
'onui-enviar'?: (evento: CustomEvent) => void;
|
|
110
|
+
}
|
|
111
|
+
|
|
77
112
|
/**
|
|
78
113
|
* `<ui-avatar>`
|
|
79
114
|
*/
|
|
@@ -282,6 +317,7 @@ export interface PropsUiCanvasCad {
|
|
|
282
317
|
'sem-barra-rapida'?: ValorDeAtributo;
|
|
283
318
|
popups?: UICanvasCAD['popups'];
|
|
284
319
|
renderizador?: UICanvasCAD['renderizador'];
|
|
320
|
+
'sem-avisos'?: ValorDeAtributo;
|
|
285
321
|
pontos?: UICanvasCAD['pontos'];
|
|
286
322
|
segmentos?: UICanvasCAD['segmentos'];
|
|
287
323
|
bancoPontos?: UICanvasCAD['bancoPontos'];
|
|
@@ -320,6 +356,7 @@ export interface PropsUiCard {
|
|
|
320
356
|
compacto?: ValorDeAtributo;
|
|
321
357
|
compact?: ValorDeAtributo;
|
|
322
358
|
disabled?: UICard['disabled'];
|
|
359
|
+
'aria-label'?: ValorDeAtributo;
|
|
323
360
|
'onui-click'?: (evento: CustomEvent) => void;
|
|
324
361
|
'onui-clique'?: (evento: CustomEvent) => void;
|
|
325
362
|
}
|
|
@@ -370,10 +407,12 @@ export interface PropsUiControleCores {
|
|
|
370
407
|
preenchimento?: UIControleCores['preenchimento'];
|
|
371
408
|
traco?: UIControleCores['traco'];
|
|
372
409
|
opacidade?: UIControleCores['opacidade'];
|
|
410
|
+
'espessura-traco'?: UIControleCores['espessuraTraco'];
|
|
373
411
|
alvo?: UIControleCores['alvo'];
|
|
374
412
|
'padrao-preenchimento'?: ValorDeAtributo;
|
|
375
413
|
'padrao-traco'?: ValorDeAtributo;
|
|
376
414
|
desabilitado?: ValorDeAtributo;
|
|
415
|
+
espessuraTraco?: UIControleCores['espessuraTraco'];
|
|
377
416
|
coresProjeto?: UIControleCores['coresProjeto'];
|
|
378
417
|
atalhos?: UIControleCores['atalhos'];
|
|
379
418
|
'onui-alvo-change'?: (evento: CustomEvent) => void;
|
|
@@ -1167,7 +1206,9 @@ export interface PropsUiTabelaPropriedades {
|
|
|
1167
1206
|
fechavel?: ValorDeAtributo;
|
|
1168
1207
|
colapsado?: UITabelaPropriedades['colapsado'];
|
|
1169
1208
|
flutuante?: UITabelaPropriedades['flutuante'];
|
|
1209
|
+
'texto-misto'?: UITabelaPropriedades['textoMisto'];
|
|
1170
1210
|
categorias?: UITabelaPropriedades['categorias'];
|
|
1211
|
+
textoMisto?: UITabelaPropriedades['textoMisto'];
|
|
1171
1212
|
tipos?: UITabelaPropriedades['tipos'];
|
|
1172
1213
|
tipoSelecionado?: UITabelaPropriedades['tipoSelecionado'];
|
|
1173
1214
|
valores?: UITabelaPropriedades['valores'];
|
|
@@ -1208,8 +1249,42 @@ export interface PropsUiTag {
|
|
|
1208
1249
|
'onui-remove'?: (evento: CustomEvent) => void;
|
|
1209
1250
|
}
|
|
1210
1251
|
|
|
1252
|
+
/**
|
|
1253
|
+
* `<ui-textarea>`
|
|
1254
|
+
* Eventos: ui-input, ui-change, ui-enviar
|
|
1255
|
+
* Parts (::part): ajuda, campo, contador, input, rodape, rotulo
|
|
1256
|
+
*/
|
|
1257
|
+
export interface PropsUiTextarea {
|
|
1258
|
+
label?: ValorDeAtributo;
|
|
1259
|
+
placeholder?: ValorDeAtributo;
|
|
1260
|
+
value?: UITextarea['value'];
|
|
1261
|
+
obrigatorio?: UITextarea['obrigatorio'];
|
|
1262
|
+
minlength?: ValorDeAtributo;
|
|
1263
|
+
maxlength?: ValorDeAtributo;
|
|
1264
|
+
'helper-text'?: ValorDeAtributo;
|
|
1265
|
+
erro?: ValorDeAtributo;
|
|
1266
|
+
'mensagem-erro'?: ValorDeAtributo;
|
|
1267
|
+
'mensagem-validacao'?: ValorDeAtributo;
|
|
1268
|
+
disabled?: UITextarea['disabled'];
|
|
1269
|
+
readonly?: ValorDeAtributo;
|
|
1270
|
+
linhas?: ValorDeAtributo;
|
|
1271
|
+
'auto-altura'?: ValorDeAtributo;
|
|
1272
|
+
'linhas-max'?: ValorDeAtributo;
|
|
1273
|
+
redimensionar?: ValorDeAtributo;
|
|
1274
|
+
contador?: ValorDeAtributo;
|
|
1275
|
+
name?: UITextarea['name'];
|
|
1276
|
+
readOnly?: UITextarea['readOnly'];
|
|
1277
|
+
minLength?: UITextarea['minLength'];
|
|
1278
|
+
maxLength?: UITextarea['maxLength'];
|
|
1279
|
+
required?: UITextarea['required'];
|
|
1280
|
+
'onui-input'?: (evento: CustomEvent) => void;
|
|
1281
|
+
'onui-change'?: (evento: CustomEvent) => void;
|
|
1282
|
+
'onui-enviar'?: (evento: CustomEvent) => void;
|
|
1283
|
+
}
|
|
1284
|
+
|
|
1211
1285
|
/**
|
|
1212
1286
|
* `<ui-texto>`
|
|
1287
|
+
* Parts (::part): base
|
|
1213
1288
|
*/
|
|
1214
1289
|
export interface PropsUiTexto {
|
|
1215
1290
|
variante?: ValorDeAtributo;
|
|
@@ -1218,6 +1293,7 @@ export interface PropsUiTexto {
|
|
|
1218
1293
|
peso?: ValorDeAtributo;
|
|
1219
1294
|
alinhamento?: ValorDeAtributo;
|
|
1220
1295
|
truncar?: ValorDeAtributo;
|
|
1296
|
+
linhas?: ValorDeAtributo;
|
|
1221
1297
|
}
|
|
1222
1298
|
|
|
1223
1299
|
/**
|
|
@@ -1280,6 +1356,7 @@ export interface PropsUiTooltip {
|
|
|
1280
1356
|
/** Mapa tag -> props, para registrar em qualquer JSX (React, Preact, Solid...). */
|
|
1281
1357
|
export interface ElementosUI {
|
|
1282
1358
|
'ui-alerta': PropsUiAlerta;
|
|
1359
|
+
'ui-area-texto': PropsUiAreaTexto;
|
|
1283
1360
|
'ui-avatar': PropsUiAvatar;
|
|
1284
1361
|
'ui-badge': PropsUiBadge;
|
|
1285
1362
|
'ui-botao': PropsUiBotao;
|
|
@@ -1325,6 +1402,7 @@ export interface ElementosUI {
|
|
|
1325
1402
|
'ui-tabela': PropsUiTabela;
|
|
1326
1403
|
'ui-tabela-propriedades': PropsUiTabelaPropriedades;
|
|
1327
1404
|
'ui-tag': PropsUiTag;
|
|
1405
|
+
'ui-textarea': PropsUiTextarea;
|
|
1328
1406
|
'ui-texto': PropsUiTexto;
|
|
1329
1407
|
'ui-toast': PropsUiToast;
|
|
1330
1408
|
'ui-toggle': PropsUiToggle;
|
package/dist/tipos-react.d.ts
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import type { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
4
4
|
import type {
|
|
5
5
|
UIAlerta,
|
|
6
|
+
UIAreaTexto,
|
|
6
7
|
UIAvatar,
|
|
7
8
|
UIBadge,
|
|
8
9
|
UIBotao,
|
|
@@ -48,6 +49,7 @@ import type {
|
|
|
48
49
|
UITabela,
|
|
49
50
|
UITabelaPropriedades,
|
|
50
51
|
UITag,
|
|
52
|
+
UITextarea,
|
|
51
53
|
UITexto,
|
|
52
54
|
UIToast,
|
|
53
55
|
UIToggle,
|
|
@@ -63,6 +65,7 @@ declare module 'react' {
|
|
|
63
65
|
namespace JSX {
|
|
64
66
|
interface IntrinsicElements {
|
|
65
67
|
'ui-alerta': PropsReact<UIAlerta, ElementosUI['ui-alerta']>;
|
|
68
|
+
'ui-area-texto': PropsReact<UIAreaTexto, ElementosUI['ui-area-texto']>;
|
|
66
69
|
'ui-avatar': PropsReact<UIAvatar, ElementosUI['ui-avatar']>;
|
|
67
70
|
'ui-badge': PropsReact<UIBadge, ElementosUI['ui-badge']>;
|
|
68
71
|
'ui-botao': PropsReact<UIBotao, ElementosUI['ui-botao']>;
|
|
@@ -108,6 +111,7 @@ declare module 'react' {
|
|
|
108
111
|
'ui-tabela': PropsReact<UITabela, ElementosUI['ui-tabela']>;
|
|
109
112
|
'ui-tabela-propriedades': PropsReact<UITabelaPropriedades, ElementosUI['ui-tabela-propriedades']>;
|
|
110
113
|
'ui-tag': PropsReact<UITag, ElementosUI['ui-tag']>;
|
|
114
|
+
'ui-textarea': PropsReact<UITextarea, ElementosUI['ui-textarea']>;
|
|
111
115
|
'ui-texto': PropsReact<UITexto, ElementosUI['ui-texto']>;
|
|
112
116
|
'ui-toast': PropsReact<UIToast, ElementosUI['ui-toast']>;
|
|
113
117
|
'ui-toggle': PropsReact<UIToggle, ElementosUI['ui-toggle']>;
|
package/dist/tipos-vue.d.ts
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import type { DefineComponent } from 'vue';
|
|
4
4
|
import type {
|
|
5
5
|
UIAlerta,
|
|
6
|
+
UIAreaTexto,
|
|
6
7
|
UIAvatar,
|
|
7
8
|
UIBadge,
|
|
8
9
|
UIBotao,
|
|
@@ -48,6 +49,7 @@ import type {
|
|
|
48
49
|
UITabela,
|
|
49
50
|
UITabelaPropriedades,
|
|
50
51
|
UITag,
|
|
52
|
+
UITextarea,
|
|
51
53
|
UITexto,
|
|
52
54
|
UIToast,
|
|
53
55
|
UIToggle,
|
|
@@ -73,6 +75,39 @@ type PropsVueUiAlerta = {
|
|
|
73
75
|
onUiToastAcao?: (evento: CustomEvent) => void;
|
|
74
76
|
};
|
|
75
77
|
|
|
78
|
+
/**
|
|
79
|
+
* `<ui-area-texto>`
|
|
80
|
+
* Eventos: ui-input, ui-change, ui-enviar
|
|
81
|
+
* Parts (::part): ajuda, campo, contador, input, rodape, rotulo
|
|
82
|
+
*/
|
|
83
|
+
type PropsVueUiAreaTexto = {
|
|
84
|
+
label?: ValorDeAtributo;
|
|
85
|
+
placeholder?: ValorDeAtributo;
|
|
86
|
+
value?: UIAreaTexto['value'];
|
|
87
|
+
obrigatorio?: UIAreaTexto['obrigatorio'];
|
|
88
|
+
minlength?: ValorDeAtributo;
|
|
89
|
+
maxlength?: ValorDeAtributo;
|
|
90
|
+
helperText?: ValorDeAtributo;
|
|
91
|
+
erro?: ValorDeAtributo;
|
|
92
|
+
mensagemErro?: ValorDeAtributo;
|
|
93
|
+
mensagemValidacao?: ValorDeAtributo;
|
|
94
|
+
disabled?: UIAreaTexto['disabled'];
|
|
95
|
+
readonly?: ValorDeAtributo;
|
|
96
|
+
linhas?: ValorDeAtributo;
|
|
97
|
+
autoAltura?: ValorDeAtributo;
|
|
98
|
+
linhasMax?: ValorDeAtributo;
|
|
99
|
+
redimensionar?: ValorDeAtributo;
|
|
100
|
+
contador?: ValorDeAtributo;
|
|
101
|
+
name?: UIAreaTexto['name'];
|
|
102
|
+
readOnly?: UIAreaTexto['readOnly'];
|
|
103
|
+
minLength?: UIAreaTexto['minLength'];
|
|
104
|
+
maxLength?: UIAreaTexto['maxLength'];
|
|
105
|
+
required?: UIAreaTexto['required'];
|
|
106
|
+
onUiInput?: (evento: CustomEvent) => void;
|
|
107
|
+
onUiChange?: (evento: CustomEvent) => void;
|
|
108
|
+
onUiEnviar?: (evento: CustomEvent) => void;
|
|
109
|
+
};
|
|
110
|
+
|
|
76
111
|
/**
|
|
77
112
|
* `<ui-avatar>`
|
|
78
113
|
*/
|
|
@@ -272,6 +307,7 @@ type PropsVueUiCanvasCad = {
|
|
|
272
307
|
semBarraRapida?: ValorDeAtributo;
|
|
273
308
|
popups?: UICanvasCAD['popups'];
|
|
274
309
|
renderizador?: UICanvasCAD['renderizador'];
|
|
310
|
+
semAvisos?: ValorDeAtributo;
|
|
275
311
|
pontos?: UICanvasCAD['pontos'];
|
|
276
312
|
segmentos?: UICanvasCAD['segmentos'];
|
|
277
313
|
bancoPontos?: UICanvasCAD['bancoPontos'];
|
|
@@ -305,6 +341,7 @@ type PropsVueUiCard = {
|
|
|
305
341
|
compacto?: ValorDeAtributo;
|
|
306
342
|
compact?: ValorDeAtributo;
|
|
307
343
|
disabled?: UICard['disabled'];
|
|
344
|
+
ariaLabel?: ValorDeAtributo;
|
|
308
345
|
onUiClick?: (evento: CustomEvent) => void;
|
|
309
346
|
onUiClique?: (evento: CustomEvent) => void;
|
|
310
347
|
};
|
|
@@ -355,6 +392,7 @@ type PropsVueUiControleCores = {
|
|
|
355
392
|
preenchimento?: UIControleCores['preenchimento'];
|
|
356
393
|
traco?: UIControleCores['traco'];
|
|
357
394
|
opacidade?: UIControleCores['opacidade'];
|
|
395
|
+
espessuraTraco?: UIControleCores['espessuraTraco'];
|
|
358
396
|
alvo?: UIControleCores['alvo'];
|
|
359
397
|
padraoPreenchimento?: ValorDeAtributo;
|
|
360
398
|
padraoTraco?: ValorDeAtributo;
|
|
@@ -1123,6 +1161,7 @@ type PropsVueUiTabelaPropriedades = {
|
|
|
1123
1161
|
fechavel?: ValorDeAtributo;
|
|
1124
1162
|
colapsado?: UITabelaPropriedades['colapsado'];
|
|
1125
1163
|
flutuante?: UITabelaPropriedades['flutuante'];
|
|
1164
|
+
textoMisto?: UITabelaPropriedades['textoMisto'];
|
|
1126
1165
|
categorias?: UITabelaPropriedades['categorias'];
|
|
1127
1166
|
tipos?: UITabelaPropriedades['tipos'];
|
|
1128
1167
|
tipoSelecionado?: UITabelaPropriedades['tipoSelecionado'];
|
|
@@ -1164,8 +1203,42 @@ type PropsVueUiTag = {
|
|
|
1164
1203
|
onUiRemove?: (evento: CustomEvent) => void;
|
|
1165
1204
|
};
|
|
1166
1205
|
|
|
1206
|
+
/**
|
|
1207
|
+
* `<ui-textarea>`
|
|
1208
|
+
* Eventos: ui-input, ui-change, ui-enviar
|
|
1209
|
+
* Parts (::part): ajuda, campo, contador, input, rodape, rotulo
|
|
1210
|
+
*/
|
|
1211
|
+
type PropsVueUiTextarea = {
|
|
1212
|
+
label?: ValorDeAtributo;
|
|
1213
|
+
placeholder?: ValorDeAtributo;
|
|
1214
|
+
value?: UITextarea['value'];
|
|
1215
|
+
obrigatorio?: UITextarea['obrigatorio'];
|
|
1216
|
+
minlength?: ValorDeAtributo;
|
|
1217
|
+
maxlength?: ValorDeAtributo;
|
|
1218
|
+
helperText?: ValorDeAtributo;
|
|
1219
|
+
erro?: ValorDeAtributo;
|
|
1220
|
+
mensagemErro?: ValorDeAtributo;
|
|
1221
|
+
mensagemValidacao?: ValorDeAtributo;
|
|
1222
|
+
disabled?: UITextarea['disabled'];
|
|
1223
|
+
readonly?: ValorDeAtributo;
|
|
1224
|
+
linhas?: ValorDeAtributo;
|
|
1225
|
+
autoAltura?: ValorDeAtributo;
|
|
1226
|
+
linhasMax?: ValorDeAtributo;
|
|
1227
|
+
redimensionar?: ValorDeAtributo;
|
|
1228
|
+
contador?: ValorDeAtributo;
|
|
1229
|
+
name?: UITextarea['name'];
|
|
1230
|
+
readOnly?: UITextarea['readOnly'];
|
|
1231
|
+
minLength?: UITextarea['minLength'];
|
|
1232
|
+
maxLength?: UITextarea['maxLength'];
|
|
1233
|
+
required?: UITextarea['required'];
|
|
1234
|
+
onUiInput?: (evento: CustomEvent) => void;
|
|
1235
|
+
onUiChange?: (evento: CustomEvent) => void;
|
|
1236
|
+
onUiEnviar?: (evento: CustomEvent) => void;
|
|
1237
|
+
};
|
|
1238
|
+
|
|
1167
1239
|
/**
|
|
1168
1240
|
* `<ui-texto>`
|
|
1241
|
+
* Parts (::part): base
|
|
1169
1242
|
*/
|
|
1170
1243
|
type PropsVueUiTexto = {
|
|
1171
1244
|
variante?: ValorDeAtributo;
|
|
@@ -1174,6 +1247,7 @@ type PropsVueUiTexto = {
|
|
|
1174
1247
|
peso?: ValorDeAtributo;
|
|
1175
1248
|
alinhamento?: ValorDeAtributo;
|
|
1176
1249
|
truncar?: ValorDeAtributo;
|
|
1250
|
+
linhas?: ValorDeAtributo;
|
|
1177
1251
|
};
|
|
1178
1252
|
|
|
1179
1253
|
/**
|
|
@@ -1236,6 +1310,7 @@ type PropsVueUiTooltip = {
|
|
|
1236
1310
|
declare module 'vue' {
|
|
1237
1311
|
interface GlobalComponents {
|
|
1238
1312
|
'ui-alerta': DefineComponent<PropsVueUiAlerta>;
|
|
1313
|
+
'ui-area-texto': DefineComponent<PropsVueUiAreaTexto>;
|
|
1239
1314
|
'ui-avatar': DefineComponent<PropsVueUiAvatar>;
|
|
1240
1315
|
'ui-badge': DefineComponent<PropsVueUiBadge>;
|
|
1241
1316
|
'ui-botao': DefineComponent<PropsVueUiBotao>;
|
|
@@ -1281,6 +1356,7 @@ declare module 'vue' {
|
|
|
1281
1356
|
'ui-tabela': DefineComponent<PropsVueUiTabela>;
|
|
1282
1357
|
'ui-tabela-propriedades': DefineComponent<PropsVueUiTabelaPropriedades>;
|
|
1283
1358
|
'ui-tag': DefineComponent<PropsVueUiTag>;
|
|
1359
|
+
'ui-textarea': DefineComponent<PropsVueUiTextarea>;
|
|
1284
1360
|
'ui-texto': DefineComponent<PropsVueUiTexto>;
|
|
1285
1361
|
'ui-toast': DefineComponent<PropsVueUiToast>;
|
|
1286
1362
|
'ui-toggle': DefineComponent<PropsVueUiToggle>;
|
|
@@ -2,7 +2,7 @@ var m = Object.defineProperty;
|
|
|
2
2
|
var v = (i, o, e) => o in i ? m(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
|
|
3
3
|
var t = (i, o, e) => v(i, typeof o != "symbol" ? o + "" : o, e);
|
|
4
4
|
import { d as s, S as g } from "./ssr-safe-5cWfJP-s.js";
|
|
5
|
-
import { e as d } from "./opcoes-
|
|
5
|
+
import { e as d } from "./opcoes-CupvWVIm.js";
|
|
6
6
|
import { g as p } from "./acessibilidade-CUlSXc2X.js";
|
|
7
7
|
import { L as h } from "./listener-bag-DQgv7OON.js";
|
|
8
8
|
const x = ':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-stat{padding:18px 20px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));background-color:var(--ui-cor-fundo-card, #18181c);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ui-stat--baixa{box-shadow:var(--ui-sombra-sm, 0 2px 6px rgba(0, 0, 0, .3))}.ui-stat--media{box-shadow:var(--ui-sombra-md, 0 4px 14px rgba(0, 0, 0, .4))}.ui-stat--alta{box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .5))}.ui-stat__cabecalho{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.ui-stat__rotulo{font-size:13px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);letter-spacing:.01em}.ui-stat__icone-slot{display:flex;align-items:center;color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__icone-slot svg,.ui-stat__icone-slot ::slotted(svg),.ui-stat__icone-slot ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-stat__conteudo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ui-stat__valor{font-size:28px;font-weight:700;color:var(--ui-cor-texto, #ffffff);line-height:1.15;letter-spacing:-.025em}.ui-stat__indicador{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:1}.ui-stat__indicador--positivo,.ui-stat__indicador--alta{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 14%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-stat__indicador--negativo,.ui-stat__indicador--baixa{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 14%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-stat__indicador--neutro{background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__seta{font-size:.85em;line-height:1}.ui-stat__rodape{display:flex;flex-direction:column;gap:6px}.ui-stat__descricao{font-size:12px;color:var(--ui-cor-texto-secundario, #888899);line-height:1.3}', f = ["baixa", "media", "alta"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var h=Object.defineProperty;var x=(i,o,e)=>o in i?h(i,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[o]=e;var t=(i,o,e)=>x(i,typeof o!="symbol"?o+"":o,e);const s=require("./ssr-safe-CiHD1adl.cjs"),b=require("./opcoes-
|
|
1
|
+
"use strict";var h=Object.defineProperty;var x=(i,o,e)=>o in i?h(i,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[o]=e;var t=(i,o,e)=>x(i,typeof o!="symbol"?o+"":o,e);const s=require("./ssr-safe-CiHD1adl.cjs"),b=require("./opcoes-vdAUY5OI.cjs"),f=require("./acessibilidade-CSzX-DkG.cjs"),_=require("./listener-bag-D5omxZ9h.cjs"),E=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-stat{padding:18px 20px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));background-color:var(--ui-cor-fundo-card, #18181c);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ui-stat--baixa{box-shadow:var(--ui-sombra-sm, 0 2px 6px rgba(0, 0, 0, .3))}.ui-stat--media{box-shadow:var(--ui-sombra-md, 0 4px 14px rgba(0, 0, 0, .4))}.ui-stat--alta{box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .5))}.ui-stat__cabecalho{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.ui-stat__rotulo{font-size:13px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);letter-spacing:.01em}.ui-stat__icone-slot{display:flex;align-items:center;color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__icone-slot svg,.ui-stat__icone-slot ::slotted(svg),.ui-stat__icone-slot ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-stat__conteudo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ui-stat__valor{font-size:28px;font-weight:700;color:var(--ui-cor-texto, #ffffff);line-height:1.15;letter-spacing:-.025em}.ui-stat__indicador{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:1}.ui-stat__indicador--positivo,.ui-stat__indicador--alta{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 14%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-stat__indicador--negativo,.ui-stat__indicador--baixa{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 14%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-stat__indicador--neutro{background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__seta{font-size:.85em;line-height:1}.ui-stat__rodape{display:flex;flex-direction:column;gap:6px}.ui-stat__descricao{font-size:12px;color:var(--ui-cor-texto-secundario, #888899);line-height:1.3}',y=["baixa","media","alta"];class d extends s.SafeHTMLElement{constructor(){super();t(this,"statElement");t(this,"rotuloElement");t(this,"valorElement");t(this,"indicadorElement");t(this,"setaElement");t(this,"variacaoElement");t(this,"descricaoElement");const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
2
2
|
<style>${E}</style>
|
|
3
3
|
<div class="ui-stat" role="group">
|
|
4
4
|
<div class="ui-stat__cabecalho">
|