attributeChangedCallback(name, oldVal, newVal) {
        if (oldVal !== newVal) {
            switch(name) {
                case 'visible':
                    this.visible = newVal
                    break;
                case 'direction':
                    this.direction = newVal
                    break;
                case 'push-ui':
                    this.pushUi = newVal
                    break;
            }
        }
    }
// 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 'visible':
                    this.visible = newVal
                    break;
                case 'direction':
                    this.direction = newVal
                    break;
                case 'push-ui':
                    this.pushUi = newVal
                    break;
            }
        }
    }
attributeChangedCallback ( name , oldVal , newVal ) { if ( oldVal !== newVal ) { switch ( name ) { case 'visible' : this . visible = newVal break ; case 'direction' : this . direction = newVal break ; case 'push-ui' : this . pushUi = newVal break ; } } }
To do when a attribute changed
To do when a attribute changed