text: export default {
    darken(color, percent) {
      var f=color.split(","),t=percent<0?0:255,p=percent<0?percent*-1:percent,R=parseInt(f[0].slice(4)),G=parseInt(f[1]),B=parseInt(f[2]);
      return "rgb("+(Math.round((t-R)*p)+R)+","+(Math.round((t-G)*p)+G)+","+(Math.round((t-B)*p)+B)+")";
    },
    getColor(colorx, alphax = 1, defaultx = true){
      // change color hex to RGB
      if(/^[#]/.test(colorx)){
        let c = this.hexToRgb(colorx)
  
        if(alphax == 1){
          colorx = `rgb(${c.r},${c.g},${c.b})`
  
        } else {
          colorx = `rgba(${c.r},${c.g},${c.b},${alphax})`
  
        }
      } else if (/^rgba/.test(colorx)) {
  
        if(colorx.search(/.([0-9]\))$/)==-1 && !defaultx){
          colorx = colorx.replace(/.?([0-9]\))$/,`${alphax})`)
        }
  
  
      } else if (/^(rgb)/.test(colorx)) {
      // change rgb and rgba
        if(alphax != 1){
          colorx = colorx.replace(/^(rgb)/,`rgba`)
          colorx = colorx.replace(/\)$/,`,${alphax})`)
        }
  
      }
      return colorx
    },
    isColor(colorx){
      let vscolors = ['primary','secondary','success','danger','warning','dark', 'light']
      return vscolors.includes(colorx)
    },
    RandomColor(){
      function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
      }
      return `rgb(${getRandomInt(0,255)},${getRandomInt(0,255)},${getRandomInt(0,255)})`
    },
    rColor(colorx,opacity=1){
      if(/^[#]/.test(colorx)){
        let c = this.hexToRgb(colorx)
        colorx = `rgba(${c.r},${c.g},${c.b},${opacity})`
      } else if (/^[rgb]/.test(colorx)){
        let colorSplit = colorx.split(')')[0]
        if(!/^[rgba]/.test(colorx)){
          colorSplit.replace('rgb','rgba')
          colorSplit += `,${opacity})`
        } else {
          // colorSplit.replace('rgb','rgba')
          colorSplit += `)`
        }
        colorx = colorSplit
      }
  
      let vscolors = ['primary','success','danger','warning','dark']
      if(colorx){
        if(/[#()]/.test(colorx)){
          return colorx
        } else {
          if(vscolors.includes(colorx)){
            return `rgba(var(--vs-${colorx}),${opacity})`
          } else {
            return `rgba(var(--vs-primary),${opacity})`
          }
        }
      } else {
        return `rgba(var(--vs-primary),${opacity})`
      }
    },
    contrastColor(elementx) {
      let c = elementx
      if(/[#]/g.test(elementx)){
        let rgbx = this.hexToRgb(elementx)
        c = `rgb(${rgbx.r},${rgbx.g},${rgbx.b})`
      }
      var rgb = c.replace(/^(rgb|rgba)\(/,'').replace(/\)$/,'').replace(/\s/g,'').split(',');
      var yiq = ((rgb[0]*299)+(rgb[1]*587)+(rgb[2]*114))/1000;
      if(yiq >= 128){
        return true
      } else {
        return false
      }
    },
    setCssVariable(propertyName, value) {
      if(typeof window !== 'undefined'){
        document.documentElement.style.setProperty(propertyName, value);
      }
    },
    hexToRgb(hex) {
      // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
      var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
      hex = hex.replace(shorthandRegex, function(m, r, g, b) {
        return r + r + g + g + b + b;
      });
  
      var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
      return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
      } : null;
    },
    getVariable(styles, propertyName) {
      return String(styles.getPropertyValue(propertyName)).trim();
    },
    changeColor(colorInicial){
      let colores = ['primary','success','danger','warning','dark']
      let colorx
  
      if(colores.includes(colorInicial)){
        let style = getComputedStyle(document.documentElement)
        colorx = this.getVariable(style,'--vs-'+colorInicial)
      } else {
        if(/[rgb()]/g.test(colorInicial)){
          colorx = colorInicial.replace(/[rgb()]/g,'')
        } else if(/[#]/g.test(colorInicial)){
          let rgbx = this.hexToRgb(colorInicial)
          colorx = `${rgbx.r},${rgbx.g},${rgbx.b}`
        } else {
          colorx = '--vs-'+colorInicial
        }
      }
      return colorx
      // this.setCssVariable('--vs-'+clave,colorx)
    }
  }
  