@thibezer/ui-components-kit 2.0.0 → 2.1.0
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 +54 -0
- package/README.md +760 -739
- package/dist/camadas.cjs +72 -72
- package/dist/camadas.js +700 -667
- package/dist/canvas.cjs +99 -140
- package/dist/canvas.js +5125 -1192
- package/dist/components/ui-camadas/camadas-persistencia.d.ts +4 -0
- package/dist/components/ui-camadas/ui-camadas.d.ts +10 -0
- package/dist/components/ui-canvas-cad/cad-estilos-externos.d.ts +16 -0
- package/dist/components/ui-canvas-cad/cad-eventos-canvas.d.ts +4 -0
- package/dist/components/ui-canvas-cad/cad-feicoes.d.ts +262 -0
- package/dist/components/ui-canvas-cad/cad-ferramentas-barra.d.ts +15 -0
- package/dist/components/ui-canvas-cad/cad-snap.d.ts +32 -0
- package/dist/components/ui-canvas-cad/cad-toolbar-painel.d.ts +1 -0
- package/dist/components/ui-canvas-cad/ui-canvas-cad.d.ts +143 -0
- package/dist/components/ui-lista-flutuante/lista-flutuante-posicionamento.d.ts +2 -0
- package/dist/components/ui-lista-flutuante/ui-lista-flutuante.d.ts +1 -0
- package/dist/components/ui-seletor-mapa-base/ui-seletor-mapa-base.d.ts +3 -0
- package/dist/components/ui-tabela/tabela-atributos-sync.d.ts +3 -0
- package/dist/components/ui-tabela/tabela-localizador.d.ts +8 -1
- package/dist/components/ui-tabela/tabela-orquestrador-dados.d.ts +4 -0
- package/dist/components/ui-tabela/tabela-selecao.d.ts +19 -9
- package/dist/components/ui-tabela/tipos.d.ts +6 -0
- package/dist/components/ui-tabela/ui-tabela.d.ts +41 -2
- package/dist/components/ui-tabela-propriedades/avaliador-expressao.d.ts +0 -5
- package/dist/components/ui-tabela-propriedades/propriedades-dom-utils.d.ts +17 -1
- package/dist/components/ui-tabela-propriedades/propriedades-flutuante.d.ts +2 -0
- package/dist/components/ui-tabela-propriedades/propriedades-gerenciador-valores.d.ts +10 -1
- package/dist/components/ui-tabela-propriedades/propriedades-render-arvore.d.ts +3 -1
- package/dist/components/ui-tabela-propriedades/ui-tabela-propriedades.d.ts +5 -1
- package/dist/core/alvo-digitavel.d.ts +1 -0
- package/dist/core/index.d.ts +1 -0
- package/dist/core/svg-seguro.d.ts +10 -0
- package/dist/core.cjs +1 -1
- package/dist/core.js +12 -10
- package/dist/custom-elements.json +14782 -10666
- package/dist/data.cjs +1 -1
- package/dist/data.js +51 -46
- package/dist/forms.cjs +1 -1
- package/dist/forms.js +1 -1
- package/dist/gerencigeo-canvas/canvas_interacao.d.ts +18 -0
- package/dist/gerencigeo-canvas/feature_adapters.d.ts +35 -0
- package/dist/gerencigeo-canvas/feature_algoritmos.d.ts +45 -0
- package/dist/gerencigeo-canvas/feature_amostra.d.ts +4 -0
- package/dist/gerencigeo-canvas/feature_caixa.d.ts +19 -0
- package/dist/gerencigeo-canvas/feature_cluster.d.ts +61 -0
- package/dist/gerencigeo-canvas/feature_cursores.d.ts +17 -0
- package/dist/gerencigeo-canvas/feature_desenho.d.ts +53 -0
- package/dist/gerencigeo-canvas/feature_desenho_controle.d.ts +91 -0
- package/dist/gerencigeo-canvas/feature_edicao_ops.d.ts +19 -0
- package/dist/gerencigeo-canvas/feature_editor_vertices.d.ts +62 -0
- package/dist/gerencigeo-canvas/feature_formas.d.ts +7 -0
- package/dist/gerencigeo-canvas/feature_hud.d.ts +23 -0
- package/dist/gerencigeo-canvas/feature_indice.d.ts +36 -0
- package/dist/gerencigeo-canvas/feature_metricas.d.ts +16 -0
- package/dist/gerencigeo-canvas/feature_popup.d.ts +31 -0
- package/dist/gerencigeo-canvas/feature_selecao.d.ts +38 -0
- package/dist/gerencigeo-canvas/feature_simplificacao.d.ts +14 -0
- package/dist/gerencigeo-canvas/feature_snap.d.ts +25 -0
- package/dist/gerencigeo-canvas/feature_types.d.ts +86 -0
- package/dist/gerencigeo-canvas/feature_versoes.d.ts +19 -0
- package/dist/gerencigeo-canvas/index.d.ts +21 -0
- package/dist/gerencigeo-canvas/layer_hit_test.d.ts +30 -0
- package/dist/gerencigeo-canvas/layer_manager.d.ts +11 -3
- package/dist/gerencigeo-canvas/layer_pane_ops.d.ts +9 -0
- package/dist/gerencigeo-canvas/mapa_controller.d.ts +1 -0
- package/dist/gerencigeo-canvas/mapa_pontos_shapes.d.ts +24 -5
- package/dist/gerencigeo-canvas/renderers/feicoes_renderer.d.ts +89 -0
- package/dist/gerencigeo-canvas/renderers/vector_points_renderer.d.ts +1 -0
- package/dist/gerencigeo-canvas/renderers/vector_polygons_renderer.d.ts +2 -2
- package/dist/gerencigeo-canvas/types.d.ts +12 -0
- package/dist/gerencigeo-canvas/utils.d.ts +3 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +111 -106
- package/dist/leaflet-DcO7uRC-.cjs +1 -0
- package/dist/{leaflet-DkaFZYc5.js → leaflet-PPDKB6Dd.js} +37 -37
- package/dist/mapa.cjs +1 -1
- package/dist/mapa.js +1 -1
- package/dist/register.cjs +1 -1
- package/dist/register.js +3 -3
- package/dist/seletor-mapa-base.cjs +13 -13
- package/dist/seletor-mapa-base.js +101 -51
- package/dist/svg-seguro-BsbNQqpd.js +50 -0
- package/dist/svg-seguro-C76iLlAZ.cjs +1 -0
- package/dist/tabela.cjs +1 -1
- package/dist/tabela.js +41 -36
- package/dist/tipos-elementos.d.ts +17 -4
- package/dist/tipos-vue.d.ts +15 -4
- package/dist/tools.cjs +1 -1
- package/dist/tools.js +1 -1
- package/dist/{ui-paleta-ferramentas-BIytXQLh.js → ui-paleta-ferramentas-CEZYcN4J.js} +18 -27
- package/dist/{ui-paleta-ferramentas-DqLY51qa.cjs → ui-paleta-ferramentas-Dbj1kBS9.cjs} +6 -6
- package/dist/{ui-switch-DWLgVVnT.js → ui-switch-BcOqOkiV.js} +124 -96
- package/dist/ui-switch-D7iPKDj-.cjs +53 -0
- package/dist/ui-tabela-propriedades-BBr5sqki.cjs +145 -0
- package/dist/{ui-tabela-propriedades-BNcE6VLX.js → ui-tabela-propriedades-Boy7I5yW.js} +1304 -1072
- package/package.json +169 -169
- package/dist/leaflet-Cw6tqYFh.cjs +0 -1
- package/dist/ui-switch-yZIn3IW0.cjs +0 -53
- package/dist/ui-tabela-propriedades-D3pyQvyy.cjs +0 -145
|
@@ -254,7 +254,7 @@ export interface PropsUiCampoTexto {
|
|
|
254
254
|
|
|
255
255
|
/**
|
|
256
256
|
* `<ui-canvas-cad>`
|
|
257
|
-
* Eventos: ui-acao-popup, ui-camadas-alteradas, ui-canvas-clique, ui-clique-sequencial, ui-config-aplicada, ui-elemento-selecionado, ui-ponto-selecionado
|
|
257
|
+
* Eventos: ui-acao-popup, ui-camadas-alteradas, ui-canvas-clique, ui-clique-sequencial, ui-config-aplicada, ui-elemento-selecionado, ui-ponto-selecionado, ui-segmento-selecionado
|
|
258
258
|
*/
|
|
259
259
|
export interface PropsUiCanvasCad {
|
|
260
260
|
'sat-opacity'?: ValorDeAtributo;
|
|
@@ -265,17 +265,25 @@ export interface PropsUiCanvasCad {
|
|
|
265
265
|
'zona-projecao'?: UICanvasCAD['zonaProjecao'];
|
|
266
266
|
fuso?: ValorDeAtributo;
|
|
267
267
|
'canal-configuracao'?: UICanvasCAD['canalConfiguracao'];
|
|
268
|
+
ferramentas?: ValorDeAtributo;
|
|
269
|
+
'sem-atalho-snap'?: ValorDeAtributo;
|
|
270
|
+
'aceitar-origem'?: UICanvasCAD['aceitarOrigem'];
|
|
271
|
+
'sem-camadas-padrao'?: ValorDeAtributo;
|
|
272
|
+
'sem-painel-camadas'?: ValorDeAtributo;
|
|
273
|
+
'sem-barra-rapida'?: ValorDeAtributo;
|
|
268
274
|
pontos?: UICanvasCAD['pontos'];
|
|
269
275
|
segmentos?: UICanvasCAD['segmentos'];
|
|
270
276
|
bancoPontos?: UICanvasCAD['bancoPontos'];
|
|
271
277
|
pontosHomologados?: UICanvasCAD['pontosHomologados'];
|
|
272
278
|
confrontantes?: UICanvasCAD['confrontantes'];
|
|
273
279
|
vizinhos?: UICanvasCAD['vizinhos'];
|
|
280
|
+
aceitarOrigem?: UICanvasCAD['aceitarOrigem'];
|
|
274
281
|
modoSequencial?: UICanvasCAD['modoSequencial'];
|
|
275
282
|
chaveGrupo?: UICanvasCAD['chaveGrupo'];
|
|
276
283
|
zonaProjecao?: UICanvasCAD['zonaProjecao'];
|
|
277
284
|
canalConfiguracao?: UICanvasCAD['canalConfiguracao'];
|
|
278
285
|
pontosSelecionados?: UICanvasCAD['pontosSelecionados'];
|
|
286
|
+
segmentoSelecionado?: UICanvasCAD['segmentoSelecionado'];
|
|
279
287
|
'onui-acao-popup'?: (evento: CustomEvent) => void;
|
|
280
288
|
'onui-camadas-alteradas'?: (evento: CustomEvent) => void;
|
|
281
289
|
'onui-canvas-clique'?: (evento: CustomEvent) => void;
|
|
@@ -283,6 +291,7 @@ export interface PropsUiCanvasCad {
|
|
|
283
291
|
'onui-config-aplicada'?: (evento: CustomEvent) => void;
|
|
284
292
|
'onui-elemento-selecionado'?: (evento: CustomEvent) => void;
|
|
285
293
|
'onui-ponto-selecionado'?: (evento: CustomEvent) => void;
|
|
294
|
+
'onui-segmento-selecionado'?: (evento: CustomEvent) => void;
|
|
286
295
|
}
|
|
287
296
|
|
|
288
297
|
/**
|
|
@@ -616,7 +625,7 @@ export interface PropsUiMapaBase {
|
|
|
616
625
|
posicao?: UIMapaBase['posicao'];
|
|
617
626
|
aberto?: UIMapaBase['aberto'];
|
|
618
627
|
compacto?: UIMapaBase['compacto'];
|
|
619
|
-
desabilitado?:
|
|
628
|
+
desabilitado?: UIMapaBase['desabilitado'];
|
|
620
629
|
mapaBaseAtivo?: UIMapaBase['mapaBaseAtivo'];
|
|
621
630
|
'onui-mapa-base-alterado'?: (evento: CustomEvent) => void;
|
|
622
631
|
}
|
|
@@ -919,7 +928,7 @@ export interface PropsUiSeletorMapaBase {
|
|
|
919
928
|
posicao?: UISeletorMapaBase['posicao'];
|
|
920
929
|
aberto?: UISeletorMapaBase['aberto'];
|
|
921
930
|
compacto?: UISeletorMapaBase['compacto'];
|
|
922
|
-
desabilitado?:
|
|
931
|
+
desabilitado?: UISeletorMapaBase['desabilitado'];
|
|
923
932
|
mapaBaseAtivo?: UISeletorMapaBase['mapaBaseAtivo'];
|
|
924
933
|
'onui-mapa-base-alterado'?: (evento: CustomEvent) => void;
|
|
925
934
|
}
|
|
@@ -1008,7 +1017,7 @@ export interface PropsUiSwitch {
|
|
|
1008
1017
|
|
|
1009
1018
|
/**
|
|
1010
1019
|
* `<ui-tabela>`
|
|
1011
|
-
* Eventos: ui-sort, ui-column-resize, ui-fetch-erro, ui-fetch-start, ui-fetch-sucesso, ui-linha-clique, ui-linha-selecionada
|
|
1020
|
+
* Eventos: ui-sort, ui-column-resize, ui-fetch-erro, ui-fetch-start, ui-fetch-sucesso, ui-linha-clique, ui-linha-selecionada, ui-selecao-removida
|
|
1012
1021
|
* Parts (::part): base, carregando, celula, celula-cabecalho, linha, linha-selecionada, ordenar, tabela, vazio
|
|
1013
1022
|
*/
|
|
1014
1023
|
export interface PropsUiTabela {
|
|
@@ -1017,6 +1026,8 @@ export interface PropsUiTabela {
|
|
|
1017
1026
|
'max-height'?: ValorDeAtributo;
|
|
1018
1027
|
densidade?: UITabela['densidade'];
|
|
1019
1028
|
density?: ValorDeAtributo;
|
|
1029
|
+
'altura-linha'?: UITabela['alturaLinha'];
|
|
1030
|
+
'row-height'?: ValorDeAtributo;
|
|
1020
1031
|
virtualizar?: UITabela['virtualizar'];
|
|
1021
1032
|
virtualize?: ValorDeAtributo;
|
|
1022
1033
|
src?: UITabela['src'];
|
|
@@ -1034,6 +1045,7 @@ export interface PropsUiTabela {
|
|
|
1034
1045
|
colunaOrdenada?: UITabela['colunaOrdenada'];
|
|
1035
1046
|
direcaoOrdenacao?: UITabela['direcaoOrdenacao'];
|
|
1036
1047
|
textoVazio?: UITabela['textoVazio'];
|
|
1048
|
+
alturaLinha?: UITabela['alturaLinha'];
|
|
1037
1049
|
'onui-sort'?: (evento: CustomEvent) => void;
|
|
1038
1050
|
'onui-column-resize'?: (evento: CustomEvent) => void;
|
|
1039
1051
|
'onui-fetch-erro'?: (evento: CustomEvent) => void;
|
|
@@ -1041,6 +1053,7 @@ export interface PropsUiTabela {
|
|
|
1041
1053
|
'onui-fetch-sucesso'?: (evento: CustomEvent) => void;
|
|
1042
1054
|
'onui-linha-clique'?: (evento: CustomEvent) => void;
|
|
1043
1055
|
'onui-linha-selecionada'?: (evento: CustomEvent) => void;
|
|
1056
|
+
'onui-selecao-removida'?: (evento: CustomEvent) => void;
|
|
1044
1057
|
}
|
|
1045
1058
|
|
|
1046
1059
|
/**
|
package/dist/tipos-vue.d.ts
CHANGED
|
@@ -245,7 +245,7 @@ type PropsVueUiCampoTexto = {
|
|
|
245
245
|
|
|
246
246
|
/**
|
|
247
247
|
* `<ui-canvas-cad>`
|
|
248
|
-
* Eventos: ui-acao-popup, ui-camadas-alteradas, ui-canvas-clique, ui-clique-sequencial, ui-config-aplicada, ui-elemento-selecionado, ui-ponto-selecionado
|
|
248
|
+
* Eventos: ui-acao-popup, ui-camadas-alteradas, ui-canvas-clique, ui-clique-sequencial, ui-config-aplicada, ui-elemento-selecionado, ui-ponto-selecionado, ui-segmento-selecionado
|
|
249
249
|
*/
|
|
250
250
|
type PropsVueUiCanvasCad = {
|
|
251
251
|
satOpacity?: ValorDeAtributo;
|
|
@@ -256,6 +256,12 @@ type PropsVueUiCanvasCad = {
|
|
|
256
256
|
zonaProjecao?: UICanvasCAD['zonaProjecao'];
|
|
257
257
|
fuso?: ValorDeAtributo;
|
|
258
258
|
canalConfiguracao?: UICanvasCAD['canalConfiguracao'];
|
|
259
|
+
ferramentas?: ValorDeAtributo;
|
|
260
|
+
semAtalhoSnap?: ValorDeAtributo;
|
|
261
|
+
aceitarOrigem?: UICanvasCAD['aceitarOrigem'];
|
|
262
|
+
semCamadasPadrao?: ValorDeAtributo;
|
|
263
|
+
semPainelCamadas?: ValorDeAtributo;
|
|
264
|
+
semBarraRapida?: ValorDeAtributo;
|
|
259
265
|
pontos?: UICanvasCAD['pontos'];
|
|
260
266
|
segmentos?: UICanvasCAD['segmentos'];
|
|
261
267
|
bancoPontos?: UICanvasCAD['bancoPontos'];
|
|
@@ -263,6 +269,7 @@ type PropsVueUiCanvasCad = {
|
|
|
263
269
|
confrontantes?: UICanvasCAD['confrontantes'];
|
|
264
270
|
vizinhos?: UICanvasCAD['vizinhos'];
|
|
265
271
|
pontosSelecionados?: UICanvasCAD['pontosSelecionados'];
|
|
272
|
+
segmentoSelecionado?: UICanvasCAD['segmentoSelecionado'];
|
|
266
273
|
onUiAcaoPopup?: (evento: CustomEvent) => void;
|
|
267
274
|
onUiCamadasAlteradas?: (evento: CustomEvent) => void;
|
|
268
275
|
onUiCanvasClique?: (evento: CustomEvent) => void;
|
|
@@ -270,6 +277,7 @@ type PropsVueUiCanvasCad = {
|
|
|
270
277
|
onUiConfigAplicada?: (evento: CustomEvent) => void;
|
|
271
278
|
onUiElementoSelecionado?: (evento: CustomEvent) => void;
|
|
272
279
|
onUiPontoSelecionado?: (evento: CustomEvent) => void;
|
|
280
|
+
onUiSegmentoSelecionado?: (evento: CustomEvent) => void;
|
|
273
281
|
};
|
|
274
282
|
|
|
275
283
|
/**
|
|
@@ -595,7 +603,7 @@ type PropsVueUiMapaBase = {
|
|
|
595
603
|
posicao?: UIMapaBase['posicao'];
|
|
596
604
|
aberto?: UIMapaBase['aberto'];
|
|
597
605
|
compacto?: UIMapaBase['compacto'];
|
|
598
|
-
desabilitado?:
|
|
606
|
+
desabilitado?: UIMapaBase['desabilitado'];
|
|
599
607
|
onUiMapaBaseAlterado?: (evento: CustomEvent) => void;
|
|
600
608
|
};
|
|
601
609
|
|
|
@@ -890,7 +898,7 @@ type PropsVueUiSeletorMapaBase = {
|
|
|
890
898
|
posicao?: UISeletorMapaBase['posicao'];
|
|
891
899
|
aberto?: UISeletorMapaBase['aberto'];
|
|
892
900
|
compacto?: UISeletorMapaBase['compacto'];
|
|
893
|
-
desabilitado?:
|
|
901
|
+
desabilitado?: UISeletorMapaBase['desabilitado'];
|
|
894
902
|
onUiMapaBaseAlterado?: (evento: CustomEvent) => void;
|
|
895
903
|
};
|
|
896
904
|
|
|
@@ -978,7 +986,7 @@ type PropsVueUiSwitch = {
|
|
|
978
986
|
|
|
979
987
|
/**
|
|
980
988
|
* `<ui-tabela>`
|
|
981
|
-
* Eventos: ui-sort, ui-column-resize, ui-fetch-erro, ui-fetch-start, ui-fetch-sucesso, ui-linha-clique, ui-linha-selecionada
|
|
989
|
+
* Eventos: ui-sort, ui-column-resize, ui-fetch-erro, ui-fetch-start, ui-fetch-sucesso, ui-linha-clique, ui-linha-selecionada, ui-selecao-removida
|
|
982
990
|
* Parts (::part): base, carregando, celula, celula-cabecalho, linha, linha-selecionada, ordenar, tabela, vazio
|
|
983
991
|
*/
|
|
984
992
|
type PropsVueUiTabela = {
|
|
@@ -987,6 +995,8 @@ type PropsVueUiTabela = {
|
|
|
987
995
|
maxHeight?: ValorDeAtributo;
|
|
988
996
|
densidade?: UITabela['densidade'];
|
|
989
997
|
density?: ValorDeAtributo;
|
|
998
|
+
alturaLinha?: UITabela['alturaLinha'];
|
|
999
|
+
rowHeight?: ValorDeAtributo;
|
|
990
1000
|
virtualizar?: UITabela['virtualizar'];
|
|
991
1001
|
virtualize?: ValorDeAtributo;
|
|
992
1002
|
src?: UITabela['src'];
|
|
@@ -1009,6 +1019,7 @@ type PropsVueUiTabela = {
|
|
|
1009
1019
|
onUiFetchSucesso?: (evento: CustomEvent) => void;
|
|
1010
1020
|
onUiLinhaClique?: (evento: CustomEvent) => void;
|
|
1011
1021
|
onUiLinhaSelecionada?: (evento: CustomEvent) => void;
|
|
1022
|
+
onUiSelecaoRemovida?: (evento: CustomEvent) => void;
|
|
1012
1023
|
};
|
|
1013
1024
|
|
|
1014
1025
|
/**
|
package/dist/tools.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const e=require("./ui-paleta-ferramentas-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const e=require("./ui-paleta-ferramentas-Dbj1kBS9.cjs"),a=t=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${t}</svg>`,r={selecionar:a('<path d="M4 3l7 17 2.5-7.5L21 10z"/>'),mover:a('<path d="M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20"/>'),mao:a('<path d="M18 11V6a2 2 0 0 0-4 0M14 10V4a2 2 0 0 0-4 0v2M10 10.5V6a2 2 0 0 0-4 0v8M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.9-5.9-2.4L3.4 16a2 2 0 0 1 3.2-2.4L8 15"/>'),zoom:a('<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><path d="M11 8v6M8 11h6"/>'),linha:a('<line x1="5" y1="19" x2="19" y2="5"/><circle cx="5" cy="19" r="1.5"/><circle cx="19" cy="5" r="1.5"/>'),polilinha:a('<polyline points="3 17 9 11 13 15 21 7"/>'),retangulo:a('<rect x="3" y="5" width="18" height="14" rx="1"/>'),circulo:a('<circle cx="12" cy="12" r="9"/>'),arco:a('<path d="M4 18a9 9 0 0 1 16 0"/>'),ponto:a('<circle cx="12" cy="12" r="3"/>'),texto:a('<path d="M4 7V4h16v3M9 20h6M12 4v16"/>'),caneta:a('<path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.6 7.6"/>'),medir:a('<rect x="2" y="8" width="20" height="8" rx="1"/><path d="M6 8v3M10 8v4M14 8v3M18 8v4"/>'),camadas:a('<polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/>'),grade:a('<path d="M3 3h18v18H3zM3 9h18M3 15h18M9 3v18M15 3v18"/>'),desfazer:a('<path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-15-6.7L3 13"/>'),refazer:a('<path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 15-6.7L21 13"/>'),colar:a('<rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>'),copiar:a('<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>'),negrito:a('<path d="M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z"/>'),italico:a('<line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/>')};exports.UIPaletaFerramentas=e.UIPaletaFerramentas;exports.UIRibbon=e.UIRibbon;exports.ICONES_FERRAMENTAS=r;
|
package/dist/tools.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
import { a as o, b as l } from "./ui-paleta-ferramentas-
|
|
2
|
+
import { a as o, b as l } from "./ui-paleta-ferramentas-CEZYcN4J.js";
|
|
3
3
|
const a = (t) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${t}</svg>`, h = {
|
|
4
4
|
selecionar: a('<path d="M4 3l7 17 2.5-7.5L21 10z"/>'),
|
|
5
5
|
mover: a('<path d="M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20"/>'),
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
var j = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var c = (o, l, e) =>
|
|
4
|
-
import { L as
|
|
5
|
-
import { d as
|
|
6
|
-
|
|
2
|
+
var B = (o, l, e) => l in o ? j(o, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[l] = e;
|
|
3
|
+
var c = (o, l, e) => B(o, typeof l != "symbol" ? l + "" : l, e);
|
|
4
|
+
import { L as k } from "./listener-bag-DQgv7OON.js";
|
|
5
|
+
import { d as E, S as C } from "./ssr-safe-5cWfJP-s.js";
|
|
6
|
+
import { h as H } from "./svg-seguro-BsbNQqpd.js";
|
|
7
|
+
const q = ':host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;color:inherit;flex-shrink:0;width:var(--ui-tamanho-icone, 20px);height:var(--ui-tamanho-icone, 20px);box-sizing:border-box}.ui-icone{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;font-size:var(--ui-tamanho-icone, 20px)}::slotted(svg),.ui-icone svg{width:100%!important;height:100%!important;display:block;shape-rendering:geometricPrecision}:host([cor="primaria"]),:host([color="primaria"]){color:var(--ui-cor-primaria, #00E08A)}:host([cor="secundaria"]),:host([color="secundaria"]){color:var(--ui-cor-texto-secundario, #888899)}:host([cor="erro"]),:host([color="erro"]){color:var(--ui-cor-texto-erro, #ff5555)}:host([cor="sucesso"]),:host([color="sucesso"]){color:var(--ui-cor-texto-sucesso, #00E08A)}:host([cor="alerta"]),:host([color="alerta"]){color:var(--ui-cor-texto-alerta, #ffb86c)}', S = {
|
|
7
8
|
search: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
|
|
8
9
|
check: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',
|
|
9
10
|
eye: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>',
|
|
@@ -15,7 +16,7 @@ const H = ':host{display:inline-flex;align-items:center;justify-content:center;v
|
|
|
15
16
|
alert: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>',
|
|
16
17
|
close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'
|
|
17
18
|
};
|
|
18
|
-
class
|
|
19
|
+
class $ extends C {
|
|
19
20
|
constructor() {
|
|
20
21
|
super();
|
|
21
22
|
c(this, "iconContainer");
|
|
@@ -26,7 +27,7 @@ class B extends C {
|
|
|
26
27
|
});
|
|
27
28
|
const e = this.attachShadow({ mode: "open" });
|
|
28
29
|
e.innerHTML = `
|
|
29
|
-
<style>${
|
|
30
|
+
<style>${q}</style>
|
|
30
31
|
<span class="ui-icone" aria-hidden="true">
|
|
31
32
|
<span class="ui-icone__svg" style="display: none;"></span>
|
|
32
33
|
<slot></slot>
|
|
@@ -69,23 +70,13 @@ class B extends C {
|
|
|
69
70
|
r && S[r] && !n ? (this.svgContainer.innerHTML = S[r], this.svgContainer.style.display = "inline-flex") : (this.svgContainer.innerHTML = "", this.svgContainer.style.display = "none");
|
|
70
71
|
}
|
|
71
72
|
}
|
|
72
|
-
|
|
73
|
-
const
|
|
74
|
-
function F(o) {
|
|
75
|
-
const l = document.createElement("template");
|
|
76
|
-
l.innerHTML = o.trim();
|
|
77
|
-
const e = l.content.querySelector("svg");
|
|
78
|
-
return e ? (e.querySelectorAll("script, foreignObject").forEach((t) => t.remove()), [e, ...Array.from(e.querySelectorAll("*"))].forEach((t) => {
|
|
79
|
-
Array.from(t.attributes).forEach((i) => {
|
|
80
|
-
(/^on/i.test(i.name) || /^\s*javascript:/i.test(i.value)) && t.removeAttribute(i.name);
|
|
81
|
-
});
|
|
82
|
-
}), e) : null;
|
|
83
|
-
}
|
|
73
|
+
E("ui-icone", $);
|
|
74
|
+
const F = ':host{display:block;position:relative;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon{display:flex;flex-direction:column;background:var(--ui-cor-superficie, #141417);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));-webkit-user-select:none;user-select:none}.ui-ribbon__abas{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon__aba:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--ativa{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e)}.ui-ribbon__aba--ativa:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--contextual{color:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto}.ui-ribbon__grupos{display:flex;align-items:stretch;min-height:84px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-right:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{padding-top:2px;color:var(--ui-cor-texto-secundario, #888899);font-size:11px;text-align:center;white-space:nowrap}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:1px}.ui-ribbon__separador{width:1px;margin:4px 3px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn--grande{flex-direction:column;min-width:52px;padding:4px 6px;gap:3px}.ui-ferr-btn--pequeno{height:22px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;left:0;right:0;z-index:var(--ui-z-docked-bar, 600);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35))}:host([recolhido]) .ui-ribbon--aberto .ui-ribbon__painel{display:block}:host([recolhido]) .ui-ribbon__aba--ativa:after{display:none}:host([compacto]) .ui-ribbon__grupos{min-height:64px}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}', P = '.ui-ferr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);background:transparent;color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:12px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-ferr-btn:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-btn:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 14%,transparent)}.ui-ferr-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-ferr-btn:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-btn--ativo{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 55%,transparent)}.ui-ferr-btn__icone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-ferr-btn__rotulo{white-space:nowrap}.ui-ferr-btn__caret{width:0;height:0;flex-shrink:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.7}.ui-ferr-menu{position:fixed;z-index:var(--ui-z-popover, 1050);display:flex;flex-direction:column;gap:1px;min-width:180px;padding:4px;box-sizing:border-box;background:var(--ui-cor-fundo-menu, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 6px);box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35));font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ferr-menu__item{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled),.ui-ferr-menu__item:focus-visible{outline:none;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-menu__item--ativo{color:var(--ui-cor-primaria, #00E08A)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{color:var(--ui-cor-texto-secundario, #888899);font-size:11px}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}';
|
|
84
75
|
function L(o, l) {
|
|
85
76
|
if (!o) return null;
|
|
86
77
|
const e = document.createElement("ui-icone");
|
|
87
78
|
if (e.setAttribute("tamanho", String(l)), o.trimStart().startsWith("<")) {
|
|
88
|
-
const t =
|
|
79
|
+
const t = H(o);
|
|
89
80
|
if (!t) return null;
|
|
90
81
|
e.appendChild(t);
|
|
91
82
|
} else
|
|
@@ -152,7 +143,7 @@ function N(o, l, e, t) {
|
|
|
152
143
|
}
|
|
153
144
|
function T(o, l, e, t, i = {}) {
|
|
154
145
|
var M;
|
|
155
|
-
const r = i.lado ?? "baixo", n = new
|
|
146
|
+
const r = i.lado ?? "baixo", n = new k(), a = document.createElement("div");
|
|
156
147
|
a.className = "ui-ferr-menu", a.setAttribute("role", "menu");
|
|
157
148
|
const s = [];
|
|
158
149
|
let h = !1;
|
|
@@ -211,7 +202,7 @@ class V extends C {
|
|
|
211
202
|
c(this, "_abas", []);
|
|
212
203
|
c(this, "_abaAtiva", "");
|
|
213
204
|
c(this, "menu", null);
|
|
214
|
-
c(this, "listeners", new
|
|
205
|
+
c(this, "listeners", new k());
|
|
215
206
|
/* ---------- Interação ---------- */
|
|
216
207
|
c(this, "handleClickAbas", (e) => {
|
|
217
208
|
const t = e.target.closest(".ui-ribbon__aba");
|
|
@@ -255,7 +246,7 @@ class V extends C {
|
|
|
255
246
|
});
|
|
256
247
|
const e = this.attachShadow({ mode: "open" });
|
|
257
248
|
e.innerHTML = `
|
|
258
|
-
<style>${P}${
|
|
249
|
+
<style>${P}${F}</style>
|
|
259
250
|
<div class="ui-ribbon">
|
|
260
251
|
<div class="ui-ribbon__abas" role="tablist"></div>
|
|
261
252
|
<div class="ui-ribbon__painel" role="tabpanel">
|
|
@@ -410,7 +401,7 @@ class V extends C {
|
|
|
410
401
|
);
|
|
411
402
|
}
|
|
412
403
|
}
|
|
413
|
-
|
|
404
|
+
E("ui-ribbon", V);
|
|
414
405
|
const O = ':host{display:inline-block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-paleta{--ui-paleta-btn: 34px;--ui-paleta-padding: 4px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 10px);--ui-paleta-btn-raio: var(--ui-paleta-raio-botao, max(2px, calc(var(--ui-paleta-raio) - var(--ui-paleta-padding))));display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--ui-paleta-padding);box-sizing:border-box;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-paleta-raio);-webkit-user-select:none;user-select:none}.ui-paleta--horizontal{flex-direction:row}.ui-paleta--sm{--ui-paleta-btn: 28px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 8px)}.ui-paleta--lg{--ui-paleta-btn: 42px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 12px)}.ui-paleta--cols-2{display:grid;grid-template-columns:repeat(2,var(--ui-paleta-btn));justify-content:center}.ui-paleta--cols-2 .ui-paleta__sep{grid-column:1 / -1}.ui-paleta .ui-ferr-btn{width:var(--ui-paleta-btn);height:var(--ui-paleta-btn);border-radius:var(--ui-paleta-btn-raio)}.ui-paleta .ui-ferr-btn--ativo{background:var(--ui-cor-primaria, #00E08A);border-color:transparent;color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-ferr-btn--grupo:after{content:"";position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:5px solid transparent;border-bottom:5px solid currentColor;opacity:.7;pointer-events:none}.ui-paleta__sep{width:70%;height:1px;margin:3px 0;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-paleta--horizontal .ui-paleta__sep{width:1px;height:70%;margin:0 3px}', K = 380, U = { sm: 16, md: 18, lg: 22 };
|
|
415
406
|
class G extends C {
|
|
416
407
|
constructor() {
|
|
@@ -423,7 +414,7 @@ class G extends C {
|
|
|
423
414
|
c(this, "menu", null);
|
|
424
415
|
c(this, "timerPressao");
|
|
425
416
|
c(this, "suprimirClique", !1);
|
|
426
|
-
c(this, "listeners", new
|
|
417
|
+
c(this, "listeners", new k());
|
|
427
418
|
c(this, "handleClick", (e) => {
|
|
428
419
|
if (this.suprimirClique) {
|
|
429
420
|
this.suprimirClique = !1;
|
|
@@ -625,9 +616,9 @@ class G extends C {
|
|
|
625
616
|
(e = this.menu) == null || e.fechar(), this.menu = null;
|
|
626
617
|
}
|
|
627
618
|
}
|
|
628
|
-
|
|
619
|
+
E("ui-paleta-ferramentas", G);
|
|
629
620
|
export {
|
|
630
|
-
|
|
621
|
+
$ as U,
|
|
631
622
|
G as a,
|
|
632
623
|
V as b
|
|
633
624
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
<style>${
|
|
1
|
+
"use strict";var H=Object.defineProperty;var q=(o,l,e)=>l in o?H(o,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[l]=e;var c=(o,l,e)=>q(o,typeof l!="symbol"?l+"":l,e);const k=require("./listener-bag-D5omxZ9h.cjs"),y=require("./ssr-safe-CiHD1adl.cjs"),F=require("./svg-seguro-C76iLlAZ.cjs"),$=':host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;color:inherit;flex-shrink:0;width:var(--ui-tamanho-icone, 20px);height:var(--ui-tamanho-icone, 20px);box-sizing:border-box}.ui-icone{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;font-size:var(--ui-tamanho-icone, 20px)}::slotted(svg),.ui-icone svg{width:100%!important;height:100%!important;display:block;shape-rendering:geometricPrecision}:host([cor="primaria"]),:host([color="primaria"]){color:var(--ui-cor-primaria, #00E08A)}:host([cor="secundaria"]),:host([color="secundaria"]){color:var(--ui-cor-texto-secundario, #888899)}:host([cor="erro"]),:host([color="erro"]){color:var(--ui-cor-texto-erro, #ff5555)}:host([cor="sucesso"]),:host([color="sucesso"]){color:var(--ui-cor-texto-sucesso, #00E08A)}:host([cor="alerta"]),:host([color="alerta"]){color:var(--ui-cor-texto-alerta, #ffb86c)}',M={search:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',eye:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>',eyeOff:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>',lock:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>',trash:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>',gear:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>',bell:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'};class S extends y.SafeHTMLElement{constructor(){super();c(this,"iconContainer");c(this,"svgContainer");c(this,"slotElement");c(this,"handleSlotChange",()=>{this.syncState()});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
2
|
+
<style>${$}</style>
|
|
3
3
|
<span class="ui-icone" aria-hidden="true">
|
|
4
4
|
<span class="ui-icone__svg" style="display: none;"></span>
|
|
5
5
|
<slot></slot>
|
|
6
6
|
</span>
|
|
7
|
-
`,this.iconContainer=e.querySelector(".ui-icone"),this.svgContainer=e.querySelector(".ui-icone__svg"),this.slotElement=e.querySelector("slot")}static get observedAttributes(){return["tamanho","size","cor","color","nome","name"]}connectedCallback(){this.slotElement.addEventListener("slotchange",this.handleSlotChange),this.syncState()}disconnectedCallback(){this.slotElement.removeEventListener("slotchange",this.handleSlotChange)}attributeChangedCallback(e,t,i){this.syncState()}resolveTamanhoPx(){const e=this.getAttribute("tamanho")||this.getAttribute("size")||"md";switch(e.toLowerCase()){case"sm":return"16px";case"md":return"20px";case"lg":return"24px";case"xl":return"32px";default:return isNaN(Number(e))?e:`${e}px`}}syncState(){const e=this.resolveTamanhoPx();this.style.setProperty("--ui-tamanho-icone",e);const t=this.getAttribute("cor")||this.getAttribute("color");t?(this.style.setProperty("--ui-cor-icone",t),this.iconContainer.style.color=t):(this.style.removeProperty("--ui-cor-icone"),this.iconContainer.style.color=""),this.hasAttribute("aria-label")||this.hasAttribute("label")?this.iconContainer.removeAttribute("aria-hidden"):this.iconContainer.setAttribute("aria-hidden","true");const r=this.getAttribute("nome")||this.getAttribute("name"),n=this.slotElement.assignedNodes().length>0;r&&M[r]&&!n?(this.svgContainer.innerHTML=M[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}y.definirCustomElement("ui-icone",S);const $=':host{display:block;position:relative;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon{display:flex;flex-direction:column;background:var(--ui-cor-superficie, #141417);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));-webkit-user-select:none;user-select:none}.ui-ribbon__abas{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon__aba:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--ativa{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e)}.ui-ribbon__aba--ativa:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--contextual{color:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto}.ui-ribbon__grupos{display:flex;align-items:stretch;min-height:84px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-right:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{padding-top:2px;color:var(--ui-cor-texto-secundario, #888899);font-size:11px;text-align:center;white-space:nowrap}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:1px}.ui-ribbon__separador{width:1px;margin:4px 3px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn--grande{flex-direction:column;min-width:52px;padding:4px 6px;gap:3px}.ui-ferr-btn--pequeno{height:22px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;left:0;right:0;z-index:var(--ui-z-docked-bar, 600);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35))}:host([recolhido]) .ui-ribbon--aberto .ui-ribbon__painel{display:block}:host([recolhido]) .ui-ribbon__aba--ativa:after{display:none}:host([compacto]) .ui-ribbon__grupos{min-height:64px}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}',L='.ui-ferr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);background:transparent;color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:12px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-ferr-btn:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-btn:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 14%,transparent)}.ui-ferr-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-ferr-btn:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-btn--ativo{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 55%,transparent)}.ui-ferr-btn__icone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-ferr-btn__rotulo{white-space:nowrap}.ui-ferr-btn__caret{width:0;height:0;flex-shrink:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.7}.ui-ferr-menu{position:fixed;z-index:var(--ui-z-popover, 1050);display:flex;flex-direction:column;gap:1px;min-width:180px;padding:4px;box-sizing:border-box;background:var(--ui-cor-fundo-menu, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 6px);box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35));font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ferr-menu__item{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled),.ui-ferr-menu__item:focus-visible{outline:none;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-menu__item--ativo{color:var(--ui-cor-primaria, #00E08A)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{color:var(--ui-cor-texto-secundario, #888899);font-size:11px}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}';function R(o){const l=document.createElement("template");l.innerHTML=o.trim();const e=l.content.querySelector("svg");return e?(e.querySelectorAll("script, foreignObject").forEach(t=>t.remove()),[e,...Array.from(e.querySelectorAll("*"))].forEach(t=>{Array.from(t.attributes).forEach(i=>{(/^on/i.test(i.name)||/^\s*javascript:/i.test(i.value))&&t.removeAttribute(i.name)})}),e):null}function P(o,l){if(!o)return null;const e=document.createElement("ui-icone");if(e.setAttribute("tamanho",String(l)),o.trimStart().startsWith("<")){const t=R(o);if(!t)return null;e.appendChild(t)}else e.setAttribute("nome",o);return e}function V(o){const l=o.rotulo||o.id;return o.atalho?`${l} (${o.atalho})`:l}function E(o,l){o.disabled=!!l.disabled;const e=l.tipo,t=e==="toggle"||e==="ferramenta";t?o.setAttribute("aria-pressed",String(!!l.ativo)):o.removeAttribute("aria-pressed"),o.classList.toggle("ui-ferr-btn--ativo",t&&!!l.ativo)}function I(o,l,e){var a;const t=document.createElement("button");t.type="button",t.className=`ui-ferr-btn ui-ferr-btn--${l}`,t.dataset.id=o.id,t.tabIndex=-1,t.setAttribute("aria-label",o.rotulo||o.id),t.title=V(o);const i=P(o.icone,e);if(i){const s=document.createElement("span");s.className="ui-ferr-btn__icone",s.appendChild(i),t.appendChild(s)}const r=!!((a=o.filhos)!=null&&a.length),n=l!=="paleta"&&!o.somenteIcone&&!!o.rotulo;if(l!=="paleta"&&o.somenteIcone&&t.classList.add("ui-ferr-btn--so-icone"),n){const s=document.createElement("span");s.className="ui-ferr-btn__rotulo",s.textContent=o.rotulo,t.appendChild(s)}if(r){if(l==="paleta")t.classList.add("ui-ferr-btn--grupo");else{const s=document.createElement("span");s.className="ui-ferr-btn__caret",t.appendChild(s)}t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded","false")}return E(t,o),t}function f(o,l){for(const e of o){if(e.id===l)return e;if(e.filhos){const t=f(e.filhos,l);if(t)return t}}}function D(o){const l=o.filter(e=>!e.disabled);o.forEach(e=>e.tabIndex=-1),l.length&&(l[0].tabIndex=0)}function N(o,l,e,t){const i=l.filter(s=>!s.disabled),r=i.length,n=i.findIndex(s=>s===o.target);if(r===0||n<0)return!1;let a=n;if(e.includes(o.key))a=(n-1+r)%r;else if(t.includes(o.key))a=(n+1)%r;else if(o.key==="Home")a=0;else if(o.key==="End")a=r-1;else return!1;return o.preventDefault(),l.forEach(s=>s.tabIndex=-1),i[a].tabIndex=0,i[a].focus(),!0}function T(o,l,e,t,i={}){var z;const r=i.lado??"baixo",n=new k.ListenerBag,a=document.createElement("div");a.className="ui-ferr-menu",a.setAttribute("role","menu");const s=[];let h=!1;const b=()=>{var u;h||(h=!0,n.cleanup(),a.remove(),(u=i.onFechar)==null||u.call(i))};e.forEach(u=>{if(u.tipo==="separador"){const p=document.createElement("div");p.className="ui-ferr-menu__sep",p.setAttribute("role","separator"),a.appendChild(p);return}const d=document.createElement("button");d.type="button",d.className="ui-ferr-menu__item",d.setAttribute("role","menuitem"),d.dataset.id=u.id,d.disabled=!!u.disabled,u.ativo&&d.classList.add("ui-ferr-menu__item--ativo");const A=document.createElement("span");A.className="ui-ferr-menu__icone";const _=P(u.icone,14);_&&A.appendChild(_),d.appendChild(A);const w=document.createElement("span");if(w.className="ui-ferr-menu__rotulo",w.textContent=u.rotulo||u.id,d.appendChild(w),u.atalho){const p=document.createElement("span");p.className="ui-ferr-menu__atalho",p.textContent=u.atalho,d.appendChild(p)}d.addEventListener("click",p=>{p.stopPropagation(),b(),t(u)}),s.push(d),a.appendChild(d)}),o.appendChild(a);const m=l.getBoundingClientRect();let v=r==="direita"?m.top:m.bottom+2,g=r==="direita"?m.right+4:m.left;const x=a.getBoundingClientRect();x.width&&g+x.width>window.innerWidth-4&&(g=Math.max(4,window.innerWidth-x.width-4)),x.height&&v+x.height>window.innerHeight-4&&(v=Math.max(4,window.innerHeight-x.height-4)),a.style.top=`${v}px`,a.style.left=`${g}px`;const C=()=>s.filter(u=>!u.disabled);return n.add(a,"keydown",u=>{const d=C(),A=d.findIndex(_=>_===u.target);if(u.key==="Escape")u.preventDefault(),u.stopPropagation(),b(),l.focus();else if(u.key==="Tab")b();else if(d.length&&(u.key==="ArrowDown"||u.key==="ArrowUp")){u.preventDefault();const _=u.key==="ArrowDown"?1:-1;d[(A+_+d.length)%d.length].focus()}else d.length&&u.key==="Home"?(u.preventDefault(),d[0].focus()):d.length&&u.key==="End"&&(u.preventDefault(),d[d.length-1].focus())}),n.add(document,"pointerdown",u=>{const d=u.composedPath();!d.includes(a)&&!d.includes(l)&&b()},!0),n.add(window,"resize",b),n.add(window,"blur",b),i.focar&&((z=C()[0])==null||z.focus()),{elemento:a,ancora:l,fechar:b}}class j extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"abasElement");c(this,"gruposElement");c(this,"_abas",[]);c(this,"_abaAtiva","");c(this,"menu",null);c(this,"listeners",new k.ListenerBag);c(this,"handleClickAbas",e=>{const t=e.target.closest(".ui-ribbon__aba");t!=null&&t.dataset.id&&(this.selecionarAba(t.dataset.id),this.recolhido&&this.rootElement.classList.toggle("ui-ribbon--aberto"))});c(this,"handleDblClickAbas",e=>{e.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});c(this,"handleKeyDownAbas",e=>{var a,s;const t=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=t.findIndex(h=>h===e.target);if(i<0)return;let r=i;if(e.key==="ArrowRight")r=(i+1)%t.length;else if(e.key==="ArrowLeft")r=(i-1+t.length)%t.length;else if(e.key==="Home")r=0;else if(e.key==="End")r=t.length-1;else if(e.key==="ArrowDown"){e.preventDefault(),(a=this.botoesPainel().find(h=>!h.disabled))==null||a.focus();return}else return;e.preventDefault();const n=t[r].dataset.id;n&&this.selecionarAba(n),(s=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(n??"")}"]`))==null||s.focus()});c(this,"handleClickGrupos",e=>{const t=e.target.closest(".ui-ferr-btn");t!=null&&t.dataset.id&&this.acionar(t,!1)});c(this,"handleKeyDownGrupos",e=>{const t=this.botoesPainel();if(N(e,t,["ArrowLeft"],["ArrowRight"]))return;const i=e.target instanceof HTMLButtonElement?e.target:null;(i==null?void 0:i.getAttribute("aria-haspopup"))==="menu"&&e.key==="ArrowDown"&&(e.preventDefault(),this.acionar(i,!0))});c(this,"handleEscape",e=>{e.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});c(this,"handlePointerDownFora",e=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||e.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
8
|
-
<style>${L}${
|
|
7
|
+
`,this.iconContainer=e.querySelector(".ui-icone"),this.svgContainer=e.querySelector(".ui-icone__svg"),this.slotElement=e.querySelector("slot")}static get observedAttributes(){return["tamanho","size","cor","color","nome","name"]}connectedCallback(){this.slotElement.addEventListener("slotchange",this.handleSlotChange),this.syncState()}disconnectedCallback(){this.slotElement.removeEventListener("slotchange",this.handleSlotChange)}attributeChangedCallback(e,t,i){this.syncState()}resolveTamanhoPx(){const e=this.getAttribute("tamanho")||this.getAttribute("size")||"md";switch(e.toLowerCase()){case"sm":return"16px";case"md":return"20px";case"lg":return"24px";case"xl":return"32px";default:return isNaN(Number(e))?e:`${e}px`}}syncState(){const e=this.resolveTamanhoPx();this.style.setProperty("--ui-tamanho-icone",e);const t=this.getAttribute("cor")||this.getAttribute("color");t?(this.style.setProperty("--ui-cor-icone",t),this.iconContainer.style.color=t):(this.style.removeProperty("--ui-cor-icone"),this.iconContainer.style.color=""),this.hasAttribute("aria-label")||this.hasAttribute("label")?this.iconContainer.removeAttribute("aria-hidden"):this.iconContainer.setAttribute("aria-hidden","true");const r=this.getAttribute("nome")||this.getAttribute("name"),n=this.slotElement.assignedNodes().length>0;r&&M[r]&&!n?(this.svgContainer.innerHTML=M[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}y.definirCustomElement("ui-icone",S);const R=':host{display:block;position:relative;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon{display:flex;flex-direction:column;background:var(--ui-cor-superficie, #141417);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));-webkit-user-select:none;user-select:none}.ui-ribbon__abas{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6)}.ui-ribbon__aba:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--ativa{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e)}.ui-ribbon__aba--ativa:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__aba--contextual{color:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto}.ui-ribbon__grupos{display:flex;align-items:stretch;min-height:84px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-right:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-right:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{padding-top:2px;color:var(--ui-cor-texto-secundario, #888899);font-size:11px;text-align:center;white-space:nowrap}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:1px}.ui-ribbon__separador{width:1px;margin:4px 3px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ferr-btn--grande{flex-direction:column;min-width:52px;padding:4px 6px;gap:3px}.ui-ferr-btn--pequeno{height:22px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;left:0;right:0;z-index:var(--ui-z-docked-bar, 600);border-bottom:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35))}:host([recolhido]) .ui-ribbon--aberto .ui-ribbon__painel{display:block}:host([recolhido]) .ui-ribbon__aba--ativa:after{display:none}:host([compacto]) .ui-ribbon__grupos{min-height:64px}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}',L='.ui-ferr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:var(--ui-raio-borda, 6px);background:transparent;color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:12px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-ferr-btn:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-btn:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 14%,transparent)}.ui-ferr-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-cor-fundo, #0b0b0d),0 0 0 4px var(--ui-cor-primaria, #00E08A)}.ui-ferr-btn:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-btn--ativo{background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 18%,transparent);border-color:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 55%,transparent)}.ui-ferr-btn__icone{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-ferr-btn__rotulo{white-space:nowrap}.ui-ferr-btn__caret{width:0;height:0;flex-shrink:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.7}.ui-ferr-menu{position:fixed;z-index:var(--ui-z-popover, 1050);display:flex;flex-direction:column;gap:1px;min-width:180px;padding:4px;box-sizing:border-box;background:var(--ui-cor-fundo-menu, #18181c);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-raio-borda, 6px);box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .35));font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-ferr-menu__item{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;box-sizing:border-box;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled),.ui-ferr-menu__item:focus-visible{outline:none;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:disabled{opacity:.4;cursor:not-allowed}.ui-ferr-menu__item--ativo{color:var(--ui-cor-primaria, #00E08A)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{color:var(--ui-cor-texto-secundario, #888899);font-size:11px}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}';function P(o,l){if(!o)return null;const e=document.createElement("ui-icone");if(e.setAttribute("tamanho",String(l)),o.trimStart().startsWith("<")){const t=F.higienizarSvg(o);if(!t)return null;e.appendChild(t)}else e.setAttribute("nome",o);return e}function V(o){const l=o.rotulo||o.id;return o.atalho?`${l} (${o.atalho})`:l}function E(o,l){o.disabled=!!l.disabled;const e=l.tipo,t=e==="toggle"||e==="ferramenta";t?o.setAttribute("aria-pressed",String(!!l.ativo)):o.removeAttribute("aria-pressed"),o.classList.toggle("ui-ferr-btn--ativo",t&&!!l.ativo)}function I(o,l,e){var a;const t=document.createElement("button");t.type="button",t.className=`ui-ferr-btn ui-ferr-btn--${l}`,t.dataset.id=o.id,t.tabIndex=-1,t.setAttribute("aria-label",o.rotulo||o.id),t.title=V(o);const i=P(o.icone,e);if(i){const s=document.createElement("span");s.className="ui-ferr-btn__icone",s.appendChild(i),t.appendChild(s)}const r=!!((a=o.filhos)!=null&&a.length),n=l!=="paleta"&&!o.somenteIcone&&!!o.rotulo;if(l!=="paleta"&&o.somenteIcone&&t.classList.add("ui-ferr-btn--so-icone"),n){const s=document.createElement("span");s.className="ui-ferr-btn__rotulo",s.textContent=o.rotulo,t.appendChild(s)}if(r){if(l==="paleta")t.classList.add("ui-ferr-btn--grupo");else{const s=document.createElement("span");s.className="ui-ferr-btn__caret",t.appendChild(s)}t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded","false")}return E(t,o),t}function f(o,l){for(const e of o){if(e.id===l)return e;if(e.filhos){const t=f(e.filhos,l);if(t)return t}}}function D(o){const l=o.filter(e=>!e.disabled);o.forEach(e=>e.tabIndex=-1),l.length&&(l[0].tabIndex=0)}function N(o,l,e,t){const i=l.filter(s=>!s.disabled),r=i.length,n=i.findIndex(s=>s===o.target);if(r===0||n<0)return!1;let a=n;if(e.includes(o.key))a=(n-1+r)%r;else if(t.includes(o.key))a=(n+1)%r;else if(o.key==="Home")a=0;else if(o.key==="End")a=r-1;else return!1;return o.preventDefault(),l.forEach(s=>s.tabIndex=-1),i[a].tabIndex=0,i[a].focus(),!0}function T(o,l,e,t,i={}){var z;const r=i.lado??"baixo",n=new k.ListenerBag,a=document.createElement("div");a.className="ui-ferr-menu",a.setAttribute("role","menu");const s=[];let h=!1;const b=()=>{var u;h||(h=!0,n.cleanup(),a.remove(),(u=i.onFechar)==null||u.call(i))};e.forEach(u=>{if(u.tipo==="separador"){const p=document.createElement("div");p.className="ui-ferr-menu__sep",p.setAttribute("role","separator"),a.appendChild(p);return}const d=document.createElement("button");d.type="button",d.className="ui-ferr-menu__item",d.setAttribute("role","menuitem"),d.dataset.id=u.id,d.disabled=!!u.disabled,u.ativo&&d.classList.add("ui-ferr-menu__item--ativo");const A=document.createElement("span");A.className="ui-ferr-menu__icone";const _=P(u.icone,14);_&&A.appendChild(_),d.appendChild(A);const w=document.createElement("span");if(w.className="ui-ferr-menu__rotulo",w.textContent=u.rotulo||u.id,d.appendChild(w),u.atalho){const p=document.createElement("span");p.className="ui-ferr-menu__atalho",p.textContent=u.atalho,d.appendChild(p)}d.addEventListener("click",p=>{p.stopPropagation(),b(),t(u)}),s.push(d),a.appendChild(d)}),o.appendChild(a);const m=l.getBoundingClientRect();let v=r==="direita"?m.top:m.bottom+2,g=r==="direita"?m.right+4:m.left;const x=a.getBoundingClientRect();x.width&&g+x.width>window.innerWidth-4&&(g=Math.max(4,window.innerWidth-x.width-4)),x.height&&v+x.height>window.innerHeight-4&&(v=Math.max(4,window.innerHeight-x.height-4)),a.style.top=`${v}px`,a.style.left=`${g}px`;const C=()=>s.filter(u=>!u.disabled);return n.add(a,"keydown",u=>{const d=C(),A=d.findIndex(_=>_===u.target);if(u.key==="Escape")u.preventDefault(),u.stopPropagation(),b(),l.focus();else if(u.key==="Tab")b();else if(d.length&&(u.key==="ArrowDown"||u.key==="ArrowUp")){u.preventDefault();const _=u.key==="ArrowDown"?1:-1;d[(A+_+d.length)%d.length].focus()}else d.length&&u.key==="Home"?(u.preventDefault(),d[0].focus()):d.length&&u.key==="End"&&(u.preventDefault(),d[d.length-1].focus())}),n.add(document,"pointerdown",u=>{const d=u.composedPath();!d.includes(a)&&!d.includes(l)&&b()},!0),n.add(window,"resize",b),n.add(window,"blur",b),i.focar&&((z=C()[0])==null||z.focus()),{elemento:a,ancora:l,fechar:b}}class B extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"abasElement");c(this,"gruposElement");c(this,"_abas",[]);c(this,"_abaAtiva","");c(this,"menu",null);c(this,"listeners",new k.ListenerBag);c(this,"handleClickAbas",e=>{const t=e.target.closest(".ui-ribbon__aba");t!=null&&t.dataset.id&&(this.selecionarAba(t.dataset.id),this.recolhido&&this.rootElement.classList.toggle("ui-ribbon--aberto"))});c(this,"handleDblClickAbas",e=>{e.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});c(this,"handleKeyDownAbas",e=>{var a,s;const t=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=t.findIndex(h=>h===e.target);if(i<0)return;let r=i;if(e.key==="ArrowRight")r=(i+1)%t.length;else if(e.key==="ArrowLeft")r=(i-1+t.length)%t.length;else if(e.key==="Home")r=0;else if(e.key==="End")r=t.length-1;else if(e.key==="ArrowDown"){e.preventDefault(),(a=this.botoesPainel().find(h=>!h.disabled))==null||a.focus();return}else return;e.preventDefault();const n=t[r].dataset.id;n&&this.selecionarAba(n),(s=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(n??"")}"]`))==null||s.focus()});c(this,"handleClickGrupos",e=>{const t=e.target.closest(".ui-ferr-btn");t!=null&&t.dataset.id&&this.acionar(t,!1)});c(this,"handleKeyDownGrupos",e=>{const t=this.botoesPainel();if(N(e,t,["ArrowLeft"],["ArrowRight"]))return;const i=e.target instanceof HTMLButtonElement?e.target:null;(i==null?void 0:i.getAttribute("aria-haspopup"))==="menu"&&e.key==="ArrowDown"&&(e.preventDefault(),this.acionar(i,!0))});c(this,"handleEscape",e=>{e.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});c(this,"handlePointerDownFora",e=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||e.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
8
|
+
<style>${L}${R}</style>
|
|
9
9
|
<div class="ui-ribbon">
|
|
10
10
|
<div class="ui-ribbon__abas" role="tablist"></div>
|
|
11
11
|
<div class="ui-ribbon__painel" role="tabpanel">
|
|
12
12
|
<div class="ui-ribbon__grupos" role="toolbar" aria-label="Ferramentas"></div>
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
|
-
`,this.rootElement=e.querySelector(".ui-ribbon"),this.abasElement=e.querySelector(".ui-ribbon__abas"),this.gruposElement=e.querySelector(".ui-ribbon__grupos")}static get observedAttributes(){return["aba-ativa","recolhido"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.abasElement,"click",this.handleClickAbas),this.listeners.add(this.abasElement,"dblclick",this.handleDblClickAbas),this.listeners.add(this.abasElement,"keydown",this.handleKeyDownAbas),this.listeners.add(this.gruposElement,"click",this.handleClickGrupos),this.listeners.add(this.gruposElement,"keydown",this.handleKeyDownGrupos),this.listeners.add(document,"pointerdown",this.handlePointerDownFora,!0),this.listeners.add(this.rootElement,"keydown",this.handleEscape);const e=this.getAttribute("aba-ativa");e&&!this._abaAtiva&&(this._abaAtiva=e),this.renderizar()}disconnectedCallback(){this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="aba-ativa"&&i&&i!==this._abaAtiva?this.selecionarAba(i,!1):e==="recolhido"&&this.rootElement.classList.remove("ui-ribbon--aberto"))}get abas(){return this._abas}set abas(e){this._abas=Array.isArray(e)?e:[],this.renderizar()}get abaAtiva(){return this._abaAtiva}set abaAtiva(e){this.selecionarAba(e)}get recolhido(){return this.hasAttribute("recolhido")}set recolhido(e){e?this.setAttribute("recolhido",""):this.removeAttribute("recolhido")}selecionarAba(e,t=!0){const i=this._abas.find(r=>r.id===e&&!r.oculta);!i||i.id===this._abaAtiva||(this.fecharMenu(),this._abaAtiva=i.id,this.getAttribute("aba-ativa")!==i.id&&this.setAttribute("aba-ativa",i.id),this.renderizar(),t&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:i.id,aba:i},bubbles:!0,composed:!0})))}definirAbaVisivel(e,t){const i=this._abas.find(r=>r.id===e);i&&(i.oculta=!t,!t&&this._abaAtiva===e&&(this._abaAtiva=""),this.renderizar())}atualizarItem(e,t){const i=this._abas.flatMap(s=>s.grupos.flatMap(h=>h.itens)),r=f(i,e);if(!r)return;Object.assign(r,t);const n=Object.keys(t).every(s=>s==="ativo"||s==="disabled"),a=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(e)}"]`);n&&a?E(a,r):this.renderizarPainel()}abasVisiveis(){return this._abas.filter(e=>!e.oculta)}renderizar(){var t;const e=this.abasVisiveis();e.some(i=>i.id===this._abaAtiva)||(this._abaAtiva=((t=e[0])==null?void 0:t.id)??""),this.renderizarAbas(),this.renderizarPainel()}renderizarAbas(){this.abasElement.innerHTML="",this.abasVisiveis().forEach(e=>{const t=e.id===this._abaAtiva,i=document.createElement("button");i.type="button",i.className="ui-ribbon__aba",i.setAttribute("role","tab"),i.dataset.id=e.id,i.textContent=e.rotulo,i.tabIndex=t?0:-1,i.setAttribute("aria-selected",String(t)),i.classList.toggle("ui-ribbon__aba--ativa",t),i.classList.toggle("ui-ribbon__aba--contextual",!!e.contextual),this.abasElement.appendChild(i)})}renderizarPainel(){this.fecharMenu(),this.gruposElement.innerHTML="";const e=this._abas.find(t=>t.id===this._abaAtiva);e&&(e.grupos.forEach(t=>this.gruposElement.appendChild(this.criarGrupo(t))),D(this.botoesPainel()))}criarGrupo(e){const t=document.createElement("div");t.className="ui-ribbon__grupo",t.setAttribute("role","group"),t.setAttribute("aria-label",e.rotulo),t.dataset.id=e.id;const i=document.createElement("div");i.className="ui-ribbon__grupo-itens";let r=null,n=0;const a=()=>{r&&i.appendChild(r),r=null,n=0};e.itens.forEach(h=>{if(h.tipo==="separador"){a();const b=document.createElement("div");b.className="ui-ribbon__separador",b.setAttribute("role","separator"),i.appendChild(b)}else h.tamanho==="grande"?(a(),i.appendChild(this.criarBotao(h,"grande",24))):(r||(r=document.createElement("div"),r.className="ui-ribbon__coluna"),r.appendChild(this.criarBotao(h,"pequeno",16)),++n===3&&a())}),a();const s=document.createElement("div");return s.className="ui-ribbon__grupo-rotulo",s.textContent=e.rotulo,t.appendChild(i),t.appendChild(s),t}criarBotao(e,t,i){var n;const r=(n=e.filhos)!=null&&n.length?{...e,tipo:"menu"}:e;return I(r,t,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}acionar(e,t){var n;const i=this._abas.find(a=>a.id===this._abaAtiva),r=i&&f(i.grupos.flatMap(a=>a.itens),e.dataset.id);if(!(!r||r.disabled)){if((n=r.filhos)!=null&&n.length){this.alternarMenu(e,r,t);return}r.tipo==="toggle"&&(r.ativo=!r.ativo,E(e,r)),this.emitir(r),this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(e,t,i){var n;const r=((n=this.menu)==null?void 0:n.ancora)===e;this.fecharMenu(),!r&&(e.setAttribute("aria-expanded","true"),this.menu=T(this.shadowRoot,e,t.filhos,a=>{a.tipo==="toggle"&&(a.ativo=!a.ativo),this.emitir(a,t),this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",focar:i,onFechar:()=>{e.setAttribute("aria-expanded","false"),this.menu=null}}))}fecharMenu(){var e;(e=this.menu)==null||e.fechar(),this.menu=null}emitir(e,t){this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:e.id,item:e,pai:t,ativo:e.ativo,origem:"ribbon",aba:this._abaAtiva},bubbles:!0,composed:!0}))}}y.definirCustomElement("ui-ribbon",
|
|
15
|
+
`,this.rootElement=e.querySelector(".ui-ribbon"),this.abasElement=e.querySelector(".ui-ribbon__abas"),this.gruposElement=e.querySelector(".ui-ribbon__grupos")}static get observedAttributes(){return["aba-ativa","recolhido"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.abasElement,"click",this.handleClickAbas),this.listeners.add(this.abasElement,"dblclick",this.handleDblClickAbas),this.listeners.add(this.abasElement,"keydown",this.handleKeyDownAbas),this.listeners.add(this.gruposElement,"click",this.handleClickGrupos),this.listeners.add(this.gruposElement,"keydown",this.handleKeyDownGrupos),this.listeners.add(document,"pointerdown",this.handlePointerDownFora,!0),this.listeners.add(this.rootElement,"keydown",this.handleEscape);const e=this.getAttribute("aba-ativa");e&&!this._abaAtiva&&(this._abaAtiva=e),this.renderizar()}disconnectedCallback(){this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="aba-ativa"&&i&&i!==this._abaAtiva?this.selecionarAba(i,!1):e==="recolhido"&&this.rootElement.classList.remove("ui-ribbon--aberto"))}get abas(){return this._abas}set abas(e){this._abas=Array.isArray(e)?e:[],this.renderizar()}get abaAtiva(){return this._abaAtiva}set abaAtiva(e){this.selecionarAba(e)}get recolhido(){return this.hasAttribute("recolhido")}set recolhido(e){e?this.setAttribute("recolhido",""):this.removeAttribute("recolhido")}selecionarAba(e,t=!0){const i=this._abas.find(r=>r.id===e&&!r.oculta);!i||i.id===this._abaAtiva||(this.fecharMenu(),this._abaAtiva=i.id,this.getAttribute("aba-ativa")!==i.id&&this.setAttribute("aba-ativa",i.id),this.renderizar(),t&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:i.id,aba:i},bubbles:!0,composed:!0})))}definirAbaVisivel(e,t){const i=this._abas.find(r=>r.id===e);i&&(i.oculta=!t,!t&&this._abaAtiva===e&&(this._abaAtiva=""),this.renderizar())}atualizarItem(e,t){const i=this._abas.flatMap(s=>s.grupos.flatMap(h=>h.itens)),r=f(i,e);if(!r)return;Object.assign(r,t);const n=Object.keys(t).every(s=>s==="ativo"||s==="disabled"),a=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(e)}"]`);n&&a?E(a,r):this.renderizarPainel()}abasVisiveis(){return this._abas.filter(e=>!e.oculta)}renderizar(){var t;const e=this.abasVisiveis();e.some(i=>i.id===this._abaAtiva)||(this._abaAtiva=((t=e[0])==null?void 0:t.id)??""),this.renderizarAbas(),this.renderizarPainel()}renderizarAbas(){this.abasElement.innerHTML="",this.abasVisiveis().forEach(e=>{const t=e.id===this._abaAtiva,i=document.createElement("button");i.type="button",i.className="ui-ribbon__aba",i.setAttribute("role","tab"),i.dataset.id=e.id,i.textContent=e.rotulo,i.tabIndex=t?0:-1,i.setAttribute("aria-selected",String(t)),i.classList.toggle("ui-ribbon__aba--ativa",t),i.classList.toggle("ui-ribbon__aba--contextual",!!e.contextual),this.abasElement.appendChild(i)})}renderizarPainel(){this.fecharMenu(),this.gruposElement.innerHTML="";const e=this._abas.find(t=>t.id===this._abaAtiva);e&&(e.grupos.forEach(t=>this.gruposElement.appendChild(this.criarGrupo(t))),D(this.botoesPainel()))}criarGrupo(e){const t=document.createElement("div");t.className="ui-ribbon__grupo",t.setAttribute("role","group"),t.setAttribute("aria-label",e.rotulo),t.dataset.id=e.id;const i=document.createElement("div");i.className="ui-ribbon__grupo-itens";let r=null,n=0;const a=()=>{r&&i.appendChild(r),r=null,n=0};e.itens.forEach(h=>{if(h.tipo==="separador"){a();const b=document.createElement("div");b.className="ui-ribbon__separador",b.setAttribute("role","separator"),i.appendChild(b)}else h.tamanho==="grande"?(a(),i.appendChild(this.criarBotao(h,"grande",24))):(r||(r=document.createElement("div"),r.className="ui-ribbon__coluna"),r.appendChild(this.criarBotao(h,"pequeno",16)),++n===3&&a())}),a();const s=document.createElement("div");return s.className="ui-ribbon__grupo-rotulo",s.textContent=e.rotulo,t.appendChild(i),t.appendChild(s),t}criarBotao(e,t,i){var n;const r=(n=e.filhos)!=null&&n.length?{...e,tipo:"menu"}:e;return I(r,t,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}acionar(e,t){var n;const i=this._abas.find(a=>a.id===this._abaAtiva),r=i&&f(i.grupos.flatMap(a=>a.itens),e.dataset.id);if(!(!r||r.disabled)){if((n=r.filhos)!=null&&n.length){this.alternarMenu(e,r,t);return}r.tipo==="toggle"&&(r.ativo=!r.ativo,E(e,r)),this.emitir(r),this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(e,t,i){var n;const r=((n=this.menu)==null?void 0:n.ancora)===e;this.fecharMenu(),!r&&(e.setAttribute("aria-expanded","true"),this.menu=T(this.shadowRoot,e,t.filhos,a=>{a.tipo==="toggle"&&(a.ativo=!a.ativo),this.emitir(a,t),this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",focar:i,onFechar:()=>{e.setAttribute("aria-expanded","false"),this.menu=null}}))}fecharMenu(){var e;(e=this.menu)==null||e.fechar(),this.menu=null}emitir(e,t){this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:e.id,item:e,pai:t,ativo:e.ativo,origem:"ribbon",aba:this._abaAtiva},bubbles:!0,composed:!0}))}}y.definirCustomElement("ui-ribbon",B);const O=':host{display:inline-block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}.ui-paleta{--ui-paleta-btn: 34px;--ui-paleta-padding: 4px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 10px);--ui-paleta-btn-raio: var(--ui-paleta-raio-botao, max(2px, calc(var(--ui-paleta-raio) - var(--ui-paleta-padding))));display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--ui-paleta-padding);box-sizing:border-box;background:var(--ui-cor-superficie, #141417);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));border-radius:var(--ui-paleta-raio);-webkit-user-select:none;user-select:none}.ui-paleta--horizontal{flex-direction:row}.ui-paleta--sm{--ui-paleta-btn: 28px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 8px)}.ui-paleta--lg{--ui-paleta-btn: 42px;--ui-paleta-raio: var(--ui-paleta-raio-borda, 12px)}.ui-paleta--cols-2{display:grid;grid-template-columns:repeat(2,var(--ui-paleta-btn));justify-content:center}.ui-paleta--cols-2 .ui-paleta__sep{grid-column:1 / -1}.ui-paleta .ui-ferr-btn{width:var(--ui-paleta-btn);height:var(--ui-paleta-btn);border-radius:var(--ui-paleta-btn-raio)}.ui-paleta .ui-ferr-btn--ativo{background:var(--ui-cor-primaria, #00E08A);border-color:transparent;color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-ferr-btn--grupo:after{content:"";position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:5px solid transparent;border-bottom:5px solid currentColor;opacity:.7;pointer-events:none}.ui-paleta__sep{width:70%;height:1px;margin:3px 0;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-paleta--horizontal .ui-paleta__sep{width:1px;height:70%;margin:0 3px}',U=380,K={sm:16,md:18,lg:22};class j extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"_ferramentas",[]);c(this,"_ativo","");c(this,"visiveis",new Map);c(this,"menu",null);c(this,"timerPressao");c(this,"suprimirClique",!1);c(this,"listeners",new k.ListenerBag);c(this,"handleClick",e=>{if(this.suprimirClique){this.suprimirClique=!1;return}const t=e.target.closest(".ui-ferr-btn"),i=t!=null&&t.dataset.id?f(this._ferramentas,t.dataset.id):void 0;if(!t||!i)return;const r=t.dataset.grupo?f(this._ferramentas,t.dataset.grupo):void 0;this.acionar(i,r)});c(this,"handlePointerDown",e=>{const t=e;if(t.pointerType==="mouse"&&t.button!==0)return;const i=e.target.closest(".ui-ferr-btn--grupo");!i||i.disabled||(this.cancelarPressao(),this.timerPressao=window.setTimeout(()=>{this.suprimirClique=!0,this.abrirFlyout(i,!1)},U))});c(this,"cancelarPressao",()=>{this.timerPressao!==void 0&&(window.clearTimeout(this.timerPressao),this.timerPressao=void 0)});c(this,"handleContextMenu",e=>{const t=e.target.closest(".ui-ferr-btn--grupo");t&&(e.preventDefault(),this.cancelarPressao(),this.abrirFlyout(t,!1))});c(this,"handleKeyDown",e=>{const t=this.getAttribute("orientacao")==="horizontal",i=t?["ArrowLeft"]:["ArrowUp"],r=t?["ArrowRight"]:["ArrowDown"];if(N(e,this.botoes(),i,r))return;const n=t?"ArrowDown":"ArrowRight",a=e.target instanceof HTMLButtonElement?e.target:null;a!=null&&a.dataset.grupo&&e.key===n&&(e.preventDefault(),this.abrirFlyout(a,!0))});c(this,"handleAtalho",e=>{if(!this.hasAttribute("atalhos")||e.ctrlKey||e.metaKey||e.altKey||e.defaultPrevented)return;const t=e.composedPath()[0];if(t&&(/^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName)||t.isContentEditable))return;const i=(e.key||"").toUpperCase();if(i.length!==1)return;const r=this.todasFerramentas().filter(s=>{var h;return!s.disabled&&((h=s.atalho)==null?void 0:h.toUpperCase())===i});if(!r.length)return;e.preventDefault();let n=r[0];if(r.length>1){const s=r.findIndex(h=>h.id===this._ativo);n=r[(s+1)%r.length]}const a=this._ferramentas.find(s=>{var h;return(h=s.filhos)==null?void 0:h.some(b=>b.id===n.id)});this.acionar(n,a)});const e=this.attachShadow({mode:"open"});e.innerHTML=`
|
|
16
16
|
<style>${L}${O}</style>
|
|
17
17
|
<div class="ui-paleta ui-paleta--vertical" role="toolbar" aria-orientation="vertical" aria-label="Ferramentas"></div>
|
|
18
|
-
`,this.rootElement=e.querySelector(".ui-paleta")}static get observedAttributes(){return["valor","value","orientacao","colunas","tamanho","size"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.rootElement,"click",this.handleClick),this.listeners.add(this.rootElement,"pointerdown",this.handlePointerDown),this.listeners.add(this.rootElement,"pointerup",this.cancelarPressao),this.listeners.add(this.rootElement,"pointerleave",this.cancelarPressao),this.listeners.add(this.rootElement,"pointercancel",this.cancelarPressao),this.listeners.add(this.rootElement,"contextmenu",this.handleContextMenu),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(document,"keydown",this.handleAtalho);const e=this.getAttribute("valor")||this.getAttribute("value");e&&!this._ativo&&this.definirAtivoInterno(e),this.renderizar()}disconnectedCallback(){this.cancelarPressao(),this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="valor"||e==="value"?i&&i!==this._ativo&&this.ativar(i,!1):this.renderizar())}get ferramentas(){return this._ferramentas}set ferramentas(e){this._ferramentas=Array.isArray(e)?e:[],this.visiveis.clear(),this._ativo&&this.definirAtivoInterno(this._ativo),this.renderizar()}get valor(){return this._ativo}set valor(e){this.ativar(e)}get value(){return this.valor}set value(e){this.valor=e}ativar(e,t=!0){const i=f(this._ferramentas,e);if(!i||i.disabled||(i.tipo??"ferramenta")!=="ferramenta")return;const r=this._ativo;if(this.definirAtivoInterno(e),this.getAttribute("valor")!==e&&this.setAttribute("valor",e),this.renderizar(),t&&r!==e){const n={valor:e,item:i,anterior:r};this.dispatchEvent(new CustomEvent("ui-change",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:n,bubbles:!0,composed:!0}))}}atualizarItem(e,t){const i=f(this._ferramentas,e);i&&(Object.assign(i,t),this.renderizar())}definirAtivoInterno(e){this._ativo=e;const t=this._ferramentas.find(i=>{var r;return(r=i.filhos)==null?void 0:r.some(n=>n.id===e)});t&&this.visiveis.set(t.id,e)}itemExibido(e){var i;if(!((i=e.filhos)!=null&&i.length))return e;const t=this.visiveis.get(e.id);return e.filhos.find(r=>r.id===t)??e.filhos[0]}todasFerramentas(){return this._ferramentas.flatMap(e=>{var t;return(t=e.filhos)!=null&&t.length?e.filhos:[e]}).filter(e=>e.tipo!=="separador")}renderizar(){this.fecharMenu();const e=this.getAttribute("orientacao")==="horizontal"?"horizontal":"vertical",t=this.getAttribute("tamanho")||this.getAttribute("size")||"md",i=this.getAttribute("colunas")==="2"?2:1;this.rootElement.className=`ui-paleta ui-paleta--${e} ui-paleta--${t}`,i===2&&e==="vertical"&&this.rootElement.classList.add("ui-paleta--cols-2"),this.rootElement.setAttribute("aria-orientation",e),this.rootElement.innerHTML="";const r=K[t]??18;this._ferramentas.forEach(a=>{var v;if(a.tipo==="separador"){const g=document.createElement("div");g.className="ui-paleta__sep",g.setAttribute("role","separator"),this.rootElement.appendChild(g);return}const s=this.itemExibido(a),h=s.tipo??"ferramenta",b={...s,tipo:h,ativo:h==="ferramenta"?s.id===this._ativo:s.ativo,filhos:a.filhos},m=I(b,"paleta",r);m.dataset.id=s.id,(v=a.filhos)!=null&&v.length&&(m.dataset.grupo=a.id),this.rootElement.appendChild(m)}),D(this.botoes());const n=this.botoes().find(a=>a.dataset.id===this._ativo&&!a.disabled);n&&(this.botoes().forEach(a=>a.tabIndex=-1),n.tabIndex=0)}botoes(){return Array.from(this.rootElement.querySelectorAll(".ui-ferr-btn"))}acionar(e,t){if(e.disabled)return;const i=e.tipo??"ferramenta";i==="ferramenta"?this.ativar(e.id):i==="toggle"&&(e.ativo=!e.ativo,this.renderizar()),this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:e.id,item:e,pai:t,ativo:i==="ferramenta"?!0:e.ativo,origem:"paleta"},bubbles:!0,composed:!0}))}abrirFlyout(e,t){var n;const i=e.dataset.grupo?f(this._ferramentas,e.dataset.grupo):void 0;if(!((n=i==null?void 0:i.filhos)!=null&&n.length))return;this.fecharMenu();const r=i.filhos.map(a=>({...a,ativo:a.id===this._ativo}));e.setAttribute("aria-expanded","true"),this.menu=T(this.shadowRoot,e,r,a=>{const s=f(i.filhos,a.id);s&&this.acionar(s,i)},{lado:this.getAttribute("orientacao")==="horizontal"?"baixo":"direita",focar:t,onFechar:()=>{e.setAttribute("aria-expanded","false"),this.menu=null}})}fecharMenu(){var e;(e=this.menu)==null||e.fechar(),this.menu=null}}y.definirCustomElement("ui-paleta-ferramentas",
|
|
18
|
+
`,this.rootElement=e.querySelector(".ui-paleta")}static get observedAttributes(){return["valor","value","orientacao","colunas","tamanho","size"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.rootElement,"click",this.handleClick),this.listeners.add(this.rootElement,"pointerdown",this.handlePointerDown),this.listeners.add(this.rootElement,"pointerup",this.cancelarPressao),this.listeners.add(this.rootElement,"pointerleave",this.cancelarPressao),this.listeners.add(this.rootElement,"pointercancel",this.cancelarPressao),this.listeners.add(this.rootElement,"contextmenu",this.handleContextMenu),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(document,"keydown",this.handleAtalho);const e=this.getAttribute("valor")||this.getAttribute("value");e&&!this._ativo&&this.definirAtivoInterno(e),this.renderizar()}disconnectedCallback(){this.cancelarPressao(),this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="valor"||e==="value"?i&&i!==this._ativo&&this.ativar(i,!1):this.renderizar())}get ferramentas(){return this._ferramentas}set ferramentas(e){this._ferramentas=Array.isArray(e)?e:[],this.visiveis.clear(),this._ativo&&this.definirAtivoInterno(this._ativo),this.renderizar()}get valor(){return this._ativo}set valor(e){this.ativar(e)}get value(){return this.valor}set value(e){this.valor=e}ativar(e,t=!0){const i=f(this._ferramentas,e);if(!i||i.disabled||(i.tipo??"ferramenta")!=="ferramenta")return;const r=this._ativo;if(this.definirAtivoInterno(e),this.getAttribute("valor")!==e&&this.setAttribute("valor",e),this.renderizar(),t&&r!==e){const n={valor:e,item:i,anterior:r};this.dispatchEvent(new CustomEvent("ui-change",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:n,bubbles:!0,composed:!0}))}}atualizarItem(e,t){const i=f(this._ferramentas,e);i&&(Object.assign(i,t),this.renderizar())}definirAtivoInterno(e){this._ativo=e;const t=this._ferramentas.find(i=>{var r;return(r=i.filhos)==null?void 0:r.some(n=>n.id===e)});t&&this.visiveis.set(t.id,e)}itemExibido(e){var i;if(!((i=e.filhos)!=null&&i.length))return e;const t=this.visiveis.get(e.id);return e.filhos.find(r=>r.id===t)??e.filhos[0]}todasFerramentas(){return this._ferramentas.flatMap(e=>{var t;return(t=e.filhos)!=null&&t.length?e.filhos:[e]}).filter(e=>e.tipo!=="separador")}renderizar(){this.fecharMenu();const e=this.getAttribute("orientacao")==="horizontal"?"horizontal":"vertical",t=this.getAttribute("tamanho")||this.getAttribute("size")||"md",i=this.getAttribute("colunas")==="2"?2:1;this.rootElement.className=`ui-paleta ui-paleta--${e} ui-paleta--${t}`,i===2&&e==="vertical"&&this.rootElement.classList.add("ui-paleta--cols-2"),this.rootElement.setAttribute("aria-orientation",e),this.rootElement.innerHTML="";const r=K[t]??18;this._ferramentas.forEach(a=>{var v;if(a.tipo==="separador"){const g=document.createElement("div");g.className="ui-paleta__sep",g.setAttribute("role","separator"),this.rootElement.appendChild(g);return}const s=this.itemExibido(a),h=s.tipo??"ferramenta",b={...s,tipo:h,ativo:h==="ferramenta"?s.id===this._ativo:s.ativo,filhos:a.filhos},m=I(b,"paleta",r);m.dataset.id=s.id,(v=a.filhos)!=null&&v.length&&(m.dataset.grupo=a.id),this.rootElement.appendChild(m)}),D(this.botoes());const n=this.botoes().find(a=>a.dataset.id===this._ativo&&!a.disabled);n&&(this.botoes().forEach(a=>a.tabIndex=-1),n.tabIndex=0)}botoes(){return Array.from(this.rootElement.querySelectorAll(".ui-ferr-btn"))}acionar(e,t){if(e.disabled)return;const i=e.tipo??"ferramenta";i==="ferramenta"?this.ativar(e.id):i==="toggle"&&(e.ativo=!e.ativo,this.renderizar()),this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:e.id,item:e,pai:t,ativo:i==="ferramenta"?!0:e.ativo,origem:"paleta"},bubbles:!0,composed:!0}))}abrirFlyout(e,t){var n;const i=e.dataset.grupo?f(this._ferramentas,e.dataset.grupo):void 0;if(!((n=i==null?void 0:i.filhos)!=null&&n.length))return;this.fecharMenu();const r=i.filhos.map(a=>({...a,ativo:a.id===this._ativo}));e.setAttribute("aria-expanded","true"),this.menu=T(this.shadowRoot,e,r,a=>{const s=f(i.filhos,a.id);s&&this.acionar(s,i)},{lado:this.getAttribute("orientacao")==="horizontal"?"baixo":"direita",focar:t,onFechar:()=>{e.setAttribute("aria-expanded","false"),this.menu=null}})}fecharMenu(){var e;(e=this.menu)==null||e.fechar(),this.menu=null}}y.definirCustomElement("ui-paleta-ferramentas",j);exports.UIIcone=S;exports.UIPaletaFerramentas=j;exports.UIRibbon=B;
|