File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: attribute-binder.js

// External Dependencies
import $ from 'jquery';
import debounce from 'lodash/debounce';
import forEach from 'lodash/forEach';
import isFunction from 'lodash/isFunction';
import pickBy from 'lodash/pickBy';

let _instance = null;

class AttributeBinder {

_attrs     = new Set;
  _callbacks = new Set;
  _config    = {
    attributes:    true,
    characterData: true,
    childList:     true,
    subtree:       true,
    attributeFilter: ['style', 'height', 'class']
  };

_elements = new Map;
  _observer;

constructor() {
    if ( _instance) {
      return _instance;
    }

this._observer = new MutationObserver(this.onMutation);
  }

bind = (src, target, attrs = []) => {
    let call_observe = false;

if (! this._elements.has(src)) {
      call_observe = true;

this._elements.set(src, new Map);
    }

if (! this._elements.get(src).has(target)) {
      this._elements.get(src).set(target, new Set);
    }

if (isFunction(attrs)) {
      this._callbacks.add(attrs);
    } else {
      forEach(attrs, attr => this._elements.get(src).get(target).add(attr));
      forEach(attrs, attr => this._attrs.add(attr));
    }

if (call_observe) {
      this._observer.observe(src, this._config);
    }
  };

static instance() {
    if (! _instance) {
      _instance = new AttributeBinder;
    }

return _instance;
  }

onMutation = debounce(mutations => {
    if (this._callbacks.size > 0) {
      this._callbacks.forEach(callback => callback());
      return;
    }

forEach(mutations, mutation => {
      if (! this._attrs.has(mutation.attributeName)) {
        return; // continue
      }

if (! this._elements.has(mutation.target)) {
        return; // continue
      }

const { attributeName, attributeValue } = mutation;

let targets = this._elements.get(mutation.target);

targets = pickBy(targets, attrs => attrs.has(mutation.attributeName));

forEach(keys(targets), target => $(target).css(attributeName, attributeValue));
    });
  }, 250, {
    leading: true,
    maxWait: 250
  }).bind(this);
}

export default AttributeBinder;

Rename File

{"id":408,"date":"2022-07-12T15:26:56","date_gmt":"2022-07-12T15:26:56","guid":{"rendered":"https:\/\/retirementmaxradio.com\/?page_id=408"},"modified":"2022-07-12T15:42:55","modified_gmt":"2022-07-12T15:42:55","slug":"retirement-teeter-totter","status":"publish","type":"page","link":"https:\/\/retirementmaxradio.com\/retirement-teeter-totter\/","title":{"rendered":"Retirement Teeter Totter"},"content":{"rendered":"

[et_pb_section fb_built=”1″ theme_builder_area=”post_content” _builder_version=”4.17.4″ _module_preset=”default” custom_padding=”25px||20px|||”][et_pb_row _builder_version=”4.17.4″ _module_preset=”default” theme_builder_area=”post_content”][et_pb_column _builder_version=”4.17.4″ _module_preset=”default” theme_builder_area=”post_content” type=”4_4″][et_pb_image src=”https:\/\/retirementmaxradio.com\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-12-at-10.39.22-AM.png” _builder_version=”4.17.4″ _module_preset=”default” theme_builder_area=”post_content” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.17.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″] <\/p>\n

<\/div>\n