R E D

NAME	SIZE	PERMISSION
data.js	1.52 KB	-rwxr-xr-x
event-handler.js	8.92 KB	-rwxr-xr-x
manipulator.js	2.58 KB	-rwxr-xr-x
selector-engine.js	1.93 KB	-rwxr-xr-x

Code Editor : manipulator.js

/**
 * --------------------------------------------------------------------------
 * Bootstrap (v5.0.0-beta2): dom/manipulator.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * --------------------------------------------------------------------------
 */

function normalizeData(val) {
  if (val === 'true') {
    return true;
  }

if (val === 'false') {
    return false;
  }

if (val === Number(val).toString()) {
    return Number(val);
  }

if (val === '' || val === 'null') {
    return null;
  }

return val;
}

function normalizeDataKey(key) {
  return key.replace(/[A-Z]/g, (chr) => `-${chr.toLowerCase()}`);
}

const Manipulator = {
  setDataAttribute(element, key, value) {
    element.setAttribute(`data-mdb-${normalizeDataKey(key)}`, value);
  },

removeDataAttribute(element, key) {
    element.removeAttribute(`data-mdb-${normalizeDataKey(key)}`);
  },

getDataAttributes(element) {
    if (!element) {
      return {};
    }

const attributes = {
      ...element.dataset,
    };

Object.keys(attributes)
      .filter((key) => key.startsWith('mdb'))
      .forEach((key) => {
        let pureKey = key.replace(/^mdb/, '');
        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
        attributes[pureKey] = normalizeData(attributes[key]);
      });

return attributes;
  },

getDataAttribute(element, key) {
    return normalizeData(element.getAttribute(`data-mdb-${normalizeDataKey(key)}`));
  },

offset(element) {
    const rect = element.getBoundingClientRect();

return {
      top: rect.top + document.body.scrollTop,
      left: rect.left + document.body.scrollLeft,
    };
  },

position(element) {
    return {
      top: element.offsetTop,
      left: element.offsetLeft,
    };
  },

style(element, style) {
    Object.assign(element.style, style);
  },

toggleClass(element, className) {
    if (!element) {
      return;
    }

if (element.classList.contains(className)) {
      element.classList.remove(className);
    } else {
      element.classList.add(className);
    }
  },

addClass(element, className) {
    if (element.classList.contains(className)) return;
    element.classList.add(className);
  },

addStyle(element, style) {
    Object.keys(style).forEach((property) => {
      element.style[property] = style[property];
    });
  },

removeClass(element, className) {
    if (!element.classList.contains(className)) return;
    element.classList.remove(className);
  },

hasClass(element, className) {
    return element.classList.contains(className);
  },
};

export default Manipulator;

${this.title}

Code Editor : manipulator.js