fix(multiselect): corrige comportamento do componente no IE

No IE caso infomar `p-options` com valores muito grandes,
não era possível abrir o mesmo.
A propriedade value da tag li não deveria ser utilizada
quando a mesma estiver abaixo da tag ul, causando problemas no IE.

Fixes DTHFUI-1857

Author: jhonyeduardo

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

@@ -13,7 +13,7 @@
     </div>
 
     <po-multiselect-item *ngFor="let option of options"
-      [p-option]="option"
+      [p-label]="option.label"
       [p-selected]="isSelectedItem(option)"
       (p-change)="clickItem($event, option)">
     </po-multiselect-item>

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

@@ -1,6 +1,4 @@
-<li [value]="option?.value"
-  (click)="itemClicked()"
-  [class.po-multiselect-item-selected]="selected">
+<li [class.po-multiselect-item-selected]="selected" (click)="itemClicked()">
 
   <a class="po-multiselect-item">
     <input
@@ -10,7 +8,7 @@
       type="checkbox">
 
     <label class="po-multiselect-checkbox-label po-clickable">
-      {{ option?.label }}
+      {{ label }}
     </label>
   </a>
 </li>

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

@@ -17,8 +17,6 @@ describe('PoMultiselectItemComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(PoMultiselectItemComponent);
     component = fixture.componentInstance;
-
-    fixture.detectChanges();
   });
 
   it('should be created', () => {

projects/ui/src/lib/components/po-field/po-multiselect/po-multiselect-item/po-multiselect-item.component.ts

@@ -1,6 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-import { PoMultiselectOption } from './../po-multiselect-option.interface';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 
 /**
  * @docsPrivate
@@ -11,12 +9,13 @@ import { PoMultiselectOption } from './../po-multiselect-option.interface';
  */
 @Component({
   selector: 'po-multiselect-item',
-  templateUrl: './po-multiselect-item.component.html'
+  templateUrl: './po-multiselect-item.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PoMultiselectItemComponent {
 
-  /** Opção que irá gerar o item, implementando a interface PoMultiselectOption. */
-  @Input('p-option') option: PoMultiselectOption = null;
+  /** Rótulo do item. */
+  @Input('p-label') label: string;
 
   /** Esta propriedade indica se o campo está selecionado ou não. */
   @Input('p-selected') selected?: boolean = false;