0.2.2

Update

Dependencies:

• @angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/forms, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router: Updated from ^18.1.0 to ^18.2.6.
• angular-techs-logos: Updated from ^0.1.17 to ^0.1.23.
• angular-vlibras: Updated from ^0.2.0 to ^0.2.1.
• highlight.js: Added in the new version (^11.10.0), absent in the previous configuration.
• tslib: Updated from ^2.3.0 to ^2.7.0.
• zone.js: Updated from ~0.14.3 to ~0.14.10.

Development Dependencies:

• @angular-devkit/build-angular: Updated from ^18.1.1 to ^18.2.6.
• @angular/cli: Updated from ^18.1.1 to ^18.2.6.
• @angular/compiler-cli: Remained at ^18.1.0.
• jasmine-core: Updated from ~5.1.0 to ^5.2.0.

These changes may affect the compatibility and performance of your project, so it's important to test them accordingly.

0.2.0

Release Notes v0.2.0

This update introduces several new features and enhancements to improve your experience with integrating the VLibras

1. Enhanced Positioning Options

The position property now supports additional options for better customization of the VLibras widget’s placement on the screen. The available values are:

• left (default)
• right
• top
• bottom
• bottomLeft
• topLeft
• bottomRight
• topRight

With these new options, you can place the VLibras widget exactly where you need it in your application.

2. Customizable Avatars

We’ve added the avatar property, allowing you to choose from different avatars for the VLibras widget. The options include:

• icaro
• hosana
• guga
• random (default)

You can now personalize the appearance of the widget by selecting the avatar that best suits your application’s design.

3. Adjustable Opacity

The opacity property has been introduced to give you control over the transparency of the VLibras widget. The value should be a number between 0 and 1, with 1 being fully opaque (default). This feature allows you to adjust the widget's visibility to better match your application's style.

Example Usage

Here’s an example of how you can use the new properties to customize the VLibras widget:

<angular-vlibras 
  position="bottomRight" 
  avatar="hosana" 
  opacity="0.9" />

This configuration will place the widget at the bottom-right corner of the screen, use the hosana avatar, and set the opacity to 0.9.

0.1.0

Release Notes v0.1.0

We are excited to announce the release of version 0.1.0 of the Angular VLibras library. This release includes several important updates and improvements:

• Unit Test Adjustments: Enhanced the unit test specifications for the Angular VLibras component to ensure better coverage and reliability. These adjustments refine the testing process, making it more robust and accurate.

• App Example Improvement: Improved the unit test specifications for the app example, providing a clearer and more comprehensive testing approach.

• Test Script Adjustment: Updated the script configuration for testing libraries to streamline and optimize the testing process.

• Import Angular Techs Logos: Added the angular-techs-logos component to enhance the visual elements and branding of the project.

0.0.1

Angular VLibras v0.0.1 Release Notes

We are excited to announce the release of Angular VLibras version 0.0.1. This is the initial release of the library designed to integrate the VLibras accessibility widget into Angular applications.

Features

• Standalone Component: Introduces the AngularVlibras component that embeds the VLibras widget into your Angular application.
• Automatic Script Loading: Loads the VLibras script dynamically and initializes the widget upon component initialization.
• Keyframe Name Handling: Generates unique keyframe names to avoid conflicts with existing styles and updates keyframe references in stylesheets dynamically.
• DOM Mutation Observer: Monitors DOM changes and updates stylesheets to ensure compatibility with dynamic content changes.

Installation

To get started with Angular VLibras, install the library via npm:

npm install angular-vlibras

or with yarn:

yarn add angular-vlibras

Usage

1. Import the Component:

   Import the AngularVlibras module in your Angular application:

   import { AngularVlibras } from 'angular-vlibras';

2. Add to Template:

   Include the <angular-vlibras /> component in your application’s template:

   <angular-vlibras></angular-vlibras>