fix(lookup): corrige comportamento focal na tabulação do html

Agora o componente respeita a ordem da tabulação
entre o tabindex dos demais elementos da tela e também
remove a sobreposição da navegação entre os mesmos.

Fixes DTHFUI-2482

Author: mateusjmaf

projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts

@@ -27,7 +27,7 @@ export class SamplePoDynamicFormRegisterComponent {
       { label: 'Rio de Janeiro', value: 3 },
       { label: 'Minas Gerais', value: 4 }
     ]},
-    { property: 'city', disabled: true },
+    { property: 'city', disabled: true, gridColumns: 6 },
     { property: 'entryTime', label: 'Entry time', type: 'time', divider: 'Work data', gridColumns: 6 },
     { property: 'exitTime', label: 'Exit time', type: 'time', gridColumns: 6 },
     { property: 'wage', type: 'currency', gridColumns: 6 },
@@ -43,7 +43,7 @@ export class SamplePoDynamicFormRegisterComponent {
       property: 'favoriteHero',
       gridColumns: 6,
       gridSmColumns: 12,
-      label: 'Favorite Hero',
+      label: 'Favorite hero',
       searchService: 'https://thf.totvs.com.br/sample/api/comboOption/heroes',
       columns: [ { property: 'nickname', label: 'Hero' }, { property: 'label', label: 'Name' }]
     },

projects/ui/src/lib/components/po-field/po-lookup/po-lookup.component.html

@@ -14,9 +14,13 @@
       (blur)="searchEvent()">
 
     <div class="po-field-icon-container-right">
-      <span tabindex="1" #iconLookup (click)="openLookup()" (focus)="inp.focus()" class="po-icon po-field-icon po-icon-search"
+      <span #iconLookup
+        class="po-icon po-field-icon po-icon-search"
+        tabindex="-1"
+        [class.po-field-icon]="!disabled"
         [class.po-field-icon-disabled]="disabled"
-        [class.po-field-icon]="!disabled">
+        (click)="openLookup()"
+        (focus)="inp.focus()">
       </span>
     </div>
   </div>

projects/ui/src/lib/components/po-field/po-lookup/po-lookup.component.spec.ts

@@ -36,7 +36,7 @@ export const routes: Routes = [
   { path: '', redirectTo: 'home', pathMatch: 'full' }
 ];
 
-describe('PoLookupComponent: ', () => {
+describe('PoLookupComponent:', () => {
   let component: PoLookupComponent;
   let fixture: ComponentFixture<PoLookupComponent>;
   const fakeSubscription = <any>{ unsubscribe: () => {} };
@@ -119,7 +119,7 @@ describe('PoLookupComponent: ', () => {
 
   });
 
-  describe('Methods: ', () => {
+  describe('Methods:', () => {
     const objectSelected = { label: 'teste', value: 123 };
 
     it('searchEvent: should call `searchById` when the current value isn`t equal to the old value.',