Add option to hide null values in header

Author: TheHolyRoger

src/apexcharts-card.ts

@@ -673,7 +673,7 @@ class ChartsCard extends LitElement {
     return html`
       <div id="header__states">
         ${this._config?.series.map((serie, index) => {
-          if (serie.show.in_header) {
+          if (serie.show.in_header && (serie.show.in_header != 'hide_null' || this._headerState?.[index] !== null)) {
             return html`
               <div
                 id="states__state"

src/types-config-ti.ts

@@ -110,7 +110,7 @@ export const ActionsConfig = t.iface([], {
 export const ChartCardSeriesShowConfigExt = t.iface([], {
   "as_duration": t.opt("ChartCardPrettyTime"),
   "legend_value": t.opt("boolean"),
-  "in_header": t.opt(t.union("boolean", t.lit('raw'), t.lit('before_now'), t.lit('after_now'))),
+  "in_header": t.opt(t.union("boolean", t.lit('raw'), t.lit('before_now'), t.lit('after_now'), t.lit('hide_null'))),
   "name_in_header": t.opt("boolean"),
   "header_color_threshold": t.opt("boolean"),
   "in_chart": t.opt("boolean"),

src/types-config.ts

@@ -110,7 +110,7 @@ export interface ActionsConfig {
 export interface ChartCardSeriesShowConfigExt {
   as_duration?: ChartCardPrettyTime;
   legend_value?: boolean;
-  in_header?: boolean | 'raw' | 'before_now' | 'after_now';
+  in_header?: boolean | 'raw' | 'before_now' | 'after_now' | 'hide_null';
   name_in_header?: boolean;
   header_color_threshold?: boolean;
   in_chart?: boolean;

src/types.ts

@@ -33,7 +33,7 @@ export interface ChartCardSeriesConfig extends ChartCardSeriesExternalConfig {
 
 export interface ChartCardSeriesShowConfig extends ChartCardSeriesShowConfigExt {
   legend_value: boolean;
-  in_header: boolean | 'raw' | 'before_now' | 'after_now';
+  in_header: boolean | 'raw' | 'before_now' | 'after_now' | 'hide_null';
   name_in_header: boolean;
   in_chart: boolean;
   offset_in_name: boolean;