@operato/chart 8.0.0-alpha.8 → 8.0.0-beta.0

package/src/editors/templates/display-value.ts

@@ -13,6 +13,8 @@ export class DisplayValue extends LitElement {
 
   render() {
     const configurer = this.configurer
+    const displayValue = configurer.series.displayValue
+    configurer.series.displayValue = displayValue === true ? 'T' : displayValue === false ? 'F' : displayValue
 
     return html`
       <div id="display-value-container">
@@ -49,13 +51,12 @@ export class DisplayValue extends LitElement {
           .value=${configurer.series.valueSuffix || ''}
         />
 
-        <input
-          id="display-value"
-          type="checkbox"
-          value-key="series.displayValue"
-          ?checked=${!!configurer.series.displayValue}
-        />
         <label for="display-value"> <ox-i18n msgid="label.value-display">Value Display</ox-i18n> </label>
+        <select id="display-value" value-key="series.displayValue" .value=${configurer.series.displayValue || 'F'}>
+          <option value="T">Show</option>
+          <option value="F">Hide</option>
+          <option value="auto">Hide to Overlap</option>
+        </select>
 
         ${configurer.series.displayValue
           ? html`

package/src/editors/templates/series.ts

@@ -28,6 +28,10 @@ export class MultipleSeriesTemplate extends LitElement {
     }
   }
 
+  get value() {
+    return this.configurer.datasets
+  }
+
   render() {
     return keyed(
       this.configurer.currentSeriesIndex,
@@ -221,6 +225,8 @@ export class MultipleSeriesTemplate extends LitElement {
 
   private _removeSeries(index: number) {
     this.configurer.removeSeries(index)
+    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
+
     this.requestUpdate()
   }
 
@@ -243,6 +249,8 @@ export class MultipleSeriesTemplate extends LitElement {
     })
 
     this.configurer.addSeries(seriesModel)
+    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))
+
     this.requestUpdate()
   }
 

package/src/types.d.ts

@@ -50,7 +50,7 @@ declare namespace OperatoChart {
     valuePrefix?: string
     valueSuffix?: string
     valueFormat?: string
-    displayValue?: boolean
+    displayValue?: boolean | 'T' | 'F' | 'auto'
     dataLabelAnchor?: string
     dataLabelOffset?: number
     dataLabelRotation?: number