How to use the @pluginjs/utils.dasherize function in @pluginjs/utils

To help you get started, we’ve selected a few @pluginjs/utils examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github pluginjs / pluginjs / modules / styled / src / main.js View on Github external
export const setStyle = (key, value, el) => {
  if (isString(key) && isElement(el)) {
    if (value || value === 0) {
      if (isCSSVariable(key)) {
        el.style.setProperty(key, value)
      } else {
        key = camelize(key, false)
        if (isNumeric(value) && isCssNumber(key)) {
          value += 'px'
        }
        el.style[key] = value
      }
    } else {
      el.style.removeProperty(dasherize(key))
    }
  } else if (isObject(key)) {
    if (isElement(value) && typeof el === 'undefined') {
      el = value
      value = undefined
    }
    let prop

    for (prop in key) {
      if (Object.prototype.hasOwnProperty.call(key, prop)) {
        setStyle(prop, key[prop], el)
      }
    }
  }

  return el
github pluginjs / pluginjs / modules / styled / src / main.js View on Github external
export const getStyle = (key, el) => {
  let value

  if (isArray(key)) {
    value = {}

    key.forEach(k => {
      value[k] = getStyle(k, el)
    })

    return value
  }

  if (!isCSSVariable(key)) {
    key = dasherize(key)
  }

  value = getDefaultView(el)
    .getComputedStyle(el, '')
    .getPropertyValue(key)
  return isNumeric(value) ? parseFloat(value) : value
}