gin_lp-1.0.x-dev/js/gin_lp_lb.js

/* eslint-disable no-bitwise, no-nested-ternary, no-mutable-exports, comma-dangle, strict */

'use strict';

(($, Drupal, drupalSettings) => {

  Drupal.behaviors.gin_lp_lb = {
    attach: (context) => {
      once('gin-lp-lb', '.layout-builder-block', context).forEach((elm)=>{
        var $div = $(elm);
        const activeClass = 'gin-lp--disable-section-focus';
        const observer = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            if (mutation.attributeName === "class") {
              if ($(mutation.target).hasClass('focus')) {
                $(mutation.target).parents('.layout-builder__section').addClass(activeClass);
              } else {
                $(mutation.target).parents('.layout-builder__section').removeClass(activeClass);
              }
            }
          });
        });
        observer.observe($div[0], {
          attributes: true
        });
      })
    }
  };

})(jQuery, Drupal, drupalSettings);