{"id":14449504,"url":"https://github.com/angular-a11y/angular-vlibras","last_synced_at":"2026-01-17T16:39:21.612Z","repository":{"id":254385515,"uuid":"846373814","full_name":"angular-a11y/angular-vlibras","owner":"angular-a11y","description":"A library for integrating VLibras into Angular applications.","archived":false,"fork":false,"pushed_at":"2026-01-16T00:39:07.000Z","size":1715,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-01-16T06:29:36.762Z","etag":null,"topics":["a11y","angular","hacktoberfest","vlibras"],"latest_commit_sha":null,"homepage":"https://angular-vlibras.web.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/angular-a11y.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-08-23T04:27:55.000Z","updated_at":"2025-07-24T14:37:40.000Z","dependencies_parsed_at":"2025-08-28T03:52:00.086Z","dependency_job_id":null,"html_url":"https://github.com/angular-a11y/angular-vlibras","commit_stats":null,"previous_names":["angular-a11y/angular-vlibras"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/angular-a11y/angular-vlibras","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-a11y%2Fangular-vlibras","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-a11y%2Fangular-vlibras/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-a11y%2Fangular-vlibras/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-a11y%2Fangular-vlibras/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-a11y","download_url":"https://codeload.github.com/angular-a11y/angular-vlibras/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-a11y%2Fangular-vlibras/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28511868,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T13:38:16.342Z","status":"ssl_error","status_checked_at":"2026-01-17T13:37:44.060Z","response_time":85,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a11y","angular","hacktoberfest","vlibras"],"created_at":"2024-09-01T08:01:20.576Z","updated_at":"2026-01-17T16:39:21.588Z","avatar_url":"https://github.com/angular-a11y.png","language":"TypeScript","readme":"# Angular VLibras\n\n**Angular VLibras** é uma biblioteca Angular que integra o widget de acessibilidade VLibras em suas aplicações Angular. O VLibras fornece tradução automática de conteúdo digital para a Língua Brasileira de Sinais (Libras), aumentando a acessibilidade para os usuários.\n\n## Instalação\n\nInstale a biblioteca `angular-vlibras` via npm:\n\n```bash\nnpm install angular-vlibras\n```\n\nou com yarn:\n\n```bash\nyarn add angular-vlibras\n```\n\n## Uso\n\nApós a instalação, siga os passos abaixo para integrar o widget VLibras em sua aplicação Angular:\n\n### 1. Importe o Componente `AngularVlibras`\n\nNo módulo raiz da sua aplicação (geralmente `app.module.ts`), importe o componente `AngularVlibras`:\n\n```typescript\nimport { Component } from '@angular/core';\nimport { AngularVlibras } from 'angular-vlibras';\n\n@Component({\n  selector: 'app-root',\n  standalone: true,\n  imports: [AngularVlibras],\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss']\n})\nexport class AppComponent { }\n```\n\n### 2. Use o Componente `\u003cangular-vlibras /\u003e`\n\nAdicione o componente `\u003cangular-vlibras /\u003e` ao seu template para ativar o widget VLibras:\n\n```html\n\u003cangular-vlibras /\u003e\n```\n\n### Propriedades\n\nO componente aceita as seguintes propriedades de entrada:\n\n- **`position`**: Define a posição do widget VLibras na tela. Os valores possíveis são:\n  - `left` (padrão)\n  - `right`\n  - `top`\n  - `bottom`\n  - `bottomLeft`\n  - `topLeft`\n  - `bottomRight`\n  - `topRight`\n  \n  Exemplo:\n  ```html\n  \u003cangular-vlibras position=\"right\" /\u003e\n  ```\n\n- **`avatar`**: Especifica o avatar usado no widget VLibras. As opções incluem:\n  - `icaro`\n  - `hosana`\n  - `guga`\n  - `random` (padrão)\n\n  Exemplo:\n  ```html\n  \u003cangular-vlibras avatar=\"guga\" /\u003e\n  ```\n\n- **`opacity`**: Define a opacidade do widget VLibras. O valor deve ser um número entre `0` e `1`. O valor padrão é `1`.\n\n  Exemplo:\n  ```html\n  \u003cangular-vlibras opacity=\"0.8\" /\u003e\n  ```\n\n### Exemplo\n\nAqui está um exemplo de como configurar o widget VLibras com propriedades personalizadas:\n\n```html\n\u003cangular-vlibras \n  position=\"bottomRight\" \n  avatar=\"hosana\" \n  opacity=\"0.9\" /\u003e\n```\n\nEssa configuração posicionará o widget no canto inferior direito da tela, usará o avatar `hosana` e definirá a opacidade como `0.9`.\n\n---\n","funding_links":[],"categories":["Development Utilities","Recently Updated"],"sub_categories":["Accessibility","[Sep 01, 2024](/content/2024/09/01/README.md)"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-a11y%2Fangular-vlibras","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-a11y%2Fangular-vlibras","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-a11y%2Fangular-vlibras/lists"}