connectedCallback() {
    super.connectedCallback();
    this.controls = this.shadowRoot.querySelector('.ids-scroll-view-controls');
    this.#renderButtons();
    this.#attachEventHandlers();
  }
/**
   * Invoked each time the custom element is add into a document-connected element
   */
Invoked each time the custom element is add into a document-connected element
Invoked each time the custom element is add into a document - connected element
connectedCallback() {
    super.connectedCallback();
    this.controls = this.shadowRoot.querySelector('.ids-scroll-view-controls');
    this.#renderButtons();
    this.#attachEventHandlers();
  }
connectedCallback ( ) { super . connectedCallback ( ) ; this . controls = this . shadowRoot . querySelector ( '.ids-scroll-view-controls' ) ; this . #renderButtons ( ) ; this . #attachEventHandlers ( ) ; }
Invoked each time the custom element is add into a document-connected element
Invoked each time the custom element is add into a document - connected element