hide search field clear button when there's nothing in the field

Author: xelaint

apps/daffio/src/app/docs/search/components/search-field/search-field.component.html

@@ -1,7 +1,9 @@
 <input class="daffio-docs-search-field__input" type="search" placeholder="Search documentation" name="search-documentation" id="search-input" [formControl]="inputValue" />
-<button daff-icon-button color="theme-contrast"
-  class="daffio-docs-search-field__clear-button"
-  aria-label="Clear the search field"
-  (click)="clearField()">
-    <fa-icon [icon]="faTimes" aria-hidden="true"></fa-icon>
-</button>
+@if (inputValue.value) {
+  <button daff-icon-button color="theme-contrast"
+    class="daffio-docs-search-field__clear-button"
+    aria-label="Clear the search field"
+    (click)="clearField()">
+      <fa-icon [icon]="faTimes" aria-hidden="true"></fa-icon>
+  </button>
+}