attributeChangedCallback(name, oldVal, newVal) {
        if (oldVal !== newVal) {
            switch(name) {
                case 'filling':
                    this.filling = newVal
                    break;
                case 'max-filling':
                    this.maxFilling = newVal
                    break;
                case 'display':
                    this.display = newVal
                    break;
                case 'to-display':
                    this.toDisplay = newVal
                    break;
            }
        }
        this.render()
    }
// To do when a attribute changed
To do when a attribute changed
To do when a attribute changed
attributeChangedCallback(name, oldVal, newVal) {
        if (oldVal !== newVal) {
            switch(name) {
                case 'filling':
                    this.filling = newVal
                    break;
                case 'max-filling':
                    this.maxFilling = newVal
                    break;
                case 'display':
                    this.display = newVal
                    break;
                case 'to-display':
                    this.toDisplay = newVal
                    break;
            }
        }
        this.render()
    }
attributeChangedCallback ( name , oldVal , newVal ) { if ( oldVal !== newVal ) { switch ( name ) { case 'filling' : this . filling = newVal break ; case 'max-filling' : this . maxFilling = newVal break ; case 'display' : this . display = newVal break ; case 'to-display' : this . toDisplay = newVal break ; } } this . render ( ) }
To do when a attribute changed
To do when a attribute changed