# Changelog - Pixel UI
Todos los cambios notables de este proyecto se documentarán en este archivo. Los registros de cambios son *para humanos*, no para máquinas, y la última versión es lo primero a mostrar.

El formato se basa en [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
y este proyecto se adhiere a [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
Tipos de cambios: `Added`, `Changed`, `Deprecated`, `Removed`, `Fixed`, `Security`.

## [v2.3.9] - 2022-11-08
### Added
- Se agrego el componente `media-object`

### Changed
- Se agrego mas padding (1rem -> 1.5rem) a los componentes de formulario
- Se estandarizo el border-radius de los botones (6px -> 0.5rem)

## [v2.3.8] - 2022-10-10
### Fixed
- Arreglar componente `dropdown` no funcionando correctamente con páginas con scroll

### Changed
- Modificar textos de modal de alerta tipo `payment`

## [v2.3.7] - 2022-10-04
### Added
- Se agregaron las clases `.dotted` y `.dashed` al elemento `hr`

### Changed
- Se renombro el componente `lottie-player` a `animator`

## [v2.3.6] - 2022-10-04
### Added
- Se agrego la libreria de Lottie player y el componente `lottie-player`, [Leer mas ...](https://www.npmjs.com/package/lottie-player-vue)

## [v2.3.5] - 2022-09-29
### Changed
- Renombrar métodos `toggle` y `switch` dentro de  `theme`

### Fixed
- Actualizar componente `Amount` para tomar valores con puntos decimales
- Llamar callback `onClose` cuando se cierra una notificación por el `interval`

## [v2.3.4] - 2022-09-23
### Added
- Se agrego la propiedad `card-token-last` al componente `CreditCard`
- Se agrego la propiedad `headers` al componente `FormRequest`

### Fixed
- Correción visual de las animaciones de `Stepper`
- Correción en el méthodo `fromResponse` que muestra error en algunos casos (promesas)
- Correción visual de `InputField` en navegador Firefox al no mostrase correctamente
- `AmountInput` muestra correctamente el valor al tener una sola moneda
- La directiva `mask` muestra correctamente los valores al actualizarse
- Soporte para validacion en los componentes `AmountField`, `AutocompleteField`, `CheckboxField`, `DatePickerField`, `DropdownField`, `InputField`, `SelectField` y `TagField`

## [v2.3.3] - 2022-09-14
### Added
- Método `$errors.remove` para eliminar errores de formulario de manera individual

### Fixed
- Timeline: arreglar horas de 4:5 AM => 4:05 AM
- Stepper: arreglar tooltips mostrando null en varios casos

## [v2.3.2] - 2022-07-21
### Added
- Se agrego v-binds a los slots del `stepper`
- Se agregaron eventos `change-network` y `completed-card-number` al componente `input-field` 

### Changed
- Se cambio el diseño del componente `credit-card-small`
- El slot del componente `selector` ahora se encierra en un `div` en vez de un `p`

### Fixed
- Correcion del valor undefinied cuando se utiliza `input-field` de tipo card

## [v2.3.1] - 2022-07-17
### Added
- Se agrego el boton de lipiar campo en componente `autocomplete-field`

### Fixed
- Correción de eventos en componente `autocomplete-field`

## [v2.3.0] - 2022-07-16
### Removed
- Se removio el modulo de compilación `components`
- Se removio el modulo de compilación `directives`
- Se removio el modulo de compilación `elements`
- Se removio el modulo de compilación `fields`
- Se removio el modulo de compilación `services`

### Fixed
- Correción de rendimiento y estabilidad en componente `stepper` 
- Correción de rendimiento y estabilidad en componente `datatable` 
- Correciones visuales del modal
- Correciones visuales de la sombras

## [v2.2.14] - 2022-07-15
### Added
- Se agregó el elemento `accordion`
- Se agregaron mas colores al chart `doughnut`

### Changed
- Cambio visual y mejora en los filtros del `datatable`

### Fixed
- Correción visual del `tooltip`

## [v2.2.13] - 2022-07-14
### Added
- Se agregó indicadores al chart de pie
- Los widgets ahora contienen un slot para mostrar su valor atravez de su contenido

### Fixed
- Correción de clases en el componente `datatable` para mostrar correctamente los iconos y etiquetas
- Correción de bug al ejecutar eventosy callbacks del `modal`
- Correción visual de `toggler` en colores
- Correción de padding en el componente `list`
- Mejora de velocidad de animación en elemento `number`

## [v2.2.12] - 2022-07-08
### Added
- Se agregó un nuevo componente `toggler`
- Se agregó un nuevo elemento `number`
- Se agregó la clase `inline-select` para poder mostrar un simple select en textos lineales
- Se agregó un binding `response` al componente `form-request` como resultado del objecto axios

### Fixed
- Correción visual del contorno y sombra de los contenedores
- Correción visual de los colores de las alertas
- Se estandarizaron clases para evitar conflictos con otros frameworks
- Se renombro la clase del icono acentuado para evitar conflictos con otros iconos
- Los elementos lineales que esten vacios ya no se mostraran

## [v2.2.11] - 2022-06-20
### Added
- Se agrego el componente `logo`
- Se agrego una nueva clase `text-ellipsis` para comprimir el texto
- Se agrego el método `validateModals` a servicio de `$theme` para bloquear el scroll del body cuando se abre un modal

### Fixed
- Correcion del tamaño del modal para alinearlo correctamente al centro
- Se cambio el color del tag `code` para documentación

## [v2.2.10] - 2022-06-16
### Added
- Se agrego estilos de documentacion a markdown
- Se agrego la propiedad `label` a los tags
- Se agrego la propiedad `modalsOpen` al servicio de `$theme` para identificar si al menos uno de los modales esta abierto

### Fixed
- Correcion de color a la linea del timeline
- Correciones de border radius en elementos
- Correciones en override del modal
- Correcion visual en margen de las card con iconos
- Correcion de tamaños con los iconos acentuados
- Correcion visual en el override del dropdown de la autocompletacion y select

## [v2.2.9] - 2022-06-16
### Added
- Se agrego el componente `portal` que teletransporta contenido de un lugar a otro conservando su reactividad
- Se agrego el componente `timeline`, `timeline-head` y `timeline-item`
- Se agrego la propiedad `icons-align` y `move-header-to` al componente `stepper`
- Se creo el servicio `$responsive` que contiene las propiedades `width`, `height`, `size` y el método `is`
- Se agregaron estilos para mayor adaptabilidad de `tabs` en un componente `card`

### Removed
- Se removio la propiedad `finished-button-icon` del componente `stepper`

### Fixed
- Correción de la transparencia del fondo del modal
- Correción en la alineacion de texto de todos los componentes
- Correcion de padding en los botones del componente `stepper`

## [v2.2.8] - 2022-06-06
### Changed
- Fondo de modales translucidos
- Se cambio el diseño de la imagen de la alerta de confirmación

## [v2.2.7] - 2022-06-06
### Added
- Se agregaron las propiedades `buttons-align` y `buttons-block` al componente `stepper`
- Se agrego la propiedad `footer-justify` al componente `card`
- Se creo un nuevo componente `buttons-group`
- Se agrego la propiedad `block` a los componentes `selector-group-field` y `selector-field`

### Changed
- Se cambiaron los ordenes de los z-index

### Fixed
- Documentacion con soporte modo oscuro
- Respnsive presets segun boostrap

## [v2.2.6] - 2022-05-27
### Added
- Se agrego la propiedad `info` a todos los tipos de campos
- Se agregaron titulos por defectos a las alertas
- Se agrego la propiedad `rawValue` a dropdown para obtener el objeto completo en el input
- Se agrego el tipo de `network` de la tarjeta en el campo input de tipo card

### Fixed
- Correcion en la ventana flotante del dropdown y autocomplete
- Correcion al mostrar centrado el loading del modal
- Correcion del valor en dropdown
- Correcion en el limite de tags por agregar

## [v2.2.5] - 2022-05-24
### Added
- Se agregaron mapeos para datatable `groupMapping` y `valueMapping` en datatable-badge
- Se agregaron las propiedades `buttonText` y `buttonIcon` en cada step del stepper
- Nuevo estilo para el modal de confirmación

### Removed
- Se elimino el timeout en lasalertas interpretadas desde response en confirmaciones
- Se eliminaron las propuedades `nextButtonText`, `backButtonText`, `finishButtonText` del stepper

### Fixed
- Prevenir errores en axios con status 4xx y 5xx
- El modal de las alertas ya tienen el tamaño correcto por defecto y se agrego el tamaño 'regular'

## [v2.2.4] - 2022-05-23
### Added
- Se agrego un nuevo método a las alertas `fromResponse`

### Changed
- Se cambio el color de warning a algo mas legible

### Fixed
- Correcion de tamaño de letras en avatars

## [v2.2.3] - 2022-05-23
### Added
- Se agrego los métodos `startLoading` y `stopLoading` en el elemento modal para poderlos activar desde las referencias
- Se agrego la propiedad `size` a los modales
- Se agrego boton de aplicar filtros al campo de busqueda de los `datatable`

### Fixed
- Correcion del color `default` de las notificaciones
- El método `onConfirm` del servicio de alertas puede usarse como async/sync
- Correción visual del boton activo en las alertas
- Con la opción `trackBy` del dropdown el valor del input es solamente lo seleccionado en vez de objeto
- Correcion al mostrar los valores del selector del campo de busqueda de los `datatable`

## [v2.2.2] - 2022-05-19
### Added
- Nuevo componente `amount-field` para manipular montos
- Nuevos estilos de botones `simple` y `inverted`
- Autoscroll en elementos sincronizados del componente Tab

### Fixed
- Correciones en validaciones del formulario en cada field
- Soporte para `tabindex`
- Soporte para `aria-invalid`
- Soporte responsive
- El Card Overlay se muestra correctamente

## [v2.2.1] - 2022-05-18
### Added
- Nueva directiva v-size; agrega el estilo `font-size` al elemento pudiendo controlar el tamaño de fuente

### Fixed
- Correcion en el elemento lista, la propiedad y slot `meta` ya funciona correctamente.

## [v2.2.0] - 2022-05-15
### Added
- Publicacion inicial del paquete.
