{"version":3,"sources":["../src/lib/generateBorder.ts","../src/lib/generateRadius.ts"],"names":["generateBorder","border","width","style","color","generateRadius","value","defaultValue","TopLeft","TopRight","BottomRight","BottomLeft","tl","tr","br","bl"],"mappings":"AAEO,IAAMA,EAAkBC,GAAqB,CAElD,GAAI,CAACA,GAAUA,IAAW,OAAQ,OAMlC,GAHmB,OAAO,KAAKA,CAAM,EAGtB,SAAS,OAAO,EAAG,CAChC,GAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,CAAM,EAAIH,EAEhC,MAAO,GAAGC,KAASC,GAAS,WAAWC,GAAS,QAClD,CAiBF,EC7BO,IAAMC,EAAiB,CAACC,EAAiBC,IAA0B,CACxE,GAAI,CAACD,GAAS,OAAO,KAAKA,CAAK,EAAE,SAAW,EAAG,OAAOC,GAAgB,EAEtE,GAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,YAAAC,EAAa,WAAAC,CAAW,EAAIL,EAEjDM,EAAKJ,GAAoB,EACzBK,EAAKJ,GAAsB,EAC3BK,EAAKJ,GAA4B,EACjCK,EAAKJ,GAA0B,EAErC,OAAIC,IAAOC,GAAMA,IAAOC,GAAMA,IAAOC,EAC5BH,EACEA,IAAOE,GAAMD,IAAOE,EACtB,GAAGH,KAAMC,IAGX,GAAGD,KAAMC,KAAMC,KAAMC,GAC9B","sourcesContent":["import { TBorder, TBorderOneSide } from \"../utils/types/gui/field.types\";\n\nexport const generateBorder = (border?: TBorder) => {\n  // IF THE USER DOES NOT WANT THE BORDER\n  if (!border || border === \"none\") return;\n\n  // GET THE KEYS TO KNOW WHICH KIND OF TYPE WE ARE USING\n  const borderKeys = Object.keys(border);\n\n  // IF WE HAVE WIDTH WE APPLY THE BORDER TO ALL SIDES\n  if (borderKeys.includes(\"width\")) {\n    const { width, style, color } = border as TBorderOneSide;\n\n    return `${width} ${style ?? \"solid\"} ${color ?? \"#000\"}`;\n  }\n\n  return;\n  // TODO IMPLEMENT FOR DIFFERENT SIDE\n  // IF WE HAVE SPECIFIC SIDE BORDER\n  // const borders = {};\n\n  // // WE NAVIGATE THROUGH EACH ACTIVED SIDE\n  // // AND ADD THE BORDER TO IT\n  // borderKeys.forEach((key) => {\n  //   const { width, style, color } = border[key] as TBorderOneSide;\n\n  //   borders[`border${key}`] = `${width}px ${style} ${color ?? \"#000\"}`;\n  // });\n\n  // // WE RETURN THE\n  // return borders;\n};\n","import { TRadius } from \"../utils/types/gui/field.types\";\n\nexport const generateRadius = (value?: TRadius, defaultValue?: string) => {\n  if (!value || Object.keys(value).length === 0) return defaultValue ?? 0;\n\n  const { TopLeft, TopRight, BottomRight, BottomLeft } = value;\n\n  const tl = TopLeft ? TopLeft : 0;\n  const tr = TopRight ? TopRight : 0;\n  const br = BottomRight ? BottomRight : 0;\n  const bl = BottomLeft ? BottomLeft : 0;\n\n  if (tl === tr && tr === br && br === bl) {\n    return tl;\n  } else if (tl === br && tr === bl) {\n    return `${tl} ${tr}`;\n  }\n\n  return `${tl} ${tr} ${br} ${bl}`;\n};\n"]}