@nectary/components 0.25.0 → 0.27.0

package/utils.js

@@ -151,27 +151,31 @@ export const updateIntegerAttribute = function ($element, attrName, attrValue) {
 export function getIntegerAttribute($element, attrName, defaultValue) {
   return attrValueToInteger($element.getAttribute(attrName)) ?? defaultValue;
 }
-export const updateCSV = (acc, value, setActive) => {
-  const values = acc === '' ? [] : acc.split(',');
-  const i = values.indexOf(value);
 
-  if (setActive) {
-    i === -1 && values.push(value);
-  } else {
-    i >= 0 && values.splice(i, 1);
-  }
+const unpackCsv = csv => {
+  return csv === '' ? [] : csv.split(',');
+};
+
+const packCsv = values => {
+  return Array.from(values).join(',');
+};
 
-  return values.join(',');
+export const getCsvSet = acc => {
+  return new Set(unpackCsv(acc));
 };
-export const getCSVSet = acc => {
-  if (acc === '') {
-    return new Set();
+export const updateCsv = (acc, value, setActive) => {
+  const values = getCsvSet(acc);
+
+  if (setActive) {
+    values.add(value);
+  } else {
+    values.delete(value);
   }
 
-  return new Set(acc.split(','));
+  return packCsv(values);
 };
-export const getFirstCSValue = acc => {
-  return acc.split(',')[0];
+export const getFirstCsvValue = acc => {
+  return acc === '' ? null : unpackCsv(acc)[0];
 };
 export const getRect = el => {
   const {
@@ -189,4 +193,8 @@ export const getRect = el => {
 };
 export const setClass = (elem, name, isSet) => {
   isSet ? elem.classList.add(name) : elem.classList.remove(name);
+};
+export const getCssVar = (element, variableName) => {
+  const result = getComputedStyle(element).getPropertyValue(variableName);
+  return result === '' ? null : result;
 };