# AltaRailComponents

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.

## Code scaffolding

Run `ng generate c component-name --project alta-rail-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project alta-rail-components`.
> Note: Don't forget to add `--project alta-rail-components` or else it will be added to the default project in your `angular.json` file. 

## Installation

Run npm install @alta-rt/alta-rail-technology-components@latest --force on your project and wait for the installation to be completed.

## Build

Run `ng build alta-rail-components --configuration production` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build alta-rail-components --configuration production`, go to the dist folder `cd dist/alta-rail-components` and run `npm publish` and set the new version on the package-lock.json of the dist folder.

## Components description

- Data Table: A dinamic table component that accepts via Input() columns, rows, tableKeys, filterKeys, filterLabels, actions, paginatorData, hasAddButton, hasFilter, fixedOpenFilter, title, language, containerElement to display data and a action Output() event pass interation data to the parent component.
- Modal: A default modal component that acceps a component via ng-content, and send data to the parent component via Output(). This modal also receives title and the option hideFooter via Input().
- Card: A customizable card component that accepts an ng-content and receives width and height via input.
- Loading: A customizable loading component that receives size, border and containerSize to adapt do any component.
- Radio dropdown: A dropdown that receives a list of options and send actions to the parent component.


 ## Import styles and typography

 To import our default styles styles and themes, basically you need to write these imports on tha main scss of the application (after the installation via NPM):

@import "../node_modules/@alta-rt/alta-rail-technology-components/assets/styles/styles.scss";
@import "../node_modules/@alta-rt/alta-rail-technology-components/assets/themes/themes.scss";

## Running unit tests

Run `ng test alta-rail-components` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.