attributeChangedCallback(name, oldVal, newVal) {
        if (oldVal !== newVal) {
            switch(name) {
                case 'checked':
                    this.checked = newVal
                    break;
                case 'cross-visible':
                    this.cross_visible = newVal
                    break;
                case 'check-visible':
                    this.check_visible = newVal
                    break;
                case 'content':
                    this.content = newVal
                    break;
                case 'auto-delete':
                    this.autoDelete = 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 'checked':
                    this.checked = newVal
                    break;
                case 'cross-visible':
                    this.cross_visible = newVal
                    break;
                case 'check-visible':
                    this.check_visible = newVal
                    break;
                case 'content':
                    this.content = newVal
                    break;
                case 'auto-delete':
                    this.autoDelete = newVal
                    break;
            }
        }
        this.render()
    }
attributeChangedCallback ( name , oldVal , newVal ) { if ( oldVal !== newVal ) { switch ( name ) { case 'checked' : this . checked = newVal break ; case 'cross-visible' : this . cross_visible = newVal break ; case 'check-visible' : this . check_visible = newVal break ; case 'content' : this . content = newVal break ; case 'auto-delete' : this . autoDelete = newVal break ; } } this . render ( ) }
To do when a attribute changed
To do when a attribute changed