drupal/core/themes/olivero/js/comments.js

/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/

((Drupal, once) => {
  function init(comments) {
    comments.querySelectorAll('[data-drupal-selector="comment"]').forEach(comment => {
      if (comment.nextElementSibling != null && comment.nextElementSibling.matches('.indented')) {
        comment.classList.add('has-children');
      }
    });
    comments.querySelectorAll('.indented').forEach(commentGroup => {
      const showHideWrapper = document.createElement('div');
      showHideWrapper.setAttribute('class', 'show-hide-wrapper');
      const toggleCommentsBtn = document.createElement('button');
      toggleCommentsBtn.setAttribute('type', 'button');
      toggleCommentsBtn.setAttribute('aria-expanded', 'true');
      toggleCommentsBtn.setAttribute('class', 'show-hide-btn');
      toggleCommentsBtn.innerText = Drupal.t('Replies');
      commentGroup.parentNode.insertBefore(showHideWrapper, commentGroup);
      showHideWrapper.appendChild(toggleCommentsBtn);
      toggleCommentsBtn.addEventListener('click', e => {
        commentGroup.classList.toggle('hidden');
        e.currentTarget.setAttribute('aria-expanded', commentGroup.classList.contains('hidden') ? 'false' : 'true');
      });
    });
  }

  Drupal.behaviors.comments = {
    attach(context) {
      once('comments', '[data-drupal-selector="comments"]', context).forEach(init);
    }

  };
})(Drupal, once);