text: // import $ from 'jquery';
  import Plugin from 'Plugin'
  import * as Config from 'Config'
  
  const NAME = 'gauge'
  
  class GaugePlugin extends Plugin {
    getName() {
      return NAME
    }
  
    static getDefaults() {
      return {
        lines: 12,
        angle: 0.2,
        lineWidth: 0.4,
        pointer: {
          length: 0.58,
          strokeWidth: 0.03,
          color: Config.colors('grey', 400)
        },
        limitMax: true,
        colorStart: Config.colors('grey', 200),
        colorStop: Config.colors('grey', 200),
        strokeColor: Config.colors('primary', 500),
        generateGradient: true
      }
    }
  
    render() {
      if (!Gauge) {
        return
      }
  
      const $el = this.$el
      const $canvas = $el.find('canvas')
  
      const $text = $el.find('.gauge-label')
  
      if ($canvas.length === 0) {
        return
      }
  
      const gauge = new Gauge($canvas[0]).setOptions(this.options)
  
      $el.data('gauge', gauge)
  
      gauge.animationSpeed = 50
      gauge.maxValue = $el.data('max-value')
  
      gauge.set($el.data('value'))
  
      if ($text.length > 0) {
        gauge.setTextField($text[0])
      }
    }
  }
  
  Plugin.register(NAME, GaugePlugin)
  
  export default GaugePlugin
  