From 53b13c0a78921043b0d5c8681eabb0c12ff7f7b6 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 09:47:34 -0300
Subject: [PATCH 001/111] fix(dropdownlist): fix disabled state of
 dropdownlist.

---
 .../components/dropdownlist/dropdownlist.html |  3 ++-
 .../components/dropdownlist/dropdownlist.ts   | 23 +++++++++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 0e99da6e4..06f9df948 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -10,7 +10,8 @@
          #wrapper
          readonly
          #trigger="cdkOverlayOrigin"
-         (click)="!disabled ? isOpen = !isOpen : null"
+         [attr.disabled]="disabled ? true : null"
+         (click)="handleOpenList($event)"
          (keydown)="onKeyDown($event)"
          value="{{ selectedDescription ? selectedDescription : placeholder }}"
          [ngClass]="{ 'ng-invalid' : model?.invalid || controlName?.invalid }"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index 9a25a82a4..267b494b1 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -65,7 +65,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'debounceTime' ) debounceTime = 200;
 
-  @Input( 'disabled' ) disabled = true;
+  @Input( 'disabled' ) disabled = false;
 
   @Input( 'labelPlacement' ) labelPlacement = 'left';
 
@@ -136,17 +136,24 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     const filter = [];
     this.datasource = this.data.slice();
     this.datasource.filter( ( item ) => {
-      if ( (item[ this.keyText ].substr( 0, searchTextValue.length ).toLowerCase()) === (searchTextValue.toLowerCase()) ) {
+      if ( (this.getItemText(item).substr( 0, searchTextValue.length ).toLowerCase()) === (searchTextValue.toLowerCase()) ) {
         filter.push( item );
       }
     } );
     this.datasource = filter;
   }
 
+  getItemText(item) {
+    if (this.typeOfData === 'simple') {
+      return item;
+    }
+    return item[ this.keyText ];
+  }
+
   onKeyDown( $event ) {
     this.handleSelectInLetter( $event.key );
     const keyEvent = {
-      [KeyEvent.SPACE]: () => this.handleKeySpace( $event ),
+      [KeyEvent.SPACE]: () => this.handleOpenList( $event ),
       [KeyEvent.ARROWDOWN]: () => this.stopEvent( $event ),
       [KeyEvent.ARROWUP]: () => this.stopEvent( $event ),
     };
@@ -178,10 +185,11 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     return this.modelMode === 'string';
   }
 
-  private handleKeySpace( $event ) {
+  private handleOpenList( $event ) {
     this.stopEvent( $event );
-    if ( !this.isOpen ) {
+    if ( !this.isOpen && !this.disabled ) {
       this.isOpen = true;
+      this.setUpComponent();
     }
   }
 
@@ -193,8 +201,9 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   private setUpComponent() {
     this.datasource = this.data;
-    this.disabled = false;
-    this.isLoading = false;
+    if (this.data.length > 0) {
+      this.isLoading = false;
+    }
   }
 
   private validateData() {

From f006b4b085c92a2f650f0b75b91f90a50be3a115 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 09:52:15 -0300
Subject: [PATCH 002/111] refact(list-item): add css text properties to no wrap

---
 .../src/components/overlaylist/list-item/list-item.scss   | 3 +++
 .../src/components/overlaylist/list-item/list-item.ts     | 8 +++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.scss b/projects/truly-ui/src/components/overlaylist/list-item/list-item.scss
index f01652cab..a4ed4ff7f 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.scss
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.scss
@@ -1,5 +1,8 @@
 .ui-list-item {
   padding: 0 5px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
   &:focus {
     outline: none;
   }
diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
index 0ac7df513..07c021259 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
@@ -19,7 +19,7 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
  */
-import { Component, Input, ElementRef, ViewChild, Output, EventEmitter } from '@angular/core';
+import { Component, Input, ElementRef, ViewChild } from '@angular/core';
 import { Highlightable } from '@angular/cdk/a11y';
 
 @Component( {
@@ -29,16 +29,14 @@ import { Highlightable } from '@angular/cdk/a11y';
 } )
 export class TlListItem implements Highlightable {
 
-  constructor() {}
-
-  public selected = false;
-
   @Input() item;
 
   @Input() disabled = false;
 
   @Input() height = '30px';
 
+  public selected = false;
+
   @ViewChild('listElement') element: ElementRef;
 
   setActiveStyles(): void {

From 2b888cbd5f0fa36034c156850849e479d8d7efc6 Mon Sep 17 00:00:00 2001
From: Genesson <genesson_sauer@hotmail.com>
Date: Wed, 27 Feb 2019 09:56:02 -0300
Subject: [PATCH 003/111] fix(avatar): add height on gratavar

---
 projects/truly-ui/src/components/avatar/avatar.html | 2 +-
 projects/truly-ui/src/components/avatar/avatar.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/avatar/avatar.html b/projects/truly-ui/src/components/avatar/avatar.html
index 85719baaf..4c207af31 100644
--- a/projects/truly-ui/src/components/avatar/avatar.html
+++ b/projects/truly-ui/src/components/avatar/avatar.html
@@ -10,7 +10,7 @@
 <div *ngIf="type === 'gravatar'"
      [class]="'tl-avatar ' + color + ' ' + shape"
      [style.width]="size">
-  <img [src]="gravatarImg" [style.width]="size" [class]="shape">
+  <img [src]="gravatarImg" [style.width]="size" [style.height]="!isPercentage() ? size : null" [class]="shape">
 </div>
 <div *ngIf="type === 'icon'"
      [class]="'tl-avatar ' + color + ' ' + shape"
diff --git a/projects/truly-ui/src/components/avatar/avatar.ts b/projects/truly-ui/src/components/avatar/avatar.ts
index b5b77b917..579d96b7c 100644
--- a/projects/truly-ui/src/components/avatar/avatar.ts
+++ b/projects/truly-ui/src/components/avatar/avatar.ts
@@ -132,7 +132,7 @@ export class TlAvatar implements OnInit, OnChanges {
     this.type = 'text';
   }
 
-  private isPercentage() {
+  public isPercentage() {
     return this.size.substr(this.size.length - 1) === '%';
   }
 

From 13944f7774fac0bc735d7ebb3757772967c31280 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 09:58:41 -0300
Subject: [PATCH 004/111] fix(multiselect): add multiselect model listen
 changes.

---
 .../src/components/multiselect/multiselect.ts | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/projects/truly-ui/src/components/multiselect/multiselect.ts b/projects/truly-ui/src/components/multiselect/multiselect.ts
index d965312fc..68e962917 100644
--- a/projects/truly-ui/src/components/multiselect/multiselect.ts
+++ b/projects/truly-ui/src/components/multiselect/multiselect.ts
@@ -26,11 +26,11 @@ import {
   OnInit,
   Output,
   ViewChild,
-  ContentChild, AfterViewInit, ChangeDetectorRef,
+  ContentChild, AfterViewInit, ChangeDetectorRef, OnDestroy,
 } from '@angular/core';
 import { KeyEvent } from '../core/enums/key-events';
 import { MakeProvider } from '../core/base/value-accessor-provider';
-import { FormControlName, NG_ASYNC_VALIDATORS, NG_VALIDATORS, NgModel } from '@angular/forms';
+import { FormControl, FormControlName, NG_ASYNC_VALIDATORS, NG_VALIDATORS, NgModel } from '@angular/forms';
 import { ValueAccessorBase } from '../input/core/value-accessor';
 import { OverlayAnimation } from '../core/directives/overlay-animation';
 import { Subject, Subscription } from 'rxjs';
@@ -48,7 +48,7 @@ import { scrollIntoView } from '../core/helper/scrollIntoView';
     [ MakeProvider( TlMultiSelect ) ]
   ]
 } )
-export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, AfterViewInit {
+export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, AfterViewInit, OnDestroy {
 
   @Input() keyColor: string;
 
@@ -134,6 +134,8 @@ export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, Aft
 
   private subscription: Subscription = new Subscription();
 
+  private control;
+
   constructor( private change: ChangeDetectorRef ) {
     super();
   }
@@ -148,10 +150,17 @@ export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, Aft
   }
 
   ngAfterViewInit() {
-    this.validateHasModel();
+    this.setControl();
     this.setRequired();
     this.setDisabled();
     this.handleValidator();
+    this.listenControlChanges();
+  }
+
+  private listenControlChanges() {
+    this.subscription.add(this.control.valueChanges.subscribe(() => {
+      this.validateHasModel();
+    }));
   }
 
   private setDisabled() {
@@ -185,6 +194,10 @@ export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, Aft
     }
   }
 
+  private setControl() {
+    this.control = this.model ? this.model : this.controlName;
+  }
+
   private validateHasModel() {
     setTimeout( () => {
       if ( this.value ) {
@@ -556,5 +569,9 @@ export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, Aft
     return this.filteredItems.length === this.dataSource.length;
   }
 
+  ngOnDestroy() {
+    this.subscription.unsubscribe();
+  }
+
 }
 

From d37da0bf49a4551b08063cc88e8de53e11178805 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 10:06:04 -0300
Subject: [PATCH 005/111] ci: create ci to compile to @dev

---
 .travis.yml                         |   5 +-
 package-lock.json                   | 217 +++++++++++++++++-----------
 package.json                        |   2 +
 tools/scripts/publish-dev-builds.js |  22 +++
 tools/scripts/utils.js              |  31 ++++
 5 files changed, 191 insertions(+), 86 deletions(-)
 create mode 100644 tools/scripts/publish-dev-builds.js
 create mode 100644 tools/scripts/utils.js

diff --git a/.travis.yml b/.travis.yml
index a40700d81..4b16d9720 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -20,9 +20,10 @@ before_script:
   - npm run test
 script:
   - npm run build:library
+  - npm run copy:assets
+  - npm run copy:marckdowns
 after_success:
-  - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run copy:assets; fi
-  - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run copy:marckdowns; fi
+  - if [[ "$TRAVIS_BRANCH" == "develop" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then publish:dev; fi
   - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run semantic-release; fi
   - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run build:showcase; fi
 deploy:
diff --git a/package-lock.json b/package-lock.json
index 2deccb760..1e8d7742a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -208,6 +208,12 @@
             "uuid": "^3.1.0"
           }
         },
+        "semver": {
+          "version": "5.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
+          "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==",
+          "dev": true
+        },
         "supports-color": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
@@ -237,6 +243,14 @@
         "@angular-devkit/core": "7.0.6",
         "rxjs": "6.3.3",
         "semver": "5.5.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
+          "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==",
+          "dev": true
+        }
       }
     },
     "@angular-devkit/build-optimizer": {
@@ -446,6 +460,12 @@
             "signal-exit": "^3.0.2"
           }
         },
+        "semver": {
+          "version": "5.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
+          "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==",
+          "dev": true
+        },
         "string-width": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
@@ -685,7 +705,7 @@
         },
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         },
@@ -1051,6 +1071,14 @@
         "rxjs": "6.3.3",
         "semver": "5.5.1",
         "semver-intersect": "1.4.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.5.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
+          "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==",
+          "dev": true
+        }
       }
     },
     "@semantic-release/commit-analyzer": {
@@ -1137,7 +1165,7 @@
         },
         "globby": {
           "version": "8.0.1",
-          "resolved": "http://registry.npmjs.org/globby/-/globby-8.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-8.0.1.tgz",
           "integrity": "sha512-oMrYrJERnKBLXNLVTqhm3vPEdJ/b2ZE28xN4YARiix1NOIOBPEpOUnm844K1iu/BkphCaf2WNFwMszv8Soi1pw==",
           "dev": true,
           "requires": {
@@ -1343,7 +1371,7 @@
     },
     "@types/q": {
       "version": "0.0.32",
-      "resolved": "http://registry.npmjs.org/@types/q/-/q-0.0.32.tgz",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz",
       "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=",
       "dev": true
     },
@@ -1683,6 +1711,7 @@
       "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
       "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
       "dev": true,
+      "optional": true,
       "requires": {
         "kind-of": "^3.0.2",
         "longest": "^1.0.1",
@@ -1881,7 +1910,7 @@
     },
     "array-equal": {
       "version": "1.0.0",
-      "resolved": "http://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz",
       "integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=",
       "dev": true
     },
@@ -2072,7 +2101,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -2165,7 +2194,7 @@
     },
     "babel-plugin-istanbul": {
       "version": "4.1.6",
-      "resolved": "http://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.6.tgz",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.6.tgz",
       "integrity": "sha512-PWP9FQ1AhZhS01T/4qLSKoHGY/xvkZdVBGlKM/HuxxS3+sC66HhTNR7+MpbO/so/cz/wY94MeSWJuP1hXIPfwQ==",
       "dev": true,
       "requires": {
@@ -2183,7 +2212,7 @@
     },
     "babel-plugin-syntax-object-rest-spread": {
       "version": "6.13.0",
-      "resolved": "http://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
       "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=",
       "dev": true
     },
@@ -2380,7 +2409,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         }
@@ -2563,7 +2592,7 @@
     },
     "browserify-aes": {
       "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
       "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
       "dev": true,
       "requires": {
@@ -2608,7 +2637,7 @@
     },
     "browserify-rsa": {
       "version": "4.0.1",
-      "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
       "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
       "dev": true,
       "requires": {
@@ -2677,7 +2706,7 @@
     },
     "buffer": {
       "version": "4.9.1",
-      "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
       "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
       "dev": true,
       "requires": {
@@ -2752,7 +2781,7 @@
     },
     "cacache": {
       "version": "10.0.4",
-      "resolved": "http://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
       "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
       "dev": true,
       "requires": {
@@ -2820,7 +2849,7 @@
     },
     "callsites": {
       "version": "2.0.0",
-      "resolved": "http://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
       "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
       "dev": true
     },
@@ -2842,7 +2871,7 @@
     },
     "camelcase-keys": {
       "version": "2.1.0",
-      "resolved": "http://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
       "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
       "dev": true,
       "requires": {
@@ -3130,7 +3159,7 @@
       "dependencies": {
         "colors": {
           "version": "1.0.3",
-          "resolved": "http://registry.npmjs.org/colors/-/colors-1.0.3.tgz",
+          "resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz",
           "integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=",
           "dev": true
         }
@@ -3522,7 +3551,7 @@
         },
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         },
@@ -3672,7 +3701,7 @@
         },
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         },
@@ -3848,7 +3877,7 @@
     },
     "create-hash": {
       "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
       "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
       "dev": true,
       "requires": {
@@ -3861,7 +3890,7 @@
     },
     "create-hmac": {
       "version": "1.1.7",
-      "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
       "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
       "dev": true,
       "requires": {
@@ -4245,7 +4274,7 @@
     },
     "diffie-hellman": {
       "version": "5.0.3",
-      "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
       "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
       "dev": true,
       "requires": {
@@ -4553,7 +4582,7 @@
     },
     "es6-promisify": {
       "version": "5.0.0",
-      "resolved": "http://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
       "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=",
       "dev": true,
       "requires": {
@@ -4680,7 +4709,7 @@
     },
     "events": {
       "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/events/-/events-1.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
       "integrity": "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=",
       "dev": true
     },
@@ -5461,7 +5490,7 @@
     },
     "finalhandler": {
       "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
       "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
       "dev": true,
       "requires": {
@@ -5971,7 +6000,8 @@
         },
         "ansi-regex": {
           "version": "2.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5989,11 +6019,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -6006,15 +6038,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6117,7 +6152,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6127,6 +6163,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6139,17 +6176,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6166,6 +6206,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6238,7 +6279,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6248,6 +6290,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6323,7 +6366,8 @@
         },
         "safe-buffer": {
           "version": "5.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6353,6 +6397,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -6370,6 +6415,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6408,11 +6454,13 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         }
       }
     },
@@ -6473,7 +6521,7 @@
     },
     "get-stream": {
       "version": "3.0.0",
-      "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
       "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
       "dev": true
     },
@@ -6830,7 +6878,7 @@
     },
     "got": {
       "version": "6.7.1",
-      "resolved": "http://registry.npmjs.org/got/-/got-6.7.1.tgz",
+      "resolved": "https://registry.npmjs.org/got/-/got-6.7.1.tgz",
       "integrity": "sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=",
       "dev": true,
       "requires": {
@@ -7046,7 +7094,7 @@
     },
     "handle-thing": {
       "version": "1.2.5",
-      "resolved": "http://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz",
       "integrity": "sha1-/Xqtcmvxpf0W38KbL3pmAdJxOcQ=",
       "dev": true
     },
@@ -7375,7 +7423,7 @@
     },
     "http-errors": {
       "version": "1.6.3",
-      "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
       "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
       "dev": true,
       "requires": {
@@ -7425,7 +7473,7 @@
     },
     "http-proxy-middleware": {
       "version": "0.18.0",
-      "resolved": "http://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
       "integrity": "sha512-Fs25KVMPAIIcgjMZkVHJoKg9VcXcC1C8yb9JUgeDvVXY0S/zgVIhMb+qVswDIgtJe2DfckMSY2d6TuTEutlk6Q==",
       "dev": true,
       "requires": {
@@ -7892,7 +7940,7 @@
     },
     "is-builtin-module": {
       "version": "1.0.0",
-      "resolved": "http://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
       "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
       "dev": true,
       "requires": {
@@ -8056,7 +8104,7 @@
     },
     "is-obj": {
       "version": "1.0.1",
-      "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
       "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=",
       "dev": true
     },
@@ -9022,7 +9070,7 @@
     },
     "jest-get-type": {
       "version": "22.4.3",
-      "resolved": "http://registry.npmjs.org/jest-get-type/-/jest-get-type-22.4.3.tgz",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-22.4.3.tgz",
       "integrity": "sha512-/jsz0Y+V29w1chdXVygEKSz2nBoHoYqNShPe+QgxSNjAuP1i8+k4LbQNrfoliKej0P45sivkSCh7yiD6ubHS3w==",
       "dev": true
     },
@@ -9814,7 +9862,7 @@
     },
     "json5": {
       "version": "0.5.1",
-      "resolved": "http://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
       "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
       "dev": true
     },
@@ -9860,13 +9908,13 @@
       "dependencies": {
         "core-js": {
           "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz",
           "integrity": "sha1-+rg/uwstjchfpjbEudNMdUIMbWU=",
           "dev": true
         },
         "es6-promise": {
           "version": "3.0.2",
-          "resolved": "http://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz",
+          "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz",
           "integrity": "sha1-AQ1YWEI6XxGJeWZfRkhqlcbuK7Y=",
           "dev": true
         },
@@ -9878,7 +9926,7 @@
         },
         "readable-stream": {
           "version": "2.0.6",
-          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz",
           "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=",
           "dev": true,
           "requires": {
@@ -10088,7 +10136,7 @@
     },
     "load-json-file": {
       "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
       "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
       "dev": true,
       "requires": {
@@ -10101,7 +10149,7 @@
       "dependencies": {
         "pify": {
           "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
           "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
           "dev": true
         }
@@ -10364,7 +10412,8 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
       "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "loose-envify": {
       "version": "1.4.0",
@@ -10572,7 +10621,7 @@
     },
     "media-typer": {
       "version": "0.3.0",
-      "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
       "dev": true
     },
@@ -10599,7 +10648,7 @@
     },
     "meow": {
       "version": "3.7.0",
-      "resolved": "http://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
       "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
       "dev": true,
       "requires": {
@@ -10617,7 +10666,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         }
@@ -11208,7 +11257,7 @@
       "dependencies": {
         "semver": {
           "version": "5.3.0",
-          "resolved": "http://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
           "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
           "dev": true
         }
@@ -11475,7 +11524,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -14929,7 +14978,7 @@
     },
     "opn": {
       "version": "5.3.0",
-      "resolved": "http://registry.npmjs.org/opn/-/opn-5.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.3.0.tgz",
       "integrity": "sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==",
       "dev": true,
       "requires": {
@@ -15028,7 +15077,7 @@
     },
     "os-locale": {
       "version": "1.4.0",
-      "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
       "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
       "dev": true,
       "requires": {
@@ -15090,7 +15139,7 @@
     },
     "p-is-promise": {
       "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
       "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
       "dev": true
     },
@@ -15187,7 +15236,7 @@
     },
     "parse-asn1": {
       "version": "5.1.1",
-      "resolved": "http://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",
       "integrity": "sha512-KPx7flKXg775zZpnp9SxJlz00gTd4BmJ2yJufSc44gMCRrRQ7NSzAcSJQfifuOLgW6bEi+ftrALtsgALeB2Adw==",
       "dev": true,
       "requires": {
@@ -15839,7 +15888,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -15867,7 +15916,7 @@
         },
         "globby": {
           "version": "5.0.0",
-          "resolved": "http://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
           "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
           "dev": true,
           "requires": {
@@ -15881,13 +15930,13 @@
         },
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         },
         "pify": {
           "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
           "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
           "dev": true
         },
@@ -16122,7 +16171,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         }
@@ -16139,7 +16188,7 @@
       "dependencies": {
         "pify": {
           "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
           "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
           "dev": true
         }
@@ -16169,7 +16218,7 @@
         },
         "pify": {
           "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
           "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
           "dev": true
         }
@@ -16586,13 +16635,13 @@
     },
     "regjsgen": {
       "version": "0.2.0",
-      "resolved": "http://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
       "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
       "dev": true
     },
     "regjsparser": {
       "version": "0.1.5",
-      "resolved": "http://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
       "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
       "dev": true,
       "requires": {
@@ -17062,7 +17111,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         }
@@ -17132,7 +17181,7 @@
       "dependencies": {
         "source-map": {
           "version": "0.4.4",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
           "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
           "dev": true,
           "requires": {
@@ -17530,9 +17579,9 @@
       }
     },
     "semver": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz",
-      "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz",
+      "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==",
       "dev": true
     },
     "semver-diff": {
@@ -17695,7 +17744,7 @@
     },
     "sha.js": {
       "version": "2.4.11",
-      "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
       "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
       "dev": true,
       "requires": {
@@ -18330,7 +18379,7 @@
     },
     "stream-browserify": {
       "version": "2.0.1",
-      "resolved": "http://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
       "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
       "dev": true,
       "requires": {
@@ -18390,7 +18439,7 @@
       "dependencies": {
         "readable-stream": {
           "version": "2.3.6",
-          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
           "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
           "dev": true,
           "requires": {
@@ -18491,7 +18540,7 @@
     },
     "strip-eof": {
       "version": "1.0.0",
-      "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
       "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
       "dev": true
     },
@@ -18562,7 +18611,7 @@
         },
         "source-map": {
           "version": "0.1.43",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
           "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
           "dev": true,
           "requires": {
@@ -18621,7 +18670,7 @@
     },
     "tar": {
       "version": "2.2.1",
-      "resolved": "http://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
       "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",
       "dev": true,
       "requires": {
@@ -19185,7 +19234,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         }
@@ -19204,7 +19253,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         },
@@ -19965,7 +20014,7 @@
       "dependencies": {
         "minimist": {
           "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         }
@@ -20074,7 +20123,7 @@
         },
         "source-map": {
           "version": "0.4.4",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
           "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
           "dev": true,
           "requires": {
@@ -20572,7 +20621,7 @@
     },
     "wrap-ansi": {
       "version": "2.1.0",
-      "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
       "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
       "dev": true,
       "requires": {
@@ -20638,7 +20687,7 @@
     },
     "xmlbuilder": {
       "version": "9.0.7",
-      "resolved": "http://registry.npmjs.org/xmlbuilder/-/xmlbuilder-9.0.7.tgz",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-9.0.7.tgz",
       "integrity": "sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=",
       "dev": true
     },
diff --git a/package.json b/package.json
index 6af97f026..bfce156b6 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "ci": "npm run lint && npm run test && npm run build:library && npm run build:showcase && npm run copy:marckdowns && npm run copy:assets",
     "copy:assets": "node ./tools/scripts/copy-assets.js",
     "copy:marckdowns": "node ./tools/scripts/copy-marckdowns-assets.js",
+    "publish:dev": "node ./tools/scripts/publish-dev-builds.js",
     "semantic-release": "semantic-release"
   },
   "private": false,
@@ -103,6 +104,7 @@
     "protractor": "~5.4.1",
     "rimraf": "^2.6.2",
     "semantic-release": "^15.12.1",
+    "semver": "^5.6.0",
     "ts-node": "^7.0.1",
     "tsickle": "^0.34.0",
     "tslib": "^1.9.3",
diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
new file mode 100644
index 000000000..026cecdfe
--- /dev/null
+++ b/tools/scripts/publish-dev-builds.js
@@ -0,0 +1,22 @@
+const { parse } = require('semver');
+const { execute, publishPackagesToNpm } = require('./utils');
+
+async function main() {
+  const json = require('../../dist/package.json');
+  let commit = process.env.TRAVIS_PULL_REQUEST_SHA;
+  if (!commit) {
+    const lastCommit = await execute('git rev-parse HEAD');
+    commit = lastCommit.toString().trim();
+  }
+
+  // shorten commit
+  commit = commit.slice(0, 7);
+
+  const version = parse(json.version);
+  const newVersion = `${version.major}.${version.minor}.${version.patch}-dev-develop-${commit}`;
+  console.log('publishing new version', newVersion);
+
+  await publishPackagesToNpm(newVersion, 'dev');
+}
+
+main();
diff --git a/tools/scripts/utils.js b/tools/scripts/utils.js
new file mode 100644
index 000000000..40b23f5be
--- /dev/null
+++ b/tools/scripts/utils.js
@@ -0,0 +1,31 @@
+const { exec } = require('child_process');
+const { resolve } = require('path');
+
+module.exports = {
+  execute: (script, options)=> {
+    console.log( script );
+    return new Promise((resolvePromise, rejectPromise) => {
+      exec(script, options, (error, stdout, stderr) => {
+        if (error) {
+          rejectPromise({ error, stderr });
+        } else {
+          resolvePromise(stdout);
+        }
+      });
+    });
+  },
+
+  publishPackagesToNpm: async (version, tag) => {
+    const buildPath = resolve(__dirname, '../../dist/');
+    const packageDescription = `${buildPath} ${version} @${tag}`;
+    const script = `npm publish --access public --non-interactive --no-git-tag-version --new-version ${version} --tag ${tag}`;
+
+    await module.exports.execute(script, { cwd: buildPath })
+      .then(( output )=>{
+        console.log(`Published ${packageDescription} /r/n -> ${output}`);
+      }).catch(({ error })=>{
+        console.log(`Error Publishing ${packageDescription} /r/n -> ${error}`);
+        throw error;
+      });
+  }
+};

From d48218300082bd4251f593eb9fcb91d47384a5d7 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 10:13:36 -0300
Subject: [PATCH 006/111] fix(overlay-list): fix focus bug of some components
 that use overlaylist.

---
 projects/truly-ui/src/components/overlaylist/overlay-list.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index d243a6e25..09523af72 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -120,7 +120,7 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   }
 
   handleInputFocus() {
-    if (this.searchOnList) {
+    if (this.searchOnList && !this.customFocus) {
       setTimeout(() => {
         this.tlInput.setFocus();
       }, 1);

From 1140179ae960b0b602f5887cb6e60aef06567e2a Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 10:15:14 -0300
Subject: [PATCH 007/111] ci: fix error publish:dev: command not found

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 4b16d9720..8d0e2118c 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -23,7 +23,7 @@ script:
   - npm run copy:assets
   - npm run copy:marckdowns
 after_success:
-  - if [[ "$TRAVIS_BRANCH" == "develop" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then publish:dev; fi
+  - if [[ "$TRAVIS_BRANCH" == "develop" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run publish:dev; fi
   - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run semantic-release; fi
   - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run build:showcase; fi
 deploy:

From c2174dca268397963e4f25555ee343d573ac0d80 Mon Sep 17 00:00:00 2001
From: Genesson <genesson_sauer@hotmail.com>
Date: Wed, 27 Feb 2019 10:45:19 -0300
Subject: [PATCH 008/111] fix(avatar): change element height

---
 projects/truly-ui/src/components/avatar/avatar.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/avatar/avatar.html b/projects/truly-ui/src/components/avatar/avatar.html
index 4c207af31..8ab04825c 100644
--- a/projects/truly-ui/src/components/avatar/avatar.html
+++ b/projects/truly-ui/src/components/avatar/avatar.html
@@ -9,8 +9,9 @@
 </div>
 <div *ngIf="type === 'gravatar'"
      [class]="'tl-avatar ' + color + ' ' + shape"
-     [style.width]="size">
-  <img [src]="gravatarImg" [style.width]="size" [style.height]="!isPercentage() ? size : null" [class]="shape">
+     [style.width]="size"
+     [style.height]="!isPercentage() ? size : null">
+  <img [src]="gravatarImg" [style.width]="size" [class]="shape">
 </div>
 <div *ngIf="type === 'icon'"
      [class]="'tl-avatar ' + color + ' ' + shape"

From 5dad6ce241f64a773181f95e0af2f3b6c9dab1de Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 11:18:28 -0300
Subject: [PATCH 009/111] ci: fix ci npm ERR! code E404 npm ERR! 404 Not Found:
 0.0.0-dev-develop-dc06503@latest #2

---
 tools/scripts/publish-dev-builds.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
index 026cecdfe..45a6a135b 100644
--- a/tools/scripts/publish-dev-builds.js
+++ b/tools/scripts/publish-dev-builds.js
@@ -13,7 +13,7 @@ async function main() {
   commit = commit.slice(0, 7);
 
   const version = parse(json.version);
-  const newVersion = `${version.major}.${version.minor}.${version.patch}-dev-develop-${commit}`;
+  const newVersion = `${version.major}.${version.minor}.${version.patch}-development-develop-${commit}`;
   console.log('publishing new version', newVersion);
 
   await publishPackagesToNpm(newVersion, 'dev');

From 3b59745dc9cb027752c135bb957a80b229209cfe Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 11:41:06 -0300
Subject: [PATCH 010/111] ci: fix ci npm ERR! code E404 npm ERR! 404 Not Found:
 0.0.0-dev-develop-dc06503@latest #3

---
 tools/scripts/publish-dev-builds.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
index 45a6a135b..dd75426ac 100644
--- a/tools/scripts/publish-dev-builds.js
+++ b/tools/scripts/publish-dev-builds.js
@@ -13,7 +13,7 @@ async function main() {
   commit = commit.slice(0, 7);
 
   const version = parse(json.version);
-  const newVersion = `${version.major}.${version.minor}.${version.patch}-development-develop-${commit}`;
+  const newVersion = `${version.major}.${version.minor}.${version.patch}-development.develop-${commit}`;
   console.log('publishing new version', newVersion);
 
   await publishPackagesToNpm(newVersion, 'dev');

From 1b0bb90ed6f862e3ce40bf9947450684cfb2858f Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 14:07:31 -0300
Subject: [PATCH 011/111] ci: fix ci npm ERR! code E404 npm ERR! 404 Not Found:
 0.0.0-dev-develop-dc06503@latest #4

---
 tools/scripts/publish-dev-builds.js | 9 +++++----
 tools/scripts/utils.js              | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
index dd75426ac..d840122b9 100644
--- a/tools/scripts/publish-dev-builds.js
+++ b/tools/scripts/publish-dev-builds.js
@@ -12,11 +12,12 @@ async function main() {
   // shorten commit
   commit = commit.slice(0, 7);
 
-  const version = parse(json.version);
-  const newVersion = `${version.major}.${version.minor}.${version.patch}-development.develop-${commit}`;
-  console.log('publishing new version', newVersion);
+  await execute(`npm view ${json.name} version`).then( async ( version )=> {
+    const newVersion = (version + '-develop-' + commit);
+    console.log('publishing new version', newVersion);
+    await publishPackagesToNpm(newVersion, 'dev');
+  });
 
-  await publishPackagesToNpm(newVersion, 'dev');
 }
 
 main();
diff --git a/tools/scripts/utils.js b/tools/scripts/utils.js
index 40b23f5be..4d3ce15c4 100644
--- a/tools/scripts/utils.js
+++ b/tools/scripts/utils.js
@@ -18,7 +18,7 @@ module.exports = {
   publishPackagesToNpm: async (version, tag) => {
     const buildPath = resolve(__dirname, '../../dist/');
     const packageDescription = `${buildPath} ${version} @${tag}`;
-    const script = `npm publish --access public --non-interactive --no-git-tag-version --new-version ${version} --tag ${tag}`;
+    const script = `npm publish --access public --tag ${tag}`;
 
     await module.exports.execute(script, { cwd: buildPath })
       .then(( output )=>{

From 89fdaeb5dede5ac6b6fe35b6b33c6f13aebe24f1 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 14:32:07 -0300
Subject: [PATCH 012/111] ci: fix ci npm ERR! code E404 npm ERR! 404 Not Found:
 0.0.0-dev-develop-dc06503@latest #5

---
 tools/scripts/publish-dev-builds.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
index d840122b9..30a767ac7 100644
--- a/tools/scripts/publish-dev-builds.js
+++ b/tools/scripts/publish-dev-builds.js
@@ -1,8 +1,10 @@
 const { parse } = require('semver');
 const { execute, publishPackagesToNpm } = require('./utils');
+const { resolve } = require('path');
 
 async function main() {
   const json = require('../../dist/package.json');
+  const buildPath = resolve(__dirname, '../../dist/');
   let commit = process.env.TRAVIS_PULL_REQUEST_SHA;
   if (!commit) {
     const lastCommit = await execute('git rev-parse HEAD');
@@ -12,10 +14,13 @@ async function main() {
   // shorten commit
   commit = commit.slice(0, 7);
 
-  await execute(`npm view ${json.name} version`).then( async ( version )=> {
-    const newVersion = (version + '-develop-' + commit);
-    console.log('publishing new version', newVersion);
-    await publishPackagesToNpm(newVersion, 'dev');
+  await execute(`npm view ${json.name} version`).then( async ( version ) => {
+    console.log( buildPath);
+    await execute(`npm version ${version}`, { cwd: buildPath }).then( async () => {
+      const newVersion = (version + '-develop-' + commit);
+      console.log('publishing new version', newVersion);
+      await publishPackagesToNpm(newVersion, 'dev');
+    });
   });
 
 }

From 40d6dc98404320dd885fc30b4d858e048fe055c1 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 15:07:16 -0300
Subject: [PATCH 013/111] ci: fix ci npm ERR! code E404 npm ERR! 404 Not Found:
 0.0.0-dev-develop-dc06503@latest #6

---
 .travis.yml                         | 9 +++++++++
 tools/scripts/publish-dev-builds.js | 8 +++-----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 8d0e2118c..941f06584 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -26,6 +26,8 @@ after_success:
   - if [[ "$TRAVIS_BRANCH" == "develop" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run publish:dev; fi
   - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run semantic-release; fi
   - if [[ "$TRAVIS_BRANCH" == "master" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then npm run build:showcase; fi
+before_deploy:
+  - if [[ "$TRAVIS_BRANCH" == "develop" && "$TRAVIS_PULL_REQUEST" == "false" ]]; then cd dist; fi
 deploy:
   - provider: s3
     local_dir: showcase
@@ -35,6 +37,13 @@ deploy:
     bucket: "truly-ui.com"
     region: us-east-1
     acl: public_read
+  - provider: npm
+    skip_cleanup: true
+    email: "truly@temainfo.com.br"
+    api_key: $NPM_TOKEN
+    tag: dev
+    on:
+      branch: develop
 branches:
   except:
     - /^v\d+\.\d+\.\d+$/
diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
index 30a767ac7..0e381fcdc 100644
--- a/tools/scripts/publish-dev-builds.js
+++ b/tools/scripts/publish-dev-builds.js
@@ -15,11 +15,9 @@ async function main() {
   commit = commit.slice(0, 7);
 
   await execute(`npm view ${json.name} version`).then( async ( version ) => {
-    console.log( buildPath);
-    await execute(`npm version ${version}`, { cwd: buildPath }).then( async () => {
-      const newVersion = (version + '-develop-' + commit);
-      console.log('publishing new version', newVersion);
-      await publishPackagesToNpm(newVersion, 'dev');
+    const newVersion = (version.replace(/\n|\r/g, "") + '-dev-' + commit);
+    await execute(`npm version ${newVersion}`, { cwd: buildPath }).then( async () => {
+      console.log('Publishing new version', newVersion);
     });
   });
 

From 4b038622120fa53a52334be0543b98818f1e5313 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 27 Feb 2019 15:28:38 -0300
Subject: [PATCH 014/111] cI: remove codes Not used

---
 tools/scripts/publish-dev-builds.js |  3 +--
 tools/scripts/utils.js              | 15 ---------------
 2 files changed, 1 insertion(+), 17 deletions(-)

diff --git a/tools/scripts/publish-dev-builds.js b/tools/scripts/publish-dev-builds.js
index 0e381fcdc..066855305 100644
--- a/tools/scripts/publish-dev-builds.js
+++ b/tools/scripts/publish-dev-builds.js
@@ -1,5 +1,4 @@
-const { parse } = require('semver');
-const { execute, publishPackagesToNpm } = require('./utils');
+const { execute } = require('./utils');
 const { resolve } = require('path');
 
 async function main() {
diff --git a/tools/scripts/utils.js b/tools/scripts/utils.js
index 4d3ce15c4..01292c56b 100644
--- a/tools/scripts/utils.js
+++ b/tools/scripts/utils.js
@@ -1,5 +1,4 @@
 const { exec } = require('child_process');
-const { resolve } = require('path');
 
 module.exports = {
   execute: (script, options)=> {
@@ -14,18 +13,4 @@ module.exports = {
       });
     });
   },
-
-  publishPackagesToNpm: async (version, tag) => {
-    const buildPath = resolve(__dirname, '../../dist/');
-    const packageDescription = `${buildPath} ${version} @${tag}`;
-    const script = `npm publish --access public --tag ${tag}`;
-
-    await module.exports.execute(script, { cwd: buildPath })
-      .then(( output )=>{
-        console.log(`Published ${packageDescription} /r/n -> ${output}`);
-      }).catch(({ error })=>{
-        console.log(`Error Publishing ${packageDescription} /r/n -> ${error}`);
-        throw error;
-      });
-  }
 };

From ec1eb6cc84620043ce562c7893d59e76e4c8328d Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 15:38:52 -0300
Subject: [PATCH 015/111] refact(dropdownlist): change method to public

---
 projects/truly-ui/src/components/dropdownlist/dropdownlist.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index 267b494b1..be1bc9a0f 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -185,7 +185,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     return this.modelMode === 'string';
   }
 
-  private handleOpenList( $event ) {
+  public handleOpenList( $event ) {
     this.stopEvent( $event );
     if ( !this.isOpen && !this.disabled ) {
       this.isOpen = true;

From 4736bd28a94cffc442c75463580276601353c706 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 15:42:40 -0300
Subject: [PATCH 016/111] fix(listbox): fix listbox does not removing content
 after data changes.

---
 projects/truly-ui/src/components/listbox/listbox.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/listbox/listbox.ts b/projects/truly-ui/src/components/listbox/listbox.ts
index 5ddf08ed3..77ac7e948 100644
--- a/projects/truly-ui/src/components/listbox/listbox.ts
+++ b/projects/truly-ui/src/components/listbox/listbox.ts
@@ -186,6 +186,7 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
     } else {
       this.loading = false;
       this.nothingFound = true;
+      this.dataSource.dataStream.next([]);
     }
   }
 

From 28570ae46c261acdd2b9caeea60b6190c6dbd363 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 15:43:47 -0300
Subject: [PATCH 017/111] fix(autocomplete): fix lazy load after searching on
 list.

---
 .../components/autocomplete/autocomplete.ts   | 348 +++++++++---------
 .../core/classes/datasource-list.ts           |   9 +-
 2 files changed, 190 insertions(+), 167 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 5b905e4e9..cf5ebc6a8 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -21,33 +21,34 @@
  */
 import {
   Component, Input, Optional, Inject, OnInit, OnChanges, ViewChildren,
-  EventEmitter, Output, ChangeDetectorRef, QueryList, AfterViewInit, ViewChild, ElementRef,
+  EventEmitter, Output, ChangeDetectorRef, QueryList, AfterViewInit, ViewChild, ElementRef, OnDestroy,
 } from '@angular/core';
-import {FormControl} from '@angular/forms';
-
-import {MakeProvider} from '../core/base/value-accessor-provider';
-import {ElementBase} from '../input/core/element-base';
-import {NG_ASYNC_VALIDATORS, NG_VALIDATORS, NgModel} from '@angular/forms';
-import {ConnectedOverlayPositionChange} from '@angular/cdk/overlay';
-import {ActiveDescendantKeyManager} from '@angular/cdk/a11y';
-import {CdkVirtualScrollViewport} from '@angular/cdk/scrolling';
-import {I18nService} from '../i18n/i18n.service';
-import {AUTOCOMPLETE_CONFIG, AutoCompleteConfig} from './interfaces/autocomplete.config';
-import {DataSourceList} from '../core/classes/datasource-list';
-import {TlItemSelectedDirective} from '../core/directives/itemSelected/item-selected.directive';
-import {scrollIntoView} from '../core/helper/scrollIntoView';
-import {SelectedItemService} from './services/selected-item.service';
-
-@Component({
+import { FormControl } from '@angular/forms';
+
+import { MakeProvider } from '../core/base/value-accessor-provider';
+import { ElementBase } from '../input/core/element-base';
+import { NG_ASYNC_VALIDATORS, NG_VALIDATORS, NgModel } from '@angular/forms';
+import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { I18nService } from '../i18n/i18n.service';
+import { AUTOCOMPLETE_CONFIG, AutoCompleteConfig } from './interfaces/autocomplete.config';
+import { DataSourceList } from '../core/classes/datasource-list';
+import { TlItemSelectedDirective } from '../core/directives/itemSelected/item-selected.directive';
+import { scrollIntoView } from '../core/helper/scrollIntoView';
+import { SelectedItemService } from './services/selected-item.service';
+import { Subscription } from 'rxjs';
+
+@Component( {
   selector: 'tl-autocomplete',
   templateUrl: './autocomplete.html',
-  styleUrls: ['./autocomplete.scss'],
-  providers: [MakeProvider(TlAutoComplete), SelectedItemService],
-})
-export class TlAutoComplete extends ElementBase<string> implements OnInit, OnChanges, AfterViewInit {
+  styleUrls: [ './autocomplete.scss' ],
+  providers: [ MakeProvider( TlAutoComplete ), SelectedItemService ],
+} )
+export class TlAutoComplete extends ElementBase<string> implements OnInit, OnChanges, OnDestroy, AfterViewInit {
 
-  @Input('data')
-  set data(value) {
+  @Input( 'data' )
+  set data( value ) {
     this._data = value;
   }
 
@@ -95,13 +96,13 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   @Output() filter: EventEmitter<any> = new EventEmitter();
 
-  @ViewChild(NgModel) model: NgModel;
+  @ViewChild( NgModel ) model: NgModel;
 
-  @ViewChild('input') input: ElementRef;
+  @ViewChild( 'input' ) input: ElementRef;
 
-  @ViewChild(CdkVirtualScrollViewport) cdkVirtualScroll: CdkVirtualScrollViewport;
+  @ViewChild( CdkVirtualScrollViewport ) cdkVirtualScroll: CdkVirtualScrollViewport;
 
-  @ViewChildren(TlItemSelectedDirective) listItems: QueryList<TlItemSelectedDirective>;
+  @ViewChildren( TlItemSelectedDirective ) listItems: QueryList<TlItemSelectedDirective>;
 
   public keyManager: ActiveDescendantKeyManager<TlItemSelectedDirective>;
 
@@ -115,7 +116,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   public nothingFound = false;
 
-  public searchControl = new FormControl('');
+  public searchControl = new FormControl( '' );
 
   public messageLoading = this.i18n.getLocale().AutoComplete.messageLoading;
 
@@ -127,185 +128,196 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   private lastItemScrolled = 0;
 
+  private subscription: Subscription = new Subscription();
+
   private _data = [];
 
-  constructor(@Optional() @Inject(NG_VALIDATORS) validators: Array<any>,
-              @Optional() @Inject(AUTOCOMPLETE_CONFIG) autoCompleteConfig: AutoCompleteConfig,
-              @Optional() @Inject(NG_ASYNC_VALIDATORS) asyncValidators: Array<any>,
-              private change: ChangeDetectorRef, private i18n: I18nService, private itemSelectedService: SelectedItemService) {
-    super(validators, asyncValidators);
-    this.setOptions(autoCompleteConfig);
+  constructor( @Optional() @Inject( NG_VALIDATORS ) validators: Array<any>,
+               @Optional() @Inject( AUTOCOMPLETE_CONFIG ) autoCompleteConfig: AutoCompleteConfig,
+               @Optional() @Inject( NG_ASYNC_VALIDATORS ) asyncValidators: Array<any>,
+               private change: ChangeDetectorRef, private i18n: I18nService, private itemSelectedService: SelectedItemService ) {
+    super( validators, asyncValidators );
+    this.setOptions( autoCompleteConfig );
   }
 
   ngOnInit() {
   }
 
   ngAfterViewInit() {
-    this.keyManager = new ActiveDescendantKeyManager(this.listItems);
+    this.keyManager = new ActiveDescendantKeyManager( this.listItems );
     this.handleModel();
     this.validateKeyValue();
     this.change.detectChanges();
   }
 
   private validateKeyValue() {
-    if (!this.isModelModeString() && !this.keyValue && !this.identifier) {
-      throw Error('The AutoComplete should have an [identifier] key property, ' +
-        ' because the property [keyValue] is null and the list is working on [modelMode] \'object\'');
+    if ( !this.isModelModeString() && !this.keyValue && !this.identifier ) {
+      throw Error( 'The AutoComplete should have an [identifier] key property, ' +
+        ' because the property [keyValue] is null and the list is working on [modelMode] \'object\'' );
     }
   }
 
   private handleModel() {
-    this.model.valueChanges.subscribe(() => {
-      if (this.dataSource) {
+    this.model.valueChanges.subscribe( () => {
+      if ( this.dataSource ) {
         this.handleModelLazy();
         this.handleModelCached();
       }
-    });
+    } );
   }
 
   private handleItemSelected() {
-    if (this.itemSelectedService.itemSelected) {
-      this.scrollToIndex().then(value => {
-        setTimeout(() => {
-          this.keyManager.setActiveItem(this.itemSelectedService.itemSelected.indexSelected);
-        }, 200);
-      });
+    if ( this.itemSelectedService.itemSelected ) {
+      this.scrollToIndex().then( value => {
+        setTimeout( () => {
+          this.keyManager.setActiveItem( this.itemSelectedService.itemSelected.indexSelected );
+        }, 200 );
+      } );
     }
   }
 
 
   private scrollToIndex() {
-    return new Promise((resolve, reject) => {
-      setTimeout(() => {
-        this.cdkVirtualScroll.scrollToIndex(this.lastItemScrolled);
+    return new Promise( ( resolve, reject ) => {
+      setTimeout( () => {
+        this.cdkVirtualScroll.scrollToIndex( this.lastItemScrolled );
         this.change.markForCheck();
         resolve();
-      }, 200);
-    });
+      }, 200 );
+    } );
   }
 
 
-  onScrollIndexChange($event) {
-    if ($event > 0) {
+  onScrollIndexChange( $event ) {
+    if ( $event > 0 ) {
       this.lastItemScrolled = $event;
     }
   }
 
   onInput() {
-    this.setIsOpen(true);
-    this.setFiltering(true);
+    this.setIsOpen( true );
+    this.setFiltering( true );
   }
 
   onBackdropClick() {
-    this.setIsOpen(false);
-    this.setFiltering(false);
+    this.setIsOpen( false );
+    this.setFiltering( false );
   }
 
   private handleModelLazy() {
-    if (this.model.value && this.lazyMode && !this.modelInitialized) {
-      if (!this.isModelModeString()) {
-        this.setDescriptionValue(this.model.value[this.keyText]);
+    if ( this.model.value && this.lazyMode && !this.modelInitialized ) {
+      if ( !this.isModelModeString() ) {
+        this.setDescriptionValue( this.model.value[ this.keyText ] );
       } else {
-        console.warn('The item provided is was not found, emitting filter');
-        this.filter.emit(this.getFilters(this.model.value));
+        console.warn( 'The item provided is was not found, emitting filter' );
+        this.filter.emit( this.getFilters( this.model.value ) );
       }
-      this.handleKeyModelValue(this.model.value);
+      this.handleKeyModelValue( this.model.value );
     }
   }
 
-  private setDescriptionValue(value: string) {
+  private setDescriptionValue( value: string ) {
     this.input.nativeElement.value = value;
   }
 
   private handleModelCached() {
-    this.dataSource.getCachedData().forEach((value) => {
-      if (this.model.value) {
-        if (String(this.getItemCompare(value)) === String(this.getCompareModel())) {
-          this.setDescriptionValue(value[this.keyText]);
-          this.handleKeyModelValue(value);
+    this.dataSource.getCachedData().forEach( ( value ) => {
+      if ( this.model.value ) {
+        if ( String( this.getItemCompare( value ) ) === String( this.getCompareModel() ) ) {
+          this.setDescriptionValue( value[ this.keyText ] );
+          this.handleKeyModelValue( value );
         }
       }
-    });
+    } );
   }
 
-  private getItemCompare(value) {
-    if (!this.keyValue || this.isModelModeString()) {
-      return value[this.identifier];
+  private getItemCompare( value ) {
+    if ( !this.keyValue || this.isModelModeString() ) {
+      return value[ this.identifier ];
     }
-    return value[this.keyValue];
+    return value[ this.keyValue ];
   }
 
-  private handleKeyModelValue(value) {
+  private handleKeyModelValue( value ) {
     this.modelInitialized = true;
-    if (!this.isModelModeString() && this.keyValue) {
-      this.value = value[this.keyValue];
+    if ( !this.isModelModeString() && this.keyValue ) {
+      this.value = value[ this.keyValue ];
       return;
     }
-    if (this.isModelModeString() && !this.keyValue) {
-      this.value = value[this.identifier];
+    if ( this.isModelModeString() && !this.keyValue ) {
+      this.value = value[ this.identifier ];
       return;
     }
-    if (this.isModelModeString() && this.keyValue) {
-      this.value = value[this.keyValue];
+    if ( this.isModelModeString() && this.keyValue ) {
+      this.value = value[ this.keyValue ];
       return;
     }
     this.value = value;
   }
 
-  private setOptions(options: AutoCompleteConfig) {
-    if (options) {
+  private setOptions( options: AutoCompleteConfig ) {
+    if ( options ) {
       const self = this;
-      Object.keys(options).forEach(function (key) {
-        self[key] = options[key];
-      });
+      Object.keys( options ).forEach( function ( key ) {
+        self[ key ] = options[ key ];
+      } );
     }
   }
 
-  private setSelected(item: TlItemSelectedDirective) {
-    this.keyManager.setActiveItem(item);
+  private setSelected( item: TlItemSelectedDirective ) {
+    this.keyManager.setActiveItem( item );
     this.itemSelectedService.itemSelected = item;
   }
 
-  stopEvent($event) {
+  stopEvent( $event ) {
     $event.preventDefault();
     $event.stopPropagation();
   }
 
-  handleKeyArrowDown($event) {
-    if (this.isOpen) {
-      this.stopEvent($event);
+  handleKeyArrowDown( $event ) {
+    this.handleEventOpenList( $event );
+    if ( !this.keyManager.activeItem ) {
+      this.keyManager.setFirstItemActive();
+      return;
     }
-    this.keyManager.onKeydown($event);
-    scrollIntoView(this.keyManager.activeItem.element.nativeElement);
+    this.keyManager.onKeydown( $event );
+    scrollIntoView( this.keyManager.activeItem.element.nativeElement );
+  }
 
+  handleKeyArrowUp( $event ) {
+    this.handleEventOpenList( $event );
+    if ( !this.keyManager.activeItem ) {
+      this.keyManager.setFirstItemActive();
+      return;
+    }
+    this.keyManager.onKeydown( $event );
+    scrollIntoView( this.keyManager.activeItem.element.nativeElement );
   }
 
-  handleKeyArrowUp($event) {
-    if (this.isOpen) {
-      this.stopEvent($event);
+  handleEventOpenList( $event ) {
+    if ( this.isOpen ) {
+      this.stopEvent( $event );
     }
-    this.keyManager.onKeydown($event);
-    scrollIntoView(this.keyManager.activeItem.element.nativeElement);
   }
 
-  handleKeyEscape($event) {
+  handleKeyEscape( $event ) {
     $event.stopPropagation();
-    this.setIsOpen(false);
+    this.setIsOpen( false );
   }
 
   handleBlur() {
-    if (this.keyManager.activeItem && this.isOpen) {
-      this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem);
-      this.setDescriptionValue(this.keyManager.activeItem.itemSelected[this.keyText]);
-      this.handleKeyModelValue(this.keyManager.activeItem.itemSelected);
+    if ( this.keyManager.activeItem && this.isOpen ) {
+      this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
+      this.setDescriptionValue( this.keyManager.activeItem.itemSelected[ this.keyText ] );
+      this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
     }
-    this.setIsOpen(false);
+    this.setIsOpen( false );
   }
 
   handleFocus() {
     this.focused = true;
-    if (this.openFocus && !this.keyManager.activeItem) {
-      this.setIsOpen(true);
+    if ( this.openFocus && !this.keyManager.activeItem ) {
+      this.setIsOpen( true );
     }
   }
 
@@ -314,55 +326,63 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
   }
 
   private getCompareModel() {
-    if (this.keyValue && !this.isModelModeString()) {
-      return this.model.value[this.keyValue];
+    if ( this.keyValue && !this.isModelModeString() ) {
+      return this.model.value[ this.keyValue ];
     }
-    if (!this.isModelModeString() && !this.keyValue) {
-      return this.model.value[this.identifier];
+    if ( !this.isModelModeString() && !this.keyValue ) {
+      return this.model.value[ this.identifier ];
     }
     return this.model.value;
   }
 
-  selectItem(value: any, item: TlItemSelectedDirective) {
-    this.setDescriptionValue(value[this.keyText]);
-    this.handleKeyModelValue(value);
+  selectItem( value: any, item: TlItemSelectedDirective ) {
+    this.setDescriptionValue( value[ this.keyText ] );
+    this.handleKeyModelValue( value );
     this.input.nativeElement.focus();
-    this.select.emit(value);
-    this.setIsOpen(false);
-    this.setSelected(item);
+    this.select.emit( value );
+    this.setIsOpen( false );
+    this.setSelected( item );
     this.change.detectChanges();
   }
 
-  private setUpData(value?) {
-    if (!this.dataSource) {
-      this.dataSource = new DataSourceList({
+  private setUpData( value? ) {
+    if ( !this.dataSource ) {
+      this.dataSource = new DataSourceList( {
         dataSource: value,
         pageSize: this.rowsPage,
         totalLength: this.totalLength,
         lazyMode: this.lazyMode
-      });
-      this.dataSource.addPage(0);
+      } );
+      this.listenLoadData();
+    }
+    this.dataSource.setData( value );
+    this.setNotFound( value.length === 0 );
+    this.setFirstItemActive();
+  }
+
+  private setFirstItemActive() {
+    if ( this.keyManager ) {
+      setTimeout( () => {
+        this.keyManager.setFirstItemActive();
+      }, 100 );
     }
-    this.listenLoadData();
-    this.setNotFound(false);
-    this.dataSource.setData(value);
   }
 
   private listenLoadData() {
-    if (!this.dataSource) {
+    if ( !this.dataSource ) {
       return;
     }
-    this.dataSource.loadMoreData.subscribe((data: any) => {
-      this.lazyLoad.emit({skip: data.skip, limit: data.limit, ...this.getFilters(this.searchControl.value)});
-    });
+    this.subscription.add(this.dataSource.loadMoreData.subscribe( ( data: any ) => {
+      this.lazyLoad.emit( { skip: data.skip, limit: data.limit, ...this.getFilters( this.searchControl.value ) } );
+    } ));
   }
 
-  onPositionChange($event: ConnectedOverlayPositionChange) {
+  onPositionChange( $event: ConnectedOverlayPositionChange ) {
     this.positionOverlay = $event.connectionPair.originY;
     this.change.detectChanges();
   }
 
-  private setIsOpen(value: boolean) {
+  private setIsOpen( value: boolean ) {
     this.isOpen = value;
   }
 
@@ -372,61 +392,59 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
     this.handleItemSelected();
   }
 
-  private getFilters(term: string) {
+  private getFilters( term: string ) {
     const fields = {};
-    fields[this.searchBy] = {matchMode: 'contains', value: term};
-    return {fields: fields, operator: 'or'};
+    fields[ this.searchBy ] = { matchMode: 'contains', value: term };
+    return { fields: fields, operator: 'or' };
   }
 
   private setScrollVirtual() {
     this.cdkVirtualScroll.elementRef.nativeElement.scrollTop = 0;
   }
 
-  onFilter($event) {
+  onFilter( $event ) {
     this.setScrollVirtual();
-    this.setFiltering(true);
-    if (this.lazyMode) {
-      this.filter.emit(this.getFilters($event));
+    this.setFiltering( true );
+    this.dataSource.resetPages();
+    if ( this.lazyMode ) {
+      this.filter.emit( this.getFilters( $event ) );
       return;
     }
-    if ($event) {
-      this.setUpData($event);
-      this.dataSource.dataStream.next($event);
-      setTimeout(() => {
-        this.setSelected(this.listItems.toArray()[0]);
-      }, 100);
+    if ( $event ) {
+      this.dataSource.setArray( $event );
+      this.setUpData( $event );
+      setTimeout( () => {
+        this.setSelected( this.listItems.toArray()[ 0 ] );
+      }, 100 );
       return;
     }
-    this.dataSource.dataStream.next([]);
-    this.setNotFound(true);
+    this.dataSource.setData( $event );
+    this.setNotFound( true );
   }
 
-  private setFiltering(value: boolean) {
+  private setFiltering( value: boolean ) {
     this.filtering = value;
   }
 
-  private setNotFound(value: boolean) {
+  private setNotFound( value: boolean ) {
     this.nothingFound = value;
   }
 
-  ngOnChanges({data, totalLength}: any) {
-    if (data && !data['firstChange'] && this.lazyMode) {
-      this.setUpData(data['currentValue']);
-      this.dataSource.dataStream.next(data['currentValue']);
-      return;
+  ngOnChanges( { data, totalLength }: any ) {
+    if ( totalLength && !totalLength[ 'firstChange' ] ) {
+      this.dataSource.setArray( totalLength[ 'currentValue' ] );
     }
-    if (data && data['currentValue']) {
-      this.setUpData(data['currentValue']);
+    if ( data && !data[ 'firstChange' ] && this.lazyMode ) {
+      this.setUpData( data[ 'currentValue' ] );
+      return;
     }
-    if (totalLength && !totalLength['firstChange']) {
-      this.dataSource.setArray(totalLength['currentValue']);
-    }
-    if (this.filtering) {
-      this.setUpData(data['currentValue']);
-      this.dataSource.addPage(0);
-      this.dataSource.dataStream.next(data['currentValue']);
-      this.listenLoadData();
+    if ( data && data[ 'currentValue' ] && !this.lazyMode ) {
+      this.setUpData( data[ 'currentValue' ] );
     }
   }
 
+  ngOnDestroy() {
+    this.subscription.unsubscribe();
+  }
+
 }
diff --git a/projects/truly-ui/src/components/core/classes/datasource-list.ts b/projects/truly-ui/src/components/core/classes/datasource-list.ts
index 284a346e4..5d60b7344 100644
--- a/projects/truly-ui/src/components/core/classes/datasource-list.ts
+++ b/projects/truly-ui/src/components/core/classes/datasource-list.ts
@@ -76,6 +76,11 @@ export class DataSourceList extends DataSource<string | undefined> {
     this.arrayTotal = Array.from<string>( { length: length || this.totalLength } );
   }
 
+  public resetPages() {
+    this.fetchedPages = new Set<number>();
+    this.fetchedPages.add(0);
+  }
+
   private setProprieties(config) {
     Object.keys(config).forEach((value) => {
       this[value] = config[value];
@@ -89,8 +94,8 @@ export class DataSourceList extends DataSource<string | undefined> {
   public setData(data: Array<any>) {
     this.cachedData = data;
     this.arrayTotal.splice(this.currentPage * this.pageSize, this.pageSize,
-      ...data);
-    this.dataStream.next(this.arrayTotal);
+        ...data);
+    this.dataStream.next( this.arrayTotal );
   }
 
   private getPageForIndex( index: number ): number {

From 996b0f82c846d9617b49cf9d88877d11ad139635 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 15:45:52 -0300
Subject: [PATCH 018/111] docs(autocomplete): update documentation.

---
 src/app/components/autocomplete/autocompletedemo.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/autocomplete/autocompletedemo.component.ts b/src/app/components/autocomplete/autocompletedemo.component.ts
index 09e36ba7a..bfc31e99f 100644
--- a/src/app/components/autocomplete/autocompletedemo.component.ts
+++ b/src/app/components/autocomplete/autocompletedemo.component.ts
@@ -89,7 +89,7 @@ export class AutoCompleteDemoComponent implements OnInit {
     const termo = event['fields']['firstName']['value'];
     setTimeout(() => {
       if (termo.length > 0) {
-        const filter = this.lazyCut.filter((item) => String(item.firstName).toLowerCase().includes(String(event.term).toLowerCase()));
+        const filter = this.lazyCut.filter((item) => String(item.firstName).toLowerCase().includes(String(termo).toLowerCase()));
         this.lazy = filter.splice(event.skip, event.limit);
         return;
       }

From cd8077b287b2a5756d13e57a192f7a09c226a8e8 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 16:05:58 -0300
Subject: [PATCH 019/111] refact(listbox): validate datasource on set up data.

---
 projects/truly-ui/src/components/listbox/listbox.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/listbox/listbox.ts b/projects/truly-ui/src/components/listbox/listbox.ts
index 77ac7e948..adf36f34e 100644
--- a/projects/truly-ui/src/components/listbox/listbox.ts
+++ b/projects/truly-ui/src/components/listbox/listbox.ts
@@ -186,7 +186,9 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
     } else {
       this.loading = false;
       this.nothingFound = true;
-      this.dataSource.dataStream.next([]);
+      if (this.dataSource) {
+        this.dataSource.dataStream.next([]);
+      }
     }
   }
 

From 8ce33e10a8ab909f01c7c0862ac7928922927b23 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 17:43:44 -0300
Subject: [PATCH 020/111] fix(autocomplete, multiselect): fix model changes to
 set as selected option.

---
 .../src/components/autocomplete/autocomplete.ts    | 14 ++++++++------
 .../src/components/multiselect/multiselect.ts      |  1 +
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index cf5ebc6a8..42e9df731 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -145,7 +145,9 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   ngAfterViewInit() {
     this.keyManager = new ActiveDescendantKeyManager( this.listItems );
-    this.handleModel();
+    this.listenModelChanges();
+    this.handleModelLazy();
+    this.handleModelCached();
     this.validateKeyValue();
     this.change.detectChanges();
   }
@@ -157,7 +159,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
     }
   }
 
-  private handleModel() {
+  private listenModelChanges() {
     this.model.valueChanges.subscribe( () => {
       if ( this.dataSource ) {
         this.handleModelLazy();
@@ -205,14 +207,14 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
   }
 
   private handleModelLazy() {
-    if ( this.model.value && this.lazyMode && !this.modelInitialized ) {
+    if ( this.value && this.lazyMode && !this.modelInitialized ) {
       if ( !this.isModelModeString() ) {
-        this.setDescriptionValue( this.model.value[ this.keyText ] );
+        this.setDescriptionValue( this.value[ this.keyText ] );
       } else {
         console.warn( 'The item provided is was not found, emitting filter' );
-        this.filter.emit( this.getFilters( this.model.value ) );
+        this.filter.emit( this.getFilters( this.value ) );
       }
-      this.handleKeyModelValue( this.model.value );
+      this.handleKeyModelValue( this.value );
     }
   }
 
diff --git a/projects/truly-ui/src/components/multiselect/multiselect.ts b/projects/truly-ui/src/components/multiselect/multiselect.ts
index 68e962917..a6a7a430c 100644
--- a/projects/truly-ui/src/components/multiselect/multiselect.ts
+++ b/projects/truly-ui/src/components/multiselect/multiselect.ts
@@ -150,6 +150,7 @@ export class TlMultiSelect extends ValueAccessorBase<any> implements OnInit, Aft
   }
 
   ngAfterViewInit() {
+    this.validateHasModel();
     this.setControl();
     this.setRequired();
     this.setDisabled();

From 7d5498aa625da14432c0d9d7842c714dbbea70ce Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 27 Feb 2019 18:00:29 -0300
Subject: [PATCH 021/111] fix(autocomplete): fix select on key enter not
 emitting the value.

---
 projects/truly-ui/src/components/autocomplete/autocomplete.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 42e9df731..161c08390 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -312,6 +312,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
       this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
       this.setDescriptionValue( this.keyManager.activeItem.itemSelected[ this.keyText ] );
       this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
+      this.select.emit( this.keyManager.activeItem.itemSelected );
     }
     this.setIsOpen( false );
   }

From c7e74d25e3c217d67104cb33e524373b004bbac3 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 28 Feb 2019 10:40:12 -0300
Subject: [PATCH 022/111] fix(autocomplete): fix model changes when the data is
 not available yet.

---
 .../components/autocomplete/autocomplete.ts   | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 161c08390..013ed7f62 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -147,7 +147,6 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
     this.keyManager = new ActiveDescendantKeyManager( this.listItems );
     this.listenModelChanges();
     this.handleModelLazy();
-    this.handleModelCached();
     this.validateKeyValue();
     this.change.detectChanges();
   }
@@ -223,14 +222,16 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
   }
 
   private handleModelCached() {
-    this.dataSource.getCachedData().forEach( ( value ) => {
-      if ( this.model.value ) {
-        if ( String( this.getItemCompare( value ) ) === String( this.getCompareModel() ) ) {
-          this.setDescriptionValue( value[ this.keyText ] );
-          this.handleKeyModelValue( value );
+    if ( this.dataSource && !this.lazyMode ) {
+      this.dataSource.getCachedData().forEach( ( value ) => {
+        if ( this.value ) {
+          if ( String( this.getItemCompare( value ) ) === String( this.getCompareModel() ) ) {
+            this.setDescriptionValue( value[ this.keyText ] );
+            this.handleKeyModelValue( value );
+          }
         }
-      }
-    } );
+      } );
+    }
   }
 
   private getItemCompare( value ) {
@@ -330,12 +331,12 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   private getCompareModel() {
     if ( this.keyValue && !this.isModelModeString() ) {
-      return this.model.value[ this.keyValue ];
+      return this.value[ this.keyValue ];
     }
     if ( !this.isModelModeString() && !this.keyValue ) {
-      return this.model.value[ this.identifier ];
+      return this.value[ this.identifier ];
     }
-    return this.model.value;
+    return this.value;
   }
 
   selectItem( value: any, item: TlItemSelectedDirective ) {
@@ -361,6 +362,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
     this.dataSource.setData( value );
     this.setNotFound( value.length === 0 );
     this.setFirstItemActive();
+    this.handleModelCached();
   }
 
   private setFirstItemActive() {
@@ -375,9 +377,9 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
     if ( !this.dataSource ) {
       return;
     }
-    this.subscription.add(this.dataSource.loadMoreData.subscribe( ( data: any ) => {
+    this.subscription.add( this.dataSource.loadMoreData.subscribe( ( data: any ) => {
       this.lazyLoad.emit( { skip: data.skip, limit: data.limit, ...this.getFilters( this.searchControl.value ) } );
-    } ));
+    } ) );
   }
 
   onPositionChange( $event: ConnectedOverlayPositionChange ) {

From 8dbac268d69958ca5b047a8bc67cf6f0314d0426 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Thu, 28 Feb 2019 14:22:43 -0300
Subject: [PATCH 023/111] doc: fix changelogs link

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1bf78fee8..38f7ddafd 100644
--- a/README.md
+++ b/README.md
@@ -55,7 +55,7 @@
 - ✨ Learn about it on the [docs site](http://truly-ui.com/)
 - 🚀 See it in action on [Stackblitz](https://stackblitz.com/edit/truly-ui-simple)
 - 😎 Checkout the [sample application](integration)
-- 📝 Learn about updates from the [changelog](CHANGELOG.md)
+- 📝 Learn about updates from the [changelog](https://github.com/TemainfoSoftware/truly-ui/releases)
 - 💬 Get to know the latest news first through [slack](https://trulyui.slack.com)
 
 

From f21affbbb60d59b321b27ff134d45fea8ac1b568 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 28 Feb 2019 15:24:49 -0300
Subject: [PATCH 024/111] feat(dropdownlist, overlaylist): add groupBy feature
 to allow items groups.

---
 .../components/dropdownlist/dropdownlist.html |  1 +
 .../components/dropdownlist/dropdownlist.ts   |  4 +-
 .../overlaylist/list-item/list-item.html      |  1 +
 .../overlaylist/list-item/list-item.ts        |  2 +
 .../components/overlaylist/overlay-list.html  | 44 ++++++++++-----
 .../components/overlaylist/overlay-list.scss  |  8 +++
 .../components/overlaylist/overlay-list.ts    | 55 +++++++++++++++++--
 7 files changed, 95 insertions(+), 20 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 06f9df948..a5d7d47a6 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -39,6 +39,7 @@
       [typeOfData]="typeOfData"
       [hasDefaultOption]="defaultOption"
       [defaultOptionText]="placeholder"
+      [groupBy]="groupBy"
       [optionSelected]="optionSelected"
       [inputModelIndex]="indexOptionSelectedModel"
       [datasource]="datasource"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index be1bc9a0f..c6d719192 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -83,6 +83,8 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'defaultOption' ) defaultOption = false;
 
+  @Input( 'groupBy' ) groupBy = null;
+
   @Input( 'width' ) width = '120px';
 
   @Input( 'placeholder' ) placeholder = 'Select Item';
@@ -187,7 +189,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   public handleOpenList( $event ) {
     this.stopEvent( $event );
-    if ( !this.isOpen && !this.disabled ) {
+    if ( !this.isOpen && !this.disabled && !this.isLoading ) {
       this.isOpen = true;
       this.setUpComponent();
     }
diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.html b/projects/truly-ui/src/components/overlaylist/list-item/list-item.html
index ace49f544..ad7bd9776 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.html
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.html
@@ -2,6 +2,7 @@
   <div class="ui-list-item"
        #listElement
        [class.selected]="selected"
+       [style.paddingLeft]="grouped ? '15px' : '5px'"
        [style.line-height]="height"
        [class.disabled]="disabled"
        [style.height]="height">
diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
index 07c021259..fc11f1654 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
@@ -33,6 +33,8 @@ export class TlListItem implements Highlightable {
 
   @Input() disabled = false;
 
+  @Input() grouped = true;
+
   @Input() height = '30px';
 
   public selected = false;
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.html b/projects/truly-ui/src/components/overlaylist/overlay-list.html
index 5a56ae847..2a7025ebc 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.html
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.html
@@ -10,22 +10,36 @@
     </div>
 
     <section class="dropdown-list-select"
-        (keydown)="handleKeyEvents($event)"
-        (keydown.space)="$event.preventDefault()"
-        (keydown.enter)="emitSelectOption(); $event.preventDefault()"
-        [style.maxHeight]="maxHeight"
-        tabindex="0">
-        <div class="ui-label-notfound" *ngIf="notFound">{{ emptyList }}</div>
-        <div *ngIf="hasDefaultOption"
-             tabindex="-1"
-             class="default-option"
-             (click)="defaultOptionClick()"
-             [style.lineHeight]="itemHeight" [style.height]="itemHeight">
-          <i *ngIf="defaultIcon" class="{{ defaultIcon }}"></i>
-          {{ defaultOptionText }}
-        </div>
-        <tl-list-item *ngFor="let item of datasource; let i = index"
+             (keydown)="handleKeyEvents($event)"
+             (keydown.space)="$event.preventDefault()"
+             (keydown.enter)="emitSelectOption(); $event.preventDefault()"
+             [style.maxHeight]="maxHeight"
+             tabindex="0">
+      <div class="ui-label-notfound" *ngIf="notFound">{{ emptyList }}</div>
+      <div *ngIf="hasDefaultOption"
+           tabindex="-1"
+           class="default-option"
+           (click)="defaultOptionClick()"
+           [style.lineHeight]="itemHeight" [style.height]="itemHeight">
+        <i *ngIf="defaultIcon" class="{{ defaultIcon }}"></i>
+        {{ defaultOptionText }}
+      </div>
+
+      <div *ngFor="let group of groups" class="group-list">
+        <span *ngIf="group.description" class="group-description">{{ group.description }}</span>
+        <tl-list-item *ngFor="let item of group.items; let i = index"
+                      [height]="itemHeight"
+                      (keydown)="handleSearchByLetter($event)"
+                      (keydown.enter)="handleClickOption(i, $event)"
+                      (click)="handleClickOption(i, $event)"
+                      [item]="item">
+          <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
+          {{ typeOfData === 'simple' ? item : item[keyText] }}
+        </tl-list-item>
+      </div>
+        <tl-list-item *ngFor="let item of unGrouped; let i = index"
                       [height]="itemHeight"
+                      [grouped]="false"
                       (keydown)="handleSearchByLetter($event)"
                       (keydown.enter)="handleClickOption(i, $event)"
                       (click)="handleClickOption(i, $event)"
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.scss b/projects/truly-ui/src/components/overlaylist/overlay-list.scss
index f84d0d945..04784ffbc 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.scss
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.scss
@@ -106,6 +106,14 @@ $default-outline: none;
   }
 }
 
+.group-list {
+  .group-description {
+    font-weight: 600;
+    color: #ababab;
+    padding: 0 5px;
+  }
+}
+
 .default-option {
   padding: 0 5px;
   > i {
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index 09523af72..e24926944 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -38,7 +38,15 @@ import { scrollIntoView } from '../core/helper/scrollIntoView';
 } )
 export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
 
-  @Input( 'datasource' ) datasource = [];
+  @Input( 'datasource' )
+  set dataSource(data) {
+    this._datasource = data;
+    this.getGroups();
+  }
+
+  get dataSource() {
+    return this._datasource;
+  }
 
   @Input( 'searchOnList' ) searchOnList = false;
 
@@ -52,7 +60,9 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
 
   @Input( 'keyText' ) keyText = 'text';
 
-  @Input() keyIcon = 'icon';
+  @Input( 'groupBy' ) groupBy = null;
+
+  @Input( 'keyIcon' ) keyIcon = 'icon';
 
   @Input( 'icon' ) icon = null;
 
@@ -90,6 +100,12 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
 
   public notFound = false;
 
+  public groups = [];
+
+  public unGrouped = [];
+
+  private _datasource = [];
+
   get emptyList() {
     return this.i18n.getLocale().OverlayList.emptyList;
   }
@@ -105,6 +121,36 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     this.keyManager.withWrap();
     this.handleActiveItem();
     this.handleModelOption();
+    this.getGroups();
+  }
+
+  getGroups() {
+    this.groups = [];
+    this.dataSource.forEach( ( value ) => {
+      if (!value[this.groupBy]) {
+        this.unGrouped = this.getItemsGroup(value[this.groupBy]);
+        return;
+      }
+      if ( !this.existGroup( value[ this.groupBy ] ) ) {
+        this.groups.push( {
+          description: value[ this.groupBy ],
+          items: this.getItemsGroup( value[ this.groupBy ] )
+        } );
+      }
+    } );
+  }
+
+  existGroup( group ) {
+    for ( const item of this.groups ) {
+      if ( item.description === group ) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  getItemsGroup( group ) {
+    return this.dataSource.filter( ( item ) => item[ this.groupBy ] === group);
   }
 
   handleCustomInputEvents() {
@@ -128,7 +174,7 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   }
 
   hasDataOnDataSource() {
-    return this.datasource.length > 0;
+    return this.dataSource.length > 0;
   }
 
   isKeyCodeEnter($event) {
@@ -211,10 +257,11 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
 
   keydownSearch( $event ) {
     this.search.emit( $event.target.value );
+    this.unGrouped = [];
   }
 
   setNotFound() {
-    this.notFound = this.datasource.length === 0;
+    this.notFound = this.dataSource.length === 0;
   }
 
   ngOnChanges(changes: SimpleChanges ) {

From a52c92c843d2a6a2b382cb61477373ce91fa4ca5 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 28 Feb 2019 16:21:21 -0300
Subject: [PATCH 025/111] refact(dropdownlist): remove properties not used.

---
 .../truly-ui/src/components/dropdownlist/dropdownlist.ts  | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index c6d719192..47cc8bf1b 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -55,14 +55,12 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'data' ) data: any[] = [];
 
-  @Input( 'keyText' ) keyText = 'keyText';
+  @Input( 'keyText' ) keyText = null;
 
   @Input( 'icon' ) icon = null;
 
   @Input( 'label' ) label: string;
 
-  @Input( 'showOnlyIcon' ) showOnlyIcon = false;
-
   @Input( 'debounceTime' ) debounceTime = 200;
 
   @Input( 'disabled' ) disabled = false;
@@ -79,8 +77,6 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'identifier' ) identifier = null;
 
-  @Input( 'preSelected' ) preSelected = '';
-
   @Input( 'defaultOption' ) defaultOption = false;
 
   @Input( 'groupBy' ) groupBy = null;
@@ -93,8 +89,6 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'searchOnList' ) searchOnList = false;
 
-  @Input( 'placeholderIcon' ) placeholderIcon = 'ion-navicon-round';
-
   @ContentChild( NgModel ) model: NgModel;
 
   @ContentChild( FormControlName ) controlName: FormControlName;

From 560ebc88ae0b4660f6de297780f7edcdbd0028b0 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 28 Feb 2019 16:24:33 -0300
Subject: [PATCH 026/111] refact(overlay-list): rename method of getGroups.

---
 .../truly-ui/src/components/overlaylist/overlay-list.ts    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index e24926944..401c9fe6a 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -41,7 +41,7 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   @Input( 'datasource' )
   set dataSource(data) {
     this._datasource = data;
-    this.getGroups();
+    this.getFilteredData();
   }
 
   get dataSource() {
@@ -121,11 +121,12 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     this.keyManager.withWrap();
     this.handleActiveItem();
     this.handleModelOption();
-    this.getGroups();
+    this.getFilteredData();
   }
 
-  getGroups() {
+  getFilteredData() {
     this.groups = [];
+    this.unGrouped = [];
     this.dataSource.forEach( ( value ) => {
       if (!value[this.groupBy]) {
         this.unGrouped = this.getItemsGroup(value[this.groupBy]);

From f4ba14e8d1adbec5709fef561d06aaa07d8ba868 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 28 Feb 2019 16:25:39 -0300
Subject: [PATCH 027/111] docs(dropdownlist): update documentation.

---
 .../dropdownlistdemo-dataproperties.json.ts   | 47 +++++++++--
 .../dropdownlistdemo.component.html           | 71 +++++++++++++----
 .../dropdownlistdemo.component.ts             | 78 ++++++++++---------
 3 files changed, 139 insertions(+), 57 deletions(-)

diff --git a/src/app/components/dropdownlist/dropdownlistdemo-dataproperties.json.ts b/src/app/components/dropdownlist/dropdownlistdemo-dataproperties.json.ts
index 281a4e077..2fe186175 100644
--- a/src/app/components/dropdownlist/dropdownlistdemo-dataproperties.json.ts
+++ b/src/app/components/dropdownlist/dropdownlistdemo-dataproperties.json.ts
@@ -9,17 +9,40 @@ export const dataProperties = [
   {
     name: 'keyText',
     type: 'string',
-    default: 'text',
+    default: 'null',
     description: 'Sets the data item field that represents the item text.',
     options: 'any text'
   },
+  {
+    name: 'identifier',
+    type: 'string',
+    default: 'null',
+    description: 'String key used to compare values when model mode is string.',
+    options: 'any text'
+  },
+  {
+    name: 'modelMode',
+    type: 'string',
+    default: 'object',
+    description: 'Operating mode of model values, some servers uses ID hash of value' +
+    ' fields and others the object itself. The model mode is used to compare value of models' +
+    ' with dropdown dataSource when angular is loading the form values.',
+    options: 'string | object'
+  },
   {
     name: 'keyValue',
     type: 'string',
-    default: 'value',
+    default: 'null',
     description: 'Sets the data item field that represents the item value.',
     options: 'any text'
   },
+  {
+    name: 'groupBy',
+    type: 'string',
+    default: 'null',
+    description: 'Key that would be used to group items',
+    options: 'any text'
+  },
   {
     name: 'icon',
     type: 'string',
@@ -44,7 +67,7 @@ export const dataProperties = [
   {
     name: 'labelSize',
     type: 'string',
-    default: '100',
+    default: '100px',
     description: 'Sets the label width.',
     options: 'px | % | em'
   },
@@ -65,7 +88,7 @@ export const dataProperties = [
   {
     name: 'width',
     type: 'string',
-    default: '87px',
+    default: '120px',
     description: 'Sets the width of Dropdown List.',
     options: 'px | % | em'
   },
@@ -76,10 +99,24 @@ export const dataProperties = [
     description: 'Handle if will have input search or not',
     options: 'true | false'
   },
+  {
+    name: 'defaultOption',
+    type: 'boolean',
+    default: 'false',
+    description: 'Handle if will have the null option',
+    options: 'true | false'
+  },
+  {
+    name: 'debounceTime',
+    type: 'boolean',
+    default: '200',
+    description: 'Delay of time used on searching',
+    options: 'number'
+  },
   {
     name: 'placeholder',
     type: 'string',
-    default: 'null',
+    default: 'Select item',
     description: 'Display a help text on dropdown list.',
     options: 'any text'
   },
diff --git a/src/app/components/dropdownlist/dropdownlistdemo.component.html b/src/app/components/dropdownlist/dropdownlistdemo.component.html
index 191e6d9c6..4f94f2b54 100644
--- a/src/app/components/dropdownlist/dropdownlistdemo.component.html
+++ b/src/app/components/dropdownlist/dropdownlistdemo.component.html
@@ -87,7 +87,7 @@ <h6>Placeholder</h6>
             <div class="col-md-6">
               <h6>Label</h6>
               <tl-dropdown-list [data]="data"
-                                [label]="'Label keyText'"
+                                [label]="'Label'"
                                 [labelSize]="'80px'"
                                 [keyText]="'textItem'"
                                 [keyValue]="'value'"
@@ -98,7 +98,7 @@ <h6>Label</h6>
 <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
 <tl-dropdown-list
   [data]="data"
-  [label]="'Label keyText'"
+  [label]="'Label'"
   [labelSize]="'80px'"
   [keyText]="'textItem'"
   [keyValue]="'value'"
@@ -107,7 +107,7 @@ <h6>Label</h6>
 </textarea>
             </div>
             <div class="col-md-6">
-              <h6>Height</h6>
+              <h6>Custom Height</h6>
               <tl-dropdown-list [data]="data"
                                 [placeholder]="'Select item'"
                                 [itemHeight]="'30px'"
@@ -131,11 +131,12 @@ <h6>Height</h6>
           </app-card>
           <app-card>
             <div class="col-md-6">
-              <h6>Width + Filter</h6>
+              <h6>Custom Width + Filter</h6>
               <tl-dropdown-list [data]="data"
                                 [placeholder]="'Select item'"
                                 [width]="'180px'"
                                 [searchOnList]="true"
+                                [groupBy]="'olhos'"
                                 [keyText]="'textItem'"
                                 [keyValue]="'value'"
                                 [(ngModel)]="itemSelected7">
@@ -170,9 +171,10 @@ <h6>Required</h6>
               <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
 <tl-dropdown-list
   [data]="data"
-  [label]="'Label keyText'"
+  [label]="'Label'"
   [labelSize]="'80px'"
-  [labelPlacement]="top"
+  [labelPlacement]="'top'"
+  required
   [keyText]="'textItem'"
   [keyValue]="'value'"
   [(ngModel)]="itemSelected9">
@@ -196,11 +198,52 @@ <h6>Disabled</h6>
             </div>
             <div class="col-md-6">
               <h6>Simple Data</h6>
-              <tl-dropdown-list [data]="simpleData" [(ngModel)]="itemSelected8"></tl-dropdown-list>
-              <app-showcase-returned-value [value]="itemSelected8 | json"></app-showcase-returned-value>
+              <tl-dropdown-list [data]="[ 'Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5' ]" [(ngModel)]="itemSelected8"></tl-dropdown-list>
               <div class="spacer"></div>
               <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
-<tl-dropdown-list [data]="simpleData" [(ngModel)]="itemSelected8"></tl-dropdown-list>
+<tl-dropdown-list [data]="[ 'Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5' ]" [(ngModel)]="itemSelected8"></tl-dropdown-list>
+</textarea>
+            </div>
+          </app-card>
+          <app-card>
+            <div class="col-md-6">
+              <h6>GroupBy</h6>
+              <tl-dropdown-list [data]="groupData"
+                                [placeholder]="'Select item'"
+                                [keyText]="'textItem'"
+                                [groupBy]="'gender'"
+                                [keyValue]="'value'">
+              </tl-dropdown-list>
+              <div class="spacer"></div>
+<textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
+<tl-dropdown-list
+  [data]="groupData"
+  [placeholder]="'Select item'"
+  [keyText]="'textItem'"
+  [groupBy]="'gender'"
+  [keyValue]="'value'">
+</tl-dropdown-list>
+</textarea>
+            </div>
+            <div class="col-md-6">
+              <h6>Custom With Icon</h6>
+              <tl-dropdown-list [data]="dataWithIcon"
+                                [placeholder]="'Select item'"
+                                [keyText]="'textItem'"
+                                [icon]="'icon'"
+                                [groupBy]="'gender'"
+                                [keyValue]="'value'">
+              </tl-dropdown-list>
+              <div class="spacer"></div>
+              <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
+<tl-dropdown-list
+  [data]="groupData"
+  [placeholder]="'Select item'"
+  [keyText]="'textItem'"
+  [icon]="'icon'"
+  [groupBy]="'gender'"
+  [keyValue]="'value'">
+</tl-dropdown-list>
 </textarea>
             </div>
           </app-card>
@@ -208,18 +251,14 @@ <h6>Simple Data</h6>
         <app-showcase-card [title]="'Important'" [icon]="'ion ion-ios-information-circle'">
           <app-card>
             <div class="col-12">
-              <h4>Use DropdownList As Simple Array</h4>
+              <h5>Use DropdownList As Simple Array</h5>
               <h6>There's <code>TWO</code> ways to use DropdownList, the first one is using an <code>Simple Array of Objects</code>, passing only the data that
                 you want to. For Example:</h6>
               <textarea highlight-js [options]="{}" [lang]="'typescript'">
-[
-  { 'William', 'King', 'contact@domain.com' },
-  { 'James', 'King', 'contact@domain.com' },
-  { 'Anne', 'King', 'contact@domain.com' },
-];
+[ 'William', 'James', 'Anne', 'Sara' ]
     </textarea>
               <hr>
-              <h4>Use DropdownList As Complex Array</h4>
+              <h5>Use DropdownList As Complex Array</h5>
               <h6>The other one is a <code>Complex Array of Objects</code> where you <code>must</code> pass a pattern to the component.</h6>
               <code> Note: The Keys inside those objects can be custom, referenced through the properties.</code>
               <textarea highlight-js [options]="{}" [lang]="'typescript'">
diff --git a/src/app/components/dropdownlist/dropdownlistdemo.component.ts b/src/app/components/dropdownlist/dropdownlistdemo.component.ts
index 8a9c6d27d..9dafbeb37 100644
--- a/src/app/components/dropdownlist/dropdownlistdemo.component.ts
+++ b/src/app/components/dropdownlist/dropdownlistdemo.component.ts
@@ -3,9 +3,9 @@ import { Component } from '@angular/core';
 import * as json from './dropdownlistdemo-dataproperties.json';
 
 @Component( {
-  selector : 'app-dropdown-list',
-  templateUrl : './dropdownlistdemo.component.html',
-  styleUrls : [ './dropdownlistdemo.component.scss' ]
+  selector: 'app-dropdown-list',
+  templateUrl: './dropdownlistdemo.component.html',
+  styleUrls: [ './dropdownlistdemo.component.scss' ]
 } )
 export class DropDownListDemoComponent {
 
@@ -29,50 +29,56 @@ export class DropDownListDemoComponent {
 
   public itemSelected9: any;
 
-  public data: any[];
+  public data = [];
 
-  public bigData: any[];
+  public bigData = [];
 
-  public dataWidthIcon: any[];
+  public groupData = [];
 
-  public simpleData: any[];
+  public dataWithIcon = [];
 
   constructor() {
     this.dataTableProperties = json.dataProperties;
     this.data = [
-      { textItem : 'Wallace', value : '1' },
-      { textItem : 'Wilson', value : '2' },
-      { textItem : 'Wanda', value : '3' },
-      { textItem : 'Wanderson', value : '4' },
-      { textItem : 'Wanderlei', value : '5' }
+      { textItem: 'Wallace', value: '1' },
+      { textItem: 'Wilson', value: '2' },
+      { textItem: 'Wanda', value: '3' },
+      { textItem: 'Wanderlei', value: '5' }
     ];
     this.bigData = [
-      { textItem : 'Item 1', value : '1' },
-      { textItem : 'Item 2', value : '2' },
-      { textItem : 'Item 3', value : '3' },
-      { textItem : 'Item 4', value : '4' },
-      { textItem : 'Item 5', value : '5' },
-      { textItem : 'Item 6', value : '6' },
-      { textItem : 'Item 7', value : '7' },
-      { textItem : 'Item 8', value : '8' },
-      { textItem : 'Item 9', value : '9' },
-      { textItem : 'Item 10', value : '10' },
-      { textItem : 'Item 11', value : '11' },
-      { textItem : 'Item 12', value : '12' },
-      { textItem : 'Item 13', value : '13' },
-      { textItem : 'Item 14', value : '14' },
-      { textItem : 'Item 15', value : '15' },
-      { textItem : 'Item 16', value : '16' }
+      { textItem: 'Item 1', value: '1' },
+      { textItem: 'Item 2', value: '2' },
+      { textItem: 'Item 3', value: '3' },
+      { textItem: 'Item 4', value: '4' },
+      { textItem: 'Item 5', value: '5' },
+      { textItem: 'Item 6', value: '6' },
+      { textItem: 'Item 7', value: '7' },
+      { textItem: 'Item 8', value: '8' },
+      { textItem: 'Item 9', value: '9' },
+      { textItem: 'Item 10', value: '10' },
+      { textItem: 'Item 11', value: '11' },
+      { textItem: 'Item 12', value: '12' },
+      { textItem: 'Item 13', value: '13' },
+      { textItem: 'Item 14', value: '14' },
+      { textItem: 'Item 15', value: '15' },
+      { textItem: 'Item 16', value: '16' }
     ];
-    this.dataWidthIcon = [
-      { textItem : 'Contains', value : '1', icon: 'fa fa-arrows' },
-      { textItem : 'Does not Contains', value : '2', icon: 'fa fa-arrows-v' },
-      { textItem : 'Ends Withs', value : '3', icon: 'fa fa-bus' },
-      { textItem : 'Equals', value : '4', icon: 'fa fa-circle' },
-      { textItem : 'Not Equals', value : '5', icon: 'fa fa-external-link' },
-      { textItem : 'Reset', value : '6', icon: 'ion-help-buoy' }
+    this.groupData = [
+      { textItem: 'Aline', value: '1', gender: 'Female' },
+      { textItem: 'Anne', value: '2',  gender: 'Female' },
+      { textItem: 'Laura', value: '3',  gender: 'Female' },
+      { textItem: 'Wilson', value: '4',  gender: 'Male' },
+      { textItem: 'Wanda', value: '5',  gender: 'Female' },
+      { textItem: 'Wanderlei', value: '6',  gender: 'Male' }
+    ];
+    this.dataWithIcon = [
+      { textItem: 'Contains', value: '1', icon: 'fa fa-arrows' },
+      { textItem: 'Does not Contains', value: '2', icon: 'fa fa-arrows-v' },
+      { textItem: 'Ends Withs', value: '3', icon: 'fa fa-bus' },
+      { textItem: 'Equals', value: '4', icon: 'fa fa-circle' },
+      { textItem: 'Not Equals', value: '5', icon: 'fa fa-external-link' },
+      { textItem: 'Reset', value: '6', icon: 'ion-help-buoy' }
     ];
-    this.simpleData = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5' ];
   }
 
 }

From f5a895025ec51bada2195c4df6cac8163eed186c Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 28 Feb 2019 17:29:18 -0300
Subject: [PATCH 028/111] refact(overlay-list): add object path to get values
 of nested objects.

---
 .../components/dropdownlist/dropdownlist.ts   | 21 +++++++++++--------
 .../components/overlaylist/overlay-list.html  |  4 ++--
 .../components/overlaylist/overlay-list.ts    | 21 +++++++++++++------
 3 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index 47cc8bf1b..e079e2843 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -31,6 +31,8 @@ import {
   ElementRef, OnChanges
 } from '@angular/core';
 
+import * as objectPath from 'object-path';
+
 import { debounceTime } from 'rxjs/internal/operators';
 import { MakeProvider } from '../core/base/value-accessor-provider';
 import { Subject } from 'rxjs';
@@ -143,7 +145,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     if (this.typeOfData === 'simple') {
       return item;
     }
-    return item[ this.keyText ];
+    return objectPath.get(item, this.keyText);
   }
 
   onKeyDown( $event ) {
@@ -165,7 +167,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
   onSelectOption( $event: ListItemInterface ) {
     this.isOpen = false;
     this.optionSelected = $event;
-    this.selectedDescription = this.isSimpleData() ? $event.option.item : $event.option.item[ this.keyText ];
+    this.selectedDescription = this.isSimpleData() ? $event.option.item : objectPath.get($event.option.item, this.keyText );
     this.handleKeyModelValue( $event.option.item );
     this.setInputFocus();
   }
@@ -236,7 +238,8 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     if ( !this.keyValue ) {
       return this.value = itemValue;
     }
-    return this.value = itemValue[ this.keyValue ];
+    return this.value = objectPath.get(itemValue, this.keyValue);
+    console.log('val', this.value);
   }
 
   private getModelValue() {
@@ -269,12 +272,12 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
       return this.getModel().value;
     }
     if ( !this.keyValue ) {
-      return this.getModel().value[ this.identifier ];
+      return objectPath.get(this.getModel().value, this.identifier);
     }
     if ( this.isModelModeString() ) {
       return this.getModel().value;
     }
-    return this.getModel().value[ this.keyValue ];
+    return objectPath.get(this.getModel().value, this.keyValue);
   }
 
   private getCompare( value ) {
@@ -282,16 +285,16 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
       return value;
     }
     if ( !this.keyValue ) {
-      return value[ this.identifier ];
+      return objectPath.get(value, this.identifier);
     }
-    return value[ this.keyValue ];
+    return objectPath.get(value, this.keyValue );
   }
 
   private getDescription( value ) {
     if ( this.isSimpleData() ) {
       return value;
     }
-    return value[ this.keyText ];
+    return objectPath.get(value, this.keyText );
   }
 
   private handleSelectInLetter( keyInput: string ) {
@@ -324,7 +327,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
   }
 
   private getFirstLetterOfItem( item ): string {
-    return String( item[ this.keyText ] ).substring( 0, 1 ).toLowerCase();
+    return String( objectPath.get(item, this.keyText ) ).substring( 0, 1 ).toLowerCase();
   }
 
   ngOnChanges( changes ) {
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.html b/projects/truly-ui/src/components/overlaylist/overlay-list.html
index 2a7025ebc..e775ae181 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.html
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.html
@@ -34,7 +34,7 @@
                       (click)="handleClickOption(i, $event)"
                       [item]="item">
           <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
-          {{ typeOfData === 'simple' ? item : item[keyText] }}
+          {{ getItemText(item) }}
         </tl-list-item>
       </div>
         <tl-list-item *ngFor="let item of unGrouped; let i = index"
@@ -45,7 +45,7 @@
                       (click)="handleClickOption(i, $event)"
                       [item]="item">
           <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
-          {{ typeOfData === 'simple' ? item : item[keyText] }}
+          {{ getItemText(item) }}
         </tl-list-item>
     </section>
   </div>
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index 401c9fe6a..e46a10503 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -30,6 +30,7 @@ import { TlInput } from '../input/input';
 import { I18nService } from '../i18n/i18n.service';
 import { ListItemInterface } from '../dropdownlist/interfaces/list-item';
 import { scrollIntoView } from '../core/helper/scrollIntoView';
+import * as objectPath from 'object-path';
 
 @Component( {
   selector: 'tl-overlay-list',
@@ -127,15 +128,19 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   getFilteredData() {
     this.groups = [];
     this.unGrouped = [];
+    if (!this.groupBy) {
+      this.unGrouped = this.dataSource;
+      return;
+    }
     this.dataSource.forEach( ( value ) => {
-      if (!value[this.groupBy]) {
-        this.unGrouped = this.getItemsGroup(value[this.groupBy]);
+      if (!objectPath.get(value, this.groupBy)) {
+        this.unGrouped = this.getItemsGroup(objectPath.get(value, this.groupBy));
         return;
       }
-      if ( !this.existGroup( value[ this.groupBy ] ) ) {
+      if ( !this.existGroup( objectPath.get(value, this.groupBy) ) ) {
         this.groups.push( {
-          description: value[ this.groupBy ],
-          items: this.getItemsGroup( value[ this.groupBy ] )
+          description: objectPath.get(value, this.groupBy),
+          items: this.getItemsGroup( objectPath.get(value, this.groupBy) )
         } );
       }
     } );
@@ -150,8 +155,12 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     return false;
   }
 
+  getItemText(item) {
+    return this.typeOfData === 'simple' ? item : objectPath.get(item, this.keyText);
+  }
+
   getItemsGroup( group ) {
-    return this.dataSource.filter( ( item ) => item[ this.groupBy ] === group);
+    return this.dataSource.filter( ( item ) => objectPath.get(item, this.groupBy) === group);
   }
 
   handleCustomInputEvents() {

From d1ce57ff3f14c21a1faeaedad7ca26b10bb60643 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 1 Mar 2019 11:16:33 -0300
Subject: [PATCH 029/111] fix(dropdownlist): fix dropdown not setting custom
 width.

---
 projects/truly-ui/src/components/dropdownlist/dropdownlist.html | 2 +-
 projects/truly-ui/src/components/dropdownlist/dropdownlist.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index a5d7d47a6..1a5b2bcdc 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -1,4 +1,4 @@
-<div class="ui-dropdown-box"  [ngStyle]="{'line-height' : itemHeight}">
+<div class="ui-dropdown-box"  [ngStyle]="{'line-height' : itemHeight, 'width': width}">
   <tl-icon *ngIf="isLoading" [lib]="'fa'" [animation]="'spin'">spinner</tl-icon>
   <tl-label *ngIf="label"
             [style.display]="labelPlacement === 'left' ? 'table-cell' : 'block'"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index e079e2843..80c5c4aa9 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -83,7 +83,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'groupBy' ) groupBy = null;
 
-  @Input( 'width' ) width = '120px';
+  @Input( 'width' ) width = '100%';
 
   @Input( 'placeholder' ) placeholder = 'Select Item';
 

From 4ec5bc0ef20fa2c9ae358c4ad373f5686d8bea02 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 1 Mar 2019 11:19:08 -0300
Subject: [PATCH 030/111] refact(autocomplete): add object path functionality
 to autocomplete.

---
 .../components/autocomplete/autocomplete.html |  2 +-
 .../components/autocomplete/autocomplete.ts   | 30 +++++++++++--------
 .../components/filter/filter-container.ts     |  4 ++-
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index 34df66af4..d74ef87e0 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -52,7 +52,7 @@
                (mousedown)="selectItem(item, select)"
                class="ui-list-item">
             <span *ngIf="item; else loading">
-              {{ item[ keyText ] }}
+              {{ getItemText(item) }}
             </span>
           </div>
         </cdk-virtual-scroll-viewport>
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 013ed7f62..761347ae9 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -39,13 +39,15 @@ import { scrollIntoView } from '../core/helper/scrollIntoView';
 import { SelectedItemService } from './services/selected-item.service';
 import { Subscription } from 'rxjs';
 
+import * as objectPath from 'object-path';
+
 @Component( {
   selector: 'tl-autocomplete',
   templateUrl: './autocomplete.html',
   styleUrls: [ './autocomplete.scss' ],
   providers: [ MakeProvider( TlAutoComplete ), SelectedItemService ],
 } )
-export class TlAutoComplete extends ElementBase<string> implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChanges, OnDestroy, AfterViewInit {
 
   @Input( 'data' )
   set data( value ) {
@@ -208,7 +210,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
   private handleModelLazy() {
     if ( this.value && this.lazyMode && !this.modelInitialized ) {
       if ( !this.isModelModeString() ) {
-        this.setDescriptionValue( this.value[ this.keyText ] );
+        this.setDescriptionValue( objectPath.get(this.value, this.keyText ) );
       } else {
         console.warn( 'The item provided is was not found, emitting filter' );
         this.filter.emit( this.getFilters( this.value ) );
@@ -226,7 +228,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
       this.dataSource.getCachedData().forEach( ( value ) => {
         if ( this.value ) {
           if ( String( this.getItemCompare( value ) ) === String( this.getCompareModel() ) ) {
-            this.setDescriptionValue( value[ this.keyText ] );
+            this.setDescriptionValue( objectPath.get(value, this.keyText ) );
             this.handleKeyModelValue( value );
           }
         }
@@ -236,23 +238,23 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   private getItemCompare( value ) {
     if ( !this.keyValue || this.isModelModeString() ) {
-      return value[ this.identifier ];
+      return objectPath.get(value, this.identifier );
     }
-    return value[ this.keyValue ];
+    return objectPath.get(value, this.keyValue);
   }
 
   private handleKeyModelValue( value ) {
     this.modelInitialized = true;
     if ( !this.isModelModeString() && this.keyValue ) {
-      this.value = value[ this.keyValue ];
+      this.value = objectPath.get(value, this.keyValue );
       return;
     }
     if ( this.isModelModeString() && !this.keyValue ) {
-      this.value = value[ this.identifier ];
+      this.value = objectPath.get(value, this.identifier );
       return;
     }
     if ( this.isModelModeString() && this.keyValue ) {
-      this.value = value[ this.keyValue ];
+      this.value = objectPath.get(value, this.keyValue );
       return;
     }
     this.value = value;
@@ -311,7 +313,7 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
   handleBlur() {
     if ( this.keyManager.activeItem && this.isOpen ) {
       this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
-      this.setDescriptionValue( this.keyManager.activeItem.itemSelected[ this.keyText ] );
+      this.setDescriptionValue( objectPath.get(this.keyManager.activeItem.itemSelected, this.keyText ) );
       this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
       this.select.emit( this.keyManager.activeItem.itemSelected );
     }
@@ -331,16 +333,16 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
 
   private getCompareModel() {
     if ( this.keyValue && !this.isModelModeString() ) {
-      return this.value[ this.keyValue ];
+      return objectPath.get(this.value, this.keyValue);
     }
     if ( !this.isModelModeString() && !this.keyValue ) {
-      return this.value[ this.identifier ];
+      return objectPath.get(this.value, this.identifier );
     }
     return this.value;
   }
 
   selectItem( value: any, item: TlItemSelectedDirective ) {
-    this.setDescriptionValue( value[ this.keyText ] );
+    this.setDescriptionValue( objectPath.get(value, this.keyText ) );
     this.handleKeyModelValue( value );
     this.input.nativeElement.focus();
     this.select.emit( value );
@@ -391,6 +393,10 @@ export class TlAutoComplete extends ElementBase<string> implements OnInit, OnCha
     this.isOpen = value;
   }
 
+  getItemText(item) {
+    return objectPath.get(item, this.keyText);
+  }
+
   toggleIsOpen() {
     this.isOpen = !this.isOpen;
     this.input.nativeElement.focus();
diff --git a/projects/truly-ui/src/components/core/components/filter/filter-container.ts b/projects/truly-ui/src/components/core/components/filter/filter-container.ts
index a443eee6d..cbdb110ae 100644
--- a/projects/truly-ui/src/components/core/components/filter/filter-container.ts
+++ b/projects/truly-ui/src/components/core/components/filter/filter-container.ts
@@ -26,6 +26,8 @@ import {
 import { Subject } from 'rxjs';
 import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
 
+import * as objectPath from 'object-path';
+
 @Component( {
   selector: 'tl-filter-container',
   template: `
@@ -80,7 +82,7 @@ export class TlFilterContainer implements AfterContentInit, OnDestroy {
     }
     const filtered = [];
     this.source.forEach( ( value ) => {
-      if ( String( value[ this.searchBy ].toLowerCase() ).indexOf( String( searchTerm.toLowerCase().trim() ) ) > -1 ) {
+      if ( String( objectPath.get( value, this.searchBy ).toLowerCase() ).indexOf( String( searchTerm.toLowerCase().trim() ) ) > -1 ) {
         filtered.push( value );
       }
     } );

From 6bbdaeada025a401bc120ab4894091f13be65924 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 1 Mar 2019 12:08:18 -0300
Subject: [PATCH 031/111] fix(dropdownlist): fix arrow alignment when label
 placement is "top".

---
 .../dropdownlist/dropdownlist-theme.scss      |  4 +-
 .../components/dropdownlist/dropdownlist.html |  5 +-
 .../components/dropdownlist/dropdownlist.scss | 68 ++++++++++---------
 3 files changed, 43 insertions(+), 34 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist-theme.scss b/projects/truly-ui/src/components/dropdownlist/dropdownlist-theme.scss
index 0661b9b92..0b102df2e 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist-theme.scss
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist-theme.scss
@@ -8,11 +8,11 @@
 
   .ui-dropdown-box {
 
-    > .ui-dropdown-icon.ng-invalid {
+    .ui-dropdown-icon.ng-invalid {
       color: rgba(map-deep-get($danger, "default", "background"), 0.5) !important;
     }
 
-    > .ui-dropdown-wrapper {
+    .ui-dropdown {
       background: map-deep-get($basic, "default", "background");
       border: 1px solid map-deep-get($basic, "default", "border");
 
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 1a5b2bcdc..7741dae98 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -6,6 +6,7 @@
             [labelSize]="labelSize"
             [labelTitle]="label">
   </tl-label>
+  <div class="ui-dropdown-wrapper">
   <input cdkOverlayOrigin
          #wrapper
          readonly
@@ -16,12 +17,14 @@
          value="{{ selectedDescription ? selectedDescription : placeholder }}"
          [ngClass]="{ 'ng-invalid' : model?.invalid || controlName?.invalid }"
          [ngStyle]="{'height' : itemHeight, 'line-height' : itemHeight}"
-         class="ui-dropdown-wrapper">
+         class="ui-dropdown">
         <div class="ui-dropdown-icon"
+             [style.height]="itemHeight"
              [style.transform]="isOpen ? 'rotate(180deg)' : 'rotate(0)'"
              [ngClass]="{ 'disabled': disabled, 'ng-invalid' : model?.invalid || controlName?.invalid }">
           <tl-icon [lib]="'ion'" [style]="'ios'">arrow-down</tl-icon>
         </div>
+  </div>
   <input readonly notform class="ui-hidden-input" [(ngModel)]="value">
   <ng-template cdkConnectedOverlay
                (backdropClick)="isOpen = false"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss b/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
index 2a8cc996b..e2182f4d2 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
@@ -18,45 +18,51 @@ $button-font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
   position: relative;
   display: table;
 
-  > tl-icon {
-    position: absolute;
-    right: 30px;
-    opacity: 0.3;
-  }
-
-  > .ui-dropdown-wrapper {
-    border-radius:3px;
-    width: 100%;
-    color: #666;
-    padding-left: 5px;
-    cursor: pointer;
-    font-size: $default-fontSize;
-    font-family: $default-fontFamily;
-    font-weight: normal;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-  > .ui-dropdown-icon {
-    position: absolute;
-    top: 0;
-    right: 10px;
-    text-align: center;
-    font-size: $default-fontSize;
-    font-family: $default-fontFamily;
-    font-weight: normal;
-    transition: transform linear 200ms;
-    pointer-events: none;
-    i {
-      padding: 0;
+  >.ui-dropdown-wrapper {
+    position: relative;
+    >.ui-dropdown {
+      border-radius: 3px;
+      width: 100%;
+      color: #666;
+      padding-left: 5px;
+      cursor: pointer;
+      font-size: $default-fontSize;
+      font-family: $default-fontFamily;
+      font-weight: normal;
+      user-select: none;
+      -webkit-user-select: none;
+    }
+    >.ui-dropdown-icon {
+      position: absolute;
+      top: 0;
+      width: 20px;
+      right: 10px;
+      text-align: center;
+      font-size: $default-fontSize;
+      font-family: $default-fontFamily;
+      font-weight: normal;
+      transition: transform linear 200ms;
+      pointer-events: none;
+      i {
+        padding: 0;
+      }
     }
   }
-  > .ui-hidden-input {
+
+  >.ui-hidden-input {
     position: absolute;
     left: 0;
     opacity: 0;
     width: 0;
     bottom: 0;
   }
+
+  tl-icon {
+    position: absolute;
+    right: 5px;
+    opacity: 0.5;
+  }
+
 }
 
 

From 39df7c8b1f46fc71a0400eec85f2a25c618dd2d6 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 1 Mar 2019 15:40:48 -0300
Subject: [PATCH 032/111] doc: fix intall documentation

---
 README.md                                              | 2 +-
 src/app/getting-started/getting-started.component.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 38f7ddafd..254145764 100644
--- a/README.md
+++ b/README.md
@@ -93,7 +93,7 @@ We assume that you have already installed the following packages at least and ar
 
     ```
     "styles": [
-          src/styles.css",
+          "src/styles.css",
           ...
           "node_modules/@angular/cdk/overlay-prebuilt.css",
           "node_modules/truly-ui/css/icons/dx-icons/css/icons.scss",
diff --git a/src/app/getting-started/getting-started.component.html b/src/app/getting-started/getting-started.component.html
index e0b147415..438a2edec 100644
--- a/src/app/getting-started/getting-started.component.html
+++ b/src/app/getting-started/getting-started.component.html
@@ -35,7 +35,7 @@ <h3>Installation</h3>
             <p>Inside the <code>angular.json</code> file add the following paths to the <code>styles</code> key</p>
             <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'typescript'">
 "styles": [
-  src/styles.css",
+  "src/styles.css",
   ...
   "node_modules/@angular/cdk/overlay-prebuilt.css",
   "node_modules/truly-ui/css/icons/dx-icons/css/icons.scss",

From 9477416b15241d1d974279d16d8efbc58b0e540f Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 1 Mar 2019 15:55:00 -0300
Subject: [PATCH 033/111] fix(overlay-list): fix overlay list not selecting
 items correctly when with groups.

---
 .../components/overlaylist/list-item/list-item.ts  |  1 +
 .../src/components/overlaylist/overlay-list.html   | 14 ++++++++------
 .../src/components/overlaylist/overlay-list.ts     | 10 +++++++---
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
index fc11f1654..0cc906468 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
@@ -26,6 +26,7 @@ import { Highlightable } from '@angular/cdk/a11y';
   selector: 'tl-list-item',
   templateUrl: './list-item.html',
   styleUrls: [ './list-item.scss' ],
+  exportAs: 'listItem'
 } )
 export class TlListItem implements Highlightable {
 
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.html b/projects/truly-ui/src/components/overlaylist/overlay-list.html
index e775ae181..edf886288 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.html
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.html
@@ -27,22 +27,24 @@
 
       <div *ngFor="let group of groups" class="group-list">
         <span *ngIf="group.description" class="group-description">{{ group.description }}</span>
-        <tl-list-item *ngFor="let item of group.items; let i = index"
+        <tl-list-item *ngFor="let item of group.items"
                       [height]="itemHeight"
+                      #listItem="listItem"
                       (keydown)="handleSearchByLetter($event)"
-                      (keydown.enter)="handleClickOption(i, $event)"
-                      (click)="handleClickOption(i, $event)"
+                      (keydown.enter)="handleClickOption($event, listItem)"
+                      (click)="handleClickOption($event, listItem)"
                       [item]="item">
           <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
           {{ getItemText(item) }}
         </tl-list-item>
       </div>
-        <tl-list-item *ngFor="let item of unGrouped; let i = index"
+        <tl-list-item *ngFor="let item of unGrouped"
                       [height]="itemHeight"
                       [grouped]="false"
+                      #listItem="listItem"
                       (keydown)="handleSearchByLetter($event)"
-                      (keydown.enter)="handleClickOption(i, $event)"
-                      (click)="handleClickOption(i, $event)"
+                      (keydown.enter)="handleClickOption($event, listItem)"
+                      (click)="handleClickOption($event, listItem)"
                       [item]="item">
           <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
           {{ getItemText(item) }}
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index e46a10503..cea51c288 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -107,6 +107,8 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
 
   private _datasource = [];
 
+  private numberItems = 0;
+
   get emptyList() {
     return this.i18n.getLocale().OverlayList.emptyList;
   }
@@ -160,7 +162,9 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   }
 
   getItemsGroup( group ) {
-    return this.dataSource.filter( ( item ) => objectPath.get(item, this.groupBy) === group);
+    const filter = this.dataSource.filter( ( item ) => objectPath.get(item, this.groupBy) === group);
+    this.numberItems += filter.length;
+    return filter;
   }
 
   handleCustomInputEvents() {
@@ -243,9 +247,9 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     this.findByLetter.emit($event.key);
   }
 
-  handleClickOption( index: number, $event ) {
+  handleClickOption( $event, item: TlListItem ) {
     this.stopEvent($event);
-    this.keyManager.setActiveItem( index );
+    this.keyManager.setActiveItem( item );
     this.emitSelectOption();
   }
 

From 5369ef9bb322472b67af692d393e89cc726065bd Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 1 Mar 2019 15:59:07 -0300
Subject: [PATCH 034/111] docs(app-card): rename files of showcase card

---
 .../showcase-card/card/card.component.ts          | 15 ---------------
 ...ent.html => showcase-card-item.component.html} |  0
 ...ent.scss => showcase-card-item.component.scss} |  0
 .../card/showcase-card-item.component.ts          | 15 +++++++++++++++
 .../showcase-card/showcase-card.module.ts         |  6 +++---
 5 files changed, 18 insertions(+), 18 deletions(-)
 delete mode 100644 src/app/shared/components/showcase-card/card/card.component.ts
 rename src/app/shared/components/showcase-card/card/{card.component.html => showcase-card-item.component.html} (100%)
 rename src/app/shared/components/showcase-card/card/{card.component.scss => showcase-card-item.component.scss} (100%)
 create mode 100644 src/app/shared/components/showcase-card/card/showcase-card-item.component.ts

diff --git a/src/app/shared/components/showcase-card/card/card.component.ts b/src/app/shared/components/showcase-card/card/card.component.ts
deleted file mode 100644
index 35d735959..000000000
--- a/src/app/shared/components/showcase-card/card/card.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-
-@Component({
-  selector: 'app-card',
-  templateUrl: './card.component.html',
-  styleUrls: ['./card.component.scss'],
-})
-export class CardComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
diff --git a/src/app/shared/components/showcase-card/card/card.component.html b/src/app/shared/components/showcase-card/card/showcase-card-item.component.html
similarity index 100%
rename from src/app/shared/components/showcase-card/card/card.component.html
rename to src/app/shared/components/showcase-card/card/showcase-card-item.component.html
diff --git a/src/app/shared/components/showcase-card/card/card.component.scss b/src/app/shared/components/showcase-card/card/showcase-card-item.component.scss
similarity index 100%
rename from src/app/shared/components/showcase-card/card/card.component.scss
rename to src/app/shared/components/showcase-card/card/showcase-card-item.component.scss
diff --git a/src/app/shared/components/showcase-card/card/showcase-card-item.component.ts b/src/app/shared/components/showcase-card/card/showcase-card-item.component.ts
new file mode 100644
index 000000000..9a29eb798
--- /dev/null
+++ b/src/app/shared/components/showcase-card/card/showcase-card-item.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+
+@Component({
+  selector: 'app-card',
+  templateUrl: './showcase-card-item.component.html',
+  styleUrls: ['./showcase-card-item.component.scss'],
+})
+export class ShowcaseCardItemComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/shared/components/showcase-card/showcase-card.module.ts b/src/app/shared/components/showcase-card/showcase-card.module.ts
index 94c3d659d..c2866ea62 100644
--- a/src/app/shared/components/showcase-card/showcase-card.module.ts
+++ b/src/app/shared/components/showcase-card/showcase-card.module.ts
@@ -24,12 +24,12 @@ import { FormsModule } from '@angular/forms';
 import { NgModule } from '@angular/core';
 
 import { ShowcaseCardComponent } from './showcase-card.component';
-import { CardComponent } from './card/card.component';
+import { ShowcaseCardItemComponent } from './card/showcase-card-item.component';
 
 @NgModule({
   declarations: [
     ShowcaseCardComponent,
-    CardComponent
+    ShowcaseCardItemComponent
   ],
   imports: [
     CommonModule,
@@ -37,7 +37,7 @@ import { CardComponent } from './card/card.component';
   ],
   exports: [
     ShowcaseCardComponent,
-    CardComponent
+    ShowcaseCardItemComponent
   ]
 })
 export class ShowcaseCardModule {}

From fc27343f69e4bab95e80a33633003d23e3445b98 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 1 Mar 2019 16:29:49 -0300
Subject: [PATCH 035/111] fix(dropdownlist): fix loading icon position.

---
 .../truly-ui/src/components/dropdownlist/dropdownlist.html   | 4 +++-
 .../truly-ui/src/components/dropdownlist/dropdownlist.scss   | 5 +++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 7741dae98..2fcdb4590 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -1,5 +1,7 @@
 <div class="ui-dropdown-box"  [ngStyle]="{'line-height' : itemHeight, 'width': width}">
-  <tl-icon *ngIf="isLoading" [lib]="'fa'" [animation]="'spin'">spinner</tl-icon>
+
+  <tl-icon class="ui-loading-icon" *ngIf="isLoading" [lib]="'fa'" [animation]="'spin'">spinner</tl-icon>
+
   <tl-label *ngIf="label"
             [style.display]="labelPlacement === 'left' ? 'table-cell' : 'block'"
             [labelPlacement]="labelPlacement"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss b/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
index e2182f4d2..5422763eb 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
@@ -57,6 +57,11 @@ $button-font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
     bottom: 0;
   }
 
+  .ui-loading-icon {
+    z-index: 1;
+    right: 35px;
+  }
+
   tl-icon {
     position: absolute;
     right: 5px;

From bd5acaf3c66c263d8472db7d8f1d46f97558fbb7 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 1 Mar 2019 16:46:22 -0300
Subject: [PATCH 036/111] chore: add integration to trulyui slack

---
 .travis.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.travis.yml b/.travis.yml
index 941f06584..438e5ddfe 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -10,6 +10,7 @@ notifications:
     rooms:
       - temainfo:QGzy1iQZdygEHxsEuylBqC1e#truly-ui
       - temainfo:QGzy1iQZdygEHxsEuylBqC1e#builds
+      - trulyui:76h7TWRl73PnVEjb7ab0F5S2#builds
 node_js:
   - '8'
   - '10'

From 15a599932365769935fb56a8ae6fa7188b0e2d6b Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 7 Mar 2019 11:14:44 -0300
Subject: [PATCH 037/111] feat(card): create card component

---
 .../src/components/card/card-theme.scss       | 61 +++++++++++++++++++
 .../truly-ui/src/components/card/card.html    |  3 +
 .../truly-ui/src/components/card/card.scss    | 27 ++++++++
 projects/truly-ui/src/components/card/card.ts | 38 ++++++++++++
 .../truly-ui/src/components/card/index.ts     | 30 +++++++++
 .../card/parts/card-body/card-body.html       |  3 +
 .../card/parts/card-body/card-body.scss       | 12 ++++
 .../card/parts/card-body/card-body.ts         | 35 +++++++++++
 .../card/parts/card-footer/card-footer.html   |  3 +
 .../card/parts/card-footer/card-footer.scss   | 15 +++++
 .../card/parts/card-footer/card-footer.ts     | 35 +++++++++++
 .../card/parts/card-header/card-header.html   |  3 +
 .../card/parts/card-header/card-header.scss   | 13 ++++
 .../card/parts/card-header/card-header.ts     | 35 +++++++++++
 .../core/styles/theming/_components.scss      |  2 +
 .../components/core/styles/theming/_main.scss |  1 +
 projects/truly-ui/src/public_api.ts           |  1 +
 17 files changed, 317 insertions(+)
 create mode 100644 projects/truly-ui/src/components/card/card-theme.scss
 create mode 100644 projects/truly-ui/src/components/card/card.html
 create mode 100644 projects/truly-ui/src/components/card/card.scss
 create mode 100644 projects/truly-ui/src/components/card/card.ts
 create mode 100644 projects/truly-ui/src/components/card/index.ts
 create mode 100644 projects/truly-ui/src/components/card/parts/card-body/card-body.html
 create mode 100644 projects/truly-ui/src/components/card/parts/card-body/card-body.scss
 create mode 100644 projects/truly-ui/src/components/card/parts/card-body/card-body.ts
 create mode 100644 projects/truly-ui/src/components/card/parts/card-footer/card-footer.html
 create mode 100644 projects/truly-ui/src/components/card/parts/card-footer/card-footer.scss
 create mode 100644 projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts
 create mode 100644 projects/truly-ui/src/components/card/parts/card-header/card-header.html
 create mode 100644 projects/truly-ui/src/components/card/parts/card-header/card-header.scss
 create mode 100644 projects/truly-ui/src/components/card/parts/card-header/card-header.ts

diff --git a/projects/truly-ui/src/components/card/card-theme.scss b/projects/truly-ui/src/components/card/card-theme.scss
new file mode 100644
index 000000000..74071be33
--- /dev/null
+++ b/projects/truly-ui/src/components/card/card-theme.scss
@@ -0,0 +1,61 @@
+@import "../core/styles/theming/theming";
+
+@mixin _tl-card-theme-schema( $theme, $action ) {
+
+  $basic: map-deep-get($theme, 'basic');
+
+  /deep/ tl-card-header {
+    .ui-card-header {
+      background: #fff;
+      border-bottom: 1px solid map-deep-get($basic, "default", "border");
+    }
+  }
+
+  /deep/ tl-card-body {
+    .ui-card-body {
+      background: #fff;
+      border-bottom: 1px solid map-deep-get($basic, "default", "border");
+      border-right: 1px solid map-deep-get($basic, "default", "border");
+      border-left: 1px solid map-deep-get($basic, "default", "border");
+    }
+  }
+
+  /deep/ tl-card-footer {
+    .ui-card-footer {
+      background: map-deep-get($basic, "default", "background");
+      border: 1px solid map-deep-get($basic, "default", "border");
+      color: map-deep-get($basic, "default", "foreground");
+      border-top: 0;
+    }
+  }
+
+}
+
+@mixin tl-card-theme( $theme ) {
+
+  .ui-wrapper-card {
+    &.basic {
+      @include _tl-card-theme-schema($theme, 'basic')
+    }
+
+    &.primary {
+      @include _tl-card-theme-schema($theme, 'primary')
+    }
+
+    &.success {
+      @include _tl-card-theme-schema($theme, 'success')
+    }
+
+    &.danger {
+      @include _tl-card-theme-schema($theme, 'danger')
+    }
+
+    &.warning {
+      @include _tl-card-theme-schema($theme, 'warning')
+    }
+
+    &.information {
+      @include _tl-card-theme-schema($theme, 'information')
+    }
+  }
+}
diff --git a/projects/truly-ui/src/components/card/card.html b/projects/truly-ui/src/components/card/card.html
new file mode 100644
index 000000000..0b1693ff7
--- /dev/null
+++ b/projects/truly-ui/src/components/card/card.html
@@ -0,0 +1,3 @@
+<div [class]="'ui-wrapper-card '+ color">
+  <ng-content></ng-content>
+</div>
diff --git a/projects/truly-ui/src/components/card/card.scss b/projects/truly-ui/src/components/card/card.scss
new file mode 100644
index 000000000..b78ae27d2
--- /dev/null
+++ b/projects/truly-ui/src/components/card/card.scss
@@ -0,0 +1,27 @@
+.ui-wrapper-card {
+  background: #fff;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  place-content: flex-start;
+  flex-flow: column;
+  border-radius: 5px;
+  transition: border-color, box-shadow 300ms linear;
+  box-sizing: border-box;
+
+  &:hover {
+    border-color: rgba(0,0,0,.09);
+    box-shadow: 0 2px 8px rgba(0,0,0,.09);
+  }
+
+  @keyframes infinitePulse {
+    0% {
+      transform: scale(1, 1);
+    }
+    100% {
+      transform: scale(1.2, 1.2);
+      opacity: 0.3;
+    }
+  }
+
+}
diff --git a/projects/truly-ui/src/components/card/card.ts b/projects/truly-ui/src/components/card/card.ts
new file mode 100644
index 000000000..699176ff4
--- /dev/null
+++ b/projects/truly-ui/src/components/card/card.ts
@@ -0,0 +1,38 @@
+/*
+    MIT License
+
+    Copyright (c) 2018 Temainfo Software
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+*/
+
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'tl-card',
+  templateUrl: './card.html',
+  styleUrls: ['./card.scss'],
+})
+export class TlCard implements OnInit {
+
+  @Input() color = 'basic';
+
+  constructor() {}
+
+  ngOnInit() {}
+
+}
diff --git a/projects/truly-ui/src/components/card/index.ts b/projects/truly-ui/src/components/card/index.ts
new file mode 100644
index 000000000..9791e98d9
--- /dev/null
+++ b/projects/truly-ui/src/components/card/index.ts
@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { TlCard } from './card';
+import { IconsModule } from '../icons/index';
+import { TlCardBody } from './parts/card-body/card-body';
+import { TlCardHeader } from './parts/card-header/card-header';
+import { TlCardFooter } from './parts/card-footer/card-footer';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    IconsModule,
+    FormsModule
+  ],
+  declarations: [
+    TlCard,
+    TlCardBody,
+    TlCardFooter,
+    TlCardHeader
+  ],
+  exports: [
+    TlCard,
+    TlCardHeader,
+    TlCardFooter,
+    TlCardBody
+  ]
+})
+export class CardModule {}
diff --git a/projects/truly-ui/src/components/card/parts/card-body/card-body.html b/projects/truly-ui/src/components/card/parts/card-body/card-body.html
new file mode 100644
index 000000000..db90fee48
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-body/card-body.html
@@ -0,0 +1,3 @@
+<div class="ui-card-body">
+  <ng-content></ng-content>
+</div>
diff --git a/projects/truly-ui/src/components/card/parts/card-body/card-body.scss b/projects/truly-ui/src/components/card/parts/card-body/card-body.scss
new file mode 100644
index 000000000..a472b156d
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-body/card-body.scss
@@ -0,0 +1,12 @@
+:host {
+  width: 100%;
+  position: relative;
+}
+
+.ui-card-body {
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+}
+
diff --git a/projects/truly-ui/src/components/card/parts/card-body/card-body.ts b/projects/truly-ui/src/components/card/parts/card-body/card-body.ts
new file mode 100644
index 000000000..bf2b90194
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-body/card-body.ts
@@ -0,0 +1,35 @@
+
+
+ /*
+ MIT License
+
+ Copyright (c) 2017 Temainfo Sistemas
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+ */
+ import { Component } from '@angular/core';
+
+ @Component({
+   selector: 'tl-card-body',
+   templateUrl: './card-body.html',
+   styleUrls: ['./card-body.scss'],
+ })
+ export class TlCardBody {
+
+   constructor() {}
+
+ }
diff --git a/projects/truly-ui/src/components/card/parts/card-footer/card-footer.html b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.html
new file mode 100644
index 000000000..bf2ad2b4c
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.html
@@ -0,0 +1,3 @@
+<div class="ui-card-footer">
+  <ng-content></ng-content>
+</div>
diff --git a/projects/truly-ui/src/components/card/parts/card-footer/card-footer.scss b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.scss
new file mode 100644
index 000000000..6488b7412
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.scss
@@ -0,0 +1,15 @@
+:host {
+  width: 100%;
+  position: relative;
+}
+
+.ui-card-footer {
+  width: 100%;
+  height: 50px;
+  font-size: 1.5em;
+  border-top: 0;
+  box-sizing: border-box;
+  tl-icon {
+    padding: 0 20px;
+  }
+}
diff --git a/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts
new file mode 100644
index 000000000..b91c5afed
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts
@@ -0,0 +1,35 @@
+
+
+ /*
+ MIT License
+
+ Copyright (c) 2017 Temainfo Sistemas
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+ */
+ import { Component } from '@angular/core';
+
+ @Component({
+   selector: 'tl-card-footer',
+   templateUrl: './card-footer.html',
+   styleUrls: ['./card-footer.scss'],
+ })
+ export class TlCardFooter {
+
+   constructor() {}
+
+ }
diff --git a/projects/truly-ui/src/components/card/parts/card-header/card-header.html b/projects/truly-ui/src/components/card/parts/card-header/card-header.html
new file mode 100644
index 000000000..674f84328
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-header/card-header.html
@@ -0,0 +1,3 @@
+<div class="ui-card-header">
+  <ng-content></ng-content>
+</div>
diff --git a/projects/truly-ui/src/components/card/parts/card-header/card-header.scss b/projects/truly-ui/src/components/card/parts/card-header/card-header.scss
new file mode 100644
index 000000000..6e5222c03
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-header/card-header.scss
@@ -0,0 +1,13 @@
+:host {
+  width: 100%;
+  position: relative;
+}
+
+.ui-card-header {
+  width: 100%;
+  position: relative;
+  min-height: 100px;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
diff --git a/projects/truly-ui/src/components/card/parts/card-header/card-header.ts b/projects/truly-ui/src/components/card/parts/card-header/card-header.ts
new file mode 100644
index 000000000..1d08d1c2d
--- /dev/null
+++ b/projects/truly-ui/src/components/card/parts/card-header/card-header.ts
@@ -0,0 +1,35 @@
+
+
+ /*
+ MIT License
+
+ Copyright (c) 2017 Temainfo Sistemas
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+ */
+ import { Component } from '@angular/core';
+
+ @Component({
+   selector: 'tl-card-header',
+   templateUrl: './card-header.html',
+   styleUrls: ['./card-header.scss'],
+ })
+ export class TlCardHeader {
+
+   constructor() {}
+
+ }
diff --git a/projects/truly-ui/src/components/core/styles/theming/_components.scss b/projects/truly-ui/src/components/core/styles/theming/_components.scss
index fcf068171..60433219c 100644
--- a/projects/truly-ui/src/components/core/styles/theming/_components.scss
+++ b/projects/truly-ui/src/components/core/styles/theming/_components.scss
@@ -6,6 +6,7 @@
 @import "../../../button/button-theme";
 @import "../../../buttongroup/buttongroup-theme";
 @import "../../../dropdownicon/dropdownicon-theme";
+@import "../../../card/card-theme";
 @import "../../../calendar/calendar-theme";
 @import "../../../chatlist/chatlist-theme";
 @import "../../../checkbox/checkbox-theme";
@@ -61,6 +62,7 @@
   @include tl-button-group-theme($theme);
   @include tl-button-theme($theme);
   @include tl-dropdown-icon-theme($theme);
+  @include tl-card-theme($theme);
   @include tl-calendar-theme($theme);
   @include tl-chatlist-theme($theme);
   @include tl-checkbox-theme($theme);
diff --git a/projects/truly-ui/src/components/core/styles/theming/_main.scss b/projects/truly-ui/src/components/core/styles/theming/_main.scss
index bfcc92ebb..36c5d862a 100644
--- a/projects/truly-ui/src/components/core/styles/theming/_main.scss
+++ b/projects/truly-ui/src/components/core/styles/theming/_main.scss
@@ -8,6 +8,7 @@
   @include tl-badge-theme($theme);
   @include tl-button-theme($theme);
   @include tl-calendar-theme($theme);
+  @include tl-card-theme($theme);
   @include tl-colorpicker-theme($theme);
   @include tl-colorpicker-content-theme($theme);
   @include tl-colorpicker-input-theme($theme);
diff --git a/projects/truly-ui/src/public_api.ts b/projects/truly-ui/src/public_api.ts
index 81e5ff99c..8c5073cd9 100644
--- a/projects/truly-ui/src/public_api.ts
+++ b/projects/truly-ui/src/public_api.ts
@@ -6,6 +6,7 @@ export { BadgeModule } from './components/badge/index';
 export { ButtonModule } from './components/button/index';
 export { ButtonGroupModule } from './components/buttongroup/index';
 export { BlockUIModule } from './components/blockui/index';
+export { CardModule } from './components/card/index';
 export { CheckBoxModule } from './components/checkbox/index';
 export { ChatListModule } from './components/chatlist/index';
 export { CalendarModule } from './components/calendar/index';

From 9b2a8605924b332f833a36792070e0a71d4f8237 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 7 Mar 2019 11:16:02 -0300
Subject: [PATCH 038/111] docs(card): create card's page documentation.

---
 src/app/app.routing.module.ts                 |  4 ++
 .../card/carddemo-dataproperties.json.ts      | 30 ++++++++
 .../card/carddemo-routing.module.ts           | 37 ++++++++++
 .../components/card/carddemo.component.html   | 69 +++++++++++++++++++
 .../components/card/carddemo.component.scss   | 67 ++++++++++++++++++
 src/app/components/card/carddemo.component.ts | 43 ++++++++++++
 .../card/carddemo.dataevents.json.ts          | 33 +++++++++
 src/app/components/card/carddemo.module.ts    | 36 ++++++++++
 8 files changed, 319 insertions(+)
 create mode 100644 src/app/components/card/carddemo-dataproperties.json.ts
 create mode 100644 src/app/components/card/carddemo-routing.module.ts
 create mode 100644 src/app/components/card/carddemo.component.html
 create mode 100644 src/app/components/card/carddemo.component.scss
 create mode 100644 src/app/components/card/carddemo.component.ts
 create mode 100644 src/app/components/card/carddemo.dataevents.json.ts
 create mode 100644 src/app/components/card/carddemo.module.ts

diff --git a/src/app/app.routing.module.ts b/src/app/app.routing.module.ts
index 7db0a59ef..a70b66a81 100644
--- a/src/app/app.routing.module.ts
+++ b/src/app/app.routing.module.ts
@@ -42,6 +42,10 @@ import { GettingStartedComponent } from './getting-started/getting-started.compo
         path: 'badge',
         loadChildren: './components/badge/badgedemo.module#BadgeDemoModule'
       },
+      {
+        path: 'card',
+        loadChildren: './components/card/carddemo.module#CardDemoModule'
+      },
       {
         path: 'button',
         loadChildren: './components/button/buttondemo.module#ButtonDemoModule'
diff --git a/src/app/components/card/carddemo-dataproperties.json.ts b/src/app/components/card/carddemo-dataproperties.json.ts
new file mode 100644
index 000000000..6ffc02ef3
--- /dev/null
+++ b/src/app/components/card/carddemo-dataproperties.json.ts
@@ -0,0 +1,30 @@
+/*
+  MIT License
+
+  Copyright (c) 2018 Temainfo Software
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+export const dataProperties = [
+  {
+    name: 'text',
+    type: 'string',
+    default: 'null',
+    description: 'Displays a text.',
+    options: 'any text'
+  },
+];
diff --git a/src/app/components/card/carddemo-routing.module.ts b/src/app/components/card/carddemo-routing.module.ts
new file mode 100644
index 000000000..0e4eba9bc
--- /dev/null
+++ b/src/app/components/card/carddemo-routing.module.ts
@@ -0,0 +1,37 @@
+/*
+MIT License
+
+Copyright (c) 2018 Temainfo Software
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { CardDemoComponent } from './carddemo.component';
+
+@NgModule({
+  imports: [
+    RouterModule.forChild( [
+      { path: '', component: CardDemoComponent }
+    ])
+  ],
+  exports: [
+    RouterModule
+  ]
+})
+export class CardDemoRoutingModule {}
diff --git a/src/app/components/card/carddemo.component.html b/src/app/components/card/carddemo.component.html
new file mode 100644
index 000000000..5e4356790
--- /dev/null
+++ b/src/app/components/card/carddemo.component.html
@@ -0,0 +1,69 @@
+<div class="router-outlet">
+  <app-showcase-header name="Card" module="CardModule">
+    The Truly-UI Card are styles for actions in forms, dialogs, and more with support for multiple sizes, states
+    and many properties for customization
+  </app-showcase-header>
+  <div class="showcase">
+    <div class="row">
+      <div class="col-md-12">
+        <app-showcase-card [title]="'Showcase'" [icon]="'fas fa-desktop'">
+          <app-card>
+            <div class="col-md-12">
+              <h5>Basic</h5>
+              <tl-card>
+                <tl-card-header>
+                  <div class="header">
+                    <img class="ui-card-img" src="https://avatars3.githubusercontent.com/u/1606954?s=460&v=4">
+                    <div class="ui-img-pulse"></div>
+                    <div class="ui-info">
+                      <span>William Aguera</span>
+                      <span>Developer</span>
+                    </div>
+                    <div class="ui-icons">
+                      <tl-icon [lib]="'ion'" [style]="'md'">heart</tl-icon>
+                    </div>
+                  </div>
+                </tl-card-header>
+                <tl-card-body>
+                  <div class="ui-info-item">
+                    <span>RG</span>
+                    <span>12.575.659.12-2</span>
+                  </div>
+                  <div class="ui-info-item">
+                    <span>CPF</span>
+                    <span>078.880.369-70</span>
+                  </div>
+                  <div class="ui-info-item">
+                    <span>Data Nascimento</span>
+                    <span>22/05/1994</span>
+                  </div>
+                  <div class="ui-info-item">
+                    <span>Estado Civil</span>
+                    <span>Solteiro</span>
+                  </div>
+                  <div class="ui-info-item">
+                    <span>Genero</span>
+                    <span>Masculino</span>
+                  </div>
+                </tl-card-body>
+                <tl-card-footer>
+
+                </tl-card-footer>
+              </tl-card>
+            </div>
+          </app-card>
+        </app-showcase-card>
+      </div>
+    </div>
+    <app-showcase-card [title]="'Properties'" [icon]="'fas fa-clipboard-list'">
+      <app-card>
+        <app-showcase-table-properties [data]="dataTableProperties"></app-showcase-table-properties>
+      </app-card>
+    </app-showcase-card>
+    <app-showcase-card [title]="'Events'" [icon]="'ion ion-ios-radio'">
+      <app-card>
+        <app-showcase-table-events [data]="dataEvents"></app-showcase-table-events>
+      </app-card>
+    </app-showcase-card>
+  </div>
+</div>
diff --git a/src/app/components/card/carddemo.component.scss b/src/app/components/card/carddemo.component.scss
new file mode 100644
index 000000000..2620f3c61
--- /dev/null
+++ b/src/app/components/card/carddemo.component.scss
@@ -0,0 +1,67 @@
+.header {
+  padding: 20px;
+    align-items: center;
+    place-content: flex-start;
+    display: flex;
+    background: #11998e;
+    background: -webkit-linear-gradient(to right, #11998e, #66cc99);
+    background: linear-gradient(to right, #11998e, #66cc99);
+}
+
+.ui-icons {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  color: #609280;
+  font-size: 1.5em;
+}
+.ui-img-pulse {
+  position: absolute;
+  display: flex;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  border: 7px solid #fff;
+  align-items: center;
+  place-content: center;
+  opacity: 0;
+  animation: infinitePulse 1s infinite;
+  animation-direction: alternate;
+}
+.ui-card-img {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  border: 3px solid #ffffff59;
+}
+.ui-info {
+  display: flex;
+  flex-flow: column;
+  padding: 0 10px;
+  color: #fff;
+  span {
+    &:first-child {
+      font-weight: 600;
+      font-size: 18px;
+    }
+  }
+}
+.ui-info-item {
+  display: flex;
+  align-items: center;
+  place-content: space-between;
+  padding: 5px 0;
+  border-bottom: 1px dashed #6c9;
+  span {
+    &:first-child {
+      font-weight: 600;
+      color: #8c8989;
+    }
+    &:last-child {
+      font-size: 16px;
+      font-weight: 600;
+      color: #505050;
+    }
+  }
+}
+
diff --git a/src/app/components/card/carddemo.component.ts b/src/app/components/card/carddemo.component.ts
new file mode 100644
index 000000000..05e646b09
--- /dev/null
+++ b/src/app/components/card/carddemo.component.ts
@@ -0,0 +1,43 @@
+/*
+  MIT License
+
+  Copyright (c) 2018 Temainfo Software
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+import { Component } from '@angular/core';
+
+import * as json from './carddemo-dataproperties.json';
+import * as jsonEvts from './carddemo.dataevents.json';
+
+@Component( {
+selector : 'app-card-demo',
+templateUrl : './carddemo.component.html',
+styleUrls : [ './carddemo.component.scss' ],
+} )
+export class CardDemoComponent {
+
+  public dataTableProperties;
+
+  public dataEvents;
+
+  constructor() {
+    this.dataTableProperties = json.dataProperties;
+    this.dataEvents = jsonEvts.dataEvents;
+  }
+}
+
diff --git a/src/app/components/card/carddemo.dataevents.json.ts b/src/app/components/card/carddemo.dataevents.json.ts
new file mode 100644
index 000000000..8b207f93c
--- /dev/null
+++ b/src/app/components/card/carddemo.dataevents.json.ts
@@ -0,0 +1,33 @@
+/*
+  MIT License
+
+  Copyright (c) 2018 Temainfo Software
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+export const dataEvents = [
+  {
+    name: 'selected',
+    parameters: [
+      {
+        event: 'selected',
+        description: 'Action Selected'
+      }
+    ],
+    description: 'Callback to invoke when toogle event.',
+  },
+];
diff --git a/src/app/components/card/carddemo.module.ts b/src/app/components/card/carddemo.module.ts
new file mode 100644
index 000000000..e7d14051c
--- /dev/null
+++ b/src/app/components/card/carddemo.module.ts
@@ -0,0 +1,36 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { NgModule } from '@angular/core';
+
+import { HighlightJsModule } from 'ngx-highlight-js';
+
+import { CardDemoRoutingModule } from './carddemo-routing.module';
+import { CardDemoComponent } from './carddemo.component';
+import { CardModule } from '../../../../projects/truly-ui/src/components/card';
+import { ShowcaseCardModule } from '../../shared/components/showcase-card/showcase-card.module';
+import { ShowcaseTablePropertiesModule } from '../../shared/components/showcase-table-properties/showcase-table-properties.module';
+import { ShowcaseTableEventsModule } from '../../shared/components/showcase-table-events/showcase-table-events.module';
+import { ShowcaseHeaderModule } from '../../shared/components/showcase-header/showcase-header.module';
+import { IconsModule } from '../../../../projects/truly-ui/src/components/icons/index';
+
+@NgModule({
+  declarations: [
+    CardDemoComponent
+  ],
+  imports: [
+    CardDemoRoutingModule,
+    CardModule,
+    CommonModule,
+    IconsModule,
+    FormsModule,
+    HighlightJsModule,
+    ShowcaseCardModule,
+    ShowcaseTablePropertiesModule,
+    ShowcaseTableEventsModule,
+    ShowcaseHeaderModule
+  ],
+  exports: [
+    CardDemoComponent
+  ]
+})
+export class CardDemoModule {}

From be55249ee0d05fcf30f1f0af8f61a17d16e9f3b4 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 7 Mar 2019 14:59:02 -0300
Subject: [PATCH 039/111] feat(progressbar): add property shape to progressbar

---
 projects/truly-ui/src/components/progressbar/progressbar.html | 2 +-
 projects/truly-ui/src/components/progressbar/progressbar.scss | 4 ++++
 projects/truly-ui/src/components/progressbar/progressbar.ts   | 2 ++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/progressbar/progressbar.html b/projects/truly-ui/src/components/progressbar/progressbar.html
index 646d0a968..26e50554e 100644
--- a/projects/truly-ui/src/components/progressbar/progressbar.html
+++ b/projects/truly-ui/src/components/progressbar/progressbar.html
@@ -1,5 +1,5 @@
 <div class="wrapper-content-progress">
-  <div class="ui-progressbar-wrapper" [ngClass]="color">
+  <div class="ui-progressbar-wrapper" [class.border-rounded]="shape === 'rounded'" [ngClass]="color">
     <div *ngIf="mode === 'determinate'" class="ui-progress-description" [style.lineHeight]="height">
       <span *ngIf="progressInfo === 'percentage' || progressInfo === 'detailed'">{{getProgressDescription()}} %</span>
       <span class="ui-progress-detail" *ngIf="progressInfo === 'detailed'" [style.lineHeight]="height">({{position}} {{unit}} / {{max}} {{unit}})</span>
diff --git a/projects/truly-ui/src/components/progressbar/progressbar.scss b/projects/truly-ui/src/components/progressbar/progressbar.scss
index 133e8f17f..db7ece58f 100644
--- a/projects/truly-ui/src/components/progressbar/progressbar.scss
+++ b/projects/truly-ui/src/components/progressbar/progressbar.scss
@@ -5,6 +5,10 @@
   box-sizing: border-box;
 }
 
+.border-rounded {
+  border-radius: 10px;
+}
+
 .ui-progressbar {
   width: 100%;
 }
diff --git a/projects/truly-ui/src/components/progressbar/progressbar.ts b/projects/truly-ui/src/components/progressbar/progressbar.ts
index 9c8458603..00c17f027 100644
--- a/projects/truly-ui/src/components/progressbar/progressbar.ts
+++ b/projects/truly-ui/src/components/progressbar/progressbar.ts
@@ -40,6 +40,8 @@ export class TlProgressBar implements OnInit, OnChanges {
 
   @Input() height = '15px';
 
+  @Input() shape: 'default' | 'rounded' = 'rounded';
+
   @Input() progressInfo: 'none' | 'percentage' | 'detailed' = 'percentage';
 
   @Input() mode: 'determinate' | 'indeterminate' = 'determinate';

From 6dc10d2441c9e08f5013d5693fdae29f75d647cb Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 7 Mar 2019 15:01:14 -0300
Subject: [PATCH 040/111] docs(progressbar): update documentation.

---
 .../progressbar/progressbardemo-dataproperties.json.ts     | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/components/progressbar/progressbardemo-dataproperties.json.ts b/src/app/components/progressbar/progressbardemo-dataproperties.json.ts
index 56bf4e175..b411bc0f6 100644
--- a/src/app/components/progressbar/progressbardemo-dataproperties.json.ts
+++ b/src/app/components/progressbar/progressbardemo-dataproperties.json.ts
@@ -62,6 +62,13 @@ export const dataProperties = [
     description: 'Type of info shown.',
     options: 'percentage | detailed | none'
   },
+  {
+    name: 'shape',
+    type: 'string',
+    default: 'default',
+    description: 'Shape of progress bar, default or rounded',
+    options: 'default | rounded'
+  },
   {
     name: 'mode',
     type: 'string',

From 9f0bf08d929675434861825e35027fe89319e8cc Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 09:42:43 -0300
Subject: [PATCH 041/111] refact(tooltip): refact tooltip to use cdk overlay
 positioning.

---
 .../tooltip/directives/tooltip.directive.ts   |  35 +--
 .../truly-ui/src/components/tooltip/index.ts  |   7 +-
 .../tooltip/parts/tooltip-container.ts        | 130 +++++++++++
 .../src/components/tooltip/tooltip.html       |   9 +
 .../src/components/tooltip/tooltip.scss       |  77 +++----
 .../src/components/tooltip/tooltip.ts         | 204 ++----------------
 .../src/components/tooltip/tooltipOptions.ts  |   2 +-
 7 files changed, 204 insertions(+), 260 deletions(-)
 create mode 100644 projects/truly-ui/src/components/tooltip/parts/tooltip-container.ts
 create mode 100644 projects/truly-ui/src/components/tooltip/tooltip.html

diff --git a/projects/truly-ui/src/components/tooltip/directives/tooltip.directive.ts b/projects/truly-ui/src/components/tooltip/directives/tooltip.directive.ts
index 2979ed791..a0a2e03d4 100644
--- a/projects/truly-ui/src/components/tooltip/directives/tooltip.directive.ts
+++ b/projects/truly-ui/src/components/tooltip/directives/tooltip.directive.ts
@@ -1,32 +1,19 @@
 import {
-  ComponentFactoryResolver, Directive, HostListener, Input, OnDestroy, ViewContainerRef, Renderer2
+  ComponentFactoryResolver, Directive, HostListener, Input, ViewContainerRef, Renderer2
 } from '@angular/core';
 import { TlToolTip } from '../tooltip';
 import { TooltipOptions } from '../tooltipOptions';
+import { TlToolTipContainer } from '../parts/tooltip-container';
 
 
 @Directive( {
   selector: '[tooltip]'
 } )
-export class TooltipDirective implements OnDestroy {
+export class TooltipDirective  {
 
   @Input() tooltip: TooltipOptions;
 
-  private listenerWheel;
-
-  constructor(
-    private view: ViewContainerRef,
-    private compiler: ComponentFactoryResolver,
-    private renderer: Renderer2
-  ) {
-
-   if (!this.listenerWheel) {
-     this.listenerWheel = this.renderer.listen(this.view.element.nativeElement, 'mousewheel', (event) => {
-       this.hide();
-     });
-   }
-
-  }
+  constructor( private view: ViewContainerRef, private compiler: ComponentFactoryResolver ) {}
 
   @HostListener( 'mouseenter' )
   onMouseEnter() {
@@ -38,21 +25,17 @@ export class TooltipDirective implements OnDestroy {
     this.hide();
   }
 
-  show() {
+  private show() {
     if ( this.tooltip.text !== '' ) {
-      const componentFactory = this.compiler.resolveComponentFactory( TlToolTip );
+      const componentFactory = this.compiler.resolveComponentFactory( TlToolTipContainer );
       const componentRef = this.view.createComponent( componentFactory );
-      (<TlToolTip>componentRef.instance).setOptions( this.tooltip );
-      (<TlToolTip>componentRef.instance).setPosition( this.view.element );
+      (<TlToolTipContainer>componentRef.instance).setOptions( this.tooltip );
+      (<TlToolTipContainer>componentRef.instance).setElement( this.view.element );
     }
   }
 
-  hide() {
+  private hide() {
     this.view.clear();
   }
 
-  ngOnDestroy() {
-   this.listenerWheel();
-  }
-
 }
diff --git a/projects/truly-ui/src/components/tooltip/index.ts b/projects/truly-ui/src/components/tooltip/index.ts
index e2dba2235..49d955ee0 100644
--- a/projects/truly-ui/src/components/tooltip/index.ts
+++ b/projects/truly-ui/src/components/tooltip/index.ts
@@ -3,21 +3,26 @@ import { CommonModule } from '@angular/common';
 
 import { TlToolTip } from './tooltip';
 import { TooltipDirective } from './directives/tooltip.directive';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { TlToolTipContainer } from './parts/tooltip-container';
 
 @NgModule( {
     imports: [
         CommonModule,
+        OverlayModule
     ],
     declarations: [
         TlToolTip,
+        TlToolTipContainer,
         TooltipDirective
     ],
     exports: [
         TlToolTip,
+        TlToolTipContainer,
         TooltipDirective
     ],
     entryComponents: [
-        TlToolTip
+        TlToolTipContainer
     ]
 } )
 export class TooltipModule {
diff --git a/projects/truly-ui/src/components/tooltip/parts/tooltip-container.ts b/projects/truly-ui/src/components/tooltip/parts/tooltip-container.ts
new file mode 100644
index 000000000..ec2d9d6ed
--- /dev/null
+++ b/projects/truly-ui/src/components/tooltip/parts/tooltip-container.ts
@@ -0,0 +1,130 @@
+import { AfterContentInit, AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
+import { transition, trigger, style, animate } from '@angular/animations';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { TooltipOptions } from '../tooltipOptions';
+import { OverlayAnimation } from '../../core/directives/overlay-animation';
+
+@Component( {
+  selector: 'tl-tooltip-container',
+  template: `
+    <ng-template cdkConnectedOverlay
+                 [cdkConnectedOverlayHasBackdrop]="false"
+                 [cdkConnectedOverlayBackdropClass]="'cdk-overlay-transparent-backdrop'"
+                 [cdkConnectedOverlayOpen]="true">
+      <tl-tooltip @overlay [options]="options"></tl-tooltip>
+    </ng-template>
+  `,
+  animations: [OverlayAnimation],
+} )
+export class TlToolTipContainer implements AfterContentInit {
+
+  @ViewChild( 'tooltip' ) tooltip;
+
+  @ViewChild( CdkConnectedOverlay ) connectedOverlay: CdkConnectedOverlay;
+
+  public options: TooltipOptions;
+
+  private element;
+
+  setOptions( options: TooltipOptions ) {
+    this.options = options;
+  }
+
+  setElement( element ) {
+    this.element = element;
+  }
+
+  ngAfterContentInit() {
+    this.connectedOverlay.origin = new CdkOverlayOrigin( this.element );
+    this.getPositionsByPlacement();
+  }
+
+  getPositionsByPlacement() {
+    const placements = {
+      'left-top': () => this.setLeftTop(),
+      'left-center' : () => this.setLeftCenter(),
+      'left-bottom' : () => this.setLeftBottom(),
+      'right-top': () => this.setRightTop(),
+      'right-center': () => this.setRightCenter(),
+      'right-bottom': () => this.setRightBottom(),
+      'top-center': () => this.setTopCenter(),
+      'bottom-center': () => this.setBottomCenter()
+    };
+    if (placements[this.options.placement]) {
+      placements[this.options.placement]();
+    }
+  }
+
+  setBottomCenter() {
+    this.connectedOverlay.positions = [ {
+      originX: 'center',
+      originY: 'bottom',
+      overlayX: 'center',
+      overlayY: 'top'
+    } ];
+  }
+
+  setTopCenter() {
+    this.connectedOverlay.positions = [ {
+      originX: 'center',
+      originY: 'top',
+      overlayX: 'center',
+      overlayY: 'bottom'
+    } ];
+  }
+
+  setRightCenter() {
+    this.connectedOverlay.positions = [ {
+      originX: 'end',
+      originY: 'center',
+      overlayX: 'start',
+      overlayY: 'center'
+    } ];
+  }
+
+  setRightTop() {
+    this.connectedOverlay.positions = [ {
+      originX: 'end',
+      originY: 'top',
+      overlayX: 'start',
+      overlayY: 'top'
+    } ];
+  }
+
+  setRightBottom() {
+    this.connectedOverlay.positions = [ {
+      originX: 'end',
+      originY: 'bottom',
+      overlayX: 'start',
+      overlayY: 'bottom'
+    } ];
+  }
+
+  setLeftBottom() {
+    this.connectedOverlay.positions = [ {
+      originX: 'start',
+      originY: 'bottom',
+      overlayX: 'end',
+      overlayY: 'bottom'
+    } ];
+  }
+
+  setLeftTop() {
+    this.connectedOverlay.positions = [ {
+      originX: 'start',
+      originY: 'top',
+      overlayX: 'end',
+      overlayY: 'top'
+    } ];
+  }
+
+  setLeftCenter() {
+    this.connectedOverlay.positions = [ {
+      originX: 'start',
+      originY: 'center',
+      overlayX: 'end',
+      overlayY: 'center'
+    } ];
+  }
+
+}
diff --git a/projects/truly-ui/src/components/tooltip/tooltip.html b/projects/truly-ui/src/components/tooltip/tooltip.html
new file mode 100644
index 000000000..3c8bcb8bb
--- /dev/null
+++ b/projects/truly-ui/src/components/tooltip/tooltip.html
@@ -0,0 +1,9 @@
+<div class="tooltip-text"
+     [style.width]="options?.width"
+     [style.color]="options?.fontColor"
+     [style.background]="options?.color">
+  <span>{{ options?.text }}</span>
+  <div [style.border-color]="options?.color"
+       [class]="'arrow ' + getClassByPlacement()"></div>
+</div>
+
diff --git a/projects/truly-ui/src/components/tooltip/tooltip.scss b/projects/truly-ui/src/components/tooltip/tooltip.scss
index e263a0dba..4a9157ba9 100644
--- a/projects/truly-ui/src/components/tooltip/tooltip.scss
+++ b/projects/truly-ui/src/components/tooltip/tooltip.scss
@@ -1,64 +1,49 @@
-@mixin getMarginAndBorderLeftAndRight {
-  margin-top: -5px;
-  border-width: 5px;
-  border-style: solid;
-}
-
-@mixin getMarginAndBorderTopAndBottom {
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-}
-
-@mixin getPositionArrowRightLeft {
-  content: " ";
-  position: absolute;
-  top: 50%;
-  right: 100%;
-}
-
 .tooltip-text {
-  position: fixed;
   padding: 5px;
   color: #FFF;
   display: inline-block;
-  z-index: 10000;
+  z-index: 1;
   border-radius: 3px;
-  width: 120px;
+  width: 180px;
   height: initial;
   text-align: center;
+  margin: 5px;
   word-wrap: break-word;
-  background-color: #818383;
-  font-size: 12px !important;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  background-color: #242525;
+  font-size: 1em !important;
+  font-family: Lato, "Segoe UI", "Helvetica";
 
-  > .-right {
-    @include getPositionArrowRightLeft;
-    @include getMarginAndBorderLeftAndRight;
+  .arrow {
+    position: absolute;
+    box-sizing: border-box;
+    height: 10px;
+    width: 10px;
+    border-style: solid;
+    border-color: #242525;
+    border-width: 0px 6px 6px 0px;
   }
 
-  > .-left {
-    content: " ";
-    position: absolute;
-    top: 50%;
-    left: 100%;
-    @include getMarginAndBorderLeftAndRight;
+  .left {
+    right: 0 !important;
+    transform: rotate(-45deg) !important;
+    top: calc(50% - 5px) !important;
   }
 
-  > .-top {
-    content: " ";
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    @include getMarginAndBorderTopAndBottom;
+  .right {
+    transform: rotate(135deg);
+    top: calc(50% - 5px);
+    left: 0;
   }
 
-  > .-bottom {
-    content: " ";
-    position: absolute;
-    bottom: 100%;
-    left: 50%;
-    @include getMarginAndBorderTopAndBottom;
+  .bottom {
+    transform: rotate(-135deg);
+    top: 0;
+    left: calc(50% - 5px);
+  }
+
+  .top {
+    transform: rotate(45deg);
+    left: calc(50% - 5px);
   }
 
 }
diff --git a/projects/truly-ui/src/components/tooltip/tooltip.ts b/projects/truly-ui/src/components/tooltip/tooltip.ts
index 566066479..89c4f80ad 100644
--- a/projects/truly-ui/src/components/tooltip/tooltip.ts
+++ b/projects/truly-ui/src/components/tooltip/tooltip.ts
@@ -1,197 +1,29 @@
-import { Component, ElementRef, ViewChild } from '@angular/core';
+import { AfterContentInit, Input, Component, ElementRef, ViewChild } from '@angular/core';
 import { TooltipOptions } from './tooltipOptions';
-import { transition, trigger, style, animate } from '@angular/animations';
+import { OverlayAnimation } from '../core/directives/overlay-animation';
 
 @Component( {
-    selector: 'tl-tooltip',
-    template: `
-        <div #tooltip [@enterAnimation]="show" class="tooltip-text" [ngStyle]="getStyleTooltip()"><span>{{text}}</span>
-            <div [ngClass]="'-'+placement" [ngStyle]="getStyleTooltipArrow()"></div>
-        </div>`,
-    styleUrls: [ './tooltip.scss' ],
-    animations: [
-        trigger(
-            'enterAnimation', [
-                transition( ':enter', [
-                    style( { opacity: 0 } ),
-                    animate( '200ms', style( { opacity: 1 } ) )
-                ] ),
-                transition( ':leave', [
-                    style( { opacity: 1 } ),
-                    animate( '200ms', style( { opacity: 0 } ) )
-                ] )
-            ]
-        )
-    ],
+  selector: 'tl-tooltip',
+  templateUrl: './tooltip.html',
+  styleUrls: [ './tooltip.scss' ],
+  animations: [ OverlayAnimation ],
 } )
-export class TlToolTip implements TooltipOptions {
+export class TlToolTip {
 
-    @ViewChild( 'tooltip' ) tooltip;
+  @Input() options: TooltipOptions;
 
-    public text: string;
-
-    public color = '#000';
-
-    public placement = 'top';
-
-    public fontColor = '#FFF';
-
-    public width = '';
-
-    public show = true;
-
-    private tooltipWidth = 0;
-
-    private elementWidth = 0;
-
-    private elementHeight = 0;
-
-    private tooltipPadding = 10;
-
-    private element;
-
-    setOptions( options: TooltipOptions ) {
-        const self = this;
-        Object.keys( options ).forEach( function ( key ) {
-            self[ key ] = options[ key ];
-        } );
-    }
-
-    setPlacementTop() {
-        const self = this;
-        this.getElementWidth();
-        this.getElementHeight();
-        setTimeout( function () {
-            self.getTopMeasureForTopTooltip();
-            self.setAlignCenter();
-        }, 0 );
-
-    }
-
-    setPlacementLeft() {
-        const self = this;
-        setTimeout( function () {
-            self.getTopMeasureForLeftAndRight();
-            self.setAlignLeft();
-        }, 0 );
-    }
-
-    setPlacementRight() {
-        const self = this;
-        this.getElementWidth();
-        setTimeout( function () {
-            self.getTopMeasureForLeftAndRight();
-            self.setAlignRight();
-        }, 0 );
+  getClassByPlacement() {
+    if ( this.options.placement.includes( 'left' ) ) {
+      return 'left';
     }
-
-    setPlacementBottom() {
-        const self = this;
-        this.getElementWidth();
-        this.getElementHeight();
-        setTimeout( function () {
-            self.setTopMeasureForBottom();
-            self.setAlignCenter();
-        }, 0 );
-    }
-
-    getStyleTooltip() {
-        return { 'background-color': this.color, 'color': this.fontColor, 'width': this.width };
+    if ( this.options.placement.includes( 'right' ) ) {
+      return 'right';
     }
-
-    getStyleTooltipArrow() {
-        switch ( this.placement ) {
-            case 'right':
-                return {
-                    'border-color': 'transparent ' + this.color + ' transparent transparent'
-                };
-            case 'left':
-                return {
-                    'border-color': 'transparent transparent transparent' + this.color
-                };
-            case 'top':
-                return {
-                    'border-color': this.color + ' transparent transparent transparent'
-                };
-            case 'bottom':
-                return {
-                    'border-color': 'transparent transparent ' + this.color + ' transparent'
-                };
-        }
-    }
-
-    setPosition( element: ElementRef ) {
-        this.getElement( element );
-        switch ( this.placement ) {
-            case 'top':
-                this.setPlacementTop();
-                break;
-            case 'left':
-                this.setPlacementLeft();
-                break;
-            case 'right':
-                this.setPlacementRight();
-                break;
-            case 'bottom':
-                this.setPlacementBottom();
-                break;
-        }
+    if ( this.options.placement.includes( 'top' ) ) {
+      return 'top';
     }
-
-    private getElement( element ) {
-        this.element = element;
-    }
-
-    private existsMeasureOnNativeElement(): boolean {
-        return this.element.nativeElement.offsetWidth > 0 && this.element.nativeElement.offsetHeight > 0;
-    }
-
-    private isLessOrEqualThanNormalWidth(): boolean {
-        return this.tooltip.nativeElement.offsetHeight <= 27;
-    }
-
-    private getElementWidth() {
-        this.existsMeasureOnNativeElement() ? this.elementWidth = this.element.nativeElement.offsetWidth
-            : this.elementWidth = this.element.nativeElement.firstChild.clientWidth;
-    }
-
-    private getTopMeasureForTopTooltip() {
-        this.tooltip.nativeElement.style.top = this.getElementTop() -
-                this.tooltip.nativeElement.offsetHeight - this.tooltipPadding + 'px';
-    }
-
-    private getTopMeasureForLeftAndRight() {
-      this.tooltip.nativeElement.style.top =
-        this.getElementTop() + (this.element.nativeElement.offsetHeight / 2) -
-         (this.tooltip.nativeElement.offsetHeight / 2) + 'px';
-    }
-
-    private getElementHeight() {
-        this.existsMeasureOnNativeElement() ? this.elementHeight = this.element.nativeElement.offsetHeight :
-            this.elementHeight = this.element.nativeElement.firstChild.clientHeight;
-    }
-
-    private setTopMeasureForBottom() {
-        this.tooltip.nativeElement.style.top =
-          this.getElementTop() + this.elementHeight + this.tooltipPadding + 'px';
-    }
-
-    private setAlignCenter() {
-        this.tooltip.nativeElement.style.left = this.element.nativeElement.getBoundingClientRect().left +
-            (this.elementWidth / 2) - this.tooltip.nativeElement.offsetWidth / 2 + 'px';
-    }
-
-    private setAlignRight() {
-        this.tooltip.nativeElement.style.left = this.element.nativeElement.getBoundingClientRect().left +
-            this.elementWidth + this.tooltipPadding + 'px';
-    }
-
-    private setAlignLeft() {
-        this.tooltip.nativeElement.style.left = this.element.nativeElement.getBoundingClientRect().left
-          - this.tooltip.nativeElement.offsetWidth + 'px';
-    }
-
-    private getElementTop() {
-        return this.element.nativeElement.getBoundingClientRect().top;
+    if ( this.options.placement.includes( 'bottom' ) ) {
+      return 'bottom';
     }
+  }
 }
diff --git a/projects/truly-ui/src/components/tooltip/tooltipOptions.ts b/projects/truly-ui/src/components/tooltip/tooltipOptions.ts
index 1c50b0fed..eacda5eb2 100644
--- a/projects/truly-ui/src/components/tooltip/tooltipOptions.ts
+++ b/projects/truly-ui/src/components/tooltip/tooltipOptions.ts
@@ -22,7 +22,7 @@
 export interface TooltipOptions {
     text: string;
     color?: string;
-    placement?: string;
+    placement?: 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom' | 'top-center' | 'bottom-center';
     fontColor?: string;
     width?: string;
 }

From 6f211d77b81a00aec6cd501a6f0e8f4ba9545616 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 09:46:42 -0300
Subject: [PATCH 042/111] docs(tooltip): update docs.

---
 .../tooltipdemo-dataproperties.json.ts        |  4 +--
 .../tooltip/tooltipdemo.component.html        | 30 +++++++++----------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/app/components/tooltip/tooltipdemo-dataproperties.json.ts b/src/app/components/tooltip/tooltipdemo-dataproperties.json.ts
index 3ba025ecb..bbf593f89 100644
--- a/src/app/components/tooltip/tooltipdemo-dataproperties.json.ts
+++ b/src/app/components/tooltip/tooltipdemo-dataproperties.json.ts
@@ -19,12 +19,12 @@ export const data = [
     type: 'string',
     default: 'left',
     description: 'Position place of the Tooltip',
-    options: 'top | right | bottom | left'
+    options: 'left-top | left-center | left-bottom | right-top | right-center | right-bottom | top-center | bottom-center'
   },
   {
     name: 'tooltip.color',
     type: 'string',
-    default: '#000',
+    default: '#242525',
     description: 'Hex Color for background color',
     options: 'Hex | RGBA'
   },
diff --git a/src/app/components/tooltip/tooltipdemo.component.html b/src/app/components/tooltip/tooltipdemo.component.html
index 0a3c0d435..ef4c29a51 100644
--- a/src/app/components/tooltip/tooltipdemo.component.html
+++ b/src/app/components/tooltip/tooltipdemo.component.html
@@ -9,56 +9,54 @@
           <app-card>
             <div class="col-md-6">
               <h6>Placement Top</h6>
-              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'top'}"></tl-input>
+              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'top-center'}"></tl-input>
               <div class="spacer"></div>
 <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
- <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'top'}"></tl-input>
+   <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'top-center'}"></tl-input>
 </textarea>
             </div>
             <div class="col-md-6">
               <h6>Placement Bottom</h6>
-              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom'}"></tl-input>
+              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom-center'}"></tl-input>
               <div class="spacer"></div>
-              <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
-  <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom'}"></tl-input>
+<textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
+  <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom-center'}"></tl-input>
 </textarea>
             </div>
           </app-card>
           <app-card>
             <div class="col-md-6">
               <h6>Placement Right</h6>
-              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'right'}"></tl-input>
+              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'right-center'}"></tl-input>
               <div class="spacer"></div>
-              <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
-  <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'right'}"></tl-input>
+<textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
+<tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'right-center'}"></tl-input>
 </textarea>
             </div>
             <div class="col-md-6">
               <h6>Placement Left</h6>
-              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'left'}"></tl-input>
+              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'left-center'}"></tl-input>
               <div class="spacer"></div>
 <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
- <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'left'}"></tl-input>
+<tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'left-center'}"></tl-input>
 </textarea>
             </div>
           </app-card>
           <app-card>
             <div class="col-md-6">
               <h6>Custom Background Color</h6>
-              <tl-input type="text"
-                        [tooltip]="{text: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.', placement: 'top', color: '#CC181E', width: '320px'}">
-              </tl-input>
+              <tl-input type="text" [tooltip]="{text: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.', placement: 'top-center', color: '#CC181E', width: '320px'}"></tl-input>
               <div class="spacer"></div>
 <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
-  <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'top', color: '#CC181E', width: '320px'}"></tl-input>
+  <tl-input type="text" [tooltip]="{text: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.', placement: 'top-center', color: '#CC181E', width: '320px'}"></tl-input>
 </textarea>
             </div>
             <div class="col-md-6">
               <h6>Custom Font Color</h6>
-              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom', color: '#167AC6', fontColor: '#000' }"></tl-input>
+              <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom-center', color: '#399cc6', fontColor: '#fff' }"></tl-input>
               <div class="spacer"></div>
 <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
- <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'right', color: '#167AC6', fontColor: '#000' }"></tl-input>
+               <tl-input type="text" [tooltip]="{text: 'My tooltip', placement: 'bottom-center', color: '#167AC6', fontColor: '#fff' }"></tl-input>
 </textarea>
             </div>
           </app-card>

From 903054ec430d83ce5c6920e7e29d867be7dfb4f2 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 10:30:35 -0300
Subject: [PATCH 043/111] refact(app.routing): add missing route of calendar.

---
 src/app/app.component.html    | 4 ++--
 src/app/app.routing.module.ts | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index bf6e87745..5c05388fe 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -562,11 +562,11 @@
             </span>
           </a>
           <ul class="treeview-menu">
-            <li>
+           <!-- <li>
               <a href="#" routerLink="chatlist" routerLinkActive="active">
                 <tl-icon [icon]="'circle'" [lib]="'fa'" [style]="'far'" [size]="'10px'"></tl-icon> ChatList
               </a>
-            </li>
+            </li>-->
             <li>
               <a href="#" routerLink="listbox" routerLinkActive="active">
                 <tl-icon [icon]="'circle'" [lib]="'fa'" [style]="'far'" [size]="'10px'"></tl-icon> ListBox
diff --git a/src/app/app.routing.module.ts b/src/app/app.routing.module.ts
index a70b66a81..686a3d49a 100644
--- a/src/app/app.routing.module.ts
+++ b/src/app/app.routing.module.ts
@@ -58,6 +58,10 @@ import { GettingStartedComponent } from './getting-started/getting-started.compo
         path: 'blockui',
         loadChildren: './components/blockui/blockuidemo.module#BlockUIDemoModule'
       },
+      {
+        path: 'calendar',
+        loadChildren: './components/calendar/calendardemo.module#CalendarDemoModule'
+      },
       {
         path: 'colorpicker',
         loadChildren: './components/colorpicker/colorpickerdemo.module#ColorPickerDemoModule'

From 1cd86d71e1b9cbd6ff46504d4e5610525bff6c01 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 11:27:45 -0300
Subject: [PATCH 044/111] fix(datepicker): fix datepicker date masking and
 validation.

---
 .../src/components/datepicker/datepicker.html |  2 ++
 .../src/components/datepicker/datepicker.ts   | 19 +++++++++++++++----
 .../src/components/datepicker/index.ts        |  2 ++
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/projects/truly-ui/src/components/datepicker/datepicker.html b/projects/truly-ui/src/components/datepicker/datepicker.html
index 7f851ac53..315bd12b0 100644
--- a/projects/truly-ui/src/components/datepicker/datepicker.html
+++ b/projects/truly-ui/src/components/datepicker/datepicker.html
@@ -9,6 +9,8 @@
           (keypress)="handleDateChange()"
           (clear)="onClearInput($event)"
           [iconAfter]="iconAfter"
+          date
+          [formatDate]="formatDate"
           [textAlign]="textAlign"
           [labelPlacement]="labelPlacement"
           [readonly]="readonly ? true : null"
diff --git a/projects/truly-ui/src/components/datepicker/datepicker.ts b/projects/truly-ui/src/components/datepicker/datepicker.ts
index adf9fd31f..fb5cd33f5 100644
--- a/projects/truly-ui/src/components/datepicker/datepicker.ts
+++ b/projects/truly-ui/src/components/datepicker/datepicker.ts
@@ -53,6 +53,8 @@ export class TlDatePicker extends ElementBase<string> implements OnInit, AfterVi
 
   @Input() labelPlacement = 'left';
 
+  @Input() formatDate = 'dd.mm.yyyy';
+
   @Input() readonly = false;
 
   @Input() disabled = false;
@@ -73,7 +75,7 @@ export class TlDatePicker extends ElementBase<string> implements OnInit, AfterVi
 
   @ViewChild( TlCalendar ) calendar;
 
-  @ViewChild( TlInput ) tlinput;
+  @ViewChild( TlInput ) tlInput: TlInput;
 
   @ViewChild( 'calendarContent' ) calendarContent;
 
@@ -85,8 +87,6 @@ export class TlDatePicker extends ElementBase<string> implements OnInit, AfterVi
 
   public iconAfter = '';
 
-  public formatDate = '';
-
   public trigger;
 
   public year = new Date().getFullYear();
@@ -103,6 +103,7 @@ export class TlDatePicker extends ElementBase<string> implements OnInit, AfterVi
 
   ngOnInit() {
     this.handleDateChange();
+    this.setDateMask();
     if ( this.iconCalendar ) {
       this.iconAfter = 'ion-calendar';
     }
@@ -112,6 +113,17 @@ export class TlDatePicker extends ElementBase<string> implements OnInit, AfterVi
     this.validateDateDirective();
   }
 
+  setDateMask() {
+    this.tlInput.mask = this.getMask();
+  }
+
+  getMask() {
+    const format = this.formatDate.toLowerCase();
+    const dd = format.replace('dd', '00');
+    const mm = dd.replace('mm', '00');
+    return mm.replace('yyyy', '0000');
+  }
+
   validateDateDirective() {
     let hasDate = false;
     for ( const item of this.datePicker.nativeElement.attributes ) {
@@ -145,7 +157,6 @@ export class TlDatePicker extends ElementBase<string> implements OnInit, AfterVi
     this.setValue( $event );
     this.setDateValues($event);
     this.handleAutoClose();
-    this.tlinput.input.nativeElement.focus();
   }
 
   setDateValues($event) {
diff --git a/projects/truly-ui/src/components/datepicker/index.ts b/projects/truly-ui/src/components/datepicker/index.ts
index 31f2317fa..c5a94463b 100644
--- a/projects/truly-ui/src/components/datepicker/index.ts
+++ b/projects/truly-ui/src/components/datepicker/index.ts
@@ -31,6 +31,7 @@ import { InputModule } from '../input/index';
 import { TlDatePickerContent } from './datepicker-content/datepicker-content';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { PortalModule } from '@angular/cdk/portal';
+import { DateModule } from '../date/index';
 
 @NgModule( {
   imports: [
@@ -40,6 +41,7 @@ import { PortalModule } from '@angular/cdk/portal';
     FormsModule,
     OverlayModule,
     PortalModule,
+    DateModule,
     InputModule
   ],
   declarations: [

From c36cec8a48753d0af4344bd2ba248031661a4d91 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 11:28:50 -0300
Subject: [PATCH 045/111] docs(datepicker): update docs.

---
 .../datepicker/datepickerdemo-dataproperties.json.ts       | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/components/datepicker/datepickerdemo-dataproperties.json.ts b/src/app/components/datepicker/datepickerdemo-dataproperties.json.ts
index 308e44606..01430ccba 100644
--- a/src/app/components/datepicker/datepickerdemo-dataproperties.json.ts
+++ b/src/app/components/datepicker/datepickerdemo-dataproperties.json.ts
@@ -34,6 +34,13 @@ export const dataProperties = [
     description: 'Create a label together with Input Element',
     options: 'any text'
   },
+  {
+    name: 'formatDate',
+    type: 'string',
+    default: 'dd.mm.yyyy',
+    description: 'The format of date',
+    options: 'dd.mm.yyyy | mm.dd.yyyy | yyyy.mm.dd'
+  },
   {
     name: 'labelSize',
     type: 'string',

From 360eeae8d1512d643df82b5b5cedba3ee62963d8 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 14:03:07 -0300
Subject: [PATCH 046/111] refact(editor): refact tooltip placements

---
 .../src/components/editor/editor.html         | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/projects/truly-ui/src/components/editor/editor.html b/projects/truly-ui/src/components/editor/editor.html
index e7f3a2f47..ffa362707 100644
--- a/projects/truly-ui/src/components/editor/editor.html
+++ b/projects/truly-ui/src/components/editor/editor.html
@@ -1,7 +1,7 @@
 <div [class]="'ui-editor-wrapper ' + color" #wrapper>
   <div class="ui-editor-header">
     <ul class="ui-tools-list">
-      <li class="dropdown" [tooltip]="{text: toolbarConfig.font?.family?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font?.family?.show">
+      <li class="dropdown" [tooltip]="{text: toolbarConfig.font?.family?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font?.family?.show">
         <tl-dropdown-list [data]="dataFont"
                           (ngModelChange)="onChangeFont($event)"
                           [keyText]="'textItem'"
@@ -9,26 +9,26 @@
                           [(ngModel)]="font">
         </tl-dropdown-list>
       </li>
-      <li class="dropdown" [tooltip]="{text: toolbarConfig.font?.size?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font.size?.show">
+      <li class="dropdown" [tooltip]="{text: toolbarConfig.font?.size?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font.size?.show">
         <tl-dropdown-list [data]="dataFontSize" (ngModelChange)="onChangeFontSize($event)" [(ngModel)]="fontSize"></tl-dropdown-list>
       </li>
-      <li [tooltip]="{text: toolbarConfig.font?.bold?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font.bold?.show"><button class="ui-command fa fa-bold" [ngClass]="{'ui-active-tool': activeTools.bold}" (click)="setBold()"></button></li>
-      <li [tooltip]="{text: toolbarConfig.font.italic?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font.italic?.show"><button class="ui-command fa fa-italic" [ngClass]="{'ui-active-tool': activeTools.italic}" (click)="setItalic()"></button></li>
-      <li [tooltip]="{text: toolbarConfig.font.underline?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font.underline?.show"><button class="ui-command fa fa-underline" [ngClass]="{'ui-active-tool': activeTools.underline}" (click)="setUnderline()"></button></li>
-      <li [style.border-bottom]="'2px solid ' + colorSelected" #button  [tooltip]="{text: toolbarConfig.font.color?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font.color?.show">
+      <li [tooltip]="{text: toolbarConfig.font?.bold?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font.bold?.show"><button class="ui-command fa fa-bold" [ngClass]="{'ui-active-tool': activeTools.bold}" (click)="setBold()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.font.italic?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font.italic?.show"><button class="ui-command fa fa-italic" [ngClass]="{'ui-active-tool': activeTools.italic}" (click)="setItalic()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.font.underline?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font.underline?.show"><button class="ui-command fa fa-underline" [ngClass]="{'ui-active-tool': activeTools.underline}" (click)="setUnderline()"></button></li>
+      <li [style.border-bottom]="'2px solid ' + colorSelected" #button  [tooltip]="{text: toolbarConfig.font.color?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font.color?.show">
         <button class="ui-command fa fa-font"></button>
         <tl-colorpicker [mode]="'fromOrigin'" [elementOrigin]="button" [recentColors]="true" [(ngModel)]="colorSelected" [returnFormatColor]="true" (selectColor)="onChangeColor($event)"></tl-colorpicker>
       </li>
-      <li [tooltip]="{text: toolbarConfig.font.highlight?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.font.highlight?.show"><button class="ui-command fa fa-pencil" [ngClass]="{'ui-active-tool': cursorHighlight}" (click)="setHighlight()"></button></li>
-      <li [tooltip]="{text: toolbarConfig.alignment?.left?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.alignment?.left?.show"><button class="ui-command fa fa-align-left" [ngClass]="{'ui-active-tool': activeTools.alignLeft}" (click)="alignContent('justifyLeft')"></button></li>
-      <li [tooltip]="{text: toolbarConfig.alignment?.center?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.alignment?.center?.show"><button class="ui-command fa fa-align-center" [ngClass]="{'ui-active-tool': activeTools.alignCenter}" (click)="alignContent('justifyCenter')"></button></li>
-      <li [tooltip]="{text: toolbarConfig.alignment?.right?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.alignment?.right?.show"><button class="ui-command fa fa-align-right" [ngClass]="{'ui-active-tool': activeTools.alignRight}" (click)="alignContent('justifyRight')"></button></li>
-      <li [tooltip]="{text: toolbarConfig.alignment?.justify?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.alignment?.justify?.show"><button class="ui-command fa fa-align-justify" [ngClass]="{'ui-active-tool': activeTools.alignJustify}" (click)="alignContent('justifyFull')"></button></li>
-      <li [tooltip]="{text: toolbarConfig.lists?.ordered?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.lists?.ordered?.show"><button class="ui-command fa fa-list-ul" [ngClass]="{'ui-active-tool': activeTools.listUnordered}" (click)="setUnorderedList()"></button></li>
-      <li [tooltip]="{text: toolbarConfig.lists?.unordered?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.lists?.unordered?.show"><button class="ui-command fa fa-list-ol" [ngClass]="{'ui-active-tool': activeTools.listOrdered}" (click)="setOrderedList()"></button></li>
-      <li [tooltip]="{text: toolbarConfig.others?.link?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.others?.link?.show"><button class="ui-command fa fa-link" (click)="toggleLinkBox(); setDescriptionLink();"></button></li>
-      <li [tooltip]="{text: toolbarConfig.others?.imageLink?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.others?.imageLink?.show"><button class="ui-command fa ion-image" (click)="toggleImageBox()"></button></li>
-      <li [tooltip]="{text: toolbarConfig.others?.quote?.tooltipText, placement: 'top'}" *ngIf="toolbarConfig.others?.quote?.show"><button class="ui-command fa ion-quote" [ngClass]="{'ui-active-tool': activeTools.blockQuote}" (click)="setQuote()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.font.highlight?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.font.highlight?.show"><button class="ui-command fa fa-pencil" [ngClass]="{'ui-active-tool': cursorHighlight}" (click)="setHighlight()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.alignment?.left?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.alignment?.left?.show"><button class="ui-command fa fa-align-left" [ngClass]="{'ui-active-tool': activeTools.alignLeft}" (click)="alignContent('justifyLeft')"></button></li>
+      <li [tooltip]="{text: toolbarConfig.alignment?.center?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.alignment?.center?.show"><button class="ui-command fa fa-align-center" [ngClass]="{'ui-active-tool': activeTools.alignCenter}" (click)="alignContent('justifyCenter')"></button></li>
+      <li [tooltip]="{text: toolbarConfig.alignment?.right?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.alignment?.right?.show"><button class="ui-command fa fa-align-right" [ngClass]="{'ui-active-tool': activeTools.alignRight}" (click)="alignContent('justifyRight')"></button></li>
+      <li [tooltip]="{text: toolbarConfig.alignment?.justify?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.alignment?.justify?.show"><button class="ui-command fa fa-align-justify" [ngClass]="{'ui-active-tool': activeTools.alignJustify}" (click)="alignContent('justifyFull')"></button></li>
+      <li [tooltip]="{text: toolbarConfig.lists?.ordered?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.lists?.ordered?.show"><button class="ui-command fa fa-list-ul" [ngClass]="{'ui-active-tool': activeTools.listUnordered}" (click)="setUnorderedList()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.lists?.unordered?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.lists?.unordered?.show"><button class="ui-command fa fa-list-ol" [ngClass]="{'ui-active-tool': activeTools.listOrdered}" (click)="setOrderedList()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.others?.link?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.others?.link?.show"><button class="ui-command fa fa-link" (click)="toggleLinkBox(); setDescriptionLink();"></button></li>
+      <li [tooltip]="{text: toolbarConfig.others?.imageLink?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.others?.imageLink?.show"><button class="ui-command fa ion-image" (click)="toggleImageBox()"></button></li>
+      <li [tooltip]="{text: toolbarConfig.others?.quote?.tooltipText, placement: 'top-center'}" *ngIf="toolbarConfig.others?.quote?.show"><button class="ui-command fa ion-quote" [ngClass]="{'ui-active-tool': activeTools.blockQuote}" (click)="setQuote()"></button></li>
     </ul>
   </div>
 

From 0f7af360e2af8f938d44a53be426006069814473 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 14:04:28 -0300
Subject: [PATCH 047/111] fix(blockui): fix blockui positioning

---
 projects/truly-ui/src/components/blockui/blockui-config.ts | 3 +++
 .../truly-ui/src/components/blockui/blockui.component.html | 5 ++++-
 projects/truly-ui/src/components/blockui/blockui.scss      | 2 --
 projects/truly-ui/src/components/blockui/blockui.ts        | 7 +++++++
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/blockui/blockui-config.ts b/projects/truly-ui/src/components/blockui/blockui-config.ts
index c5e71a948..6045a2b1d 100644
--- a/projects/truly-ui/src/components/blockui/blockui-config.ts
+++ b/projects/truly-ui/src/components/blockui/blockui-config.ts
@@ -24,5 +24,8 @@ export class BlockUIConfig {
     public icon = 'fas fa-sync-alt';
     public spin = true;
     public message = '';
+    public width = '';
+    public height = '';
     public color = '';
+    public padding = '';
 }
diff --git a/projects/truly-ui/src/components/blockui/blockui.component.html b/projects/truly-ui/src/components/blockui/blockui.component.html
index 04bd60b94..42f6e00e0 100644
--- a/projects/truly-ui/src/components/blockui/blockui.component.html
+++ b/projects/truly-ui/src/components/blockui/blockui.component.html
@@ -1,4 +1,7 @@
-<div class="blockui-wrapper">
+<div class="blockui-wrapper"
+     [style.width]="config.width"
+     [style.margin]="'-'+config.padding"
+     [style.height]="config.height">
   <div id="blockui">
     <div class="blockui-content">
       <tl-icon [size]="'3em'" [color]="config.color" [animation]="config.spin ? 'spin' : null">{{ config.icon }}</tl-icon>
diff --git a/projects/truly-ui/src/components/blockui/blockui.scss b/projects/truly-ui/src/components/blockui/blockui.scss
index e1757a28f..99040f457 100644
--- a/projects/truly-ui/src/components/blockui/blockui.scss
+++ b/projects/truly-ui/src/components/blockui/blockui.scss
@@ -2,8 +2,6 @@
   position: absolute;
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
   background: rgba(245, 245, 245, 0.8);
   z-index: 1000;
 }
diff --git a/projects/truly-ui/src/components/blockui/blockui.ts b/projects/truly-ui/src/components/blockui/blockui.ts
index 22faf00da..ed03523f0 100644
--- a/projects/truly-ui/src/components/blockui/blockui.ts
+++ b/projects/truly-ui/src/components/blockui/blockui.ts
@@ -63,7 +63,14 @@ export class TlBlockUI implements OnChanges {
     this.overlayElement = this.overlayElementInstance.instance.element;
   }
 
+  private getPaddingElementRef() {
+    return window.getComputedStyle(this.elementRef.nativeElement).padding;
+  }
+
   private setConfigToElement() {
+    this.blockuiConfig.width = this.elementRef.nativeElement.offsetWidth - 2 + 'px';
+    this.blockuiConfig.height = this.elementRef.nativeElement.offsetHeight + 'px';
+    this.blockuiConfig.padding = this.getPaddingElementRef();
     this.overlayElementInstance.instance.config = this.blockuiConfig;
   }
 

From 91cf2481e386ff44729a049df0569673a5c02557 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 8 Mar 2019 15:03:04 -0300
Subject: [PATCH 048/111] ci: fix error TypeError: Cannot assign to read only
 property 'Symbol(Symbol.toStringTag)' of object '#<process>'

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index 438e5ddfe..99a041228 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -14,7 +14,7 @@ notifications:
 node_js:
   - '8'
   - '10'
-  - '11'
+  - "11.10.1"
 before_script:
   - npm prune
   - npm run lint

From 6721989c0ac98027abae06b0274c087364f035ab Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 17:04:38 -0300
Subject: [PATCH 049/111] feat(loader): create loader component.

---
 .../truly-ui/src/components/loader/index.ts   | 19 +++++++++
 .../src/components/loader/loader.html         | 10 +++++
 .../src/components/loader/loader.scss         | 33 +++++++++++++++
 .../truly-ui/src/components/loader/loader.ts  | 40 +++++++++++++++++++
 4 files changed, 102 insertions(+)
 create mode 100644 projects/truly-ui/src/components/loader/index.ts
 create mode 100644 projects/truly-ui/src/components/loader/loader.html
 create mode 100644 projects/truly-ui/src/components/loader/loader.scss
 create mode 100644 projects/truly-ui/src/components/loader/loader.ts

diff --git a/projects/truly-ui/src/components/loader/index.ts b/projects/truly-ui/src/components/loader/index.ts
new file mode 100644
index 000000000..47e2925fc
--- /dev/null
+++ b/projects/truly-ui/src/components/loader/index.ts
@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { TlLoader } from './loader';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule
+  ],
+  declarations: [
+    TlLoader
+  ],
+  exports: [
+    TlLoader
+  ]
+})
+export class LoaderModule {}
diff --git a/projects/truly-ui/src/components/loader/loader.html b/projects/truly-ui/src/components/loader/loader.html
new file mode 100644
index 000000000..3adf1875b
--- /dev/null
+++ b/projects/truly-ui/src/components/loader/loader.html
@@ -0,0 +1,10 @@
+<svg class="spinner" viewBox="0 0 50 50">
+  <circle class="path"
+          cx="25"
+          cy="25"
+          r="20"
+          fill="none"
+          [attr.stroke]="color"
+          [attr.stroke-width]="strokeWidth">
+  </circle>
+</svg>
diff --git a/projects/truly-ui/src/components/loader/loader.scss b/projects/truly-ui/src/components/loader/loader.scss
new file mode 100644
index 000000000..20191799f
--- /dev/null
+++ b/projects/truly-ui/src/components/loader/loader.scss
@@ -0,0 +1,33 @@
+.spinner {
+  z-index: 2;
+  min-width: 100%;
+  min-height: 100%;
+  animation: rotate 2s linear infinite;
+
+  & .path {
+    stroke-linecap: round;
+    animation: dash 1.5s ease-in-out infinite;
+  }
+
+}
+
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 150;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -35;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -124;
+  }
+}
diff --git a/projects/truly-ui/src/components/loader/loader.ts b/projects/truly-ui/src/components/loader/loader.ts
new file mode 100644
index 000000000..02b0c0292
--- /dev/null
+++ b/projects/truly-ui/src/components/loader/loader.ts
@@ -0,0 +1,40 @@
+/*
+    MIT License
+
+    Copyright (c) 2018 Temainfo Software
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+*/
+
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'tl-loader',
+  templateUrl: './loader.html',
+  styleUrls: ['./loader.scss'],
+})
+export class TlLoader implements OnInit {
+
+  @Input() color = '#ccc';
+
+  @Input() strokeWidth = 5;
+
+  constructor() {}
+
+  ngOnInit() {}
+
+}

From ed90ab8b244e785107520b3b05c0652b3f487aad Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 8 Mar 2019 17:09:13 -0300
Subject: [PATCH 050/111] docs(loader): create loader documentation page.

---
 src/app/app.component.html                    |  5 +++
 src/app/app.routing.module.ts                 |  4 ++
 .../loader/loaderdemo-dataproperties.json.ts  | 37 ++++++++++++++++
 .../loader/loaderdemo-routing.module.ts       | 37 ++++++++++++++++
 .../loader/loaderdemo.component.html          | 42 ++++++++++++++++++
 .../loader/loaderdemo.component.scss          |  4 ++
 .../components/loader/loaderdemo.component.ts | 43 +++++++++++++++++++
 .../loader/loaderdemo.dataevents.json.ts      | 33 ++++++++++++++
 .../components/loader/loaderdemo.module.ts    | 34 +++++++++++++++
 9 files changed, 239 insertions(+)
 create mode 100644 src/app/components/loader/loaderdemo-dataproperties.json.ts
 create mode 100644 src/app/components/loader/loaderdemo-routing.module.ts
 create mode 100644 src/app/components/loader/loaderdemo.component.html
 create mode 100644 src/app/components/loader/loaderdemo.component.scss
 create mode 100644 src/app/components/loader/loaderdemo.component.ts
 create mode 100644 src/app/components/loader/loaderdemo.dataevents.json.ts
 create mode 100644 src/app/components/loader/loaderdemo.module.ts

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 5c05388fe..f2ae18afa 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -439,6 +439,11 @@
             </span>
           </a>
           <ul class="treeview-menu">
+            <li>
+              <a href="#" routerLink="loader" routerLinkActive="active">
+                <tl-icon [icon]="'circle'" [lib]="'fa'" [style]="'far'" [size]="'10px'"></tl-icon> Loader
+              </a>
+            </li>
             <li>
               <a href="#" routerLink="progressbar" routerLinkActive="active">
                 <tl-icon [icon]="'circle'" [lib]="'fa'" [style]="'far'" [size]="'10px'"></tl-icon> Progress Bar
diff --git a/src/app/app.routing.module.ts b/src/app/app.routing.module.ts
index 686a3d49a..01ba42c0c 100644
--- a/src/app/app.routing.module.ts
+++ b/src/app/app.routing.module.ts
@@ -170,6 +170,10 @@ import { GettingStartedComponent } from './getting-started/getting-started.compo
         path: 'icons/ionicons',
         loadChildren: './components/icons/ionicons/iconsdemo.module#IconsDemoModule'
       },
+      {
+        path: 'loader',
+        loadChildren: './components/loader/loaderdemo.module#LoaderDemoModule'
+      },
       {
         path: 'listbox',
         loadChildren: './components/listbox/listboxdemo.module#ListBoxDemoModule'
diff --git a/src/app/components/loader/loaderdemo-dataproperties.json.ts b/src/app/components/loader/loaderdemo-dataproperties.json.ts
new file mode 100644
index 000000000..7f505dcf6
--- /dev/null
+++ b/src/app/components/loader/loaderdemo-dataproperties.json.ts
@@ -0,0 +1,37 @@
+/*
+  MIT License
+
+  Copyright (c) 2018 Temainfo Software
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+export const dataProperties = [
+  {
+    name: 'color',
+    type: 'string',
+    default: '#ccc',
+    description: 'HEX color of spinner',
+    options: 'HEX color'
+  },
+  {
+    name: 'strokeWidth',
+    type: 'string',
+    default: '#ccc',
+    description: 'Width of spinner stroke',
+    options: 'CSS measure'
+  },
+];
diff --git a/src/app/components/loader/loaderdemo-routing.module.ts b/src/app/components/loader/loaderdemo-routing.module.ts
new file mode 100644
index 000000000..1f8f26543
--- /dev/null
+++ b/src/app/components/loader/loaderdemo-routing.module.ts
@@ -0,0 +1,37 @@
+/*
+MIT License
+
+Copyright (c) 2018 Temainfo Software
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { LoaderDemoComponent } from './loaderdemo.component';
+
+@NgModule({
+  imports: [
+    RouterModule.forChild( [
+      { path: '', component: LoaderDemoComponent }
+    ])
+  ],
+  exports: [
+    RouterModule
+  ]
+})
+export class LoaderDemoRoutingModule {}
diff --git a/src/app/components/loader/loaderdemo.component.html b/src/app/components/loader/loaderdemo.component.html
new file mode 100644
index 000000000..41da4507d
--- /dev/null
+++ b/src/app/components/loader/loaderdemo.component.html
@@ -0,0 +1,42 @@
+<div class="router-outlet">
+  <app-showcase-header name="Loader" module="LoaderModule">
+    The Truly-UI Loader are styles for actions in forms, dialogs, and more with support for multiple sizes, states
+    and many properties for customization
+  </app-showcase-header>
+  <div class="showcase">
+    <div class="row">
+      <div class="col-md-12">
+        <app-showcase-card [title]="'Showcase'" [icon]="'fas fa-desktop'">
+          <app-card>
+            <div class="col-md-3">
+              <h6>Basic</h6>
+              <div class="loader-box">
+                <tl-loader></tl-loader>
+              </div>
+              <br>
+            </div>
+            <div class="col-md-3">
+              <h6>Stroke Width</h6>
+              <div class="loader-box">
+                <tl-loader [strokeWidth]="3"></tl-loader>
+              </div>
+              <br>
+            </div>
+            <div class="col-md-3">
+              <h6>Custom Color</h6>
+              <div class="loader-box">
+                <tl-loader [color]="'#66cc99'"></tl-loader>
+              </div>
+              <br>
+            </div>
+          </app-card>
+        </app-showcase-card>
+      </div>
+    </div>
+    <app-showcase-card [title]="'Properties'" [icon]="'fas fa-clipboard-list'">
+      <app-card>
+        <app-showcase-table-properties [data]="dataTableProperties"></app-showcase-table-properties>
+      </app-card>
+    </app-showcase-card>
+  </div>
+</div>
diff --git a/src/app/components/loader/loaderdemo.component.scss b/src/app/components/loader/loaderdemo.component.scss
new file mode 100644
index 000000000..beeb60214
--- /dev/null
+++ b/src/app/components/loader/loaderdemo.component.scss
@@ -0,0 +1,4 @@
+.loader-box {
+  width: 100px;
+  height: 100px;
+}
diff --git a/src/app/components/loader/loaderdemo.component.ts b/src/app/components/loader/loaderdemo.component.ts
new file mode 100644
index 000000000..f65f8b788
--- /dev/null
+++ b/src/app/components/loader/loaderdemo.component.ts
@@ -0,0 +1,43 @@
+/*
+  MIT License
+
+  Copyright (c) 2018 Temainfo Software
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+import { Component } from '@angular/core';
+
+import * as json from './loaderdemo-dataproperties.json';
+import * as jsonEvts from './loaderdemo.dataevents.json';
+
+@Component( {
+selector : 'app-loader',
+templateUrl : './loaderdemo.component.html',
+styleUrls : [ './loaderdemo.component.scss' ],
+} )
+export class LoaderDemoComponent {
+
+  public dataTableProperties;
+
+  public dataEvents;
+
+  constructor() {
+    this.dataTableProperties = json.dataProperties;
+    this.dataEvents = jsonEvts.dataEvents;
+  }
+}
+
diff --git a/src/app/components/loader/loaderdemo.dataevents.json.ts b/src/app/components/loader/loaderdemo.dataevents.json.ts
new file mode 100644
index 000000000..8b207f93c
--- /dev/null
+++ b/src/app/components/loader/loaderdemo.dataevents.json.ts
@@ -0,0 +1,33 @@
+/*
+  MIT License
+
+  Copyright (c) 2018 Temainfo Software
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+export const dataEvents = [
+  {
+    name: 'selected',
+    parameters: [
+      {
+        event: 'selected',
+        description: 'Action Selected'
+      }
+    ],
+    description: 'Callback to invoke when toogle event.',
+  },
+];
diff --git a/src/app/components/loader/loaderdemo.module.ts b/src/app/components/loader/loaderdemo.module.ts
new file mode 100644
index 000000000..77da48292
--- /dev/null
+++ b/src/app/components/loader/loaderdemo.module.ts
@@ -0,0 +1,34 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { NgModule } from '@angular/core';
+
+import { HighlightJsModule } from 'ngx-highlight-js';
+
+import { LoaderDemoRoutingModule } from './loaderdemo-routing.module';
+import { LoaderDemoComponent } from './loaderdemo.component';
+import { LoaderModule } from '../../../../projects/truly-ui/src/components/loader';
+import { ShowcaseCardModule } from '../../shared/components/showcase-card/showcase-card.module';
+import { ShowcaseTablePropertiesModule } from '../../shared/components/showcase-table-properties/showcase-table-properties.module';
+import { ShowcaseTableEventsModule } from '../../shared/components/showcase-table-events/showcase-table-events.module';
+import { ShowcaseHeaderModule } from '../../shared/components/showcase-header/showcase-header.module';
+
+@NgModule({
+  declarations: [
+    LoaderDemoComponent
+  ],
+  imports: [
+    LoaderDemoRoutingModule,
+    LoaderModule,
+    CommonModule,
+    FormsModule,
+    HighlightJsModule,
+    ShowcaseCardModule,
+    ShowcaseTablePropertiesModule,
+    ShowcaseTableEventsModule,
+    ShowcaseHeaderModule
+  ],
+  exports: [
+    LoaderDemoComponent
+  ]
+})
+export class LoaderDemoModule {}

From 52fa1e39e5b9ce0432c4df4123d64fcfd6a142e2 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 11 Mar 2019 09:46:49 -0300
Subject: [PATCH 051/111] refact(dropdown): change loader of dropdown list
 loading

---
 .../truly-ui/src/components/dropdownlist/dropdownlist.html    | 4 +++-
 .../truly-ui/src/components/dropdownlist/dropdownlist.scss    | 4 ++++
 projects/truly-ui/src/components/dropdownlist/index.ts        | 2 ++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 2fcdb4590..21236dc0d 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -1,6 +1,8 @@
 <div class="ui-dropdown-box"  [ngStyle]="{'line-height' : itemHeight, 'width': width}">
 
-  <tl-icon class="ui-loading-icon" *ngIf="isLoading" [lib]="'fa'" [animation]="'spin'">spinner</tl-icon>
+  <div class="ui-loading-icon">
+    <tl-loader *ngIf="isLoading"></tl-loader>
+  </div>
 
   <tl-label *ngIf="label"
             [style.display]="labelPlacement === 'left' ? 'table-cell' : 'block'"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss b/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
index 5422763eb..9274edb05 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.scss
@@ -58,7 +58,11 @@ $button-font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
   }
 
   .ui-loading-icon {
+    position: absolute;
+    width: 18px;
+    height: 18px;
     z-index: 1;
+    margin: 0;
     right: 35px;
   }
 
diff --git a/projects/truly-ui/src/components/dropdownlist/index.ts b/projects/truly-ui/src/components/dropdownlist/index.ts
index 024b2496d..b78a49e05 100644
--- a/projects/truly-ui/src/components/dropdownlist/index.ts
+++ b/projects/truly-ui/src/components/dropdownlist/index.ts
@@ -10,6 +10,7 @@ import { OverlayListModule } from '../overlaylist/index';
 import { InternalsModule } from '../internals/index';
 import { IconsModule } from '../icons/index';
 import { DROPDOWN_CONFIG, DropdownConfig } from './interfaces/dropdown.config';
+import { LoaderModule } from '../loader/index';
 
 @NgModule( {
   imports: [
@@ -17,6 +18,7 @@ import { DROPDOWN_CONFIG, DropdownConfig } from './interfaces/dropdown.config';
     InputModule,
     OverlayListModule,
     IconsModule,
+    LoaderModule,
     OverlayModule,
     A11yModule,
     InternalsModule,

From aadafab5483ec9fc1a577f571f49ddf05c5379d0 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 11 Mar 2019 10:03:38 -0300
Subject: [PATCH 052/111] doc(readme): add link to blog in medium

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 254145764..15aa45fa0 100644
--- a/README.md
+++ b/README.md
@@ -55,6 +55,7 @@
 - ✨ Learn about it on the [docs site](http://truly-ui.com/)
 - 🚀 See it in action on [Stackblitz](https://stackblitz.com/edit/truly-ui-simple)
 - 😎 Checkout the [sample application](integration)
+- 📖 Read the blog [posts](https://medium.com/truly-ui)
 - 📝 Learn about updates from the [changelog](https://github.com/TemainfoSoftware/truly-ui/releases)
 - 💬 Get to know the latest news first through [slack](https://trulyui.slack.com)
 

From 062d6a301f4e223b341e138b00de121115a238c4 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 11 Mar 2019 10:05:32 -0300
Subject: [PATCH 053/111] feat(schedule): fix new positions of tooltip

---
 .../schedule/views/day-list/day-list.component.html         | 6 +++---
 .../components/schedule/views/day/view-day.component.html   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/views/day-list/day-list.component.html b/projects/truly-ui/src/components/schedule/views/day-list/day-list.component.html
index f0b3e20d9..c7a117f1f 100644
--- a/projects/truly-ui/src/components/schedule/views/day-list/day-list.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day-list/day-list.component.html
@@ -1,13 +1,13 @@
 <div class="ui-schedule-daylist-wrapper"
-     [tlBlockui]="events.length === 0"
+     [tlBlockui]="events?.length === 0"
      [blockuiConfig]="{'spin': false, 'icon': 'ion-calendar', 'message': 'No events to display'}"
      [dimensionsFrom]="'parent'"
 >
   <div class="ui-schedule-daylist-events">
     <div class="ui-schedule-event-box"
          *ngFor="let event of events; let index = index"
-         [style.borderTopColor]="statusConfig ? statusConfig[event.status].color : '#FFFFFF'"
-         [tooltip]="{text: statusConfig ? statusConfig[event.status].description : '' , placement: 'left'}"
+         [style.borderTopColor]="statusConfig ? statusConfig[event.status]?.color : '#FFFFFF'"
+         [tooltip]="{text: statusConfig ? statusConfig[event.status]?.description : '' , placement: 'left-center'}"
          (click)="onEventClick.emit(event)"
          (dblclick)="onEventDbClick.emit(event)"
          (mouseover)="onEventMouseout.emit(event)"
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
index d0627c072..efbe667ad 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
@@ -32,7 +32,7 @@
               width: event.positions.width + 'px'
            }"
            [style.borderLeftColor]="statusConfig ? statusConfig[event.data.status].color : '#FFFFFF'"
-           [tooltip]="{text: statusConfig ? statusConfig[event.data.status].description : '' , placement: 'top'}"
+           [tooltip]="{text: statusConfig ? statusConfig[event.data.status].description : '' , placement: 'top-center'}"
            (click)="onEventClick.emit(event.data)"
            (dblclick)="onEventDbClick.emit(event.data)"
            (mouseover)="onEventMouseout.emit(event.data)"

From c070fa2866494bc37daf1e7a59dcbb71e66cae16 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 11 Mar 2019 14:03:15 -0300
Subject: [PATCH 054/111] refactor: create properties workScale e slotSettings

---
 .../src/components/schedule/schedule.html     |  5 ++-
 .../src/components/schedule/schedule.ts       | 32 +++++++++++--------
 .../schedule/types/block-dates.type.ts        | 26 +++++++++++++++
 .../schedule/types/slot-settings.type.ts      | 28 ++++++++++++++++
 .../schedule/types/work-scale.type.ts         | 29 +++++++++++++++++
 .../views/day/view-day.component.html         |  4 +--
 .../schedule/views/day/view-day.component.ts  | 15 +++++----
 7 files changed, 113 insertions(+), 26 deletions(-)
 create mode 100644 projects/truly-ui/src/components/schedule/types/block-dates.type.ts
 create mode 100644 projects/truly-ui/src/components/schedule/types/slot-settings.type.ts
 create mode 100644 projects/truly-ui/src/components/schedule/types/work-scale.type.ts

diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index c01338c71..ff61ae0be 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -16,7 +16,6 @@
   <div  class="ui-schedule-body" [ngStyle]="{height: 'calc(' + height +' - 52px)'}" [ngSwitch]="defaultView">
     <tl-view-day
       *ngSwitchCase="'day'"
-      [duration]="duration"
       [currentDate]="currentDate"
       [events]="eventsOfDay"
       [startDayMilliseconds]="startDayMilliseconds"
@@ -24,8 +23,8 @@
       [showNowIndicator]="showNowIndicator"
       [statusConfig]="statusConfig"
 
-      [slatHightRows]="slatHightRows"
-      [slatNumberRows]="slatNumberRows"
+      [slotSettings]="slotSettings"
+      [workScale]="workScale"
       [slatNumberRowsAsArray]="slatNumberRowsAsArray"
 
       (onRowDbClick)="rowDbClick.emit($event)"
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index 19a82082b..4944f8082 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -25,6 +25,8 @@ import {
 import { ScheduleDataSource } from './types/datasource.type';
 import { StatusType } from './types/status.type';
 import { ViewType } from './types/view.type';
+import { SlotSettingsType } from './types/slot-settings.type';
+import { WorkScaleType } from './types/work-scale.type';
 
 @Component( {
   selector: 'tl-schedule',
@@ -44,13 +46,11 @@ export class TlSchedule implements OnInit, OnChanges {
 
   @Input() height = '550px';
 
-  @Input() duration = 30;
+  @Input() slotSettings: SlotSettingsType = new SlotSettingsType(  2, 43);
 
-  @Input() showNowIndicator = false;
-
-  @Input() slatHightRows = 43;
+  @Input() workScale: WorkScaleType = new WorkScaleType( '08:00', '18:00', 30 );
 
-  @Input() slatNumberRows = 2;
+  @Input() showNowIndicator = false;
 
   @Input('events') set events( events: ScheduleDataSource[] ) {
     this._events = [...events].sort(( a, b ) => a.date.start - b.date.start  );
@@ -60,18 +60,10 @@ export class TlSchedule implements OnInit, OnChanges {
     return this._events;
   }
 
-  @Input('startDayHour') set startDayHour( hours: string ) {
-    this._startDayHour = hours;
-    this.startDayMilliseconds = this.transformHourToMileseconds( hours );
-  }
   get startDayHour () {
     return this._startDayHour;
   }
 
-  @Input('endDayHour') set setEndDayHour( hours: string ) {
-    this._endDayHour = hours;
-    this.endDayMilliseconds = this.transformHourToMileseconds( hours );
-  }
   get endDayHour () {
     return this._endDayHour;
   }
@@ -116,6 +108,18 @@ export class TlSchedule implements OnInit, OnChanges {
 
   ngOnChanges( changes: SimpleChanges ) {
 
+    if ( changes['workScale'] !== undefined ) {
+      if ( changes[ 'workScale' ].firstChange ) {
+        this._startDayHour = changes[ 'workScale' ].currentValue.start;
+        this.startDayMilliseconds = this.transformHourToMileseconds( changes[ 'workScale' ].currentValue.start );
+
+        this._endDayHour = changes[ 'workScale' ].currentValue.end;
+        this.endDayMilliseconds = this.transformHourToMileseconds( changes[ 'workScale' ].currentValue.end );
+
+      }
+    }
+
+
     if ( changes['events'] !== undefined ) {
       if ( !changes[ 'events' ].firstChange ) {
         this.refreshStartAndEndDay();
@@ -171,7 +175,7 @@ export class TlSchedule implements OnInit, OnChanges {
   }
 
   private convertSlarNumberToArray() {
-    this.slatNumberRowsAsArray = Array( this.slatNumberRows );
+    this.slatNumberRowsAsArray = Array( this.slotSettings.slotCount );
     this.changeDetection.detectChanges();
   }
 }
diff --git a/projects/truly-ui/src/components/schedule/types/block-dates.type.ts b/projects/truly-ui/src/components/schedule/types/block-dates.type.ts
new file mode 100644
index 000000000..fa695ceaf
--- /dev/null
+++ b/projects/truly-ui/src/components/schedule/types/block-dates.type.ts
@@ -0,0 +1,26 @@
+/*
+    MIT License
+
+    Copyright (c) 2019 Temainfo Sistemas
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+*/
+
+export class BlockDatesType {
+  start: string;
+  end: string;
+}
diff --git a/projects/truly-ui/src/components/schedule/types/slot-settings.type.ts b/projects/truly-ui/src/components/schedule/types/slot-settings.type.ts
new file mode 100644
index 000000000..98bf04265
--- /dev/null
+++ b/projects/truly-ui/src/components/schedule/types/slot-settings.type.ts
@@ -0,0 +1,28 @@
+/*
+    MIT License
+
+    Copyright (c) 2019 Temainfo Sistemas
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+*/
+
+export class SlotSettingsType {
+    constructor(
+    public slotCount: number,
+    public slotHight: number
+  ) {}
+}
diff --git a/projects/truly-ui/src/components/schedule/types/work-scale.type.ts b/projects/truly-ui/src/components/schedule/types/work-scale.type.ts
new file mode 100644
index 000000000..448f3ab0c
--- /dev/null
+++ b/projects/truly-ui/src/components/schedule/types/work-scale.type.ts
@@ -0,0 +1,29 @@
+/*
+    MIT License
+
+    Copyright (c) 2019 Temainfo Sistemas
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+*/
+
+export class WorkScaleType {
+  constructor(
+    public start: string,
+    public end: string,
+    public interval: number
+  ) {}
+}
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
index efbe667ad..1d3c70709 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
@@ -2,7 +2,7 @@
 
   <!-- CREATE TIMES BOXES-->
   <div class="ui-schedule-times">
-    <div class="ui-schedule-time-row" [ngStyle]="{height: (slatNumberRows * slatHightRows) + 'px'}" *ngFor="let time of timesCollection">
+    <div class="ui-schedule-time-row" [ngStyle]="{height: (slotSettings.slotCount * slotSettings.slotHight) + 'px'}" *ngFor="let time of timesCollection">
       <span class="ui-hour-detail">{{time | date: 'HH'}}</span>:{{time | date: 'mm'}}
     </div>
   </div>
@@ -11,7 +11,7 @@
   <div #scheduleSlats class="ui-schedule-widget-content">
     <div *ngFor="let time of timesCollection; let last = last; let first = first" class="ui-schedule-widget-rows">
       <div class="ui-schedule-row" *ngFor="let row of slatNumberRowsAsArray; let index = index"
-           [ngStyle]="{height: slatHightRows + 'px'}"
+           [ngStyle]="{height: slotSettings.slotHight + 'px'}"
            [ngClass]="{last: last, first: first}"
            (dblclick)="rowDbClick( time, index )"></div>
     </div>
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index ce81fd790..dfefb317e 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -4,6 +4,8 @@ import {
 } from '@angular/core';
 import { ScheduleDataSource } from '../../types/datasource.type';
 import { GenerateEventsService } from '../../services/generate-events.service';
+import { SlotSettingsType } from '../../types/slot-settings.type';
+import { WorkScaleType } from '../../types/work-scale.type';
 
 @Component({
   selector: 'tl-view-day',
@@ -13,8 +15,6 @@ import { GenerateEventsService } from '../../services/generate-events.service';
 })
 export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
-  @Input() duration = 30;
-
   @Input() currentDate = new Date();
 
   @Input() events: ScheduleDataSource[];
@@ -27,9 +27,9 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   @Input() showNowIndicator = false;
 
-  @Input() slatHightRows = 43;
+  @Input() slotSettings: SlotSettingsType;
 
-  @Input() slatNumberRows = 2;
+  @Input() workScale: WorkScaleType;
 
   @Input() slatNumberRowsAsArray: Array<Number>;
 
@@ -57,6 +57,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   ngOnInit() {
     this.generateTimes();
+    console.log( this.timeScale);
   }
 
   ngAfterViewInit() {
@@ -90,8 +91,8 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   rowDbClick( time, index) {
 
-    const minutesToStart = index > 0 ? ( this.duration / this.slatNumberRows ) * ( index ) : 0;
-    const minutesToEnd = ( this.duration / this.slatNumberRows ) * ( index + 1 );
+    const minutesToStart = index > 0 ? ( this.workScale.interval / this.timeScale.slotCount ) * ( index ) : 0;
+    const minutesToEnd = ( this.workScale.interval / this.timeScale.slotCount ) * ( index + 1 );
 
     this.onRowDbClick.emit({
       start: new Date(time).setMinutes( minutesToStart ),
@@ -109,7 +110,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
     while ( currentHour_ms < this.endDayMilliseconds ) {
       if ( currentHour_ms === nextHourBreak_ms  ) {
         this.timesCollection.push( new Date(nextHourBreak_ms) );
-        nextHourBreak_ms =  nextHourBreak_ms + (this.duration * MIN_TO_MILLESECOND);
+        nextHourBreak_ms =  nextHourBreak_ms + (this.workScale.interval * MIN_TO_MILLESECOND);
       }
       currentHour_ms++;
     }

From b3a8045f99c628c7d327aedd99dce64fcc21b4f1 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 11 Mar 2019 15:15:30 -0300
Subject: [PATCH 055/111] fix(dropdownlist): fix dropdown label positioning.

---
 projects/truly-ui/src/components/dropdownlist/dropdownlist.html | 2 +-
 projects/truly-ui/src/components/dropdownlist/dropdownlist.ts   | 2 +-
 .../src/components/internals/components/label/label.scss        | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 21236dc0d..59cc030f2 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -5,11 +5,11 @@
   </div>
 
   <tl-label *ngIf="label"
-            [style.display]="labelPlacement === 'left' ? 'table-cell' : 'block'"
             [labelPlacement]="labelPlacement"
             [labelSize]="labelSize"
             [labelTitle]="label">
   </tl-label>
+
   <div class="ui-dropdown-wrapper">
   <input cdkOverlayOrigin
          #wrapper
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index 80c5c4aa9..f8e7a21c2 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -67,7 +67,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'disabled' ) disabled = false;
 
-  @Input( 'labelPlacement' ) labelPlacement = 'left';
+  @Input( 'labelPlacement' ) labelPlacement = 'top';
 
   @Input( 'labelSize' ) labelSize = '100px';
 
diff --git a/projects/truly-ui/src/components/internals/components/label/label.scss b/projects/truly-ui/src/components/internals/components/label/label.scss
index 8c8be7c94..501368491 100644
--- a/projects/truly-ui/src/components/internals/components/label/label.scss
+++ b/projects/truly-ui/src/components/internals/components/label/label.scss
@@ -7,6 +7,7 @@ $default-fontSize: 1em;
   text-align: left;
   padding: 0 0 5px 0;
   box-sizing: border-box;
+  line-height: 1px;
 }
 
 :host(.label-left) {

From 3d2ccf03b0b9a00015b27393bdcd82b8632fe48d Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 11 Mar 2019 15:17:31 -0300
Subject: [PATCH 056/111] docs(form-modal): update docs.

---
 .../form/modal/form-modal/form-modal.component.html    | 10 +++++-----
 .../form/modal/form-modal/form-modal.component.ts      |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/components/form/modal/form-modal/form-modal.component.html b/src/app/components/form/modal/form-modal/form-modal.component.html
index 3d97e3bb1..8481d6a0e 100644
--- a/src/app/components/form/modal/form-modal/form-modal.component.html
+++ b/src/app/components/form/modal/form-modal/form-modal.component.html
@@ -1,13 +1,13 @@
 <tl-form [mode]="'modal'" [formGroup]="form">
   <tl-panelgroup [labelGroup]="'General'">
     <div class="form-group">
-      <tl-input formControlName="id" [labelSize]="100" [label]="'ID'"></tl-input>
+      <tl-input formControlName="id" [labelSize]="'100px'" [label]="'ID'"></tl-input>
     </div>
     <div class="form-group">
-      <tl-input formControlName="name" [showValidations]="true" [labelSize]="100" [label]="'Name'"></tl-input>
+      <tl-input formControlName="name" [showValidations]="true" [labelSize]="'100px'" [label]="'Name'"></tl-input>
     </div>
     <div class="form-group">
-      <tl-input formControlName="nickname" [showValidations]="true" [labelSize]="100" [label]="'Nickname'"></tl-input>
+      <tl-input formControlName="nickname" [showValidations]="true" [labelSize]="'100px'" [label]="'Nickname'"></tl-input>
     </div>
     <div class="form-group">
       <tl-input formControlName="email" [showValidations]="true" [label]="'Email'"></tl-input>
@@ -20,10 +20,10 @@
   <tl-panelgroup [labelGroup]="'Access Informations'">
     <div class="form-group">
       <div class="form-group">
-        <tl-input formControlName="user" [showValidations]="true" [labelSize]="100" [label]="'User'"></tl-input>
+        <tl-input formControlName="user" [showValidations]="true" [labelSize]="'100px'" [label]="'User'"></tl-input>
       </div>
       <div class="form-group">
-        <tl-input password formControlName="password" [showValidations]="true" [labelSize]="100"
+        <tl-input password formControlName="password" [showValidations]="true" [labelSize]="'100px'"
                   [label]="'Password'"></tl-input>
       </div>
     </div>
diff --git a/src/app/components/form/modal/form-modal/form-modal.component.ts b/src/app/components/form/modal/form-modal/form-modal.component.ts
index 817480e0d..9a52586b3 100644
--- a/src/app/components/form/modal/form-modal/form-modal.component.ts
+++ b/src/app/components/form/modal/form-modal/form-modal.component.ts
@@ -27,6 +27,7 @@ export class FormModalComponent {
     nickname: new FormControl('',  Validators.required),
     email: new FormControl('', [Validators.email, Validators.required]),
     description: new FormControl('', [Validators.required, Validators.minLength(8)]),
+    gender: new FormControl('', Validators.required),
     user: new FormControl('', Validators.required),
     password: new FormControl('', [
       Validators.required,

From 94c1bc33461a499bcb77bb2e45ebfde881d72343 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 11 Mar 2019 15:55:34 -0300
Subject: [PATCH 057/111] refact(dropdownlist): change default value of label
 placement to left

---
 projects/truly-ui/src/components/dropdownlist/dropdownlist.html | 2 +-
 projects/truly-ui/src/components/dropdownlist/dropdownlist.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 59cc030f2..4788193a1 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -1,6 +1,6 @@
 <div class="ui-dropdown-box"  [ngStyle]="{'line-height' : itemHeight, 'width': width}">
 
-  <div class="ui-loading-icon">
+  <div class="ui-loading-icon" [style.height]="itemHeight">
     <tl-loader *ngIf="isLoading"></tl-loader>
   </div>
 
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index f8e7a21c2..80c5c4aa9 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -67,7 +67,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'disabled' ) disabled = false;
 
-  @Input( 'labelPlacement' ) labelPlacement = 'top';
+  @Input( 'labelPlacement' ) labelPlacement = 'left';
 
   @Input( 'labelSize' ) labelSize = '100px';
 

From 9e105379c43173cd2f9f11736704542aa098c8a6 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 11 Mar 2019 15:57:05 -0300
Subject: [PATCH 058/111] refact(time-available-picker): change font family of
 items.

---
 .../time-available-picker/time-available-picker.scss          | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss b/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss
index 8f7424e25..e78475041 100644
--- a/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss
+++ b/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss
@@ -8,8 +8,6 @@
   flex-direction: column;
   width: 250px;
   border-radius: 7px;
-  -webkit-animation: shadow-drop-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-  animation: shadow-drop-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   > .ui-time-header {
     height: 70px;
     width: 100%;
@@ -52,7 +50,7 @@
       align-items: center;
       justify-content: center;
       font-size: 1em;
-      font-family: Lato;
+      font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
       height: 50px;
       span {
         padding: 5px 10px;

From 2abcfcc975d451308c6277c3324cd5c1f8db22cd Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Tue, 12 Mar 2019 17:14:31 -0300
Subject: [PATCH 059/111] feat(calendar): create status feature by [status]
 property.

---
 .../components/calendar/calendar-theme.scss   |  9 +++
 .../src/components/calendar/calendar.scss     | 30 ++++++++
 .../src/components/calendar/calendar.ts       | 14 ++++
 .../calendar/parts/calendar-days.ts           | 74 ++++++++++++++++---
 .../calendar/services/calendar.service.ts     |  4 +
 projects/truly-ui/src/public_api.ts           |  2 +-
 6 files changed, 120 insertions(+), 13 deletions(-)

diff --git a/projects/truly-ui/src/components/calendar/calendar-theme.scss b/projects/truly-ui/src/components/calendar/calendar-theme.scss
index f42e25eea..76d881112 100644
--- a/projects/truly-ui/src/components/calendar/calendar-theme.scss
+++ b/projects/truly-ui/src/components/calendar/calendar-theme.scss
@@ -25,6 +25,15 @@
       }
     }
 
+    .ui-cell-status {
+      &.primary {
+       background: map-deep-get($primary, "default", "background");
+      }
+      &.danger {
+        background: map-deep-get($danger, "default", "background");
+      }
+    }
+
     & .ui-table-calendar {
       & .ui-table-thead {
         & .ui-table-th {
diff --git a/projects/truly-ui/src/components/calendar/calendar.scss b/projects/truly-ui/src/components/calendar/calendar.scss
index 3bd392773..6387d11df 100644
--- a/projects/truly-ui/src/components/calendar/calendar.scss
+++ b/projects/truly-ui/src/components/calendar/calendar.scss
@@ -70,6 +70,7 @@
     }
 
     & .ui-table-line .ui-table-cell {
+      position: relative;
       font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
       font-size: 0.9em;
       text-align: center;
@@ -96,6 +97,35 @@
   }
 }
 
+.ui-status-wrapper {
+  width: 20px;
+  margin: 0 auto;
+  position: relative;
+}
+
+.ui-cell-status {
+  width: 18px;
+  height: 4px;
+  margin: 0 auto;
+  border-radius: 2px;
+  position: absolute;
+  bottom: 3px;
+  z-index: 1;
+  transition: width 500ms ease-in-out;
+}
+
+.ui-status-backdrop {
+  height: 4px;
+  margin: 0 auto;
+  border-radius: 2px;
+  position: absolute;
+  bottom: 3px;
+  background: #fff;
+  width: 100%;
+  z-index: 0;
+  border: 1px solid #ccc;
+}
+
 @keyframes creating {
   0%   {opacity:0; transform: scale(0);}
   25%  {opacity:0.25; transform: scale(0.25);}
diff --git a/projects/truly-ui/src/components/calendar/calendar.ts b/projects/truly-ui/src/components/calendar/calendar.ts
index 3c3cba82e..a571b2401 100644
--- a/projects/truly-ui/src/components/calendar/calendar.ts
+++ b/projects/truly-ui/src/components/calendar/calendar.ts
@@ -34,6 +34,13 @@ import { NavigatorService } from '../navigator/services/navigator.service';
 import { CalendarService } from './services/calendar.service';
 import { I18nService } from '../i18n/i18n.service';
 
+export interface CalendarStatus {
+  id?: string;
+  date: Date;
+  current: number;
+  total: number;
+}
+
 @Component( {
   selector: 'tl-calendar',
   templateUrl: './calendar.html',
@@ -46,6 +53,8 @@ export class TlCalendar extends ComponentDefaultBase implements AfterViewInit, O
 
   @Input() inputControlFocus;
 
+  @Input() status: Array<CalendarStatus>;
+
   @Input() date = new Date();
 
   @Input() year = this.date.getFullYear();
@@ -713,6 +722,11 @@ export class TlCalendar extends ComponentDefaultBase implements AfterViewInit, O
   }
 
   ngOnChanges( changes: SimpleChanges ) {
+    if (changes.status) {
+      if (!changes.status.firstChange) {
+        this.calendarService.changeStatus();
+      }
+    }
     if (changes.date) {
       if ( !changes.date.firstChange ) {
         this.setDateChange();
diff --git a/projects/truly-ui/src/components/calendar/parts/calendar-days.ts b/projects/truly-ui/src/components/calendar/parts/calendar-days.ts
index afb325e28..ccb6a8589 100644
--- a/projects/truly-ui/src/components/calendar/parts/calendar-days.ts
+++ b/projects/truly-ui/src/components/calendar/parts/calendar-days.ts
@@ -22,7 +22,7 @@
 
 import { NavigatorService } from '../../navigator/services/navigator.service';
 import { Component, ElementRef } from '@angular/core';
-import { TlCalendar } from '../calendar';
+import { CalendarStatus, TlCalendar } from '../calendar';
 
 @Component( {
   selector: 'tl-calendar-days',
@@ -37,9 +37,14 @@ export class TlCalendarDays {
 
   private dayOfMonth = [];
 
-  constructor() {}
+  private statusElements = [];
 
-  setCalendar(calendar) {
+  private status;
+
+  constructor() {
+  }
+
+  setCalendar( calendar ) {
     this.calendar = calendar;
     this.initializeTable();
   }
@@ -98,6 +103,17 @@ export class TlCalendarDays {
     }
   }
 
+  changeStatus() {
+    for (let day = 0; day < this.dayOfMonth.length; day++ ) {
+      const date = new Date( this.calendar.year, this.calendar.month, day + 1 );
+      this.calendar.status.forEach( ( value, index ) => {
+        if ( value.date.getTime() === date.getTime() ) {
+          this.setStatus(value, this.statusElements[index].nativeElement);
+        }
+      });
+    }
+  }
+
   appendDays() {
     for ( let day = 0; day < this.dayOfMonth.length; day++ ) {
       if ( this.dayOfMonth[ day ].dayOfWeek === 0 ) {
@@ -105,38 +121,72 @@ export class TlCalendarDays {
         this.calendar.renderer.addClass( this.week.nativeElement, 'ui-table-line' );
         this.calendar.renderer.appendChild( this.calendar.tbody.nativeElement, this.week.nativeElement );
       }
+
       const td = new ElementRef( this.calendar.renderer.createElement( 'td' ) );
       this.calendar.renderer.addClass( td.nativeElement, 'ui-table-cell' );
       td.nativeElement.innerHTML = this.dayOfMonth[ day ].day;
 
+      if ( this.calendar.status ) {
+
+        const date = new Date( this.calendar.year, this.calendar.month, day + 1 );
+        this.calendar.status.forEach( ( value ) => {
+          if ( value.date.getTime() === date.getTime() ) {
+
+            const statusWrapper = new ElementRef( this.calendar.renderer.createElement( 'div' ) );
+            this.calendar.renderer.addClass( statusWrapper.nativeElement, 'ui-status-wrapper' );
+
+            this.status = new ElementRef( this.calendar.renderer.createElement( 'div' ) );
+            this.calendar.renderer.addClass( this.status.nativeElement, 'ui-cell-status' );
+
+            this.calendar.renderer.setAttribute( this.status.nativeElement, 'day', day.toString());
+            this.statusElements.push(this.status);
+
+            const statusBackdrop = new ElementRef( this.calendar.renderer.createElement( 'div' ) );
+            this.calendar.renderer.addClass( statusBackdrop.nativeElement, 'ui-status-backdrop' );
+
+            this.calendar.renderer.appendChild( statusWrapper.nativeElement, this.status.nativeElement );
+            this.calendar.renderer.appendChild( statusWrapper.nativeElement, statusBackdrop.nativeElement );
+            this.calendar.renderer.appendChild( td.nativeElement, statusWrapper.nativeElement );
+
+            this.setStatus( value );
+          }
+
+        } );
+      }
+
       this.markToday( this.dayOfMonth[ day ].day, td );
       this.selectDay( this.dayOfMonth[ day ].day, td );
 
       this.createClickListenerDay( td );
-
       this.calendar.renderer.appendChild( this.week.nativeElement, td.nativeElement );
     }
   }
 
-  selectDay(day, cell) {
-    if (day === this.calendar.day) {
-      this.calendar.renderer.addClass(cell.nativeElement, 'selected');
+  setStatus( item: CalendarStatus, element? ) {
+    const percent = (100 * item.current) / item.total;
+    this.calendar.renderer.setStyle( element ? element : this.status.nativeElement, 'width', percent + '%' );
+    this.calendar.renderer.addClass( element ? element : this.status.nativeElement, percent === 100 ? 'danger' : 'primary' );
+  }
+
+  selectDay( day, cell ) {
+    if ( day === this.calendar.day ) {
+      this.calendar.renderer.addClass( cell.nativeElement, 'selected' );
       this.calendar.selectedDay = cell.nativeElement;
     }
   }
 
-  markToday(day, cell) {
+  markToday( day, cell ) {
     if ( (day === new Date().getDate()) && (this.calendar.month === new Date().getMonth() )
       && (this.calendar.year === new Date().getFullYear()) ) {
-      this.calendar.renderer.addClass(cell.nativeElement, 'today');
+      this.calendar.renderer.addClass( cell.nativeElement, 'today' );
       this.calendar.todayIndex = cell;
     }
   }
 
-  createClickListenerDay(cell) {
-    this.calendar.renderer.listen(cell.nativeElement, 'click', $event => {
+  createClickListenerDay( cell ) {
+    this.calendar.renderer.listen( cell.nativeElement, 'click', $event => {
       this.setSelectedDay( cell.nativeElement, $event, $event.target );
-    });
+    } );
   }
 
   setSelectedDay( cell, $event, target? ) {
diff --git a/projects/truly-ui/src/components/calendar/services/calendar.service.ts b/projects/truly-ui/src/components/calendar/services/calendar.service.ts
index 1e3ee310d..afc35078c 100644
--- a/projects/truly-ui/src/components/calendar/services/calendar.service.ts
+++ b/projects/truly-ui/src/components/calendar/services/calendar.service.ts
@@ -80,6 +80,10 @@ export class CalendarService {
     this.relocateTable();
   }
 
+  changeStatus() {
+    (<TlCalendarDays>this.component.instance).changeStatus();
+  }
+
   createTableDays() {
     this.handleComponentCreated();
     const componentFactory = this.compiler.resolveComponentFactory( TlCalendarDays );
diff --git a/projects/truly-ui/src/public_api.ts b/projects/truly-ui/src/public_api.ts
index 8c5073cd9..a2e7fa89e 100644
--- a/projects/truly-ui/src/public_api.ts
+++ b/projects/truly-ui/src/public_api.ts
@@ -54,7 +54,6 @@ export { TooltipModule } from './components/tooltip/index';
 export { ClockPickerModule } from './components/clockpicker/index';
 export { ValidatorsModule } from './components/validators/index';
 
-
 // Dialog Interfaces
 export { InfoOptions } from './components/dialog/dialog-info/info-options';
 export { ErrorOptions } from './components/dialog/dialog-error/error-options';
@@ -65,6 +64,7 @@ export { ConfirmationOptions } from './components/dialog/dialog-confirmation/con
 export { ModalOptions, Modal } from './components/modal/interfaces/modal-options';
 export { ModalFormConfig } from './components/modal/interfaces/modal-smart-form-config';
 export { ToasterConfig } from './components/toaster/toaster-config';
+export { CalendarStatus } from './components/calendar/calendar';
 export { IncrementalSteps } from './components/timepicker/timepicker';
 export { PermissionDataConfig } from './components/permissions/parts/interfaces/permission-dataconfig.interface';
 

From 1f1c88bcc4368e710ad30e084a77689514dbd6c9 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Tue, 12 Mar 2019 17:48:30 -0300
Subject: [PATCH 060/111] docs(calendar): update docs

---
 .../calendardemo-dataproperties.json.ts       |  7 ++++++
 .../calendar/calendardemo.component.html      | 10 +++++++++
 .../calendar/calendardemo.component.ts        | 22 ++++++++++++++-----
 3 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/app/components/calendar/calendardemo-dataproperties.json.ts b/src/app/components/calendar/calendardemo-dataproperties.json.ts
index 317a42f5b..c2a3b89c6 100644
--- a/src/app/components/calendar/calendardemo-dataproperties.json.ts
+++ b/src/app/components/calendar/calendardemo-dataproperties.json.ts
@@ -34,6 +34,13 @@ export const dataProperties = [
     description: 'Used on datepicker, this property is used to control change of Date Object while typing.',
     options: 'true | false'
   },
+  {
+    name: 'status',
+    type: 'Array<CalendarStatus>',
+    default: 'null',
+    description: 'Status used as indication on cell',
+    options: 'Array<CalendarStatus>'
+  },
   {
     name: 'inputControlFocus',
     type: 'TlInput',
diff --git a/src/app/components/calendar/calendardemo.component.html b/src/app/components/calendar/calendardemo.component.html
index bada16d01..9747a432f 100644
--- a/src/app/components/calendar/calendardemo.component.html
+++ b/src/app/components/calendar/calendardemo.component.html
@@ -24,6 +24,16 @@ <h6>Without Today Button</h6>
 </textarea>
               </div>
             </app-card>
+          <app-card>
+            <div class="col-md-6">
+              <h6>With Status</h6>
+              <tl-calendar [status]="status"></tl-calendar>
+              <div class="spacer"></div>
+              <textarea highlight-js [options]="{'tabReplace': ''}" [lang]="'html'">
+<tl-calendar [status]="status"></tl-calendar>
+</textarea>
+            </div>
+          </app-card>
         </app-showcase-card>
       </div>
     </div>
diff --git a/src/app/components/calendar/calendardemo.component.ts b/src/app/components/calendar/calendardemo.component.ts
index 38f8d3ac8..b6e5c2984 100644
--- a/src/app/components/calendar/calendardemo.component.ts
+++ b/src/app/components/calendar/calendardemo.component.ts
@@ -25,9 +25,9 @@ import * as json from './calendardemo-dataproperties.json';
 import * as jsonEvts from './calendardemo.dataevents.json';
 
 @Component( {
-  selector : 'app-calendar',
-  templateUrl : './calendardemo.component.html',
-  styleUrls : [ './calendardemo.component.scss' ]
+  selector: 'app-calendar',
+  templateUrl: './calendardemo.component.html',
+  styleUrls: [ './calendardemo.component.scss' ]
 } )
 export class CalendarDemoComponent {
 
@@ -35,13 +35,25 @@ export class CalendarDemoComponent {
 
   public dataEvents;
 
+  public month = new Date().getMonth();
+
+  public day = new Date().getDate();
+
+  public year = new Date().getFullYear();
+
+  public status = [
+    { id: '1', date: new Date( this.year, this.month, this.day + 3 ), total: 50, current: 15 },
+    { id: '2', date: new Date( this.year, this.month, this.day + 5 ), total: 50, current: 40 },
+    { id: '3', date: new Date( this.year, this.month, this.day + 10  ), total: 50, current: 10 },
+  ];
+
   constructor() {
     this.dataTableProperties = json.dataProperties;
     this.dataEvents = jsonEvts.dataEvents;
   }
 
-  onSelect($event) {
-    console.log($event);
+  onSelect( $event ) {
+    console.log( $event );
   }
 
 }

From 820925a42c4d39e5b4d57e0b51959cf08c96f4cb Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 10:50:44 -0300
Subject: [PATCH 061/111] refactor(schedule): add workScale array feature

---
 .../src/components/core/helper/elvis.ts       |   8 ++
 .../truly-ui/src/components/schedule/index.ts |   6 +-
 .../src/components/schedule/schedule.html     |  24 ++--
 .../src/components/schedule/schedule.ts       |  91 ++++----------
 .../schedule/services/event.service.ts        |  29 +++++
 .../services/generate-events.service.ts       | 112 ++++++++++++------
 .../schedule/services/work-scale.service.ts   | 101 ++++++++++++++++
 .../views/day/view-day.component.html         |  18 +--
 .../views/day/view-day.component.scss         |   2 +-
 .../schedule/views/day/view-day.component.ts  |  90 +++++++-------
 10 files changed, 303 insertions(+), 178 deletions(-)
 create mode 100644 projects/truly-ui/src/components/core/helper/elvis.ts
 create mode 100644 projects/truly-ui/src/components/schedule/services/event.service.ts
 create mode 100644 projects/truly-ui/src/components/schedule/services/work-scale.service.ts

diff --git a/projects/truly-ui/src/components/core/helper/elvis.ts b/projects/truly-ui/src/components/core/helper/elvis.ts
new file mode 100644
index 000000000..9226edb61
--- /dev/null
+++ b/projects/truly-ui/src/components/core/helper/elvis.ts
@@ -0,0 +1,8 @@
+/**
+ * Undefined-safe function to access the property given by path parameter
+ * @param object The object to read from
+ * @param path The path to the property
+ */
+export function elvis(object: any, path: string): any | undefined {
+  return path ? path.split('.').reduce((value, key) => value && value[key], object) : object;
+}
diff --git a/projects/truly-ui/src/components/schedule/index.ts b/projects/truly-ui/src/components/schedule/index.ts
index 2ff0670ed..f709cc582 100644
--- a/projects/truly-ui/src/components/schedule/index.ts
+++ b/projects/truly-ui/src/components/schedule/index.ts
@@ -14,6 +14,8 @@ import { BlockUIModule } from '../blockui/index';
 import { ButtonModule } from '../button/index';
 import { ButtonGroupModule } from '../buttongroup/index';
 import { GenerateEventsService } from './services/generate-events.service';
+import { WorkScaleService } from './services/work-scale.service';
+import { EventService } from './services/event.service';
 
 
 @NgModule({
@@ -36,7 +38,9 @@ import { GenerateEventsService } from './services/generate-events.service';
       TlSchedule,
     ],
     providers: [
-      GenerateEventsService
+      GenerateEventsService,
+      WorkScaleService,
+      EventService
     ]
 })
 export class ScheduleModule {}
diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index ff61ae0be..05afc121b 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -17,14 +17,10 @@
     <tl-view-day
       *ngSwitchCase="'day'"
       [currentDate]="currentDate"
-      [events]="eventsOfDay"
-      [startDayMilliseconds]="startDayMilliseconds"
-      [endDayMilliseconds]="endDayMilliseconds"
       [showNowIndicator]="showNowIndicator"
       [statusConfig]="statusConfig"
 
       [slotSettings]="slotSettings"
-      [workScale]="workScale"
       [slatNumberRowsAsArray]="slatNumberRowsAsArray"
 
       (onRowDbClick)="rowDbClick.emit($event)"
@@ -34,16 +30,16 @@
       (onEventMouseout)="eventMouseout.emit($event)"
     ></tl-view-day>
 
-    <tl-day-list
-      *ngSwitchCase="'dayList'"
-      [events]="eventsOfDay"
-      [currentDate]="currentDate"
-      [statusConfig]="statusConfig"
-      (onEventClick)="eventClick.emit($event)"
-      (onEventDbClick)="eventDbClick.emit($event)"
-      (onEventMouseover)="eventMouseover.emit($event)"
-      (onEventMouseout)="eventMouseout.emit($event)"
-    ></tl-day-list>
+    <!--<tl-day-list-->
+      <!--*ngSwitchCase="'dayList'"-->
+      <!--[events]="eventsOfDay"-->
+      <!--[currentDate]="currentDate"-->
+      <!--[statusConfig]="statusConfig"-->
+      <!--(onEventClick)="eventClick.emit($event)"-->
+      <!--(onEventDbClick)="eventDbClick.emit($event)"-->
+      <!--(onEventMouseover)="eventMouseover.emit($event)"-->
+      <!--(onEventMouseout)="eventMouseout.emit($event)"-->
+    <!--&gt;</tl-day-list>-->
   </div>
 
   <!-- SCHEDULE FOOTER -->
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index 4944f8082..e7807347a 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -27,6 +27,8 @@ import { StatusType } from './types/status.type';
 import { ViewType } from './types/view.type';
 import { SlotSettingsType } from './types/slot-settings.type';
 import { WorkScaleType } from './types/work-scale.type';
+import { WorkScaleService } from './services/work-scale.service';
+import { EventService } from './services/event.service';
 
 @Component( {
   selector: 'tl-schedule',
@@ -48,7 +50,7 @@ export class TlSchedule implements OnInit, OnChanges {
 
   @Input() slotSettings: SlotSettingsType = new SlotSettingsType(  2, 43);
 
-  @Input() workScale: WorkScaleType = new WorkScaleType( '08:00', '18:00', 30 );
+  @Input() workScale: WorkScaleType | WorkScaleType[] = new WorkScaleType( '08:00', '18:00', 30 );
 
   @Input() showNowIndicator = false;
 
@@ -56,17 +58,6 @@ export class TlSchedule implements OnInit, OnChanges {
     this._events = [...events].sort(( a, b ) => a.date.start - b.date.start  );
     this._events = JSON.parse( JSON.stringify(this._events) );
   }
-  get events () {
-    return this._events;
-  }
-
-  get startDayHour () {
-    return this._startDayHour;
-  }
-
-  get endDayHour () {
-    return this._endDayHour;
-  }
 
   @Output() changeView = new EventEmitter<ViewType>();
 
@@ -84,25 +75,21 @@ export class TlSchedule implements OnInit, OnChanges {
 
   @Output() newEventClick = new EventEmitter();
 
-  public startDayMilliseconds: number;
-
-  public endDayMilliseconds: number;
-
   public slatNumberRowsAsArray: Array<Number>;
 
-  public eventsOfDay: ScheduleDataSource[];
-
   private _events: ScheduleDataSource[];
 
-  private _startDayHour: string;
-
-  private _endDayHour: string;
-
-  constructor( private changeDetection: ChangeDetectorRef ) {}
+  constructor(
+    private changeDetection: ChangeDetectorRef,
+    private workScaleService: WorkScaleService,
+    private eventService: EventService
+  ) {}
 
   ngOnInit() {
     this.convertSlarNumberToArray();
-    this.getEventsOfDay();
+    this.eventService.loadEvents( this._events );
+
+    this.eventService.getEventsOfDay();
     this.changeDetection.detectChanges();
   }
 
@@ -110,29 +97,25 @@ export class TlSchedule implements OnInit, OnChanges {
 
     if ( changes['workScale'] !== undefined ) {
       if ( changes[ 'workScale' ].firstChange ) {
-        this._startDayHour = changes[ 'workScale' ].currentValue.start;
-        this.startDayMilliseconds = this.transformHourToMileseconds( changes[ 'workScale' ].currentValue.start );
-
-        this._endDayHour = changes[ 'workScale' ].currentValue.end;
-        this.endDayMilliseconds = this.transformHourToMileseconds( changes[ 'workScale' ].currentValue.end );
-
+        this.workScaleService.reload( changes[ 'workScale' ].currentValue );
       }
     }
 
 
     if ( changes['events'] !== undefined ) {
       if ( !changes[ 'events' ].firstChange ) {
-        this.refreshStartAndEndDay();
-        this.getEventsOfDay();
-      }
-    }
-
-    if ( changes['currentDate'] !== undefined ) {
-      if ( ! changes['currentDate'].firstChange) {
-        this.refreshStartAndEndDay();
-        this.getEventsOfDay();
+       // this.refreshStartAndEndDay();
+        this.eventService.loadEvents( this._events );
+        this.eventService.getEventsOfDay();
       }
     }
+    //
+    // if ( changes['currentDate'] !== undefined ) {
+    //   if ( ! changes['currentDate'].firstChange) {
+    //     this.refreshStartAndEndDay();
+    //     this.getEventsOfDay();
+    //   }
+    // }
     this.changeDetection.detectChanges();
   }
 
@@ -143,37 +126,13 @@ export class TlSchedule implements OnInit, OnChanges {
 
   onChangeDate($event) {
     this.currentDate = new Date( $event.year, $event.month, $event.day);
-    this.refreshStartAndEndDay();
-    this.getEventsOfDay();
+    this.workScaleService.currentDate = new Date( $event.year, $event.month, $event.day);
+    this.workScaleService.refreshStartAndEndDay();
+    this.eventService.getEventsOfDay();
     this.changeDate.emit( $event );
     this.changeDetection.detectChanges();
   }
 
-  private transformHourToMileseconds( fullHour: string ) {
-    const hourSplited = fullHour.split(':');
-
-    const hours = Number(hourSplited[0]);
-    const minutes = Number(hourSplited[1]);
-    const year =  this.currentDate.getFullYear();
-    const month =  this.currentDate.getMonth();
-    const date =  this.currentDate.getDate();
-
-    return new Date(year, month, date, hours, minutes).getTime();
-  }
-
-  private refreshStartAndEndDay() {
-    this.endDayMilliseconds = this.transformHourToMileseconds( this.endDayHour );
-    this.startDayMilliseconds = this.transformHourToMileseconds( this.startDayHour );
-  }
-
-
-  private getEventsOfDay() {
-    if ( this.events === undefined ) { return []; }
-    this.eventsOfDay = this.events.filter( ( event ) => {
-      return ( event.date.start >= this.startDayMilliseconds ) && ( event.date.end <= this.endDayMilliseconds );
-    });
-  }
-
   private convertSlarNumberToArray() {
     this.slatNumberRowsAsArray = Array( this.slotSettings.slotCount );
     this.changeDetection.detectChanges();
diff --git a/projects/truly-ui/src/components/schedule/services/event.service.ts b/projects/truly-ui/src/components/schedule/services/event.service.ts
new file mode 100644
index 000000000..e8c0e68a4
--- /dev/null
+++ b/projects/truly-ui/src/components/schedule/services/event.service.ts
@@ -0,0 +1,29 @@
+import { EventEmitter, Injectable } from '@angular/core';
+import { WorkScaleService } from './work-scale.service';
+import { ScheduleDataSource } from '../types/datasource.type';
+import { EventListener } from '../../../../../../node_modules/@angular/core/src/debug/debug_node';
+
+@Injectable()
+export class EventService {
+
+  public eventsOfDay: ScheduleDataSource[];
+
+  public events: ScheduleDataSource[];
+
+  public updateEvents = new EventEmitter<any>();
+
+  constructor( private workScaleService: WorkScaleService ) { }
+
+  loadEvents( events: ScheduleDataSource[] ) {
+    this.events = events;
+    this.updateEvents.emit( this.events );
+  }
+
+  getEventsOfDay() {
+    if ( this.events === undefined ) { return []; }
+    this.eventsOfDay = this.events.filter( ( event ) => {
+      return ( event.date.start >= this.workScaleService.startDayMilliseconds )
+        && ( event.date.end <= this.workScaleService.endDayMilliseconds );
+    });
+  }
+}
diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 1cf36b3f8..500534b52 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -1,5 +1,6 @@
-import { Injectable } from '@angular/core';
+import { Injectable, QueryList } from '@angular/core';
 import { Cluster, Graph, Node } from '../types/graph';
+import { elvis } from '../../core/helper/elvis';
 
 @Injectable()
 export class GenerateEventsService {
@@ -16,11 +17,16 @@ export class GenerateEventsService {
 
   private endDayMilliseconds = 0;
 
+  private workScaleInMileseconds = [];
+
+  private scheduleSlats: QueryList<any>;
+
   constructor() {}
 
   with( events ) {
     this.originalEvents = JSON.parse( JSON.stringify(events) );
     this.events = events;
+
     this.transformDateToPixel();
     return this.generateEvents();
   }
@@ -32,27 +38,72 @@ export class GenerateEventsService {
     this.widthSchedule = widthSchedule;
   }
 
+  initializeArray( workScaleInMileseconds, scheduleSlats: QueryList<any>  ) {
+    this.workScaleInMileseconds = workScaleInMileseconds;
+    this.scheduleSlats = scheduleSlats;
+
+    this.heightSchedule = this.scheduleSlats.first.nativeElement.offsetHeight + this.scheduleSlats.last.nativeElement.offsetHeight;
+    this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth;
+  }
+
+  private transformDateToPixel() {
+    for ( let i = 0; i <= this.events.length - 1; i++) {
+      this.events[i].date = Object.assign({}, {
+        start: Math.round(this.convertMillisecondsToPixel( this.events[i].date.start )),
+        end:  Math.round(this.convertMillisecondsToPixel( this.events[i].date.end ))
+      });
+    }
+  }
+
+  private convertMillisecondsToPixel(date = new Date().getTime()) {
+    let heightBody;
+    let startDayMilliseconds;
+    let endDayMilliseconds;
+    let converted;
+    let currentDate;
+    let position = -1;
+    let offsetHeight = 0;
+
+    this.workScaleInMileseconds.forEach(( item, index, array) => {
+      if ( date > this.workScaleInMileseconds[index].start ) {
+        position++;
+        offsetHeight = offsetHeight + elvis(this.scheduleSlats.find( (slot, idx) => idx === ( index - 1)), 'nativeElement.offsetHeight') || 0;
+      }
+    });
+
+    startDayMilliseconds = Math.floor(this.workScaleInMileseconds[position].start / 100000 );
+    endDayMilliseconds = Math.floor(this.workScaleInMileseconds[position].end / 100000 );
+    heightBody = this.scheduleSlats.find( (item, idx) => idx === position).nativeElement.offsetHeight;
+    date = Math.floor(date / 100000 );
+    currentDate = date - startDayMilliseconds;
+    converted = ( heightBody * currentDate ) / ( endDayMilliseconds - startDayMilliseconds);
+
+    return converted > heightBody  ? -1000 : ( converted + offsetHeight );
+  }
+
   private generateEvents() {
     const eventsWithPositioning = [];
     const histogram = this.createHistogram();
     const graph = this.createTheGraph( histogram );
     this.setClusterWidth( graph );
-    this.setNodesPosition(graph);
+    this.setNodesPosition( graph );
 
     for ( const nodeId in graph.nodes ) {
       if ( graph.nodes.hasOwnProperty(nodeId) ) {
-        const node = graph.nodes[nodeId];
-        const event = {
-          positions: {
-            id: node.id,
-            top: node.start,
-            left: node.position * node.cluster.width,
-            height: node.end + 1 - node.start,
-            width: node.cluster.width
-          },
-          data: this.originalEvents.filter(( e ) => parseInt(e.value, 10) === node.id )[0]
-        };
-        eventsWithPositioning.push(event);
+        if ( graph.nodes[nodeId].cluster ) {
+          const node = graph.nodes[nodeId];
+          const event = {
+            positions: {
+              id: node.id,
+              top: node.start,
+              left: node.position * node.cluster.width,
+              height: node.end - node.start,
+              width: node.cluster.width
+            },
+            data: this.originalEvents.filter(( e ) => parseInt(e.value, 10) === node.id )[0]
+          };
+          eventsWithPositioning.push(event);
+        }
       }
     }
     return eventsWithPositioning;
@@ -69,10 +120,11 @@ export class GenerateEventsService {
     // setting which events occurs at each minute
     this.events.forEach( (event) => {
       for ( let i = event.date.start; i <= event.date.end - 1; i++ ) {
-        minutes[i].push(parseInt((event.value), 10));
+        if ( minutes[i] ) {
+          minutes[i].push(parseInt((event.value), 10));
+        }
       }
     });
-
     return minutes;
   }
 
@@ -82,7 +134,7 @@ export class GenerateEventsService {
 
     // creating the nodes
     this.events.forEach( (event) => {
-      const node = new Node(parseInt(event.value, 10), event.date.start, event.date.end - 1);
+      const node = new Node(parseInt(event.value, 10), event.date.start, event.date.end);
       nodeMap[node.id] = node;
     });
 
@@ -94,11 +146,14 @@ export class GenerateEventsService {
     minutes.forEach( (minute, index, arrayMinutes ) => {
       if (minute.length > 0) {
 
-        if ( ( minute[0] !== arrayMinutes[index - 1][0] ) && ( minute.length !== arrayMinutes[index - 1].length )  && cluster) {
-          graph.clusters.push(cluster);
-          cluster = null;
+        if ( arrayMinutes[index - 1] ) {
+          if ( ( minute[0] !== arrayMinutes[index - 1][0] ) && ( minute.length !== arrayMinutes[index - 1].length )  && cluster) {
+            graph.clusters.push(cluster);
+            cluster = null;
+          }
         }
 
+
         cluster = cluster || new Cluster();
         minute.forEach( ( eventId ) => {
           if (!cluster.nodes[eventId]) {
@@ -136,7 +191,6 @@ export class GenerateEventsService {
     });
 
     graph.nodes = nodeMap;
-
     return graph;
   }
 
@@ -182,21 +236,5 @@ export class GenerateEventsService {
     });
   }
 
-  private transformDateToPixel() {
-    for ( let i = 0; i <= this.events.length - 1; i++) {
-       this.events[i].date = Object.assign({}, {
-          start: Math.round(this.convertMillisecondsToPixel( this.events[i].date.start )),
-          end:  Math.round(this.convertMillisecondsToPixel( this.events[i].date.end ))
-       });
-    }
-  }
-
-  convertMillisecondsToPixel(date = new Date().getTime()) {
-    const heightBody = this.heightSchedule;
-    const currentDate = date - this.startDayMilliseconds;
-    const converted = ( heightBody * currentDate ) / ( this.endDayMilliseconds - this.startDayMilliseconds);
-
-    return converted > heightBody ? -1000 : converted;
-  }
 
 }
diff --git a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
new file mode 100644
index 000000000..1903b7db4
--- /dev/null
+++ b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
@@ -0,0 +1,101 @@
+import { Injectable } from '@angular/core';
+import { WorkScaleType } from '../types/work-scale.type';
+
+@Injectable()
+export class WorkScaleService {
+
+  public startDayMilliseconds: number;
+
+  public endDayMilliseconds: number;
+
+  public workScale: WorkScaleType[];
+
+  public currentDate = new Date();
+
+  public timesCollection: Array<Date> = [];
+
+  public periodCollection: Array<Array<Date>>;
+
+  public workScaleInMileseconds = [];
+
+  constructor( ) {}
+
+  load( workScale: WorkScaleType | WorkScaleType[] ) {
+    this.setWorkScale(workScale);
+    this.generateTimes();
+  }
+
+  reload( workScale: WorkScaleType | WorkScaleType[] ) {
+    this.setWorkScale(workScale);
+    this.createWorkScaleMileseconds();
+    this.generateTimes();
+  }
+
+  refreshStartAndEndDay() {
+    // this.endDayMilliseconds = this.transformHourToMileseconds( this.endDayHour );
+    // this.startDayMilliseconds = this.transformHourToMileseconds( this.startDayHour );
+  }
+
+  private setWorkScale( workScale: WorkScaleType | WorkScaleType[] ) {
+    if ( !( (workScale as Array<WorkScaleType>).length > 0 ) ) {
+      this.workScale = new Array<WorkScaleType>(1).fill( workScale as WorkScaleType);
+    } else {
+      this.workScale = workScale as WorkScaleType[];
+    }
+  }
+
+  private createWorkScaleMileseconds() {
+    if ( (this.workScale as Array<WorkScaleType>).length > 0 ) {
+      (this.workScale as Array<WorkScaleType>).forEach(( value: WorkScaleType, index, array) => {
+        this.workScaleInMileseconds.push({
+          start: this.transformHourToMileseconds( value.start ),
+          end: this.transformHourToMileseconds( value.end ),
+          interval: value.interval
+        });
+      });
+    }
+  }
+
+
+  private transformHourToMileseconds( fullHour: string ) {
+    const hourSplited = fullHour.split(':');
+
+    const hours = Number(hourSplited[0]);
+    const minutes = Number(hourSplited[1]);
+    const year = this.currentDate.getFullYear();
+    const month = this.currentDate.getMonth();
+    const date = this.currentDate.getDate();
+
+    return new Date(year, month, date, hours, minutes).getTime();
+  }
+
+
+  private generateTimes() {
+    const MIN_TO_MILLESECOND = 60000;
+    this.timesCollection = [];
+    this.periodCollection = new Array<Array<Date>>( (this.workScaleInMileseconds as Array<any>).length ).fill([]);
+
+
+    if ( (this.workScaleInMileseconds as Array<any>).length > 0 ) {
+      (this.workScaleInMileseconds as Array<any>).forEach(( value , index, array) => {
+        let currentHour_ms =  value.start;
+        let nextHourBreak_ms = value.start;
+
+        while ( currentHour_ms < value.end ) {
+          if ( currentHour_ms === nextHourBreak_ms  ) {
+            this.timesCollection.push( new Date(nextHourBreak_ms) );
+            this.periodCollection[index] = [...this.periodCollection[index], new Date(nextHourBreak_ms) ] ;
+            nextHourBreak_ms =  nextHourBreak_ms + (value.interval * MIN_TO_MILLESECOND);
+          }
+          currentHour_ms++;
+        }
+      });
+    }
+
+  }
+
+
+
+
+
+}
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
index 1d3c70709..6ddd1e7dd 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
@@ -1,19 +1,19 @@
-<div class="ui-schedule-slats">
+<div class="ui-schedule-slats" *ngFor="let period of periodCollection; let periodIndex = index">
 
   <!-- CREATE TIMES BOXES-->
   <div class="ui-schedule-times">
-    <div class="ui-schedule-time-row" [ngStyle]="{height: (slotSettings.slotCount * slotSettings.slotHight) + 'px'}" *ngFor="let time of timesCollection">
+    <div class="ui-schedule-time-row" [ngStyle]="{height: (slotSettings.slotCount * slotSettings.slotHight) + 'px'}" *ngFor="let time of period">
       <span class="ui-hour-detail">{{time | date: 'HH'}}</span>:{{time | date: 'mm'}}
     </div>
   </div>
 
   <!-- CREATE WIDGET CONTENT-->
   <div #scheduleSlats class="ui-schedule-widget-content">
-    <div *ngFor="let time of timesCollection; let last = last; let first = first" class="ui-schedule-widget-rows">
-      <div class="ui-schedule-row" *ngFor="let row of slatNumberRowsAsArray; let index = index"
+    <div *ngFor="let time of period; let last = last; let first = first;" class="ui-schedule-widget-rows">
+      <div class="ui-schedule-row" *ngFor="let slot of slatNumberRowsAsArray; let index = index"
            [ngStyle]="{height: slotSettings.slotHight + 'px'}"
            [ngClass]="{last: last, first: first}"
-           (dblclick)="rowDbClick( time, index )"></div>
+           (dblclick)="rowDbClick( time, index, periodIndex )"></div>
     </div>
   </div>
 
@@ -47,8 +47,8 @@
 
     </div>
   </div>
-  <div class="ui-schedule-now-indicator ui-schedule-now-arrow"
-       [tooltip]="{text: currentTime | date: 'HH:mm', placement: 'right'}"
-       [ngStyle]="{top: nowIndicatorPositionTop + 'px'}">
-  </div>
+  <!--<div class="ui-schedule-now-indicator ui-schedule-now-arrow"-->
+       <!--[tooltip]="{text: currentTime | date: 'HH:mm', placement: 'right'}"-->
+       <!--[ngStyle]="{top: nowIndicatorPositionTop + 'px'}">-->
+  <!--</div>-->
 </div>
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss b/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss
index abbac491c..5f5365258 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss
@@ -93,7 +93,7 @@
   border-right: 1px #D6D6D6 solid;
   border-bottom: 1px #D6D6D6 solid;
   user-select: none;
-  margin: 2px 2px 2px 0px;
+  //margin: 2px 2px 2px 0px;
   cursor: pointer;
   font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
 
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index dfefb317e..a9e824ebf 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -1,39 +1,36 @@
 import {
   Component, OnInit, OnChanges, AfterViewInit, ChangeDetectorRef, Input, ViewChild, ElementRef, SimpleChanges,
-  ChangeDetectionStrategy, Output, EventEmitter
+  ChangeDetectionStrategy, Output, EventEmitter, ViewChildren, QueryList
 } from '@angular/core';
 import { ScheduleDataSource } from '../../types/datasource.type';
 import { GenerateEventsService } from '../../services/generate-events.service';
 import { SlotSettingsType } from '../../types/slot-settings.type';
 import { WorkScaleType } from '../../types/work-scale.type';
+import { EventService } from '../../services/event.service';
+import { WorkScaleService } from '../../services/work-scale.service';
 
 @Component({
   selector: 'tl-view-day',
   templateUrl: './view-day.component.html',
   styleUrls: ['./view-day.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+
 })
 export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   @Input() currentDate = new Date();
 
-  @Input() events: ScheduleDataSource[];
-
   @Input() statusConfig: {StatusType};
 
-  @Input() startDayMilliseconds: number;
-
-  @Input() endDayMilliseconds: number;
-
   @Input() showNowIndicator = false;
 
   @Input() slotSettings: SlotSettingsType;
 
-  @Input() workScale: WorkScaleType;
+  @Input() workScale: WorkScaleType | WorkScaleType[];
 
   @Input() slatNumberRowsAsArray: Array<Number>;
 
-  @ViewChild('scheduleSlats') scheduleSlats: ElementRef;
+  @ViewChildren('scheduleSlats') scheduleSlats: QueryList<any>;
 
   @Output() onRowDbClick = new EventEmitter();
 
@@ -49,25 +46,37 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   public timesCollection: Array<Date> = [];
 
+  public periodCollection = [];
+
   public currentTime = new Date();
 
   public eventsWithPositions = [];
 
-  constructor( private changeDetectionRef: ChangeDetectorRef, private generateEvents: GenerateEventsService ) { }
+  constructor(
+    private changeDetectionRef: ChangeDetectorRef,
+    private generateEvents: GenerateEventsService,
+    private eventService: EventService,
+    private workScaleService: WorkScaleService) { }
+
 
   ngOnInit() {
     this.generateTimes();
-    console.log( this.timeScale);
+    this.eventService.updateEvents.subscribe(( event ) => {
+      this.generateEvents.initializeArray(
+        this.workScaleService.workScaleInMileseconds,
+        this.scheduleSlats
+      );
+      this.generateEventsPositions( event );
+      this.inicializeNowIndicator( );
+      this.changeDetectionRef.detectChanges();
+    });
   }
 
   ngAfterViewInit() {
-    this.generateEvents.initialize(
-      this.startDayMilliseconds,
-      this.endDayMilliseconds,
-      this.scheduleSlats.nativeElement.offsetHeight,
-      this.scheduleSlats.nativeElement.offsetWidth
+    this.generateEvents.initializeArray(
+      this.workScaleService.workScaleInMileseconds,
+      this.scheduleSlats
     );
-    this.generateEventsPositions();
     this.inicializeNowIndicator();
     this.changeDetectionRef.detectChanges();
   }
@@ -75,56 +84,37 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
   ngOnChanges( changes: SimpleChanges ) {
     if ( changes['events'] !== undefined ) {
       if ( !changes[ 'events' ].firstChange ) {
-        this.generateEvents.initialize(
-          this.startDayMilliseconds,
-          this.endDayMilliseconds,
-          this.scheduleSlats.nativeElement.offsetHeight,
-          this.scheduleSlats.nativeElement.offsetWidth
-        );
-        this.generateEventsPositions();
-        this.inicializeNowIndicator();
-        this.changeDetectionRef.detectChanges();
+        this.eventService.loadEvents(changes[ 'events' ].currentValue);
       }
     }
     this.changeDetectionRef.detectChanges();
   }
 
-  rowDbClick( time, index) {
-
-    const minutesToStart = index > 0 ? ( this.workScale.interval / this.timeScale.slotCount ) * ( index ) : 0;
-    const minutesToEnd = ( this.workScale.interval / this.timeScale.slotCount ) * ( index + 1 );
+  rowDbClick( time, index, periodIndex) {
+    const workScaleInterval = this.workScaleService.workScale[periodIndex].interval;
+    const minutesToStart = index > 0 ? ( workScaleInterval / this.slotSettings.slotCount ) * ( index ) : 0;
+    const minutesToEnd = ( workScaleInterval / this.slotSettings.slotCount ) * ( index + 1 );
 
     this.onRowDbClick.emit({
-      start: new Date(time).setMinutes( minutesToStart ),
-      end: new Date(time).setMinutes( minutesToEnd )
+      start: new Date(time).setMinutes( new Date(time).getMinutes( ) + minutesToStart ),
+      end: new Date(time).setMinutes( new Date(time).getMinutes( ) + minutesToEnd ),
     });
   }
 
   private generateTimes() {
-    const MIN_TO_MILLESECOND = 60000;
-
-    let currentHour_ms = this.startDayMilliseconds;
-    let nextHourBreak_ms = this.startDayMilliseconds;
-    this.timesCollection = [];
-
-    while ( currentHour_ms < this.endDayMilliseconds ) {
-      if ( currentHour_ms === nextHourBreak_ms  ) {
-        this.timesCollection.push( new Date(nextHourBreak_ms) );
-        nextHourBreak_ms =  nextHourBreak_ms + (this.workScale.interval * MIN_TO_MILLESECOND);
-      }
-      currentHour_ms++;
-    }
+    this.timesCollection = this.workScaleService.timesCollection;
+    this.periodCollection = this.workScaleService.periodCollection;
     this.changeDetectionRef.detectChanges();
   }
 
   private inicializeNowIndicator() {
-    this.nowIndicatorPositionTop = this.showNowIndicator ? this.generateEvents.convertMillisecondsToPixel() : -1000;
+    // this.nowIndicatorPositionTop = this.showNowIndicator ? this.generateEvents.convertMillisecondsToPixel() : -1000;
     this.changeDetectionRef.detectChanges();
   }
 
-  private generateEventsPositions() {
-    if ( this.events !== undefined && this.events.length > 0 ) {
-      this.eventsWithPositions = this.generateEvents.with( this.events );
+  private generateEventsPositions( events ) {
+    if ( events !== undefined && events.length > 0 ) {
+      this.eventsWithPositions = this.generateEvents.with( events );
     }
   }
 

From 77332f3627646de6931187addce16e38e24a84f2 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 10:51:43 -0300
Subject: [PATCH 062/111] docs(schedule): add new workScale propertie

---
 .../services/generate-events.service.ts       |  3 +-
 .../scheduledemo-overview.component.html      | 11 ++--
 .../scheduledemo-overview.component.ts        | 65 ++++++++++++++-----
 3 files changed, 56 insertions(+), 23 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 500534b52..09f138bd0 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -67,7 +67,8 @@ export class GenerateEventsService {
     this.workScaleInMileseconds.forEach(( item, index, array) => {
       if ( date > this.workScaleInMileseconds[index].start ) {
         position++;
-        offsetHeight = offsetHeight + elvis(this.scheduleSlats.find( (slot, idx) => idx === ( index - 1)), 'nativeElement.offsetHeight') || 0;
+        const slotObject = this.scheduleSlats.find( (slot, idx) => idx === ( index - 1));
+        offsetHeight = offsetHeight + elvis(slotObject, 'nativeElement.offsetHeight') || 0;
       }
     });
 
diff --git a/src/app/components/schedule/overview/scheduledemo-overview.component.html b/src/app/components/schedule/overview/scheduledemo-overview.component.html
index 6591ccf10..ce4d2514c 100644
--- a/src/app/components/schedule/overview/scheduledemo-overview.component.html
+++ b/src/app/components/schedule/overview/scheduledemo-overview.component.html
@@ -13,12 +13,11 @@ <h6>Basic</h6>
 
                 <tl-schedule
                   [events]="dataSource"
-                  [startDayHour]="'08:00'"
-                  [endDayHour]="'22:00'"
-                  [duration]="30"
-                  [showNowIndicator]="true"
-                  [slatNumberRows]="2"
-                  [slatHightRows]="40"
+
+                  [slotSettings]="slotSettings"
+                  [workScale]="workScale"
+
+                  [showNowIndicator]="false"
                   [statusConfig]="statusConfig"
                   (rowDbClick)="onRowClick($event)"
                   (eventDbClick)="onEventDbClick($event)"
diff --git a/src/app/components/schedule/overview/scheduledemo-overview.component.ts b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
index cc1f6b0fc..4cf55b5e2 100644
--- a/src/app/components/schedule/overview/scheduledemo-overview.component.ts
+++ b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
@@ -19,10 +19,12 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
  */
-import { Component, ChangeDetectorRef } from '@angular/core';
+import { Component, ChangeDetectorRef, Input } from '@angular/core';
 
 import * as json from './scheduledemo-overview-dataproperties.json';
 import * as jsonEvts from './scheduledemo-overview.dataevents.json';
+import { SlotSettingsType } from '../../../../../projects/truly-ui/src/components/schedule/types/slot-settings.type';
+import { WorkScaleType } from '../../../../../projects/truly-ui/src/components/schedule/types/work-scale.type';
 
 @Component( {
   selector : 'app-schedule',
@@ -31,6 +33,13 @@ import * as jsonEvts from './scheduledemo-overview.dataevents.json';
 } )
 export class ScheduleDemoOverviewComponent {
 
+  public slotSettings: SlotSettingsType = new SlotSettingsType(  2, 40);
+
+  public workScale: WorkScaleType | WorkScaleType[] = [
+    ( new WorkScaleType( '08:00', '12:00', 30 ) ),
+    ( new WorkScaleType( '12:00', '15:00', 30 ) )
+  ];
+
   public dataTableProperties;
 
   public dataEvents;
@@ -50,7 +59,7 @@ export class ScheduleDemoOverviewComponent {
       detail: 'Consulta | Particular',
       status: 'missed',
       allday: false,
-      date: { start: new Date().getTime() - 3600000 , end:   new Date().getTime() - 1800000}
+      date: { start: new Date(new Date().setHours(8, 0)).getTime() , end: new Date( new Date().setHours(8, 30) ).getTime() }
     },
    {
     value: '2',
@@ -58,7 +67,7 @@ export class ScheduleDemoOverviewComponent {
     detail: 'Consulta | Particular',
     status: 'attended',
     allday: false,
-    date: { start: new Date().getTime() , end: new Date().getTime() + 1800000 }
+    date: { start: new Date(new Date().setHours(8, 30)).getTime() , end: new Date(new Date().setHours(9, 0 )).getTime() }
   },
     {
       value: '3',
@@ -66,7 +75,7 @@ export class ScheduleDemoOverviewComponent {
       detail: 'Consulta | Particular',
       allday: false,
       status: 'attended',
-      date: { start: new Date().getTime() , end: new Date().getTime() + 1800000 }
+      date: { start: new Date(new Date().setHours(9, 0)).getTime() , end: new Date(new Date().setHours(9, 30 )).getTime() }
     },
   {
     value: '4',
@@ -74,16 +83,16 @@ export class ScheduleDemoOverviewComponent {
     detail: 'Consulta | Unimed',
     allday: false,
     status: 'missed',
-    date: { start: new Date().getTime() - 1800000 , end: new Date().getTime() + 1800000 }
-  },
-  {
-    value: '5',
-    title: 'Jerson Algo - 5',
-    detail: 'Consulta | Unimed',
-    allday: false,
-    status: 'attended',
-    date: { start: new Date().getTime() - 1800000 , end: new Date().getTime() + 1800000 }
+    date: { start: new Date(new Date().setHours(8, 30)).getTime() , end: new Date(new Date().setHours(9, 30 )).getTime() }
   },
+  // {
+  //   value: '5',
+  //   title: 'Jerson Algo - 5',
+  //   detail: 'Consulta | Unimed',
+  //   allday: false,
+  //   status: 'attended',
+  //   date: { start: new Date(new Date().setHours(9, 30)).getTime() , end: new Date(new Date().setHours(10, 0 )).getTime() }
+  // },
   {
     value: '6',
     title: 'Maicon Aguera - 6',
@@ -186,7 +195,7 @@ export class ScheduleDemoOverviewComponent {
     detail: 'Consulta | Copel',
     allday: false,
     status: 'attended',
-    date: { start: new Date().getTime() + 5400000 , end: new Date().getTime() + 10800000 }
+    date: { start: new Date(new Date().setHours(13, 30)).getTime() , end: new Date(new Date().setHours(14, 0 )).getTime() }
   },
   {
     value: '19',
@@ -194,8 +203,32 @@ export class ScheduleDemoOverviewComponent {
     detail: 'Consulta | Copel',
     allday: false,
     status: 'notmet',
-    date: { start: new Date().getTime() + 5400000 , end: new Date().getTime() + 7200000 }
-  }
+    date: { start: new Date(new Date().setHours(13, 30)).getTime() , end: new Date(new Date().setHours(14, 0)).getTime() }
+  },
+    {
+      value: '20',
+      title: 'Jaisson Buccio - 20',
+      detail: 'Consulta | Copel',
+      allday: false,
+      status: 'attended',
+      date: { start: new Date(new Date().setHours(14, 0)).getTime() , end: new Date(new Date().setHours(14, 30 )).getTime() }
+    },
+    {
+      value: '21',
+      title: 'Jaisson Buccio - 21',
+      detail: 'Consulta | Copel',
+      allday: false,
+      status: 'notmet',
+      date: { start: new Date(new Date().setHours(14, 0)).getTime() , end: new Date(new Date().setHours(14, 30)).getTime() }
+    },
+    {
+      value: '22',
+      title: 'Jaisson Buccio - 22',
+      detail: 'Consulta | Copel',
+      allday: false,
+      status: 'notmet',
+      date: { start: new Date(new Date().setHours(14, 30)).getTime() , end: new Date(new Date().setHours(15, 0)).getTime() }
+    }
   ];
 
   constructor( private change: ChangeDetectorRef ) {

From 3ee8bdbb631831a1404155b046ab5b93310ffa35 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 14:29:18 -0300
Subject: [PATCH 063/111] chore: export types for schedule

---
 projects/truly-ui/src/public_api.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/projects/truly-ui/src/public_api.ts b/projects/truly-ui/src/public_api.ts
index a2e7fa89e..9be4a4651 100644
--- a/projects/truly-ui/src/public_api.ts
+++ b/projects/truly-ui/src/public_api.ts
@@ -1,4 +1,6 @@
 // Modules
+import { SlotSettingsType } from './components/schedule/types/slot-settings.type';
+
 export { AccordionModule } from './components/accordion/index';
 export { AutoCompleteModule } from './components/autocomplete/index';
 export { AvatarModule } from './components/avatar/index';
@@ -83,6 +85,13 @@ export { ToasterService } from './components/toaster/services/toaster.service';
 // Classes
 export { Permission } from './components/permissions/parts/models/permission.model';
 
+// Types
+export { ScheduleDataSource } from './components/schedule/types/datasource.type';
+export { SlotSettingsType } from './components/schedule/types/slot-settings.type';
+export { StatusType } from './components/schedule/types/status.type';
+export { ViewType } from './components/schedule/types/view.type';
+export { WorkScaleType } from './components/schedule/types/work-scale.type';
+
 // Languages
 export { I18nService } from './components/i18n/i18n.service';
 export { I18nInterface } from './components/i18n/i18n.interface';

From a50cfa126ab962cba0ae11563c43ef09c2d8b932 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 14:30:21 -0300
Subject: [PATCH 064/111] doc: change year 2017 for 2019

---
 .../src/components/accordion/services/accordion.service.ts | 2 +-
 .../src/components/card/parts/card-body/card-body.ts       | 2 +-
 .../src/components/card/parts/card-footer/card-footer.ts   | 2 +-
 .../src/components/card/parts/card-header/card-header.ts   | 2 +-
 .../components/clockpicker/services/clockpicker.service.ts | 2 +-
 .../src/components/core/classes/datasource-list.ts         | 2 +-
 .../directives/itemSelected/item-selected.directive.ts     | 2 +-
 .../src/components/core/directives/overlay-animation.ts    | 2 +-
 .../truly-ui/src/components/core/enums/actions-modal.ts    | 2 +-
 .../src/components/core/helper/check-element-on-list.ts    | 2 +-
 .../core/interfaces/datasource-list.interface.ts           | 2 +-
 .../truly-ui/src/components/core/services/menu.service.ts  | 2 +-
 .../src/components/core/tokens/configuration.token.ts      | 2 +-
 .../src/components/dropdownlist/interfaces/list-item.ts    | 2 +-
 .../src/components/editor/interfaces/toolbar-config.ts     | 2 +-
 .../src/components/editor/model/toolbar-config.model.ts    | 2 +-
 .../truly-ui/src/components/form/form-submit.directive.ts  | 2 +-
 projects/truly-ui/src/components/i18n/i18n.service.ts      | 2 +-
 projects/truly-ui/src/components/i18n/index.ts             | 2 +-
 .../src/components/i18n/languages/autocomplete/en_US.ts    | 2 +-
 .../src/components/i18n/languages/autocomplete/index.ts    | 2 +-
 .../src/components/i18n/languages/autocomplete/pt_BR.ts    | 2 +-
 .../truly-ui/src/components/i18n/languages/button/en_US.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/button/index.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/button/pt_BR.ts | 2 +-
 .../src/components/i18n/languages/calendar/en_US.ts        | 2 +-
 .../src/components/i18n/languages/calendar/index.ts        | 2 +-
 .../src/components/i18n/languages/calendar/pt_BR.ts        | 2 +-
 .../src/components/i18n/languages/datatable/en_US.ts       | 2 +-
 .../src/components/i18n/languages/datatable/index.ts       | 2 +-
 .../src/components/i18n/languages/datatable/pt_BR.ts       | 2 +-
 .../truly-ui/src/components/i18n/languages/dialog/en_US.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/dialog/index.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/dialog/pt_BR.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/editor/en_US.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/editor/index.ts | 2 +-
 .../truly-ui/src/components/i18n/languages/editor/pt_BR.ts | 2 +-
 projects/truly-ui/src/components/i18n/languages/en_US.ts   | 2 +-
 .../truly-ui/src/components/i18n/languages/form/en_US.ts   | 2 +-
 .../truly-ui/src/components/i18n/languages/form/index.ts   | 2 +-
 .../truly-ui/src/components/i18n/languages/form/pt_BR.ts   | 2 +-
 .../src/components/i18n/languages/listbox/en_US.ts         | 2 +-
 .../src/components/i18n/languages/listbox/index.ts         | 2 +-
 .../src/components/i18n/languages/listbox/pt_BR.ts         | 2 +-
 .../src/components/i18n/languages/navigator/en_US.ts       | 2 +-
 .../src/components/i18n/languages/navigator/index.ts       | 2 +-
 .../src/components/i18n/languages/navigator/pt_BR.ts       | 2 +-
 .../src/components/i18n/languages/overlaylist/en_US.ts     | 2 +-
 .../src/components/i18n/languages/overlaylist/index.ts     | 2 +-
 .../src/components/i18n/languages/overlaylist/pt_BR.ts     | 2 +-
 .../src/components/i18n/languages/permissions/en_US.ts     | 2 +-
 .../src/components/i18n/languages/permissions/index.ts     | 2 +-
 .../src/components/i18n/languages/permissions/pt_BR.ts     | 2 +-
 projects/truly-ui/src/components/i18n/languages/pt_BR.ts   | 2 +-
 .../src/components/i18n/languages/timepicker/en_US.ts      | 2 +-
 .../src/components/i18n/languages/timepicker/index.ts      | 2 +-
 .../src/components/i18n/languages/timepicker/pt_BR.ts      | 2 +-
 .../src/components/i18n/languages/validators/en_US.ts      | 2 +-
 .../src/components/i18n/languages/validators/index.ts      | 2 +-
 .../src/components/i18n/languages/validators/pt_BR.ts      | 2 +-
 projects/truly-ui/src/components/internals/index.ts        | 2 +-
 .../src/components/internals/pipes/leftpad.pipe.ts         | 2 +-
 .../truly-ui/src/components/listbox/classes/list-base.ts   | 2 +-
 .../src/components/listbox/components/listbox-template.ts  | 2 +-
 projects/truly-ui/src/components/menu/menu.ts              | 2 +-
 .../components/menu/parts/advanced/advanced-root-menu.ts   | 2 +-
 .../menu/parts/advanced/parts/advanced-sub-menu.ts         | 2 +-
 .../src/components/menu/parts/simple/simple-sub-menu.ts    | 2 +-
 .../src/components/menu/services/submenu.service.ts        | 2 +-
 .../src/components/misc/fixed-position.directive.ts        | 2 +-
 .../truly-ui/src/components/misc/listoption.directive.ts   | 2 +-
 .../components/misc/relative-window-position.directive.ts  | 2 +-
 .../src/components/misc/scroll-manager.directive.ts        | 2 +-
 .../components/modal/directives/modal-result.directive.ts  | 2 +-
 .../src/components/modal/interfaces/modal-instance.ts      | 2 +-
 .../components/modal/interfaces/modal-smart-form-config.ts | 2 +-
 .../src/components/modal/services/sidebar.service.ts       | 2 +-
 .../src/components/multiselect/enums/error-messages.ts     | 2 +-
 .../parts/directives/permission-group.directive.ts         | 2 +-
 .../parts/interfaces/permission-dataconfig.interface.ts    | 2 +-
 .../permissions/parts/models/permission.model.ts           | 2 +-
 .../src/components/popupmenu/parts/popupmenu-item.ts       | 2 +-
 projects/truly-ui/src/components/popupmenu/popupmenu.ts    | 2 +-
 .../src/components/schedule/services/event.service.ts      | 1 -
 .../schedule/services/generate-events.service.ts           | 7 -------
 .../src/components/schedule/types/datasource.type.ts       | 2 +-
 .../truly-ui/src/components/schedule/types/status.type.ts  | 2 +-
 .../truly-ui/src/components/schedule/types/view.type.ts    | 2 +-
 .../truly-ui/src/components/toaster/parts/model/toaster.ts | 2 +-
 .../src/components/toaster/services/toaster.service.ts     | 2 +-
 projects/truly-ui/src/components/toaster/toaster-config.ts | 2 +-
 .../truly-ui/src/components/toaster/toaster-container.ts   | 2 +-
 src/app/components/autocomplete/http.service.ts            | 2 +-
 src/app/components/form/modal/modal-options-table.ts       | 2 +-
 src/app/components/form/smart/modal-config-table.ts        | 2 +-
 .../schedule/overview/scheduledemo-overview.component.ts   | 5 +----
 96 files changed, 94 insertions(+), 105 deletions(-)

diff --git a/projects/truly-ui/src/components/accordion/services/accordion.service.ts b/projects/truly-ui/src/components/accordion/services/accordion.service.ts
index 9b66feb92..89c7df7c4 100644
--- a/projects/truly-ui/src/components/accordion/services/accordion.service.ts
+++ b/projects/truly-ui/src/components/accordion/services/accordion.service.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/card/parts/card-body/card-body.ts b/projects/truly-ui/src/components/card/parts/card-body/card-body.ts
index bf2b90194..6b7e36b55 100644
--- a/projects/truly-ui/src/components/card/parts/card-body/card-body.ts
+++ b/projects/truly-ui/src/components/card/parts/card-body/card-body.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts
index b91c5afed..25b26bc84 100644
--- a/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts
+++ b/projects/truly-ui/src/components/card/parts/card-footer/card-footer.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/card/parts/card-header/card-header.ts b/projects/truly-ui/src/components/card/parts/card-header/card-header.ts
index 1d08d1c2d..677f4118b 100644
--- a/projects/truly-ui/src/components/card/parts/card-header/card-header.ts
+++ b/projects/truly-ui/src/components/card/parts/card-header/card-header.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/clockpicker/services/clockpicker.service.ts b/projects/truly-ui/src/components/clockpicker/services/clockpicker.service.ts
index 70e27f7e4..7c06965d0 100644
--- a/projects/truly-ui/src/components/clockpicker/services/clockpicker.service.ts
+++ b/projects/truly-ui/src/components/clockpicker/services/clockpicker.service.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/classes/datasource-list.ts b/projects/truly-ui/src/components/core/classes/datasource-list.ts
index 5d60b7344..e9e6c4d54 100644
--- a/projects/truly-ui/src/components/core/classes/datasource-list.ts
+++ b/projects/truly-ui/src/components/core/classes/datasource-list.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/directives/itemSelected/item-selected.directive.ts b/projects/truly-ui/src/components/core/directives/itemSelected/item-selected.directive.ts
index 2d3577d63..db6646a55 100644
--- a/projects/truly-ui/src/components/core/directives/itemSelected/item-selected.directive.ts
+++ b/projects/truly-ui/src/components/core/directives/itemSelected/item-selected.directive.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/directives/overlay-animation.ts b/projects/truly-ui/src/components/core/directives/overlay-animation.ts
index 05fb47e2d..5353e9864 100644
--- a/projects/truly-ui/src/components/core/directives/overlay-animation.ts
+++ b/projects/truly-ui/src/components/core/directives/overlay-animation.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/enums/actions-modal.ts b/projects/truly-ui/src/components/core/enums/actions-modal.ts
index 33980a1eb..e226253ca 100644
--- a/projects/truly-ui/src/components/core/enums/actions-modal.ts
+++ b/projects/truly-ui/src/components/core/enums/actions-modal.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/helper/check-element-on-list.ts b/projects/truly-ui/src/components/core/helper/check-element-on-list.ts
index 10a385cc8..259cfc0b9 100644
--- a/projects/truly-ui/src/components/core/helper/check-element-on-list.ts
+++ b/projects/truly-ui/src/components/core/helper/check-element-on-list.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/interfaces/datasource-list.interface.ts b/projects/truly-ui/src/components/core/interfaces/datasource-list.interface.ts
index b0aeda60f..c13d62255 100644
--- a/projects/truly-ui/src/components/core/interfaces/datasource-list.interface.ts
+++ b/projects/truly-ui/src/components/core/interfaces/datasource-list.interface.ts
@@ -3,7 +3,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/services/menu.service.ts b/projects/truly-ui/src/components/core/services/menu.service.ts
index e5e95d996..2fc98030c 100644
--- a/projects/truly-ui/src/components/core/services/menu.service.ts
+++ b/projects/truly-ui/src/components/core/services/menu.service.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/core/tokens/configuration.token.ts b/projects/truly-ui/src/components/core/tokens/configuration.token.ts
index 8dedea0da..562610f9f 100644
--- a/projects/truly-ui/src/components/core/tokens/configuration.token.ts
+++ b/projects/truly-ui/src/components/core/tokens/configuration.token.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/dropdownlist/interfaces/list-item.ts b/projects/truly-ui/src/components/dropdownlist/interfaces/list-item.ts
index 6fcfd68f7..a0a6971ec 100644
--- a/projects/truly-ui/src/components/dropdownlist/interfaces/list-item.ts
+++ b/projects/truly-ui/src/components/dropdownlist/interfaces/list-item.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/editor/interfaces/toolbar-config.ts b/projects/truly-ui/src/components/editor/interfaces/toolbar-config.ts
index e8864bb27..8c8a413fa 100644
--- a/projects/truly-ui/src/components/editor/interfaces/toolbar-config.ts
+++ b/projects/truly-ui/src/components/editor/interfaces/toolbar-config.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/editor/model/toolbar-config.model.ts b/projects/truly-ui/src/components/editor/model/toolbar-config.model.ts
index 672095cbd..791ec69bc 100644
--- a/projects/truly-ui/src/components/editor/model/toolbar-config.model.ts
+++ b/projects/truly-ui/src/components/editor/model/toolbar-config.model.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/form/form-submit.directive.ts b/projects/truly-ui/src/components/form/form-submit.directive.ts
index 83f20435b..c5b44c34e 100644
--- a/projects/truly-ui/src/components/form/form-submit.directive.ts
+++ b/projects/truly-ui/src/components/form/form-submit.directive.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/i18n.service.ts b/projects/truly-ui/src/components/i18n/i18n.service.ts
index ffc35799a..6f72378dc 100644
--- a/projects/truly-ui/src/components/i18n/i18n.service.ts
+++ b/projects/truly-ui/src/components/i18n/i18n.service.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/index.ts b/projects/truly-ui/src/components/i18n/index.ts
index 4380bcda4..47fd15d08 100644
--- a/projects/truly-ui/src/components/i18n/index.ts
+++ b/projects/truly-ui/src/components/i18n/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/autocomplete/en_US.ts b/projects/truly-ui/src/components/i18n/languages/autocomplete/en_US.ts
index 9ae057fd6..3ee00053b 100644
--- a/projects/truly-ui/src/components/i18n/languages/autocomplete/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/autocomplete/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/autocomplete/index.ts b/projects/truly-ui/src/components/i18n/languages/autocomplete/index.ts
index 13eccda24..7f2e3c672 100644
--- a/projects/truly-ui/src/components/i18n/languages/autocomplete/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/autocomplete/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/autocomplete/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/autocomplete/pt_BR.ts
index 73be23332..9d1c015f3 100644
--- a/projects/truly-ui/src/components/i18n/languages/autocomplete/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/autocomplete/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/button/en_US.ts b/projects/truly-ui/src/components/i18n/languages/button/en_US.ts
index 3e0a6feca..31c025e7e 100644
--- a/projects/truly-ui/src/components/i18n/languages/button/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/button/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/button/index.ts b/projects/truly-ui/src/components/i18n/languages/button/index.ts
index 27cec7a54..660282278 100644
--- a/projects/truly-ui/src/components/i18n/languages/button/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/button/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/button/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/button/pt_BR.ts
index 016bdc3ac..fecd55e49 100644
--- a/projects/truly-ui/src/components/i18n/languages/button/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/button/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/calendar/en_US.ts b/projects/truly-ui/src/components/i18n/languages/calendar/en_US.ts
index 8d4765792..d4c67792c 100644
--- a/projects/truly-ui/src/components/i18n/languages/calendar/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/calendar/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/calendar/index.ts b/projects/truly-ui/src/components/i18n/languages/calendar/index.ts
index e69e6e109..00a49216d 100644
--- a/projects/truly-ui/src/components/i18n/languages/calendar/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/calendar/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/calendar/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/calendar/pt_BR.ts
index e11137638..5c59afc9e 100644
--- a/projects/truly-ui/src/components/i18n/languages/calendar/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/calendar/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/datatable/en_US.ts b/projects/truly-ui/src/components/i18n/languages/datatable/en_US.ts
index 16082e0f3..128de0aac 100644
--- a/projects/truly-ui/src/components/i18n/languages/datatable/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/datatable/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/datatable/index.ts b/projects/truly-ui/src/components/i18n/languages/datatable/index.ts
index 0455f3a45..a535557d3 100644
--- a/projects/truly-ui/src/components/i18n/languages/datatable/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/datatable/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/datatable/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/datatable/pt_BR.ts
index 19f15646c..c4f066a72 100644
--- a/projects/truly-ui/src/components/i18n/languages/datatable/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/datatable/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/dialog/en_US.ts b/projects/truly-ui/src/components/i18n/languages/dialog/en_US.ts
index e759c95ae..a2eb65c33 100644
--- a/projects/truly-ui/src/components/i18n/languages/dialog/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/dialog/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/dialog/index.ts b/projects/truly-ui/src/components/i18n/languages/dialog/index.ts
index 1002f6960..331a87706 100644
--- a/projects/truly-ui/src/components/i18n/languages/dialog/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/dialog/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/dialog/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/dialog/pt_BR.ts
index 05f86dd56..f84772dd9 100644
--- a/projects/truly-ui/src/components/i18n/languages/dialog/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/dialog/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/editor/en_US.ts b/projects/truly-ui/src/components/i18n/languages/editor/en_US.ts
index 1bd519e60..af48be2b0 100644
--- a/projects/truly-ui/src/components/i18n/languages/editor/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/editor/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/editor/index.ts b/projects/truly-ui/src/components/i18n/languages/editor/index.ts
index e6b061815..09151f255 100644
--- a/projects/truly-ui/src/components/i18n/languages/editor/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/editor/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/editor/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/editor/pt_BR.ts
index 383a68915..011a09400 100644
--- a/projects/truly-ui/src/components/i18n/languages/editor/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/editor/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/en_US.ts b/projects/truly-ui/src/components/i18n/languages/en_US.ts
index b3c14e57b..73a12d2d3 100644
--- a/projects/truly-ui/src/components/i18n/languages/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/form/en_US.ts b/projects/truly-ui/src/components/i18n/languages/form/en_US.ts
index b0a0fc6a5..fdb7fabc6 100644
--- a/projects/truly-ui/src/components/i18n/languages/form/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/form/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/form/index.ts b/projects/truly-ui/src/components/i18n/languages/form/index.ts
index 37454f8af..1f271c6f1 100644
--- a/projects/truly-ui/src/components/i18n/languages/form/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/form/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/form/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/form/pt_BR.ts
index 21511a5b6..48df9ae46 100644
--- a/projects/truly-ui/src/components/i18n/languages/form/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/form/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/listbox/en_US.ts b/projects/truly-ui/src/components/i18n/languages/listbox/en_US.ts
index 2ba2952e3..781c2e1fb 100644
--- a/projects/truly-ui/src/components/i18n/languages/listbox/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/listbox/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/listbox/index.ts b/projects/truly-ui/src/components/i18n/languages/listbox/index.ts
index a92d9b49f..afe857a00 100644
--- a/projects/truly-ui/src/components/i18n/languages/listbox/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/listbox/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/listbox/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/listbox/pt_BR.ts
index 597b66673..a442680df 100644
--- a/projects/truly-ui/src/components/i18n/languages/listbox/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/listbox/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/navigator/en_US.ts b/projects/truly-ui/src/components/i18n/languages/navigator/en_US.ts
index b133e78e8..77482c703 100644
--- a/projects/truly-ui/src/components/i18n/languages/navigator/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/navigator/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/navigator/index.ts b/projects/truly-ui/src/components/i18n/languages/navigator/index.ts
index 3f1a93c05..f53a51f10 100644
--- a/projects/truly-ui/src/components/i18n/languages/navigator/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/navigator/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/navigator/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/navigator/pt_BR.ts
index a54d9ca72..3e3d1d0f9 100644
--- a/projects/truly-ui/src/components/i18n/languages/navigator/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/navigator/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/overlaylist/en_US.ts b/projects/truly-ui/src/components/i18n/languages/overlaylist/en_US.ts
index 44f4f0c24..d06911ee5 100644
--- a/projects/truly-ui/src/components/i18n/languages/overlaylist/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/overlaylist/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/overlaylist/index.ts b/projects/truly-ui/src/components/i18n/languages/overlaylist/index.ts
index 7cc650487..1edc71d01 100644
--- a/projects/truly-ui/src/components/i18n/languages/overlaylist/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/overlaylist/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/overlaylist/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/overlaylist/pt_BR.ts
index 84abce0c6..c64ab4d1b 100644
--- a/projects/truly-ui/src/components/i18n/languages/overlaylist/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/overlaylist/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/permissions/en_US.ts b/projects/truly-ui/src/components/i18n/languages/permissions/en_US.ts
index 3fe47c007..5ab2d20aa 100644
--- a/projects/truly-ui/src/components/i18n/languages/permissions/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/permissions/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/permissions/index.ts b/projects/truly-ui/src/components/i18n/languages/permissions/index.ts
index bfa0aee9e..77b1395eb 100644
--- a/projects/truly-ui/src/components/i18n/languages/permissions/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/permissions/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/permissions/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/permissions/pt_BR.ts
index 876620627..a03aa4235 100644
--- a/projects/truly-ui/src/components/i18n/languages/permissions/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/permissions/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/pt_BR.ts
index c0be61b30..c9afd73ac 100644
--- a/projects/truly-ui/src/components/i18n/languages/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/timepicker/en_US.ts b/projects/truly-ui/src/components/i18n/languages/timepicker/en_US.ts
index c1aa100c0..0cc8af968 100644
--- a/projects/truly-ui/src/components/i18n/languages/timepicker/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/timepicker/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/timepicker/index.ts b/projects/truly-ui/src/components/i18n/languages/timepicker/index.ts
index fa46b1249..9f1a98d44 100644
--- a/projects/truly-ui/src/components/i18n/languages/timepicker/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/timepicker/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/timepicker/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/timepicker/pt_BR.ts
index 84b714165..b63b38041 100644
--- a/projects/truly-ui/src/components/i18n/languages/timepicker/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/timepicker/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/validators/en_US.ts b/projects/truly-ui/src/components/i18n/languages/validators/en_US.ts
index 01a5fb779..8a0753819 100644
--- a/projects/truly-ui/src/components/i18n/languages/validators/en_US.ts
+++ b/projects/truly-ui/src/components/i18n/languages/validators/en_US.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/validators/index.ts b/projects/truly-ui/src/components/i18n/languages/validators/index.ts
index 2b8d61a34..001d10f07 100644
--- a/projects/truly-ui/src/components/i18n/languages/validators/index.ts
+++ b/projects/truly-ui/src/components/i18n/languages/validators/index.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/i18n/languages/validators/pt_BR.ts b/projects/truly-ui/src/components/i18n/languages/validators/pt_BR.ts
index dfb74cd99..a134dc9f9 100644
--- a/projects/truly-ui/src/components/i18n/languages/validators/pt_BR.ts
+++ b/projects/truly-ui/src/components/i18n/languages/validators/pt_BR.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/internals/index.ts b/projects/truly-ui/src/components/internals/index.ts
index 92b297127..bbf19a76d 100644
--- a/projects/truly-ui/src/components/internals/index.ts
+++ b/projects/truly-ui/src/components/internals/index.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/internals/pipes/leftpad.pipe.ts b/projects/truly-ui/src/components/internals/pipes/leftpad.pipe.ts
index 51d9e061f..a0f3c800c 100644
--- a/projects/truly-ui/src/components/internals/pipes/leftpad.pipe.ts
+++ b/projects/truly-ui/src/components/internals/pipes/leftpad.pipe.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/listbox/classes/list-base.ts b/projects/truly-ui/src/components/listbox/classes/list-base.ts
index f7403741c..becbeca62 100644
--- a/projects/truly-ui/src/components/listbox/classes/list-base.ts
+++ b/projects/truly-ui/src/components/listbox/classes/list-base.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/listbox/components/listbox-template.ts b/projects/truly-ui/src/components/listbox/components/listbox-template.ts
index 9e7189555..e057f820b 100644
--- a/projects/truly-ui/src/components/listbox/components/listbox-template.ts
+++ b/projects/truly-ui/src/components/listbox/components/listbox-template.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/menu/menu.ts b/projects/truly-ui/src/components/menu/menu.ts
index 5679e5f43..6b6fc6128 100644
--- a/projects/truly-ui/src/components/menu/menu.ts
+++ b/projects/truly-ui/src/components/menu/menu.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/menu/parts/advanced/advanced-root-menu.ts b/projects/truly-ui/src/components/menu/parts/advanced/advanced-root-menu.ts
index 9c559f4df..9695fe5a9 100644
--- a/projects/truly-ui/src/components/menu/parts/advanced/advanced-root-menu.ts
+++ b/projects/truly-ui/src/components/menu/parts/advanced/advanced-root-menu.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/menu/parts/advanced/parts/advanced-sub-menu.ts b/projects/truly-ui/src/components/menu/parts/advanced/parts/advanced-sub-menu.ts
index 32ebc3dc3..cf4f526bd 100644
--- a/projects/truly-ui/src/components/menu/parts/advanced/parts/advanced-sub-menu.ts
+++ b/projects/truly-ui/src/components/menu/parts/advanced/parts/advanced-sub-menu.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts
index da102728b..3ac09a6a0 100644
--- a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts
+++ b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/menu/services/submenu.service.ts b/projects/truly-ui/src/components/menu/services/submenu.service.ts
index 1ddffead1..084e7ee48 100644
--- a/projects/truly-ui/src/components/menu/services/submenu.service.ts
+++ b/projects/truly-ui/src/components/menu/services/submenu.service.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/misc/fixed-position.directive.ts b/projects/truly-ui/src/components/misc/fixed-position.directive.ts
index 82c07253c..fda169d46 100644
--- a/projects/truly-ui/src/components/misc/fixed-position.directive.ts
+++ b/projects/truly-ui/src/components/misc/fixed-position.directive.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/misc/listoption.directive.ts b/projects/truly-ui/src/components/misc/listoption.directive.ts
index 017b7de1d..b46c5fa83 100644
--- a/projects/truly-ui/src/components/misc/listoption.directive.ts
+++ b/projects/truly-ui/src/components/misc/listoption.directive.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/misc/relative-window-position.directive.ts b/projects/truly-ui/src/components/misc/relative-window-position.directive.ts
index ece6d25c6..7ac11e4b5 100644
--- a/projects/truly-ui/src/components/misc/relative-window-position.directive.ts
+++ b/projects/truly-ui/src/components/misc/relative-window-position.directive.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/misc/scroll-manager.directive.ts b/projects/truly-ui/src/components/misc/scroll-manager.directive.ts
index e5c5a011b..8fea44227 100644
--- a/projects/truly-ui/src/components/misc/scroll-manager.directive.ts
+++ b/projects/truly-ui/src/components/misc/scroll-manager.directive.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/modal/directives/modal-result.directive.ts b/projects/truly-ui/src/components/modal/directives/modal-result.directive.ts
index 7d747be4c..8e7a4f86e 100644
--- a/projects/truly-ui/src/components/modal/directives/modal-result.directive.ts
+++ b/projects/truly-ui/src/components/modal/directives/modal-result.directive.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/modal/interfaces/modal-instance.ts b/projects/truly-ui/src/components/modal/interfaces/modal-instance.ts
index a17fcf44b..83c4ed870 100644
--- a/projects/truly-ui/src/components/modal/interfaces/modal-instance.ts
+++ b/projects/truly-ui/src/components/modal/interfaces/modal-instance.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/modal/interfaces/modal-smart-form-config.ts b/projects/truly-ui/src/components/modal/interfaces/modal-smart-form-config.ts
index cbc1494f6..077886b91 100644
--- a/projects/truly-ui/src/components/modal/interfaces/modal-smart-form-config.ts
+++ b/projects/truly-ui/src/components/modal/interfaces/modal-smart-form-config.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/modal/services/sidebar.service.ts b/projects/truly-ui/src/components/modal/services/sidebar.service.ts
index 8a4d08d20..041cc6cc1 100644
--- a/projects/truly-ui/src/components/modal/services/sidebar.service.ts
+++ b/projects/truly-ui/src/components/modal/services/sidebar.service.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/multiselect/enums/error-messages.ts b/projects/truly-ui/src/components/multiselect/enums/error-messages.ts
index 072d02bed..151b46387 100644
--- a/projects/truly-ui/src/components/multiselect/enums/error-messages.ts
+++ b/projects/truly-ui/src/components/multiselect/enums/error-messages.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/permissions/parts/directives/permission-group.directive.ts b/projects/truly-ui/src/components/permissions/parts/directives/permission-group.directive.ts
index 750bfab30..dc846ce0d 100644
--- a/projects/truly-ui/src/components/permissions/parts/directives/permission-group.directive.ts
+++ b/projects/truly-ui/src/components/permissions/parts/directives/permission-group.directive.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/permissions/parts/interfaces/permission-dataconfig.interface.ts b/projects/truly-ui/src/components/permissions/parts/interfaces/permission-dataconfig.interface.ts
index 068fdf8ca..023096191 100644
--- a/projects/truly-ui/src/components/permissions/parts/interfaces/permission-dataconfig.interface.ts
+++ b/projects/truly-ui/src/components/permissions/parts/interfaces/permission-dataconfig.interface.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/permissions/parts/models/permission.model.ts b/projects/truly-ui/src/components/permissions/parts/models/permission.model.ts
index fa0c8cba9..6d9f12482 100644
--- a/projects/truly-ui/src/components/permissions/parts/models/permission.model.ts
+++ b/projects/truly-ui/src/components/permissions/parts/models/permission.model.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/popupmenu/parts/popupmenu-item.ts b/projects/truly-ui/src/components/popupmenu/parts/popupmenu-item.ts
index 7e25f059b..e1ac6a2ec 100644
--- a/projects/truly-ui/src/components/popupmenu/parts/popupmenu-item.ts
+++ b/projects/truly-ui/src/components/popupmenu/parts/popupmenu-item.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/popupmenu/popupmenu.ts b/projects/truly-ui/src/components/popupmenu/popupmenu.ts
index 69db1caa5..8b9c9131e 100644
--- a/projects/truly-ui/src/components/popupmenu/popupmenu.ts
+++ b/projects/truly-ui/src/components/popupmenu/popupmenu.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/schedule/services/event.service.ts b/projects/truly-ui/src/components/schedule/services/event.service.ts
index e8c0e68a4..f8d2affaf 100644
--- a/projects/truly-ui/src/components/schedule/services/event.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/event.service.ts
@@ -1,7 +1,6 @@
 import { EventEmitter, Injectable } from '@angular/core';
 import { WorkScaleService } from './work-scale.service';
 import { ScheduleDataSource } from '../types/datasource.type';
-import { EventListener } from '../../../../../../node_modules/@angular/core/src/debug/debug_node';
 
 @Injectable()
 export class EventService {
diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 09f138bd0..3544ff356 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -31,13 +31,6 @@ export class GenerateEventsService {
     return this.generateEvents();
   }
 
-  initialize( startDayMilliseconds, endDayMilliseconds, heightSchedule, widthSchedule  ) {
-    this.startDayMilliseconds = startDayMilliseconds;
-    this.endDayMilliseconds = endDayMilliseconds;
-    this.heightSchedule = heightSchedule;
-    this.widthSchedule = widthSchedule;
-  }
-
   initializeArray( workScaleInMileseconds, scheduleSlats: QueryList<any>  ) {
     this.workScaleInMileseconds = workScaleInMileseconds;
     this.scheduleSlats = scheduleSlats;
diff --git a/projects/truly-ui/src/components/schedule/types/datasource.type.ts b/projects/truly-ui/src/components/schedule/types/datasource.type.ts
index 407702ab4..9eb5dfd29 100644
--- a/projects/truly-ui/src/components/schedule/types/datasource.type.ts
+++ b/projects/truly-ui/src/components/schedule/types/datasource.type.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/schedule/types/status.type.ts b/projects/truly-ui/src/components/schedule/types/status.type.ts
index 9163b0c77..06ea1962d 100644
--- a/projects/truly-ui/src/components/schedule/types/status.type.ts
+++ b/projects/truly-ui/src/components/schedule/types/status.type.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/schedule/types/view.type.ts b/projects/truly-ui/src/components/schedule/types/view.type.ts
index 0247e44d3..ac4621b6d 100644
--- a/projects/truly-ui/src/components/schedule/types/view.type.ts
+++ b/projects/truly-ui/src/components/schedule/types/view.type.ts
@@ -1,7 +1,7 @@
 /*
     MIT License
 
-    Copyright (c) 2017 Temainfo Sistemas
+    Copyright (c) 2019 Temainfo Sistemas
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/toaster/parts/model/toaster.ts b/projects/truly-ui/src/components/toaster/parts/model/toaster.ts
index 5b046b2c5..b351efe1c 100644
--- a/projects/truly-ui/src/components/toaster/parts/model/toaster.ts
+++ b/projects/truly-ui/src/components/toaster/parts/model/toaster.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/toaster/services/toaster.service.ts b/projects/truly-ui/src/components/toaster/services/toaster.service.ts
index 769090600..7313beee9 100644
--- a/projects/truly-ui/src/components/toaster/services/toaster.service.ts
+++ b/projects/truly-ui/src/components/toaster/services/toaster.service.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/toaster/toaster-config.ts b/projects/truly-ui/src/components/toaster/toaster-config.ts
index fda66ff77..2c29f7e99 100644
--- a/projects/truly-ui/src/components/toaster/toaster-config.ts
+++ b/projects/truly-ui/src/components/toaster/toaster-config.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/projects/truly-ui/src/components/toaster/toaster-container.ts b/projects/truly-ui/src/components/toaster/toaster-container.ts
index fbb65e2af..a3dc16a50 100644
--- a/projects/truly-ui/src/components/toaster/toaster-container.ts
+++ b/projects/truly-ui/src/components/toaster/toaster-container.ts
@@ -1,7 +1,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/src/app/components/autocomplete/http.service.ts b/src/app/components/autocomplete/http.service.ts
index 7d76868f4..63ba63498 100644
--- a/src/app/components/autocomplete/http.service.ts
+++ b/src/app/components/autocomplete/http.service.ts
@@ -1,7 +1,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/src/app/components/form/modal/modal-options-table.ts b/src/app/components/form/modal/modal-options-table.ts
index ecb44d3c2..3d395f44b 100644
--- a/src/app/components/form/modal/modal-options-table.ts
+++ b/src/app/components/form/modal/modal-options-table.ts
@@ -3,7 +3,7 @@
  /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/src/app/components/form/smart/modal-config-table.ts b/src/app/components/form/smart/modal-config-table.ts
index 15ce7bf50..3b467abc4 100644
--- a/src/app/components/form/smart/modal-config-table.ts
+++ b/src/app/components/form/smart/modal-config-table.ts
@@ -3,7 +3,7 @@
 /*
  MIT License
 
- Copyright (c) 2017 Temainfo Sistemas
+ Copyright (c) 2019 Temainfo Sistemas
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
diff --git a/src/app/components/schedule/overview/scheduledemo-overview.component.ts b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
index 4cf55b5e2..78c3174dd 100644
--- a/src/app/components/schedule/overview/scheduledemo-overview.component.ts
+++ b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
@@ -35,10 +35,7 @@ export class ScheduleDemoOverviewComponent {
 
   public slotSettings: SlotSettingsType = new SlotSettingsType(  2, 40);
 
-  public workScale: WorkScaleType | WorkScaleType[] = [
-    ( new WorkScaleType( '08:00', '12:00', 30 ) ),
-    ( new WorkScaleType( '12:00', '15:00', 30 ) )
-  ];
+  public workScale: WorkScaleType | WorkScaleType[] =  new WorkScaleType( '08:00', '12:00', 30 );
 
   public dataTableProperties;
 

From 2fe0c9eaa9c3d9da85a22a3aa4e6181a74413166 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 15:50:42 -0300
Subject: [PATCH 065/111] fix(schedule): fix erros on change dectection

---
 .../src/components/schedule/schedule.ts       | 20 +++----
 .../schedule/services/event.service.ts        | 10 ++--
 .../services/generate-events.service.ts       | 26 ++++-----
 .../schedule/services/work-scale.service.ts   | 58 ++++++++-----------
 .../views/day/view-day.component.html         |  8 +--
 .../schedule/views/day/view-day.component.ts  | 23 +++-----
 6 files changed, 63 insertions(+), 82 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index e7807347a..0d2ea4313 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -87,8 +87,8 @@ export class TlSchedule implements OnInit, OnChanges {
 
   ngOnInit() {
     this.convertSlarNumberToArray();
+    this.workScaleService.load( this.workScale );
     this.eventService.loadEvents( this._events );
-
     this.eventService.getEventsOfDay();
     this.changeDetection.detectChanges();
   }
@@ -96,7 +96,7 @@ export class TlSchedule implements OnInit, OnChanges {
   ngOnChanges( changes: SimpleChanges ) {
 
     if ( changes['workScale'] !== undefined ) {
-      if ( changes[ 'workScale' ].firstChange ) {
+      if ( changes[ 'workScale' ].currentValue ) {
         this.workScaleService.reload( changes[ 'workScale' ].currentValue );
       }
     }
@@ -104,18 +104,17 @@ export class TlSchedule implements OnInit, OnChanges {
 
     if ( changes['events'] !== undefined ) {
       if ( !changes[ 'events' ].firstChange ) {
-       // this.refreshStartAndEndDay();
         this.eventService.loadEvents( this._events );
         this.eventService.getEventsOfDay();
       }
     }
-    //
-    // if ( changes['currentDate'] !== undefined ) {
-    //   if ( ! changes['currentDate'].firstChange) {
-    //     this.refreshStartAndEndDay();
-    //     this.getEventsOfDay();
-    //   }
-    // }
+
+    if ( changes['currentDate'] !== undefined ) {
+      if ( ! changes['currentDate'].firstChange) {
+        this.eventService.loadEvents( this._events );
+        this.eventService.getEventsOfDay();
+      }
+    }
     this.changeDetection.detectChanges();
   }
 
@@ -127,7 +126,6 @@ export class TlSchedule implements OnInit, OnChanges {
   onChangeDate($event) {
     this.currentDate = new Date( $event.year, $event.month, $event.day);
     this.workScaleService.currentDate = new Date( $event.year, $event.month, $event.day);
-    this.workScaleService.refreshStartAndEndDay();
     this.eventService.getEventsOfDay();
     this.changeDate.emit( $event );
     this.changeDetection.detectChanges();
diff --git a/projects/truly-ui/src/components/schedule/services/event.service.ts b/projects/truly-ui/src/components/schedule/services/event.service.ts
index f8d2affaf..f77f65524 100644
--- a/projects/truly-ui/src/components/schedule/services/event.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/event.service.ts
@@ -19,10 +19,10 @@ export class EventService {
   }
 
   getEventsOfDay() {
-    if ( this.events === undefined ) { return []; }
-    this.eventsOfDay = this.events.filter( ( event ) => {
-      return ( event.date.start >= this.workScaleService.startDayMilliseconds )
-        && ( event.date.end <= this.workScaleService.endDayMilliseconds );
-    });
+    // if ( this.events === undefined ) { return []; }
+    // this.eventsOfDay = this.events.filter( ( event ) => {
+    //   return ( event.date.start >= this.workScaleService.startDayMilliseconds )
+    //     && ( event.date.end <= this.workScaleService.endDayMilliseconds );
+    // });
   }
 }
diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 3544ff356..6ec553734 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -1,6 +1,7 @@
 import { Injectable, QueryList } from '@angular/core';
 import { Cluster, Graph, Node } from '../types/graph';
 import { elvis } from '../../core/helper/elvis';
+import { ScheduleDataSource } from '../types/datasource.type';
 
 @Injectable()
 export class GenerateEventsService {
@@ -13,30 +14,29 @@ export class GenerateEventsService {
 
   private originalEvents = [];
 
-  private startDayMilliseconds = 0;
-
-  private endDayMilliseconds = 0;
-
   private workScaleInMileseconds = [];
 
   private scheduleSlats: QueryList<any>;
 
   constructor() {}
 
-  with( events ) {
-    this.originalEvents = JSON.parse( JSON.stringify(events) );
-    this.events = events;
-
-    this.transformDateToPixel();
+  with(  events: ScheduleDataSource[] ) {
+    if ( events.length > 0 && this.scheduleSlats ) {
+      this.originalEvents = JSON.parse( JSON.stringify(events) );
+      this.events = events;
+      this.transformDateToPixel();
+    }
     return this.generateEvents();
   }
 
   initializeArray( workScaleInMileseconds, scheduleSlats: QueryList<any>  ) {
-    this.workScaleInMileseconds = workScaleInMileseconds;
-    this.scheduleSlats = scheduleSlats;
+    if ( scheduleSlats.length > 0) {
+      this.workScaleInMileseconds = workScaleInMileseconds;
+      this.scheduleSlats = scheduleSlats;
 
-    this.heightSchedule = this.scheduleSlats.first.nativeElement.offsetHeight + this.scheduleSlats.last.nativeElement.offsetHeight;
-    this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth;
+      this.heightSchedule = this.scheduleSlats.first.nativeElement.offsetHeight + this.scheduleSlats.last.nativeElement.offsetHeight;
+      this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth;
+    }
   }
 
   private transformDateToPixel() {
diff --git a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
index 1903b7db4..66c784229 100644
--- a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
@@ -1,23 +1,19 @@
-import { Injectable } from '@angular/core';
+import { EventEmitter, Injectable } from '@angular/core';
 import { WorkScaleType } from '../types/work-scale.type';
 
 @Injectable()
 export class WorkScaleService {
 
-  public startDayMilliseconds: number;
-
-  public endDayMilliseconds: number;
-
   public workScale: WorkScaleType[];
 
   public currentDate = new Date();
 
-  public timesCollection: Array<Date> = [];
-
-  public periodCollection: Array<Array<Date>>;
+  public timesCollection: Array<Array<Date>>;
 
   public workScaleInMileseconds = [];
 
+  public updateScale = new EventEmitter<any>();
+
   constructor( ) {}
 
   load( workScale: WorkScaleType | WorkScaleType[] ) {
@@ -31,28 +27,28 @@ export class WorkScaleService {
     this.generateTimes();
   }
 
-  refreshStartAndEndDay() {
-    // this.endDayMilliseconds = this.transformHourToMileseconds( this.endDayHour );
-    // this.startDayMilliseconds = this.transformHourToMileseconds( this.startDayHour );
-  }
-
   private setWorkScale( workScale: WorkScaleType | WorkScaleType[] ) {
-    if ( !( (workScale as Array<WorkScaleType>).length > 0 ) ) {
-      this.workScale = new Array<WorkScaleType>(1).fill( workScale as WorkScaleType);
-    } else {
-      this.workScale = workScale as WorkScaleType[];
+    if ( workScale ) {
+      if ( !( (workScale as Array<WorkScaleType>).length > 0 ) ) {
+        this.workScale = new Array<WorkScaleType>(1).fill( workScale as WorkScaleType);
+      } else {
+        this.workScale = workScale as WorkScaleType[];
+      }
     }
   }
 
   private createWorkScaleMileseconds() {
-    if ( (this.workScale as Array<WorkScaleType>).length > 0 ) {
-      (this.workScale as Array<WorkScaleType>).forEach(( value: WorkScaleType, index, array) => {
-        this.workScaleInMileseconds.push({
-          start: this.transformHourToMileseconds( value.start ),
-          end: this.transformHourToMileseconds( value.end ),
-          interval: value.interval
+    if ( this.workScale ) {
+      if ( (this.workScale as Array<WorkScaleType>).length > 0 ) {
+        this.workScaleInMileseconds = [];
+        (this.workScale as Array<WorkScaleType>).forEach(( value: WorkScaleType, index, array) => {
+          this.workScaleInMileseconds.push({
+            start: this.transformHourToMileseconds( value.start ),
+            end: this.transformHourToMileseconds( value.end ),
+            interval: value.interval
+          });
         });
-      });
+      }
     }
   }
 
@@ -72,9 +68,7 @@ export class WorkScaleService {
 
   private generateTimes() {
     const MIN_TO_MILLESECOND = 60000;
-    this.timesCollection = [];
-    this.periodCollection = new Array<Array<Date>>( (this.workScaleInMileseconds as Array<any>).length ).fill([]);
-
+    this.timesCollection = new Array<Array<Date>>( (this.workScaleInMileseconds as Array<any>).length ).fill([]);
 
     if ( (this.workScaleInMileseconds as Array<any>).length > 0 ) {
       (this.workScaleInMileseconds as Array<any>).forEach(( value , index, array) => {
@@ -83,19 +77,13 @@ export class WorkScaleService {
 
         while ( currentHour_ms < value.end ) {
           if ( currentHour_ms === nextHourBreak_ms  ) {
-            this.timesCollection.push( new Date(nextHourBreak_ms) );
-            this.periodCollection[index] = [...this.periodCollection[index], new Date(nextHourBreak_ms) ] ;
+            this.timesCollection[index] = [...this.timesCollection[index], new Date(nextHourBreak_ms) ] ;
             nextHourBreak_ms =  nextHourBreak_ms + (value.interval * MIN_TO_MILLESECOND);
           }
           currentHour_ms++;
         }
       });
+      this.updateScale.emit( this.timesCollection );
     }
-
   }
-
-
-
-
-
 }
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
index 6ddd1e7dd..d526cb016 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
@@ -1,19 +1,19 @@
-<div class="ui-schedule-slats" *ngFor="let period of periodCollection; let periodIndex = index">
+<div class="ui-schedule-slats" *ngFor="let times of timesCollection; let timesIndex = index">
 
   <!-- CREATE TIMES BOXES-->
   <div class="ui-schedule-times">
-    <div class="ui-schedule-time-row" [ngStyle]="{height: (slotSettings.slotCount * slotSettings.slotHight) + 'px'}" *ngFor="let time of period">
+    <div class="ui-schedule-time-row" [ngStyle]="{height: (slotSettings.slotCount * slotSettings.slotHight) + 'px'}" *ngFor="let time of times">
       <span class="ui-hour-detail">{{time | date: 'HH'}}</span>:{{time | date: 'mm'}}
     </div>
   </div>
 
   <!-- CREATE WIDGET CONTENT-->
   <div #scheduleSlats class="ui-schedule-widget-content">
-    <div *ngFor="let time of period; let last = last; let first = first;" class="ui-schedule-widget-rows">
+    <div *ngFor="let time of times; let last = last; let first = first;" class="ui-schedule-widget-rows">
       <div class="ui-schedule-row" *ngFor="let slot of slatNumberRowsAsArray; let index = index"
            [ngStyle]="{height: slotSettings.slotHight + 'px'}"
            [ngClass]="{last: last, first: first}"
-           (dblclick)="rowDbClick( time, index, periodIndex )"></div>
+           (dblclick)="rowDbClick( time, index, timesIndex )"></div>
     </div>
   </div>
 
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index a9e824ebf..b2d7e673c 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -44,9 +44,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   public nowIndicatorPositionTop: number;
 
-  public timesCollection: Array<Date> = [];
-
-  public periodCollection = [];
+  public timesCollection: Array<Array<Date>>;
 
   public currentTime = new Date();
 
@@ -60,12 +58,14 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
 
   ngOnInit() {
-    this.generateTimes();
+
+    this.workScaleService.updateScale.subscribe(( timesCollection) => {
+      this.timesCollection = timesCollection;
+      this.changeDetectionRef.detectChanges();
+    });
+
     this.eventService.updateEvents.subscribe(( event ) => {
-      this.generateEvents.initializeArray(
-        this.workScaleService.workScaleInMileseconds,
-        this.scheduleSlats
-      );
+      this.generateEvents.initializeArray( this.workScaleService.workScaleInMileseconds, this.scheduleSlats );
       this.generateEventsPositions( event );
       this.inicializeNowIndicator( );
       this.changeDetectionRef.detectChanges();
@@ -73,6 +73,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
   }
 
   ngAfterViewInit() {
+
     this.generateEvents.initializeArray(
       this.workScaleService.workScaleInMileseconds,
       this.scheduleSlats
@@ -101,12 +102,6 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
     });
   }
 
-  private generateTimes() {
-    this.timesCollection = this.workScaleService.timesCollection;
-    this.periodCollection = this.workScaleService.periodCollection;
-    this.changeDetectionRef.detectChanges();
-  }
-
   private inicializeNowIndicator() {
     // this.nowIndicatorPositionTop = this.showNowIndicator ? this.generateEvents.convertMillisecondsToPixel() : -1000;
     this.changeDetectionRef.detectChanges();

From a11ce97c1cc6c1c489c6f2f599ab8a46adc8baa4 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 16:06:13 -0300
Subject: [PATCH 066/111] doc(schedule): add workScale working in lazy-loading

---
 .../overview/scheduledemo-overview.component.ts   | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/components/schedule/overview/scheduledemo-overview.component.ts b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
index 78c3174dd..47e7347d9 100644
--- a/src/app/components/schedule/overview/scheduledemo-overview.component.ts
+++ b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
@@ -35,7 +35,7 @@ export class ScheduleDemoOverviewComponent {
 
   public slotSettings: SlotSettingsType = new SlotSettingsType(  2, 40);
 
-  public workScale: WorkScaleType | WorkScaleType[] =  new WorkScaleType( '08:00', '12:00', 30 );
+  public workScale: WorkScaleType | WorkScaleType[] = new WorkScaleType( '08:00', '12:00', 30 );
 
   public dataTableProperties;
 
@@ -48,7 +48,7 @@ export class ScheduleDemoOverviewComponent {
     missed: { status : 'missed', color : '#FF385C', description : 'Missed' },
     notmet: { status : 'notmet', color : '#1d8bff', description : 'Not Met' }
   };
-
+ // public data = [];
   public data = [
     {
       value: '1',
@@ -233,6 +233,11 @@ export class ScheduleDemoOverviewComponent {
     this.dataEvents = jsonEvts.dataEvents;
 
     setTimeout(() => {
+
+      this.getWorkScale().then(( workScale: WorkScaleType | WorkScaleType[] ) => {
+        this.workScale = workScale;
+      });
+
       this.getDataSource()
         .then((data: Array<any>) => {
           this.dataSource = data;
@@ -241,6 +246,12 @@ export class ScheduleDemoOverviewComponent {
     }, 3000);
   }
 
+  getWorkScale() {
+    return new Promise((resolve) => {
+      resolve( new WorkScaleType( '08:00', '12:00', 30 ) );
+    });
+  }
+
   getDataSource() {
     return new Promise((resolve) => {
       resolve(this.data);

From 8d407702e8af4a433cef387574297868280f9815 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 16:41:28 -0300
Subject: [PATCH 067/111] fix(schedule): fix error ERROR TypeError: undefined
 is not iterable (cannot read property Symbol(Symbol.iterator))

---
 projects/truly-ui/src/components/schedule/schedule.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index 0d2ea4313..9ccec6da7 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -54,9 +54,13 @@ export class TlSchedule implements OnInit, OnChanges {
 
   @Input() showNowIndicator = false;
 
-  @Input('events') set events( events: ScheduleDataSource[] ) {
-    this._events = [...events].sort(( a, b ) => a.date.start - b.date.start  );
-    this._events = JSON.parse( JSON.stringify(this._events) );
+  @Input('events') set events( events: ScheduleDataSource[]) {
+    if ( !events) {
+      this._events = [];
+    } else {
+      this._events = [...events].sort(( a, b ) => a.date.start - b.date.start  );
+      this._events = JSON.parse( JSON.stringify(this._events) );
+    }
   }
 
   @Output() changeView = new EventEmitter<ViewType>();

From 43eecf9eee92f495e28eed52a48a82a9c2f9ad95 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 13 Mar 2019 16:57:56 -0300
Subject: [PATCH 068/111] fix(schedule): fix erro ERROR Error:
 ViewDestroyedError: Attempt to use a destroyed view: detectChanges

---
 .../schedule/views/day/view-day.component.ts  | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index b2d7e673c..3b5a7d8b4 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -1,6 +1,6 @@
 import {
   Component, OnInit, OnChanges, AfterViewInit, ChangeDetectorRef, Input, ViewChild, ElementRef, SimpleChanges,
-  ChangeDetectionStrategy, Output, EventEmitter, ViewChildren, QueryList
+  ChangeDetectionStrategy, Output, EventEmitter, ViewChildren, QueryList, OnDestroy
 } from '@angular/core';
 import { ScheduleDataSource } from '../../types/datasource.type';
 import { GenerateEventsService } from '../../services/generate-events.service';
@@ -8,6 +8,7 @@ import { SlotSettingsType } from '../../types/slot-settings.type';
 import { WorkScaleType } from '../../types/work-scale.type';
 import { EventService } from '../../services/event.service';
 import { WorkScaleService } from '../../services/work-scale.service';
+import { Subscription } from 'rxjs';
 
 @Component({
   selector: 'tl-view-day',
@@ -16,7 +17,7 @@ import { WorkScaleService } from '../../services/work-scale.service';
   changeDetection: ChangeDetectionStrategy.OnPush,
 
 })
-export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
+export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
 
   @Input() currentDate = new Date();
 
@@ -50,6 +51,8 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   public eventsWithPositions = [];
 
+  private subscriptions = new Subscription();
+
   constructor(
     private changeDetectionRef: ChangeDetectorRef,
     private generateEvents: GenerateEventsService,
@@ -59,17 +62,17 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
 
   ngOnInit() {
 
-    this.workScaleService.updateScale.subscribe(( timesCollection) => {
+    this.subscriptions.add(this.workScaleService.updateScale.subscribe(( timesCollection) => {
       this.timesCollection = timesCollection;
       this.changeDetectionRef.detectChanges();
-    });
+    }));
 
-    this.eventService.updateEvents.subscribe(( event ) => {
+    this.subscriptions.add(this.eventService.updateEvents.subscribe(( event ) => {
       this.generateEvents.initializeArray( this.workScaleService.workScaleInMileseconds, this.scheduleSlats );
       this.generateEventsPositions( event );
       this.inicializeNowIndicator( );
       this.changeDetectionRef.detectChanges();
-    });
+    }));
   }
 
   ngAfterViewInit() {
@@ -113,4 +116,8 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges {
     }
   }
 
+  ngOnDestroy() {
+    this.subscriptions.unsubscribe();
+  }
+
 }

From 8f473ebb7c99f9d1e2c6846c5de98b9e7534df2e Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Thu, 14 Mar 2019 16:05:42 -0300
Subject: [PATCH 069/111] fix(listbox): fix error ERROR TypeError: Cannot read
 property 'length' of undefined

---
 projects/truly-ui/src/components/listbox/listbox.ts             | 2 +-
 .../src/components/schedule/views/day/view-day.component.scss   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/listbox/listbox.ts b/projects/truly-ui/src/components/listbox/listbox.ts
index adf36f34e..7e27e312f 100644
--- a/projects/truly-ui/src/components/listbox/listbox.ts
+++ b/projects/truly-ui/src/components/listbox/listbox.ts
@@ -173,7 +173,7 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
   }
 
   private setUpData(value?) {
-    if (value.length > 0) {
+    if ( value && value.length > 0) {
       this.dataSource = new DataSourceList({
         dataSource: value || this.data,
         pageSize: this.rowsPage,
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss b/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss
index 5f5365258..c53a57f5b 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.scss
@@ -22,6 +22,7 @@
   & .ui-hour-detail{
     font-weight: bold;
     font-size: 20px;
+    line-height: 1.5;
   }
 }
 

From bf265cd249945b480eccd6d7758773d279b26646 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 15 Mar 2019 14:07:33 -0300
Subject: [PATCH 070/111] fix(listbox): fix overlay z-Index

---
 projects/truly-ui/src/components/listbox/listbox.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/listbox/listbox.scss b/projects/truly-ui/src/components/listbox/listbox.scss
index 03b296ab2..14f111c4c 100644
--- a/projects/truly-ui/src/components/listbox/listbox.scss
+++ b/projects/truly-ui/src/components/listbox/listbox.scss
@@ -1,6 +1,7 @@
 .ui-listbox-wrapper {
   position: relative;
   height: 100%;
+  z-index: 1;
 }
 
 .ui-list-viewport {

From 56c1a2eeb2203f5d70c76bc97a461c5c328bff5b Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 15 Mar 2019 17:22:09 -0300
Subject: [PATCH 071/111] feat(schedule): add property text to add translations

---
 .../components/schedule/i18n/schedule-i18n.ts | 37 +++++++++++++++++++
 .../parts/heading/heading.component.html      |  4 +-
 .../parts/heading/heading.component.ts        |  3 ++
 .../src/components/schedule/schedule.html     |  1 +
 .../src/components/schedule/schedule.ts       |  3 ++
 5 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 projects/truly-ui/src/components/schedule/i18n/schedule-i18n.ts

diff --git a/projects/truly-ui/src/components/schedule/i18n/schedule-i18n.ts b/projects/truly-ui/src/components/schedule/i18n/schedule-i18n.ts
new file mode 100644
index 000000000..4cc505037
--- /dev/null
+++ b/projects/truly-ui/src/components/schedule/i18n/schedule-i18n.ts
@@ -0,0 +1,37 @@
+/*
+ *
+ *     MIT License
+ *
+ *     Copyright (c) 2019 Temainfo Sistemas
+ *
+ *     Permission is hereby granted, free of charge, to any person obtaining a copy
+ *     of this software and associated documentation files (the "Software"), to deal
+ *     in the Software without restriction, including without limitation the rights
+ *     to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ *     copies of the Software, and to permit persons to whom the Software is
+ *     furnished to do so, subject to the following conditions:
+ *     The above copyright notice and this permission notice shall be included in all
+ *     copies or substantial portions of the Software.
+ *     THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ *     IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ *     FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ *     AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ *     LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ *     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ *     SOFTWARE.
+ * /
+ */
+export const ScheduleI18n = {
+  views: {
+    day: 'Day',
+    week: 'Week',
+    month: 'Month',
+    workWeek: 'Work Week',
+    dayList: 'Day List',
+    weekList: 'Week List',
+  },
+  buttons: {
+    addEvent: 'Add Event'
+  },
+  scaleNotFound: 'Scale Not Exists'
+};
diff --git a/projects/truly-ui/src/components/schedule/parts/heading/heading.component.html b/projects/truly-ui/src/components/schedule/parts/heading/heading.component.html
index df909178c..0ed341d07 100644
--- a/projects/truly-ui/src/components/schedule/parts/heading/heading.component.html
+++ b/projects/truly-ui/src/components/schedule/parts/heading/heading.component.html
@@ -4,7 +4,7 @@
       <tl-button-group [height]="'30px'" >
         <tl-button-group-item *ngFor="let view of views"
                               [width]="'100px'"
-                              [text]="view | uppercase"
+                              [text]="texts.views[view]"
                               [selected]="view === defaultView"
                               (click)="changeView.emit(view)"
         >
@@ -22,6 +22,6 @@
     </tl-navigator>
   </div>
   <div class="ui-schedule-heading-tools">
-    <tl-button (click)="newEventClick.emit()" [text]="'Add Event'" [iconBeforeText]="'fas fa-plus'" [width]="'80px'" color="primary"></tl-button>
+    <tl-button (click)="newEventClick.emit()" [text]="texts.buttons.addEvent" [iconBeforeText]="'fas fa-plus'" [width]="'80px'" color="primary"></tl-button>
   </div>
 </div>
diff --git a/projects/truly-ui/src/components/schedule/parts/heading/heading.component.ts b/projects/truly-ui/src/components/schedule/parts/heading/heading.component.ts
index 788c206c2..deaf861f9 100644
--- a/projects/truly-ui/src/components/schedule/parts/heading/heading.component.ts
+++ b/projects/truly-ui/src/components/schedule/parts/heading/heading.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { ViewType } from '../../types/view.type';
+import { ScheduleI18n } from '../../i18n/schedule-i18n';
 
 @Component({
   selector: 'tl-schedule-heading',
@@ -14,6 +15,8 @@ export class HeadingComponent implements OnInit {
 
   @Input() currentDate = new Date();
 
+  @Input() texts = ScheduleI18n;
+
   @Output() changeView = new EventEmitter<ViewType>();
 
   @Output() changeDate = new EventEmitter();
diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index 05afc121b..c1471b9d5 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -3,6 +3,7 @@
   <!-- SCHEDULE HEADER -->
   <div class="ui-schedule-header">
     <tl-schedule-heading
+      [texts]="texts"
       [views]="views"
       [defaultView]="defaultView"
       [currentDate]="currentDate"
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index 9ccec6da7..65c3e4ec5 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -29,6 +29,7 @@ import { SlotSettingsType } from './types/slot-settings.type';
 import { WorkScaleType } from './types/work-scale.type';
 import { WorkScaleService } from './services/work-scale.service';
 import { EventService } from './services/event.service';
+import { ScheduleI18n } from './i18n/schedule-i18n';
 
 @Component( {
   selector: 'tl-schedule',
@@ -54,6 +55,8 @@ export class TlSchedule implements OnInit, OnChanges {
 
   @Input() showNowIndicator = false;
 
+  @Input() texts = ScheduleI18n;
+
   @Input('events') set events( events: ScheduleDataSource[]) {
     if ( !events) {
       this._events = [];

From c5026e08a438da9c11f1b6cc8435a3ce0e3dd502 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 15 Mar 2019 17:35:30 -0300
Subject: [PATCH 072/111] feat(schedule): add blockio when not found scale

---
 .../src/components/schedule/schedule.html     |  5 ++++-
 .../src/components/schedule/schedule.scss     |  3 ++-
 .../src/components/schedule/schedule.ts       |  1 +
 .../services/generate-events.service.ts       |  4 +++-
 .../schedule/services/work-scale.service.ts   | 19 ++++++++++++++-----
 .../views/day/view-day.component.html         |  3 ++-
 .../schedule/views/day/view-day.component.ts  |  3 +++
 7 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index c1471b9d5..d072ee9c0 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -14,7 +14,10 @@
   </div>
 
   <!-- SCHEDULE BODY -->
-  <div  class="ui-schedule-body" [ngStyle]="{height: 'calc(' + height +' - 52px)'}" [ngSwitch]="defaultView">
+  <div  class="ui-schedule-body"
+        [tlBlockui]="workScale.length === 0"
+        [blockuiConfig]="{ message: texts.scaleNotFound, icon: 'fas fa-address-book', color: '#ccc' }"
+        [ngStyle]="{height: 'calc(' + height +' - 52px)', overflowY: workScale.length === 0 ? 'hidden' : 'visible'}" [ngSwitch]="defaultView">
     <tl-view-day
       *ngSwitchCase="'day'"
       [currentDate]="currentDate"
diff --git a/projects/truly-ui/src/components/schedule/schedule.scss b/projects/truly-ui/src/components/schedule/schedule.scss
index 53a0f8ea5..e7fa11d22 100644
--- a/projects/truly-ui/src/components/schedule/schedule.scss
+++ b/projects/truly-ui/src/components/schedule/schedule.scss
@@ -14,6 +14,7 @@
 .ui-schedule-body {
   border: 1px solid #D6D6D6;
   box-sizing: content-box;
-  overflow-x: auto;
+  overflow-x: hidden;
+  overflow-y: visible;
   position: relative;
 }
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index 65c3e4ec5..2ef01b875 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -104,6 +104,7 @@ export class TlSchedule implements OnInit, OnChanges {
 
     if ( changes['workScale'] !== undefined ) {
       if ( changes[ 'workScale' ].currentValue ) {
+
         this.workScaleService.reload( changes[ 'workScale' ].currentValue );
       }
     }
diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 6ec553734..8079eae25 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -3,6 +3,8 @@ import { Cluster, Graph, Node } from '../types/graph';
 import { elvis } from '../../core/helper/elvis';
 import { ScheduleDataSource } from '../types/datasource.type';
 
+const WIDTH_SCROLL = 17;
+
 @Injectable()
 export class GenerateEventsService {
 
@@ -35,7 +37,7 @@ export class GenerateEventsService {
       this.scheduleSlats = scheduleSlats;
 
       this.heightSchedule = this.scheduleSlats.first.nativeElement.offsetHeight + this.scheduleSlats.last.nativeElement.offsetHeight;
-      this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth;
+      this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth - WIDTH_SCROLL;
     }
   }
 
diff --git a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
index 66c784229..a5bda9ea7 100644
--- a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
@@ -17,14 +17,23 @@ export class WorkScaleService {
   constructor( ) {}
 
   load( workScale: WorkScaleType | WorkScaleType[] ) {
-    this.setWorkScale(workScale);
-    this.generateTimes();
+    if ( workScale ) {
+      if ( ( workScale as WorkScaleType).hasOwnProperty('interval') || (workScale as Array<WorkScaleType>).length > 0 ) {
+        this.setWorkScale(workScale);
+        this.createWorkScaleMileseconds();
+        this.generateTimes();
+      }
+    }
   }
 
   reload( workScale: WorkScaleType | WorkScaleType[] ) {
-    this.setWorkScale(workScale);
-    this.createWorkScaleMileseconds();
-    this.generateTimes();
+    if ( workScale ) {
+      if ( ( workScale as WorkScaleType ).hasOwnProperty( 'interval' ) || ( workScale as Array<WorkScaleType> ).length > 0 ) {
+        this.setWorkScale( workScale );
+        this.createWorkScaleMileseconds();
+        this.generateTimes();
+      }
+    }
   }
 
   private setWorkScale( workScale: WorkScaleType | WorkScaleType[] ) {
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
index d526cb016..ad62d477c 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
@@ -1,4 +1,5 @@
-<div class="ui-schedule-slats" *ngFor="let times of timesCollection; let timesIndex = index">
+<div class="ui-schedule-slats"
+     *ngFor="let times of timesCollection; let timesIndex = index">
 
   <!-- CREATE TIMES BOXES-->
   <div class="ui-schedule-times">
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index 3b5a7d8b4..5e10c9330 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -9,6 +9,7 @@ import { WorkScaleType } from '../../types/work-scale.type';
 import { EventService } from '../../services/event.service';
 import { WorkScaleService } from '../../services/work-scale.service';
 import { Subscription } from 'rxjs';
+import { ScheduleI18n } from '../../i18n/schedule-i18n';
 
 @Component({
   selector: 'tl-view-day',
@@ -31,6 +32,8 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
 
   @Input() slatNumberRowsAsArray: Array<Number>;
 
+  @Input() texts = ScheduleI18n;
+
   @ViewChildren('scheduleSlats') scheduleSlats: QueryList<any>;
 
   @Output() onRowDbClick = new EventEmitter();

From ccd1ef274977361b3ef6cba2b3aea502707b7bf6 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 15 Mar 2019 17:50:15 -0300
Subject: [PATCH 073/111] fix(schedule): fix error Property 'length' does not
 exist on type 'WorkScaleType | WorkScaleType[]'.

---
 projects/truly-ui/src/components/schedule/schedule.html | 2 +-
 projects/truly-ui/src/components/schedule/schedule.ts   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index d072ee9c0..6540d7bde 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -15,7 +15,7 @@
 
   <!-- SCHEDULE BODY -->
   <div  class="ui-schedule-body"
-        [tlBlockui]="workScale.length === 0"
+        [tlBlockui]="!workScale || !existsScale"
         [blockuiConfig]="{ message: texts.scaleNotFound, icon: 'fas fa-address-book', color: '#ccc' }"
         [ngStyle]="{height: 'calc(' + height +' - 52px)', overflowY: workScale.length === 0 ? 'hidden' : 'visible'}" [ngSwitch]="defaultView">
     <tl-view-day
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index 2ef01b875..a48b51524 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -84,6 +84,8 @@ export class TlSchedule implements OnInit, OnChanges {
 
   public slatNumberRowsAsArray: Array<Number>;
 
+  public existsScale = false;
+
   private _events: ScheduleDataSource[];
 
   constructor(
@@ -104,7 +106,8 @@ export class TlSchedule implements OnInit, OnChanges {
 
     if ( changes['workScale'] !== undefined ) {
       if ( changes[ 'workScale' ].currentValue ) {
-
+        this.existsScale = ( ( this.workScale as WorkScaleType).hasOwnProperty('interval')
+          || (this.workScale as Array<WorkScaleType>).length > 0 );
         this.workScaleService.reload( changes[ 'workScale' ].currentValue );
       }
     }

From f370f90644205bb3c61ab213ee139e0a2e742009 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 18 Mar 2019 09:38:24 -0300
Subject: [PATCH 074/111] fix(schedule): : Property 'length' does not exist on
 type 'WorkScaleType | WorkScaleType[]'.

---
 .../src/components/schedule/schedule.html     |  2 +-
 .../src/components/schedule/schedule.ts       |  5 ++--
 .../schedule/services/work-scale.service.ts   | 27 ++++++++++---------
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index 6540d7bde..87647b705 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -17,7 +17,7 @@
   <div  class="ui-schedule-body"
         [tlBlockui]="!workScale || !existsScale"
         [blockuiConfig]="{ message: texts.scaleNotFound, icon: 'fas fa-address-book', color: '#ccc' }"
-        [ngStyle]="{height: 'calc(' + height +' - 52px)', overflowY: workScale.length === 0 ? 'hidden' : 'visible'}" [ngSwitch]="defaultView">
+        [ngStyle]="{height: 'calc(' + height +' - 52px)', overflowY: !existsScale ? 'hidden' : 'visible'}" [ngSwitch]="defaultView">
     <tl-view-day
       *ngSwitchCase="'day'"
       [currentDate]="currentDate"
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index a48b51524..c72d9ea30 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -89,8 +89,8 @@ export class TlSchedule implements OnInit, OnChanges {
   private _events: ScheduleDataSource[];
 
   constructor(
+    public workScaleService: WorkScaleService,
     private changeDetection: ChangeDetectorRef,
-    private workScaleService: WorkScaleService,
     private eventService: EventService
   ) {}
 
@@ -106,8 +106,7 @@ export class TlSchedule implements OnInit, OnChanges {
 
     if ( changes['workScale'] !== undefined ) {
       if ( changes[ 'workScale' ].currentValue ) {
-        this.existsScale = ( ( this.workScale as WorkScaleType).hasOwnProperty('interval')
-          || (this.workScale as Array<WorkScaleType>).length > 0 );
+        this.existsScale = this.workScaleService.exitsWorkScale( this.workScale );
         this.workScaleService.reload( changes[ 'workScale' ].currentValue );
       }
     }
diff --git a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
index a5bda9ea7..5e8fcabdf 100644
--- a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
@@ -17,25 +17,28 @@ export class WorkScaleService {
   constructor( ) {}
 
   load( workScale: WorkScaleType | WorkScaleType[] ) {
-    if ( workScale ) {
-      if ( ( workScale as WorkScaleType).hasOwnProperty('interval') || (workScale as Array<WorkScaleType>).length > 0 ) {
-        this.setWorkScale(workScale);
-        this.createWorkScaleMileseconds();
-        this.generateTimes();
-      }
+    if ( this.exitsWorkScale( workScale ) ) {
+      this.setWorkScale(workScale);
+      this.createWorkScaleMileseconds();
+      this.generateTimes();
     }
   }
 
   reload( workScale: WorkScaleType | WorkScaleType[] ) {
-    if ( workScale ) {
-      if ( ( workScale as WorkScaleType ).hasOwnProperty( 'interval' ) || ( workScale as Array<WorkScaleType> ).length > 0 ) {
-        this.setWorkScale( workScale );
-        this.createWorkScaleMileseconds();
-        this.generateTimes();
-      }
+    if ( this.exitsWorkScale( workScale ) ) {
+      this.setWorkScale( workScale );
+      this.createWorkScaleMileseconds();
+      this.generateTimes();
     }
   }
 
+  exitsWorkScale ( workScale ) {
+    return workScale && (
+      ( workScale as WorkScaleType ).hasOwnProperty('interval') ||
+      ( workScale as Array<WorkScaleType> ).length > 0
+    );
+  }
+
   private setWorkScale( workScale: WorkScaleType | WorkScaleType[] ) {
     if ( workScale ) {
       if ( !( (workScale as Array<WorkScaleType>).length > 0 ) ) {

From ceb3ccf99fcbe6ca479c0a0415579c7079697f3d Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 10:18:59 -0300
Subject: [PATCH 075/111] refact(autocomplete): fix disabled state of
 autocomplete.

---
 .../autocomplete/autocomplete-theme.scss         | 16 ++++++++--------
 .../components/autocomplete/autocomplete.html    |  2 ++
 .../src/components/autocomplete/autocomplete.ts  | 13 +++++++++----
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete-theme.scss b/projects/truly-ui/src/components/autocomplete/autocomplete-theme.scss
index b9d1fdb27..59ecbfc18 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete-theme.scss
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete-theme.scss
@@ -17,6 +17,14 @@
     box-shadow: inset 0px 5px 7px -5px rgba(0, 0, 0, 0.10);
     border: 1px solid map-deep-get($basic, "default", "border");
 
+    &.disabled {
+      opacity: 0.35;
+      filter: Alpha(Opacity=70);
+      cursor: default !important;
+      background-color: map-deep-get($basic, "default", "background");
+      color: map-deep-get($basic, "default", "foreground");
+    }
+
     &.withBorder {
       border: 1px solid map-deep-get($basic, "default", "border");
     }
@@ -47,14 +55,6 @@
         border: 1px solid map-deep-get($warning, "default", "border");
       }
 
-      &:disabled {
-        opacity: 0.35;
-        filter: Alpha(Opacity=70);
-        cursor: default !important;
-        background-color: map-deep-get($basic, "default", "background");
-        color: map-deep-get($basic, "default", "foreground");
-      }
-
       &:read-only {
         background-color: map-deep-get($basic, "default", "background");
         color: map-deep-get($basic, "default", "foreground");
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index d74ef87e0..2157d9ea6 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -3,12 +3,14 @@
   <tl-label *ngIf="label" [labelTitle]="label" [labelPlacement]="labelPlacement" [labelSize]="labelSize"></tl-label>
   <div [class]="'ui-autocomplete-wrapper ' + color">
     <div class="ui-wrapper-filter"
+         [class.disabled]="disabled || isDisabled"
          [style.height]="height"
          [class.opened]="isOpen && positionOverlay !== 'top'"
          [class.openedAbove]="positionOverlay === 'top' && isOpen">
       <input #input
              #trigger="cdkOverlayOrigin"
              cdkOverlayOrigin
+             [attr.disabled]="disabled || isDisabled"
              (click)="toggleIsOpen()"
              [attr.placeholder]="placeholder"
              [formControl]="searchControl"
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 761347ae9..52e45fc48 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -74,6 +74,8 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   @Input() openFocus = true;
 
+  @Input() disabled: boolean = null;
+
   @Input() color = 'basic';
 
   @Input() labelPlacement: 'top' | 'left' = 'left';
@@ -322,7 +324,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   handleFocus() {
     this.focused = true;
-    if ( this.openFocus && !this.keyManager.activeItem ) {
+    if ( this.openFocus && !this.keyManager.activeItem && !this.isDisabled && !this.disabled) {
       this.setIsOpen( true );
     }
   }
@@ -398,9 +400,12 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   toggleIsOpen() {
-    this.isOpen = !this.isOpen;
-    this.input.nativeElement.focus();
-    this.handleItemSelected();
+    console.log('isDisabled', this.isDisabled);
+    if (!this.disabled && !this.isDisabled) {
+      this.isOpen = !this.isOpen;
+      this.input.nativeElement.focus();
+      this.handleItemSelected();
+    }
   }
 
   private getFilters( term: string ) {

From cfa23506e19235365646597b2ff284d3d6948f74 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 10:28:13 -0300
Subject: [PATCH 076/111] feat(dropdownlist): add selectItem event

---
 .../truly-ui/src/components/dropdownlist/dropdownlist.ts    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index 80c5c4aa9..f64a27948 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -23,12 +23,13 @@ import {
   AfterViewInit,
   Component,
   Input,
+  Output,
   OnInit,
   Inject,
   Optional,
   ContentChild,
   ViewChild,
-  ElementRef, OnChanges
+  ElementRef, OnChanges, EventEmitter
 } from '@angular/core';
 
 import * as objectPath from 'object-path';
@@ -91,6 +92,8 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'searchOnList' ) searchOnList = false;
 
+  @Output('selectItem') selectItem: EventEmitter<any> = new EventEmitter();
+
   @ContentChild( NgModel ) model: NgModel;
 
   @ContentChild( FormControlName ) controlName: FormControlName;
@@ -168,6 +171,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     this.isOpen = false;
     this.optionSelected = $event;
     this.selectedDescription = this.isSimpleData() ? $event.option.item : objectPath.get($event.option.item, this.keyText );
+    this.selectItem.emit( $event.option.item );
     this.handleKeyModelValue( $event.option.item );
     this.setInputFocus();
   }

From 2f1937bbd4c04c8e31cb4bc7e0f88ba4551b4c35 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 10:29:54 -0300
Subject: [PATCH 077/111] feat(form): create loader when isLoading property is
 true

---
 .../truly-ui/src/components/form/form.html     |  5 +++++
 .../truly-ui/src/components/form/form.scss     | 18 ++++++++++++++++++
 projects/truly-ui/src/components/form/index.ts |  3 +++
 3 files changed, 26 insertions(+)

diff --git a/projects/truly-ui/src/components/form/form.html b/projects/truly-ui/src/components/form/form.html
index 7e46e1a27..a21b54f2e 100644
--- a/projects/truly-ui/src/components/form/form.html
+++ b/projects/truly-ui/src/components/form/form.html
@@ -1,4 +1,9 @@
 <div class="formBox" (keydown)="handleKeysForm($event)">
+  <div class="loading" *ngIf="isLoading">
+    <div class="loader">
+      <tl-loader></tl-loader>
+    </div>
+  </div>
     <div class="formContent" #content [style.padding]="padding">
       <form novalidate #form="ngForm">
         <ng-content></ng-content>
diff --git a/projects/truly-ui/src/components/form/form.scss b/projects/truly-ui/src/components/form/form.scss
index f822437ca..2ab93014c 100644
--- a/projects/truly-ui/src/components/form/form.scss
+++ b/projects/truly-ui/src/components/form/form.scss
@@ -1,7 +1,25 @@
+.formBox {
+  position: relative;
+}
+
 .formContent {
   position: relative;
 }
 
+.loading {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  place-content: center;
+  .loader {
+    width: 50px;
+    height: 50px;
+  }
+}
+
 .forFooter {
   position: absolute;
   right: 0;
diff --git a/projects/truly-ui/src/components/form/index.ts b/projects/truly-ui/src/components/form/index.ts
index 0f121d8a4..5b7f4ce65 100644
--- a/projects/truly-ui/src/components/form/index.ts
+++ b/projects/truly-ui/src/components/form/index.ts
@@ -33,10 +33,13 @@ import { DropDownListModule } from '../dropdownlist/index';
 import { ButtonModule } from '../button/index';
 import { ModalModule } from '../modal/index';
 import { ShortcutModule } from '../shortcut/index';
+import { BlockUIModule } from '../blockui/index';
+import { LoaderModule } from '../loader/index';
 
 @NgModule( {
   imports: [
     CommonModule,
+    LoaderModule,
     ButtonModule,
     FormsModule,
     ReactiveFormsModule,

From fa518daecda9f91d030a0e4df6de64b0be86edb2 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 10:48:03 -0300
Subject: [PATCH 078/111] docs(dropdownlist): update docs.

---
 .../dropdownlist/dropdownlistdemo-dataevents.json.ts        | 6 ++++++
 .../components/dropdownlist/dropdownlistdemo.component.html | 4 +---
 .../components/dropdownlist/dropdownlistdemo.component.ts   | 4 ++++
 3 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 src/app/components/dropdownlist/dropdownlistdemo-dataevents.json.ts

diff --git a/src/app/components/dropdownlist/dropdownlistdemo-dataevents.json.ts b/src/app/components/dropdownlist/dropdownlistdemo-dataevents.json.ts
new file mode 100644
index 000000000..f68ef4d93
--- /dev/null
+++ b/src/app/components/dropdownlist/dropdownlistdemo-dataevents.json.ts
@@ -0,0 +1,6 @@
+export const dataProperties = [
+  {
+    name: 'selectItem',
+    description: 'Dispatched when items is selected.',
+  },
+];
diff --git a/src/app/components/dropdownlist/dropdownlistdemo.component.html b/src/app/components/dropdownlist/dropdownlistdemo.component.html
index 4f94f2b54..96cec819e 100644
--- a/src/app/components/dropdownlist/dropdownlistdemo.component.html
+++ b/src/app/components/dropdownlist/dropdownlistdemo.component.html
@@ -284,9 +284,7 @@ <h6>The other one is a <code>Complex Array of Objects</code> where you <code>mus
     </app-showcase-card>
     <app-showcase-card [title]="'Events'" [icon]="'ion ion-ios-radio'">
       <app-card>
-        <div class="col-12">
-          <h4><code>All <b>Angular Supported Events</b> can be used on this component.</code></h4>
-        </div>
+        <app-showcase-table-events [data]="dataTableEvents"></app-showcase-table-events>
       </app-card>
     </app-showcase-card>
   </div>
diff --git a/src/app/components/dropdownlist/dropdownlistdemo.component.ts b/src/app/components/dropdownlist/dropdownlistdemo.component.ts
index 9dafbeb37..adfab6f19 100644
--- a/src/app/components/dropdownlist/dropdownlistdemo.component.ts
+++ b/src/app/components/dropdownlist/dropdownlistdemo.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 import * as json from './dropdownlistdemo-dataproperties.json';
+import * as jsonEvt from './dropdownlistdemo-dataevents.json';
 
 @Component( {
   selector: 'app-dropdown-list',
@@ -11,6 +12,8 @@ export class DropDownListDemoComponent {
 
   public dataTableProperties;
 
+  public dataTableEvents;
+
   public itemSelected: any;
 
   public itemSelected2: any;
@@ -39,6 +42,7 @@ export class DropDownListDemoComponent {
 
   constructor() {
     this.dataTableProperties = json.dataProperties;
+    this.dataTableEvents = jsonEvt.dataProperties;
     this.data = [
       { textItem: 'Wallace', value: '1' },
       { textItem: 'Wilson', value: '2' },

From bb8d61f10e84df027fcfff3b395790882729a2be Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 11:24:06 -0300
Subject: [PATCH 079/111] refact(autocomplete): refact disabled state on input.

---
 projects/truly-ui/src/components/autocomplete/autocomplete.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index 2157d9ea6..93d1b5437 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -10,7 +10,7 @@
       <input #input
              #trigger="cdkOverlayOrigin"
              cdkOverlayOrigin
-             [attr.disabled]="disabled || isDisabled"
+             [attr.disabled]="disabled || isDisabled ? true : null"
              (click)="toggleIsOpen()"
              [attr.placeholder]="placeholder"
              [formControl]="searchControl"

From 77a325d4fef29efb1fef3e0aa1466449614bf87a Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 11:25:22 -0300
Subject: [PATCH 080/111] refact(blockui): change zIndex to 1

---
 projects/truly-ui/src/components/blockui/blockui.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/blockui/blockui.scss b/projects/truly-ui/src/components/blockui/blockui.scss
index 99040f457..3114b7c65 100644
--- a/projects/truly-ui/src/components/blockui/blockui.scss
+++ b/projects/truly-ui/src/components/blockui/blockui.scss
@@ -3,7 +3,7 @@
   width: 100%;
   height: 100%;
   background: rgba(245, 245, 245, 0.8);
-  z-index: 1000;
+  z-index: 1;
 }
 
 #blockui {

From 74bd23c3ae99c234e765bb92a085911f7d1d76f1 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 18 Mar 2019 11:34:01 -0300
Subject: [PATCH 081/111] fix(schedule): fix change dection of events and
 scales

---
 .../src/components/schedule/schedule.html     |  3 +-
 .../src/components/schedule/schedule.ts       | 30 ++---------
 .../schedule/services/event.service.ts        |  1 +
 .../services/generate-events.service.ts       | 25 +++++----
 .../schedule/services/work-scale.service.ts   | 52 +++++++++----------
 .../schedule/views/day/view-day.component.ts  | 47 +++++++++++------
 6 files changed, 80 insertions(+), 78 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/schedule.html b/projects/truly-ui/src/components/schedule/schedule.html
index 87647b705..07247fac8 100644
--- a/projects/truly-ui/src/components/schedule/schedule.html
+++ b/projects/truly-ui/src/components/schedule/schedule.html
@@ -23,9 +23,10 @@
       [currentDate]="currentDate"
       [showNowIndicator]="showNowIndicator"
       [statusConfig]="statusConfig"
-
+      [events]="events"
       [slotSettings]="slotSettings"
       [slatNumberRowsAsArray]="slatNumberRowsAsArray"
+      [workScale]="workScale"
 
       (onRowDbClick)="rowDbClick.emit($event)"
       (onEventClick)="eventClick.emit($event)"
diff --git a/projects/truly-ui/src/components/schedule/schedule.ts b/projects/truly-ui/src/components/schedule/schedule.ts
index c72d9ea30..d19cea6fa 100644
--- a/projects/truly-ui/src/components/schedule/schedule.ts
+++ b/projects/truly-ui/src/components/schedule/schedule.ts
@@ -88,6 +88,10 @@ export class TlSchedule implements OnInit, OnChanges {
 
   private _events: ScheduleDataSource[];
 
+  get events(): ScheduleDataSource[] {
+    return this._events;
+  }
+
   constructor(
     public workScaleService: WorkScaleService,
     private changeDetection: ChangeDetectorRef,
@@ -96,35 +100,11 @@ export class TlSchedule implements OnInit, OnChanges {
 
   ngOnInit() {
     this.convertSlarNumberToArray();
-    this.workScaleService.load( this.workScale );
-    this.eventService.loadEvents( this._events );
-    this.eventService.getEventsOfDay();
     this.changeDetection.detectChanges();
   }
 
   ngOnChanges( changes: SimpleChanges ) {
-
-    if ( changes['workScale'] !== undefined ) {
-      if ( changes[ 'workScale' ].currentValue ) {
-        this.existsScale = this.workScaleService.exitsWorkScale( this.workScale );
-        this.workScaleService.reload( changes[ 'workScale' ].currentValue );
-      }
-    }
-
-
-    if ( changes['events'] !== undefined ) {
-      if ( !changes[ 'events' ].firstChange ) {
-        this.eventService.loadEvents( this._events );
-        this.eventService.getEventsOfDay();
-      }
-    }
-
-    if ( changes['currentDate'] !== undefined ) {
-      if ( ! changes['currentDate'].firstChange) {
-        this.eventService.loadEvents( this._events );
-        this.eventService.getEventsOfDay();
-      }
-    }
+    this.existsScale = this.workScaleService.exitsWorkScale( this.workScale );
     this.changeDetection.detectChanges();
   }
 
diff --git a/projects/truly-ui/src/components/schedule/services/event.service.ts b/projects/truly-ui/src/components/schedule/services/event.service.ts
index f77f65524..91e333ea6 100644
--- a/projects/truly-ui/src/components/schedule/services/event.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/event.service.ts
@@ -14,6 +14,7 @@ export class EventService {
   constructor( private workScaleService: WorkScaleService ) { }
 
   loadEvents( events: ScheduleDataSource[] ) {
+    console.log( events );
     this.events = events;
     this.updateEvents.emit( this.events );
   }
diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 8079eae25..70dda40cb 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -23,21 +23,26 @@ export class GenerateEventsService {
   constructor() {}
 
   with(  events: ScheduleDataSource[] ) {
-    if ( events.length > 0 && this.scheduleSlats ) {
-      this.originalEvents = JSON.parse( JSON.stringify(events) );
-      this.events = events;
-      this.transformDateToPixel();
+    if (  this.scheduleSlats ) {
+      if ( events.length > 0 && this.scheduleSlats.length > 0 ) {
+        this.originalEvents = JSON.parse( JSON.stringify( events ) );
+        this.events = events;
+        this.transformDateToPixel();
+        return this.generateEvents();
+      }
     }
-    return this.generateEvents();
+
   }
 
   initializeArray( workScaleInMileseconds, scheduleSlats: QueryList<any>  ) {
-    if ( scheduleSlats.length > 0) {
-      this.workScaleInMileseconds = workScaleInMileseconds;
-      this.scheduleSlats = scheduleSlats;
+    if ( scheduleSlats && scheduleSlats) {
+      if ( scheduleSlats.length > 0 && workScaleInMileseconds.length > 0 ) {
+        this.workScaleInMileseconds = workScaleInMileseconds;
+        this.scheduleSlats = scheduleSlats;
 
-      this.heightSchedule = this.scheduleSlats.first.nativeElement.offsetHeight + this.scheduleSlats.last.nativeElement.offsetHeight;
-      this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth - WIDTH_SCROLL;
+        this.heightSchedule = this.scheduleSlats.first.nativeElement.offsetHeight + this.scheduleSlats.last.nativeElement.offsetHeight;
+        this.widthSchedule = this.scheduleSlats.first.nativeElement.offsetWidth - WIDTH_SCROLL;
+      }
     }
   }
 
diff --git a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
index 5e8fcabdf..69caef854 100644
--- a/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/work-scale.service.ts
@@ -16,20 +16,10 @@ export class WorkScaleService {
 
   constructor( ) {}
 
-  load( workScale: WorkScaleType | WorkScaleType[] ) {
-    if ( this.exitsWorkScale( workScale ) ) {
-      this.setWorkScale(workScale);
-      this.createWorkScaleMileseconds();
-      this.generateTimes();
-    }
-  }
-
   reload( workScale: WorkScaleType | WorkScaleType[] ) {
-    if ( this.exitsWorkScale( workScale ) ) {
-      this.setWorkScale( workScale );
-      this.createWorkScaleMileseconds();
-      this.generateTimes();
-    }
+    this.setWorkScale( workScale );
+    this.createWorkScaleMileseconds();
+    this.generateTimes();
   }
 
   exitsWorkScale ( workScale ) {
@@ -40,28 +30,37 @@ export class WorkScaleService {
   }
 
   private setWorkScale( workScale: WorkScaleType | WorkScaleType[] ) {
-    if ( workScale ) {
-      if ( !( (workScale as Array<WorkScaleType>).length > 0 ) ) {
-        this.workScale = new Array<WorkScaleType>(1).fill( workScale as WorkScaleType);
-      } else {
-        this.workScale = workScale as WorkScaleType[];
-      }
+
+    if ( !this.exitsWorkScale( workScale ) ) {
+     return this.workScale = [];
+    }
+
+    if ( ( workScale as WorkScaleType ).hasOwnProperty('interval')  ) {
+      return this.workScale = new Array<WorkScaleType>(1).fill( workScale as WorkScaleType);
+    }
+
+    if ( ( workScale as Array<WorkScaleType> ).length > 0 ) {
+      this.workScale = workScale as WorkScaleType[];
     }
+
   }
 
   private createWorkScaleMileseconds() {
-    if ( this.workScale ) {
-      if ( (this.workScale as Array<WorkScaleType>).length > 0 ) {
-        this.workScaleInMileseconds = [];
-        (this.workScale as Array<WorkScaleType>).forEach(( value: WorkScaleType, index, array) => {
+
+    this.workScaleInMileseconds = [];
+
+    if ( (this.workScale as Array<WorkScaleType>).length > 0 ) {
+      (this.workScale as Array<WorkScaleType>).forEach(( value: WorkScaleType, index, array) => {
+        if ( array.length > 0 ) {
           this.workScaleInMileseconds.push({
             start: this.transformHourToMileseconds( value.start ),
             end: this.transformHourToMileseconds( value.end ),
             interval: value.interval
           });
-        });
-      }
+        }
+      });
     }
+
   }
 
 
@@ -95,7 +94,8 @@ export class WorkScaleService {
           currentHour_ms++;
         }
       });
-      this.updateScale.emit( this.timesCollection );
     }
+
+    this.updateScale.emit( this.timesCollection );
   }
 }
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index 5e10c9330..6c25acf0b 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -34,6 +34,8 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
 
   @Input() texts = ScheduleI18n;
 
+  @Input('events') events: ScheduleDataSource[];
+
   @ViewChildren('scheduleSlats') scheduleSlats: QueryList<any>;
 
   @Output() onRowDbClick = new EventEmitter();
@@ -60,39 +62,52 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
     private changeDetectionRef: ChangeDetectorRef,
     private generateEvents: GenerateEventsService,
     private eventService: EventService,
-    private workScaleService: WorkScaleService) { }
-
-
-  ngOnInit() {
+    private workScaleService: WorkScaleService) {
 
     this.subscriptions.add(this.workScaleService.updateScale.subscribe(( timesCollection) => {
       this.timesCollection = timesCollection;
+      this.generateEvents.initializeArray( this.workScaleService.workScaleInMileseconds, this.scheduleSlats );
       this.changeDetectionRef.detectChanges();
     }));
 
     this.subscriptions.add(this.eventService.updateEvents.subscribe(( event ) => {
-      this.generateEvents.initializeArray( this.workScaleService.workScaleInMileseconds, this.scheduleSlats );
       this.generateEventsPositions( event );
       this.inicializeNowIndicator( );
       this.changeDetectionRef.detectChanges();
     }));
   }
 
-  ngAfterViewInit() {
 
-    this.generateEvents.initializeArray(
-      this.workScaleService.workScaleInMileseconds,
-      this.scheduleSlats
-    );
-    this.inicializeNowIndicator();
-    this.changeDetectionRef.detectChanges();
+  ngOnInit() {}
+
+  ngAfterViewInit() {
+    // this.timesCollection = this.workScaleService.timesCollection;
+    // this.generateEvents.initializeArray(
+    //   this.workScaleService.workScaleInMileseconds,
+    //   this.scheduleSlats
+    // );
+    // this.inicializeNowIndicator();
+    // this.changeDetectionRef.detectChanges();
   }
 
   ngOnChanges( changes: SimpleChanges ) {
-    if ( changes['events'] !== undefined ) {
-      if ( !changes[ 'events' ].firstChange ) {
-        this.eventService.loadEvents(changes[ 'events' ].currentValue);
-      }
+
+    if ( changes['workScale'] !== undefined ) {
+      this.workScaleService.reload( changes[ 'workScale' ].currentValue );
+    }
+
+
+    if ( changes['events'] !== undefined  ) {
+        this.eventService.loadEvents( changes[ 'events' ].currentValue );
+        this.eventService.getEventsOfDay();
+
+    }
+
+    if ( changes['currentDate'] !== undefined ) {
+
+        this.eventService.loadEvents( changes[ 'events' ].currentValue  );
+        this.eventService.getEventsOfDay();
+
     }
     this.changeDetectionRef.detectChanges();
   }

From a6e638b6fffc704c86ed5d911233794f1a641325 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 18 Mar 2019 11:57:15 -0300
Subject: [PATCH 082/111] fix(schedule): fix error Cannot read property
 'currentValue' of undefined

---
 .../src/components/schedule/views/day/view-day.component.ts  | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index 6c25acf0b..f51eb046a 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -100,14 +100,11 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
     if ( changes['events'] !== undefined  ) {
         this.eventService.loadEvents( changes[ 'events' ].currentValue );
         this.eventService.getEventsOfDay();
-
     }
 
-    if ( changes['currentDate'] !== undefined ) {
-
+    if ( changes['currentDate'] !== undefined && changes[ 'events' ].currentValue !== undefined ) {
         this.eventService.loadEvents( changes[ 'events' ].currentValue  );
         this.eventService.getEventsOfDay();
-
     }
     this.changeDetectionRef.detectChanges();
   }

From f4361e092e8eb5bec04d1f36af14443276425112 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 18 Mar 2019 13:49:02 -0300
Subject: [PATCH 083/111] fix(schedule): fix error Cannot read property
 'currentValue' of undefined #2

---
 .../src/components/schedule/services/event.service.ts         | 1 -
 .../src/components/schedule/views/day/view-day.component.ts   | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/services/event.service.ts b/projects/truly-ui/src/components/schedule/services/event.service.ts
index 91e333ea6..f77f65524 100644
--- a/projects/truly-ui/src/components/schedule/services/event.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/event.service.ts
@@ -14,7 +14,6 @@ export class EventService {
   constructor( private workScaleService: WorkScaleService ) { }
 
   loadEvents( events: ScheduleDataSource[] ) {
-    console.log( events );
     this.events = events;
     this.updateEvents.emit( this.events );
   }
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index f51eb046a..2b86ec0c8 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -102,8 +102,8 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
         this.eventService.getEventsOfDay();
     }
 
-    if ( changes['currentDate'] !== undefined && changes[ 'events' ].currentValue !== undefined ) {
-        this.eventService.loadEvents( changes[ 'events' ].currentValue  );
+    if ( changes['currentDate'] !== undefined ) {
+        this.eventService.loadEvents( this.events );
         this.eventService.getEventsOfDay();
     }
     this.changeDetectionRef.detectChanges();

From a5b7e1ce37a9fdd99a381ed26139778ff315c23a Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Mon, 18 Mar 2019 14:23:33 -0300
Subject: [PATCH 084/111] fix(calendar): fix error when date = null or
 undefined

---
 projects/truly-ui/src/components/calendar/calendar.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/calendar/calendar.ts b/projects/truly-ui/src/components/calendar/calendar.ts
index a571b2401..8b9939fa3 100644
--- a/projects/truly-ui/src/components/calendar/calendar.ts
+++ b/projects/truly-ui/src/components/calendar/calendar.ts
@@ -57,11 +57,11 @@ export class TlCalendar extends ComponentDefaultBase implements AfterViewInit, O
 
   @Input() date = new Date();
 
-  @Input() year = this.date.getFullYear();
+  @Input() year = this.date ? this.date.getFullYear() : new Date().getFullYear();
 
-  @Input() month = this.date.getMonth();
+  @Input() month = this.date ? this.date.getMonth() : new Date().getMonth();
 
-  @Input() day = this.date.getDate();
+  @Input() day = this.date ? this.date.getDate() : new Date().getDate();
 
   @Input() typingDay = false;
 

From 172afa8399be82cf855101f24b720d3eb1de257f Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 15:56:14 -0300
Subject: [PATCH 085/111] refact(autocomplete): change place of select emitter
 to handle model method.

---
 projects/truly-ui/src/components/autocomplete/autocomplete.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 52e45fc48..440909648 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -247,6 +247,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   private handleKeyModelValue( value ) {
     this.modelInitialized = true;
+    this.select.emit( value );
     if ( !this.isModelModeString() && this.keyValue ) {
       this.value = objectPath.get(value, this.keyValue );
       return;
@@ -317,7 +318,6 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
       this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
       this.setDescriptionValue( objectPath.get(this.keyManager.activeItem.itemSelected, this.keyText ) );
       this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
-      this.select.emit( this.keyManager.activeItem.itemSelected );
     }
     this.setIsOpen( false );
   }
@@ -347,7 +347,6 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     this.setDescriptionValue( objectPath.get(value, this.keyText ) );
     this.handleKeyModelValue( value );
     this.input.nativeElement.focus();
-    this.select.emit( value );
     this.setIsOpen( false );
     this.setSelected( item );
     this.change.detectChanges();

From 87b4dfae6c20406c931aa395f5209af6d617d937 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Mon, 18 Mar 2019 16:46:23 -0300
Subject: [PATCH 086/111] refact(calendar): convert string dates on change to
 js date object.

---
 projects/truly-ui/src/components/calendar/calendar.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/calendar/calendar.ts b/projects/truly-ui/src/components/calendar/calendar.ts
index 8b9939fa3..754830493 100644
--- a/projects/truly-ui/src/components/calendar/calendar.ts
+++ b/projects/truly-ui/src/components/calendar/calendar.ts
@@ -716,6 +716,7 @@ export class TlCalendar extends ComponentDefaultBase implements AfterViewInit, O
   }
 
   setDateChange() {
+    this.date = new Date(this.date);
     this.day = this.date.getDate();
     this.month = this.date.getMonth();
     this.year = this.date.getFullYear();

From 9d77053323d29841623a0e378a2b467380eefbdf Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Tue, 19 Mar 2019 14:21:15 -0300
Subject: [PATCH 087/111] refact(overlay-list): refact overlaylist keyboard
 events.

---
 .../overlaylist/list-item/list-item.html      |  2 +-
 .../overlaylist/list-item/list-item.ts        |  4 +-
 .../components/overlaylist/overlay-list.html  | 20 +++---
 .../components/overlaylist/overlay-list.ts    | 65 ++++++++++---------
 4 files changed, 50 insertions(+), 41 deletions(-)

diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.html b/projects/truly-ui/src/components/overlaylist/list-item/list-item.html
index ad7bd9776..7eac55c3f 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.html
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.html
@@ -6,6 +6,6 @@
        [style.line-height]="height"
        [class.disabled]="disabled"
        [style.height]="height">
-    <ng-content></ng-content>
+    <ng-container *ngTemplateOutlet="template"></ng-container>
   </div>
 </div>
diff --git a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
index 0cc906468..d91dabbbf 100644
--- a/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
+++ b/projects/truly-ui/src/components/overlaylist/list-item/list-item.ts
@@ -19,7 +19,7 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
  */
-import { Component, Input, ElementRef, ViewChild } from '@angular/core';
+import { Component, Input, ElementRef, ViewChild, TemplateRef } from '@angular/core';
 import { Highlightable } from '@angular/cdk/a11y';
 
 @Component( {
@@ -38,6 +38,8 @@ export class TlListItem implements Highlightable {
 
   @Input() height = '30px';
 
+  @Input() template: TemplateRef<any>;
+
   public selected = false;
 
   @ViewChild('listElement') element: ElementRef;
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.html b/projects/truly-ui/src/components/overlaylist/overlay-list.html
index edf886288..3e94bb74a 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.html
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.html
@@ -10,11 +10,7 @@
     </div>
 
     <section class="dropdown-list-select"
-             (keydown)="handleKeyEvents($event)"
-             (keydown.space)="$event.preventDefault()"
-             (keydown.enter)="emitSelectOption(); $event.preventDefault()"
-             [style.maxHeight]="maxHeight"
-             tabindex="0">
+             [style.maxHeight]="maxHeight">
       <div class="ui-label-notfound" *ngIf="notFound">{{ emptyList }}</div>
       <div *ngIf="hasDefaultOption"
            tabindex="-1"
@@ -30,24 +26,30 @@
         <tl-list-item *ngFor="let item of group.items"
                       [height]="itemHeight"
                       #listItem="listItem"
+                      [template]="groupTemplate"
                       (keydown)="handleSearchByLetter($event)"
                       (keydown.enter)="handleClickOption($event, listItem)"
                       (click)="handleClickOption($event, listItem)"
                       [item]="item">
-          <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
-          {{ getItemText(item) }}
+          <ng-template #groupTemplate>
+            <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
+            {{ typeOfData === 'simple' ? item : objectPath.get(item, keyText) }}
+          </ng-template>
         </tl-list-item>
       </div>
         <tl-list-item *ngFor="let item of unGrouped"
                       [height]="itemHeight"
                       [grouped]="false"
+                      [template]="ungroupTemplate"
                       #listItem="listItem"
                       (keydown)="handleSearchByLetter($event)"
                       (keydown.enter)="handleClickOption($event, listItem)"
                       (click)="handleClickOption($event, listItem)"
                       [item]="item">
-          <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
-          {{ getItemText(item) }}
+          <ng-template #ungroupTemplate>
+            <i *ngIf="item[keyIcon]" class="{{ item[keyIcon] }}" style="padding: 0 5px"></i>
+            {{ typeOfData === 'simple' ? item : objectPath.get(item, keyText) }}
+          </ng-template>
         </tl-list-item>
     </section>
   </div>
diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index cea51c288..ade54953b 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -21,23 +21,23 @@
  */
 import {
   Component, EventEmitter, OnInit, Output, Input, ViewChild, ElementRef, ViewChildren, QueryList,
-  AfterViewInit, SimpleChanges, OnChanges, Renderer2,
+  AfterViewInit, SimpleChanges, OnChanges, Renderer2, OnDestroy,
 } from '@angular/core';
 import { ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
-import { KeyEvent } from '../core/enums/key-events';
 import { TlListItem } from './list-item/list-item';
 import { TlInput } from '../input/input';
 import { I18nService } from '../i18n/i18n.service';
 import { ListItemInterface } from '../dropdownlist/interfaces/list-item';
 import { scrollIntoView } from '../core/helper/scrollIntoView';
-import * as objectPath from 'object-path';
+import * as path from 'object-path';
+import { Subscription } from 'rxjs';
 
 @Component( {
   selector: 'tl-overlay-list',
   templateUrl: './overlay-list.html',
   styleUrls: [ './overlay-list.scss' ],
 } )
-export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
+export class TlOverlayList implements OnInit, AfterViewInit, OnChanges, OnDestroy {
 
   @Input( 'datasource' )
   set dataSource(data) {
@@ -105,15 +105,20 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
 
   public unGrouped = [];
 
+  public objectPath = path;
+
   private _datasource = [];
 
   private numberItems = 0;
 
+  private subscription = new Subscription();
+
   get emptyList() {
     return this.i18n.getLocale().OverlayList.emptyList;
   }
 
-  constructor( private renderer: Renderer2, private i18n: I18nService ) {}
+  constructor( private renderer: Renderer2,
+               private i18n: I18nService ) {}
 
   ngOnInit() {
   }
@@ -124,7 +129,6 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     this.keyManager.withWrap();
     this.handleActiveItem();
     this.handleModelOption();
-    this.getFilteredData();
   }
 
   getFilteredData() {
@@ -135,14 +139,14 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
       return;
     }
     this.dataSource.forEach( ( value ) => {
-      if (!objectPath.get(value, this.groupBy)) {
-        this.unGrouped = this.getItemsGroup(objectPath.get(value, this.groupBy));
+      if (!this.objectPath.get(value, this.groupBy)) {
+        this.unGrouped = this.getItemsGroup(this.objectPath.get(value, this.groupBy));
         return;
       }
-      if ( !this.existGroup( objectPath.get(value, this.groupBy) ) ) {
+      if ( !this.existGroup( this.objectPath.get(value, this.groupBy) ) ) {
         this.groups.push( {
-          description: objectPath.get(value, this.groupBy),
-          items: this.getItemsGroup( objectPath.get(value, this.groupBy) )
+          description: this.objectPath.get(value, this.groupBy),
+          items: this.getItemsGroup( this.objectPath.get(value, this.groupBy) )
         } );
       }
     } );
@@ -157,12 +161,8 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     return false;
   }
 
-  getItemText(item) {
-    return this.typeOfData === 'simple' ? item : objectPath.get(item, this.keyText);
-  }
-
   getItemsGroup( group ) {
-    const filter = this.dataSource.filter( ( item ) => objectPath.get(item, this.groupBy) === group);
+    const filter = this.dataSource.filter( ( item ) => this.objectPath.get(item, this.groupBy) === group);
     this.numberItems += filter.length;
     return filter;
   }
@@ -170,12 +170,22 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   handleCustomInputEvents() {
     if (this.customInput) {
       this.handleInputFocus();
-      this.renderer.listen( this.customInput, 'keydown', ($event) => {
-        if (this.isKeyCodeEnter($event) && this.hasDataOnDataSource()) {
+
+      this.subscription.add(this.renderer.listen( this.customInput, 'keydown.enter', () => {
+        if (this.hasDataOnDataSource()) {
           this.emitSelectOption();
         }
-        this.handleKeyEvents($event);
-      });
+      }));
+
+      this.subscription.add(this.renderer.listen( this.customInput, 'keydown.arrowdown', () => {
+        this.keyManager.setNextItemActive();
+        this.handleScrollIntoView();
+      }));
+
+      this.subscription.add(this.renderer.listen( this.customInput, 'keydown.arrowup', () => {
+        this.keyManager.setPreviousItemActive();
+        this.handleScrollIntoView();
+      }));
     }
   }
 
@@ -191,10 +201,6 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
     return this.dataSource.length > 0;
   }
 
-  isKeyCodeEnter($event) {
-    return $event.keyCode === KeyEvent.ENTER;
-  }
-
   handleActiveItem() {
     setTimeout(() => {
       if (this.optionSelected) {
@@ -213,18 +219,12 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
   setActiveItem(index: number) {
     this.removeSelectedAll();
     this.keyManager.setActiveItem(index);
-    this.handleScrollIntoView();
   }
 
   removeSelectedAll() {
     this.items.forEach((item) => item.selected = false);
   }
 
-  handleKeyEvents( $event: KeyboardEvent ) {
-    this.keyManager.onKeydown( $event );
-    this.handleScrollIntoView();
-  }
-
   handleScrollIntoView() {
     if (this.keyManager.activeItem) {
       scrollIntoView(this.keyManager.activeItem.element.nativeElement);
@@ -288,5 +288,10 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges {
       this.handleModelOption();
     }
   }
+
+  ngOnDestroy() {
+    this.subscription.unsubscribe();
+  }
+
 }
 

From 2dafe176b2195ce7ef608f118083beab9ed36a82 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Tue, 19 Mar 2019 14:29:35 -0300
Subject: [PATCH 088/111] refact(dropdownlist): remove methods not used.

---
 .../components/dropdownlist/dropdownlist.html |  2 +-
 .../components/dropdownlist/dropdownlist.ts   | 44 +++++++------------
 2 files changed, 18 insertions(+), 28 deletions(-)

diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
index 4788193a1..549d00c46 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.html
@@ -16,8 +16,8 @@
          readonly
          #trigger="cdkOverlayOrigin"
          [attr.disabled]="disabled ? true : null"
-         (click)="handleOpenList($event)"
          (keydown)="onKeyDown($event)"
+         (click)="handleOpenList($event)"
          value="{{ selectedDescription ? selectedDescription : placeholder }}"
          [ngClass]="{ 'ng-invalid' : model?.invalid || controlName?.invalid }"
          [ngStyle]="{'height' : itemHeight, 'line-height' : itemHeight}"
diff --git a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
index f64a27948..1c785e699 100644
--- a/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
+++ b/projects/truly-ui/src/components/dropdownlist/dropdownlist.ts
@@ -24,7 +24,6 @@ import {
   Component,
   Input,
   Output,
-  OnInit,
   Inject,
   Optional,
   ContentChild,
@@ -54,7 +53,7 @@ import { TlListItem } from '../overlaylist/list-item/list-item';
     [ MakeProvider( TlDropDownList ) ]
   ]
 } )
-export class TlDropDownList extends ElementBase<string> implements OnInit, OnChanges, AfterViewInit {
+export class TlDropDownList extends ElementBase<string> implements OnChanges, AfterViewInit {
 
   @Input( 'data' ) data: any[] = [];
 
@@ -92,7 +91,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   @Input( 'searchOnList' ) searchOnList = false;
 
-  @Output('selectItem') selectItem: EventEmitter<any> = new EventEmitter();
+  @Output( 'selectItem' ) selectItem: EventEmitter<any> = new EventEmitter();
 
   @ContentChild( NgModel ) model: NgModel;
 
@@ -114,8 +113,6 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   public isLoading = true;
 
-  private subject = new Subject();
-
   constructor( @Optional() @Inject( DROPDOWN_CONFIG ) dropdownConfig: DropdownConfig,
                @Optional() @Inject( NG_VALIDATORS ) validators: Array<any>,
                @Optional() @Inject( NG_ASYNC_VALIDATORS ) asyncValidators: Array<any> ) {
@@ -123,12 +120,6 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     this.setOptions( dropdownConfig );
   }
 
-  ngOnInit() {
-    this.subject.pipe( debounceTime( this.debounceTime ) ).subscribe( searchTextValue => {
-      this.onSearch( searchTextValue );
-    } );
-  }
-
   ngAfterViewInit() {
     this.listenModelChange();
   }
@@ -137,18 +128,18 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     const filter = [];
     this.datasource = this.data.slice();
     this.datasource.filter( ( item ) => {
-      if ( (this.getItemText(item).substr( 0, searchTextValue.length ).toLowerCase()) === (searchTextValue.toLowerCase()) ) {
+      if ( (this.getItemText( item ).substr( 0, searchTextValue.length ).toLowerCase()) === (searchTextValue.toLowerCase()) ) {
         filter.push( item );
       }
     } );
     this.datasource = filter;
   }
 
-  getItemText(item) {
-    if (this.typeOfData === 'simple') {
+  getItemText( item ) {
+    if ( this.typeOfData === 'simple' ) {
       return item;
     }
-    return objectPath.get(item, this.keyText);
+    return objectPath.get( item, this.keyText );
   }
 
   onKeyDown( $event ) {
@@ -170,7 +161,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
   onSelectOption( $event: ListItemInterface ) {
     this.isOpen = false;
     this.optionSelected = $event;
-    this.selectedDescription = this.isSimpleData() ? $event.option.item : objectPath.get($event.option.item, this.keyText );
+    this.selectedDescription = this.isSimpleData() ? $event.option.item : objectPath.get( $event.option.item, this.keyText );
     this.selectItem.emit( $event.option.item );
     this.handleKeyModelValue( $event.option.item );
     this.setInputFocus();
@@ -203,7 +194,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
 
   private setUpComponent() {
     this.datasource = this.data;
-    if (this.data.length > 0) {
+    if ( this.data.length > 0 ) {
       this.isLoading = false;
     }
   }
@@ -228,7 +219,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
   }
 
   private listenModelChange() {
-    if (this.getModel()) {
+    if ( this.getModel() ) {
       this.getModel().valueChanges.subscribe( () => {
         this.getModelValue();
       } );
@@ -242,12 +233,11 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
     if ( !this.keyValue ) {
       return this.value = itemValue;
     }
-    return this.value = objectPath.get(itemValue, this.keyValue);
-    console.log('val', this.value);
+    return this.value = objectPath.get( itemValue, this.keyValue );
   }
 
   private getModelValue() {
-    if (!this.getModel()) {
+    if ( !this.getModel() ) {
       return;
     }
     this.datasource.forEach( ( value, index ) => {
@@ -276,12 +266,12 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
       return this.getModel().value;
     }
     if ( !this.keyValue ) {
-      return objectPath.get(this.getModel().value, this.identifier);
+      return objectPath.get( this.getModel().value, this.identifier );
     }
     if ( this.isModelModeString() ) {
       return this.getModel().value;
     }
-    return objectPath.get(this.getModel().value, this.keyValue);
+    return objectPath.get( this.getModel().value, this.keyValue );
   }
 
   private getCompare( value ) {
@@ -289,16 +279,16 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
       return value;
     }
     if ( !this.keyValue ) {
-      return objectPath.get(value, this.identifier);
+      return objectPath.get( value, this.identifier );
     }
-    return objectPath.get(value, this.keyValue );
+    return objectPath.get( value, this.keyValue );
   }
 
   private getDescription( value ) {
     if ( this.isSimpleData() ) {
       return value;
     }
-    return objectPath.get(value, this.keyText );
+    return objectPath.get( value, this.keyText );
   }
 
   private handleSelectInLetter( keyInput: string ) {
@@ -331,7 +321,7 @@ export class TlDropDownList extends ElementBase<string> implements OnInit, OnCha
   }
 
   private getFirstLetterOfItem( item ): string {
-    return String( objectPath.get(item, this.keyText ) ).substring( 0, 1 ).toLowerCase();
+    return String( objectPath.get( item, this.keyText ) ).substring( 0, 1 ).toLowerCase();
   }
 
   ngOnChanges( changes ) {

From d6f3da488d7f755f4ff704855498d063114752f1 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Tue, 19 Mar 2019 14:40:58 -0300
Subject: [PATCH 089/111] refact(overlay-list): add arrow events to input
 search

---
 projects/truly-ui/src/components/overlaylist/overlay-list.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.html b/projects/truly-ui/src/components/overlaylist/overlay-list.html
index 3e94bb74a..6bcf739ce 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.html
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.html
@@ -4,7 +4,8 @@
     <div class="search-input" *ngIf="searchOnList && !customFocus">
       <tl-input
         (input)="handleInput($event)"
-        (keydown)="handleKeyEvents($event)"
+        (keydown.ArrowUp)="keyManager.setPreviousItemActive()"
+        (keydown.ArrowDown)="keyManager.setNextItemActive()"
         (keydown.enter)="emitSelectOption(); $event.preventDefault()">
       </tl-input>
     </div>

From 5c9f5184827ec41f6e7341c6d5d53f7f614ef6db Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 10:00:05 -0300
Subject: [PATCH 090/111] fix(overlay-list): fix selection of item when with
 search input.

---
 .../truly-ui/src/components/overlaylist/overlay-list.html     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.html b/projects/truly-ui/src/components/overlaylist/overlay-list.html
index 6bcf739ce..a283608f6 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.html
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.html
@@ -4,8 +4,8 @@
     <div class="search-input" *ngIf="searchOnList && !customFocus">
       <tl-input
         (input)="handleInput($event)"
-        (keydown.ArrowUp)="keyManager.setPreviousItemActive()"
-        (keydown.ArrowDown)="keyManager.setNextItemActive()"
+        (keydown.ArrowUp)="keyManager.setPreviousItemActive(); handleScrollIntoView();"
+        (keydown.ArrowDown)="keyManager.setNextItemActive(); handleScrollIntoView();"
         (keydown.enter)="emitSelectOption(); $event.preventDefault()">
       </tl-input>
     </div>

From 7537426101c7d48c150ad95a66f7b2750d3fc961 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 10:02:49 -0300
Subject: [PATCH 091/111] feat(autocomplete): add close button on input when
 item is selected.

---
 .../components/autocomplete/autocomplete.html | 10 +++++--
 .../components/autocomplete/autocomplete.scss | 24 +++++++++++++++
 .../components/autocomplete/autocomplete.ts   | 29 ++++++++++++++++++-
 .../src/components/autocomplete/index.ts      |  2 ++
 4 files changed, 62 insertions(+), 3 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index 93d1b5437..a43ca1a06 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -7,6 +7,12 @@
          [style.height]="height"
          [class.opened]="isOpen && positionOverlay !== 'top'"
          [class.openedAbove]="positionOverlay === 'top' && isOpen">
+      <div *ngIf="loading" class="ui-loading" [style.height]="height">
+        <tl-loader></tl-loader>
+      </div>
+      <div *ngIf="selected && !loading" class="ui-close" (click)="onClickClose()" (mouseover)="onHoverClose()" (mouseleave)="onLeaveClose()">
+        <i [class]="!closeHover ? 'ion ion-ios-close-circle-outline' : 'ion ion-ios-close-circle'"></i>
+      </div>
       <input #input
              #trigger="cdkOverlayOrigin"
              cdkOverlayOrigin
@@ -53,13 +59,13 @@
                *cdkVirtualFor="let item of dataSource; let i = index"
                (mousedown)="selectItem(item, select)"
                class="ui-list-item">
-            <span *ngIf="item; else loading">
+            <span *ngIf="item; else loadingMessage">
               {{ getItemText(item) }}
             </span>
           </div>
         </cdk-virtual-scroll-viewport>
       </ng-template>
-      <ng-template #loading>
+      <ng-template #loadingMessage>
         {{ messageLoading }}
       </ng-template>
     </tl-filter-container>
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.scss b/projects/truly-ui/src/components/autocomplete/autocomplete.scss
index f7aa095d1..d56f98e2a 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.scss
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.scss
@@ -2,6 +2,28 @@
   box-sizing: border-box;
 }
 
+.ui-loading {
+  position: absolute;
+  width: 20px;
+  right: 5px;
+}
+
+.ui-close {
+  position: absolute;
+  right: 5px;
+  height: 18px;
+  width: 18px;
+  display: flex;
+  align-items: center;
+  place-content: center;
+  font-size: 1.5em;
+  color: #848383;
+  transition: all 300ms linear;
+  &:hover {
+    cursor: pointer;
+  }
+}
+
 .ui-autocomplete-box {
   display: table;
   width: 100%;
@@ -73,6 +95,8 @@
   height: 30px;
   border-radius: 3px;
   position: relative;
+  display: flex;
+  align-items: center;
   .ui-clearbutton {
     right: 10px;
     position: absolute;
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 440909648..0f4f667c9 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -74,6 +74,8 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   @Input() openFocus = true;
 
+  @Input() loading = true;
+
   @Input() disabled: boolean = null;
 
   @Input() color = 'basic';
@@ -116,6 +118,10 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   public focused = false;
 
+  public closeHover = false;
+
+  public selected;
+
   public positionOverlay: 'top' | 'bottom' | 'center';
 
   public nothingFound = false;
@@ -204,6 +210,26 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     this.setFiltering( true );
   }
 
+  onHoverClose() {
+    this.closeHover = true;
+  }
+
+  onLeaveClose() {
+    this.closeHover = false;
+  }
+
+  onClickClose() {
+    this.value = '';
+    this.setDescriptionValue('');
+    this.searchControl.setValue('');
+    this.setSelected(null);
+    this.setInputFocus();
+  }
+
+  private setInputFocus() {
+    this.input.nativeElement.focus();
+  }
+
   onBackdropClick() {
     this.setIsOpen( false );
     this.setFiltering( false );
@@ -273,6 +299,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   private setSelected( item: TlItemSelectedDirective ) {
+    this.selected = item;
     this.keyManager.setActiveItem( item );
     this.itemSelectedService.itemSelected = item;
   }
@@ -362,6 +389,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
       } );
       this.listenLoadData();
     }
+    this.loading = false;
     this.dataSource.setData( value );
     this.setNotFound( value.length === 0 );
     this.setFirstItemActive();
@@ -399,7 +427,6 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   toggleIsOpen() {
-    console.log('isDisabled', this.isDisabled);
     if (!this.disabled && !this.isDisabled) {
       this.isOpen = !this.isOpen;
       this.input.nativeElement.focus();
diff --git a/projects/truly-ui/src/components/autocomplete/index.ts b/projects/truly-ui/src/components/autocomplete/index.ts
index a06dc0fcd..c0dde95a2 100644
--- a/projects/truly-ui/src/components/autocomplete/index.ts
+++ b/projects/truly-ui/src/components/autocomplete/index.ts
@@ -34,12 +34,14 @@ import { AUTOCOMPLETE_CONFIG, AutoCompleteConfig } from './interfaces/autocomple
 import { FilterContainerModule } from '../core/components/filter/filter-container.module';
 import { ItemSelectedModule } from '../core/directives/itemSelected/item-selected.module';
 import { A11yModule } from '@angular/cdk/a11y';
+import { LoaderModule } from '../loader/index';
 
 @NgModule( {
   imports: [
     CommonModule,
     OverlayModule,
     ScrollingModule,
+    LoaderModule,
     InputModule,
     FormsModule,
     BlockUIModule,

From 9e631eaaf7a8d7566c9394610cf5f9501f869d97 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 10:39:48 -0300
Subject: [PATCH 092/111] feat(listbox): add event selectItem to dispatch when
 key enter is pressed.

---
 .../truly-ui/src/components/listbox/listbox.html   |  2 +-
 .../truly-ui/src/components/listbox/listbox.ts     | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/listbox/listbox.html b/projects/truly-ui/src/components/listbox/listbox.html
index aff68813b..7a0e79529 100644
--- a/projects/truly-ui/src/components/listbox/listbox.html
+++ b/projects/truly-ui/src/components/listbox/listbox.html
@@ -8,7 +8,7 @@
                          [source]="data"
                          [searchBy]="searchBy"
                          (filter)="onFilter($event)">
-      <div itemSelected #select="selectItem"
+      <div [itemSelected]="item" #select="selectItem"
            [ngStyle]="{ height: rowHeight + 'px' }"
            [indexSelected]="i"
            [style.padding]="!template ? '0 10px' : '0'"
diff --git a/projects/truly-ui/src/components/listbox/listbox.ts b/projects/truly-ui/src/components/listbox/listbox.ts
index 7e27e312f..317e4f498 100644
--- a/projects/truly-ui/src/components/listbox/listbox.ts
+++ b/projects/truly-ui/src/components/listbox/listbox.ts
@@ -93,6 +93,8 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
 
   @Output() clickItem: EventEmitter<any> = new EventEmitter();
 
+  @Output() selectItem: EventEmitter<any> = new EventEmitter();
+
   @ViewChild(CdkVirtualScrollViewport) cdkVirtualScroll: CdkVirtualScrollViewport;
 
   @ViewChildren(TlItemSelectedDirective) listItems: QueryList<TlItemSelectedDirective>;
@@ -124,7 +126,8 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
     this.subscription.add(this.renderer.listen(this.getElementTarget(), 'keydown', ($event) => {
       const event = {
         [KeyEvent.ARROWDOWN]: () => this.handleKeyArrowDown($event),
-        [KeyEvent.ARROWUP]: () => this.handleKeyArrowUp($event)
+        [KeyEvent.ARROWUP]: () => this.handleKeyArrowUp($event),
+        [KeyEvent.ENTER]: () => this.onKeyEnter()
       };
       if (event[$event.keyCode]) {
         event[$event.keyCode]();
@@ -147,11 +150,20 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
     this.scrollTop = this.cdkVirtualScroll.elementRef.nativeElement.scrollTop;
   }
 
+  select(index: number) {
+    this.listKeyManager.setActiveItem( index );
+    this.selectItem.emit((this.listKeyManager.activeItem as TlItemSelectedDirective).itemSelected);
+  }
+
   setSelected(item: TlItemSelectedDirective) {
     this.listKeyManager.setActiveItem(item);
     this.setInputFocus();
   }
 
+  onKeyEnter() {
+    this.selectItem.emit((this.listKeyManager.activeItem as TlItemSelectedDirective).itemSelected);
+  }
+
   onClickItem(item: any) {
     this.clickItem.emit(item);
   }

From 1115f294cb6aa361e3ee4fc763fd58ad83a9920e Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 10:43:59 -0300
Subject: [PATCH 093/111] docs(listbox): update docs.

---
 .../listbox/listboxdemo-events.json.ts        | 19 +------------------
 1 file changed, 1 insertion(+), 18 deletions(-)

diff --git a/src/app/components/listbox/listboxdemo-events.json.ts b/src/app/components/listbox/listboxdemo-events.json.ts
index 7885137f4..5736c926f 100644
--- a/src/app/components/listbox/listboxdemo-events.json.ts
+++ b/src/app/components/listbox/listboxdemo-events.json.ts
@@ -5,23 +5,6 @@ export const events = [
   },
   {
     name: 'selectItem',
-    description: 'Dispatched when an element of the list is selected, navigating through it.',
-  },
-  {
-    name: 'clickAddNew',
-    description: 'Dispatched when element Add New is clicked.',
-  },
-  {
-    name: 'lazyLoad',
-    description: 'Dispatched when listBox in LazyMode and tries to get more data.',
-  },
-  {
-    name: 'filterData',
-    parameters: [
-      {
-        event: 'Array<Data>', description: 'Filtered data',
-      },
-    ],
-    description: 'Dispatched when listBox is filtered.',
+    description: 'Dispatched when key enter is pressed.',
   },
 ];

From 4e245f83701342ebc6202d977716c12ae0246a74 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 11:10:32 -0300
Subject: [PATCH 094/111] fix(autocomplete): fix autocomplete issues on blur

---
 .../components/autocomplete/autocomplete.html |  3 +--
 .../components/autocomplete/autocomplete.scss |  1 +
 .../components/autocomplete/autocomplete.ts   | 19 ++++++++++++-------
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index a43ca1a06..2f3f93efc 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -23,8 +23,7 @@
              (keydown.ArrowUp)="handleKeyArrowUp($event)"
              (keydown.ArrowDown)="handleKeyArrowDown($event)"
              (keydown.escape)="handleKeyEscape($event)"
-             (blur)="handleBlur()"
-             (keyup.enter)="handleBlur()"
+             (keyup.enter)="handleKeyEnter()"
              (focus)="handleFocus()"
              (focusout)="focused = false"
              (input)="onInput()"
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.scss b/projects/truly-ui/src/components/autocomplete/autocomplete.scss
index d56f98e2a..b687a120e 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.scss
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.scss
@@ -40,6 +40,7 @@
   scroll-snap-type: y mandatory;
   -ms-scroll-snap-type: mandatory;
   scroll-snap-stop: always;
+  overflow-x: hidden;
   width: 100%;
   outline: none;
   height: 200px;
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 0f4f667c9..37d6588ef 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -222,6 +222,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     this.value = '';
     this.setDescriptionValue('');
     this.searchControl.setValue('');
+    this.closeHover = false;
     this.setSelected(null);
     this.setInputFocus();
   }
@@ -252,7 +253,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   private handleModelCached() {
-    if ( this.dataSource && !this.lazyMode ) {
+    if ( this.dataSource && !this.lazyMode && this.dataSource.getCachedData()) {
       this.dataSource.getCachedData().forEach( ( value ) => {
         if ( this.value ) {
           if ( String( this.getItemCompare( value ) ) === String( this.getCompareModel() ) ) {
@@ -340,11 +341,13 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     this.setIsOpen( false );
   }
 
-  handleBlur() {
+  handleKeyEnter() {
     if ( this.keyManager.activeItem && this.isOpen ) {
-      this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
-      this.setDescriptionValue( objectPath.get(this.keyManager.activeItem.itemSelected, this.keyText ) );
-      this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
+      if (this.keyManager.activeItem.itemSelected) {
+        this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
+        this.setDescriptionValue( objectPath.get(this.keyManager.activeItem.itemSelected, this.keyText ) );
+        this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
+      }
     }
     this.setIsOpen( false );
   }
@@ -441,7 +444,9 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   private setScrollVirtual() {
-    this.cdkVirtualScroll.elementRef.nativeElement.scrollTop = 0;
+    if (this.cdkVirtualScroll) {
+      this.cdkVirtualScroll.elementRef.nativeElement.scrollTop = 0;
+    }
   }
 
   onFilter( $event ) {
@@ -460,7 +465,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
       }, 100 );
       return;
     }
-    this.dataSource.setData( $event );
+    this.dataSource.setData( [] );
     this.setNotFound( true );
   }
 

From 7f5b3d0521c7915372b6eb95ae6a672f1845ef27 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 20 Mar 2019 14:47:48 -0300
Subject: [PATCH 095/111] docs(schedule): add example of add new event

---
 .../scheduledemo-overview.component.html      |  1 +
 .../scheduledemo-overview.component.ts        | 43 ++++++++++++++++---
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/app/components/schedule/overview/scheduledemo-overview.component.html b/src/app/components/schedule/overview/scheduledemo-overview.component.html
index ce4d2514c..5afa2b399 100644
--- a/src/app/components/schedule/overview/scheduledemo-overview.component.html
+++ b/src/app/components/schedule/overview/scheduledemo-overview.component.html
@@ -20,6 +20,7 @@ <h6>Basic</h6>
                   [showNowIndicator]="false"
                   [statusConfig]="statusConfig"
                   (rowDbClick)="onRowClick($event)"
+                  (newEventClick)="onNewEventClick( $event )"
                   (eventDbClick)="onEventDbClick($event)"
                 >
                 </tl-schedule>
diff --git a/src/app/components/schedule/overview/scheduledemo-overview.component.ts b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
index 47e7347d9..576b9ee98 100644
--- a/src/app/components/schedule/overview/scheduledemo-overview.component.ts
+++ b/src/app/components/schedule/overview/scheduledemo-overview.component.ts
@@ -35,7 +35,7 @@ export class ScheduleDemoOverviewComponent {
 
   public slotSettings: SlotSettingsType = new SlotSettingsType(  2, 40);
 
-  public workScale: WorkScaleType | WorkScaleType[] = new WorkScaleType( '08:00', '12:00', 30 );
+  public workScale: WorkScaleType | WorkScaleType[] = new WorkScaleType( '08:00', '18:00', 30 );
 
   public dataTableProperties;
 
@@ -43,11 +43,8 @@ export class ScheduleDemoOverviewComponent {
 
   public dataSource = [];
 
-  public statusConfig = {
-    attended : { status : 'attended', color : '#90ED5D', description : 'Attended' },
-    missed: { status : 'missed', color : '#FF385C', description : 'Missed' },
-    notmet: { status : 'notmet', color : '#1d8bff', description : 'Not Met' }
-  };
+  public statusConfig = {};
+
  // public data = [];
   public data = [
     {
@@ -238,6 +235,10 @@ export class ScheduleDemoOverviewComponent {
         this.workScale = workScale;
       });
 
+      this.getStatusConfig().then((  statusConfig ) => {
+        this.statusConfig = statusConfig;
+      });
+
       this.getDataSource()
         .then((data: Array<any>) => {
           this.dataSource = data;
@@ -246,9 +247,20 @@ export class ScheduleDemoOverviewComponent {
     }, 3000);
   }
 
+  getStatusConfig() {
+    return new Promise((resolve) => {
+      resolve( {
+        attended : { status : 'attended', color : '#90ED5D', description : 'Attended' },
+        missed: { status : 'missed', color : '#FF385C', description : 'Missed' },
+        notmet: { status : 'notmet', color : '#1d8bff', description : 'Not Met' }
+      } );
+    });
+  }
+
+
   getWorkScale() {
     return new Promise((resolve) => {
-      resolve( new WorkScaleType( '08:00', '12:00', 30 ) );
+      resolve( new WorkScaleType( '08:00', '18:00', 30 ) );
     });
   }
 
@@ -258,6 +270,23 @@ export class ScheduleDemoOverviewComponent {
     });
   }
 
+  onNewEventClick( event ) {
+    const id = Math.floor((Math.random() * 100) + 1).toString(10);
+    this.dataSource = [...this.dataSource, {
+      value: id,
+      title: 'William Aguera - ' + id,
+      detail: 'Consulta | Particular',
+      status: 'missed',
+      allday: false,
+      date: {
+        start: new Date(new Date().setHours(14, 30)).getTime() ,
+        end: new Date( new Date().setHours(15, 0) ).getTime()
+      }
+    }];
+
+    console.log( 'NEW DATA: ', this.dataSource);
+  }
+
   onEventDbClick( event ) {
     console.log('EVENT CLICK: ', event);
   }

From 5d0c5d9e17947ffe51d284c36e78f84c9c94aa3a Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Wed, 20 Mar 2019 15:27:46 -0300
Subject: [PATCH 096/111] fix(schedule): fix error on change date

---
 .../components/schedule/services/generate-events.service.ts | 6 +++++-
 .../src/components/schedule/views/day/view-day.component.ts | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index 70dda40cb..a9ba4e349 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -26,7 +26,7 @@ export class GenerateEventsService {
     if (  this.scheduleSlats ) {
       if ( events.length > 0 && this.scheduleSlats.length > 0 ) {
         this.originalEvents = JSON.parse( JSON.stringify( events ) );
-        this.events = events;
+        this.events = this.originalEvents;
         this.transformDateToPixel();
         return this.generateEvents();
       }
@@ -72,6 +72,10 @@ export class GenerateEventsService {
       }
     });
 
+    if ( position < 0 && offsetHeight <= 0) {
+      return -1000;
+    }
+
     startDayMilliseconds = Math.floor(this.workScaleInMileseconds[position].start / 100000 );
     endDayMilliseconds = Math.floor(this.workScaleInMileseconds[position].end / 100000 );
     heightBody = this.scheduleSlats.find( (item, idx) => idx === position).nativeElement.offsetHeight;
diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index 2b86ec0c8..08a70c0d2 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -126,7 +126,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
   }
 
   private generateEventsPositions( events ) {
-    if ( events !== undefined && events.length > 0 ) {
+    if ( events !== undefined ) {
       this.eventsWithPositions = this.generateEvents.with( events );
     }
   }

From ab4f1ac898a547882ee7e2b4b2a547c6835c8fe5 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 15:51:02 -0300
Subject: [PATCH 097/111] fix(autocomplete): fix autocomplete selecting while
 typing.

---
 .../components/autocomplete/autocomplete.html |  5 +-
 .../components/autocomplete/autocomplete.scss |  7 +--
 .../components/autocomplete/autocomplete.ts   | 63 ++++++++++---------
 3 files changed, 39 insertions(+), 36 deletions(-)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index 2f3f93efc..171f606c9 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -23,7 +23,8 @@
              (keydown.ArrowUp)="handleKeyArrowUp($event)"
              (keydown.ArrowDown)="handleKeyArrowDown($event)"
              (keydown.escape)="handleKeyEscape($event)"
-             (keyup.enter)="handleKeyEnter()"
+             (keydown.enter)="handleKeyEnter()"
+             (keydown.tab)="isOpen = false"
              (focus)="handleFocus()"
              (focusout)="focused = false"
              (input)="onInput()"
@@ -56,7 +57,7 @@
                [indexSelected]="i"
                #select="selectItem"
                *cdkVirtualFor="let item of dataSource; let i = index"
-               (mousedown)="selectItem(item, select)"
+               (mousedown)="onSelectItem(item, select)"
                class="ui-list-item">
             <span *ngIf="item; else loadingMessage">
               {{ getItemText(item) }}
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.scss b/projects/truly-ui/src/components/autocomplete/autocomplete.scss
index b687a120e..33b8d357c 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.scss
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.scss
@@ -16,9 +16,8 @@
   display: flex;
   align-items: center;
   place-content: center;
-  font-size: 1.5em;
-  color: #848383;
-  transition: all 300ms linear;
+  font-size: 1.6em;
+  opacity: 0.3;
   &:hover {
     cursor: pointer;
   }
@@ -119,7 +118,7 @@
     outline: none;
     height: 100%;
     width: 100%;
-    padding-left: 10px;
+    padding-left: 6px;
     border-radius: 3px;
     background: transparent;
   }
diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.ts b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
index 37d6588ef..5bc874198 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.ts
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.ts
@@ -98,7 +98,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   @Output() lazyLoad: EventEmitter<any> = new EventEmitter();
 
-  @Output() select: EventEmitter<any> = new EventEmitter();
+  @Output() selectItem: EventEmitter<any> = new EventEmitter();
 
   @Output() filter: EventEmitter<any> = new EventEmitter();
 
@@ -220,11 +220,12 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   onClickClose() {
     this.value = '';
-    this.setDescriptionValue('');
-    this.searchControl.setValue('');
+    this.setDescriptionValue( '' );
+    this.searchControl.setValue( '' );
     this.closeHover = false;
-    this.setSelected(null);
+    this.selected = null;
     this.setInputFocus();
+    this.setIsOpen(true);
   }
 
   private setInputFocus() {
@@ -239,7 +240,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   private handleModelLazy() {
     if ( this.value && this.lazyMode && !this.modelInitialized ) {
       if ( !this.isModelModeString() ) {
-        this.setDescriptionValue( objectPath.get(this.value, this.keyText ) );
+        this.setDescriptionValue( objectPath.get( this.value, this.keyText ) );
       } else {
         console.warn( 'The item provided is was not found, emitting filter' );
         this.filter.emit( this.getFilters( this.value ) );
@@ -253,11 +254,11 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   private handleModelCached() {
-    if ( this.dataSource && !this.lazyMode && this.dataSource.getCachedData()) {
+    if ( this.dataSource && !this.lazyMode && this.dataSource.getCachedData() ) {
       this.dataSource.getCachedData().forEach( ( value ) => {
         if ( this.value ) {
           if ( String( this.getItemCompare( value ) ) === String( this.getCompareModel() ) ) {
-            this.setDescriptionValue( objectPath.get(value, this.keyText ) );
+            this.setDescriptionValue( objectPath.get( value, this.keyText ) );
             this.handleKeyModelValue( value );
           }
         }
@@ -267,24 +268,24 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   private getItemCompare( value ) {
     if ( !this.keyValue || this.isModelModeString() ) {
-      return objectPath.get(value, this.identifier );
+      return objectPath.get( value, this.identifier );
     }
-    return objectPath.get(value, this.keyValue);
+    return objectPath.get( value, this.keyValue );
   }
 
   private handleKeyModelValue( value ) {
     this.modelInitialized = true;
-    this.select.emit( value );
+    this.selected = value;
     if ( !this.isModelModeString() && this.keyValue ) {
-      this.value = objectPath.get(value, this.keyValue );
+      this.value = objectPath.get( value, this.keyValue );
       return;
     }
     if ( this.isModelModeString() && !this.keyValue ) {
-      this.value = objectPath.get(value, this.identifier );
+      this.value = objectPath.get( value, this.identifier );
       return;
     }
     if ( this.isModelModeString() && this.keyValue ) {
-      this.value = objectPath.get(value, this.keyValue );
+      this.value = objectPath.get( value, this.keyValue );
       return;
     }
     this.value = value;
@@ -299,10 +300,10 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     }
   }
 
-  private setSelected( item: TlItemSelectedDirective ) {
-    this.selected = item;
-    this.keyManager.setActiveItem( item );
-    this.itemSelectedService.itemSelected = item;
+  private setSelected( itemDirective: TlItemSelectedDirective ) {
+    this.selected = itemDirective.itemSelected;
+    this.keyManager.setActiveItem( itemDirective );
+    this.itemSelectedService.itemSelected = itemDirective;
   }
 
   stopEvent( $event ) {
@@ -343,9 +344,10 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   handleKeyEnter() {
     if ( this.keyManager.activeItem && this.isOpen ) {
-      if (this.keyManager.activeItem.itemSelected) {
+      if ( this.keyManager.activeItem.itemSelected ) {
+        this.selectItem.emit( this.keyManager.activeItem.itemSelected );
         this.setSelected( <TlItemSelectedDirective>this.keyManager.activeItem );
-        this.setDescriptionValue( objectPath.get(this.keyManager.activeItem.itemSelected, this.keyText ) );
+        this.setDescriptionValue( objectPath.get( this.keyManager.activeItem.itemSelected, this.keyText ) );
         this.handleKeyModelValue( this.keyManager.activeItem.itemSelected );
       }
     }
@@ -354,7 +356,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   handleFocus() {
     this.focused = true;
-    if ( this.openFocus && !this.keyManager.activeItem && !this.isDisabled && !this.disabled) {
+    if ( this.openFocus && !this.keyManager.activeItem && !this.isDisabled && !this.disabled ) {
       this.setIsOpen( true );
     }
   }
@@ -365,21 +367,22 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
 
   private getCompareModel() {
     if ( this.keyValue && !this.isModelModeString() ) {
-      return objectPath.get(this.value, this.keyValue);
+      return objectPath.get( this.value, this.keyValue );
     }
     if ( !this.isModelModeString() && !this.keyValue ) {
-      return objectPath.get(this.value, this.identifier );
+      return objectPath.get( this.value, this.identifier );
     }
     return this.value;
   }
 
-  selectItem( value: any, item: TlItemSelectedDirective ) {
-    this.setDescriptionValue( objectPath.get(value, this.keyText ) );
+  onSelectItem( value: any, item: TlItemSelectedDirective ) {
+    this.setDescriptionValue( objectPath.get( value, this.keyText ) );
     this.handleKeyModelValue( value );
     this.input.nativeElement.focus();
     this.setIsOpen( false );
     this.setSelected( item );
     this.change.detectChanges();
+    this.selectItem.emit( value );
   }
 
   private setUpData( value? ) {
@@ -396,7 +399,6 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     this.dataSource.setData( value );
     this.setNotFound( value.length === 0 );
     this.setFirstItemActive();
-    this.handleModelCached();
   }
 
   private setFirstItemActive() {
@@ -425,12 +427,12 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
     this.isOpen = value;
   }
 
-  getItemText(item) {
-    return objectPath.get(item, this.keyText);
+  getItemText( item ) {
+    return objectPath.get( item, this.keyText );
   }
 
   toggleIsOpen() {
-    if (!this.disabled && !this.isDisabled) {
+    if ( !this.disabled && !this.isDisabled ) {
       this.isOpen = !this.isOpen;
       this.input.nativeElement.focus();
       this.handleItemSelected();
@@ -444,7 +446,7 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
   }
 
   private setScrollVirtual() {
-    if (this.cdkVirtualScroll) {
+    if ( this.cdkVirtualScroll ) {
       this.cdkVirtualScroll.elementRef.nativeElement.scrollTop = 0;
     }
   }
@@ -461,12 +463,13 @@ export class TlAutoComplete extends ElementBase<any> implements OnInit, OnChange
       this.dataSource.setArray( $event );
       this.setUpData( $event );
       setTimeout( () => {
-        this.setSelected( this.listItems.toArray()[ 0 ] );
+        this.keyManager.setActiveItem( 0 );
       }, 100 );
       return;
     }
     this.dataSource.setData( [] );
     this.setNotFound( true );
+    this.selected = null;
   }
 
   private setFiltering( value: boolean ) {

From 41fd5ef6aee5baf69287aee2d4001b95d37a01ac Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 16:45:29 -0300
Subject: [PATCH 098/111] fix(timepicker): fix alignment of ampm content

---
 .../src/components/timepicker/timepicker.html | 17 +++-----
 .../src/components/timepicker/timepicker.scss | 10 +++--
 .../src/components/timepicker/timepicker.ts   | 43 ++++---------------
 3 files changed, 22 insertions(+), 48 deletions(-)

diff --git a/projects/truly-ui/src/components/timepicker/timepicker.html b/projects/truly-ui/src/components/timepicker/timepicker.html
index f522e44cd..c954d32e5 100644
--- a/projects/truly-ui/src/components/timepicker/timepicker.html
+++ b/projects/truly-ui/src/components/timepicker/timepicker.html
@@ -2,6 +2,8 @@
 
   <tl-input (overlayOrigin)="trigger = $event"
             (click)="changeOpened()"
+            (keydown.shift.tab)="isOpen = false"
+            (keydown.tab)="isOpen = false"
             [mask]="'Hh:Mm'"
             [ngModel]="value"
             (ngModelChange)="onChangeValue($event)"
@@ -20,12 +22,12 @@
 
   <ng-template cdkConnectedOverlay
                (backdropClick)="isOpen = false"
-               [cdkConnectedOverlayHasBackdrop]="false"
+               [cdkConnectedOverlayHasBackdrop]="true"
                [cdkConnectedOverlayOrigin]="trigger"
-               [cdkConnectedOverlayOpen]="true"
+               [cdkConnectedOverlayOpen]="isOpen"
                [cdkConnectedOverlayBackdropClass]="'cdk-overlay-transparent-backdrop'">
 
-    <div [class]="'ui-wrapper-content ' + color" (click)="mouseDownContainer($event)" [style.visibility]="isOpen ? 'visible' : 'hidden'">
+    <div  @overlay [class]="'ui-wrapper-content ' + color" (click)="mouseDownContainer($event)">
       <div class="ui-timepicker-header">
         <div class="ui-selected-time">{{ selectedTime }} {{ format === '12' ? timeZone : null }}</div>
         <tl-button *ngIf="steps.hour === 1 && steps.minute === 1"
@@ -84,15 +86,9 @@
           </div>
         </div>
         <div *ngIf="format === '12'" class="ui-ampm-content">
-          <div class="list" #listAmPm (scroll)="onScrollAmPm($event)">
-            <div> </div>
-            <div> </div>
-            <div> </div>
+          <div class="list" [style.top]="isTimeZoneAM() ? 'calc(50% - 23px)' : 'calc(50% - 54px)'">
             <div [ngClass]="{ 'selectedItem': isTimeZoneAM() }" class="ui-list-item" (click)="setAm()">AM</div>
             <div [ngClass]="{ 'selectedItem': isTimeZonePM() }" class="ui-list-item" (click)="setPm()">PM</div>
-            <div> </div>
-            <div> </div>
-            <div> </div>
           </div>
         </div>
       </div>
@@ -101,7 +97,6 @@
         <tl-button (click)="onClickConfirm()" [flatBorder]="true" [outline]="true" [width]="'110px'" [text]="textConfirm" [color]="'primary'"></tl-button>
       </div>
     </div>
-
   </ng-template>
 
 </div>
diff --git a/projects/truly-ui/src/components/timepicker/timepicker.scss b/projects/truly-ui/src/components/timepicker/timepicker.scss
index 3063b0a37..e51df313a 100644
--- a/projects/truly-ui/src/components/timepicker/timepicker.scss
+++ b/projects/truly-ui/src/components/timepicker/timepicker.scss
@@ -40,6 +40,7 @@
       width: 220px;
       position: absolute;
       top: calc(50% - 5px);
+      z-index: 10;
       > .double-dot {
         position: absolute;
         line-height: 25px;
@@ -63,11 +64,14 @@
     }
     > .ui-ampm-content {
       width: 100%;
-      display: flex;
-      justify-content: center;
       transition: background 200ms linear;
+      position: relative;
       > .list {
-        line-height: 27px;
+        position: absolute;
+        overflow: hidden;
+        transition: top 150ms linear;
+        height: 60px;
+        top: calc(50% - 23px);
       }
     }
 
diff --git a/projects/truly-ui/src/components/timepicker/timepicker.ts b/projects/truly-ui/src/components/timepicker/timepicker.ts
index 1c329f6f4..6575b7cde 100644
--- a/projects/truly-ui/src/components/timepicker/timepicker.ts
+++ b/projects/truly-ui/src/components/timepicker/timepicker.ts
@@ -30,7 +30,6 @@ import { NG_ASYNC_VALIDATORS, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel } from '
 import { OverlayAnimation } from '../core/directives/overlay-animation';
 import { Subscription } from 'rxjs';
 import { I18nService } from '../i18n/i18n.service';
-import { CdkConnectedOverlay } from '@angular/cdk/overlay';
 
 export interface IncrementalSteps {
   hour: number;
@@ -93,8 +92,6 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
 
   @ViewChild( 'listAmPm' ) listAmPm: ElementRef;
 
-  @ViewChild( CdkConnectedOverlay ) cdkOverlay: CdkConnectedOverlay;
-
   @Output() now: EventEmitter<any> = new EventEmitter();
 
   @Output() changeTime: EventEmitter<string> = new EventEmitter();
@@ -143,7 +140,7 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
 
   constructor( @Optional() @Inject( NG_VALIDATORS ) validators: Array<any>,
                @Optional() @Inject( NG_ASYNC_VALIDATORS ) asyncValidators: Array<any>,
-               private renderer: Renderer2, private i18n: I18nService ) {
+               private i18n: I18nService ) {
     super( validators, asyncValidators );
   }
 
@@ -151,13 +148,11 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
 
   ngAfterContentInit() {
     this.handleCreateRing();
-    this.listenContainer();
     this.formatTime();
   }
 
   ngAfterViewInit() {
     this.listenModelChange();
-    this.handleOpen();
   }
 
   handleCreateRing() {
@@ -185,24 +180,8 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
     }
   }
 
-  handleOpen() {
-    !this.isOpen ? this.setPointerEvents('none') : this.setPointerEvents('auto');
-  }
-
   changeOpened() {
     this.isOpen = !this.isOpen;
-    this.handleOpen();
-  }
-
-  private setPointerEvents( value: string ) {
-    this.cdkOverlay.overlayRef.overlayElement.style.pointerEvents = value;
-  }
-
-  private listenContainer() {
-    this.listeners.add( this.renderer.listen( document, 'click', () => {
-      this.isOpen = false;
-      this.handleOpen();
-    } ) );
   }
 
   private listenModelChange() {
@@ -252,10 +231,6 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
     this.formatTime();
   }
 
-  onScrollAmPm( $event ) {
-    $event.target.scrollTop >= (this.itemHeight / 2) ? this.timeZone = 'PM' : this.timeZone = 'AM';
-  }
-
   onClickCancel() {
     this.isOpen = false;
     this.cancel.emit( this.selectedTime );
@@ -274,11 +249,15 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
     const split = this.cleanValue( $event ).split( ':' );
     if ( split[ 0 ].length >= 2 ) {
       this.hour = this.isFormat12() ? this.leftPad.transform( this.convertToAmPm( split[ 0 ] ), 2 ) : split[ 0 ];
-      this.setScrollColumn( this.listHour.nativeElement, TIME.HOUR );
+      if (this.listHour) {
+        this.setScrollColumn( this.listHour.nativeElement, TIME.HOUR );
+      }
     }
     if ( split[ 1 ].length >= 2 ) {
       this.minute = split[ 1 ];
-      this.setScrollColumn( this.listMinutes.nativeElement,  TIME.MINUTE );
+      if (this.listMinutes) {
+        this.setScrollColumn( this.listMinutes.nativeElement,  TIME.MINUTE );
+      }
     }
   }
 
@@ -342,15 +321,11 @@ export class TlTimepicker extends ElementBase<string> implements OnInit, AfterCo
   }
 
   setAm() {
-    if ( this.listAmPm ) {
-      this.listAmPm.nativeElement.scrollTop = 0;
-    }
+    this.timeZone = 'AM';
   }
 
   setPm() {
-    if ( this.listAmPm ) {
-      this.listAmPm.nativeElement.scrollTop = this.itemHeight * 2;
-    }
+    this.timeZone = 'PM';
   }
 
   private formatTime() {

From 55fc7ac009c4444bb2e5ac794a4c8d0228067448 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Wed, 20 Mar 2019 16:47:42 -0300
Subject: [PATCH 099/111] refact(autocomplete): add event shift tab on input.

---
 projects/truly-ui/src/components/autocomplete/autocomplete.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/autocomplete/autocomplete.html b/projects/truly-ui/src/components/autocomplete/autocomplete.html
index 171f606c9..0f2771d85 100644
--- a/projects/truly-ui/src/components/autocomplete/autocomplete.html
+++ b/projects/truly-ui/src/components/autocomplete/autocomplete.html
@@ -24,6 +24,7 @@
              (keydown.ArrowDown)="handleKeyArrowDown($event)"
              (keydown.escape)="handleKeyEscape($event)"
              (keydown.enter)="handleKeyEnter()"
+             (keydown.shift.tab)="isOpen = false"
              (keydown.tab)="isOpen = false"
              (focus)="handleFocus()"
              (focusout)="focused = false"

From 3bd13c4b2833a4db47fdd2b7680f61e859b20b55 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 21 Mar 2019 10:27:06 -0300
Subject: [PATCH 100/111] fix(listbox): fix listbox selection when item is not
 available

---
 projects/truly-ui/src/components/listbox/listbox.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/listbox/listbox.ts b/projects/truly-ui/src/components/listbox/listbox.ts
index 317e4f498..8ec0bcfc5 100644
--- a/projects/truly-ui/src/components/listbox/listbox.ts
+++ b/projects/truly-ui/src/components/listbox/listbox.ts
@@ -152,7 +152,9 @@ export class TlListBox extends ListBase implements AfterViewInit, OnDestroy, OnC
 
   select(index: number) {
     this.listKeyManager.setActiveItem( index );
-    this.selectItem.emit((this.listKeyManager.activeItem as TlItemSelectedDirective).itemSelected);
+    if (this.listKeyManager.activeItem) {
+      this.selectItem.emit((this.listKeyManager.activeItem as TlItemSelectedDirective).itemSelected);
+    }
   }
 
   setSelected(item: TlItemSelectedDirective) {

From 16c52312e975b60bde72867f17d7fc83ea114a84 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 21 Mar 2019 10:28:25 -0300
Subject: [PATCH 101/111] refact(calendar): refact changes of date property.

---
 projects/truly-ui/src/components/calendar/calendar.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/calendar/calendar.ts b/projects/truly-ui/src/components/calendar/calendar.ts
index 754830493..e3cf41cd8 100644
--- a/projects/truly-ui/src/components/calendar/calendar.ts
+++ b/projects/truly-ui/src/components/calendar/calendar.ts
@@ -729,8 +729,8 @@ export class TlCalendar extends ComponentDefaultBase implements AfterViewInit, O
       }
     }
     if (changes.date) {
+      this.setDateChange();
       if ( !changes.date.firstChange ) {
-        this.setDateChange();
         this.setDateNavigator();
         this.generateDays();
       }

From fa96b2c16060da29f34c6fa0a958ade8beaa42af Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Thu, 21 Mar 2019 10:34:38 -0300
Subject: [PATCH 102/111] fix(schedule): add elvis operator in tempalte of
 events

---
 .../views/day/view-day.component.html         | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
index ad62d477c..57d5ae363 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.html
@@ -27,23 +27,23 @@
       <div class="ui-schedule-event-box"
            *ngFor="let event of eventsWithPositions; let index = index"
            [ngStyle]="{
-              top: event.positions.top + 'px',
-              left: event.positions.left + 'px',
-              height: event.positions.height + 'px',
-              width: event.positions.width + 'px'
+              top: event?.positions.top + 'px',
+              left: event?.positions.left + 'px',
+              height: event?.positions.height + 'px',
+              width: event?.positions.width + 'px'
            }"
-           [style.borderLeftColor]="statusConfig ? statusConfig[event.data.status].color : '#FFFFFF'"
-           [tooltip]="{text: statusConfig ? statusConfig[event.data.status].description : '' , placement: 'top-center'}"
-           (click)="onEventClick.emit(event.data)"
-           (dblclick)="onEventDbClick.emit(event.data)"
-           (mouseover)="onEventMouseout.emit(event.data)"
-           (mouseout)="onEventMouseout.emit(event.data)"
+           [style.borderLeftColor]="statusConfig ? statusConfig[event?.data?.status]?.color : '#FFFFFF'"
+           [tooltip]="{text: statusConfig ? statusConfig[event?.data?.status]?.description : '' , placement: 'top-center'}"
+           (click)="onEventClick.emit(event?.data)"
+           (dblclick)="onEventDbClick.emit(event?.data)"
+           (mouseover)="onEventMouseout.emit(event?.data)"
+           (mouseout)="onEventMouseout.emit(event?.data)"
       >
         <div class="ui-schedule-description">
-          <div class="ui-event-title">{{event.data.title}}</div>
-          <div class="ui-event-detail">{{event.data.detail}}</div>
+          <div class="ui-event-title">{{event?.data?.title}}</div>
+          <div class="ui-event-detail">{{event?.data?.detail}}</div>
         </div>
-        <div class="ui-event-hour">{{event.data.date.start | date: 'HH:mm'}} - {{event.data.date.end | date: 'HH:mm'}}</div>
+        <div class="ui-event-hour">{{event?.data?.date?.start | date: 'HH:mm'}} - {{event?.data?.date?.end | date: 'HH:mm'}}</div>
       </div>
 
     </div>

From 36ed64644d8f31cdb8b023b3cc79772c15f7fbec Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Thu, 21 Mar 2019 10:50:46 -0300
Subject: [PATCH 103/111] fix(schedule): change id manipulation of generate
 events services

---
 .../schedule/services/generate-events.service.ts       | 10 ++++++----
 .../truly-ui/src/components/schedule/types/graph.ts    |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
index a9ba4e349..c7123b887 100644
--- a/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
+++ b/projects/truly-ui/src/components/schedule/services/generate-events.service.ts
@@ -26,7 +26,9 @@ export class GenerateEventsService {
     if (  this.scheduleSlats ) {
       if ( events.length > 0 && this.scheduleSlats.length > 0 ) {
         this.originalEvents = JSON.parse( JSON.stringify( events ) );
-        this.events = this.originalEvents;
+        events = JSON.parse( JSON.stringify( events ) );
+
+        this.events = events;
         this.transformDateToPixel();
         return this.generateEvents();
       }
@@ -105,7 +107,7 @@ export class GenerateEventsService {
               height: node.end - node.start,
               width: node.cluster.width
             },
-            data: this.originalEvents.filter(( e ) => parseInt(e.value, 10) === node.id )[0]
+            data: this.originalEvents.filter(( e ) => e.value === node.id )[0]
           };
           eventsWithPositioning.push(event);
         }
@@ -126,7 +128,7 @@ export class GenerateEventsService {
     this.events.forEach( (event) => {
       for ( let i = event.date.start; i <= event.date.end - 1; i++ ) {
         if ( minutes[i] ) {
-          minutes[i].push(parseInt((event.value), 10));
+          minutes[i].push(event.value);
         }
       }
     });
@@ -139,7 +141,7 @@ export class GenerateEventsService {
 
     // creating the nodes
     this.events.forEach( (event) => {
-      const node = new Node(parseInt(event.value, 10), event.date.start, event.date.end);
+      const node = new Node(event.value, event.date.start, event.date.end);
       nodeMap[node.id] = node;
     });
 
diff --git a/projects/truly-ui/src/components/schedule/types/graph.ts b/projects/truly-ui/src/components/schedule/types/graph.ts
index 5ade79e9f..058f545fb 100644
--- a/projects/truly-ui/src/components/schedule/types/graph.ts
+++ b/projects/truly-ui/src/components/schedule/types/graph.ts
@@ -10,7 +10,7 @@ export class Cluster {
 }
 
 export class Node {
-  id = 0;
+  id = '';
   start = 0;
   end = 0;
   neighbours = {};

From 63c7b98e3a51e153f1893a49856198c95c54d360 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Thu, 21 Mar 2019 17:17:43 -0300
Subject: [PATCH 104/111] fix(textarea): fix text area height

---
 projects/truly-ui/src/components/textarea/textarea.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/textarea/textarea.scss b/projects/truly-ui/src/components/textarea/textarea.scss
index b8abe0645..68c75f03f 100644
--- a/projects/truly-ui/src/components/textarea/textarea.scss
+++ b/projects/truly-ui/src/components/textarea/textarea.scss
@@ -10,6 +10,7 @@
 
 .tl-textarea {
   width: 100%;
+  height: 100%;
   position: relative;
   display: table;
   border-collapse: separate;

From 45646eb919df31c18c3305ab31e11fe3bb70c453 Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Thu, 21 Mar 2019 17:21:37 -0300
Subject: [PATCH 105/111] refactor(panelgroup): change font-size of
 group-caption

---
 projects/truly-ui/src/components/panelgroup/panelgroup.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/truly-ui/src/components/panelgroup/panelgroup.ts b/projects/truly-ui/src/components/panelgroup/panelgroup.ts
index 338ae714e..7db43dc08 100644
--- a/projects/truly-ui/src/components/panelgroup/panelgroup.ts
+++ b/projects/truly-ui/src/components/panelgroup/panelgroup.ts
@@ -41,7 +41,7 @@ export class TlPanelGroup implements AfterViewInit {
 
     @Input() customTemplate: TemplateRef<any>;
 
-    @Input() fontSizeCaption = '1em';
+    @Input() fontSizeCaption = '12px';
 
     @Input() showButtonAction = false;
 

From e89e64793ea857c681adb492641e4d2ee69d5458 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 21 Mar 2019 17:55:52 -0300
Subject: [PATCH 106/111] refact(time-available-picker): refact component to
 work with date ranges.

---
 .../time-available-picker-theme.scss          |  2 +-
 .../time-available-picker.html                | 17 ++++++----
 .../time-available-picker.scss                | 17 +++++++---
 .../time-available-picker.ts                  | 33 ++++++++++++-------
 4 files changed, 45 insertions(+), 24 deletions(-)

diff --git a/projects/truly-ui/src/components/time-available-picker/time-available-picker-theme.scss b/projects/truly-ui/src/components/time-available-picker/time-available-picker-theme.scss
index ac4895e2b..581e977ae 100644
--- a/projects/truly-ui/src/components/time-available-picker/time-available-picker-theme.scss
+++ b/projects/truly-ui/src/components/time-available-picker/time-available-picker-theme.scss
@@ -23,7 +23,7 @@
   > .ui-time-content {
     > .ui-time-item {
       color: map-deep-get($theme, $action, "default", "foreground");
-      span {
+      .ui-range-wrapper {
         &:hover {
           border: 1px solid map-deep-get($primary, "lighter", "background") !important;
         }
diff --git a/projects/truly-ui/src/components/time-available-picker/time-available-picker.html b/projects/truly-ui/src/components/time-available-picker/time-available-picker.html
index 89fa5ad66..3e0bcdb8e 100644
--- a/projects/truly-ui/src/components/time-available-picker/time-available-picker.html
+++ b/projects/truly-ui/src/components/time-available-picker/time-available-picker.html
@@ -1,26 +1,29 @@
-<div [class]="'ui-time-available-picker ' + color">
+<div [class]="'ui-time-available-picker ' + color" [style.width]="width + 'px'">
   <div class="ui-time-header">
     <div class="ui-date-selected">
       <span class="ui-day">{{ dateValue | date:'dd' }}</span>
       <span class="ui-day-week">{{ dateValue | date:'EEEE' }}</span>
     </div>
     <div class="ui-time-selected">
-      <span *ngIf="selectedTime.length > 1">{{ selectedTime[0]?.date | date: 'HH:mm' }} - {{ selectedTime[1]?.date | date: 'HH:mm' }}</span>
-      <span *ngIf="selectedTime.length === 1">{{ selectedTime[0]?.date | date: 'HH:mm' }}</span>
+      <span *ngIf="selectedTime.length > 1">{{ selectedTime[0]?.range.start | date: 'HH:mm' }} - {{ selectedTime[1]?.range.end | date: 'HH:mm' }}</span>
+      <span *ngIf="selectedTime.length === 1">{{ selectedTime[0]?.range.start | date: 'HH:mm' }} - {{ selectedTime[0]?.range.end | date: 'HH:mm' }}</span>
     </div>
   </div>
   <div *ngIf="!filterTimes || filterTimes.length === 0" class="ui-empty-data">
     <tl-icon [lib]="'ion'" [style]="'md'">sad</tl-icon>
     <span>Nothing Found !</span>
   </div>
-  <div *ngIf="filterTimes.length > 0" class="ui-time-content">
+  <div *ngIf="filterTimes.length > 0" class="ui-time-content"
+       [ngStyle]="{ 'grid-template-columns' : 'repeat(auto-fill, ' + ((width / (width / 100)) - 4) + 'px)' }">
     <div *ngFor="let item of filterTimes; let i = index" class="ui-time-item">
-      <span (keydown.enter)="setSelectedTime(item, i)"
+      <div  (keydown.enter)="setSelectedTime(item, i)"
+            class="ui-range-wrapper"
             (click)="setSelectedTime(item, i)"
             [ngClass]="{ 'ui-selected': item.selected }"
             tabindex="-1">
-        {{ item.date | date: 'HH:mm' }}
-      </span>
+        <span class="item-range">{{ item.range.start | date: 'HH:mm' }}</span> -
+        <span class="item-range">{{ item.range.end | date: 'HH:mm' }}</span>
+      </div>
     </div>
   </div>
 </div>
diff --git a/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss b/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss
index e78475041..8eef44f3c 100644
--- a/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss
+++ b/projects/truly-ui/src/components/time-available-picker/time-available-picker.scss
@@ -6,8 +6,9 @@
   user-select: none;
   display: flex;
   flex-direction: column;
-  width: 250px;
+  width: 300px;
   border-radius: 7px;
+  box-sizing: border-box;
   > .ui-time-header {
     height: 70px;
     width: 100%;
@@ -32,7 +33,9 @@
       }
     }
     > .ui-time-selected {
-      padding-right: 10px;
+      width: 170px;
+      display: flex;
+      place-content: space-around;
       span {
         font-size: 1.3em;
         padding: 5px 15px;
@@ -43,8 +46,11 @@
   > .ui-time-content {
     min-height: 180px;
     display: grid;
-    grid-template-columns: auto auto auto auto;
-    grid-template-rows: 50px 50px 50px 50px;
+    grid-template-rows: repeat(auto-fill, 50px);
+    grid-auto-flow: row;
+    grid-gap: 4px;
+    position: relative;
+    place-content: center;
     > .ui-time-item {
       display: flex;
       align-items: center;
@@ -52,7 +58,8 @@
       font-size: 1em;
       font-family: "Segoe UI", Lato, 'sans-serif', "Arial";
       height: 50px;
-      span {
+      .ui-range-wrapper {
+        display: flex;
         padding: 5px 10px;
         transition: background 150ms ease-in-out;
         border-radius: 3px;
diff --git a/projects/truly-ui/src/components/time-available-picker/time-available-picker.ts b/projects/truly-ui/src/components/time-available-picker/time-available-picker.ts
index 9e7b725e8..1a47b1576 100644
--- a/projects/truly-ui/src/components/time-available-picker/time-available-picker.ts
+++ b/projects/truly-ui/src/components/time-available-picker/time-available-picker.ts
@@ -25,10 +25,15 @@ import {
 } from '@angular/core';
 
 export interface FilterTime {
-  date: Date;
+  range: DateRange;
   selected: boolean;
 }
 
+export interface DateRange {
+  start: Date;
+  end: Date;
+}
+
 @Component( {
   selector: 'tl-time-available-picker',
   templateUrl: './time-available-picker.html',
@@ -36,13 +41,15 @@ export interface FilterTime {
 } )
 export class TlTimeAvailablePicker implements AfterViewInit, OnChanges {
 
-  @Input() availableTimes: Array<Date> = [];
+  @Input() availableTimes: Array<DateRange> = [];
 
   @Input() color = 'basic';
 
+  @Input() width = 300;
+
   @Input() dateValue: Date = new Date();
 
-  @Input() value: Array<Date> = [];
+  @Input() value: Array<DateRange> = [];
 
   @Output() changeSelect: EventEmitter<any> = new EventEmitter();
 
@@ -53,29 +60,32 @@ export class TlTimeAvailablePicker implements AfterViewInit, OnChanges {
   constructor( private change: ChangeDetectorRef ) {}
 
   ngAfterViewInit() {
-    this.setUpData();
     this.handleValueChange();
   }
 
   private setUpData() {
     this.availableTimes.forEach( ( value ) => {
-      this.filterTimes.push( { date: value, selected: false } );
+      this.filterTimes.push( { range: value, selected: false } );
     } );
   }
 
   private handleValueChange() {
     if ( this.value.length > 0 ) {
-      this.value.forEach( ( date: Date ) => {
-        if (this.getDateOnFilter(date) >= 0) {
-          this.filterTimes[this.getDateOnFilter(date)].selected = true;
+      this.value.forEach( ( date: DateRange ) => {
+        const dateFilter = this.getDateOnFilter(date);
+        if ( dateFilter >= 0) {
+          this.filterTimes[dateFilter].selected = true;
         }
       } );
       this.updateTime();
     }
   }
 
-  private getDateOnFilter( date ) {
-    return this.filterTimes.findIndex( ( item: FilterTime ) => item.date.getTime() === date.getTime());
+  private getDateOnFilter( date: DateRange ) {
+    return this.filterTimes.findIndex( ( item: FilterTime ) =>
+      (item.range.start.getTime() === date.start.getTime()) &&
+    (item.range.end.getTime() === date.end.getTime())
+    );
   }
 
   private getSelectedArray() {
@@ -109,6 +119,7 @@ export class TlTimeAvailablePicker implements AfterViewInit, OnChanges {
     }
     time.selected = !time.selected;
     this.selectMany( time, readySelected, index );
+
   }
 
   private getFirstIndex( index ) {
@@ -144,7 +155,7 @@ export class TlTimeAvailablePicker implements AfterViewInit, OnChanges {
         this.selectedTime[ 1 ] = allSelected[ allSelected.length - 1 ];
       }
     }
-    this.changeSelect.emit( this.getSelectedArray().map((item) => item.date) );
+    this.changeSelect.emit( this.getSelectedArray().map((item) => item.range) );
     this.change.detectChanges();
   }
 

From 55558226438f6c00a7c3203434e49a250c036204 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Thu, 21 Mar 2019 17:58:32 -0300
Subject: [PATCH 107/111] docs(time-available-picker): update docs.

---
 ...vailable-pickerdemo-dataproperties.json.ts | 15 +++++--
 .../time-available-pickerdemo.component.ts    | 44 ++++++++++++++-----
 2 files changed, 43 insertions(+), 16 deletions(-)

diff --git a/src/app/components/time-available-picker/time-available-pickerdemo-dataproperties.json.ts b/src/app/components/time-available-picker/time-available-pickerdemo-dataproperties.json.ts
index f2c163592..fc7e08646 100644
--- a/src/app/components/time-available-picker/time-available-pickerdemo-dataproperties.json.ts
+++ b/src/app/components/time-available-picker/time-available-pickerdemo-dataproperties.json.ts
@@ -22,10 +22,17 @@
 export const dataProperties = [
   {
     name: 'availableTimes',
-    type: 'Array<Date>',
+    type: 'Array<DateRange>',
     default: 'null',
     description: 'Array of available times.',
-    options: 'Array<Date>'
+    options: 'Array<DateRange>'
+  },
+  {
+    name: 'width',
+    type: 'number',
+    default: '300',
+    description: 'The Box width.',
+    options: 'number pixels'
   },
   {
     name: 'color',
@@ -43,9 +50,9 @@ export const dataProperties = [
   },
   {
     name: 'value',
-    type: 'Array<Date>',
+    type: 'Array<DateRange>',
     default: 'null',
     description: 'Value of selected times',
-    options: 'Array<Date>'
+    options: 'Array<DateRange>'
   },
 ];
diff --git a/src/app/components/time-available-picker/time-available-pickerdemo.component.ts b/src/app/components/time-available-picker/time-available-pickerdemo.component.ts
index 58069b5f4..6bc77794f 100644
--- a/src/app/components/time-available-picker/time-available-pickerdemo.component.ts
+++ b/src/app/components/time-available-picker/time-available-pickerdemo.component.ts
@@ -36,21 +36,41 @@ export class TimeAvailablePickerDemoComponent {
   public dataEvents;
 
   public data = [
-    new Date( 1999, 1, 1, 10, 45 ),
-    new Date( 1999, 1, 1, 8, 32 ),
-    new Date( 1999, 1, 1, 14, 10 ),
-    new Date( 1999, 1, 1, 20, 30 ),
-    new Date( 1999, 1, 1, 19, 17 ),
-    new Date( 1999, 1, 1, 18, 15 ),
-    new Date( 1999, 1, 1, 18, 35 ),
-    new Date( 1999, 1, 1, 19, 0 ),
-    new Date( 1999, 1, 1, 14, 30 ),
-    new Date( 1999, 1, 1, 16, 30 ),
+    {
+      start: new Date( 1999, 1, 1, 8, 0 ),
+      end: new Date( 1999, 1, 1, 8, 30 ),
+    },
+    {
+      start: new Date( 1999, 1, 1, 8, 30 ),
+      end: new Date( 1999, 1, 1, 9, 0 ),
+    },
+    {
+      start: new Date( 1999, 1, 1, 9, 0 ),
+      end: new Date( 1999, 1, 1, 9, 30 ),
+    },
+    {
+      start: new Date( 1999, 1, 1, 9, 30 ),
+      end: new Date( 1999, 1, 1, 10, 0 ),
+    },
+    {
+      start: new Date( 1999, 1, 1, 10, 0 ),
+      end: new Date( 1999, 1, 1, 10, 30 ),
+    },
+    {
+      start: new Date( 1999, 1, 1, 10, 30 ),
+      end: new Date( 1999, 1, 1, 11, 0 ),
+    },
+    {
+      start: new Date( 1999, 1, 1, 11, 0 ),
+      end: new Date( 1999, 1, 1, 11, 30 ),
+    },
   ];
 
   public value = [
-    new Date( 1999, 1, 1, 19, 17 ),
-    new Date( 1999, 1, 1, 18, 15 ),
+    {
+      start: new Date( 1999, 1, 1, 11, 0 ),
+      end: new Date( 1999, 1, 1, 11, 30 ),
+    },
   ];
 
   constructor() {

From 20e34f7f88eb230e930913ff9ed59b808dcff4f7 Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 22 Mar 2019 09:35:32 -0300
Subject: [PATCH 108/111] fix(overlay-list): fix grouping of list at loading
 element.

---
 projects/truly-ui/src/components/overlaylist/overlay-list.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/truly-ui/src/components/overlaylist/overlay-list.ts b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
index ade54953b..9af7f1fbd 100644
--- a/projects/truly-ui/src/components/overlaylist/overlay-list.ts
+++ b/projects/truly-ui/src/components/overlaylist/overlay-list.ts
@@ -129,6 +129,7 @@ export class TlOverlayList implements OnInit, AfterViewInit, OnChanges, OnDestro
     this.keyManager.withWrap();
     this.handleActiveItem();
     this.handleModelOption();
+    this.getFilteredData();
   }
 
   getFilteredData() {

From d779f3c5bdf53041b73a6f22a4753c387f296e7b Mon Sep 17 00:00:00 2001
From: William Aguera <williamaguera.m@hotmail.com>
Date: Fri, 22 Mar 2019 12:04:44 -0300
Subject: [PATCH 109/111] refact(menu): add router-active class to items and
 subitems

---
 projects/truly-ui/src/components/menu/menu-theme.scss    | 5 +++++
 projects/truly-ui/src/components/menu/menu.scss          | 1 +
 projects/truly-ui/src/components/menu/menu.ts            | 9 ++++++++-
 .../menu/parts/simple/simple-sub-menu-theme.scss         | 6 ++++++
 .../components/menu/parts/simple/simple-sub-menu.html    | 1 +
 .../components/menu/parts/simple/simple-sub-menu.scss    | 1 -
 .../src/components/menu/parts/simple/simple-sub-menu.ts  | 4 ++++
 7 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/projects/truly-ui/src/components/menu/menu-theme.scss b/projects/truly-ui/src/components/menu/menu-theme.scss
index a985247ed..386287eda 100644
--- a/projects/truly-ui/src/components/menu/menu-theme.scss
+++ b/projects/truly-ui/src/components/menu/menu-theme.scss
@@ -35,6 +35,11 @@
 
       }
 
+      &.router-active {
+        background: map-deep-get($basic, "hover", "background");
+        border-right: 3px solid  map-deep-get($primary, "default", "background");
+      }
+
     }
 
     .ui-submenu {
diff --git a/projects/truly-ui/src/components/menu/menu.scss b/projects/truly-ui/src/components/menu/menu.scss
index 0faa34a68..b6641d6c3 100644
--- a/projects/truly-ui/src/components/menu/menu.scss
+++ b/projects/truly-ui/src/components/menu/menu.scss
@@ -39,6 +39,7 @@
     &:hover > ::ng-deep tl-simple-sub-menu {
       visibility: visible;
     }
+
   }
 }
 
diff --git a/projects/truly-ui/src/components/menu/menu.ts b/projects/truly-ui/src/components/menu/menu.ts
index 6b6fc6128..db301f586 100644
--- a/projects/truly-ui/src/components/menu/menu.ts
+++ b/projects/truly-ui/src/components/menu/menu.ts
@@ -21,7 +21,7 @@
  */
 import {
   Input, Component, OnDestroy,
-  Renderer2, ViewChild, ElementRef, OnChanges, SimpleChanges, AfterContentInit, ViewContainerRef, ChangeDetectorRef,
+  Renderer2, ViewChild, ElementRef, OnChanges, SimpleChanges, AfterContentInit, ViewContainerRef,
 } from '@angular/core';
 import { Router } from '@angular/router';
 import { SubMenuService } from './services/submenu.service';
@@ -167,6 +167,9 @@ export class TlMenu implements AfterContentInit, OnChanges, OnDestroy {
   createElementList( item ) {
     this.listElement = new ElementRef( this.renderer.createElement( 'li' ) );
     this.renderer.addClass( this.listElement.nativeElement, 'ui-menulist-item' );
+    if (this.isRouterActive(item)) {
+      this.renderer.addClass( this.listElement.nativeElement, 'router-active');
+    }
     this.listenClickElementList( item );
     this.setStyleListElement();
   }
@@ -177,6 +180,10 @@ export class TlMenu implements AfterContentInit, OnChanges, OnDestroy {
     } );
   }
 
+  isRouterActive(item) {
+    return this.router.url === item[this.link];
+  }
+
   listenClickElementList( item ) {
     this.renderer.listen( this.listElement.nativeElement, 'click', ( MouseEvent ) => {
       if ( item[ this.link ] ) {
diff --git a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu-theme.scss b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu-theme.scss
index 4ef3d8251..41c1c6511 100644
--- a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu-theme.scss
+++ b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu-theme.scss
@@ -2,6 +2,7 @@
 
 @mixin tl-simple-sub-menu-theme( $theme ) {
   $basic:   map-deep-get($theme, 'basic');
+  $primary:   map-deep-get($theme, 'primary');
 
   .ui-simple-list-item {
     background: map-deep-get($basic, "default", "background");
@@ -14,6 +15,11 @@
       color: map-deep-get($basic, "default", "foreground");
     }
 
+    &.router-active {
+      background: map-deep-get($basic, "hover", "background");
+      border-right: 3px solid map-deep-get($primary, "default", "background");
+    }
+
     &:hover {
       background: map-deep-get($basic, "hover", "background");
       color: map-deep-get($basic, "hover", "foreground");
diff --git a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.html b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.html
index 5775ee5b2..896996757 100644
--- a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.html
+++ b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.html
@@ -3,6 +3,7 @@
     [style.width]="width"
     [style.top]="'-' + itemHeight" #subMenuList>
   <li #elementList class="ui-simple-list-item" [style.height]="itemHeight"
+      [class.router-active]="isRouterActive(item)"
       [style.line-height]="itemHeight"
       (keydown.enter)="callbackListElement($event, item)"
       (click)="callbackListElement($event, item)"
diff --git a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.scss b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.scss
index dd1b0cfe4..a1aa423c5 100644
--- a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.scss
+++ b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.scss
@@ -40,7 +40,6 @@
     line-height: 40px;
   }
 
-
   &:hover > ::ng-deep tl-simple-sub-menu {
     visibility: visible;
   }
diff --git a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts
index 3ac09a6a0..374206fa8 100644
--- a/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts
+++ b/projects/truly-ui/src/components/menu/parts/simple/simple-sub-menu.ts
@@ -74,6 +74,10 @@ export class TlSimpleSubMenu implements OnChanges, OnDestroy {
     }
   }
 
+  isRouterActive(item) {
+    return this.router.url === item[this.link];
+  }
+
   alreadyTaken(element) {
     const anchor = this.anchorElements.filter((value) => {
       return value.rootElement === element;

From 4016281de70b950b13fb91f880b9be52a2f7b6bf Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 22 Mar 2019 14:05:15 -0300
Subject: [PATCH 110/111] fix(schedule): fix change date reload events

---
 .../components/schedule/views/day/view-day.component.ts  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index 08a70c0d2..9ce900861 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -92,6 +92,11 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
 
   ngOnChanges( changes: SimpleChanges ) {
 
+    if ( changes['currentDate'] !== undefined ) {
+      this.workScaleService.currentDate = changes[ 'currentDate' ].currentValue;
+      this.eventService.getEventsOfDay();
+    }
+
     if ( changes['workScale'] !== undefined ) {
       this.workScaleService.reload( changes[ 'workScale' ].currentValue );
     }
@@ -102,10 +107,6 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
         this.eventService.getEventsOfDay();
     }
 
-    if ( changes['currentDate'] !== undefined ) {
-        this.eventService.loadEvents( this.events );
-        this.eventService.getEventsOfDay();
-    }
     this.changeDetectionRef.detectChanges();
   }
 

From a19fb34a440d1d82673f51e59e695a6816d2771a Mon Sep 17 00:00:00 2001
From: Maicon Wagner <mister-x59@hotmail.com.br>
Date: Fri, 22 Mar 2019 14:37:37 -0300
Subject: [PATCH 111/111] fix(schedule): fix first reload

---
 .../schedule/views/day/view-day.component.ts         | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
index 9ce900861..1d16c3454 100644
--- a/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
+++ b/projects/truly-ui/src/components/schedule/views/day/view-day.component.ts
@@ -66,7 +66,6 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
 
     this.subscriptions.add(this.workScaleService.updateScale.subscribe(( timesCollection) => {
       this.timesCollection = timesCollection;
-      this.generateEvents.initializeArray( this.workScaleService.workScaleInMileseconds, this.scheduleSlats );
       this.changeDetectionRef.detectChanges();
     }));
 
@@ -80,15 +79,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
 
   ngOnInit() {}
 
-  ngAfterViewInit() {
-    // this.timesCollection = this.workScaleService.timesCollection;
-    // this.generateEvents.initializeArray(
-    //   this.workScaleService.workScaleInMileseconds,
-    //   this.scheduleSlats
-    // );
-    // this.inicializeNowIndicator();
-    // this.changeDetectionRef.detectChanges();
-  }
+  ngAfterViewInit() {}
 
   ngOnChanges( changes: SimpleChanges ) {
 
@@ -128,6 +119,7 @@ export class ViewDayComponent implements OnInit, AfterViewInit, OnChanges, OnDes
 
   private generateEventsPositions( events ) {
     if ( events !== undefined ) {
+      this.generateEvents.initializeArray( this.workScaleService.workScaleInMileseconds, this.scheduleSlats );
       this.eventsWithPositions = this.generateEvents.with( events );
     }
   }