templates/js/library/DomDispatcher/DomDispatcher.js.twig line 1

Open in your IDE?
  1. class DomDispatcher {
  2.     static EVENTS = {
  3.         ON_DOM_NODE_ADDED: 'onDomNodeAdded'
  4.     };
  6.     static eventSubscribeOptions = {
  7.         [DomDispatcher.EVENTS.ON_DOM_NODE_ADDED]: {
  8.             groupNames: [],
  9.         }
  10.     }
  12.     options = {
  13.         someOption1: false,
  14.         someStringOption2: null,
  15.         someObjectOption3: null
  16.     };
  18.     constructor(options = null) {
  19.         this.options = { ...this.options, ...options };
  20.         this.eventDispatcher = new EventDispatcher();
  22.         this.eventDispatcher.subscribeOptions = DomDispatcher.eventSubscribeOptions;
  24.         this.eventDispatcher.onBeforeEmitCallback = (eventName, event, options) => {
  25.             for (let g of options.groupNames) {
  26.                 if (event.detail.groupNames.includes(g)) {
  27.                     return true;
  28.                 }
  29.             }
  30.             return false;
  31.         };
  32.     }
  34.     init() {
  35.         const me = this;
  37.         $(() => {
  38.             let handledElements = [];
  40.             let domListener = new DomListener(document.body, { childList: true, subtree: true },
  41.                 (mutationsList) => {
  42.                     for (let mutation of mutationsList) {
  43.                         if (mutation.addedNodes) {
  44.                             mutation.addedNodes.forEach((node) => {
  45.                                 if (node.nodeType === Node.ELEMENT_NODE) {
  46.                                     let $listenElements = $(node).find("[data-dom-listener-groups]");
  47.                                     $listenElements.each(function () {
  48.                                         let element = $(this)[0];
  49.                                         if (handledElements.includes(element)) {
  50.                                             return;
  51.                                         }
  52.                                         handledElements.push(element);
  53.                                         let listenGroups = $(this).data('dom-listener-groups');
  54.                                         if (listenGroups) {
  55.                                             me.eventDispatcher.emit(
  56.                                                 DomDispatcher.EVENTS.ON_DOM_NODE_ADDED,
  57.                                                 {
  58.                                                     element: element,
  59.                                                     groupNames: listenGroups
  60.                                                 }
  61.                                             );
  62.                                         }
  63.                                     });
  64.                                 }
  65.                             });
  66.                         }
  67.                     }
  68.                 }
  69.             );
  70.         });
  71.     }
  72. }