Nenhum chamado por aqui.
';\n\n let det = '';\n if (sel) {\n const aberto = sel.status === 'aberto' || sel.status === 'em_andamento';\n const acoes = (aberto\n ? 'Ainda sem respostas.
';\n\n det = 'AntButton
Ant Design Button + AntDesignTokens (code components)
';\n h+='
color × variant
';\n h+='
'+colors.map(c=>'
'+c+'
').join('');\n variants.forEach(vr=>{\n h+='
'+vr+'
';\n colors.forEach(c=>{ h+='
'+btn({color:c,variant:vr,label:'Button'}, 'm_'+vr+'_'+c)+'
'; });\n });\n h+='
';\n h+='
sizes & shape
';\n ['small','middle','large'].forEach(s=>{ h+=''+btn({color:'primary',variant:'solid',size:s,label:'Primary '+s},'sz_'+s)+''; });\n h+=''+btn({color:'primary',variant:'solid',shape:'round',label:'Round'},'sh2')+'';\n h+=''+btn({color:'primary',variant:'solid',shape:'circle',glyph:'fa fa-search'},'sh3')+'';\n h+='
';\n h+='
icon & states
';\n h+=''+btn({color:'primary',variant:'solid',glyph:'fa fa-download',label:'Download'},'st_dl')+'';\n h+=''+btn({color:'primary',variant:'solid',glyph:'fa fa-arrow-right',iconPosition:'end',label:'Next'},'st_nx')+'';\n h+=''+btn({color:'primary',variant:'solid',loading:true,label:'Loading'},'st_ld')+'';\n h+=''+btn({color:'primary',variant:'solid',disabled:true,label:'Disabled'},'st_di')+'';\n h+=''+btn({color:'default',variant:'outlined',disabled:true,label:'Disabled'},'st_di2')+'';\n h+='
';\n\n // ---- Theming via the AntDesignTokens shape ----\n const purple = antTokens('#722ed1', false, 'comfortable');\n const purpleDark = antTokens('#722ed1', true, 'comfortable');\n const teal = antTokens('#13c2c2', false, 'compact');\n h+='
theming — AntDesignTokens (dynamic seed · light / dark / density)
';\n h+='
default Ant · purple seed #722ed1 · teal seed #13c2c2 (compact)
';\n h+='
';\n ['solid','outlined','filled','text'].forEach(vr=>{ h+=''+btn({color:'primary',variant:vr,label:'Default'},'th_def_'+vr)+''; });\n h+='
';\n h+='
';\n ['solid','outlined','filled','text'].forEach(vr=>{ h+=''+btn({color:'primary',variant:vr,label:'Purple',tokens:purple},'th_pp_'+vr)+''; });\n h+=''+btn({color:'success',variant:'solid',label:'Success',tokens:purple},'th_pp_succ')+'';\n h+='
';\n h+='
';\n ['solid','outlined','filled','text'].forEach(vr=>{ h+=''+btn({color:'primary',variant:vr,label:'Teal compact',tokens:teal},'th_tl_'+vr)+''; });\n h+='
';\n h+='
dark mode (same purple instance, darkMode:true)
';\n h+='
';\n ['solid','outlined','filled','text','link'].forEach(vr=>{ h+=''+btn({color:'primary',variant:vr,label:'Purple dark',tokens:purpleDark},'th_dk_'+vr)+''; });\n h+=''+btn({color:'default',variant:'outlined',label:'Default dark',tokens:purpleDark},'th_dk_def')+'';\n h+='
';\n return h+'
Ant Design — Tier 1
15 code components, all themed via AntDesignTokens
';\n\n // Typography\n h += '
Typography
';\n h += I('gabz-playground@ant-typography',{variant:'title',level:2,content:'Title h2'},'ty1');\n h += I('gabz-playground@ant-typography',{variant:'title',level:4,content:'Title h4'},'ty2');\n h += I('gabz-playground@ant-typography',{variant:'text',content:'Default text'},'ty3');\n h += I('gabz-playground@ant-typography',{variant:'text',type:'secondary',content:'Secondary'},'ty4');\n h += I('gabz-playground@ant-typography',{variant:'text',type:'success',content:'Success'},'ty5');\n h += I('gabz-playground@ant-typography',{variant:'text',type:'danger',content:'Danger'},'ty6');\n h += I('gabz-playground@ant-typography',{variant:'text',strong:true,content:'Strong'},'ty7');\n h += I('gabz-playground@ant-typography',{variant:'text',italic:true,content:'Italic'},'ty8');\n h += I('gabz-playground@ant-typography',{variant:'text',code:true,content:'code()'},'ty9');\n h += I('gabz-playground@ant-typography',{variant:'text',mark:true,content:'marked'},'ty10');\n h += I('gabz-playground@ant-typography',{variant:'link',content:'A link'},'ty11');\n h += '
';\n\n // Divider\n h += '
Divider
';\n h += '
'+d2.render('gabz-playground@ant-divider',{label:'Center'},{key:'dv1',style:'width:100%;height:auto;display:block'})+'
';\n h += '
'+d2.render('gabz-playground@ant-divider',{label:'Left',orientation:'left',variant:'dashed'},{key:'dv2',style:'width:100%;height:auto;display:block'})+'
';\n h += '
'+I('gabz-playground@ant-typography',{content:'Text'},'dvt1')+I('gabz-playground@ant-divider',{type:'vertical'},'dv3')+I('gabz-playground@ant-typography',{content:'Text'},'dvt2')+I('gabz-playground@ant-divider',{type:'vertical'},'dv4')+I('gabz-playground@ant-typography',{variant:'link',content:'Link'},'dvt3')+'
';\n h += '
';\n\n // Tag\n h += '
Tag
';\n ['default','success','processing','error','warning'].forEach((c,i)=>{ h += I('gabz-playground@ant-tag',{color:c,label:c},'tg'+i); });\n h += I('gabz-playground@ant-tag',{color:'#722ed1',label:'custom'},'tgc');\n h += I('gabz-playground@ant-tag',{color:'success',label:'icon',glyph:'fa fa-check'},'tgi');\n h += I('gabz-playground@ant-tag',{color:'default',label:'closable',closable:true},'tgx');\n h += '
';\n\n // Badge\n h += '
Badge
';\n h += I('gabz-playground@ant-badge',{count:5},'bd1');\n h += I('gabz-playground@ant-badge',{count:128,overflowCount:99},'bd2');\n h += I('gabz-playground@ant-badge',{dot:true},'bd3');\n ['success','processing','error','warning','default'].forEach((s,i)=>{ h += I('gabz-playground@ant-badge',{status:s,text:s},'bds'+i); });\n h += '
';\n\n // Avatar\n h += '
Avatar
';\n h += I('gabz-playground@ant-avatar',{size:'small',label:'S'},'av1');\n h += I('gabz-playground@ant-avatar',{size:'default',label:'U'},'av2');\n h += I('gabz-playground@ant-avatar',{size:'large',glyph:'fa fa-user'},'av3');\n h += I('gabz-playground@ant-avatar',{shape:'square',glyph:'fa fa-user'},'av4');\n h += I('gabz-playground@ant-avatar',{src:'https://i.pravatar.cc/80',size:'large'},'av5');\n h += I('gabz-playground@ant-avatar',{label:'AD',bg:'#722ed1'},'av6');\n h += '
';\n\n // Spin\n h += '
Spin
';\n h += I('gabz-playground@ant-spin',{size:'small'},'sp1');\n h += I('gabz-playground@ant-spin',{size:'default'},'sp2');\n h += I('gabz-playground@ant-spin',{size:'large'},'sp3');\n h += '
';\n\n // Switch\n h += '
Switch
';\n h += I('gabz-playground@ant-switch',{checked:true},'sw1');\n h += I('gabz-playground@ant-switch',{checked:false},'sw2');\n h += I('gabz-playground@ant-switch',{checked:true,size:'small'},'sw3');\n h += I('gabz-playground@ant-switch',{checked:true,checkedLabel:'ON',uncheckedLabel:'OFF'},'sw4');\n h += I('gabz-playground@ant-switch',{checked:true,loading:true},'sw5');\n h += I('gabz-playground@ant-switch',{checked:false,disabled:true},'sw6');\n h += '
';\n\n // Checkbox\n h += '
Checkbox
';\n h += I('gabz-playground@ant-checkbox',{label:'Unchecked'},'cb1');\n h += I('gabz-playground@ant-checkbox',{label:'Checked',checked:true},'cb2');\n h += I('gabz-playground@ant-checkbox',{label:'Indeterminate',indeterminate:true},'cb3');\n h += I('gabz-playground@ant-checkbox',{label:'Disabled',disabled:true},'cb4');\n h += '
';\n\n // Radio\n h += '
Radio
';\n h += I(RADIO,{options:['Apple','Pear','Orange'],value:'Apple'},'rd1');\n h += I(RADIO,{options:['Daily','Weekly','Monthly'],value:'Weekly',optionType:'button'},'rd2');\n h += '
';\n\n // Input\n h += '
Input
';\n h += B('gabz-playground@ant-input',{placeholder:'Basic'},'in1');\n h += B('gabz-playground@ant-input',{placeholder:'Filled',variant:'filled'},'in2');\n h += B('gabz-playground@ant-input',{placeholder:'Search',prefixGlyph:'fa fa-search',allowClear:true,value:'hello'},'in3');\n h += B('gabz-playground@ant-input',{placeholder:'Password',password:true,value:'secret'},'in4');\n h += B('gabz-playground@ant-input',{placeholder:'Error',status:'error',value:'bad'},'in5');\n h += B('gabz-playground@ant-inputnumber',{value:3,min:0,max:10},'in6');\n h += '
';\n\n // Select\n h += '
Select
';\n h += B('gabz-playground@ant-select',{options:['Beijing','Shanghai','Guangzhou'],value:'Shanghai',placeholder:'Pick a city'},'se1');\n h += B('gabz-playground@ant-select',{options:['Red','Green','Blue','Purple'],mode:'multiple',value:'Red,Blue',placeholder:'Multiple'},'se2');\n h += B('gabz-playground@ant-select',{options:['Apple','Banana','Cherry','Date'],showSearch:true,placeholder:'Searchable'},'se3');\n h += '
';\n\n // Alert\n h += '
Alert
';\n h += B(ALERT,{type:'success',message:'Success',showIcon:true},'al1','w420');\n h += B(ALERT,{type:'info',message:'Informational notes',description:'Additional description with more detail.',showIcon:true},'al2','w420');\n h += B(ALERT,{type:'warning',message:'Warning',showIcon:true,closable:true},'al3','w420');\n h += B(ALERT,{type:'error',message:'Error',showIcon:true},'al4','w420');\n h += '
';\n\n // Tooltip + Card\n h += '
Tooltip & Card
';\n h += I('gabz-playground@ant-tooltip',{title:'Helpful hint shown on hover',targetLabel:'Hover me',placement:'top'},'tt1');\n h += '
'+d2.render('gabz-playground@ant-card',{title:'Card title',extra:'More',content:'This is the card body content. Code components take body text as a param.'},{key:'cd1',style:'width:100%;height:auto;display:block'})+'
';\n h += '
'+d2.render('gabz-playground@ant-card',{title:'Small + hoverable',size:'small',hoverable:true,content:'Compact card with hover shadow.'},{key:'cd2',style:'width:100%;height:auto;display:block'})+'
';\n h += '
';\n\n return h + '