@thibezer/ui-components-kit 2.8.2 → 2.9.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.
Files changed (218) hide show
  1. package/CHANGELOG.md +146 -0
  2. package/README.md +32 -8
  3. package/dist/acessibilidade-CSzX-DkG.cjs +1 -0
  4. package/dist/acessibilidade-CUlSXc2X.js +38 -0
  5. package/dist/altura-controle-ukMRPckR.cjs +1 -0
  6. package/dist/altura-controle-vxQiXG4q.js +62 -0
  7. package/dist/botao.cjs +1 -1
  8. package/dist/botao.js +1 -1
  9. package/dist/camadas.cjs +114 -110
  10. package/dist/camadas.js +1343 -1177
  11. package/dist/campo-texto.cjs +1 -1
  12. package/dist/campo-texto.js +1 -1
  13. package/dist/canvas.cjs +86 -85
  14. package/dist/canvas.js +5437 -4304
  15. package/dist/card.cjs +1 -1
  16. package/dist/card.js +1 -1
  17. package/dist/components/ui-avatar/ui-avatar.d.ts +11 -0
  18. package/dist/components/ui-badge/ui-badge.d.ts +2 -0
  19. package/dist/components/ui-barra-ferramentas/ferramentas-comum.d.ts +3 -1
  20. package/dist/components/ui-barra-ferramentas/paleta-atalhos.d.ts +23 -0
  21. package/dist/components/ui-barra-ferramentas/paleta-pressao-longa.d.ts +24 -0
  22. package/dist/components/ui-barra-ferramentas/ribbon-render.d.ts +22 -0
  23. package/dist/components/ui-barra-ferramentas/ribbon-teclado.d.ts +24 -0
  24. package/dist/components/ui-barra-ferramentas/ui-paleta-ferramentas.d.ts +3 -7
  25. package/dist/components/ui-barra-ferramentas/ui-ribbon.d.ts +0 -1
  26. package/dist/components/ui-camadas/camadas-arraste-controles.d.ts +2 -0
  27. package/dist/components/ui-camadas/camadas-arvore-renderer.d.ts +4 -11
  28. package/dist/components/ui-camadas/camadas-colecao.d.ts +27 -0
  29. package/dist/components/ui-camadas/camadas-drag-drop.d.ts +13 -1
  30. package/dist/components/ui-camadas/camadas-drop-ops.d.ts +31 -0
  31. package/dist/components/ui-camadas/camadas-hierarquia.d.ts +10 -0
  32. package/dist/components/ui-camadas/camadas-host.d.ts +1 -0
  33. package/dist/components/ui-camadas/camadas-lembranca.d.ts +34 -0
  34. package/dist/components/ui-camadas/camadas-mapas-base.d.ts +3 -1
  35. package/dist/components/ui-camadas/camadas-render.d.ts +15 -0
  36. package/dist/components/ui-camadas/camadas-renomear.d.ts +12 -0
  37. package/dist/components/ui-camadas/camadas-selecao-api.d.ts +17 -0
  38. package/dist/components/ui-camadas/camadas-selecao.d.ts +12 -0
  39. package/dist/components/ui-camadas/camadas-thumb.d.ts +1 -0
  40. package/dist/components/ui-camadas/ui-camadas.d.ts +8 -5
  41. package/dist/components/ui-canvas-cad/cad-acessibilidade.d.ts +15 -0
  42. package/dist/components/ui-canvas-cad/cad-atributos-sync.d.ts +2 -1
  43. package/dist/components/ui-canvas-cad/cad-broadcast.d.ts +1 -1
  44. package/dist/components/ui-canvas-cad/cad-evento-coordenadas.d.ts +22 -0
  45. package/dist/components/ui-canvas-cad/cad-eventos-canvas.d.ts +3 -8
  46. package/dist/components/ui-canvas-cad/cad-feicoes-camera.d.ts +26 -0
  47. package/dist/components/ui-canvas-cad/cad-feicoes-consulta.d.ts +21 -0
  48. package/dist/components/ui-canvas-cad/cad-feicoes-dados.d.ts +39 -0
  49. package/dist/components/ui-canvas-cad/cad-feicoes-desenho.d.ts +68 -0
  50. package/dist/components/ui-canvas-cad/cad-feicoes-edicao.d.ts +37 -0
  51. package/dist/components/ui-canvas-cad/cad-feicoes-operacoes.d.ts +48 -0
  52. package/dist/components/ui-canvas-cad/cad-feicoes-ponteiro.d.ts +28 -0
  53. package/dist/components/ui-canvas-cad/cad-feicoes-selecao-regiao.d.ts +22 -0
  54. package/dist/components/ui-canvas-cad/cad-feicoes-tipos.d.ts +53 -0
  55. package/dist/components/ui-canvas-cad/cad-feicoes-versoes.d.ts +33 -0
  56. package/dist/components/ui-canvas-cad/cad-feicoes.d.ts +39 -106
  57. package/dist/components/ui-canvas-cad/cad-inicializador.d.ts +3 -1
  58. package/dist/components/ui-canvas-cad/cad-leaflet-adaptador.d.ts +5 -0
  59. package/dist/components/ui-canvas-cad/cad-selecao-pontos.d.ts +5 -0
  60. package/dist/components/ui-canvas-cad/tipos.d.ts +37 -0
  61. package/dist/components/ui-canvas-cad/ui-canvas-cad.d.ts +30 -1
  62. package/dist/components/ui-checkbox/ui-checkbox.d.ts +4 -1
  63. package/dist/components/ui-cores/tipos.d.ts +2 -0
  64. package/dist/components/ui-cores/ui-controle-cores.d.ts +8 -3
  65. package/dist/components/ui-cores/ui-seletor-cor.d.ts +3 -1
  66. package/dist/components/ui-linha/index.d.ts +1 -0
  67. package/dist/components/ui-linha/ui-linha.d.ts +48 -0
  68. package/dist/components/ui-mapa/mapa-atributos.d.ts +14 -0
  69. package/dist/components/ui-mapa/mapa-basemaps.d.ts +7 -0
  70. package/dist/components/ui-mapa/mapa-icones.d.ts +4 -0
  71. package/dist/components/ui-mapa/mapa-leaflet.d.ts +5 -0
  72. package/dist/components/ui-mapa/mapa-vinculo-pai.d.ts +22 -0
  73. package/dist/components/ui-mapa/tipos.d.ts +13 -0
  74. package/dist/components/ui-mapa/ui-mapa-linha.d.ts +12 -5
  75. package/dist/components/ui-mapa/ui-mapa-marcador.d.ts +15 -6
  76. package/dist/components/ui-mapa/ui-mapa.d.ts +14 -1
  77. package/dist/components/ui-modal/modal-acessibilidade.d.ts +5 -5
  78. package/dist/components/ui-modal/modal-foco.d.ts +28 -0
  79. package/dist/components/ui-modal/ui-modal.d.ts +1 -11
  80. package/dist/components/ui-radio/radio-grupo-registry.d.ts +10 -0
  81. package/dist/components/ui-radio/ui-radio.d.ts +9 -2
  82. package/dist/components/ui-skeleton/ui-skeleton.d.ts +9 -0
  83. package/dist/components/ui-switch/ui-switch.d.ts +3 -1
  84. package/dist/components/ui-tabela/tabela-estados.d.ts +16 -0
  85. package/dist/components/ui-tabela/tabela-rolagem.d.ts +44 -0
  86. package/dist/components/ui-tabela/tabela-teclado.d.ts +16 -0
  87. package/dist/components/ui-tabela/ui-tabela.d.ts +1 -19
  88. package/dist/components/ui-tooltip/tooltip-popover.d.ts +7 -0
  89. package/dist/components/ui-tooltip/tooltip-posicionamento.d.ts +29 -0
  90. package/dist/components/ui-tooltip/ui-tooltip.d.ts +24 -1
  91. package/dist/core/altura-controle.d.ts +34 -0
  92. package/dist/core/index.d.ts +1 -0
  93. package/dist/core/opcoes.d.ts +9 -0
  94. package/dist/core/rotulo-controle.d.ts +13 -0
  95. package/dist/core.cjs +1 -1
  96. package/dist/core.js +28 -18
  97. package/dist/cores.cjs +1 -1
  98. package/dist/cores.js +1 -1
  99. package/dist/custom-elements.json +22088 -16390
  100. package/dist/data.cjs +1 -1
  101. package/dist/data.js +2 -2
  102. package/dist/feedback.cjs +1 -1
  103. package/dist/feedback.js +2 -2
  104. package/dist/form-validacao-BlQFxUVj.js +104 -0
  105. package/dist/form-validacao-DIeyQVH5.cjs +1 -0
  106. package/dist/forms.cjs +1 -1
  107. package/dist/forms.js +2 -2
  108. package/dist/gerencigeo-canvas/canvas_interacao.d.ts +0 -1
  109. package/dist/gerencigeo-canvas/curva_leaflet.d.ts +2 -2
  110. package/dist/gerencigeo-canvas/feature_curvas.d.ts +3 -1
  111. package/dist/gerencigeo-canvas/feature_lod.d.ts +38 -0
  112. package/dist/gerencigeo-canvas/feature_popup.d.ts +2 -0
  113. package/dist/gerencigeo-canvas/feature_simplificacao.d.ts +16 -8
  114. package/dist/gerencigeo-canvas/index.d.ts +7 -0
  115. package/dist/gerencigeo-canvas/layer_hit_test.d.ts +22 -0
  116. package/dist/gerencigeo-canvas/layer_manager.d.ts +5 -0
  117. package/dist/gerencigeo-canvas/mapa_core.d.ts +6 -0
  118. package/dist/gerencigeo-canvas/motor/dados-camada.d.ts +39 -0
  119. package/dist/gerencigeo-canvas/motor/estilo.d.ts +28 -0
  120. package/dist/gerencigeo-canvas/motor/geometria-px.d.ts +27 -0
  121. package/dist/gerencigeo-canvas/motor/index.d.ts +5 -0
  122. package/dist/gerencigeo-canvas/motor/motor-formas.d.ts +107 -0
  123. package/dist/gerencigeo-canvas/motor/tipos.d.ts +100 -0
  124. package/dist/gerencigeo-canvas/popup_gate.d.ts +30 -0
  125. package/dist/gerencigeo-canvas/renderers/canvas_formas_leaflet.d.ts +87 -0
  126. package/dist/gerencigeo-canvas/renderers/feicoes_canvas_renderer.d.ts +58 -0
  127. package/dist/gerencigeo-canvas/renderers/feicoes_despachante.d.ts +31 -0
  128. package/dist/gerencigeo-canvas/renderers/feicoes_renderer.d.ts +48 -9
  129. package/dist/gerencigeo-canvas/renderers/marcadores_feicoes.d.ts +11 -0
  130. package/dist/gerencigeo-canvas/renderers/marcas_lod_layer.d.ts +19 -0
  131. package/dist/gerencigeo-canvas/renderers/renderizador_feicoes_tipos.d.ts +44 -0
  132. package/dist/gerencigeo-canvas/renderers/renderizador_formas.d.ts +95 -0
  133. package/dist/gerencigeo-canvas/renderers/selecao_visual.d.ts +6 -0
  134. package/dist/gerencigeo-canvas/types.d.ts +2 -0
  135. package/dist/gerencigeo-canvas/zoom_opcoes.d.ts +10 -0
  136. package/dist/index.cjs +1 -1
  137. package/dist/index.d.ts +3 -0
  138. package/dist/index.js +179 -176
  139. package/dist/mapa.cjs +11 -16
  140. package/dist/mapa.js +242 -170
  141. package/dist/modal.cjs +1 -1
  142. package/dist/modal.js +1 -1
  143. package/dist/motor-BB6tB6U-.cjs +1 -0
  144. package/dist/motor-CFI84lM2.js +1301 -0
  145. package/dist/motor.cjs +1 -0
  146. package/dist/motor.d.ts +7 -0
  147. package/dist/motor.js +52 -0
  148. package/dist/opcoes-CJYLi6kd.js +12 -0
  149. package/dist/opcoes-CkyDxBuQ.cjs +1 -0
  150. package/dist/register.cjs +1 -1
  151. package/dist/register.js +11 -11
  152. package/dist/tabela.cjs +1 -1
  153. package/dist/tabela.js +1 -1
  154. package/dist/tipos-elementos.d.ts +49 -8
  155. package/dist/tipos-react.d.ts +2 -0
  156. package/dist/tipos-vue.d.ts +45 -8
  157. package/dist/tools.cjs +1 -1
  158. package/dist/tools.js +1 -1
  159. package/dist/ui-badge-BWhoGgo9.js +197 -0
  160. package/dist/ui-badge-SIR81R9l.cjs +28 -0
  161. package/dist/ui-botao-D24oXySA.cjs +12 -0
  162. package/dist/ui-botao-Dsj08jjw.js +165 -0
  163. package/dist/{ui-campo-texto-Uu2dJE_0.js → ui-campo-texto-B_OHVGiN.js} +51 -51
  164. package/dist/ui-campo-texto-DauJCde3.cjs +16 -0
  165. package/dist/{ui-card-C_o5_0cB.js → ui-card-BNYCQ7g-.js} +50 -42
  166. package/dist/ui-card-BrjBL-yo.cjs +20 -0
  167. package/dist/ui-controle-cores-DgEza3wF.js +612 -0
  168. package/dist/ui-controle-cores-uY__TgwW.cjs +117 -0
  169. package/dist/ui-kit.css +1 -1
  170. package/dist/ui-linha-BYAX4W6x.cjs +19 -0
  171. package/dist/{ui-segmented-DyF5YLsV.js → ui-linha-aqLlaYi7.js} +209 -114
  172. package/dist/{ui-modal-DBOtSTbR.js → ui-modal-BkYvNP0G.js} +116 -140
  173. package/dist/ui-modal-CUNbpbZ1.cjs +18 -0
  174. package/dist/{ui-paleta-ferramentas-DbwdWVtT.js → ui-paleta-ferramentas-BXXrI1Y7.js} +491 -431
  175. package/dist/ui-paleta-ferramentas-CsPMTY0G.cjs +21 -0
  176. package/dist/{ui-skeleton-W9uwIceA.js → ui-skeleton-B2Rgrv8o.js} +254 -191
  177. package/dist/{ui-skeleton-SPYqku8P.cjs → ui-skeleton-DiOxTBZK.cjs} +10 -10
  178. package/dist/ui-switch-D9a8XlVX.cjs +53 -0
  179. package/dist/{ui-switch-BcOqOkiV.js → ui-switch-DO1R0Ce7.js} +187 -128
  180. package/dist/{ui-tabela-propriedades-C-PeuW1i.cjs → ui-tabela-propriedades-CjK2gG14.cjs} +10 -10
  181. package/dist/{ui-tabela-propriedades-BokvDD3b.js → ui-tabela-propriedades-DoL4SE0r.js} +845 -826
  182. package/package.json +8 -3
  183. package/dist/form-validacao-BIOXxt-1.js +0 -140
  184. package/dist/form-validacao-ytRYSF3E.cjs +0 -1
  185. package/dist/svg-seguro-BsbNQqpd.js +0 -50
  186. package/dist/svg-seguro-C76iLlAZ.cjs +0 -1
  187. package/dist/ui-badge-BxT-sDmV.cjs +0 -28
  188. package/dist/ui-badge-C0eKBI8E.js +0 -183
  189. package/dist/ui-botao-BOOnP8ds.cjs +0 -12
  190. package/dist/ui-botao-DfqSivHl.js +0 -165
  191. package/dist/ui-botao-OGJV6Vfk.js +0 -165
  192. package/dist/ui-botao-psS1juof.cjs +0 -12
  193. package/dist/ui-campo-texto-Cnn2UAkS.cjs +0 -16
  194. package/dist/ui-card-B86lJXTP.cjs +0 -20
  195. package/dist/ui-controle-cores-BS0WYPdi.js +0 -572
  196. package/dist/ui-controle-cores-Er6ZcQ7U.cjs +0 -111
  197. package/dist/ui-modal-CvGFGh1h.cjs +0 -18
  198. package/dist/ui-paleta-ferramentas-CEZYcN4J.js +0 -624
  199. package/dist/ui-paleta-ferramentas-CU4icLl0.js +0 -1171
  200. package/dist/ui-paleta-ferramentas-Ccmo-rB5.cjs +0 -21
  201. package/dist/ui-paleta-ferramentas-DLwZHIDv.cjs +0 -21
  202. package/dist/ui-paleta-ferramentas-DNN5i6nL.js +0 -860
  203. package/dist/ui-paleta-ferramentas-Dbj1kBS9.cjs +0 -18
  204. package/dist/ui-paleta-ferramentas-bvqxj1Yd.cjs +0 -21
  205. package/dist/ui-segmented-D6b6zxVs.cjs +0 -19
  206. package/dist/ui-segmented-rn9RxRGM.cjs +0 -19
  207. package/dist/ui-segmented-wUraId2e.js +0 -412
  208. package/dist/ui-skeleton-DI4_9WOX.js +0 -428
  209. package/dist/ui-skeleton-elhKIh2B.cjs +0 -33
  210. package/dist/ui-switch-D7iPKDj-.cjs +0 -53
  211. package/dist/ui-tabela-propriedades-BBr5sqki.cjs +0 -145
  212. package/dist/ui-tabela-propriedades-BecPqC-e.cjs +0 -141
  213. package/dist/ui-tabela-propriedades-Boy7I5yW.js +0 -2412
  214. package/dist/ui-tabela-propriedades-Df9ajC6M.js +0 -2648
  215. package/dist/ui-toast-Bp_NlM5G.js +0 -156
  216. package/dist/ui-toast-DGTZKne5.cjs +0 -20
  217. package/dist/zero-js-triggers-C_KrvFOQ.js +0 -244
  218. package/dist/zero-js-triggers-C_gtaojZ.cjs +0 -1
@@ -1,21 +0,0 @@
1
- "use strict";var G=Object.defineProperty;var K=(o,s,t)=>s in o?G(o,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[s]=t;var c=(o,s,t)=>K(o,typeof s!="symbol"?s+"":s,t);const z=require("./listener-bag-D5omxZ9h.cjs"),w=require("./ssr-safe-CiHD1adl.cjs"),Y=require("./svg-seguro-C76iLlAZ.cjs"),W=':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)}',$={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 D extends w.SafeHTMLElement{constructor(){super();c(this,"iconContainer");c(this,"svgContainer");c(this,"slotElement");c(this,"handleSlotChange",()=>{this.syncState()});const t=this.attachShadow({mode:"open"});t.innerHTML=`
2
- <style>${W}</style>
3
- <span class="ui-icone" aria-hidden="true">
4
- <span class="ui-icone__svg" style="display: none;"></span>
5
- <slot></slot>
6
- </span>
7
- `,this.iconContainer=t.querySelector(".ui-icone"),this.svgContainer=t.querySelector(".ui-icone__svg"),this.slotElement=t.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(t,e,i){this.syncState()}resolveTamanhoPx(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md";switch(t.toLowerCase()){case"sm":return"16px";case"md":return"20px";case"lg":return"24px";case"xl":return"32px";default:return isNaN(Number(t))?t:`${t}px`}}syncState(){const t=this.resolveTamanhoPx();this.style.setProperty("--ui-tamanho-icone",t);const e=this.getAttribute("cor")||this.getAttribute("color");e?(this.style.setProperty("--ui-cor-icone",e),this.iconContainer.style.color=e):(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"),l=this.slotElement.assignedNodes().length>0;r&&$[r]&&!l?(this.svgContainer.innerHTML=$[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}w.definirCustomElement("ui-icone",D);const X=':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__cabecalho{display:flex;align-items:stretch;height:30px;box-sizing:border-box;box-shadow:inset 0 -1px 0 var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas{display:flex;flex:1;min-width:0;align-items:flex-end;gap:2px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;background:linear-gradient(to right,var(--ui-cor-superficie, #141417) 20px,transparent) left top / 28px calc(100% - 1px) no-repeat local,linear-gradient(to left,var(--ui-cor-superficie, #141417) 20px,transparent) right top / 28px calc(100% - 1px) no-repeat local,linear-gradient(to right,rgba(0,0,0,.35),transparent) left top / 14px calc(100% - 1px) no-repeat scroll,linear-gradient(to left,rgba(0,0,0,.35),transparent) right top / 14px calc(100% - 1px) no-repeat scroll}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;margin-bottom:1px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,color .12s ease}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__aba:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{height:30px;margin-bottom:0;color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e);box-shadow:inset 1px 0 0 var(--ui-cor-borda, rgba(255, 255, 255, .12)),inset -1px 0 0 var(--ui-cor-borda, rgba(255, 255, 255, .12)),inset 0 1px 0 var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__aba--ativa:after{content:"";position:absolute;inset-inline:8px;bottom:1px;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__aba--contextual:before{content:"";position:absolute;inset-inline:0;top:0;height:2px;border-radius:6px 6px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__fixar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;width:28px;height:24px;margin-inline:2px 6px;padding:0;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer}.ui-ribbon__fixar:hover{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__fixar:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-ribbon__fixar:before{content:"";width:6px;height:6px;border:solid currentColor;border-width:2px 0 0 2px;transform:translateY(2px) rotate(45deg)}:host([recolhido]) .ui-ribbon__fixar:before{transform:translateY(-2px) rotate(225deg)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ui-cor-borda, rgba(255, 255, 255, .2)) transparent}.ui-ribbon__grupos{display:flex;align-items:stretch;width:max-content;min-width:100%;min-height:92px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-inline-end:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-inline-end:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{padding:3px 0 1px;color:var(--ui-cor-texto-secundario, #888899);font-size:.6875rem;line-height:1.2;text-align:center;white-space:nowrap}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:0}.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--grande .ui-ferr-btn__rotulo{max-width:72px;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}.ui-ferr-btn--pequeno{height:24px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}.ui-ribbon__grupos .ui-ferr-btn:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px;box-shadow:none}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;inset-inline: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:0;padding-block:2px}:host([compacto]) .ui-ribbon__grupo-rotulo{display:none}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}@media (max-width: 720px){.ui-ferr-btn--pequeno:has(.ui-ferr-btn__icone) .ui-ferr-btn__rotulo{display:none}.ui-ferr-btn--pequeno:has(.ui-ferr-btn__icone){min-width:28px;justify-content:center;padding:0 4px}}@media (pointer: coarse){.ui-ribbon__cabecalho{height:38px}.ui-ribbon__aba{height:36px}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{height:38px}.ui-ferr-btn--pequeno{height:32px}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:32px}.ui-ribbon__fixar{width:36px;height:32px}}@media (prefers-reduced-motion: reduce){.ui-ribbon__aba{transition:none}}@media (forced-colors: active){.ui-ribbon__aba--ativa:after,.ui-ribbon__aba--contextual:before{background:Highlight;forced-color-adjust:none}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{box-shadow:none;border:1px solid CanvasText;border-bottom-color:Canvas}.ui-ribbon__aba:focus-visible,.ui-ribbon__fixar:focus-visible,.ui-ribbon__grupos .ui-ferr-btn:focus-visible{outline-color:Highlight}}',B='.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:.75rem;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:2px solid transparent;outline-offset:2px;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.ui-ferr-btn--ativo:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 28%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 36%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:disabled{background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.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;max-height:calc(100vh - 8px);overflow-y:auto;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{position:relative;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:.75rem;text-align:start;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px;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,.ui-ferr-menu__item[aria-checked=true]{color:var(--ui-cor-primaria, #00E08A);font-weight:600}.ui-ferr-menu__item--ativo:after,.ui-ferr-menu__item[aria-checked=true]:after{content:"";flex-shrink:0;width:4px;height:8px;margin-inline-start:4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{margin-inline-start:16px;color:var(--ui-cor-texto-secundario, #888899);font-size:.6875rem;font-variant-numeric:tabular-nums}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}@media (pointer: coarse){.ui-ferr-menu__item{height:36px}}@media (prefers-reduced-motion: reduce){.ui-ferr-btn{transition:none}}@media (forced-colors: active){.ui-ferr-btn:focus-visible,.ui-ferr-menu__item:focus-visible{outline:2px solid Highlight}.ui-ferr-btn--ativo{background:Highlight;color:HighlightText;border-color:ButtonText;forced-color-adjust:none}.ui-ferr-btn:disabled,.ui-ferr-menu__item:disabled{opacity:1;color:GrayText}.ui-ferr-menu{border-color:CanvasText}.ui-ferr-menu__item:hover:not(:disabled){background:Highlight;color:HighlightText}}';function H(o,s){if(!o)return null;const t=document.createElement("ui-icone");if(t.setAttribute("tamanho",String(s)),o.trimStart().startsWith("<")){const e=Y.higienizarSvg(o);if(!e)return null;t.appendChild(e)}else t.setAttribute("nome",o);return t}const q=new Set;function M(o){return o.rotuloAcessivel?o.rotuloAcessivel:o.rotulo?o.rotulo:o.icone&&!o.icone.trimStart().startsWith("<")?o.icone:(q.has(o.id)||(q.add(o.id),console.warn(`[ui-barra-ferramentas] O item "${o.id}" não tem "rotulo" nem "rotuloAcessivel": o id será usado como nome acessível.`)),o.id)}function J(o){const s=M(o);return o.atalho?`${s} (${o.atalho})`:s}function P(o,s){const t=new Set,e=new Set;o.forEach(i=>t.has(i)?e.add(i):t.add(i)),e.size&&console.warn(`[ui-barra-ferramentas] ${s}: ids duplicados (${[...e].join(", ")}). Use ids únicos, senão atualizarItem() e os eventos podem atingir o item errado.`)}function I(o,s=[]){for(const t of o)t.tipo!=="separador"&&(s.push(t.id),t.filhos&&I(t.filhos,s));return s}function A(o,s){o.disabled=!!s.disabled;const t=s.tipo,e=t==="toggle"||t==="ferramenta";e?o.setAttribute("aria-pressed",String(!!s.ativo)):o.removeAttribute("aria-pressed"),o.classList.toggle("ui-ferr-btn--ativo",e&&!!s.ativo)}function N(o,s,t){var a;const e=document.createElement("button");e.type="button",e.className=`ui-ferr-btn ui-ferr-btn--${s}`,e.dataset.id=o.id,e.tabIndex=-1,e.setAttribute("aria-label",M(o)),o.atalho&&e.setAttribute("aria-keyshortcuts",o.atalho),e.title=J(o);const i=H(o.icone,t);if(i){const n=document.createElement("span");n.className="ui-ferr-btn__icone",n.appendChild(i),e.appendChild(n)}const r=!!((a=o.filhos)!=null&&a.length),l=s!=="paleta"&&!o.somenteIcone&&!!o.rotulo;if(s!=="paleta"&&o.somenteIcone&&e.classList.add("ui-ferr-btn--so-icone"),l){const n=document.createElement("span");n.className="ui-ferr-btn__rotulo",n.textContent=o.rotulo,e.appendChild(n)}if(r){if(s==="paleta")e.classList.add("ui-ferr-btn--grupo");else{const n=document.createElement("span");n.className="ui-ferr-btn__caret",e.appendChild(n)}e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded","false")}return A(e,o),e}function g(o,s){for(const t of o){if(t.id===s)return t;if(t.filhos){const e=g(t.filhos,s);if(e)return e}}}function L(o){const s=o.filter(t=>!t.disabled);o.forEach(t=>t.tabIndex=-1),s.length&&(s[0].tabIndex=0)}function j(o){const s=o.find(t=>t.tabIndex===0&&!t.disabled);s?o.forEach(t=>{t!==s&&(t.tabIndex=-1)}):L(o)}function R(o,s){const t=o.find(e=>e===s||e.contains(s));!t||t.disabled||o.forEach(e=>e.tabIndex=e===t?0:-1)}function S(o,s,t,e){const i=s.filter(n=>!n.disabled),r=i.length,l=i.findIndex(n=>n===o.target);if(r===0||l<0)return!1;let a=l;if(t.includes(o.key))a=(l-1+r)%r;else if(e.includes(o.key))a=(l+1)%r;else if(o.key==="Home")a=0;else if(o.key==="End")a=r-1;else return!1;return o.preventDefault(),s.forEach(n=>n.tabIndex=-1),i[a].tabIndex=0,i[a].focus(),!0}let Q=0;function O(o,s,t,e,i={}){var T;const r=i.lado??"baixo",l=new z.ListenerBag,a=document.createElement("div");a.className="ui-ferr-menu",a.setAttribute("role","menu"),a.id=`ui-ferr-menu-${++Q}`,a.setAttribute("aria-label",s.getAttribute("aria-label")||"Menu"),s.setAttribute("aria-controls",a.id);const n=[];let h=!1;const u=()=>{var d;h||(h=!0,s.removeAttribute("aria-controls"),l.cleanup(),a.remove(),(d=i.onFechar)==null||d.call(i))};t.forEach(d=>{if(d.tipo==="separador"){const v=document.createElement("div");v.className="ui-ferr-menu__sep",v.setAttribute("role","separator"),a.appendChild(v);return}const b=document.createElement("button");b.type="button",b.className="ui-ferr-menu__item";const E=d.tipo??i.tipoPadrao??"botao";E==="toggle"?(b.setAttribute("role","menuitemcheckbox"),b.setAttribute("aria-checked",String(!!d.ativo))):E==="ferramenta"?(b.setAttribute("role","menuitemradio"),b.setAttribute("aria-checked",String(!!d.ativo))):b.setAttribute("role","menuitem"),b.dataset.id=d.id,b.disabled=!!d.disabled,d.atalho&&b.setAttribute("aria-keyshortcuts",d.atalho),d.ativo&&b.classList.add("ui-ferr-menu__item--ativo");const _=document.createElement("span");_.className="ui-ferr-menu__icone";const F=H(d.icone,14);F&&_.appendChild(F),b.appendChild(_);const C=document.createElement("span");if(C.className="ui-ferr-menu__rotulo",C.textContent=M(d),b.appendChild(C),d.atalho){const v=document.createElement("span");v.className="ui-ferr-menu__atalho",v.textContent=d.atalho,b.appendChild(v)}b.addEventListener("click",v=>{v.stopPropagation(),u(),s.focus(),e(d)}),n.push(b),a.appendChild(b)}),o.appendChild(a);const p=s.getBoundingClientRect(),m=getComputedStyle(s).direction==="rtl",f=a.getBoundingClientRect();let x=r==="direita"?p.top:p.bottom+2,y=r==="direita"?m?p.left-f.width-4:p.right+4:m?p.right-f.width:p.left;f.width&&y+f.width>window.innerWidth-4&&(y=Math.max(4,window.innerWidth-f.width-4)),y<4&&(y=4),f.height&&x+f.height>window.innerHeight-4&&(x=Math.max(4,window.innerHeight-f.height-4)),a.style.top=`${x}px`,a.style.left=`${y}px`;const k=()=>n.filter(d=>!d.disabled);return l.add(a,"keydown",d=>{const b=k(),E=b.findIndex(_=>_===d.target);if(d.key==="Escape")d.preventDefault(),d.stopPropagation(),u(),s.focus();else if(d.key==="Tab")u();else if(b.length&&(d.key==="ArrowDown"||d.key==="ArrowUp")){d.preventDefault();const _=d.key==="ArrowDown"?1:-1;b[(E+_+b.length)%b.length].focus()}else b.length&&d.key==="Home"?(d.preventDefault(),b[0].focus()):b.length&&d.key==="End"&&(d.preventDefault(),b[b.length-1].focus())}),l.add(document,"pointerdown",d=>{const b=d.composedPath();!b.includes(a)&&!b.includes(s)&&u()},!0),l.add(window,"resize",u),l.add(window,"scroll",d=>{d.target instanceof Node&&a.contains(d.target)||u()},!0),l.add(window,"blur",u),i.focar&&((T=k()[0])==null||T.focus()),{elemento:a,ancora:s,fechar:u,focarPrimeiro:()=>{var d;return(d=k()[0])==null?void 0:d.focus()}}}let Z=0;class V extends w.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"abasElement");c(this,"gruposElement");c(this,"painelElement");c(this,"fixarElement");c(this,"uid",`ui-ribbon-${++Z}`);c(this,"_abaPendente","");c(this,"_pronto",!1);c(this,"_abas",[]);c(this,"_abaAtiva","");c(this,"menu",null);c(this,"listeners",new z.ListenerBag);c(this,"handleFocusInGrupos",t=>R(this.botoesPainel(),t.target));c(this,"handleClickAbas",t=>{const e=t.target.closest(".ui-ribbon__aba");e!=null&&e.dataset.id&&(this.selecionarAba(e.dataset.id),this.recolhido&&this.rootElement.classList.toggle("ui-ribbon--aberto"))});c(this,"handleClickFixar",()=>{this.recolhido=!this.recolhido});c(this,"handleDblClickAbas",t=>{t.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});c(this,"handleKeyDownAbas",t=>{var h,u;const e=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=e.findIndex(p=>p===t.target);if(i<0)return;let r=i;const[l,a]=this.rtl?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"];if(t.key===l)r=(i+1)%e.length;else if(t.key===a)r=(i-1+e.length)%e.length;else if(t.key==="Home")r=0;else if(t.key==="End")r=e.length-1;else if(t.key==="ArrowDown"){t.preventDefault(),this.recolhido&&this.rootElement.classList.add("ui-ribbon--aberto"),(h=this.botoesPainel().find(p=>!p.disabled))==null||h.focus();return}else return;t.preventDefault();const n=e[r].dataset.id;n&&this.selecionarAba(n),(u=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(n??"")}"]`))==null||u.focus()});c(this,"handleClickGrupos",t=>{const e=t.target.closest(".ui-ferr-btn");e!=null&&e.dataset.id&&this.acionar(e,t.detail===0)});c(this,"handleKeyDownGrupos",t=>{var r;const e=this.botoesPainel();if(this.rtl?S(t,e,["ArrowRight"],["ArrowLeft"]):S(t,e,["ArrowLeft"],["ArrowRight"]))return;const i=t.target instanceof HTMLButtonElement?t.target:null;(i==null?void 0:i.getAttribute("aria-haspopup"))==="menu"&&t.key==="ArrowDown"&&(t.preventDefault(),((r=this.menu)==null?void 0:r.ancora)===i?this.menu.focarPrimeiro():this.acionar(i,!0))});c(this,"handleEscape",t=>{t.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});c(this,"handlePointerDownFora",t=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||t.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});const t=this.attachShadow({mode:"open"});t.innerHTML=`
8
- <style>${B}${X}</style>
9
- <div class="ui-ribbon">
10
- <div class="ui-ribbon__cabecalho">
11
- <div class="ui-ribbon__abas" role="tablist"></div>
12
- <button type="button" class="ui-ribbon__fixar"></button>
13
- </div>
14
- <div class="ui-ribbon__painel" role="tabpanel">
15
- <div class="ui-ribbon__grupos" role="toolbar" aria-label="Ferramentas"></div>
16
- </div>
17
- </div>
18
- `,this.rootElement=t.querySelector(".ui-ribbon"),this.abasElement=t.querySelector(".ui-ribbon__abas"),this.gruposElement=t.querySelector(".ui-ribbon__grupos"),this.painelElement=t.querySelector(".ui-ribbon__painel"),this.fixarElement=t.querySelector(".ui-ribbon__fixar"),this.painelElement.id=`${this.uid}-painel`}static get observedAttributes(){return["aba-ativa","recolhido","compacto","aria-label","rotulo-abas","rotulo-fixar","rotulo-expandir"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.abasElement,"click",this.handleClickAbas),this.listeners.add(this.fixarElement,"click",this.handleClickFixar),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),this.listeners.add(this.gruposElement,"focusin",this.handleFocusInGrupos);const t=this.getAttribute("aba-ativa");t&&!this._abaAtiva&&(this._abaPendente=t),this.aplicarRotulos(),this.renderizar(),this._pronto=!0}disconnectedCallback(){this._pronto=!1,this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i)if(t==="aba-ativa"){if(!i||i===this._abaAtiva)return;this._abas.some(r=>r.id===i&&!r.oculta)?(this._abaPendente="",this.selecionarAba(i,!1)):(this._abaPendente=i,this.abasVisiveis().length&&this.renderizar())}else t==="recolhido"?(this.rootElement.classList.remove("ui-ribbon--aberto"),this.aplicarRotulos(),this._pronto&&e===null!=(i===null)&&this.dispatchEvent(new CustomEvent("ui-recolhido-change",{detail:{recolhido:i!==null},bubbles:!0,composed:!0}))):(t==="aria-label"||t==="rotulo-abas"||t==="rotulo-fixar"||t==="rotulo-expandir")&&this.aplicarRotulos()}aplicarRotulos(){this.gruposElement.setAttribute("aria-label",this.getAttribute("aria-label")||"Ferramentas"),this.abasElement.setAttribute("aria-label",this.getAttribute("rotulo-abas")||"Abas");const t=this.hasAttribute("recolhido"),e=t?this.getAttribute("rotulo-expandir")||"Fixar faixa de opções":this.getAttribute("rotulo-fixar")||"Recolher faixa de opções";this.fixarElement.setAttribute("aria-label",e),this.fixarElement.title=e,this.fixarElement.setAttribute("aria-expanded",String(!t)),this.fixarElement.setAttribute("aria-controls",this.painelElement.id)}get abas(){return this._abas}set abas(t){this._abas=Array.isArray(t)?t:[],P(this._abas.map(e=>e.id),"<ui-ribbon> abas"),P(this._abas.flatMap(e=>e.grupos.flatMap(i=>I(i.itens))),"<ui-ribbon> itens"),this.renderizar()}get abaAtiva(){return this._abaAtiva}set abaAtiva(t){this.selecionarAba(t)}get recolhido(){return this.hasAttribute("recolhido")}set recolhido(t){t?this.setAttribute("recolhido",""):this.removeAttribute("recolhido")}get compacto(){return this.hasAttribute("compacto")}set compacto(t){t?this.setAttribute("compacto",""):this.removeAttribute("compacto")}selecionarAba(t,e=!0){const i=this._abas.find(r=>r.id===t&&!r.oculta);if(!i){t&&this._abas.length&&console.warn(`[ui-ribbon] selecionarAba("${t}"): aba inexistente ou oculta.`);return}i.id!==this._abaAtiva&&(this._abaPendente="",this.fecharMenu(),this._abaAtiva=i.id,this.getAttribute("aba-ativa")!==i.id&&this.setAttribute("aba-ativa",i.id),this.renderizar(),e&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:i.id,aba:i},bubbles:!0,composed:!0})))}definirAbaVisivel(t,e){const i=this._abas.find(a=>a.id===t);if(!i)return;const r=this._abaAtiva;i.oculta=!e,!e&&r===t&&(this._abaAtiva=""),this.renderizar();const l=this._abas.find(a=>a.id===this._abaAtiva);!e&&r===t&&l&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:l.id,aba:l},bubbles:!0,composed:!0}))}atualizarItem(t,e){const i=this._abas.flatMap(h=>h.grupos.flatMap(u=>u.itens)),r=g(i,t);if(!r){console.warn(`[ui-ribbon] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(r,e);const l=this._abas.find(h=>h.id===this._abaAtiva);if(!l||!g(l.grupos.flatMap(h=>h.itens),t))return;const a=Object.keys(e).every(h=>h==="ativo"||h==="disabled"),n=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(t)}"]`);a?n&&(A(n,this.efetivo(r)),j(this.botoesPainel())):this.comFoco(()=>this.renderizarPainel())}efetivo(t){var e;return(e=t.filhos)!=null&&e.length?{...t,tipo:"menu"}:t}capturarFoco(){var e,i;const t=(e=this.shadowRoot)==null?void 0:e.activeElement;return(i=t==null?void 0:t.dataset)!=null&&i.id?t.classList.contains("ui-ribbon__aba")?{seletor:".ui-ribbon__aba",id:t.dataset.id}:t.classList.contains("ui-ferr-btn")?{seletor:".ui-ferr-btn",id:t.dataset.id}:null:null}comFoco(t){const e=this.capturarFoco();if(t(),!e)return;const i=this.shadowRoot.querySelector(`${e.seletor}[data-id="${CSS.escape(e.id)}"]`);i&&!i.disabled&&i.focus()}abasVisiveis(){return this._abas.filter(t=>!t.oculta)}renderizar(){var e;const t=this.abasVisiveis();this._abaPendente&&t.length&&(t.some(i=>i.id===this._abaPendente)?(this._abaAtiva=this._abaPendente,this._abaPendente=""):this._abas.some(i=>i.id===this._abaPendente)||(console.warn(`[ui-ribbon] aba-ativa="${this._abaPendente}" não existe em "abas".`),this._abaPendente="")),t.some(i=>i.id===this._abaAtiva)||(this._abaAtiva=((e=t[0])==null?void 0:e.id)??""),this._abaAtiva&&!this._abaPendente&&this.getAttribute("aba-ativa")!==this._abaAtiva&&this.setAttribute("aba-ativa",this._abaAtiva),this.comFoco(()=>{this.renderizarAbas(),this.renderizarPainel()})}renderizarAbas(){this.abasElement.innerHTML="",this.abasVisiveis().forEach(t=>{const e=t.id===this._abaAtiva,i=document.createElement("button");i.type="button",i.className="ui-ribbon__aba",i.setAttribute("role","tab"),i.dataset.id=t.id,i.id=this.idAba(t.id),e&&i.setAttribute("aria-controls",this.painelElement.id),i.textContent=t.rotulo,i.tabIndex=e?0:-1,i.setAttribute("aria-selected",String(e)),i.classList.toggle("ui-ribbon__aba--ativa",e),i.classList.toggle("ui-ribbon__aba--contextual",!!t.contextual),this.abasElement.appendChild(i)})}idAba(t){return`${this.uid}-aba-${t.replace(/\s+/g,"_")}`}renderizarPainel(){this.fecharMenu(),this.gruposElement.innerHTML="";const t=this._abas.find(e=>e.id===this._abaAtiva);if(!t){this.painelElement.removeAttribute("aria-labelledby");return}this.painelElement.setAttribute("aria-labelledby",this.idAba(t.id)),t.grupos.forEach(e=>this.gruposElement.appendChild(this.criarGrupo(e))),L(this.botoesPainel())}criarGrupo(t){const e=document.createElement("div");e.className="ui-ribbon__grupo",e.setAttribute("role","group"),e.setAttribute("aria-label",t.rotulo),e.dataset.id=t.id;const i=document.createElement("div");i.className="ui-ribbon__grupo-itens";let r=null,l=0;const a=()=>{r&&i.appendChild(r),r=null,l=0};t.itens.forEach(h=>{if(h.tipo==="separador"){a();const u=document.createElement("div");u.className="ui-ribbon__separador",u.setAttribute("role","separator"),i.appendChild(u)}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)),++l===3&&a())}),a();const n=document.createElement("div");return n.className="ui-ribbon__grupo-rotulo",n.textContent=t.rotulo,e.appendChild(i),e.appendChild(n),e}criarBotao(t,e,i){return N(this.efetivo(t),e,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}get rtl(){return getComputedStyle(this).direction==="rtl"}acionar(t,e){var l;const i=this._abas.find(a=>a.id===this._abaAtiva),r=i&&g(i.grupos.flatMap(a=>a.itens),t.dataset.id);if(!(!r||r.disabled)){if((l=r.filhos)!=null&&l.length){this.alternarMenu(t,r,e);return}if(r.tipo==="toggle"){const a=r.ativo;r.ativo=!a,A(t,r),this.emitir(r)||(r.ativo=a,A(t,r))}else this.emitir(r);this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(t,e,i){var l;const r=((l=this.menu)==null?void 0:l.ancora)===t;this.fecharMenu(),!r&&(t.setAttribute("aria-expanded","true"),this.menu=O(this.shadowRoot,t,e.filhos,a=>{if(a.tipo==="toggle"){const n=a.ativo;a.ativo=!n,this.emitir(a,e)||(a.ativo=n)}else this.emitir(a,e);this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",focar:i,onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}}))}fecharMenu(){var t;(t=this.menu)==null||t.fechar(),this.menu=null}emitir(t,e){return this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:t.id,item:t,pai:e,ativo:t.ativo,origem:"ribbon",aba:this._abaAtiva},bubbles:!0,composed:!0,cancelable:!0}))}}w.definirCustomElement("ui-ribbon",V);const tt=':host{display:inline-flex;flex-direction:column;max-width:100%;max-height:100%;vertical-align:top;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;min-width:0;min-height:0;max-width:100%;overflow:auto;scrollbar-width:thin}.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-ferr-btn--grupo:after{content:"";position:absolute;inset-inline-end:3px;bottom:3px;width:0;height:0;border-inline-start:6px solid transparent;border-bottom:6px solid currentColor;opacity:.8;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.ui-ferr-btn--grupo:hover:after,.ui-ferr-btn--grupo:focus-visible:after,.ui-ferr-btn--grupo[aria-expanded=true]:after{opacity:1;transform:scale(1.2);transform-origin:bottom right}.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.ui-ferr-btn--ativo,.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled),.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:var(--ui-cor-primaria, #00E08A);border-color:transparent;color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 86%,#fff)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 80%,#000)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:disabled{background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));color:inherit}.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}@media (pointer: coarse){.ui-paleta{--ui-paleta-btn: 40px}.ui-paleta--sm{--ui-paleta-btn: 36px}.ui-paleta--lg{--ui-paleta-btn: 48px}}@media (prefers-reduced-motion: reduce){.ui-ferr-btn--grupo:after{transition:none}}@media (forced-colors: active){.ui-paleta{border-color:CanvasText}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo,.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled),.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:Highlight;color:HighlightText;border-color:ButtonText;forced-color-adjust:none}.ui-paleta__sep{background:CanvasText}}',et=380,it=8,rt=50,at={sm:16,md:18,lg:22};class U extends w.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"_ferramentas",[]);c(this,"_ativo","");c(this,"_pendente","");c(this,"visiveis",new Map);c(this,"menu",null);c(this,"timerPressao");c(this,"timerSupressao");c(this,"inicioPressao",null);c(this,"suprimirClique",!1);c(this,"listeners",new z.ListenerBag);c(this,"handleClick",t=>{if(this.suprimirClique){this.suprimirClique=!1,window.clearTimeout(this.timerSupressao);return}const e=t.target.closest(".ui-ferr-btn"),i=e!=null&&e.dataset.id?g(this._ferramentas,e.dataset.id):void 0;if(!e||!i)return;const r=e.dataset.grupo?g(this._ferramentas,e.dataset.grupo):void 0;this.acionar(i,r)});c(this,"handleFocusIn",t=>R(this.botoes(),t.target));c(this,"handlePointerDown",t=>{const e=t;if(e.pointerType==="mouse"&&e.button!==0)return;const i=t.target.closest(".ui-ferr-btn--grupo");!i||i.disabled||(this.cancelarPressao(),window.clearTimeout(this.timerSupressao),this.inicioPressao={x:e.clientX??0,y:e.clientY??0},this.timerPressao=window.setTimeout(()=>{this.suprimirClique=!0,this.abrirFlyout(i,!1)},et))});c(this,"handlePointerMove",t=>{if(this.timerPressao===void 0||!this.inicioPressao)return;const e=t,i=(e.clientX??0)-this.inicioPressao.x,r=(e.clientY??0)-this.inicioPressao.y;Math.hypot(i,r)>it&&this.cancelarPressao()});c(this,"handlePointerFim",()=>{this.cancelarPressao(),this.suprimirClique&&(window.clearTimeout(this.timerSupressao),this.timerSupressao=window.setTimeout(()=>{this.suprimirClique=!1},rt))});c(this,"cancelarPressao",()=>{this.timerPressao!==void 0&&(window.clearTimeout(this.timerPressao),this.timerPressao=void 0),this.inicioPressao=null});c(this,"handleContextMenu",t=>{const e=t.target.closest(".ui-ferr-btn--grupo");e&&(t.preventDefault(),this.cancelarPressao(),this.abrirFlyout(e,!1))});c(this,"handleKeyDown",t=>{var h;const e=this.getAttribute("orientacao")==="horizontal",i=getComputedStyle(this).direction==="rtl",r=e?[i?"ArrowRight":"ArrowLeft"]:["ArrowUp"],l=e?[i?"ArrowLeft":"ArrowRight"]:["ArrowDown"];if(S(t,this.botoes(),r,l))return;const a=e?"ArrowDown":i?"ArrowLeft":"ArrowRight",n=t.target instanceof HTMLButtonElement?t.target:null;n!=null&&n.dataset.grupo&&t.key===a&&(t.preventDefault(),((h=this.menu)==null?void 0:h.ancora)===n?this.menu.focarPrimeiro():this.abrirFlyout(n,!0))});c(this,"handleAtalho",t=>{if(!this.hasAttribute("atalhos")||t.ctrlKey||t.metaKey||t.altKey||t.defaultPrevented)return;const e=t.composedPath(),i=e[0];if(i&&(/^(INPUT|TEXTAREA|SELECT)$/.test(i.tagName)||i.isContentEditable)||e.some(u=>{var m,f;const p=(m=u.getAttribute)==null?void 0:m.call(u,"role");return((f=u.getAttribute)==null?void 0:f.call(u,"aria-modal"))==="true"||p==="textbox"||p==="searchbox"||p==="combobox"||p==="spinbutton"}))return;const l=(t.key||"").toUpperCase();if(l.length!==1)return;const a=this.todasFerramentas().filter(u=>{var p;return!u.disabled&&((p=u.atalho)==null?void 0:p.toUpperCase())===l});if(!a.length)return;t.preventDefault();let n=a[0];if(a.length>1){const u=a.findIndex(p=>p.id===this._ativo);n=a[(u+1)%a.length]}const h=this._ferramentas.find(u=>{var p;return(p=u.filhos)==null?void 0:p.some(m=>m.id===n.id)});this.acionar(n,h)});const t=this.attachShadow({mode:"open"});t.innerHTML=`
19
- <style>${B}${tt}</style>
20
- <div class="ui-paleta ui-paleta--vertical" role="toolbar" aria-orientation="vertical" aria-label="Ferramentas"></div>
21
- `,this.rootElement=t.querySelector(".ui-paleta")}static get observedAttributes(){return["valor","value","orientacao","colunas","tamanho","size","aria-label"]}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,"pointermove",this.handlePointerMove),this.listeners.add(this.rootElement,"pointerup",this.handlePointerFim),this.listeners.add(this.rootElement,"pointerleave",this.handlePointerFim),this.listeners.add(this.rootElement,"pointercancel",this.handlePointerFim),this.listeners.add(this.rootElement,"contextmenu",this.handleContextMenu),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(this.rootElement,"focusin",this.handleFocusIn),this.listeners.add(document,"keydown",this.handleAtalho);const t=this.getAttribute("valor")||this.getAttribute("value");t&&!this._ativo&&(this._pendente=t),this.aplicarPendente(),this.renderizar()}disconnectedCallback(){this.cancelarPressao(),window.clearTimeout(this.timerSupressao),this.suprimirClique=!1,this.fecharMenu(),this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i)if(t==="valor"||t==="value"){const r=this.getAttribute("valor")||this.getAttribute("value")||"";r?r!==this._ativo&&this.ativar(r,!1):this.limpar(!1)}else this.renderizar()}get ferramentas(){return this._ferramentas}set ferramentas(t){this._ferramentas=Array.isArray(t)?t:[],P(I(this._ferramentas),"<ui-paleta-ferramentas> ferramentas"),this.visiveis.clear(),this._pendente?this.aplicarPendente():this._ativo&&this.definirAtivoInterno(this._ativo),this.renderizar()}get valor(){return this._ativo}set valor(t){this.ativar(t)}get value(){return this.valor}set value(t){this.valor=t}get orientacao(){return this.getAttribute("orientacao")==="horizontal"?"horizontal":"vertical"}set orientacao(t){this.setAttribute("orientacao",t)}get colunas(){return this.getAttribute("colunas")==="2"?2:1}set colunas(t){this.setAttribute("colunas",String(t))}get tamanho(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md";return t==="sm"||t==="lg"?t:"md"}set tamanho(t){this.setAttribute("tamanho",t)}ativar(t,e=!0){if(!t){this.limpar(e);return}const i=g(this._ferramentas,t);if(!i){this._ferramentas.length?console.warn(`[ui-paleta-ferramentas] ativar("${t}"): ferramenta não encontrada.`):this._pendente=t;return}if(i.disabled||(i.tipo??"ferramenta")!=="ferramenta"){console.warn(`[ui-paleta-ferramentas] ativar("${t}"): só ferramentas habilitadas (tipo "ferramenta") podem ser ativadas.`);return}this._pendente="";const r=this._ativo;this.definirAtivoInterno(t),this.refletirValor(t),this.renderizar(),e&&r!==t&&this.emitirMudanca(t,i,r)}limpar(t=!0){const e=this._ativo;!e&&!this._pendente||(this._ativo="",this._pendente="",this.removeAttribute("valor"),this.removeAttribute("value"),this.renderizar(),t&&e&&this.emitirMudanca("",null,e))}atualizarItem(t,e){var a;const i=g(this._ferramentas,t);if(!i){console.warn(`[ui-paleta-ferramentas] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(i,e);const r=Object.keys(e).every(n=>n==="ativo"||n==="disabled"),l=this._ferramentas.find(n=>{var h;return(h=n.filhos)==null?void 0:h.some(u=>u.id===t)});if(r&&!(l&&"disabled"in e)){const n=this.botoes().find(h=>h.dataset.id===t||h.dataset.grupo===t);if(n){A(n,this.itemParaBotao(l??i)),j(this.botoes());return}if(l||(a=i.filhos)!=null&&a.length)return}this.renderizar()}refletirValor(t){const e=this.hasAttribute("value")&&!this.hasAttribute("valor")?"value":"valor";this.getAttribute(e)!==t&&this.setAttribute(e,t)}aplicarPendente(){if(!this._pendente)return;const t=g(this._ferramentas,this._pendente);t&&!t.disabled&&(t.tipo??"ferramenta")==="ferramenta"?(this.definirAtivoInterno(this._pendente),this._pendente=""):this._ferramentas.length&&(console.warn(`[ui-paleta-ferramentas] valor="${this._pendente}" não é uma ferramenta ativável em "ferramentas".`),this._pendente="")}definirAtivoInterno(t){this._ativo=t;const e=this._ferramentas.find(i=>{var r;return(r=i.filhos)==null?void 0:r.some(l=>l.id===t)});e&&this.visiveis.set(e.id,t)}emitirMudanca(t,e,i){const r={valor:t,item:e,anterior:i};this.dispatchEvent(new CustomEvent("ui-change",{detail:r,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:r,bubbles:!0,composed:!0}))}itemExibido(t){var l;if(!((l=t.filhos)!=null&&l.length))return t;const e=a=>a.tipo!=="separador"&&!a.disabled,i=this.visiveis.get(t.id),r=t.filhos.find(a=>a.id===i);return(r&&e(r)?r:void 0)??t.filhos.find(e)??t.filhos.find(a=>a.tipo!=="separador")??t.filhos[0]}itemParaBotao(t){const e=this.itemExibido(t),i=e.tipo??"ferramenta";return{...e,tipo:i,ativo:i==="ferramenta"?e.id===this._ativo:e.ativo,filhos:t.filhos}}todasFerramentas(){return this._ferramentas.flatMap(t=>{var e;return(e=t.filhos)!=null&&e.length?t.filhos:[t]}).filter(t=>t.tipo!=="separador")}renderizar(){var h;const t=(h=this.shadowRoot)==null?void 0:h.activeElement,e=t&&t.classList.contains("ui-ferr-btn")?{id:t.dataset.id??"",grupo:t.dataset.grupo??""}:null;this.fecharMenu();const i=this.orientacao,r=this.tamanho,l=this.colunas;this.rootElement.className=`ui-paleta ui-paleta--${i} ui-paleta--${r}`,l===2&&i==="vertical"&&this.rootElement.classList.add("ui-paleta--cols-2"),this.rootElement.setAttribute("aria-orientation",i),this.rootElement.setAttribute("aria-label",this.getAttribute("aria-label")||"Ferramentas"),this.rootElement.innerHTML="";const a=at[r]??18;this._ferramentas.forEach(u=>{var f;if(u.tipo==="separador"){const x=document.createElement("div");x.className="ui-paleta__sep",x.setAttribute("role","separator"),this.rootElement.appendChild(x);return}const p=this.itemExibido(u),m=N(this.itemParaBotao(u),"paleta",a);m.dataset.id=p.id,(f=u.filhos)!=null&&f.length&&(m.dataset.grupo=u.id),this.rootElement.appendChild(m)}),L(this.botoes());const n=this.botoes().find(u=>u.dataset.id===this._ativo&&!u.disabled);if(n&&(this.botoes().forEach(u=>u.tabIndex=-1),n.tabIndex=0),e){const u=this.botoes().find(p=>e.grupo?p.dataset.grupo===e.grupo:p.dataset.id===e.id);u&&!u.disabled&&u.focus()}}botoes(){return Array.from(this.rootElement.querySelectorAll(".ui-ferr-btn"))}atualizarBotaoDe(t,e){const i=this.botoes().find(r=>r.dataset.id===t.id);i&&A(i,this.itemParaBotao(e??t))}acionar(t,e){if(t.disabled)return;const i=t.tipo??"ferramenta",r=this._ativo,l=t.ativo;i==="ferramenta"?this.ativar(t.id):i==="toggle"&&(t.ativo=!t.ativo,this.atualizarBotaoDe(t,e)),this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:t.id,item:t,pai:e,ativo:i==="ferramenta"?!0:t.ativo,origem:"paleta"},bubbles:!0,composed:!0,cancelable:!0}))||(i==="ferramenta"&&r!==t.id?r?this.ativar(r):this.limpar():i==="toggle"&&(t.ativo=l,this.atualizarBotaoDe(t,e)))}abrirFlyout(t,e){var l;const i=t.dataset.grupo?g(this._ferramentas,t.dataset.grupo):void 0;if(!((l=i==null?void 0:i.filhos)!=null&&l.length))return;this.fecharMenu();const r=i.filhos.map(a=>({...a,ativo:(a.tipo??"ferramenta")==="ferramenta"?a.id===this._ativo:a.ativo}));t.setAttribute("aria-expanded","true"),this.menu=O(this.shadowRoot,t,r,a=>{var h;const n=g(i.filhos,a.id);n&&(this.acionar(n,i),(h=this.botoes().find(u=>u.dataset.grupo===i.id))==null||h.focus())},{lado:this.getAttribute("orientacao")==="horizontal"?"baixo":"direita",focar:e,tipoPadrao:"ferramenta",onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}})}fecharMenu(){var t;(t=this.menu)==null||t.fechar(),this.menu=null}}w.definirCustomElement("ui-paleta-ferramentas",U);exports.UIIcone=D;exports.UIPaletaFerramentas=U;exports.UIRibbon=V;
@@ -1,21 +0,0 @@
1
- "use strict";var Z=Object.defineProperty;var tt=(n,u,t)=>u in n?Z(n,u,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[u]=t;var c=(n,u,t)=>tt(n,typeof u!="symbol"?u+"":u,t);const L=require("./listener-bag-D5omxZ9h.cjs"),y=require("./ssr-safe-CiHD1adl.cjs"),et=require("./svg-seguro-J2RM1Ssf.cjs"),it=':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)}',O={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 V extends y.SafeHTMLElement{constructor(){super();c(this,"iconContainer");c(this,"svgContainer");c(this,"slotElement");c(this,"handleSlotChange",()=>{this.syncState()});const t=this.attachShadow({mode:"open"});t.innerHTML=`
2
- <style>${it}</style>
3
- <span class="ui-icone" aria-hidden="true">
4
- <span class="ui-icone__svg" style="display: none;"></span>
5
- <slot></slot>
6
- </span>
7
- `,this.iconContainer=t.querySelector(".ui-icone"),this.svgContainer=t.querySelector(".ui-icone__svg"),this.slotElement=t.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(t,e,i){this.syncState()}resolveTamanhoPx(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md";switch(t.toLowerCase()){case"sm":return"16px";case"md":return"20px";case"lg":return"24px";case"xl":return"32px";default:return isNaN(Number(t))?t:`${t}px`}}syncState(){const t=this.resolveTamanhoPx();this.style.setProperty("--ui-tamanho-icone",t);const e=this.getAttribute("cor")||this.getAttribute("color");e?(this.style.setProperty("--ui-cor-icone",e),this.iconContainer.style.color=e):(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"),a=this.slotElement.assignedNodes().length>0;r&&O[r]&&!a?(this.svgContainer.innerHTML=O[r],this.svgContainer.style.display="inline-flex"):(this.svgContainer.innerHTML="",this.svgContainer.style.display="none")}}y.definirCustomElement("ui-icone",V);const rt=':host{display:block;position:relative;box-sizing:border-box;min-height:122px;font-family:var(--ui-fonte-base, "Inter", sans-serif);color:var(--ui-cor-texto, #e1e1e6)}:host([recolhido]){min-height:31px}.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__cabecalho{display:flex;align-items:stretch;height:30px;box-sizing:border-box;box-shadow:inset 0 -1px 0 var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__abas{display:flex;flex:1;min-width:0;align-items:flex-end;gap:2px;padding:0 8px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;background:linear-gradient(to right,var(--ui-cor-superficie, #141417) 20px,transparent) left top / 28px calc(100% - 1px) no-repeat local,linear-gradient(to left,var(--ui-cor-superficie, #141417) 20px,transparent) right top / 28px calc(100% - 1px) no-repeat local,linear-gradient(to right,rgba(0,0,0,.35),transparent) left top / 14px calc(100% - 1px) no-repeat scroll,linear-gradient(to left,rgba(0,0,0,.35),transparent) right top / 14px calc(100% - 1px) no-repeat scroll}.ui-ribbon__abas::-webkit-scrollbar{display:none}.ui-ribbon__aba{position:relative;flex-shrink:0;height:28px;margin-bottom:1px;padding:0 14px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);font:inherit;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,color .12s ease}.ui-ribbon__aba:hover{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__aba:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{height:30px;margin-bottom:0;color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-fundo-elevado, #1a1a1e);box-shadow:inset 1px 0 0 var(--ui-cor-borda, rgba(255, 255, 255, .12)),inset -1px 0 0 var(--ui-cor-borda, rgba(255, 255, 255, .12)),inset 0 1px 0 var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__aba--ativa:after{content:"";position:absolute;inset-inline:8px;bottom:1px;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__aba--contextual:before{content:"";position:absolute;inset-inline:0;top:0;height:2px;border-radius:6px 6px 0 0;background:var(--ui-cor-primaria, #00E08A)}.ui-ribbon__fixar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:center;width:28px;height:24px;margin-inline:2px 6px;padding:0;border:0;border-radius:var(--ui-raio-sm, 4px);background:transparent;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer}.ui-ribbon__fixar:hover{color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__fixar:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px}.ui-ribbon__fixar:before{content:"";width:6px;height:6px;border:solid currentColor;border-width:2px 0 0 2px;transform:translateY(2px) rotate(45deg)}:host([recolhido]) .ui-ribbon__fixar:before{transform:translateY(-2px) rotate(225deg)}.ui-ribbon__painel{background:var(--ui-cor-fundo-elevado, #1a1a1e);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ui-cor-borda, rgba(255, 255, 255, .2)) transparent}.ui-ribbon__grupos{display:flex;align-items:stretch;width:max-content;min-width:100%;min-height:92px;padding:4px 8px;box-sizing:border-box}.ui-ribbon__grupo{display:flex;flex-direction:column;flex-shrink:0;padding:0 8px;border-inline-end:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12))}.ui-ribbon__grupo:last-child{border-inline-end:0}.ui-ribbon__grupo-itens{display:flex;flex:1;align-items:stretch;gap:2px}.ui-ribbon__grupo-rotulo{position:relative;display:flex;align-items:center;justify-content:center;padding:3px 0 1px;color:var(--ui-cor-texto-secundario, #888899);font-size:.6875rem;line-height:1.2;text-align:center;white-space:nowrap}.ui-ribbon__lancador{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:0;background:transparent;color:var(--ui-cor-texto-secundario, #888899);cursor:pointer;border-radius:2px;opacity:.7}[dir=rtl] .ui-ribbon__lancador{right:auto;left:0}.ui-ribbon__lancador:hover{opacity:1;color:var(--ui-cor-texto, #e1e1e6);background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ribbon__lancador:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-1px}.ui-ribbon__grupo--colapsado{padding:0 4px;justify-content:center}.ui-ribbon__btn-colapsado{height:calc(100% - 6px);margin:3px 0}.ui-ribbon__keytip{position:absolute;z-index:100;padding:1px 4px;font-size:.625rem;font-weight:700;line-height:1;color:#111;background:#fef08a;border:1px solid #ca8a04;border-radius:2px;box-shadow:0 1px 3px #0006;pointer-events:none}.ui-ribbon__coluna{display:flex;flex-direction:column;justify-content:center;gap:0}.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--grande .ui-ferr-btn__rotulo{max-width:72px;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}.ui-ferr-btn--pequeno{height:24px;padding:0 6px;justify-content:flex-start}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:24px;padding:0;justify-content:center}.ui-ribbon__grupos .ui-ferr-btn:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px;box-shadow:none}:host([recolhido]) .ui-ribbon__painel{display:none;position:absolute;top:100%;inset-inline: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:0;padding-block:2px}:host([compacto]) .ui-ribbon__grupo-rotulo{display:none}:host([compacto]) .ui-ferr-btn--grande{min-width:44px}@media (max-width: 720px){.ui-ferr-btn--pequeno:has(.ui-ferr-btn__icone) .ui-ferr-btn__rotulo{display:none}.ui-ferr-btn--pequeno:has(.ui-ferr-btn__icone){min-width:28px;justify-content:center;padding:0 4px}}@media (pointer: coarse){.ui-ribbon__cabecalho{height:38px}.ui-ribbon__aba{height:36px}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{height:38px}.ui-ferr-btn--pequeno{height:32px}.ui-ferr-btn--pequeno.ui-ferr-btn--so-icone{width:32px}.ui-ribbon__fixar{width:36px;height:32px}}@media (prefers-reduced-motion: reduce){.ui-ribbon__aba{transition:none}}@media (forced-colors: active){.ui-ribbon__aba--ativa:after,.ui-ribbon__aba--contextual:before{background:Highlight;forced-color-adjust:none}.ui-ribbon__aba--ativa,.ui-ribbon__aba--ativa:hover{box-shadow:none;border:1px solid CanvasText;border-bottom-color:Canvas}.ui-ribbon__aba:focus-visible,.ui-ribbon__fixar:focus-visible,.ui-ribbon__grupos .ui-ferr-btn:focus-visible{outline-color:Highlight}}',K='.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:.75rem;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:2px solid transparent;outline-offset:2px;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.ui-ferr-btn--ativo:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 28%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 36%,transparent)}.ui-ferr-btn.ui-ferr-btn--ativo:disabled{background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));border-color:var(--ui-cor-borda, rgba(255, 255, 255, .12))}.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;max-height:calc(100vh - 8px);overflow-y:auto;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{position:relative;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:.75rem;text-align:start;cursor:pointer}.ui-ferr-menu__item:hover:not(:disabled){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08))}.ui-ferr-menu__item:focus-visible{outline:2px solid var(--ui-cor-primaria, #00E08A);outline-offset:-2px;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,.ui-ferr-menu__item[aria-checked=true]{color:var(--ui-cor-primaria, #00E08A);font-weight:600}.ui-ferr-menu__item--ativo:after,.ui-ferr-menu__item[aria-checked=true]:after{content:"";flex-shrink:0;width:4px;height:8px;margin-inline-start:4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.ui-ferr-menu__icone{display:inline-flex;width:16px;justify-content:center}.ui-ferr-menu__rotulo{flex:1}.ui-ferr-menu__atalho{margin-inline-start:16px;color:var(--ui-cor-texto-secundario, #888899);font-size:.6875rem;font-variant-numeric:tabular-nums}.ui-ferr-menu__sep{height:1px;margin:3px 2px;background:var(--ui-cor-borda, rgba(255, 255, 255, .12))}@media (pointer: coarse){.ui-ferr-menu__item{height:36px}}@media (prefers-reduced-motion: reduce){.ui-ferr-btn{transition:none}}.ui-ferr-tooltip{position:fixed;z-index:var(--ui-z-tooltip, 1200);pointer-events:none;display:none;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--ui-raio-sm, 4px);background:var(--ui-cor-fundo-tooltip, #18181c);color:var(--ui-cor-texto, #e1e1e6);font-family:var(--ui-fonte-base, "Inter", sans-serif);font-size:.6875rem;line-height:1.2;white-space:nowrap;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .16));box-shadow:var(--ui-sombra-md, 0 4px 12px rgba(0, 0, 0, .35));opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.ui-ferr-tooltip--visivel{display:inline-flex;opacity:1;transform:translateY(0)}.ui-ferr-tooltip__atalho{display:inline-flex;align-items:center;padding:1px 4px;border-radius:3px;background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));color:var(--ui-cor-texto-secundario, #888899);font-family:inherit;font-size:.625rem;font-weight:600;border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08))}.ui-ferr-split{display:inline-flex;align-items:stretch;border-radius:var(--ui-raio-borda, 6px);position:relative}.ui-ferr-split--grande{flex-direction:column}.ui-ferr-split--grande .ui-ferr-split__acao{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui-ferr-split--grande .ui-ferr-split__gatilho{height:16px;width:100%;border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));padding:0;justify-content:center}.ui-ferr-split--pequeno{flex-direction:row}.ui-ferr-split--pequeno .ui-ferr-split__acao{border-top-right-radius:0;border-bottom-right-radius:0}.ui-ferr-split--pequeno .ui-ferr-split__gatilho{width:16px;height:24px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .08));justify-content:center}.ui-ferr-split:hover:not(:has(:disabled)){background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .04))}.ui-ferr-menu__caret-sub{width:0;height:0;margin-inline-start:auto;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid currentColor;opacity:.7}[dir=rtl] .ui-ferr-menu__caret-sub{border-left:0;border-right:4px solid currentColor}@media (forced-colors: active){.ui-ferr-btn:focus-visible,.ui-ferr-menu__item:focus-visible{outline:2px solid Highlight}.ui-ferr-btn--ativo{background:Highlight;color:HighlightText;border-color:ButtonText;forced-color-adjust:none}.ui-ferr-btn:disabled,.ui-ferr-menu__item:disabled{opacity:1;color:GrayText}.ui-ferr-menu{border-color:CanvasText}.ui-ferr-menu__item:hover:not(:disabled){background:Highlight;color:HighlightText}}';function z(n,u){if(!n)return null;const t=document.createElement("ui-icone");if(t.setAttribute("tamanho",String(u)),n.trimStart().startsWith("<")){const e=et.higienizarSvg(n);if(!e)return null;t.appendChild(e)}else t.setAttribute("nome",n);return t}const G=new Set;function P(n){return n.rotuloAcessivel?n.rotuloAcessivel:n.rotulo?n.rotulo:n.icone&&!n.icone.trimStart().startsWith("<")?n.icone:(G.has(n.id)||(G.add(n.id),console.warn(`[ui-barra-ferramentas] O item "${n.id}" não tem "rotulo" nem "rotuloAcessivel": o id será usado como nome acessível.`)),n.id)}function $(n,u){const t=new Set,e=new Set;n.forEach(i=>t.has(i)?e.add(i):t.add(i)),e.size&&console.warn(`[ui-barra-ferramentas] ${u}: ids duplicados (${[...e].join(", ")}). Use ids únicos, senão atualizarItem() e os eventos podem atingir o item errado.`)}function D(n,u=[]){for(const t of n)t.tipo!=="separador"&&(u.push(t.id),t.filhos&&D(t.filhos,u));return u}function A(n,u){n.disabled=!!u.disabled;const t=u.tipo,e=t==="toggle"||t==="ferramenta";e?n.setAttribute("aria-pressed",String(!!u.ativo)):n.removeAttribute("aria-pressed"),n.classList.toggle("ui-ferr-btn--ativo",e&&!!u.ativo)}function N(n,u,t){var s;const e=document.createElement("button");e.type="button",e.className=`ui-ferr-btn ui-ferr-btn--${u}`,e.dataset.id=n.id,e.tabIndex=-1;const i=!!((s=n.filhos)!=null&&s.length),r=u!=="paleta"&&!n.somenteIcone&&!!n.rotulo;n.rotuloAcessivel?e.setAttribute("aria-label",n.rotuloAcessivel):r?e.removeAttribute("aria-label"):e.setAttribute("aria-label",P(n)),n.atalho&&e.setAttribute("aria-keyshortcuts",n.atalho),e.dataset.tooltip=P(n),n.atalho&&(e.dataset.atalho=n.atalho);const a=z(n.icone,t);if(a){const l=document.createElement("span");l.className="ui-ferr-btn__icone",l.appendChild(a),e.appendChild(l)}if(u!=="paleta"&&n.somenteIcone&&e.classList.add("ui-ferr-btn--so-icone"),r){const l=document.createElement("span");l.className="ui-ferr-btn__rotulo",l.textContent=n.rotulo,e.appendChild(l)}if(i&&!n.dividido){if(u==="paleta")e.classList.add("ui-ferr-btn--grupo");else{const l=document.createElement("span");l.className="ui-ferr-btn__caret",e.appendChild(l)}e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded","false")}return A(e,n),e}function at(n,u,t){const e=document.createElement("div");e.className=`ui-ferr-split ui-ferr-split--${u}`,e.dataset.id=n.id;const i=N({...n,filhos:void 0,dividido:!1},u,t);i.classList.add("ui-ferr-split__acao"),i.dataset.split="acao";const r=document.createElement("button");r.type="button",r.className=`ui-ferr-btn ui-ferr-split__gatilho ui-ferr-btn--${u}`,r.dataset.id=n.id,r.dataset.split="gatilho",r.tabIndex=-1,r.disabled=!!n.disabled,r.setAttribute("aria-haspopup","menu"),r.setAttribute("aria-expanded","false"),r.setAttribute("aria-label",`Opções de ${P(n)}`),r.dataset.tooltip=`Opções de ${P(n)}`;const a=document.createElement("span");return a.className="ui-ferr-btn__caret",r.appendChild(a),e.appendChild(i),e.appendChild(r),e}function v(n,u){for(const t of n){if(t.id===u)return t;if(t.filhos){const e=v(t.filhos,u);if(e)return e}}}function U(n,u){if(!u||!u.trim())return!1;const t=u.split("+").map(p=>p.trim()),e=t[t.length-1],i=t.some(p=>/^(ctrl|control|cmd|meta)$/i.test(p)),r=t.some(p=>/^alt$/i.test(p)),a=t.some(p=>/^shift$/i.test(p)),s=n.ctrlKey||n.metaKey,l=n.altKey,b=n.shiftKey;if(i!==s||r!==l||a!==b)return!1;const o=e.toLowerCase(),d=(n.key||"").toLowerCase();return o==="esc"||o==="escape"?d==="escape":o==="del"||o==="delete"?d==="delete":o==="enter"?d==="enter":o==="space"||o==="espaço"?d===" "||d==="space":d===o}function F(n){const u=n.filter(t=>!t.disabled);n.forEach(t=>t.tabIndex=-1),u.length&&(u[0].tabIndex=0)}function W(n){const u=n.find(t=>t.tabIndex===0&&!t.disabled);u?n.forEach(t=>{t!==u&&(t.tabIndex=-1)}):F(n)}function Y(n,u){const t=n.find(e=>e===u||e.contains(u));!t||t.disabled||n.forEach(e=>e.tabIndex=e===t?0:-1)}function q(n,u,t,e){const i=u.filter(l=>!l.disabled),r=i.length,a=i.findIndex(l=>l===n.target);if(r===0||a<0)return!1;let s=a;if(t.includes(n.key))s=(a-1+r)%r;else if(e.includes(n.key))s=(a+1)%r;else if(n.key==="Home")s=0;else if(n.key==="End")s=r-1;else return!1;return n.preventDefault(),u.forEach(l=>l.tabIndex=-1),i[s].tabIndex=0,i[s].focus(),!0}function ot(n,u,t=!1){const e=u.filter(l=>!l.disabled),i=e.length,r=e.findIndex(l=>l===n.target);if(i===0||r<0)return!1;let a=r;const s=r%2;if(n.key==="ArrowRight")t?s===1&&(a=r-1):s===0&&r+1<i&&(a=r+1);else if(n.key==="ArrowLeft")t?s===0&&r+1<i&&(a=r+1):s===1&&(a=r-1);else if(n.key==="ArrowDown")r+2<i?a=r+2:r+1<i&&s===0&&(a=r+1);else if(n.key==="ArrowUp")r-2>=0?a=r-2:r-1>=0&&s===1&&(a=r-1);else if(n.key==="Home")a=0;else if(n.key==="End")a=i-1;else return!1;return n.preventDefault(),u.forEach(l=>l.tabIndex=-1),e[a].tabIndex=0,e[a].focus(),!0}let st=0;class X{constructor(u,t){c(this,"el");c(this,"textoEl");c(this,"atalhoEl");c(this,"timer");c(this,"alvoAtual",null);c(this,"id",`ui-ferr-tooltip-${++st}`);c(this,"listeners",new L.ListenerBag);this.raiz=u,this.el=document.createElement("div"),this.el.className="ui-ferr-tooltip",this.el.id=this.id,this.el.setAttribute("role","tooltip"),this.el.setAttribute("aria-hidden","true"),this.textoEl=document.createElement("span"),this.textoEl.className="ui-ferr-tooltip__texto",this.atalhoEl=document.createElement("kbd"),this.atalhoEl.className="ui-ferr-tooltip__atalho",this.el.appendChild(this.textoEl),this.el.appendChild(this.atalhoEl),this.raiz.appendChild(this.el),this.listeners.add(t,"pointerover",e=>{const i=e.target.closest(".ui-ferr-btn, .ui-ribbon__fixar, .ui-ribbon__lancador");if(i&&i!==this.alvoAtual){const r=i.dataset.tooltip||i.getAttribute("aria-label")||"",a=i.dataset.atalho||i.getAttribute("aria-keyshortcuts")||"";r&&this.agendar(i,r,a)}}),this.listeners.add(t,"pointerout",e=>{const r=e.relatedTarget;this.alvoAtual&&(!r||!this.alvoAtual.contains(r))&&this.esconder()}),this.listeners.add(t,"focusin",e=>{const i=e.target.closest(".ui-ferr-btn, .ui-ribbon__fixar, .ui-ribbon__lancador");if(i){const r=i.dataset.tooltip||i.getAttribute("aria-label")||"",a=i.dataset.atalho||i.getAttribute("aria-keyshortcuts")||"";r&&this.mostrar(i,r,a)}}),this.listeners.add(t,"focusout",()=>this.esconder()),this.listeners.add(t,"pointerdown",()=>this.esconder()),this.listeners.add(t,"click",()=>this.esconder()),this.listeners.add(window,"scroll",()=>this.esconder(),!0),this.listeners.add(window,"resize",()=>this.esconder())}agendar(u,t,e){this.limparTimer(),this.timer=window.setTimeout(()=>this.mostrar(u,t,e),140)}mostrar(u,t,e){if(this.limparTimer(),!u.isConnected||!t)return;this.alvoAtual=u,this.textoEl.textContent=t,e?(this.atalhoEl.textContent=`(${e})`,this.atalhoEl.style.display=""):(this.atalhoEl.textContent="",this.atalhoEl.style.display="none"),this.el.classList.add("ui-ferr-tooltip--visivel"),this.el.setAttribute("aria-hidden","false"),u.setAttribute("aria-describedby",this.id);const i=u.getBoundingClientRect(),r=this.el.getBoundingClientRect();let a=i.bottom+6,s=i.left+(i.width-(r.width||80))/2;a+(r.height||24)>window.innerHeight-6&&(a=Math.max(6,i.top-(r.height||24)-6)),s<6?s=6:s+(r.width||80)>window.innerWidth-6&&(s=Math.max(6,window.innerWidth-(r.width||80)-6)),this.el.style.top=`${a}px`,this.el.style.left=`${s}px`}esconder(){this.limparTimer(),this.alvoAtual&&(this.alvoAtual.removeAttribute("aria-describedby"),this.alvoAtual=null),this.el.classList.remove("ui-ferr-tooltip--visivel"),this.el.setAttribute("aria-hidden","true")}limparTimer(){this.timer!==void 0&&(window.clearTimeout(this.timer),this.timer=void 0)}destruir(){this.esconder(),this.listeners.cleanup(),this.el.remove()}}let nt=0;function M(n,u,t,e,i={}){var j;const r=i.lado??"baixo",a=new L.ListenerBag,s=document.createElement("div");s.className="ui-ferr-menu",s.setAttribute("role","menu"),s.id=`ui-ferr-menu-${++nt}`,s.setAttribute("aria-label",u.getAttribute("aria-label")||"Menu"),u.setAttribute("aria-controls",s.id);const l=[];let b=!1,o=null;const d=()=>{o&&(o.fechar(),o=null)},p=()=>{var h;b||(b=!0,d(),u.removeAttribute("aria-controls"),a.cleanup(),s.remove(),(h=i.onFechar)==null||h.call(i))},m=getComputedStyle(u).direction==="rtl";t.forEach(h=>{var B;if(h.tipo==="separador"){const _=document.createElement("div");_.className="ui-ferr-menu__sep",_.setAttribute("role","separator"),s.appendChild(_);return}const f=document.createElement("button");f.type="button",f.className="ui-ferr-menu__item";const k=h.tipo??i.tipoPadrao??"botao";k==="toggle"?(f.setAttribute("role","menuitemcheckbox"),f.setAttribute("aria-checked",String(!!h.ativo))):k==="ferramenta"?(f.setAttribute("role","menuitemradio"),f.setAttribute("aria-checked",String(!!h.ativo))):f.setAttribute("role","menuitem"),f.dataset.id=h.id,f.disabled=!!h.disabled,h.atalho&&f.setAttribute("aria-keyshortcuts",h.atalho),h.ativo&&f.classList.add("ui-ferr-menu__item--ativo");const C=document.createElement("span");C.className="ui-ferr-menu__icone";const S=z(h.icone,14);S&&C.appendChild(S),f.appendChild(C);const x=document.createElement("span");if(x.className="ui-ferr-menu__rotulo",x.textContent=P(h),f.appendChild(x),h.atalho){const _=document.createElement("span");_.className="ui-ferr-menu__atalho",_.textContent=h.atalho,f.appendChild(_)}if(!!((B=h.filhos)!=null&&B.length)){f.classList.add("ui-ferr-menu__item--has-sub"),f.setAttribute("aria-haspopup","menu"),f.setAttribute("aria-expanded","false");const _=document.createElement("span");_.className="ui-ferr-menu__caret-sub",f.appendChild(_);const H=R=>{(o==null?void 0:o.ancora)!==f&&(d(),f.setAttribute("aria-expanded","true"),o=M(n,f,h.filhos,e,{lado:m?"esquerda":"direita",focar:R,tipoPadrao:i.tipoPadrao,onFechar:()=>{f.setAttribute("aria-expanded","false"),o=null}}))};f.addEventListener("pointerenter",()=>H(!1)),f.addEventListener("click",R=>{R.stopPropagation(),H(!0)})}else f.addEventListener("pointerenter",d),f.addEventListener("click",_=>{_.stopPropagation(),p(),u.focus(),e(h)});l.push(f),s.appendChild(f)}),n.appendChild(s);const g=u.getBoundingClientRect(),w=s.getBoundingClientRect();let I=r==="baixo"?g.bottom+2:g.top,E=r==="direita"?g.right+4:r==="esquerda"?g.left-w.width-4:m?g.right-w.width:g.left;w.width&&E+w.width>window.innerWidth-4&&(E=Math.max(4,window.innerWidth-w.width-4)),E<4&&(E=4),w.height&&I+w.height>window.innerHeight-4&&(I=Math.max(4,window.innerHeight-w.height-4)),s.style.top=`${I}px`,s.style.left=`${E}px`;const T=()=>l.filter(h=>!h.disabled);return a.add(s,"keydown",h=>{const f=T(),k=f.findIndex(x=>x===h.target),C=m?"ArrowLeft":"ArrowRight",S=m?"ArrowRight":"ArrowLeft";if(h.key==="Escape")h.preventDefault(),h.stopPropagation(),p(),u.focus();else if(h.key==="Tab")p();else if(f.length&&(h.key==="ArrowDown"||h.key==="ArrowUp")){h.preventDefault(),d();const x=h.key==="ArrowDown"?1:-1;f[(k+x+f.length)%f.length].focus()}else if(f.length&&h.key===C){const x=f[k];x!=null&&x.classList.contains("ui-ferr-menu__item--has-sub")&&(h.preventDefault(),x.click())}else h.key===S&&(r==="direita"||r==="esquerda")?(h.preventDefault(),h.stopPropagation(),p(),u.focus()):f.length&&h.key==="Home"?(h.preventDefault(),f[0].focus()):f.length&&h.key==="End"&&(h.preventDefault(),f[f.length-1].focus())}),a.add(document,"pointerdown",h=>{const f=h.composedPath();!f.includes(s)&&!f.includes(u)&&!(o!=null&&o.elemento.contains(h.target))&&p()},!0),a.add(window,"resize",p),a.add(window,"scroll",h=>{h.target instanceof Node&&s.contains(h.target)||p()},!0),i.focar&&((j=T()[0])==null||j.focus()),{elemento:s,ancora:u,fechar:p,focarPrimeiro:()=>{var h;return(h=T()[0])==null?void 0:h.focus()}}}let lt=0;class J extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"abasElement");c(this,"gruposElement");c(this,"painelElement");c(this,"fixarElement");c(this,"uid",`ui-ribbon-${++lt}`);c(this,"_abaPendente","");c(this,"_pronto",!1);c(this,"_modoControlado",!1);c(this,"_abas",[]);c(this,"_abaAtiva","");c(this,"menu",null);c(this,"listeners",new L.ListenerBag);c(this,"tooltip",null);c(this,"observerResize",null);c(this,"gruposColapsados",new Set);c(this,"keytipsAtivas",!1);c(this,"handleFocusInGrupos",t=>Y(this.botoesPainel(),t.target));c(this,"handleClickAbas",t=>{const e=t.target.closest(".ui-ribbon__aba");e!=null&&e.dataset.id&&(this.selecionarAba(e.dataset.id),this.recolhido&&this.rootElement.classList.toggle("ui-ribbon--aberto"))});c(this,"handleClickFixar",()=>{this.recolhido=!this.recolhido});c(this,"handleDblClickAbas",t=>{t.target.closest(".ui-ribbon__aba")&&(this.recolhido=!this.recolhido)});c(this,"handleKeyDownAbas",t=>{var b,o;const e=Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")),i=e.findIndex(d=>d===t.target);if(i<0)return;if(this.ativacaoManual&&(t.key==="Enter"||t.key===" ")){t.preventDefault();const d=e[i].dataset.id;d&&this.selecionarAba(d);return}let r=i;const[a,s]=this.rtl?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"];if(t.key===a)r=(i+1)%e.length;else if(t.key===s)r=(i-1+e.length)%e.length;else if(t.key==="Home")r=0;else if(t.key==="End")r=e.length-1;else if(t.key==="ArrowDown"){t.preventDefault(),this.recolhido&&this.rootElement.classList.add("ui-ribbon--aberto"),(b=this.botoesPainel().find(d=>!d.disabled))==null||b.focus();return}else return;t.preventDefault();const l=e[r].dataset.id;this.ativacaoManual?(e.forEach(d=>d.tabIndex=-1),e[r].tabIndex=0,e[r].focus()):(l&&this.selecionarAba(l),(o=this.abasElement.querySelector(`.ui-ribbon__aba[data-id="${CSS.escape(l??"")}"]`))==null||o.focus())});c(this,"handleClickGrupos",t=>{var a;const e=t.target,i=e.closest(".ui-ferr-split__gatilho");if(i){const s=i.closest(".ui-ferr-split"),l=s==null?void 0:s.dataset.id,b=this._abas.find(d=>d.id===this._abaAtiva),o=b&&v(b.grupos.flatMap(d=>d.itens),l??"");o&&((a=o.filhos)!=null&&a.length)&&this.alternarMenu(i,o,!1);return}const r=e.closest(".ui-ferr-btn");r!=null&&r.dataset.id&&this.acionar(r,t.detail===0)});c(this,"handleKeyDownGrupos",t=>{var r;const e=this.botoesPainel();if(this.rtl?q(t,e,["ArrowRight"],["ArrowLeft"]):q(t,e,["ArrowLeft"],["ArrowRight"]))return;const i=t.target instanceof HTMLButtonElement?t.target:null;(i==null?void 0:i.getAttribute("aria-haspopup"))==="menu"&&t.key==="ArrowDown"&&(t.preventDefault(),((r=this.menu)==null?void 0:r.ancora)===i?this.menu.focarPrimeiro():this.acionar(i,!0))});c(this,"handleEscape",t=>{t.key==="Escape"&&!this.menu&&this.rootElement.classList.remove("ui-ribbon--aberto")});c(this,"handlePointerDownFora",t=>{!this.recolhido||!this.rootElement.classList.contains("ui-ribbon--aberto")||t.composedPath().includes(this)||this.rootElement.classList.remove("ui-ribbon--aberto")});c(this,"handleAtalho",t=>{if(!this.hasAttribute("atalhos")&&!this.hasAttribute("keytips")||t.defaultPrevented)return;const e=t.composedPath(),i=e[0];if(i&&(/^(INPUT|TEXTAREA|SELECT)$/.test(i.tagName)||i.isContentEditable)||e.some(o=>{var p,m;const d=(p=o.getAttribute)==null?void 0:p.call(o,"role");return((m=o.getAttribute)==null?void 0:m.call(o,"aria-modal"))==="true"||d==="textbox"||d==="searchbox"||d==="combobox"||d==="spinbutton"}))return;if(this.hasAttribute("keytips")&&(t.key==="Alt"||t.key==="F10")&&!t.ctrlKey&&!t.shiftKey&&!t.metaKey){t.preventDefault(),this.alternarKeyTips();return}if(!this.hasAttribute("atalhos"))return;const a=this._abas.find(o=>o.id===this._abaAtiva);if(!a)return;const l=a.grupos.flatMap(o=>o.itens).find(o=>!o.disabled&&U(t,o.atalho));if(!l)return;t.preventDefault();const b=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(l.id)}"]`);b?this.acionar(b,!1):this.emitir(l)});const t=this.attachShadow({mode:"open"});t.innerHTML=`
8
- <style>${K}${rt}</style>
9
- <div class="ui-ribbon">
10
- <div class="ui-ribbon__cabecalho">
11
- <div class="ui-ribbon__abas" role="tablist"></div>
12
- <button type="button" class="ui-ribbon__fixar"></button>
13
- </div>
14
- <div class="ui-ribbon__painel" role="tabpanel">
15
- <div class="ui-ribbon__grupos" role="toolbar" aria-label="Ferramentas"></div>
16
- </div>
17
- </div>
18
- `,this.rootElement=t.querySelector(".ui-ribbon"),this.abasElement=t.querySelector(".ui-ribbon__abas"),this.gruposElement=t.querySelector(".ui-ribbon__grupos"),this.painelElement=t.querySelector(".ui-ribbon__painel"),this.fixarElement=t.querySelector(".ui-ribbon__fixar"),this.painelElement.id=`${this.uid}-painel`}static get observedAttributes(){return["aba-ativa","recolhido","compacto","ativacao-manual","copiar-dados","modo-controlado","atalhos","keytips","aria-label","rotulo-abas","rotulo-fixar","rotulo-expandir"]}connectedCallback(){var e;this.listeners.cleanup(),(e=this.tooltip)==null||e.destruir(),this.tooltip=new X(this.shadowRoot,this.rootElement),this.listeners.add(this.abasElement,"click",this.handleClickAbas),this.listeners.add(this.fixarElement,"click",this.handleClickFixar),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),this.listeners.add(this.gruposElement,"focusin",this.handleFocusInGrupos),this.listeners.add(document,"keydown",this.handleAtalho),this.iniciarResizeObserver();const t=this.getAttribute("aba-ativa");t&&!this._abaAtiva&&(this._abaPendente=t),this.aplicarRotulos(),this.renderizar(),this._pronto=!0}disconnectedCallback(){var t,e;this._pronto=!1,this.fecharMenu(),(t=this.observerResize)==null||t.disconnect(),this.observerResize=null,(e=this.tooltip)==null||e.destruir(),this.tooltip=null,this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i)if(t==="aba-ativa"){if(!i||i===this._abaAtiva)return;this._abas.some(r=>r.id===i&&!r.oculta)?(this._abaPendente="",this.selecionarAba(i,!1)):(this._abaPendente=i,this.abasVisiveis().length&&this.renderizar())}else t==="recolhido"?(this.rootElement.classList.remove("ui-ribbon--aberto"),this.aplicarRotulos(),this._pronto&&e===null!=(i===null)&&this.dispatchEvent(new CustomEvent("ui-recolhido-change",{detail:{recolhido:i!==null},bubbles:!0,composed:!0}))):(t==="aria-label"||t==="rotulo-abas"||t==="rotulo-fixar"||t==="rotulo-expandir")&&this.aplicarRotulos()}aplicarRotulos(){this.gruposElement.setAttribute("aria-label",this.getAttribute("aria-label")||"Ferramentas"),this.abasElement.setAttribute("aria-label",this.getAttribute("rotulo-abas")||"Abas");const t=this.hasAttribute("recolhido"),e=t?this.getAttribute("rotulo-expandir")||"Fixar faixa de opções":this.getAttribute("rotulo-fixar")||"Recolher faixa de opções";this.fixarElement.setAttribute("aria-label",e),this.fixarElement.title=e,this.fixarElement.setAttribute("aria-expanded",String(!t)),this.fixarElement.setAttribute("aria-controls",this.painelElement.id)}get modoControlado(){return this._modoControlado||this.hasAttribute("modo-controlado")||this.hasAttribute("copiar-dados")}set modoControlado(t){this._modoControlado=!!t}get copiarDados(){return this.modoControlado}set copiarDados(t){this.modoControlado=t}get ativacaoManual(){return this.hasAttribute("ativacao-manual")}set ativacaoManual(t){t?this.setAttribute("ativacao-manual",""):this.removeAttribute("ativacao-manual")}get abas(){return this._abas}set abas(t){const e=Array.isArray(t)?t:[];this._abas=this.modoControlado?e.map(i=>({...i,grupos:i.grupos.map(r=>({...r,itens:r.itens.map(a=>{var s;return{...a,filhos:(s=a.filhos)==null?void 0:s.map(l=>({...l}))}})}))})):e,$(this._abas.map(i=>i.id),"<ui-ribbon> abas"),$(this._abas.flatMap(i=>i.grupos.flatMap(r=>D(r.itens))),"<ui-ribbon> itens"),this.gruposColapsados.clear(),this.renderizar()}get abaAtiva(){return this._abaAtiva}set abaAtiva(t){this.selecionarAba(t)}get recolhido(){return this.hasAttribute("recolhido")}set recolhido(t){t?this.setAttribute("recolhido",""):this.removeAttribute("recolhido")}get compacto(){return this.hasAttribute("compacto")}set compacto(t){t?this.setAttribute("compacto",""):this.removeAttribute("compacto")}selecionarAba(t,e=!0){const i=this._abas.find(r=>r.id===t&&!r.oculta);if(!i){t&&this._abas.length&&console.warn(`[ui-ribbon] selecionarAba("${t}"): aba inexistente ou oculta.`);return}i.id!==this._abaAtiva&&(this._abaPendente="",this.fecharMenu(),this.gruposColapsados.clear(),this._abaAtiva=i.id,this.getAttribute("aba-ativa")!==i.id&&this.setAttribute("aba-ativa",i.id),this.renderizar(),e&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:i.id,aba:i},bubbles:!0,composed:!0})))}definirAbaVisivel(t,e){const i=this._abas.find(s=>s.id===t);if(!i)return;const r=this._abaAtiva;i.oculta=!e,!e&&r===t&&(this._abaAtiva=""),this.renderizar();const a=this._abas.find(s=>s.id===this._abaAtiva);!e&&r===t&&a&&this.dispatchEvent(new CustomEvent("ui-aba-change",{detail:{id:a.id,aba:a},bubbles:!0,composed:!0}))}atualizarItem(t,e){const i=this._abas.flatMap(b=>b.grupos.flatMap(o=>o.itens)),r=v(i,t);if(!r){console.warn(`[ui-ribbon] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(r,e);const a=this._abas.find(b=>b.id===this._abaAtiva);if(!a||!v(a.grupos.flatMap(b=>b.itens),t))return;const s=Object.keys(e).every(b=>b==="ativo"||b==="disabled"),l=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(t)}"]`);s?l&&(A(l,this.efetivo(r)),W(this.botoesPainel())):this.comFoco(()=>this.renderizarPainel())}efetivo(t){var e;return(e=t.filhos)!=null&&e.length?{...t,tipo:"menu"}:t}capturarFoco(){var e,i;const t=(e=this.shadowRoot)==null?void 0:e.activeElement;return(i=t==null?void 0:t.dataset)!=null&&i.id?t.classList.contains("ui-ribbon__aba")?{seletor:".ui-ribbon__aba",id:t.dataset.id}:t.classList.contains("ui-ferr-btn")?{seletor:".ui-ferr-btn",id:t.dataset.id}:null:null}comFoco(t){const e=this.capturarFoco();if(t(),!e)return;const i=this.shadowRoot.querySelector(`${e.seletor}[data-id="${CSS.escape(e.id)}"]`);i&&!i.disabled&&i.focus()}abasVisiveis(){return this._abas.filter(t=>!t.oculta)}renderizar(){var e;const t=this.abasVisiveis();this._abaPendente&&t.length&&(t.some(i=>i.id===this._abaPendente)?(this._abaAtiva=this._abaPendente,this._abaPendente=""):this._abas.some(i=>i.id===this._abaPendente)||(console.warn(`[ui-ribbon] aba-ativa="${this._abaPendente}" não existe em "abas".`),this._abaPendente="")),t.some(i=>i.id===this._abaAtiva)||(this._abaAtiva=((e=t[0])==null?void 0:e.id)??""),this._abaAtiva&&!this._abaPendente&&this.getAttribute("aba-ativa")!==this._abaAtiva&&this.setAttribute("aba-ativa",this._abaAtiva),this.comFoco(()=>{this.renderizarAbas(),this.renderizarPainel()})}renderizarAbas(){this.abasElement.innerHTML="",this.abasVisiveis().forEach(t=>{const e=t.id===this._abaAtiva,i=document.createElement("button");i.type="button",i.className="ui-ribbon__aba",i.setAttribute("role","tab"),i.dataset.id=t.id,i.id=this.idAba(t.id),e&&i.setAttribute("aria-controls",this.painelElement.id),i.textContent=t.rotulo,i.tabIndex=e?0:-1,i.setAttribute("aria-selected",String(e)),i.classList.toggle("ui-ribbon__aba--ativa",e),i.classList.toggle("ui-ribbon__aba--contextual",!!t.contextual),this.abasElement.appendChild(i)})}idAba(t){return`${this.uid}-aba-${t.replace(/\s+/g,"_")}`}renderizarPainel(){this.fecharMenu(),this.gruposElement.innerHTML="";const t=this._abas.find(e=>e.id===this._abaAtiva);if(!t){this.painelElement.removeAttribute("aria-labelledby");return}this.painelElement.setAttribute("aria-labelledby",this.idAba(t.id)),t.grupos.forEach(e=>this.gruposElement.appendChild(this.criarGrupo(e))),F(this.botoesPainel())}iniciarResizeObserver(){typeof ResizeObserver>"u"||(this.observerResize=new ResizeObserver(()=>{this.ajustarColapsoGrupos()}),this.observerResize.observe(this.painelElement))}ajustarColapsoGrupos(){const t=this._abas.find(i=>i.id===this._abaAtiva);if(!t||!t.grupos.length)return;const e=this.gruposElement;if(e.scrollWidth>e.clientWidth){const i=[...t.grupos].filter(r=>!this.gruposColapsados.has(r.id)).sort((r,a)=>(r.prioridade??0)-(a.prioridade??0));i.length>0&&(this.gruposColapsados.add(i[0].id),this.renderizarPainel())}else if(this.gruposColapsados.size>0){const i=[...t.grupos].filter(r=>this.gruposColapsados.has(r.id)).sort((r,a)=>(a.prioridade??0)-(r.prioridade??0));i.length>0&&(this.gruposColapsados.delete(i[0].id),this.renderizarPainel(),e.scrollWidth>e.clientWidth&&(this.gruposColapsados.add(i[0].id),this.renderizarPainel()))}}alternarMenuGrupoColapsado(t,e){var r;const i=((r=this.menu)==null?void 0:r.ancora)===t;this.fecharMenu(),!i&&(t.setAttribute("aria-expanded","true"),this.menu=M(this.shadowRoot,t,e.itens,a=>{const s=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(a.id)}"]`);if(s)this.acionar(s,!1);else{const l=a.ativo;a.tipo==="toggle"?a.ativo=!l:a.tipo==="ferramenta"&&(a.ativo=!0),this.emitir(a)||(a.ativo=l)}this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}}))}criarGrupo(t){const e=document.createElement("div");if(e.className="ui-ribbon__grupo",e.setAttribute("role","group"),e.setAttribute("aria-label",t.rotulo),e.dataset.id=t.id,this.gruposColapsados.has(t.id)){e.classList.add("ui-ribbon__grupo--colapsado");const o=document.createElement("button");o.type="button",o.className="ui-ferr-btn ui-ferr-btn--grande ui-ribbon__btn-colapsado",o.dataset.id=t.id,o.dataset.tooltip=t.rotulo,o.setAttribute("aria-haspopup","menu"),o.setAttribute("aria-expanded","false");const d=z(t.icone,24)||z('<svg viewBox="0 0 24 24"><path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="2" fill="none"/></svg>',24);if(d){const g=document.createElement("span");g.className="ui-ferr-btn__icone",g.appendChild(d),o.appendChild(g)}const p=document.createElement("span");p.className="ui-ferr-btn__rotulo",p.textContent=t.rotulo,o.appendChild(p);const m=document.createElement("span");return m.className="ui-ferr-btn__caret",o.appendChild(m),o.addEventListener("click",g=>{g.stopPropagation(),this.alternarMenuGrupoColapsado(o,t)}),e.appendChild(o),e}const i=document.createElement("div");i.className="ui-ribbon__grupo-itens";let r=null,a=0;const s=()=>{r&&i.appendChild(r),r=null,a=0},l=(o,d,p)=>{var m;return o.dividido&&((m=o.filhos)!=null&&m.length)?at(this.efetivo(o),d,p):this.criarBotao(o,d,p)};t.itens.forEach(o=>{if(o.tipo==="separador"){s();const d=document.createElement("div");d.className="ui-ribbon__separador",d.setAttribute("role","separator"),i.appendChild(d)}else o.tamanho==="grande"?(s(),i.appendChild(l(o,"grande",24))):(r||(r=document.createElement("div"),r.className="ui-ribbon__coluna"),r.appendChild(l(o,"pequeno",16)),++a===3&&s())}),s();const b=document.createElement("div");if(b.className="ui-ribbon__grupo-rotulo",b.textContent=t.rotulo,t.lancadorDialogo){const o=document.createElement("button");o.type="button",o.className="ui-ribbon__lancador";const d=t.rotuloLancador||`Mais opções de ${t.rotulo}`;o.setAttribute("aria-label",d),o.dataset.tooltip=d,o.innerHTML='<svg viewBox="0 0 16 16" width="10" height="10" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 12h8V4M12 12l-7-7"/></svg>',o.addEventListener("click",p=>{p.stopPropagation(),this.dispatchEvent(new CustomEvent("ui-grupo-dialogo",{detail:{id:typeof t.lancadorDialogo=="string"?t.lancadorDialogo:t.id,grupo:t},bubbles:!0,composed:!0}))}),b.appendChild(o)}return e.appendChild(i),e.appendChild(b),e}criarBotao(t,e,i){return N(this.efetivo(t),e,i)}botoesPainel(){return Array.from(this.gruposElement.querySelectorAll(".ui-ferr-btn"))}get rtl(){return getComputedStyle(this).direction==="rtl"}alternarKeyTips(){if(this.keytipsAtivas=!this.keytipsAtivas,this.shadowRoot.querySelectorAll(".ui-ribbon__keytip").forEach(e=>e.remove()),!this.keytipsAtivas)return;Array.from(this.abasElement.querySelectorAll(".ui-ribbon__aba")).forEach((e,i)=>{const r=document.createElement("span");r.className="ui-ribbon__keytip",r.textContent=String(i+1),r.style.top="2px",r.style.left="4px",e.style.position="relative",e.appendChild(r)})}acionar(t,e){var s;const i=this._abas.find(l=>l.id===this._abaAtiva),r=i==null?void 0:i.grupos.find(l=>v(l.itens,t.dataset.id)),a=r&&v(r.itens,t.dataset.id);if(!(!a||a.disabled)){if((s=a.filhos)!=null&&s.length&&!a.dividido){this.alternarMenu(t,a,e);return}if(a.tipo==="toggle"){const l=a.ativo;a.ativo=!l,A(t,a),this.emitir(a)||(a.ativo=l,A(t,a))}else if(a.tipo==="ferramenta"){const l=a.ativo,b=r?r.exclusivo!==!1:!0,o=b&&r?r.itens.filter(d=>d.tipo==="ferramenta"&&d.id!==a.id&&d.ativo):[];a.ativo=!0,A(t,a),b&&o.forEach(d=>{d.ativo=!1;const p=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(d.id)}"]`);p&&A(p,d)}),this.emitir(a)||(a.ativo=l,A(t,a),b&&o.forEach(d=>{d.ativo=!0;const p=this.gruposElement.querySelector(`.ui-ferr-btn[data-id="${CSS.escape(d.id)}"]`);p&&A(p,d)}))}else this.emitir(a);this.rootElement.classList.remove("ui-ribbon--aberto")}}alternarMenu(t,e,i){var a;const r=((a=this.menu)==null?void 0:a.ancora)===t;this.fecharMenu(),!r&&(t.setAttribute("aria-expanded","true"),this.menu=M(this.shadowRoot,t,e.filhos,s=>{if(s.tipo==="toggle"){const l=s.ativo;s.ativo=!l,this.emitir(s,e)||(s.ativo=l)}else this.emitir(s,e);this.rootElement.classList.remove("ui-ribbon--aberto")},{lado:"baixo",focar:i,onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}}))}fecharMenu(){var t;(t=this.menu)==null||t.fechar(),this.menu=null}emitir(t,e){return this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:t.id,item:t,pai:e,ativo:t.ativo,origem:"ribbon",aba:this._abaAtiva},bubbles:!0,composed:!0,cancelable:!0}))}}y.definirCustomElement("ui-ribbon",J);const ut=':host{display:inline-flex;flex-direction:column;max-width:100%;max-height:100%;vertical-align:top;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;min-width:0;min-height:0;max-width:100%;overflow:auto;scrollbar-width:thin}.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-ferr-btn--grupo:after{content:"";position:absolute;inset-inline-end:3px;bottom:3px;width:0;height:0;border-inline-start:6px solid transparent;border-bottom:6px solid currentColor;opacity:.8;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.ui-ferr-btn--grupo:hover:after,.ui-ferr-btn--grupo:focus-visible:after,.ui-ferr-btn--grupo[aria-expanded=true]:after{opacity:1;transform:scale(1.2);transform-origin:bottom right}.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.ui-ferr-btn--ativo,.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled),.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:var(--ui-cor-primaria, #00E08A);border-color:transparent;color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 86%,#fff)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:color-mix(in srgb,var(--ui-cor-primaria, #00E08A) 80%,#000)}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:disabled{background:var(--ui-cor-hover-menu, rgba(255, 255, 255, .08));color:inherit}.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}@media (pointer: coarse){.ui-paleta{--ui-paleta-btn: 40px}.ui-paleta--sm{--ui-paleta-btn: 36px}.ui-paleta--lg{--ui-paleta-btn: 48px}}@media (prefers-reduced-motion: reduce){.ui-ferr-btn--grupo:after{transition:none}}@media (forced-colors: active){.ui-paleta{border-color:CanvasText}.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo,.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:hover:not(:disabled),.ui-paleta .ui-ferr-btn.ui-ferr-btn--ativo:active:not(:disabled){background:Highlight;color:HighlightText;border-color:ButtonText;forced-color-adjust:none}.ui-paleta__sep{background:CanvasText}}',dt=380,ct=8,ht=50,bt={sm:16,md:18,lg:22};class Q extends y.SafeHTMLElement{constructor(){super();c(this,"rootElement");c(this,"_ferramentas",[]);c(this,"_ativo","");c(this,"_pendente","");c(this,"visiveis",new Map);c(this,"menu",null);c(this,"timerPressao");c(this,"timerSupressao");c(this,"inicioPressao",null);c(this,"suprimirClique",!1);c(this,"listeners",new L.ListenerBag);c(this,"tooltip",null);c(this,"_modoControlado",!1);c(this,"handleClick",t=>{if(this.suprimirClique){this.suprimirClique=!1,window.clearTimeout(this.timerSupressao);return}const e=t.target.closest(".ui-ferr-btn"),i=e!=null&&e.dataset.id?v(this._ferramentas,e.dataset.id):void 0;if(!e||!i)return;const r=e.dataset.grupo?v(this._ferramentas,e.dataset.grupo):void 0;this.acionar(i,r)});c(this,"handleFocusIn",t=>Y(this.botoes(),t.target));c(this,"handlePointerDown",t=>{const e=t;if(e.pointerType==="mouse"&&e.button!==0)return;const i=t.target.closest(".ui-ferr-btn--grupo");!i||i.disabled||(this.cancelarPressao(),window.clearTimeout(this.timerSupressao),this.inicioPressao={x:e.clientX??0,y:e.clientY??0},this.timerPressao=window.setTimeout(()=>{this.suprimirClique=!0,this.abrirFlyout(i,!1)},dt))});c(this,"handlePointerMove",t=>{if(this.timerPressao===void 0||!this.inicioPressao)return;const e=t,i=(e.clientX??0)-this.inicioPressao.x,r=(e.clientY??0)-this.inicioPressao.y;Math.hypot(i,r)>ct&&this.cancelarPressao()});c(this,"handlePointerFim",()=>{this.cancelarPressao(),this.suprimirClique&&(window.clearTimeout(this.timerSupressao),this.timerSupressao=window.setTimeout(()=>{this.suprimirClique=!1},ht))});c(this,"cancelarPressao",()=>{this.timerPressao!==void 0&&(window.clearTimeout(this.timerPressao),this.timerPressao=void 0),this.inicioPressao=null});c(this,"handleContextMenu",t=>{const e=t.target.closest(".ui-ferr-btn--grupo");e&&(t.preventDefault(),this.cancelarPressao(),this.abrirFlyout(e,!1))});c(this,"handleKeyDown",t=>{var l;const e=this.getAttribute("orientacao")==="horizontal",i=getComputedStyle(this).direction==="rtl",r=this.colunas;if(!e&&r===2){if(ot(t,this.botoes(),i))return}else{const b=e?[i?"ArrowRight":"ArrowLeft"]:["ArrowUp"],o=e?[i?"ArrowLeft":"ArrowRight"]:["ArrowDown"];if(q(t,this.botoes(),b,o))return}const a=e?"ArrowDown":i?"ArrowLeft":"ArrowRight",s=t.target instanceof HTMLButtonElement?t.target:null;s!=null&&s.dataset.grupo&&t.key===a&&(t.preventDefault(),((l=this.menu)==null?void 0:l.ancora)===s?this.menu.focarPrimeiro():this.abrirFlyout(s,!0))});c(this,"handleAtalho",t=>{if(!this.hasAttribute("atalhos")||t.defaultPrevented)return;const e=t.composedPath(),i=e[0];if(i&&(/^(INPUT|TEXTAREA|SELECT)$/.test(i.tagName)||i.isContentEditable)||e.some(o=>{var p,m;const d=(p=o.getAttribute)==null?void 0:p.call(o,"role");return((m=o.getAttribute)==null?void 0:m.call(o,"aria-modal"))==="true"||d==="textbox"||d==="searchbox"||d==="combobox"||d==="spinbutton"}))return;const a=Array.from(document.querySelectorAll("ui-paleta-ferramentas[atalhos]"));if(a.length>1&&(a.find(d=>{var p;return d.matches(":focus-within")||((p=d.shadowRoot)==null?void 0:p.activeElement)})||a[0])!==this)return;const s=this.todasFerramentas().filter(o=>!o.disabled&&U(t,o.atalho));if(!s.length)return;t.preventDefault();let l=s[0];if(s.length>1){const o=s.findIndex(d=>d.id===this._ativo);l=s[(o+1)%s.length]}const b=this._ferramentas.find(o=>{var d;return(d=o.filhos)==null?void 0:d.some(p=>p.id===l.id)});this.acionar(l,b)});const t=this.attachShadow({mode:"open"});t.innerHTML=`
19
- <style>${K}${ut}</style>
20
- <div class="ui-paleta ui-paleta--vertical" role="toolbar" aria-orientation="vertical" aria-label="Ferramentas"></div>
21
- `,this.rootElement=t.querySelector(".ui-paleta")}static get observedAttributes(){return["valor","value","orientacao","colunas","tamanho","size","aria-label","copiar-dados","modo-controlado"]}connectedCallback(){var e;this.listeners.cleanup(),(e=this.tooltip)==null||e.destruir(),this.tooltip=new X(this.shadowRoot,this.rootElement),this.listeners.add(this.rootElement,"click",this.handleClick),this.listeners.add(this.rootElement,"pointerdown",this.handlePointerDown),this.listeners.add(this.rootElement,"pointermove",this.handlePointerMove),this.listeners.add(this.rootElement,"pointerup",this.handlePointerFim),this.listeners.add(this.rootElement,"pointerleave",this.handlePointerFim),this.listeners.add(this.rootElement,"pointercancel",this.handlePointerFim),this.listeners.add(this.rootElement,"contextmenu",this.handleContextMenu),this.listeners.add(this.rootElement,"keydown",this.handleKeyDown),this.listeners.add(this.rootElement,"focusin",this.handleFocusIn),this.listeners.add(document,"keydown",this.handleAtalho);const t=this.getAttribute("valor")||this.getAttribute("value");t&&!this._ativo&&(this._pendente=t),this.aplicarPendente(),this.renderizar()}disconnectedCallback(){var t;this.cancelarPressao(),window.clearTimeout(this.timerSupressao),this.suprimirClique=!1,this.fecharMenu(),(t=this.tooltip)==null||t.destruir(),this.tooltip=null,this.listeners.cleanup()}attributeChangedCallback(t,e,i){if(e!==i)if(t==="valor"||t==="value"){const r=this.getAttribute("valor")||this.getAttribute("value")||"";r?r!==this._ativo&&this.ativar(r,!1):this.limpar(!1)}else this.renderizar()}get modoControlado(){return this._modoControlado||this.hasAttribute("modo-controlado")||this.hasAttribute("copiar-dados")}set modoControlado(t){this._modoControlado=!!t}get copiarDados(){return this.modoControlado}set copiarDados(t){this.modoControlado=t}get ferramentas(){return this._ferramentas}set ferramentas(t){const e=Array.isArray(t)?t:[];this._ferramentas=this.modoControlado?e.map(i=>{var r;return{...i,filhos:(r=i.filhos)==null?void 0:r.map(a=>({...a}))}}):e,$(D(this._ferramentas),"<ui-paleta-ferramentas> ferramentas"),this.visiveis.clear(),this._pendente?this.aplicarPendente():this._ativo&&this.definirAtivoInterno(this._ativo),this.renderizar()}get valor(){return this._ativo}set valor(t){this.ativar(t)}get value(){return this.valor}set value(t){this.valor=t}get orientacao(){return this.getAttribute("orientacao")==="horizontal"?"horizontal":"vertical"}set orientacao(t){this.setAttribute("orientacao",t)}get colunas(){return this.getAttribute("colunas")==="2"?2:1}set colunas(t){this.setAttribute("colunas",String(t))}get tamanho(){const t=this.getAttribute("tamanho")||this.getAttribute("size")||"md";return t==="sm"||t==="lg"?t:"md"}set tamanho(t){this.setAttribute("tamanho",t)}ativar(t,e=!0){if(!t){this.limpar(e);return}const i=v(this._ferramentas,t);if(!i){this._ferramentas.length?console.warn(`[ui-paleta-ferramentas] ativar("${t}"): ferramenta não encontrada.`):this._pendente=t;return}if(i.disabled||(i.tipo??"ferramenta")!=="ferramenta"){console.warn(`[ui-paleta-ferramentas] ativar("${t}"): só ferramentas habilitadas (tipo "ferramenta") podem ser ativadas.`);return}this._pendente="";const r=this._ativo;this.definirAtivoInterno(t),this.refletirValor(t),this.renderizar(),e&&r!==t&&this.emitirMudanca(t,i,r)}limpar(t=!0){const e=this._ativo;!e&&!this._pendente||(this._ativo="",this._pendente="",this.removeAttribute("valor"),this.removeAttribute("value"),this.renderizar(),t&&e&&this.emitirMudanca("",null,e))}atualizarItem(t,e){var s;const i=v(this._ferramentas,t);if(!i){console.warn(`[ui-paleta-ferramentas] atualizarItem("${t}"): item não encontrado.`);return}Object.assign(i,e);const r=Object.keys(e).every(l=>l==="ativo"||l==="disabled"),a=this._ferramentas.find(l=>{var b;return(b=l.filhos)==null?void 0:b.some(o=>o.id===t)});if(r&&!(a&&"disabled"in e)){const l=this.botoes().find(b=>b.dataset.id===t||b.dataset.grupo===t);if(l){A(l,this.itemParaBotao(a??i)),W(this.botoes());return}if(a||(s=i.filhos)!=null&&s.length)return}this.renderizar()}refletirValor(t){const e=this.hasAttribute("value")&&!this.hasAttribute("valor")?"value":"valor";this.getAttribute(e)!==t&&this.setAttribute(e,t)}aplicarPendente(){if(!this._pendente)return;const t=v(this._ferramentas,this._pendente);t&&!t.disabled&&(t.tipo??"ferramenta")==="ferramenta"?(this.definirAtivoInterno(this._pendente),this._pendente=""):this._ferramentas.length&&(console.warn(`[ui-paleta-ferramentas] valor="${this._pendente}" não é uma ferramenta ativável em "ferramentas".`),this._pendente="")}definirAtivoInterno(t){this._ativo=t;const e=this._ferramentas.find(i=>{var r;return(r=i.filhos)==null?void 0:r.some(a=>a.id===t)});e&&this.visiveis.set(e.id,t)}emitirMudanca(t,e,i){const r={valor:t,item:e,anterior:i};this.dispatchEvent(new CustomEvent("ui-change",{detail:r,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-selecionar",{detail:r,bubbles:!0,composed:!0}))}itemExibido(t){var a;if(!((a=t.filhos)!=null&&a.length))return t;const e=s=>s.tipo!=="separador"&&!s.disabled,i=this.visiveis.get(t.id),r=t.filhos.find(s=>s.id===i);return(r&&e(r)?r:void 0)??t.filhos.find(e)??t.filhos.find(s=>s.tipo!=="separador")??t.filhos[0]}itemParaBotao(t){const e=this.itemExibido(t),i=e.tipo??"ferramenta";return{...e,tipo:i,ativo:i==="ferramenta"?e.id===this._ativo:e.ativo,filhos:t.filhos}}todasFerramentas(){return this._ferramentas.flatMap(t=>{var e;return(e=t.filhos)!=null&&e.length?t.filhos:[t]}).filter(t=>t.tipo!=="separador")}renderizar(){var b;const t=(b=this.shadowRoot)==null?void 0:b.activeElement,e=t&&t.classList.contains("ui-ferr-btn")?{id:t.dataset.id??"",grupo:t.dataset.grupo??""}:null;this.fecharMenu();const i=this.orientacao,r=this.tamanho,a=this.colunas;this.rootElement.className=`ui-paleta ui-paleta--${i} ui-paleta--${r}`,a===2&&i==="vertical"&&this.rootElement.classList.add("ui-paleta--cols-2"),this.rootElement.setAttribute("aria-orientation",i),this.rootElement.setAttribute("aria-label",this.getAttribute("aria-label")||"Ferramentas"),this.rootElement.innerHTML="";const s=bt[r]??18;this._ferramentas.forEach(o=>{var m;if(o.tipo==="separador"){const g=document.createElement("div");g.className="ui-paleta__sep",g.setAttribute("role","separator"),this.rootElement.appendChild(g);return}const d=this.itemExibido(o),p=N(this.itemParaBotao(o),"paleta",s);p.dataset.id=d.id,(m=o.filhos)!=null&&m.length&&(p.dataset.grupo=o.id),this.rootElement.appendChild(p)}),F(this.botoes());const l=this.botoes().find(o=>o.dataset.id===this._ativo&&!o.disabled);if(l&&(this.botoes().forEach(o=>o.tabIndex=-1),l.tabIndex=0),e){const o=this.botoes().find(d=>e.grupo?d.dataset.grupo===e.grupo:d.dataset.id===e.id);o&&!o.disabled&&o.focus()}}botoes(){return Array.from(this.rootElement.querySelectorAll(".ui-ferr-btn"))}atualizarBotaoDe(t,e){const i=this.botoes().find(r=>r.dataset.id===t.id);i&&A(i,this.itemParaBotao(e??t))}acionar(t,e){if(t.disabled)return;const i=t.tipo??"ferramenta",r=this._ativo,a=t.ativo;i==="ferramenta"?this.ativar(t.id):i==="toggle"&&(t.ativo=!t.ativo,this.atualizarBotaoDe(t,e)),this.dispatchEvent(new CustomEvent("ui-ferramenta",{detail:{id:t.id,item:t,pai:e,ativo:i==="ferramenta"?!0:t.ativo,origem:"paleta"},bubbles:!0,composed:!0,cancelable:!0}))||(i==="ferramenta"&&r!==t.id?r?this.ativar(r):this.limpar():i==="toggle"&&(t.ativo=a,this.atualizarBotaoDe(t,e)))}abrirFlyout(t,e){var a;const i=t.dataset.grupo?v(this._ferramentas,t.dataset.grupo):void 0;if(!((a=i==null?void 0:i.filhos)!=null&&a.length))return;this.fecharMenu();const r=i.filhos.map(s=>({...s,ativo:(s.tipo??"ferramenta")==="ferramenta"?s.id===this._ativo:s.ativo}));t.setAttribute("aria-expanded","true"),this.menu=M(this.shadowRoot,t,r,s=>{var b;const l=v(i.filhos,s.id);l&&(this.acionar(l,i),(b=this.botoes().find(o=>o.dataset.grupo===i.id))==null||b.focus())},{lado:this.getAttribute("orientacao")==="horizontal"?"baixo":"direita",focar:e,tipoPadrao:"ferramenta",onFechar:()=>{t.setAttribute("aria-expanded","false"),this.menu=null}})}fecharMenu(){var t;(t=this.menu)==null||t.fechar(),this.menu=null}}y.definirCustomElement("ui-paleta-ferramentas",Q);exports.UIIcone=V;exports.UIPaletaFerramentas=Q;exports.UIRibbon=J;