@govbr-ds/webcomponents 2.0.0-next.61 → 2.0.0-next.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/br-modal.cjs.entry.js +119 -15
- package/dist/cjs/br-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/br-scrim.cjs.entry.js +132 -38
- package/dist/cjs/br-scrim.entry.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/components/modal/modal.js +152 -37
- package/dist/collection/components/modal/modal.js.map +1 -1
- package/dist/collection/components/scrim/scrim.js +132 -38
- package/dist/collection/components/scrim/scrim.js.map +1 -1
- package/dist/collection/pages/components/modal/index.js +1 -53
- package/dist/components/br-modal.js +123 -26
- package/dist/components/br-modal.js.map +1 -1
- package/dist/components/br-scrim.js +125 -44
- package/dist/components/br-scrim.js.map +1 -1
- package/dist/esm/br-modal.entry.js +119 -15
- package/dist/esm/br-modal.entry.js.map +1 -1
- package/dist/esm/br-scrim.entry.js +132 -38
- package/dist/esm/br-scrim.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/hydrate/index.js +252 -55
- package/dist/hydrate/index.mjs +252 -55
- package/dist/types/components/modal/modal.d.ts +46 -4
- package/dist/types/components/scrim/scrim.d.ts +39 -1
- package/dist/types/components.d.ts +11 -11
- package/dist/webcomponents/br-modal.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-scrim.entry.esm.js.map +1 -1
- package/dist/webcomponents/{p-e7b38c63.entry.js → p-216dc111.entry.js} +126 -45
- package/dist/webcomponents/p-216dc111.entry.js.map +1 -0
- package/dist/webcomponents/{p-28dba962.entry.js → p-463b06a4.entry.js} +129 -33
- package/dist/webcomponents/p-463b06a4.entry.js.map +1 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/custom-elements.json +0 -18276
- package/dist/webcomponents/p-28dba962.entry.js.map +0 -1
- package/dist/webcomponents/p-e7b38c63.entry.js.map +0 -1
- package/dist/webcomponents.html-custom-data.json +0 -1214
|
@@ -1,1214 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
|
-
"version": 1.1,
|
|
4
|
-
"tags": [
|
|
5
|
-
{
|
|
6
|
-
"name": "br-avatar",
|
|
7
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/avatar?tab=designer).\n---\n\n\n### **Methods:**\n - **handleDensityChange(newValue: _'small' | 'medium' | 'large'_)** - Observa mudanças na propriedade density para validação e sincronização com atributo DOM.\nGarante que apenas valores válidos sejam aceitos e atualiza o atributo no elemento host.",
|
|
8
|
-
"attributes": [
|
|
9
|
-
{
|
|
10
|
-
"name": "density",
|
|
11
|
-
"values": [
|
|
12
|
-
{ "name": "small" },
|
|
13
|
-
{ "name": "medium" },
|
|
14
|
-
{ "name": "large" }
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
{ "name": "custom-id", "values": [] },
|
|
18
|
-
{ "name": "src", "values": [] },
|
|
19
|
-
{ "name": "alt", "values": [] },
|
|
20
|
-
{ "name": "is-iconic", "values": [] },
|
|
21
|
-
{ "name": "text", "values": [] },
|
|
22
|
-
{ "name": "disabled", "values": [] },
|
|
23
|
-
{ "name": "bg-color", "values": [] }
|
|
24
|
-
],
|
|
25
|
-
"references": []
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
"name": "br-breadcrumb",
|
|
29
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/breadcrumb?tab=designer).\n---\n",
|
|
30
|
-
"attributes": [
|
|
31
|
-
{ "name": "custom-id", "values": [] },
|
|
32
|
-
{ "name": "home-url", "values": [] },
|
|
33
|
-
{ "name": "crumbs", "values": [{ "name": "BreadcrumbItem[]" }] }
|
|
34
|
-
],
|
|
35
|
-
"references": []
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"name": "br-button",
|
|
39
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/button?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para o rótulo ou conteúdo do botão.",
|
|
40
|
-
"attributes": [
|
|
41
|
-
{ "name": "color-mode", "values": [{ "name": "dark" }] },
|
|
42
|
-
{ "name": "custom-id", "values": [] },
|
|
43
|
-
{
|
|
44
|
-
"name": "density",
|
|
45
|
-
"values": [
|
|
46
|
-
{ "name": "large" },
|
|
47
|
-
{ "name": "medium" },
|
|
48
|
-
{ "name": "small" }
|
|
49
|
-
]
|
|
50
|
-
},
|
|
51
|
-
{ "name": "disabled", "values": [] },
|
|
52
|
-
{
|
|
53
|
-
"name": "emphasis",
|
|
54
|
-
"values": [
|
|
55
|
-
{ "name": "primary" },
|
|
56
|
-
{ "name": "secondary" },
|
|
57
|
-
{ "name": "tertiary" }
|
|
58
|
-
]
|
|
59
|
-
},
|
|
60
|
-
{ "name": "is-active", "values": [] },
|
|
61
|
-
{ "name": "is-loading", "values": [] },
|
|
62
|
-
{
|
|
63
|
-
"name": "shape",
|
|
64
|
-
"values": [
|
|
65
|
-
{ "name": "circle" },
|
|
66
|
-
{ "name": "block" },
|
|
67
|
-
{ "name": "pill" }
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"name": "type",
|
|
72
|
-
"values": [
|
|
73
|
-
{ "name": "button" },
|
|
74
|
-
{ "name": "reset" },
|
|
75
|
-
{ "name": "submit" }
|
|
76
|
-
]
|
|
77
|
-
},
|
|
78
|
-
{ "name": "value", "values": [] },
|
|
79
|
-
{ "name": "custom-tab-index", "values": [] },
|
|
80
|
-
{ "name": "aria-label", "values": [] },
|
|
81
|
-
{ "name": "aria-pressed", "values": [] }
|
|
82
|
-
],
|
|
83
|
-
"references": []
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"name": "br-card",
|
|
87
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/card?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para conteúdo livre do card, quando não usar a estrutura de slots nomeados.\n- **header** - Slot para o conteúdo do cabeçalho do card.\n- **content** - Slot para o corpo principal do card ao usar a estrutura de slots.\n- **footer** - Slot para o conteúdo do rodapé do card.",
|
|
88
|
-
"attributes": [
|
|
89
|
-
{ "name": "custom-id", "values": [] },
|
|
90
|
-
{ "name": "disabled", "values": [] },
|
|
91
|
-
{ "name": "hover", "values": [] }
|
|
92
|
-
],
|
|
93
|
-
"references": []
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"name": "br-checkbox",
|
|
97
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/checkbox?tab=designer).\n---\n\n\n### **Events:**\n - **checkedChange** - Disparado depois que o valor do `checked` foi alterado\n- **indeterminateChange** - Disparado depois que o valor do `indeterminate` foi alterado.\n\n### **Methods:**\n - **setIndeterminate(value: _boolean_)** - Define o estado indeterminado do checkbox.\n- **toggleChecked()** - Inverte o valor da prop `checked`\n- **setNumberOfChildren(value: _number_)** - Define o número de checkboxes filhos em um grupo de checkboxes.\n\n### **Slots:**\n - **default** - Slot para o rótulo do checkbox, como alternativa à propriedade label.",
|
|
98
|
-
"attributes": [
|
|
99
|
-
{ "name": "indeterminate", "values": [] },
|
|
100
|
-
{ "name": "checked", "values": [] },
|
|
101
|
-
{ "name": "custom-id", "values": [] },
|
|
102
|
-
{ "name": "disabled", "values": [] },
|
|
103
|
-
{ "name": "has-hidden-label", "values": [] },
|
|
104
|
-
{ "name": "label", "values": [] },
|
|
105
|
-
{ "name": "name", "values": [] },
|
|
106
|
-
{
|
|
107
|
-
"name": "state",
|
|
108
|
-
"values": [{ "name": "valid" }, { "name": "invalid" }]
|
|
109
|
-
},
|
|
110
|
-
{ "name": "value", "values": [] },
|
|
111
|
-
{ "name": "is-father", "values": [] }
|
|
112
|
-
],
|
|
113
|
-
"references": []
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
"name": "br-checkgroup",
|
|
117
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/checkgroup?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.",
|
|
118
|
-
"attributes": [
|
|
119
|
-
{ "name": "label", "values": [] },
|
|
120
|
-
{ "name": "label-selecionado", "values": [] },
|
|
121
|
-
{ "name": "label-desselecionado", "values": [] },
|
|
122
|
-
{ "name": "indeterminate", "values": [] },
|
|
123
|
-
{ "name": "custom-id", "values": [] }
|
|
124
|
-
],
|
|
125
|
-
"references": []
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
"name": "br-collapse",
|
|
129
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/collapse?tab=designer).\n---\n\n\n### **Events:**\n - **brDidOpen** - Emitido ao expandir, com o identificador e o grupo de accordion.\n- **brDidClose** - Emitido ao recolher, com o identificador e o grupo de accordion.\n\n### **Methods:**\n - **handleOpen(event: _CustomEvent<{ id: string; accordionGroup: string }>_)** - Fecha este collapse quando outro do mesmo grupo é aberto.\n- **openCollapse()** - Abre o collapse programaticamente.\n- **closeCollapse()** - Fecha o collapse programaticamente.\n- **render()** - Renderiza o <details> com acionador e conteúdo expansível.\n\n### **Slots:**\n - **default** - Slot para o conteúdo expansível exibido ao abrir o collapse.\n- **trigger** - Slot para personalizar o acionador (texto, ícones, imagens, etc.).",
|
|
130
|
-
"attributes": [
|
|
131
|
-
{ "name": "custom-id", "values": [] },
|
|
132
|
-
{ "name": "open", "values": [] },
|
|
133
|
-
{ "name": "accordion-group", "values": [] },
|
|
134
|
-
{ "name": "icon-to-show", "values": [] },
|
|
135
|
-
{ "name": "icon-to-hide", "values": [] },
|
|
136
|
-
{
|
|
137
|
-
"name": "icon-position",
|
|
138
|
-
"values": [{ "name": "left" }, { "name": "right" }]
|
|
139
|
-
}
|
|
140
|
-
],
|
|
141
|
-
"references": []
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"name": "br-datetime-picker",
|
|
145
|
-
"description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/datetime-picker?tab=designer).\n---\n\n\n### **Events:**\n - **brDateTimeChange** - Evento disparado quando a data selecionada é alterada, tanto por interação do usuário quanto por métodos programáticos.\n\n### **Methods:**\n \n- **close()** - Fecha o dropdown do calendário.\n- **getValue(): _Promise<Date | null>_** - Retorna a data atualmente selecionada no datetime-picker.\n- **open()** - Abre o dropdown do calendário.\n- **reset()** - Reseta o estado interno do componente para os valores iniciais.\n- **setValue(value: _Date | null_)** - Define a data selecionada no datetime-picker.\n- **toggle()** - Alterna o estado do dropdown do calendário entre aberto e fechado.\n- **formResetCallback()** - Manipulador de reset do formulário.\n- **render(): __** - Renderiza o componente datetime-picker",
|
|
146
|
-
"attributes": [
|
|
147
|
-
{ "name": "auto-select-today", "values": [] },
|
|
148
|
-
{ "name": "disabled", "values": [] },
|
|
149
|
-
{ "name": "mode", "values": [{ "name": "DatetimePickerMode" }] },
|
|
150
|
-
{ "name": "name", "values": [] },
|
|
151
|
-
{ "name": "placeholder", "values": [] },
|
|
152
|
-
{ "name": "value", "values": [{ "name": "Date" }] },
|
|
153
|
-
{ "name": "week-starts-on", "values": [{ "name": "WeekDayIndex" }] }
|
|
154
|
-
],
|
|
155
|
-
"references": []
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
"name": "br-divider",
|
|
159
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/divider?tab=designer).\n---\n\n\n### **Methods:**\n - **updateColor()** - Watcher para a cor do divisor.\nAtualiza a propriedade CSS '--border-color' do elemento para refletir a cor definida.\nIsso permite que o divisor use cores personalizadas sem precisar de estilos adicionais.\n- **updateMargins()** - Watcher para as propriedades de margin.\nAtualiza as propriedades CSS customizáveis do elemento para refletir os margins definidos.\n\n### **Slots:**\n - **default** - Slot opcional para conteúdo dentro do divisor (texto, ícones ou elementos personalizados).",
|
|
160
|
-
"attributes": [
|
|
161
|
-
{ "name": "custom-id", "values": [] },
|
|
162
|
-
{ "name": "orientation", "values": [{ "name": "DividerOrientation" }] },
|
|
163
|
-
{ "name": "thickness", "values": [{ "name": "DividerThickness" }] },
|
|
164
|
-
{
|
|
165
|
-
"name": "border-style",
|
|
166
|
-
"values": [{ "name": "DividerBorderStyle" }]
|
|
167
|
-
},
|
|
168
|
-
{ "name": "is-dark-mode", "values": [] },
|
|
169
|
-
{ "name": "color", "values": [] },
|
|
170
|
-
{ "name": "align", "values": [{ "name": "DividerAlign" }] },
|
|
171
|
-
{ "name": "bleed", "values": [] },
|
|
172
|
-
{ "name": "margin-top", "values": [] },
|
|
173
|
-
{ "name": "margin-bottom", "values": [] },
|
|
174
|
-
{ "name": "margin-left", "values": [] },
|
|
175
|
-
{ "name": "margin-right", "values": [] }
|
|
176
|
-
],
|
|
177
|
-
"references": []
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
"name": "br-dropdown",
|
|
181
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/dropdown?tab=designer).\n---\n\n\n### **Events:**\n - **brDropdownChange** - Evento emitido quando o estado do dropdown muda.\n- **brDidOpen** - Evento emitido quando o dropdown é aberto.\nEste evento é usado para implementar o auto-dismiss de outros dropdowns.\n\n### **Methods:**\n - **isOpenChanged(newValue: _boolean_)** - Método chamado sempre que a propriedade `isOpen` muda.\nEmite um evento com o novo estado do dropdown.\n- **targetZIndexChanged()** - Aplica o novo valor de z-index ao elemento target.\n- **open(): _Promise<{ isOpen: boolean }>_** - Abre o dropdown.\nDefine a propriedade `isOpen` como verdadeira e retorna o novo estado.\n Este método pode ser chamado externamente.\n- **hide(): _Promise<{ isOpen: boolean }>_** - Esconde o dropdown.\nDefine a propriedade `isOpen` como falsa e retorna o novo estado.\nEste método pode ser chamado externamente.\n- **setFocus()** - Define o foco no elemento interno do componente.\nEste método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.\n\n### **Slots:**\n - **trigger** - Slot para o elemento que aciona a abertura do dropdown.\n- **target** - Slot para o conteúdo exibido pelo dropdown.",
|
|
182
|
-
"attributes": [
|
|
183
|
-
{ "name": "is-open", "values": [] },
|
|
184
|
-
{ "name": "custom-id", "values": [] },
|
|
185
|
-
{
|
|
186
|
-
"name": "placement",
|
|
187
|
-
"values": [
|
|
188
|
-
{ "name": "" },
|
|
189
|
-
{ "name": "bottom-start" },
|
|
190
|
-
{ "name": "bottom-end" },
|
|
191
|
-
{ "name": "top-start" },
|
|
192
|
-
{ "name": "top-end" },
|
|
193
|
-
{ "name": "left" },
|
|
194
|
-
{ "name": "right" },
|
|
195
|
-
{ "name": "bottom" },
|
|
196
|
-
{ "name": "top" }
|
|
197
|
-
]
|
|
198
|
-
},
|
|
199
|
-
{ "name": "prevent-auto-dismiss", "values": [] },
|
|
200
|
-
{ "name": "target-z-index", "values": [] }
|
|
201
|
-
],
|
|
202
|
-
"references": []
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"name": "br-footer",
|
|
206
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/footer?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **logo** - Slot para o logo do rodapé, utilizando o componente br-logo.\n- **default** - Slot para o mapa do site, utilizando br-footer-category e br-footer-item.\n- **social-network** - Slot para as redes sociais, utilizando br-footer-social.\n- **partner-logo** - Slot para logos de parceiros, utilizando br-logo.\n- **legal** - Slot para informações legais, utilizando br-footer-legal.",
|
|
207
|
-
"attributes": [
|
|
208
|
-
{ "name": "custom-id", "values": [] },
|
|
209
|
-
{
|
|
210
|
-
"name": "theme",
|
|
211
|
-
"values": [{ "name": "dark" }, { "name": "light" }]
|
|
212
|
-
},
|
|
213
|
-
{ "name": "social-network-title", "values": [] }
|
|
214
|
-
],
|
|
215
|
-
"references": []
|
|
216
|
-
},
|
|
217
|
-
{
|
|
218
|
-
"name": "br-header",
|
|
219
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Events:**\n - **headerCompactChange** - Evento disparado quando o cabeçalho entra ou sai do modo compacto.\nO evento contém os detalhes do estado compacto e o ID do componente pai.\n- **headerWidthChange** - Evento disparado para indicar qual lista deve encolher primeiro.\nO evento contém os detalhes do ID do componente pai e o nome da lista.\n\n### **Methods:**\n - **watchIsCompact(newValue: _boolean_)** - Observa mudanças na propriedade isCompact.\n- **resetHeaderList()** - Reinicializa o estado das listas do cabeçalho, disparando o evento de redimensionamento.\nPode ser chamado externamente para forçar a atualização das listas.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **logo** - Slot para a logo do cabeçalho.\n- **signature** - Slot para a assinatura visual da organização.\n- **links** - Slot para links de navegação principais.\n- **functions** - Slot para botões de ação no cabeçalho.\n- **search** - Slot para o campo de busca.\n- **access** - Slot para o botão de acesso ou autenticação.\n- **menu-trigger** - Slot para o botão que abre o menu.\n- **caption** - Slot para o título do cabeçalho.\n- **subcaption** - Slot para o subtítulo do cabeçalho.",
|
|
220
|
-
"attributes": [
|
|
221
|
-
{ "name": "caption", "values": [] },
|
|
222
|
-
{ "name": "caption-url", "values": [] },
|
|
223
|
-
{ "name": "custom-id", "values": [] },
|
|
224
|
-
{ "name": "density", "values": [{ "name": "HeaderDensity" }] },
|
|
225
|
-
{ "name": "is-compact", "values": [] },
|
|
226
|
-
{ "name": "is-sticky", "values": [] },
|
|
227
|
-
{ "name": "signature", "values": [] },
|
|
228
|
-
{
|
|
229
|
-
"name": "shrink-first",
|
|
230
|
-
"values": [{ "name": "links" }, { "name": "functions" }]
|
|
231
|
-
},
|
|
232
|
-
{ "name": "subcaption", "values": [] },
|
|
233
|
-
{ "name": "subcaption-url", "values": [] }
|
|
234
|
-
],
|
|
235
|
-
"references": []
|
|
236
|
-
},
|
|
237
|
-
{
|
|
238
|
-
"name": "br-icon",
|
|
239
|
-
"description": "O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.\nUtilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.\n\nCom opções para especificar a altura e largura, adicionar classes CSS personalizadas, e definir como o ícone\ndeve ser rotacionado ou espelhado, o `br-icon` oferece aos desenvolvedores as ferramentas necessárias para\nintegrar ícones de forma consistente com o estilo e design de suas aplicações, melhorando a experiência do usuário\ne a clareza das interfaces.\n\nPara mais informações sobre quais ícones estão disponíveis, consulte a documentação do [Iconify](https://iconify.design/).\n---\n",
|
|
240
|
-
"attributes": [
|
|
241
|
-
{ "name": "icon-name", "values": [] },
|
|
242
|
-
{ "name": "height", "values": [] },
|
|
243
|
-
{ "name": "custom-id", "values": [] },
|
|
244
|
-
{ "name": "width", "values": [] },
|
|
245
|
-
{ "name": "css-classes", "values": [] },
|
|
246
|
-
{ "name": "is-inline", "values": [] },
|
|
247
|
-
{
|
|
248
|
-
"name": "rotate",
|
|
249
|
-
"values": [
|
|
250
|
-
{ "name": "90deg" },
|
|
251
|
-
{ "name": "180deg" },
|
|
252
|
-
{ "name": "270deg" }
|
|
253
|
-
]
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "flip",
|
|
257
|
-
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
258
|
-
},
|
|
259
|
-
{ "name": "is-focusable", "values": [] },
|
|
260
|
-
{ "name": "lazy", "values": [] }
|
|
261
|
-
],
|
|
262
|
-
"references": []
|
|
263
|
-
},
|
|
264
|
-
{
|
|
265
|
-
"name": "br-input",
|
|
266
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/input?tab=designer).\n---\n\n\n### **Events:**\n - **valueChange** - Valor atualizado do input\n\n### **Slots:**\n - **action** - Botão à direita do input.\n- **icon** - Ícone à esquerda do input.\n- **help-text** - Personalização do texto de ajuda.\n- **feedback** - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.",
|
|
267
|
-
"attributes": [
|
|
268
|
-
{
|
|
269
|
-
"name": "type",
|
|
270
|
-
"values": [
|
|
271
|
-
{ "name": "" },
|
|
272
|
-
{ "name": "color" },
|
|
273
|
-
{ "name": "email" },
|
|
274
|
-
{ "name": "hidden" },
|
|
275
|
-
{ "name": "password" },
|
|
276
|
-
{ "name": "range" },
|
|
277
|
-
{ "name": "search" },
|
|
278
|
-
{ "name": "number" },
|
|
279
|
-
{ "name": "tel" },
|
|
280
|
-
{ "name": "text" },
|
|
281
|
-
{ "name": "file" },
|
|
282
|
-
{ "name": "url" }
|
|
283
|
-
]
|
|
284
|
-
},
|
|
285
|
-
{
|
|
286
|
-
"name": "autocomplete",
|
|
287
|
-
"values": [{ "name": "on" }, { "name": "off" }]
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
"name": "density",
|
|
291
|
-
"values": [
|
|
292
|
-
{ "name": "large" },
|
|
293
|
-
{ "name": "medium" },
|
|
294
|
-
{ "name": "small" }
|
|
295
|
-
]
|
|
296
|
-
},
|
|
297
|
-
{ "name": "disabled", "values": [] },
|
|
298
|
-
{ "name": "is-inline", "values": [] },
|
|
299
|
-
{ "name": "is-highlight", "values": [] },
|
|
300
|
-
{
|
|
301
|
-
"name": "state",
|
|
302
|
-
"values": [
|
|
303
|
-
{ "name": "info" },
|
|
304
|
-
{ "name": "warning" },
|
|
305
|
-
{ "name": "danger" },
|
|
306
|
-
{ "name": "success" }
|
|
307
|
-
]
|
|
308
|
-
},
|
|
309
|
-
{ "name": "label", "values": [] },
|
|
310
|
-
{ "name": "custom-id", "values": [] },
|
|
311
|
-
{ "name": "name", "values": [] },
|
|
312
|
-
{ "name": "placeholder", "values": [] },
|
|
313
|
-
{ "name": "readonly", "values": [] },
|
|
314
|
-
{ "name": "required", "values": [] },
|
|
315
|
-
{ "name": "value", "values": [] },
|
|
316
|
-
{ "name": "control-width", "values": [] },
|
|
317
|
-
{ "name": "borderless", "values": [] },
|
|
318
|
-
{ "name": "help-text", "values": [] },
|
|
319
|
-
{
|
|
320
|
-
"name": "autocorrect",
|
|
321
|
-
"values": [{ "name": "off" }, { "name": "on" }]
|
|
322
|
-
},
|
|
323
|
-
{ "name": "min", "values": [] },
|
|
324
|
-
{ "name": "max", "values": [] },
|
|
325
|
-
{ "name": "minlength", "values": [] },
|
|
326
|
-
{ "name": "maxlength", "values": [] },
|
|
327
|
-
{ "name": "multiple", "values": [] },
|
|
328
|
-
{ "name": "pattern", "values": [] },
|
|
329
|
-
{ "name": "mask", "values": [] },
|
|
330
|
-
{ "name": "step", "values": [] },
|
|
331
|
-
{ "name": "action-label", "values": [] },
|
|
332
|
-
{ "name": "action-tab-index", "values": [] }
|
|
333
|
-
],
|
|
334
|
-
"references": []
|
|
335
|
-
},
|
|
336
|
-
{
|
|
337
|
-
"name": "br-item",
|
|
338
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/item?tab=designer).\n---\n\n\n### **Events:**\n - **brDidClick** - Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).\nPode ser utilizado para ações personalizadas, exceto quando o item está desativado.\n- **brDidSelect** - Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.\n\n### **Methods:**\n - **setFocus()** - Define o foco no elemento interno do componente.\nEste método pode ser chamado externamente para garantir que o foco seja aplicado ao elemento correto.\n\n### **Slots:**\n - **default** - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).\n- **start** - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.\n- **end** - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.",
|
|
339
|
-
"attributes": [
|
|
340
|
-
{ "name": "disabled", "values": [] },
|
|
341
|
-
{ "name": "custom-id", "values": [] },
|
|
342
|
-
{ "name": "is-active", "values": [] },
|
|
343
|
-
{ "name": "is-selected", "values": [] },
|
|
344
|
-
{ "name": "is-interactive", "values": [] },
|
|
345
|
-
{ "name": "href", "values": [] },
|
|
346
|
-
{
|
|
347
|
-
"name": "target",
|
|
348
|
-
"values": [
|
|
349
|
-
{ "name": "_blank" },
|
|
350
|
-
{ "name": "_self" },
|
|
351
|
-
{ "name": "_parent" },
|
|
352
|
-
{ "name": "_top" }
|
|
353
|
-
]
|
|
354
|
-
},
|
|
355
|
-
{ "name": "is-button", "values": [] },
|
|
356
|
-
{
|
|
357
|
-
"name": "type",
|
|
358
|
-
"values": [
|
|
359
|
-
{ "name": "submit" },
|
|
360
|
-
{ "name": "reset" },
|
|
361
|
-
{ "name": "button" }
|
|
362
|
-
]
|
|
363
|
-
},
|
|
364
|
-
{ "name": "value", "values": [] },
|
|
365
|
-
{
|
|
366
|
-
"name": "density",
|
|
367
|
-
"values": [
|
|
368
|
-
{ "name": "large" },
|
|
369
|
-
{ "name": "medium" },
|
|
370
|
-
{ "name": "small" }
|
|
371
|
-
]
|
|
372
|
-
}
|
|
373
|
-
],
|
|
374
|
-
"references": []
|
|
375
|
-
},
|
|
376
|
-
{
|
|
377
|
-
"name": "br-list",
|
|
378
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/list?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para os itens da lista.\n- **header** - Slot para ações ou conteúdo do cabeçalho da lista.",
|
|
379
|
-
"attributes": [
|
|
380
|
-
{ "name": "header", "values": [] },
|
|
381
|
-
{ "name": "is-horizontal", "values": [] },
|
|
382
|
-
{ "name": "custom-id", "values": [] },
|
|
383
|
-
{ "name": "hide-header-divider", "values": [] },
|
|
384
|
-
{ "name": "collapse", "values": [] },
|
|
385
|
-
{ "name": "accordion", "values": [] }
|
|
386
|
-
],
|
|
387
|
-
"references": []
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
"name": "br-loading",
|
|
391
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/loading?tab=designer).\n---\n",
|
|
392
|
-
"attributes": [
|
|
393
|
-
{ "name": "is-progress", "values": [] },
|
|
394
|
-
{ "name": "custom-id", "values": [] },
|
|
395
|
-
{ "name": "progress-percent", "values": [] },
|
|
396
|
-
{ "name": "is-medium", "values": [] },
|
|
397
|
-
{ "name": "label", "values": [] }
|
|
398
|
-
],
|
|
399
|
-
"references": []
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"name": "br-magic-button",
|
|
403
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/magic-button?tab=designer).\n---\n\n\n### **Methods:**\n - **render()** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Conteúdo interno do botão (texto ou ícone).",
|
|
404
|
-
"attributes": [
|
|
405
|
-
{ "name": "custom-id", "values": [] },
|
|
406
|
-
{ "name": "label", "values": [] },
|
|
407
|
-
{ "name": "icon", "values": [] },
|
|
408
|
-
{
|
|
409
|
-
"name": "density",
|
|
410
|
-
"values": [
|
|
411
|
-
{ "name": "large" },
|
|
412
|
-
{ "name": "medium" },
|
|
413
|
-
{ "name": "small" }
|
|
414
|
-
]
|
|
415
|
-
},
|
|
416
|
-
{ "name": "circle", "values": [] },
|
|
417
|
-
{ "name": "aria-label", "values": [] }
|
|
418
|
-
],
|
|
419
|
-
"references": []
|
|
420
|
-
},
|
|
421
|
-
{
|
|
422
|
-
"name": "br-menu",
|
|
423
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para o conteúdo principal do menu (menu-list e menu-item).\n- **header** - Slot para o cabeçalho do menu, exibido apenas em modo não contextual.\n- **logo** - Slot para logotipos de parceiros no rodapé.\n- **link** - Slot para links externos no rodapé (use br-menu-link).\n- **social** - Slot para ícones de redes sociais no rodapé.\n- **info** - Slot para informações adicionais no rodapé.",
|
|
424
|
-
"attributes": [
|
|
425
|
-
{ "name": "breakpoints", "values": [] },
|
|
426
|
-
{ "name": "push", "values": [] },
|
|
427
|
-
{ "name": "contextual", "values": [] },
|
|
428
|
-
{
|
|
429
|
-
"name": "density",
|
|
430
|
-
"values": [
|
|
431
|
-
{ "name": "large" },
|
|
432
|
-
{ "name": "medium" },
|
|
433
|
-
{ "name": "small" }
|
|
434
|
-
]
|
|
435
|
-
},
|
|
436
|
-
{ "name": "social-title", "values": [] },
|
|
437
|
-
{ "name": "contextual-label", "values": [] }
|
|
438
|
-
],
|
|
439
|
-
"references": []
|
|
440
|
-
},
|
|
441
|
-
{
|
|
442
|
-
"name": "br-message",
|
|
443
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/message?tab=designer).\n---\n\n\n### **Events:**\n - **brDidClose** - Evento emitido quando o usuário fecha a mensagem, se closable for true.\n\n### **Slots:**\n - **default** - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n- **icon** - Slot para ícone customizado. Se usado, certifique-se de adicionar aria-label apropriado ou aria-hidden=\"true\" se for decorativo.",
|
|
444
|
-
"attributes": [
|
|
445
|
-
{ "name": "message-title", "values": [] },
|
|
446
|
-
{ "name": "custom-id", "values": [] },
|
|
447
|
-
{ "name": "message", "values": [] },
|
|
448
|
-
{ "name": "is-inline", "values": [] },
|
|
449
|
-
{ "name": "is-closable", "values": [] },
|
|
450
|
-
{ "name": "auto-remove", "values": [] },
|
|
451
|
-
{ "name": "show-icon", "values": [] },
|
|
452
|
-
{ "name": "is-feedback", "values": [] },
|
|
453
|
-
{
|
|
454
|
-
"name": "state",
|
|
455
|
-
"values": [
|
|
456
|
-
{ "name": "info" },
|
|
457
|
-
{ "name": "warning" },
|
|
458
|
-
{ "name": "danger" },
|
|
459
|
-
{ "name": "success" }
|
|
460
|
-
]
|
|
461
|
-
},
|
|
462
|
-
{ "name": "aria-label", "values": [] }
|
|
463
|
-
],
|
|
464
|
-
"references": []
|
|
465
|
-
},
|
|
466
|
-
{
|
|
467
|
-
"name": "br-modal",
|
|
468
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/modal?tab=designer).\n---\n\n\n### **Events:**\n - **brModalClose** - Evento emitido quando o modal solicita ser fechado (pelo botão 'x', tecla 'Escape' ou clique no scrim).\n\n### **Methods:**\n - **open()** - Método público para abrir o modal\n- **close()** - Método público para fechar o modal\n\n### **Slots:**\n - **header** - Cabeçalho do modal. Se não for usado, o `title-text` será exibido.\n- **default** - Corpo do modal.\n- **footer** - Rodapé do modal.\n- **close-button** - Botão de fechar customizado. Se não for usado, o botão padrão será exibido.",
|
|
469
|
-
"attributes": [
|
|
470
|
-
{ "name": "custom-id", "values": [] },
|
|
471
|
-
{ "name": "title-text", "values": [] },
|
|
472
|
-
{ "name": "show", "values": [] },
|
|
473
|
-
{ "name": "auto-close", "values": [] },
|
|
474
|
-
{ "name": "initial-focus-selector", "values": [] },
|
|
475
|
-
{
|
|
476
|
-
"name": "size",
|
|
477
|
-
"values": [
|
|
478
|
-
{ "name": "xsmall" },
|
|
479
|
-
{ "name": "small" },
|
|
480
|
-
{ "name": "medium" },
|
|
481
|
-
{ "name": "large" },
|
|
482
|
-
{ "name": "auto" }
|
|
483
|
-
]
|
|
484
|
-
},
|
|
485
|
-
{ "name": "scrim", "values": [] },
|
|
486
|
-
{ "name": "scrollable", "values": [] },
|
|
487
|
-
{
|
|
488
|
-
"name": "align-footer",
|
|
489
|
-
"values": [
|
|
490
|
-
{ "name": "start" },
|
|
491
|
-
{ "name": "end" },
|
|
492
|
-
{ "name": "center" }
|
|
493
|
-
]
|
|
494
|
-
}
|
|
495
|
-
],
|
|
496
|
-
"references": []
|
|
497
|
-
},
|
|
498
|
-
{
|
|
499
|
-
"name": "br-pagination",
|
|
500
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/pagination?tab=designer).\n---\n\n\n### **Events:**\n - **pageChange** - Emite quando a página muda por interação do usuário.\n- **perPageChange** - Emite quando o valor de itens por página é alterado (variante contextual).",
|
|
501
|
-
"attributes": [
|
|
502
|
-
{ "name": "color-mode", "values": [{ "name": "dark" }] },
|
|
503
|
-
{ "name": "custom-id", "values": [] },
|
|
504
|
-
{ "name": "total", "values": [] },
|
|
505
|
-
{ "name": "current", "values": [] },
|
|
506
|
-
{ "name": "aria-label", "values": [] },
|
|
507
|
-
{ "name": "previous-label", "values": [] },
|
|
508
|
-
{ "name": "next-label", "values": [] },
|
|
509
|
-
{ "name": "ellipsis-label", "values": [] },
|
|
510
|
-
{
|
|
511
|
-
"name": "density",
|
|
512
|
-
"values": [
|
|
513
|
-
{ "name": "large" },
|
|
514
|
-
{ "name": "medium" },
|
|
515
|
-
{ "name": "small" }
|
|
516
|
-
]
|
|
517
|
-
},
|
|
518
|
-
{
|
|
519
|
-
"name": "variant",
|
|
520
|
-
"values": [{ "name": "default" }, { "name": "contextual" }]
|
|
521
|
-
},
|
|
522
|
-
{ "name": "total-items", "values": [] },
|
|
523
|
-
{ "name": "per-page", "values": [] },
|
|
524
|
-
{ "name": "per-page-options", "values": [{ "name": "number[]" }] },
|
|
525
|
-
{ "name": "per-page-label", "values": [] },
|
|
526
|
-
{ "name": "go-to-page-label", "values": [] },
|
|
527
|
-
{ "name": "items-text", "values": [] }
|
|
528
|
-
],
|
|
529
|
-
"references": []
|
|
530
|
-
},
|
|
531
|
-
{
|
|
532
|
-
"name": "br-radio",
|
|
533
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/radio?tab=designer).\n---\n\n\n### **Events:**\n - **checkedChange** - Disparado depois que o valor do `checked` foi alterado\n\n### **Methods:**\n - **handleKeyDown(event: _KeyboardEvent_)** - Navega e seleciona o próximo/anterior rádio habilitado no grupo via teclas de seta.\nAtivado por 'keydown', move a seleção entre rádios do mesmo 'name'\nusando as setas, partindo do rádio atualmente checado.\n- **toggleChecked()** - Inverte o valor da prop `checked`\n\n### **Slots:**\n - **default** - Slot para o rótulo do rádio, como alternativa à propriedade label.",
|
|
534
|
-
"attributes": [
|
|
535
|
-
{ "name": "checked", "values": [] },
|
|
536
|
-
{ "name": "disabled", "values": [] },
|
|
537
|
-
{
|
|
538
|
-
"name": "state",
|
|
539
|
-
"values": [{ "name": "valid" }, { "name": "invalid" }]
|
|
540
|
-
},
|
|
541
|
-
{ "name": "has-hidden-label", "values": [] },
|
|
542
|
-
{ "name": "custom-id", "values": [] },
|
|
543
|
-
{ "name": "name", "values": [] },
|
|
544
|
-
{ "name": "label", "values": [] },
|
|
545
|
-
{ "name": "value", "values": [] }
|
|
546
|
-
],
|
|
547
|
-
"references": []
|
|
548
|
-
},
|
|
549
|
-
{
|
|
550
|
-
"name": "br-scrim",
|
|
551
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/scrim?tab=designer).\n---\n\n\n### **Events:**\n - **brScrimOpen** - Indica que o scrim foi aberto.\n- **brScrimClose** - Indica que o scrim foi fechado\n\n### **Methods:**\n - **setScrollThreshold(threshold: _number_)** - Define o limite de rolagem para o fechamento automático do scrim.\n- **open()** - Método público para exibir o scrim\n- **close()** - Método público para esconder o scrim\n- **toggle()** - Método público para alternar o estado de exibição do scrim\n\n### **Slots:**\n - **default** - Slot para o conteúdo principal a ser exibido sobre o fundo escurecido do scrim.\n- **activator** - Slot para o elemento ativador do scrim, com prioridade sobre a propriedade activator.",
|
|
552
|
-
"attributes": [
|
|
553
|
-
{ "name": "custom-id", "values": [] },
|
|
554
|
-
{ "name": "is-open", "values": [] },
|
|
555
|
-
{
|
|
556
|
-
"name": "position-content",
|
|
557
|
-
"values": [
|
|
558
|
-
{ "name": "top" },
|
|
559
|
-
{ "name": "center" },
|
|
560
|
-
{ "name": "right" },
|
|
561
|
-
{ "name": "left" },
|
|
562
|
-
{ "name": "bottom" }
|
|
563
|
-
]
|
|
564
|
-
},
|
|
565
|
-
{ "name": "disable-close-on-click", "values": [] },
|
|
566
|
-
{ "name": "z-index", "values": [] },
|
|
567
|
-
{ "name": "bg-color", "values": [] },
|
|
568
|
-
{ "name": "custom-opacity", "values": [] },
|
|
569
|
-
{
|
|
570
|
-
"name": "display-mode",
|
|
571
|
-
"values": [{ "name": "fullscreen" }, { "name": "parent" }]
|
|
572
|
-
},
|
|
573
|
-
{
|
|
574
|
-
"name": "scroll-strategy",
|
|
575
|
-
"values": [{ "name": "block" }, { "name": "close" }]
|
|
576
|
-
},
|
|
577
|
-
{ "name": "scroll-threshold", "values": [] },
|
|
578
|
-
{ "name": "activator", "values": [] },
|
|
579
|
-
{ "name": "aria-label", "values": [] }
|
|
580
|
-
],
|
|
581
|
-
"references": []
|
|
582
|
-
},
|
|
583
|
-
{
|
|
584
|
-
"name": "br-select",
|
|
585
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/select?tab=designer).\n---\n\n\n### **Events:**\n - **valueChange** - Evento emitido sempre que houver atualização nos itens selecionados.\nRENOMEADO PARA valueChange para compatibilidade com ngModel.\n- **optionHover** - Emite os dados da opção quando ela recebe foco/hover (antes da seleção).\n- **opened** - Dispara quando o dropdown é aberto.\n- **closed** - Dispara quando o dropdown é fechado.\n\n### **Methods:**\n - **toggleOpen()** - Inverte o valor da prop `isOpen`\n- **clear()** - Limpa todas as opções selecionadas.\n- **getValue(): _Promise<string | string[]>_** - Retorna o valor selecionado.\n- **setValue(newValue: _string | string[]_)** - Define o valor do componente.",
|
|
586
|
-
"attributes": [
|
|
587
|
-
{ "name": "label", "values": [] },
|
|
588
|
-
{ "name": "placeholder", "values": [] },
|
|
589
|
-
{ "name": "is-multiple", "values": [] },
|
|
590
|
-
{
|
|
591
|
-
"name": "options",
|
|
592
|
-
"values": [
|
|
593
|
-
{ "name": "" },
|
|
594
|
-
{
|
|
595
|
-
"name": "{\n label: string\n value: string\n selected?: boolean\n }[]"
|
|
596
|
-
}
|
|
597
|
-
]
|
|
598
|
-
},
|
|
599
|
-
{ "name": "select-all-label", "values": [] },
|
|
600
|
-
{ "name": "unselect-all-label", "values": [] },
|
|
601
|
-
{ "name": "show-search-icon", "values": [] },
|
|
602
|
-
{ "name": "is-open", "values": [] },
|
|
603
|
-
{ "name": "is-inline", "values": [] },
|
|
604
|
-
{ "name": "input-width", "values": [] },
|
|
605
|
-
{ "name": "borderless", "values": [] },
|
|
606
|
-
{ "name": "custom-id", "values": [] },
|
|
607
|
-
{ "name": "value", "values": [{ "name": "string[]" }] }
|
|
608
|
-
],
|
|
609
|
-
"references": []
|
|
610
|
-
},
|
|
611
|
-
{
|
|
612
|
-
"name": "br-sign-in",
|
|
613
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/sign-in?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para o texto do sign-in.\n- **icon** - Slot para ícone personalizado, com padrão fa6-solid:user para shape=\"circle\".\n- **image** - Slot para imagem ou ícone ao lado do texto.",
|
|
614
|
-
"attributes": [
|
|
615
|
-
{ "name": "custom-id", "values": [] },
|
|
616
|
-
{ "name": "color-mode", "values": [{ "name": "dark" }] },
|
|
617
|
-
{
|
|
618
|
-
"name": "density",
|
|
619
|
-
"values": [
|
|
620
|
-
{ "name": "large" },
|
|
621
|
-
{ "name": "medium" },
|
|
622
|
-
{ "name": "small" }
|
|
623
|
-
]
|
|
624
|
-
},
|
|
625
|
-
{ "name": "disabled", "values": [] },
|
|
626
|
-
{
|
|
627
|
-
"name": "emphasis",
|
|
628
|
-
"values": [{ "name": "primary" }, { "name": "secondary" }]
|
|
629
|
-
},
|
|
630
|
-
{
|
|
631
|
-
"name": "shape",
|
|
632
|
-
"values": [
|
|
633
|
-
{ "name": "block" },
|
|
634
|
-
{ "name": "circle" },
|
|
635
|
-
{ "name": "pill" }
|
|
636
|
-
]
|
|
637
|
-
},
|
|
638
|
-
{ "name": "href", "values": [] },
|
|
639
|
-
{
|
|
640
|
-
"name": "target",
|
|
641
|
-
"values": [
|
|
642
|
-
{ "name": "_self" },
|
|
643
|
-
{ "name": "_blank" },
|
|
644
|
-
{ "name": "_parent" },
|
|
645
|
-
{ "name": "_top" }
|
|
646
|
-
]
|
|
647
|
-
},
|
|
648
|
-
{ "name": "aria-label", "values": [] }
|
|
649
|
-
],
|
|
650
|
-
"references": []
|
|
651
|
-
},
|
|
652
|
-
{
|
|
653
|
-
"name": "br-skip-link",
|
|
654
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/skip-link?tab=designer).\n---\n\n\n### **Events:**\n - **brSkiplinkNavigation** - Evento emitido quando um item do skiplink é ativado.\nO evento contém informações sobre o item acionado e o elemento target.\n- **brDidShow** - Evento emitido quando o skiplink se torna visível.\n- **brDidHide** - Evento emitido quando o skiplink se torna oculto.\n\n### **Methods:**\n - **watchModeChanges()** - Observa mudanças nos estados que afetam o modo efetivo (simple/compound)\ne atualiza as contagens dos itens quando necessário.\n- **handleItemNavigation(event: _CustomEvent<{ itemId: string; target: string }>_)** - Listener para eventos de navegação dos itens filhos.\n- **handleFocusIn()** - Listener para evento de foco no componente.\n- **handleFocusOut(event: _FocusEvent_)** - Listener para evento de perda de foco no componente.\n- **handleKeyDown(event: _KeyboardEvent_)** - Listener para a tecla Escape.\n- **hide(): _Promise<void>_** - Oculta o componente programaticamente.\n- **show(): _Promise<void>_** - Exibe o componente programaticamente.\n\n### **Slots:**\n - **default** - Slot para inserir os itens de navegação rápida (br-skiplink-item).",
|
|
655
|
-
"attributes": [
|
|
656
|
-
{ "name": "custom-id", "values": [] },
|
|
657
|
-
{
|
|
658
|
-
"name": "variant",
|
|
659
|
-
"values": [{ "name": "simple" }, { "name": "compound" }]
|
|
660
|
-
},
|
|
661
|
-
{
|
|
662
|
-
"name": "position",
|
|
663
|
-
"values": [
|
|
664
|
-
{ "name": "top-left" },
|
|
665
|
-
{ "name": "top-center" },
|
|
666
|
-
{ "name": "top-right" }
|
|
667
|
-
]
|
|
668
|
-
},
|
|
669
|
-
{ "name": "z-index", "values": [] },
|
|
670
|
-
{ "name": "show-item-count", "values": [] }
|
|
671
|
-
],
|
|
672
|
-
"references": []
|
|
673
|
-
},
|
|
674
|
-
{
|
|
675
|
-
"name": "br-step",
|
|
676
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/step?tab=designer).\n---\n\n\n### **Events:**\n - **brDidLoad** - Emite um evento após o componente ter sido carregado pela primeira vez.\nUtilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n- **brWillLoad** - Emite um evento antes do componente ser renderizado pela primeira vez, permitindo a preparação de dados ou inicializações necessárias.\nUtilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdwillLoad) para mais detalhes.\n- **brShouldUpdate** - Emite um evento para indicar se o componente deve ser atualizado ou não.\nEste evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n- **brStepChange** - Emite um evento quando o step ativo muda.\nO evento carrega o índice do novo step ativo (0-based).\n\n### **Methods:**\n - **handleClick(event)** - listener para ouvir o evento de click no componente step\nAtravés desse listener o componente define qual será o proximo passo do step que terá o estado ativo\n- **ProceedToNextStep()** - \nMétodo disponibilizado via API do elemento que controla o componente Step, responsável por avançar para o próximo passo e atualizar o valor do estado activeStep\n- **BackToPreviousStep()** - \nMétodo disponibilizado via API do elemento que controla o componente Step, responsável por retornar ao passo anterior e atualizar o valor do estado activeStep\n- **StepValidation(validationStatus: _'success' | 'info' | 'danger' | 'warning'_)** - \nMétodo disponibilizado via API do elemento que integra um componente externo ao componente Step, permitindo sinalizar validações ou destacar a etapa com estado ativo.\n- **GetActiveStep()** - \nMétodo disponibilizado via API do elemento que permite a um componente externo obter a etapa com o estado ativo do componente Step.\n\n### **Slots:**\n - **default** - Slot para os itens do step (br-step-item), aceitando apenas esse componente.",
|
|
677
|
-
"attributes": [
|
|
678
|
-
{
|
|
679
|
-
"name": "layout",
|
|
680
|
-
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
681
|
-
},
|
|
682
|
-
{ "name": "initial-step", "values": [] },
|
|
683
|
-
{
|
|
684
|
-
"name": "label-position",
|
|
685
|
-
"values": [
|
|
686
|
-
{ "name": "top" },
|
|
687
|
-
{ "name": "right" },
|
|
688
|
-
{ "name": "bottom" },
|
|
689
|
-
{ "name": "left" }
|
|
690
|
-
]
|
|
691
|
-
},
|
|
692
|
-
{
|
|
693
|
-
"name": "content-type",
|
|
694
|
-
"values": [
|
|
695
|
-
{ "name": "default" },
|
|
696
|
-
{ "name": "br-icon" },
|
|
697
|
-
{ "name": "no-content" },
|
|
698
|
-
{ "name": "slotted" }
|
|
699
|
-
]
|
|
700
|
-
},
|
|
701
|
-
{
|
|
702
|
-
"name": "mode",
|
|
703
|
-
"values": [{ "name": "controller" }, { "name": "step" }]
|
|
704
|
-
},
|
|
705
|
-
{
|
|
706
|
-
"name": "progression-type",
|
|
707
|
-
"values": [{ "name": "linear" }, { "name": "nonlinear" }]
|
|
708
|
-
}
|
|
709
|
-
],
|
|
710
|
-
"references": []
|
|
711
|
-
},
|
|
712
|
-
{
|
|
713
|
-
"name": "br-switch",
|
|
714
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/switch?tab=designer).\n---\n\n\n### **Events:**\n - **checkedChange** - Disparado depois que o valor do `checked` foi alterado\n\n### **Methods:**\n - **toggleChecked()** - Inverte o valor da prop `checked`\n\n### **Slots:**\n - **default** - Slot para o rótulo do switch, com prioridade sobre a propriedade label.",
|
|
715
|
-
"attributes": [
|
|
716
|
-
{ "name": "disabled", "values": [] },
|
|
717
|
-
{ "name": "checked", "values": [] },
|
|
718
|
-
{ "name": "custom-id", "values": [] },
|
|
719
|
-
{ "name": "label", "values": [] },
|
|
720
|
-
{
|
|
721
|
-
"name": "label-position",
|
|
722
|
-
"values": [{ "name": "right" }, { "name": "left" }, { "name": "top" }]
|
|
723
|
-
},
|
|
724
|
-
{ "name": "label-on", "values": [] },
|
|
725
|
-
{ "name": "label-off", "values": [] },
|
|
726
|
-
{ "name": "has-icon", "values": [] },
|
|
727
|
-
{ "name": "name", "values": [] },
|
|
728
|
-
{ "name": "value", "values": [] },
|
|
729
|
-
{
|
|
730
|
-
"name": "density",
|
|
731
|
-
"values": [
|
|
732
|
-
{ "name": "large" },
|
|
733
|
-
{ "name": "medium" },
|
|
734
|
-
{ "name": "small" }
|
|
735
|
-
]
|
|
736
|
-
}
|
|
737
|
-
],
|
|
738
|
-
"references": []
|
|
739
|
-
},
|
|
740
|
-
{
|
|
741
|
-
"name": "br-tab",
|
|
742
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/tab?tab=designer).\n---\n\n\n### **Events:**\n - **brTabChange** - Evento disparado quando um tab é ativado.\n\n### **Methods:**\n - **activeTabChanged(newId: _string_)** - Observa mudanças no tab ativo para atualizar os estados\n- **colorModeChanged(newValue: _string_)** - Observa mudanças no color mode para propagar aos filhos\n- **handleTabItemPropsChange()** - Escuta evento de mudança de propriedades dos tab-items filhos.\nEste listener garante que o componente pai seja re-renderizado quando\npropriedades como tabItemTitle, icon, counter ou onlyIcon mudam dinamicamente.\n\n### **Slots:**\n - **default** - Slot para inserir os itens das abas (br-tab-item)",
|
|
743
|
-
"attributes": [
|
|
744
|
-
{ "name": "custom-id", "values": [] },
|
|
745
|
-
{
|
|
746
|
-
"name": "density",
|
|
747
|
-
"values": [
|
|
748
|
-
{ "name": "small" },
|
|
749
|
-
{ "name": "medium" },
|
|
750
|
-
{ "name": "large" }
|
|
751
|
-
]
|
|
752
|
-
},
|
|
753
|
-
{ "name": "color-mode", "values": [{ "name": "dark" }] },
|
|
754
|
-
{ "name": "label", "values": [] },
|
|
755
|
-
{
|
|
756
|
-
"name": "align-items-tab",
|
|
757
|
-
"values": [
|
|
758
|
-
{ "name": "start" },
|
|
759
|
-
{ "name": "center" },
|
|
760
|
-
{ "name": "end" }
|
|
761
|
-
]
|
|
762
|
-
}
|
|
763
|
-
],
|
|
764
|
-
"references": []
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"name": "br-table",
|
|
768
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Define o JSX do componente.\n\n### **Slots:**\n - **default** - Slot para as linhas e células da tabela.",
|
|
769
|
-
"attributes": [{ "name": "custom-id", "values": [] }],
|
|
770
|
-
"references": []
|
|
771
|
-
},
|
|
772
|
-
{
|
|
773
|
-
"name": "br-tag",
|
|
774
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/textarea?tag=designer).\n---\n\n\n### **Events:**\n - **radioSelected** - Evento emitido quando a tag é selecionada.\n\n### **Slots:**\n - **default** - Slot para inserir o conteúdo da tag, como rótulo ou ícone",
|
|
775
|
-
"attributes": [
|
|
776
|
-
{ "name": "label", "values": [] },
|
|
777
|
-
{ "name": "icon-name", "values": [] },
|
|
778
|
-
{ "name": "name", "values": [] },
|
|
779
|
-
{ "name": "multiple", "values": [] },
|
|
780
|
-
{ "name": "selected", "values": [] },
|
|
781
|
-
{ "name": "custom-id", "values": [] },
|
|
782
|
-
{ "name": "bg-color", "values": [] },
|
|
783
|
-
{
|
|
784
|
-
"name": "density",
|
|
785
|
-
"values": [
|
|
786
|
-
{ "name": "small" },
|
|
787
|
-
{ "name": "medium" },
|
|
788
|
-
{ "name": "large" }
|
|
789
|
-
]
|
|
790
|
-
},
|
|
791
|
-
{
|
|
792
|
-
"name": "shape",
|
|
793
|
-
"values": [
|
|
794
|
-
{ "name": "circle" },
|
|
795
|
-
{ "name": "rounded" },
|
|
796
|
-
{ "name": "default" }
|
|
797
|
-
]
|
|
798
|
-
},
|
|
799
|
-
{ "name": "status", "values": [] },
|
|
800
|
-
{ "name": "interaction", "values": [] },
|
|
801
|
-
{ "name": "interaction-select", "values": [] },
|
|
802
|
-
{ "name": "disabled", "values": [] },
|
|
803
|
-
{ "name": "aria-label", "values": [] },
|
|
804
|
-
{ "name": "aria-describedby", "values": [] }
|
|
805
|
-
],
|
|
806
|
-
"references": []
|
|
807
|
-
},
|
|
808
|
-
{
|
|
809
|
-
"name": "br-textarea",
|
|
810
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/textarea?tab=designer).\n---\n\n\n### **Events:**\n - **valueChange** - Valor atualizado do textarea\n\n### **Methods:**\n - **setValue(newValue: _string_)** - Define um novo valor para o textarea.\n\n### **Slots:**\n - **default** - Slot para texto adicional ou instruções a serem exibidos junto ao textarea.",
|
|
811
|
-
"attributes": [
|
|
812
|
-
{ "name": "value", "values": [] },
|
|
813
|
-
{ "name": "label", "values": [] },
|
|
814
|
-
{ "name": "placeholder", "values": [] },
|
|
815
|
-
{ "name": "aria-label", "values": [] },
|
|
816
|
-
{ "name": "custom-id", "values": [] },
|
|
817
|
-
{ "name": "disabled", "values": [] },
|
|
818
|
-
{ "name": "maxlength", "values": [] },
|
|
819
|
-
{ "name": "show-counter", "values": [] },
|
|
820
|
-
{
|
|
821
|
-
"name": "state",
|
|
822
|
-
"values": [
|
|
823
|
-
{ "name": "danger" },
|
|
824
|
-
{ "name": "success" },
|
|
825
|
-
{ "name": "warning" }
|
|
826
|
-
]
|
|
827
|
-
},
|
|
828
|
-
{
|
|
829
|
-
"name": "density",
|
|
830
|
-
"values": [
|
|
831
|
-
{ "name": "small" },
|
|
832
|
-
{ "name": "medium" },
|
|
833
|
-
{ "name": "large" }
|
|
834
|
-
]
|
|
835
|
-
},
|
|
836
|
-
{ "name": "is-inline", "values": [] },
|
|
837
|
-
{ "name": "rows", "values": [] },
|
|
838
|
-
{ "name": "cols", "values": [] }
|
|
839
|
-
],
|
|
840
|
-
"references": []
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"name": "br-tooltip",
|
|
844
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/tooltip?tab=designer).\n---\n\n\n### **Events:**\n - **brDidOpen** - Emitido quando o tooltip abre.\n- **brDidClose** - Emitido quando o tooltip fecha.\n\n### **Methods:**\n - **handleVisibilityChange(visible: _boolean_): __** - Watcher para monitorar alterações na propriedade `isVisible`.\n- **handleFocusIn()** - Exibe o tooltip quando o acionador recebe foco.\n- **handleFocusOut()** - Oculta o tooltip quando o acionador perde foco.\n- **handleKeyDown(event: _KeyboardEvent_)** - Fecha com Escape quando o documento recebe a tecla.\n- **render(): __** - Renderiza o componente.\nEste método é responsável por gerar o conteúdo HTML do componente.\nEle utiliza a função `h` do Stencil para criar elementos JSX.\n\n### **Slots:**\n - **trigger** - Slot para o elemento que aciona a exibição do tooltip.\n- **content** - Slot para o conteúdo exibido no tooltip.",
|
|
845
|
-
"attributes": [
|
|
846
|
-
{ "name": "custom-id", "values": [] },
|
|
847
|
-
{ "name": "position", "values": [{ "name": "TooltipPosition" }] },
|
|
848
|
-
{ "name": "type", "values": [{ "name": "TooltipType" }] },
|
|
849
|
-
{ "name": "density", "values": [{ "name": "TooltipDensity" }] },
|
|
850
|
-
{ "name": "state", "values": [{ "name": "TooltipState" }] },
|
|
851
|
-
{ "name": "is-auto-visible", "values": [] },
|
|
852
|
-
{ "name": "show-delay", "values": [] },
|
|
853
|
-
{ "name": "hide-delay", "values": [] }
|
|
854
|
-
],
|
|
855
|
-
"references": []
|
|
856
|
-
},
|
|
857
|
-
{
|
|
858
|
-
"name": "br-upload",
|
|
859
|
-
"description": "## Design System\n---\n\n\n### **Events:**\n - **selectedFilesChange** - Emitido quando a lista de arquivos selecionados muda.\n- **brRemove** - Evento emitido quando um arquivo da lista `uploadFiles` (externos) é removido pelo usuário.\nO objeto emitido contém os dados do arquivo removido.\n\n### **Slots:**\n - **default** - Texto personalizado para o botão de upload. Se não fornecido, será exibido \"Selecione o arquivo\" como texto padrão. Use este slot para personalizar o texto do botão de acordo com o contexto do upload, por exemplo: \"Anexar documentos\", \"Enviar imagens\", etc.\n- **upload-list** - Permite customizar a área de listagem de arquivos. Se utilizado, substitui a lista padrão gerada pelo componente.",
|
|
860
|
-
"attributes": [
|
|
861
|
-
{ "name": "custom-id", "values": [] },
|
|
862
|
-
{ "name": "accept", "values": [] },
|
|
863
|
-
{ "name": "label", "values": [] },
|
|
864
|
-
{ "name": "upload-files", "values": [{ "name": "IUploadFile[]" }] },
|
|
865
|
-
{ "name": "disabled", "values": [] },
|
|
866
|
-
{
|
|
867
|
-
"name": "state",
|
|
868
|
-
"values": [
|
|
869
|
-
{ "name": "info" },
|
|
870
|
-
{ "name": "warning" },
|
|
871
|
-
{ "name": "danger" },
|
|
872
|
-
{ "name": "success" }
|
|
873
|
-
]
|
|
874
|
-
},
|
|
875
|
-
{ "name": "multiple", "values": [] }
|
|
876
|
-
],
|
|
877
|
-
"references": []
|
|
878
|
-
},
|
|
879
|
-
{
|
|
880
|
-
"name": "br-wizard",
|
|
881
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/wizard?tab=designer).\n---\n\n\n### **Events:**\n - **brWizardStepChange** - Evento emitido APÓS mudar de etapa com sucesso.\n\nEste evento é disparado independente da origem da navegação:\n- Botões \"Avançar\" ou \"Voltar\"\n- Click direto em um step do indicador de progresso\n- Chamadas programáticas via métodos públicos (goToStep, nextStep, etc)\n- **brWizardBeforeStepChange** - Evento emitido ANTES de mudar de etapa (permite validação e cancelamento).\n\nComportamento:\n- Disparado apenas ao AVANÇAR (targetStep > currentStep)\n- Não é disparado ao VOLTAR (targetStep < currentStep)\n- Funciona tanto para cliques nos botões quanto para cliques diretos nos steps\n- Pode ser cancelado com `event.preventDefault()` para bloquear a navegação\n- **brWizardComplete** - Evento emitido ao concluir o wizard (última etapa).\n- **brWizardCancel** - Evento emitido ao cancelar o wizard.\n- **brWizardNavigationBlocked** - Evento emitido quando uma ação é bloqueada (validação falha, progressão linear impedida).\nEmite uma string indicando o motivo: 'linear-progression' ou 'validation-failed'.\nUse getCurrentStepIndex() para obter o contexto da etapa atual.\n\n### **Methods:**\n - **handleProgressionTypeChange()** - Observa mudanças no tipo de progressão.\nAtualiza a navegação dos painéis quando muda entre linear/nonlinear.\n- **handleInitialStepChange()** - Observa mudanças na etapa inicial.\nReinicializa o wizard quando a prop initialStep é alterada externamente.\n- **handleCurrentStepChange(newStep: _number_, oldStep: _number_)** - Observa mudanças na etapa atual (fonte única de verdade).\nSincroniza com br-step, atualiza painéis, anuncia mudança e move foco.\n- **handleSlotChange(event: _Event_)** - Detecta quando o slot muda (painéis adicionados/removidos dinamicamente).\nRedescobre os painéis e ressincroniza o estado.\n- **handleStepChange(event: _CustomEvent<{ activeStep: number }>_)** - Detecta quando o br-step muda de etapa ativa.\nValida e sincroniza a navegação com o componente interno br-step.\n- **nextStep(): __** - Avança para a próxima etapa.\nExecuta validação via evento `brWizardBeforeStepChange` antes de navegar.\n- **previousStep(): __** - Volta para a etapa anterior.\nNão executa validação ao retornar.\n- **goToStep(stepNumber: _number_): __** - Navega para uma etapa específica.\nExecuta validação se estiver avançando (etapa alvo > etapa atual).\n- **reset(): __** - Retorna à primeira etapa do wizard.\nNão executa validação (útil para reiniciar o fluxo).\n- **getCurrentStep(): __** - Retorna o elemento HTML do painel ativo no momento.\n- **getAllSteps(): __** - Retorna todos os painéis do wizard.\n- **getStepByIndex(stepNumber: _number_): __** - Retorna um painel específico pelo índice.\n- **getCurrentStepIndex(): __** - Retorna o índice (número) da etapa atual.\nA numeração começa em 1 (primeira etapa = 1, segunda = 2, etc).\n- **getTotalSteps(): __** - Retorna o número total de etapas do wizard.\n- **render(): __** - Método de renderização principal do componente.\nMonta a estrutura completa do wizard com acessibilidade integrada.\n\n### **Slots:**\n - **default** - Slot para os painéis de etapa (br-wizard-panel) do wizard.",
|
|
882
|
-
"attributes": [
|
|
883
|
-
{ "name": "initial-step", "values": [] },
|
|
884
|
-
{
|
|
885
|
-
"name": "orientation",
|
|
886
|
-
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
887
|
-
},
|
|
888
|
-
{
|
|
889
|
-
"name": "progression-type",
|
|
890
|
-
"values": [{ "name": "linear" }, { "name": "nonlinear" }]
|
|
891
|
-
},
|
|
892
|
-
{ "name": "custom-id", "values": [] }
|
|
893
|
-
],
|
|
894
|
-
"references": []
|
|
895
|
-
},
|
|
896
|
-
{
|
|
897
|
-
"name": "br-footer-category",
|
|
898
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/footer?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para os itens da categoria no rodapé, utilizando br-footer-item.",
|
|
899
|
-
"attributes": [
|
|
900
|
-
{ "name": "custom-id", "values": [] },
|
|
901
|
-
{ "name": "label", "values": [] }
|
|
902
|
-
],
|
|
903
|
-
"references": []
|
|
904
|
-
},
|
|
905
|
-
{
|
|
906
|
-
"name": "br-footer-item",
|
|
907
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/footer?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente\n\n### **Slots:**\n - **default** - Slot para o conteúdo do item no rodapé, incluindo texto ou componentes de roteamento para SPAs.",
|
|
908
|
-
"attributes": [
|
|
909
|
-
{ "name": "custom-id", "values": [] },
|
|
910
|
-
{ "name": "href", "values": [] }
|
|
911
|
-
],
|
|
912
|
-
"references": []
|
|
913
|
-
},
|
|
914
|
-
{
|
|
915
|
-
"name": "br-footer-legal",
|
|
916
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/footer?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para informações legais no rodapé, como direitos autorais ou termos de uso.",
|
|
917
|
-
"attributes": [{ "name": "custom-id", "values": [] }],
|
|
918
|
-
"references": []
|
|
919
|
-
},
|
|
920
|
-
{
|
|
921
|
-
"name": "br-footer-logo",
|
|
922
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/footer?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Monta o JSX que representa o componente.",
|
|
923
|
-
"attributes": [
|
|
924
|
-
{ "name": "custom-id", "values": [] },
|
|
925
|
-
{ "name": "src", "values": [] },
|
|
926
|
-
{ "name": "description", "values": [] },
|
|
927
|
-
{
|
|
928
|
-
"name": "position",
|
|
929
|
-
"values": [
|
|
930
|
-
{ "name": "left" },
|
|
931
|
-
{ "name": "center" },
|
|
932
|
-
{ "name": "right" }
|
|
933
|
-
]
|
|
934
|
-
},
|
|
935
|
-
{ "name": "is-partner", "values": [] },
|
|
936
|
-
{ "name": "href", "values": [] },
|
|
937
|
-
{
|
|
938
|
-
"name": "target",
|
|
939
|
-
"values": [
|
|
940
|
-
{ "name": "_blank" },
|
|
941
|
-
{ "name": "_self" },
|
|
942
|
-
{ "name": "_parent" },
|
|
943
|
-
{ "name": "_top" }
|
|
944
|
-
]
|
|
945
|
-
}
|
|
946
|
-
],
|
|
947
|
-
"references": []
|
|
948
|
-
},
|
|
949
|
-
{
|
|
950
|
-
"name": "br-footer-social",
|
|
951
|
-
"description": "O subcomponente `br-footer-social` representa os ícones de redes sociais no rodapé do site, de acordo com a documentação de design do GovBR.\nEle deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.",
|
|
952
|
-
"attributes": [
|
|
953
|
-
{ "name": "custom-id", "values": [] },
|
|
954
|
-
{ "name": "icon", "values": [] },
|
|
955
|
-
{ "name": "description", "values": [] },
|
|
956
|
-
{ "name": "href", "values": [] }
|
|
957
|
-
],
|
|
958
|
-
"references": []
|
|
959
|
-
},
|
|
960
|
-
{
|
|
961
|
-
"name": "br-header-function",
|
|
962
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Methods:**\n - **handleHeaderWidthChange(event: _CustomEvent<{ id: string; listNames: string[]; shrink: boolean }>_)** - Listener para o evento 'headerWidthChange', disparado pelo componente pai 'br-header'.\nO evento contém o ID do pai e o nome da lista.\nSe o ID do pai corresponder ao ID do cabeçalho atual, o evento será tratado.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para o nome ou rótulo da funcionalidade.\n- **icon** - Slot para ícone que representa a funcionalidade.",
|
|
963
|
-
"attributes": [
|
|
964
|
-
{ "name": "custom-id", "values": [] },
|
|
965
|
-
{ "name": "href", "values": [] },
|
|
966
|
-
{ "name": "icon-name", "values": [] },
|
|
967
|
-
{
|
|
968
|
-
"name": "target",
|
|
969
|
-
"values": [
|
|
970
|
-
{ "name": "_blank" },
|
|
971
|
-
{ "name": "_self" },
|
|
972
|
-
{ "name": "_parent" },
|
|
973
|
-
{ "name": "_top" }
|
|
974
|
-
]
|
|
975
|
-
}
|
|
976
|
-
],
|
|
977
|
-
"references": []
|
|
978
|
-
},
|
|
979
|
-
{
|
|
980
|
-
"name": "br-header-link",
|
|
981
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para o conteúdo do link exibido no cabeçalho.",
|
|
982
|
-
"attributes": [
|
|
983
|
-
{ "name": "custom-id", "values": [] },
|
|
984
|
-
{ "name": "href", "values": [] },
|
|
985
|
-
{
|
|
986
|
-
"name": "target",
|
|
987
|
-
"values": [
|
|
988
|
-
{ "name": "_blank" },
|
|
989
|
-
{ "name": "_self" },
|
|
990
|
-
{ "name": "_parent" },
|
|
991
|
-
{ "name": "_top" }
|
|
992
|
-
]
|
|
993
|
-
}
|
|
994
|
-
],
|
|
995
|
-
"references": []
|
|
996
|
-
},
|
|
997
|
-
{
|
|
998
|
-
"name": "br-header-list",
|
|
999
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Events:**\n - **headerListUpdate** - Evento disparado para indicar qual lista deve encolher primeiro.\nO evento envia o ID do componente pai e o nome da lista.\n- **headerListFocused** - Evento disparado quando a lista recebe foco.\nO evento envia o ID do componente.\n\n### **Methods:**\n - **closeList()** - Fecha a lista.\n- **isListOpen(): __** - Verifica se a lista está aberta.\n- **openList(): _Promise<void>_** - Abre a lista.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para o conteúdo da lista de navegação no cabeçalho.",
|
|
1000
|
-
"attributes": [
|
|
1001
|
-
{ "name": "custom-id", "values": [] },
|
|
1002
|
-
{ "name": "list-title", "values": [] }
|
|
1003
|
-
],
|
|
1004
|
-
"references": []
|
|
1005
|
-
},
|
|
1006
|
-
{
|
|
1007
|
-
"name": "br-header-logo",
|
|
1008
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/header?tab=designer).\n---\n\n\n### **Methods:**\n - **handleIsCompactChange()** - Observa mudanças na propriedade `isCompact` e ajusta a altura da logo se `hasDefaultHeight` for verdadeiro.\n- **render(): __** - Renderiza o componente.\n\n### **Slots:**\n - **default** - Slot para a logo personalizada exibida no cabeçalho.",
|
|
1009
|
-
"attributes": [
|
|
1010
|
-
{ "name": "custom-id", "values": [] },
|
|
1011
|
-
{ "name": "description", "values": [] },
|
|
1012
|
-
{ "name": "href", "values": [] },
|
|
1013
|
-
{ "name": "is-compact", "values": [] },
|
|
1014
|
-
{
|
|
1015
|
-
"name": "target",
|
|
1016
|
-
"values": [
|
|
1017
|
-
{ "name": "_blank" },
|
|
1018
|
-
{ "name": "_self" },
|
|
1019
|
-
{ "name": "_parent" },
|
|
1020
|
-
{ "name": "_top" }
|
|
1021
|
-
]
|
|
1022
|
-
},
|
|
1023
|
-
{ "name": "src", "values": [] },
|
|
1024
|
-
{ "name": "width", "values": [] },
|
|
1025
|
-
{ "name": "height", "values": [] }
|
|
1026
|
-
],
|
|
1027
|
-
"references": []
|
|
1028
|
-
},
|
|
1029
|
-
{
|
|
1030
|
-
"name": "br-menu-header",
|
|
1031
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu-header?tab=designer).\n---\n\n\n### **Events:**\n - **brMenuHeaderClose** - Evento emitido quando o botão de fechar é clicado\n\n### **Slots:**\n - **logo** - Slot para logo personalizado no cabeçalho.\n- **signature** - Slot para a assinatura personalizada do sistema.",
|
|
1032
|
-
"attributes": [
|
|
1033
|
-
{ "name": "custom-id", "values": [] },
|
|
1034
|
-
{ "name": "logo-src", "values": [] },
|
|
1035
|
-
{ "name": "logo-alt", "values": [] },
|
|
1036
|
-
{ "name": "signature", "values": [] }
|
|
1037
|
-
],
|
|
1038
|
-
"references": []
|
|
1039
|
-
},
|
|
1040
|
-
{
|
|
1041
|
-
"name": "br-menu-info",
|
|
1042
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu-info?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para conteúdo personalizado no lugar do texto padrão de informações.",
|
|
1043
|
-
"attributes": [
|
|
1044
|
-
{ "name": "custom-id", "values": [] },
|
|
1045
|
-
{ "name": "info", "values": [] }
|
|
1046
|
-
],
|
|
1047
|
-
"references": []
|
|
1048
|
-
},
|
|
1049
|
-
{
|
|
1050
|
-
"name": "br-menu-item",
|
|
1051
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n---\n",
|
|
1052
|
-
"attributes": [
|
|
1053
|
-
{ "name": "icon", "values": [] },
|
|
1054
|
-
{ "name": "href", "values": [] },
|
|
1055
|
-
{
|
|
1056
|
-
"name": "target",
|
|
1057
|
-
"values": [
|
|
1058
|
-
{ "name": "_self" },
|
|
1059
|
-
{ "name": "_blank" },
|
|
1060
|
-
{ "name": "_parent" },
|
|
1061
|
-
{ "name": "_top" }
|
|
1062
|
-
]
|
|
1063
|
-
},
|
|
1064
|
-
{ "name": "divider", "values": [] },
|
|
1065
|
-
{ "name": "active", "values": [] },
|
|
1066
|
-
{
|
|
1067
|
-
"name": "display-mode",
|
|
1068
|
-
"values": [
|
|
1069
|
-
{ "name": "accordion" },
|
|
1070
|
-
{ "name": "drill-down" },
|
|
1071
|
-
{ "name": "none" }
|
|
1072
|
-
]
|
|
1073
|
-
},
|
|
1074
|
-
{ "name": "expanded", "values": [] }
|
|
1075
|
-
],
|
|
1076
|
-
"references": []
|
|
1077
|
-
},
|
|
1078
|
-
{
|
|
1079
|
-
"name": "br-menu-link",
|
|
1080
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n---\n\n\n### **Events:**\n - **brLinkClick** - Evento emitido quando o link externo é clicado\n\n### **Slots:**\n - **icon** - Slot para ícone personalizado do link.\n- **url** - Slot para o texto ou URL exibido no link.",
|
|
1081
|
-
"attributes": [
|
|
1082
|
-
{ "name": "custom-id", "values": [] },
|
|
1083
|
-
{ "name": "url", "values": [] },
|
|
1084
|
-
{ "name": "titulo", "values": [] }
|
|
1085
|
-
],
|
|
1086
|
-
"references": []
|
|
1087
|
-
},
|
|
1088
|
-
{
|
|
1089
|
-
"name": "br-menu-list",
|
|
1090
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n---\n\n\n### **Events:**\n - **folderToggled** - Emitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão).\n- **navigateToSubmenu** - Emitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down).",
|
|
1091
|
-
"attributes": [
|
|
1092
|
-
{ "name": "icon", "values": [] },
|
|
1093
|
-
{ "name": "label", "values": [] },
|
|
1094
|
-
{ "name": "menu-level", "values": [] },
|
|
1095
|
-
{ "name": "divider", "values": [] },
|
|
1096
|
-
{ "name": "expanded", "values": [] }
|
|
1097
|
-
],
|
|
1098
|
-
"references": []
|
|
1099
|
-
},
|
|
1100
|
-
{
|
|
1101
|
-
"name": "br-menu-logo",
|
|
1102
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para logo ou conteúdo que substitui a imagem padrão.",
|
|
1103
|
-
"attributes": [
|
|
1104
|
-
{ "name": "custom-id", "values": [] },
|
|
1105
|
-
{ "name": "src", "values": [] },
|
|
1106
|
-
{ "name": "alt", "values": [] },
|
|
1107
|
-
{ "name": "width", "values": [] },
|
|
1108
|
-
{ "name": "height", "values": [] }
|
|
1109
|
-
],
|
|
1110
|
-
"references": []
|
|
1111
|
-
},
|
|
1112
|
-
{
|
|
1113
|
-
"name": "br-menu-social",
|
|
1114
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/menu?tab=designer).\n---\n\n\n### **Events:**\n - **brSocialClick** - Evento emitido quando o link de rede social é clicado\n\n### **Slots:**\n - **icon** - Slot para ícone personalizado da rede social.",
|
|
1115
|
-
"attributes": [
|
|
1116
|
-
{ "name": "custom-id", "values": [] },
|
|
1117
|
-
{ "name": "url", "values": [] },
|
|
1118
|
-
{ "name": "aria-label", "values": [] },
|
|
1119
|
-
{ "name": "icon", "values": [] }
|
|
1120
|
-
],
|
|
1121
|
-
"references": []
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
"name": "br-skiplink-item",
|
|
1125
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/skip-link?tab=designer).\n---\n\n\n### **Events:**\n - **brSkiplinkItemClick** - Evento emitido quando o item é clicado/ativado.\nO evento contém informações sobre o item e o target.\n- **brSkiplinkItemFocus** - Evento emitido quando o item recebe foco.\n\n### **Methods:**\n - **itemFocus(): _Promise<void>_** - Move o foco para este item.\n- **navigateToTarget(): _Promise<void>_** - Navega para o target definido.\nMove o foco para o elemento alvo e ajusta a rolagem da página se necessário.\n- **handleClick(_event: _MouseEvent_)** - Listener para cliques no item.\n- **handleKeyDown(event: _KeyboardEvent_)** - Listener para teclas Enter, Space e atalho Alt+[keyNumber].\n- **handleFocus()** - Listener para foco no item.\n\n### **Slots:**\n - **default** - Slot para o texto do link de navegação rápida.\n- **tag** - Slot para personalizar a tag numérica do atalho de teclado, exibindo o valor de key-number por padrão.",
|
|
1126
|
-
"attributes": [
|
|
1127
|
-
{ "name": "target", "values": [] },
|
|
1128
|
-
{ "name": "key-number", "values": [] },
|
|
1129
|
-
{ "name": "custom-id", "values": [] },
|
|
1130
|
-
{ "name": "hide-tag", "values": [] }
|
|
1131
|
-
],
|
|
1132
|
-
"references": []
|
|
1133
|
-
},
|
|
1134
|
-
{
|
|
1135
|
-
"name": "br-step-item",
|
|
1136
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/step?tab=designer).\n---\n\n\n### **Events:**\n - **brWillRender** - Emite um evento após o componente ter sido carregado pela primeira vez.\nUtilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n- **brDidRender** - Emite um evento após o componente ter sido carregado pela primeira vez.\nUtilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\nConsulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n\n### **Methods:**\n - **watchItemIsActive(newValue: _boolean_, oldValue: _boolean_)** - Watch que observa o valor da propriedade active, e ao alterar seu valor este método altera o valor do campo de acessibilidade aria-selected\n- **setStepItemPositionStatus(value: _'first' | 'middle' | 'last'_)** - \nMétodo disponibilizado via api do elemento que indica a posição do step item, ele serve para setar o state stepItemPositionStatus do componente\n- **handleShowTimeLine(value: _boolean_, layout)** - Método que define a orientação do stepItem e controla a exibição da linha do tempo após o componente.\n- **setLabelPosition(value: _'top' | 'right' | 'bottom' | 'left'_)** - \nMétodo disponibilizado via api do elemento que atribui o valor ao estado que define onde o label, o texto de destaque, irá ficar localizado\n- **setContentType(value: _'default' | 'br-icon' | 'no-content' | 'slotted'_)** - \nMétodo disponibilizado via api do elemento que atribui o valor que irá definir o tipo de conteúdo apresentado dentro do componente stepItem\n- **setMode(value: _'controller' | 'step'_)** - \nMétodo disponibilizado via api do elemento que atribui o valor que irá definir o modo como o componente irá se comportar e exibir seu estilo.\n- **setContent(value: _string_)** - \nMétodo disponibilizado via api do elemento que atribui o valor que irá ser exibido dentro do componente stepItem\n\n### **Slots:**\n - **label-area** - Slot para conteúdo customizado dentro do botão do item do step.",
|
|
1137
|
-
"attributes": [
|
|
1138
|
-
{ "name": "label", "values": [] },
|
|
1139
|
-
{
|
|
1140
|
-
"name": "highlight",
|
|
1141
|
-
"values": [
|
|
1142
|
-
{ "name": "success" },
|
|
1143
|
-
{ "name": "info" },
|
|
1144
|
-
{ "name": "danger" },
|
|
1145
|
-
{ "name": "warning" }
|
|
1146
|
-
]
|
|
1147
|
-
},
|
|
1148
|
-
{ "name": "active", "values": [] },
|
|
1149
|
-
{ "name": "disabled", "values": [] },
|
|
1150
|
-
{ "name": "br-icon-name", "values": [] },
|
|
1151
|
-
{ "name": "br-icon-aria", "values": [] }
|
|
1152
|
-
],
|
|
1153
|
-
"references": []
|
|
1154
|
-
},
|
|
1155
|
-
{
|
|
1156
|
-
"name": "br-tab-item",
|
|
1157
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/tab?tab=designer).\n---\n\n\n### **Events:**\n - **brTabItemPropsChange** - Evento disparado quando as propriedades do tab-item mudam.\nO componente pai (br-tab) escuta este evento para atualizar a navegação.\n\n### **Methods:**\n - **tabItemTitleChanged()** - Observa mudanças no título e notifica o pai\n- **iconChanged()** - Observa mudanças no ícone e notifica o pai\n- **counterChanged()** - Observa mudanças no contador e notifica o pai\n- **onlyIconChanged()** - Observa mudanças em onlyIcon e notifica o pai\n\n### **Slots:**\n - **default** - Slot para o conteúdo do item da aba.",
|
|
1158
|
-
"attributes": [
|
|
1159
|
-
{ "name": "tab-item-id", "values": [] },
|
|
1160
|
-
{ "name": "tab-item-title", "values": [] },
|
|
1161
|
-
{ "name": "icon", "values": [] },
|
|
1162
|
-
{ "name": "only-icon", "values": [] },
|
|
1163
|
-
{ "name": "is-active", "values": [] },
|
|
1164
|
-
{ "name": "counter", "values": [] },
|
|
1165
|
-
{ "name": "color-mode", "values": [{ "name": "dark" }] }
|
|
1166
|
-
],
|
|
1167
|
-
"references": []
|
|
1168
|
-
},
|
|
1169
|
-
{
|
|
1170
|
-
"name": "br-table-cell",
|
|
1171
|
-
"description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Methods:**\n - **handleHorizontalAlignChange(newValue: _HorizontalAlign_)** - Watcher que observa as mudanças na propriedade `horizontalAlign`.\n- **handleHorizontalAlignDidChange(event: _CustomEvent_)** - Ouve o evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n- **render(): __** - Define o JSX do componente.\n\n### **Slots:**\n - **default** - Slot para o conteúdo da célula da tabela.",
|
|
1172
|
-
"attributes": [
|
|
1173
|
-
{ "name": "custom-id", "values": [] },
|
|
1174
|
-
{ "name": "has-vertical-border", "values": [] },
|
|
1175
|
-
{
|
|
1176
|
-
"name": "horizontal-align",
|
|
1177
|
-
"values": [{ "name": "HorizontalAlign" }]
|
|
1178
|
-
}
|
|
1179
|
-
],
|
|
1180
|
-
"references": []
|
|
1181
|
-
},
|
|
1182
|
-
{
|
|
1183
|
-
"name": "br-table-header-cell",
|
|
1184
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Events:**\n - **brHorizontalAlignDidChange** - Evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n\n### **Slots:**\n - **default** - Slot para o conteúdo da célula de cabeçalho da tabela.",
|
|
1185
|
-
"attributes": [
|
|
1186
|
-
{ "name": "custom-id", "values": [] },
|
|
1187
|
-
{ "name": "has-vertical-border", "values": [] },
|
|
1188
|
-
{
|
|
1189
|
-
"name": "horizontal-align",
|
|
1190
|
-
"values": [{ "name": "HorizontalAlign" }]
|
|
1191
|
-
}
|
|
1192
|
-
],
|
|
1193
|
-
"references": []
|
|
1194
|
-
},
|
|
1195
|
-
{
|
|
1196
|
-
"name": "br-table-header-row",
|
|
1197
|
-
"description": "## Design System\n\nPara a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Methods:**\n - **render(): __** - Define o JSX do componente.\n\n### **Slots:**\n - **default** - Slot para as células de cabeçalho da linha da tabela.",
|
|
1198
|
-
"attributes": [{ "name": "custom-id", "values": [] }],
|
|
1199
|
-
"references": []
|
|
1200
|
-
},
|
|
1201
|
-
{
|
|
1202
|
-
"name": "br-table-row",
|
|
1203
|
-
"description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n---\n\n\n### **Slots:**\n - **default** - Slot para as células da linha da tabela.",
|
|
1204
|
-
"attributes": [{ "name": "custom-id", "values": [] }],
|
|
1205
|
-
"references": []
|
|
1206
|
-
},
|
|
1207
|
-
{
|
|
1208
|
-
"name": "br-wizard-panel",
|
|
1209
|
-
"description": "Wizard Panel (Painel de etapa do Wizard)\nRepresenta uma etapa individual dentro do br-wizard.\n---\n\n\n### **Slots:**\n - **default** - Slot para o conteúdo da etapa (formulários, campos ou informações da fase atual).",
|
|
1210
|
-
"attributes": [{ "name": "label", "values": [] }],
|
|
1211
|
-
"references": []
|
|
1212
|
-
}
|
|
1213
|
-
]
|
|
1214
|
-
}
|