PageSourceSearch

https://dash.doare.org/static/js/566.a1622752.chunk.js

js doare.org collected 2026-10-02 06:00:16 UTC 20,174 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunkfuse_react_app=self.webpackChunkfuse_react_app||[]).push([[566],{3566(n,e,o){o.r(e),o.d(e,{default:()=>G});var a=o(9379),r=o(9950),t=o(8409),c=(o(1621),o(1417)),s=o.n(c),i=o(7259),l=o(8317),d=o(3125),p=o(9919),u=o(3274),m=o(5333),g=o(226),b=o(7591),x=o(3266),h=o(3563),f=o(9019),A=o(4142),j=o(6583),v=o(8170),y=o(6295),k=o(8566),w=o(5948),C=o(4746),z=o(6838),S=o(6344),T=o(6931),E=o(8306),F=o(6933),M=o(2701),D=o(9031),R=o(270),q=o(9349),P=o(2285),B=o(3716),I=o(4027),O=o(6024),L=o(8133),U=o(8275);const _="doare-grapes",H="\n  /* A cadeia de altura precisa existir: sem height no html/body, o min-height: 100%\n     do wrapper resolve para auto e a folha VAZIA colapsa para 0px \u2014 sem area de\n     drop, nenhum bloco entrava no modelo novo em branco (achado do Fernando, 27/08). */\n  html, body {\n    height: 100%;\n  }\n\n  body {\n    margin: 0;\n    background-color: ".concat(R.A.surface.bg,';\n  }\n\n  [data-gjs-type="wrapper"] {\n    max-width: ').concat(600,"px;\n    margin: 0 auto;\n    background-color: ").concat(R.A.surface.card,";\n    box-shadow: ").concat(R.A.shadow.sm,";\n    min-height: 100%;\n  }\n"),N="\n  .".concat(_," {\n    /* O tema claro, trocando as variaveis que a lib declara em :root. */\n    --gjs-primary-color: ").concat(R.A.surface.card,";\n    --gjs-main-color: ").concat(R.A.surface.card,";\n    --gjs-secondary-color: ").concat(R.A.ink.mid,";\n    --gjs-tertiary-color: ").concat(R.A.brand.purple.main,";\n    --gjs-quaternary-color: ").concat(R.A.brand.purple.main,";\n    --gjs-font-color: ").concat(R.A.ink.strong,";\n    --gjs-font-color-active: ").concat(R.A.brand.purple.main,";\n    --gjs-main-dark-color: ").concat(R.A.surface.bg,";\n    --gjs-secondary-dark-color: transparent;\n    --gjs-main-light-color: ").concat(R.A.action.hover,";\n    --gjs-secondary-light-color: ").concat(R.A.ink.mid,";\n    --gjs-light-border: ").concat(R.A.surface.border,";\n    --gjs-arrow-color: ").concat(R.A.ink.mid,";\n    --gjs-color-highlight: ").concat(R.A.brand.purple.main,";\n    --gjs-font-size: 12px;\n    --gjs-main-font: inherit;\n    /* Swatch de cor maior e mais facil de acertar o clique. */\n    --gjs-color-input-padding: 32px;\n\n    /* O canvas reserva espaco para paineis que nao existem mais: as duas variaveis abaixo\n       sao valores FIXOS no CSS da lib (15% e 40px), nao calculados a partir dos paineis, e\n       o .gjs-cv-canvas monta largura e topo a partir delas. Como a moldura toda e nossa e\n       os paineis nativos sao removidos depois do init, esse espaco viraria uma faixa vazia\n       a direita e em cima. */\n    --gjs-left-width: 0px;\n    --gjs-canvas-top: 0px;\n  }\n\n  /* Fundo claro em tudo que a lib desenha dentro da nossa moldura. As regras internas\n     usam .gjs-one-bg/.gjs-two-color, que ja leem das variaveis acima; estas cobrem os\n     containers que pintam fundo direto. */\n  .").concat(_," .gjs-sm-sectors,\n  .").concat(_," .gjs-sm-sector,\n  .").concat(_," .gjs-sm-properties,\n  .").concat(_," .gjs-blocks-c,\n  .").concat(_," .gjs-block-categories {\n    background-color: ").concat(R.A.surface.card,";\n  }\n\n  .").concat(_," .gjs-badge {\n    display: none;\n  }\n\n  .").concat(_," .gjs-toolbar {\n    background-color: ").concat(R.A.brand.purple.main,";\n    border-radius: ").concat(R.A.radius.sm,"px;\n  }\n\n  .").concat(_," .gjs-toolbar-item {\n    color: ").concat(R.A.ink.white,";\n    font-size: 12px;\n  }\n\n  .").concat(_," .gjs-highlighter-sel {\n    outline-color: ").concat(R.A.brand.purple.main," !important;\n  }\n\n  .").concat(_," .gjs-hovered {\n    outline-color: ").concat(R.A.brand.purple.light," !important;\n  }\n\n  .gjs-rte-toolbar,\n  .gjs-rte-toolbar-ui {\n    background-color: ").concat(R.A.surface.card,";\n    border: 1px solid ").concat(R.A.surface.border,";\n    border-radius: ").concat(R.A.radius.sm,"px;\n  }\n\n  .gjs-rte-action {\n    color: ").concat(R.A.ink.strong,";\n    font-size: 12px;\n    min-width: 24px;\n  }\n\n  .gjs-rte-action:hover {\n    background-color: ").concat(R.A.action.hover,";\n  }\n\n  .gjs-rte-active {\n    background-color: ").concat(R.A.action.selected,";\n    color: ").concat(R.A.brand.purple.main,";\n  }\n\n  /* Blocos da aba Conteudo: grade de 2 colunas, card legivel (o padrao da lib usa\n     label de 10px, ilegivel numa lista de nomes em portugues mais compridos). */\n  .").concat(_,' .gjs-blocks-c {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    padding: 8px;\n  }\n\n  /* Card centrado e compacto: icone em cima, nome embaixo, tudo no eixo. O padrao da lib\n     joga a miniatura no canto e deixa o card alto e vazio \u2014 era o "feio" apontado em\n     20/08. */\n  .').concat(_," .gjs-block {\n    width: auto;\n    min-height: 0;\n    margin: 0;\n    padding: 14px 8px 12px 8px;\n    display: flex;\n    flex-direction: column;
1\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    border: 1px solid ").concat(R.A.surface.border,";\n    border-radius: ").concat(R.A.radius.sm,"px;\n    background-color: ").concat(R.A.surface.card,";\n    color: ").concat(R.A.ink.mid,";\n    box-shadow: none;\n    cursor: grab;\n    transition: border-color 120ms ease, box-shadow 120ms ease;\n  }\n\n  .").concat(_," .gjs-block:hover {\n    border-color: ").concat(R.A.brand.purple.main,";\n    background-color: ").concat(R.A.surface.card,";\n    box-shadow: ").concat(R.A.shadow.sm,";\n  }\n\n  .").concat(_," .gjs-block__media {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .").concat(_," .gjs-block-label {\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1.3;\n    text-align: center;\n    color: ").concat(R.A.ink.strong,";\n  }\n\n  /* Cabecalho de setor: mesma hierarquia do resto do painel, sem a caixa cinza da lib. */\n  .").concat(_," .gjs-sm-sector-title {\n    background-color: transparent;\n    color: ").concat(R.A.ink.strong,";\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0;\n    text-transform: none;\n    padding: 10px 12px;\n    border-bottom: 1px solid ").concat(R.A.surface.border,";\n  }\n\n  .").concat(_," .gjs-sm-sector.gjs-sm-open {\n    border-bottom: 1px solid ").concat(R.A.surface.border,';\n  }\n\n  /* Rotulo de propriedade: o padrao herda a cor "quaternary" (rosa) sobre fundo escuro. */\n  .').concat(_," .gjs-sm-label,\n  .").concat(_," .gjs-label {\n    color: ").concat(R.A.ink.mid,";\n    font-size: 12px;\n  }\n\n  /* Campos: fundo claro, borda e raio da marca, foco visivel. */\n  .").concat(_," .gjs-field {\n    background-color: ").concat(R.A.surface.card,";\n    border: 1px solid ").concat(R.A.surface.border,";\n    border-radius: ").concat(R.A.radius.sm,"px;\n    color: ").concat(R.A.ink.strong,";\n  }\n\n  .").concat(_," .gjs-field input,\n  .").concat(_," .gjs-field select,\n  .").concat(_," .gjs-field textarea {\n    color: ").concat(R.A.ink.strong,";\n    font-size: 12px;\n  }\n\n  .").concat(_," .gjs-field:focus-within {\n    border-color: ").concat(R.A.brand.purple.main,";\n    box-shadow: ").concat(R.A.shadow.focus,";\n  }\n\n  .").concat(_," .gjs-field-color-picker,\n  .").concat(_," .gjs-field-colorp {\n    border-left: 1px solid ").concat(R.A.surface.border,";\n  }\n\n  /* Botoes de opcao (alinhamento): viram segmentos claros com o roxo no ativo. */\n  .").concat(_," .gjs-radio-item {\n    border: 1px solid ").concat(R.A.surface.border,";\n    background-color: ").concat(R.A.surface.card,";\n  }\n\n  .").concat(_," .gjs-radio-item-label {\n    color: ").concat(R.A.ink.mid,";\n    font-size: 12px;\n  }\n\n  .").concat(_," .gjs-radio-item input:checked + .gjs-radio-item-label {\n    background-color: ").concat(R.A.action.selected,";\n    color: ").concat(R.A.brand.purple.main,';\n    font-weight: 700;\n  }\n\n  /* Cards dos blocos "Prontos" (F3): a miniatura e um SVG nosso de tra\xe7o; sem o tamanho\n     fixo ele estica ate a largura do card. */\n  .').concat(_," .gjs-block svg {\n    width: 28px;\n    height: 28px;\n    color: ").concat(R.A.ink.mid,";\n  }\n\n  .").concat(_," .gjs-block:hover svg {\n    color: ").concat(R.A.brand.purple.main,";\n  }\n\n  /* O popup do seletor de cor (spectrum, classes .sp-*): tema claro no lugar do cinza\n     escuro embutido. O seletor e `.sp-container.${SKIN_CLASS}`, nao descendente:\n     o popup vive no <body> (para nao ser cortado pelo painel de estilos, que rola)\n     e recebe a classe via `containerClassName`. */\n  .sp-container.").concat(_," {\n    background-color: ").concat(R.A.surface.card,";\n    border: 1px solid ").concat(R.A.surface.border,";\n    border-radius: ").concat(R.A.radius.md,"px;\n    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.16);\n    padding: 10px;\n    z-index: 2000;\n  }\n\n  .sp-container.").concat(_," .sp-picker-container,\n  .sp-container.").concat(_," .sp-palette-container {\n    border: none;\n  }\n\n  .sp-container.").concat(_," .sp-palette .sp-thumb-el {\n    width: 22px;\n    height: 22px;\n    margin: 3px;\n    border: 1px solid ").concat(R.A.surface.border,";\n    border-radius: 4px;\n    overflow: hidden;\n  }\n\n  .sp-container.").concat(_," .sp-palette .sp-thumb-el.sp-thumb-active {\n    border-color: ").concat(R.A.brand.purple.main,";\n  }\n\n  .sp-container.").concat(_," .sp-input {\n    background-color: ").concat(R.A.surface.card,";\n    border: 1px solid ").concat(R.A.surface.border," !important;\n    border-radius: ").concat(R.A.radius.sm,"px;\n    color: ").concat(R.A.ink.strong,";\n    font-size: 12px;\n    padding: 6px 8px;\n  }\n\n  /* Botoes do rodape: o Ok vira botao da marca; o cancelar vira texto legivel no\n     lugar do glifo solto. */\n  .sp-container.").concat(_," .sp-choose {\n    background: ").concat(R.A.brand.purple.main,";\n    background-image: none;\n    border: none;\n    border-radius: ").concat(R.A.radius.sm,"px;\n    color: #fff;\n    font-size: 12px;\n    padding: 6px 14px;\n    text-shadow: none;\n  }\n\n  .sp-container.").concat(_," .sp-cancel {\n    color: ").concat(R.A.ink.low," !important;\n    font-size: 12px;\n    text-decoration: none;\n  }\n\n  /* Titulo de categoria (Prontos / Estrutura): mesma hierarquia dos setores de estilo. */\n  .").concat(_," .gjs-block-category .gjs-title {\n    background-color: transparent;\n    color: ").concat(R.A.ink.strong,";\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0;\n    text-transform: none;\n    padding: 10px 12px;\n    border-bottom: 1px solid ").concat(R.A.surface.border,";\n  }\n");var V=o(4414);const K={sect100:"Se\xe7\xe3o",sect50:"1/2 Se\xe7\xe3o",sect30:"1/3 Se\xe7\xe3o",sect37:"30/70"},W=[{name:"Texto",open:!0,properties:["font-family",{property:"font-size",label:"Tamanho da fonte",type:"number",units:["px"],min:8,max:72},{property:"font-weight",label:"Peso da fonte",type:"select",default:"400",options:[{id:"300",label:"Leve"},{id:"400",label:"Normal"},{id:"700",label:"Negrito"}]},{property:"color",label:"Cor",type:"color"},{property:"text-align",label:"Alinhamento",type:"radio",default:"left",options:[{id:"left",label:"Esquerda"},{id:"center",label:"Centro"},{id:"right",label:"Direita"},{id:"justify",label:"Justificado"}]},{property:"text-decoration",label:"Sublinhado",type:"select",default:"none",options:[{id:"none",label:"Sem sublinhado"},{id:"underline",label:"Sublinhado"}]},{property:"line-height",label:"Altura da linha",type:"number",units:["px","%"],min:0}]}
1,{name:"Fundo e borda",open:!1,properties:[{property:"background-color",label:"Cor de fundo",type:"color"},{property:"border",label:"Borda",type:"composite",properties:[{property:"border-width",label:"Largura",type:"number",units:["px"],min:0},{property:"border-style",label:"Estilo",type:"select",default:"solid",options:[{id:"none",label:"Sem borda"},{id:"solid",label:"S\xf3lida"},{id:"dashed",label:"Tracejada"},{id:"dotted",label:"Pontilhada"}]},{property:"border-color",label:"Cor",type:"color"}]},{property:"border-radius",label:"Arredondamento",type:"number",units:["px"],min:0}]},{name:"Espa\xe7amento",open:!1,properties:[{property:"margin",label:"Margem externa",type:"composite",properties:[{property:"margin-top",label:"Superior",type:"number",units:["px"]},{property:"margin-right",label:"Direita",type:"number",units:["px"]},{property:"margin-bottom",label:"Inferior",type:"number",units:["px"]},{property:"margin-left",label:"Esquerda",type:"number",units:["px"]}]},{property:"padding",label:"Espa\xe7amento interno",type:"composite",properties:[{property:"padding-top",label:"Superior",type:"number",units:["px"],min:0},{property:"padding-right",label:"Direita",type:"number",units:["px"],min:0},{property:"padding-bottom",label:"Inferior",type:"number",units:["px"],min:0},{property:"padding-left",label:"Esquerda",type:"number",units:["px"],min:0}]}]}],G=n=>{let{design:e,html:o,brandColors:c,mergeTags:G,onChange:Y}=n;const J=G&&G.length?G:O.Lf,{t:X}=(0,M.B)("emailsV2"),{enqueueSnackbar:Z}=(0,D.dh)(),$=(0,r.useRef)(null),Q=(0,r.useRef)(null),nn=(0,r.useRef)(null),en=(0,r.useRef)(null),on=(0,r.useRef)(null),an=(0,r.useRef)(null),rn=(0,r.useRef)(Y),tn=(0,r.useRef)(!1),[cn,sn]=(0,r.useState)("conteudo"),[ln,dn]=(0,r.useState)("desktop"),[pn,un]=(0,r.useState)(!1),[mn,gn]=(0,r.useState)(!1),[bn,xn]=(0,r.useState)(!1),[hn,fn]=(0,r.useState)(""),[An,jn]=(0,r.useState)(null),[vn,yn]=(0,r.useState)(!1),kn=(0,r.useRef)(null);(0,r.useEffect)(()=>{rn.current=Y},[Y]),(0,r.useEffect)(()=>{const n=()=>{yn(Boolean(document.fullscreenElement));const n=on.current;n&&n.refresh()};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]);const wn=(0,r.useCallback)(()=>{const n=on.current;if(!n)return;const e=n.runCommand("gjs-get-inlined-html");rn.current({html:e,design:{builder:"grapesjs",version:1,projectData:n.getProjectData()}})},[]),Cn=(0,r.useCallback)(()=>{an.current&&window.clearTimeout(an.current),an.current=window.setTimeout(wn,500)},[wn]);return(0,r.useEffect)(()=>{if(!$.current||!Q.current||!nn.current||!en.current)return;const n=t.Ay.init({container:$.current,height:"100%",width:"100%",storageManager:!1,canvasCss:H,panels:{defaults:[]},i18n:{locale:"pt",messages:{pt:i.A}},deviceManager:{devices:[{id:"desktop",name:"Desktop",width:""},{id:"mobile",name:"Mobile portrait",width:"375px"}]},avoidInlineStyle:!1,colorPicker:{appendTo:"body",containerClassName:_,showPalette:!0,maxSelectionSize:16,localStorageKey:"doare.grapes.cores",palette:[...c&&c.length?[c]:[],["#5E47BF","#1F2937","#6B7280","#F9FAFB","#FFFFFF","#000000"]]},assetManager:{uploadFile:async n=>{var e,o;const a=(null===n||void 0===n||null===(e=n.dataTransfer)||void 0===e?void 0:e.files)||(null===n||void 0===n||null===(o=n.target)||void 0===o?void 0:o.files)||[],r=Array.from(a).map(async n=>{var e;const o=await P.A.post(q.Y.ATTACHMENTS.UPLOAD,(0,B.A)(n)),a=(0,I.g)((null===o||void 0===o||null===(e=o.data)||void 0===e?void 0:e.location)||"");var r;a&&(null===(r=on.current)||void 0===r||r.AssetManager.add({src:a,name:n.name}))});await Promise.all(r)}},blockManager:{appendTo:Q.current},styleManager:{appendTo:nn.current,sectors:W},selectorManager:{appendTo:en.current,componentFirst:!0},plugins:[(0,t.nu)(s(),{updateStyleManager:!1,block:n=>({label:K[n]||n})})]});n.Panels.getPanels().map(n=>n).forEach(e=>n.Panels.removePanel(e)),(0,U.V)(n),(n=>!!n&&"grapesjs"===n.builder)(e)?n.loadProjectData(e.projectData):o&&n.setComponents(o),n.UndoManager.clear(),n.RichTextEditor.add("merge-tags",{icon:'<select class="gjs-field" title="Vari\xe1veis">\n        <option value="">{ }</option>\n        '.concat(J.map(n=>'<option value="'.concat(n.token,'">').concat(n.token,"</option>")).join(""),"\n      </select>"),event:"change",result:(n,e)=>{const o=e.btn&&e.btn.firstChild,a=o&&o.value;a&&(n.insertHTML(a),o.value="")}}),n.on("update",()=>{const e=n.UndoManager.hasUndo();un(e),gn(n.UndoManager.hasRedo()),e&&Cn()}),n.on("component:selected",()=>{tn.current?tn.current=!1:sn("estilo")}),on.current=n;const a=new ResizeObserver(()=>{const{current:n}=on;n&&n.refresh()});return a.observe($.current),()=>{a.disconnect(),an.current&&(window.clearTimeout(an.current),wn()),n.destroy(),on.current=null}},[]),(0,V.jsxs)(l.A,{className:_,ref:kn,sx:(0,a.A)({width:"100%",display:"flex",flexDirection:"column",overflow:"hidden",border:"1px solid",borderColor:"divider",backgroundColor:"background.paper"},vn?{height:"100vh",borderRadius:0}:{height:"max(560px, calc(100vh - 300px))",borderRadius:"".concat(R.A.radius.md,"px")}),children:[(0,V.jsx)("style",{children:N}),(0,V.jsx)("div",{ref:en,style:{display:"none"}}),(0,V.jsxs)(l.A,{sx:{flexShrink:0,height:48,display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,px:1.5,borderBottom:"1px solid",borderColor:"divider"},children:[(0,V.jsxs)(d.A,{exclusive:!0,size:"small",value:ln,onChange:(n,e)=>(n=>{if(!n)return;dn(n);const e=on.current;e&&e.DeviceManager.select(n)})(e),children:[(0,V.jsx)(p.A,{value:"desktop","aria-label":"Desktop",children:(0,V.jsx)(u.A,{title:"Desktop",children:(0,V.jsx)(y.A,{size:16})})}),(0,V.jsx)(p.A,{value:"mobile","aria-label":"Mobile",children:(0,V.jsx)(u.A,{title:"Mobile",children:(0,V.jsx)(k.A,{size:16})})})]}),(0,V.jsxs)(l.A,{sx:{display:"flex",alignItems:"center",gap:.5},children:[(0,V.jsx)(u.A,{title:"Desfazer",children:(0,V.jsx)("span",{children:(0,V.jsx)(m.A,{size:"small",disabled:!pn,onClick:()=>on.current&&on.current.UndoManager.undo(),children:(0,V.jsx)(w.A,{size:16})})})}),(0,V.jsx)(u.A,{title:"Refazer",children:(0,V.jsx)("span",{children:(0,V.jsx)(m.A,{size:"small",disabled:!mn,onClick:()=>on.current&&on.current.UndoManager.redo(),children:(0,V.jsx)(C.A,{size:16})})})}),(0,V.jsx)(u.A,{title:vn?"Sair da tela cheia":"Tela cheia",children:(0,V.jsx)(m.A,{size:"small",onClick:()=>{document.fullscreenElement?document.exitFullscreen():kn.current&&kn.current.requestFullscreen()},children:vn?(0,V.jsx)(z.A,{size:16}):(0,V.jsx)(S.A,{size:16})})}),(0,V.jsx)(g.A,{variant:"text",size:"small",startIcon:(0,V.jsx)(T.A,{size:16}),onClick:n=>jn(n.currentTarget),children:X("MERGE_TAGS_BUTTON")}),(0,V.jsx)(b.A,{anchorEl:An,open:Boolean(An),onClose:()=>jn(null),container:()=>kn.current,children:J.map(n=>(0,V.jsx)(x.A,{onClick:()=>(n=>{jn(null);const e=on.current;e&&e.getEditing&&e.getEditing()?e.Canvas.getDocument().execCommand("insertText",!1,n):(navigator.clipboard.writeText(n),Z(n,{variant:"success",autoHideDuration:1500}))})(n.token),children:(0,V.jsx)(h.A,{primary:n.token,secondary:n.labelKey?X(n.labelKey):void 0,primaryTypographyProps:{fontSize:13,fontFamily:"monospace"},secondaryTypographyProps:{fontSize:11}})},n.token))}),(0,V.jsx)(g.A,{variant:"outlined",size:"small",startIcon:(0,V.jsx)(E.A,{size:16}),onClick:()=>{const n=on.current;n&&(fn((0,O.yU)(n.runCommand("gjs-get-inlined-html"))),xn(!0))},children:"Visualizar"})]})]}),(0,V.jsxs)(l.A,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"row"},children:[(0,V.jsx)(l.A,{sx:{flex:1,minHeight:0},children:(0,V.jsx)("div",{ref:$,style:{height:"100%"}})}),(0,V.jsxs)(l.A,{sx:{flexShrink:0,width:300,borderLeft:"1px solid",borderColor:"divider",display:"flex",flexDirection:"column"},children:[(0,V.jsxs)(f.A,{value:cn,onChange:(n,e)=>"corpo"===e?(()=>{sn("corpo");const n=on.current;n&&(tn.current=!0,n.select(n.getWrapper()))})():sn(e),variant:"fullWidth",sx:{flexShrink:0,minHeight:40,"& .MuiTab-root":{minHeight:40,fontSize:12}},children:[(0,V.jsx)(A.A,{label:"Conte\xfado",value:"conteudo"}),(0,V.jsx)(A.A,{label:"Estilo",value:"estilo"}),(0,V.jsx)(A.A,{label:"Corpo",value:"corpo"})]}),(0,V.jsxs)(l.A,{sx:{flex:1,minHeight:0,overflowY:"auto"},children:[(0,V.jsx)(l.A,{sx:{display:"conteudo"===cn?"block":"none"},children:(0,V.jsx)("div",{ref:Q})}),(0,V.jsx)(l.A,{sx:{display:"estilo"===cn||"corpo"===cn?"block":"none"},children:(0,V.jsx)("div",{ref:nn})})]})]})]}),(0,V.jsxs)(j.A,{open:bn,onClose:()=>xn(!1),maxWidth:"md",fullWidth:!0,container:()=>kn.current,children:[(0,V.jsx)(m.A,{"aria-label":"Fechar",onClick:()=>xn(!1),sx:{position:"absolute",top:8,right:8},children:(0,V.jsx)(F.A,{size:18})}),(0,V.jsx)(v.A,{sx:{pt:5},children:(0,V.jsx)(L.A,{html:hn})})]})]})}}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.