<commit_before>[![npm version](https://badge.fury.io/js/%40deja-js%2Fcomponent.svg)](https://www.npmjs.com/package/@deja-js/component)

# @deja-js/component
This is the home for the Hôpital Univesitaire de Genève - DSI - Domaine Patient team's Angular2 components for Angular 2 and material. 


## Intro

This repository is a Angular2 components library and the the common utility functions, with a demo application to testing it.

### Node.js and npm

Node.js and Node's package manager, npm, are used for installing dependencies,
running the build steps, and running tests.

### Getting started 

Begin by cloning the repository.

Use npm to get dependencies:

`npm install`

Take a look at the `src` folder. All components and demo application are placed here. 


## Running demo app 

`npm start`

and navigate to `http://localhost:5100`.


## Feature status and browsers compatibility:

| Feature            | Working OnPush| Chrome 56 | Edge | IE11 | FF51 | Opera Neon | Readme and Demo | Note           |
|--------------------|---------------|-----------|------|------|------|------------|-----------------|----------------|
| Accordion          |            yes|        yes|   yes|   yes|   yes|         yes|        available|                |
| Auto-Size TextArea |            yes|        yes|   yes|   yes|   yes|         yes|```diff -@todo```| |
| Circular Picker  |<span style="color:red">no</span>|yes|yes|yes|yes|yes|available| |
| Color Selector   |yes|yes|yes|yes|yes|yes|available| |
| Color Picker     |yes|yes|yes|yes|yes|yes|available| |
| Content Editable |yes|yes|yes|yes|yes|yes|available|New line issue on IE11. IE11 add p instead br |
| Date Selector    |yes|yes|<span style="color:red">slow</span>|<span style="color:red">slow</span>|yes|yes|available| |
| Date Picker      |<span style="color:red">no</span>|yes|<span style="color:red">no</span>|<span style="color:red">no</span>|<span style="color:red">no</span>|yes|available| |
| Dialog           |yes|yes|yes|yes|yes|yes|Message Box| |
| Events           |yes|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>| |
| Grid             |<span style="color:red">no</span>|yes|yes|<span style="color:red">no</span>|<span style="color:red">slow</span>|yes|available| |
| Dropdown Control |yes|yes|yes|yes|yes|yes|Color Picker| |
| Menu             |yes|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>| |
| Message Box      |yes|yes|yes|yes|yes|yes|available| |
| Monaco Editor    |yes|yes|yes|yes|yes|yes|available| |
| Range            |yes|yes|yes|yes|yes|yes|available| |
| Select           |<span style="color:red">no</span>|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>|Place Holder placement in FF, Edge and IE11 |
| Snackbar         |yes|yes|yes|yes|yes|yes|available| |
| Splitter         |yes|yes|yes|yes|yes|yes|available| |
| Tiles            |@rxjs Branch|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>| |
| Tooltip          |yes|yes|yes|yes|yes|yes|Message Box| |
| Treelist         |<span style="color:red">no</span>|yes|yes|yes|yes|yes|available| |
<commit_msg>modify readme for red style (test)<commit_after>[![npm version](https://badge.fury.io/js/%40deja-js%2Fcomponent.svg)](https://www.npmjs.com/package/@deja-js/component)

# @deja-js/component
This is the home for the Hôpital Univesitaire de Genève - DSI - Domaine Patient team's Angular2 components for Angular 2 and material. 


## Intro

This repository is a Angular2 components library and the the common utility functions, with a demo application to testing it.

### Node.js and npm

Node.js and Node's package manager, npm, are used for installing dependencies,
running the build steps, and running tests.

### Getting started 

Begin by cloning the repository.

Use npm to get dependencies:

`npm install`

Take a look at the `src` folder. All components and demo application are placed here. 


## Running demo app 

`npm start`

and navigate to `http://localhost:5100`.


## Feature status and browsers compatibility:

| Feature            | Working OnPush| Chrome 56 | Edge | IE11 | FF51 | Opera Neon | Readme and Demo | Note           |
|--------------------|---------------|-----------|------|------|------|------------|-----------------|----------------|
| Accordion          |            yes|        yes|   yes|   yes|   yes|         yes|        available|                |
| Auto-Size TextArea |            yes|        yes|   yes|   yes|   yes|         yes|<span style="color:red">@todo</span>| |
| Circular Picker  |<span style="color:red">no</span>|yes|yes|yes|yes|yes|available| |
| Color Selector   |yes|yes|yes|yes|yes|yes|available| |
| Color Picker     |yes|yes|yes|yes|yes|yes|available| |
| Content Editable |yes|yes|yes|yes|yes|yes|available|New line issue on IE11. IE11 add p instead br |
| Date Selector    |yes|yes|<span style="color:red">slow</span>|<span style="color:red">slow</span>|yes|yes|available| |
| Date Picker      |<span style="color:red">no</span>|yes|<span style="color:red">no</span>|<span style="color:red">no</span>|<span style="color:red">no</span>|yes|available| |
| Dialog           |yes|yes|yes|yes|yes|yes|Message Box| |
| Events           |yes|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>| |
| Grid             |<span style="color:red">no</span>|yes|yes|<span style="color:red">no</span>|<span style="color:red">slow</span>|yes|available| |
| Dropdown Control |yes|yes|yes|yes|yes|yes|Color Picker| |
| Menu             |yes|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>| |
| Message Box      |yes|yes|yes|yes|yes|yes|available| |
| Monaco Editor    |yes|yes|yes|yes|yes|yes|available| |
| Range            |yes|yes|yes|yes|yes|yes|available| |
| Select           |<span style="color:red">no</span>|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>|Place Holder placement in FF, Edge and IE11 |
| Snackbar         |yes|yes|yes|yes|yes|yes|available| |
| Splitter         |yes|yes|yes|yes|yes|yes|available| |
| Tiles            |@rxjs Branch|yes|yes|yes|yes|yes|<span style="color:red">@todo</span>| |
| Tooltip          |yes|yes|yes|yes|yes|yes|Message Box| |
| Treelist         |<span style="color:red">no</span>|yes|yes|yes|yes|yes|available| |

{'fraction_non_alphanumeric': 0.1905374959768265, 'fraction_numerical': 0.007080785323463148, 'mean_word_length': 3.30998613037448, 'pattern_counts': {'":': 0, '<': 69, '<?xml version=': 0, '>': 69, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '271496', 'n_tokens_mistral': 2119, 'n_tokens_neox': 1980, 'n_words': 455}