attributeChangedCallback(name, oldVal, newVal) {
        if (oldVal !== newVal) {
            switch(name) {
                case 'image-collection':
                    this.image_collection = newVal;
                    break;
                case 'infinite':
                    this.infinite = newVal;
                    break;
                case 'auto-scrolling':
                    this.autoScroll = newVal;
                    break;
                case 'auto-scrolling-delay':
                    this.autoScrollDelay = newVal;
                    break;
                case 'hide-arrows':
                    this.hideArrows = newVal;
                    break;
                case 'hide-bar':
                    this.hideBar = 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 'image-collection':
                    this.image_collection = newVal;
                    break;
                case 'infinite':
                    this.infinite = newVal;
                    break;
                case 'auto-scrolling':
                    this.autoScroll = newVal;
                    break;
                case 'auto-scrolling-delay':
                    this.autoScrollDelay = newVal;
                    break;
                case 'hide-arrows':
                    this.hideArrows = newVal;
                    break;
                case 'hide-bar':
                    this.hideBar = newVal;
                    break;
            }
        }
    }
attributeChangedCallback ( name , oldVal , newVal ) { if ( oldVal !== newVal ) { switch ( name ) { case 'image-collection' : this . image_collection = newVal ; break ; case 'infinite' : this . infinite = newVal ; break ; case 'auto-scrolling' : this . autoScroll = newVal ; break ; case 'auto-scrolling-delay' : this . autoScrollDelay = newVal ; break ; case 'hide-arrows' : this . hideArrows = newVal ; break ; case 'hide-bar' : this . hideBar = newVal ; break ; } } }
To do when a attribute changed
To do when a attribute changed