SVY-20819 use signals instead of @input in our components

instead of null/empty i get 'SVY_TS_NULL_VALUE'

Author: cPecican

components/projects/bootstrapcomponents/src/datalabel/datalabel.html

@@ -11,14 +11,14 @@
   @if ((showAs() === 'html' || showAs() === 'trusted_html')) {
     <span
       class="bts-label-text"
-      [innerHTML]="dataProviderID() | formatFilter:format() | htmlFilter | trustAsHtml:isTrustedHTML() | designFilter:servoyApi.isInDesigner()"
+      [innerHTML]="getDisplayValue() | formatFilter:format() | htmlFilter | trustAsHtml:isTrustedHTML() | designFilter:servoyApi.isInDesigner()"
       >
     </span>
   }
   @if (showAs() == 'text') {
     <span
       class="bts-label-text"
-      [textContent]="dataProviderID() | formatFilter:format() | htmlFilter | trustAsHtml:isTrustedHTML() | designFilter:servoyApi.isInDesigner()"
+      [textContent]="getDisplayValue() | formatFilter:format() | htmlFilter | trustAsHtml:isTrustedHTML() | designFilter:servoyApi.isInDesigner()"
       >
     </span>
   }

components/projects/bootstrapcomponents/src/datalabel/datalabel.ts

@@ -26,6 +26,11 @@ export class ServoyBootstrapDatalabel extends ServoyBootstrapBaseLabel<HTMLSpanE
             });
         }
     }
+    
+    getDisplayValue(): string {
+        const value = this.dataProviderID();
+        return value === 'SVY_TS_NULL_VALUE_' ? null : value;
+    }
 
 }