fix(combo): corrige links quebrados dos exemplos de heróis

Adicionada uma validação prévia a exibição do `p-primary-label` no
`po-widget`.

Fixes DTHFUI-865

Author: mateusjmaf

projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.html

@@ -1,7 +1,7 @@
 <div class="po-row">
   <po-widget
     class="po-lg-6"
-    p-primary-label="Know more"
+    [p-primary-label]="knowMoreLabel"
     (p-primary-action)="knowMore()">
 
     <div [formGroup]="form">
@@ -33,7 +33,7 @@
         </po-info>
       </div>
 
-      <hr>
+      <po-divider></po-divider>
 
       <div class="po-row">
         <po-info

projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts

@@ -21,6 +21,10 @@ export class SamplePoComboHeroesReactiveFormComponent implements OnInit {
     });
   }
 
+  get knowMoreLabel() {
+    return this.form.valid ? 'Know more' : undefined;
+  }
+
   knowMore() {
     const heroName = this.form.get('hero').value;
 

projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes/sample-po-combo-heroes.component.html

@@ -1,7 +1,7 @@
 <div class="po-row">
   <po-widget
     class="po-lg-6"
-    p-primary-label="Know more"
+    [p-primary-label]="knowMoreLabel"
     (p-primary-action)="knowMore(heroName)">
 
     <po-combo
@@ -30,7 +30,7 @@
         </po-info>
       </div>
 
-      <hr>
+      <po-divider></po-divider>
 
       <div class="po-row">
         <po-info

projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes/sample-po-combo-heroes.component.ts

@@ -14,6 +14,10 @@ export class SamplePoComboHeroesComponent {
 
   constructor(private http: HttpClient) { }
 
+  get knowMoreLabel() {
+    return this.heroName ? 'Know more' : undefined;
+  }
+
   knowMore(heroName: string) {
     window.open(`http://google.com/search?q=${heroName}`, '_blank');
   }