@govbr-ds/webcomponents 2.0.0-next.36 → 2.0.0-next.37

package/dist/custom-elements.json

@@ -5331,6 +5331,497 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/tab.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).",
+          "name": "Tab",
+          "slots": [
+            {
+              "description": "Slot com os componentes item da tab",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBrTabElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "density",
+              "type": {
+                "text": "string"
+              },
+              "default": "'medium'",
+              "description": "A propriedade 'density' define a densidade do componente.\nOs valores possíveis são 'small', 'medium' e 'large'."
+            },
+            {
+              "kind": "field",
+              "name": "colorMode",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define se o Tab usará um esquema de cores.\nApenas o esquema 'dark' está disponível para o modo escuro."
+            },
+            {
+              "kind": "field",
+              "name": "activeTab",
+              "type": {
+                "text": "string"
+              },
+              "description": "A propriedade 'activeTab' define o tab ativo."
+            },
+            {
+              "kind": "field",
+              "name": "tabItems",
+              "type": {
+                "text": "Element[]"
+              },
+              "default": "[]",
+              "description": "A propriedade 'tabItems' lista dos tabs items ."
+            },
+            {
+              "kind": "field",
+              "name": "tabContent",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A propriedade 'tabContent' armazena o conteúdo dos tabs."
+            },
+            {
+              "kind": "field",
+              "name": "maxWidth",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hostStyle",
+              "type": {
+                "text": "{ [key: string]: string }"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "containerStyle",
+              "type": {
+                "text": "{ [key: string]: string }"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "mutationObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "focusElementIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "getCssClassMap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CssClassMap"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setupHostStyles",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateContainerStyles",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTabItemsElements",
+              "privacy": "private",
+              "description": "Obtém os elementos de tab items dentro do componente.\nSe não houver elementos, emite um aviso.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateTabContent",
+              "privacy": "private",
+              "description": "Atualiza o conteúdo dos tabs com base nos elementos de tab items.\nCada tab item é transformado em um painel de tab com o ID apropriado.\nO painel ativo é marcado com a classe 'active'.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateMaxWidth",
+              "privacy": "private",
+              "description": "Atualiza a largura máxima do componente com base na largura da janela.\nSe a largura da janela não estiver disponível, define a largura máxima como 100%.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTabID",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "Element"
+                  },
+                  "description": "O elemento do tab item."
+                }
+              ],
+              "description": "Obtém o ID do tab item."
+            },
+            {
+              "kind": "method",
+              "name": "isTabActive",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ],
+              "description": ""
+            },
+            {
+              "kind": "method",
+              "name": "verifActiveTab",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "activeTabChanged",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleKeyNavigation",
+              "privacy": "private",
+              "description": "Evento de navegação por teclado",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleTabClick",
+              "type": {
+                "text": "(event: CustomEvent<{ id: string }>) => void"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setActiveTab",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "newActiveTab",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "density",
+              "fieldName": "density",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "color-mode",
+              "fieldName": "colorMode",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "br-tab",
+          "events": [
+            {
+              "name": "brDidActive",
+              "type": {
+                "text": "EventEmitter"
+              }
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Tab",
+          "declaration": {
+            "name": "Tab",
+            "module": "components/tab.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "br-tab",
+          "declaration": {
+            "name": "Tab",
+            "module": "components/tab.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/tab-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).",
+          "name": "TabItem",
+          "slots": [
+            {
+              "description": "Slot com conteúdo do item da tab",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBrTabItemElement"
+              },
+              "description": "Referência ao elemento host do componente.\nUtilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente."
+            },
+            {
+              "kind": "field",
+              "name": "TabItemId",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define ícone do item de tab"
+            },
+            {
+              "kind": "field",
+              "name": "tabItemTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define o título do item de tab"
+            },
+            {
+              "kind": "field",
+              "name": "onlyIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Define se mostra somente o ícone"
+            },
+            {
+              "kind": "field",
+              "name": "isActive",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Define se o item de tab é ativo"
+            },
+            {
+              "kind": "field",
+              "name": "counter",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define contador do item de tab"
+            },
+            {
+              "kind": "field",
+              "name": "colorMode",
+              "type": {
+                "text": "string"
+              },
+              "description": "Define se o Tab usará um esquema de cores.\nApenas o esquema 'dark' está disponível para o modo escuro."
+            },
+            {
+              "kind": "field",
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getCssClassMap",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CssClassMap"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "tab-item-id",
+              "fieldName": "TabItemId",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "tab-item-title",
+              "fieldName": "tabItemTitle",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "only-icon",
+              "fieldName": "onlyIcon",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-active",
+              "fieldName": "isActive",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "counter",
+              "fieldName": "counter",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "color-mode",
+              "fieldName": "colorMode",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "br-tab-item",
+          "events": [
+            {
+              "name": "itemTabClick",
+              "type": {
+                "text": "EventEmitter<{ id: string }>"
+              }
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TabItem",
+          "declaration": {
+            "name": "TabItem",
+            "module": "components/tab-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "br-tab-item",
+          "declaration": {
+            "name": "TabItem",
+            "module": "components/tab-item.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/tag.js",
@@ -6254,6 +6745,24 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/_tests/tab.spec.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/tests/tab.spec.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/_tests/tab-item.spec.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/_tests/tag.spec.js",