@sankhyalabs/sankhyablocks 1.1.25 → 1.2.0

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -1,158 +0,0 @@
-import { batchRequests } from 'graphql-request';
-export class HttpFetcher {
-  constructor() {
-    this.watingRequestsById = new Map();
-  }
-  static get() {
-    if (!HttpFetcher.instance) {
-      HttpFetcher.instance = new HttpFetcher();
-      const application = document.querySelector(this.appTagName);
-      if (application === null) {
-        HttpFetcher.instance.resume();
-      }
-      else {
-        application.addEventListener('applicationLoading', () => HttpFetcher.instance.pause());
-        application.addEventListener('applicationLoaded', () => HttpFetcher.instance.resume());
-      }
-    }
-    return this.instance;
-  }
-  async callGraphQL(req) {
-    var _a;
-    const reqKey = this.getReqKey(req);
-    req.queryID = reqKey;
-    req.values.queryID = reqKey;
-    if (this.ready) {
-      return new Promise(async (resolve, reject) => {
-        let query = this.getQueryTemplate(req);
-        const res = await this.fecthGrapql([{ document: query, variables: req.values }]);
-        if (res.errors.length > 0) {
-          reject(res);
-        }
-        else {
-          //resolve(res);
-          //FIXME: Precisamos trabalhar melhor a resposta, quem chamou 
-          //a API não pode ficar responsavel por desempacotar... fiz uma
-          //gambiarra aqui...
-          resolve(res.data[0][reqKey]);
-        }
-      });
-    }
-    else {
-      if (!this.watingRequestsById.has(reqKey)) {
-        this.watingRequestsById.set(reqKey, new WaitingRequest(req));
-      }
-      return (_a = this.getWatingRequest(reqKey)) === null || _a === void 0 ? void 0 : _a.promise;
-    }
-  }
-  getReqKey(req) {
-    return window.btoa(this.hashCode(`${req.query}${JSON.stringify(req.values || "")}`)).replace(/=/g, "");
-  }
-  getQueryTemplate(re) {
-    return (re.query || "").replaceAll("$queryAlias$", re.queryID);
-  }
-  getWatingRequest(reqID) {
-    return this.watingRequestsById.get(reqID);
-  }
-  pause() {
-    this.ready = false;
-  }
-  async resume() {
-    this.ready = true;
-    if (this.watingRequestsById.size > 0) {
-      const requestsBatch = [];
-      this.watingRequestsById.forEach(async (waitingReq) => {
-        let query = this.getQueryTemplate(waitingReq.request);
-        requestsBatch.push({ document: query, variables: Object.assign({}, waitingReq.request.values) });
-      });
-      let res = undefined;
-      let dataResponse = [];
-      let errorsResponse = [];
-      res = await this.fecthGrapql(requestsBatch);
-      dataResponse = res.data;
-      errorsResponse = res.errors;
-      //Reject promises with errors from query
-      errorsResponse.forEach((errorResponse) => {
-        Object.entries(errorResponse).forEach(([_key, val]) => {
-          var _a;
-          (((_a = this.getWatingRequest(val.request.variables[val.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(val);
-        });
-      });
-      //Resolve promises with data from query
-      dataResponse.forEach((data) => {
-        Object.entries(data).forEach(([key, val]) => {
-          var _a;
-          (((_a = this.getWatingRequest(key)) === null || _a === void 0 ? void 0 : _a.resolve) || Promise.resolve)(val);
-        });
-      });
-      this.watingRequestsById.clear();
-    }
-  }
-  async fecthGrapql(request) {
-    let res = undefined;
-    let dataResponse = [];
-    let errorsResponse = [];
-    try {
-      res = await batchRequests('http://localhost:8082/', request);
-      res.forEach((resItem) => {
-        dataResponse.push(resItem.data);
-      });
-    }
-    catch (err) {
-      //TODO: Tratar erro quando não existir err.response
-      res = err.response;
-      const req = err.request;
-      Object.entries(res).forEach(([key, val]) => {
-        if (val.errors) {
-          errorsResponse.push(val.errors.map((item) => {
-            item.request = req;
-            item.index = Number(key);
-            return item;
-          }));
-        }
-        else if (val.data) {
-          dataResponse.push(val.data);
-        }
-      });
-    }
-    return { data: dataResponse, errors: errorsResponse };
-  }
-  //TODO: Mover este metodo para o @sankhyalabs/core classe string utils.
-  hashCode(txt) {
-    var hash = 0, i, chr;
-    if (txt.length === 0)
-      return hash.toString();
-    for (i = 0; i < txt.length; i++) {
-      chr = txt.charCodeAt(i);
-      hash = ((hash << 5) - hash) + chr;
-      hash |= 0; // Convert to 32bit integer
-    }
-    return hash.toString();
-  }
-  ;
-}
-HttpFetcher.appTagName = "snk-application";
-class WaitingRequest {
-  constructor(req) {
-    this._resolve = () => { };
-    this._reject = () => { };
-    this._request = undefined;
-    this._request = req;
-    this._promisse = new Promise((resolve, reject) => {
-      this._resolve = resolve;
-      this._reject = reject;
-    });
-  }
-  get resolve() {
-    return this._resolve;
-  }
-  get reject() {
-    return this._reject;
-  }
-  get promise() {
-    return this._promisse;
-  }
-  get request() {
-    return this._request;
-  }
-}

package/dist/collection/lib/http/data-fetcher/fetchers/application-config-fetcher.js

@@ -1,23 +0,0 @@
-import { gql } from "graphql-request";
-import { HttpFetcher } from "../DataFetcher";
-export default class ApplicationConfigFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("getResource", gql `query($name: String!) {
-            $queryAlias$: getResource(name: $name){
-              name
-              resource
-            }
-        }`);
-  }
-  getResource(name, resourceID) {
-    const completPath = `cfg://app/${resourceID}/${name}`;
-    return HttpFetcher.get().callGraphQL({
-      values: { name: completPath },
-      query: this.templateByQuery.get("getResource"),
-    });
-  }
-}

package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js

@@ -1,188 +0,0 @@
-import { DataUnit, ChangeOperation, } from "@sankhyalabs/core";
-import { HttpFetcher } from "../DataFetcher";
-import { gql } from "graphql-request";
-export default class DataUnitFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("fetchDataUnit", gql `query($name: String!) {
-              $queryAlias$: fetchDataUnit(name: $name){
-                name
-                fields{
-                  name
-                  defaultValue
-                  label
-                  readOnly
-                  required
-                  dataType
-                  userInterface
-                  properties{
-                    name
-                    value
-                  }
-                  dependencies{
-                    masterFields
-                    type
-                    expression
-                  }
-                }
-              }
-            }`);
-    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $first: Int $offset:Int $filter: [Filter!] $sort: [Sort!]) {
-            $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(first: $first offset: $offset filters: $filter sort: $sort){
-                first
-                offset
-                total
-                hasMore
-                records{
-                  id
-                  fields {
-                    name
-                    value
-                  }
-                }
-              }
-            }
-          }`);
-    this.templateByQuery.set("saveData", gql `mutation($changes: [Change!]!) {
-            $queryAlias$: saveDataUnitChanges(changes: $changes){
-              oldId
-              id
-              fields {
-                name
-                value
-              }
-            }
-          }`);
-  }
-  getDataUnit(entityName, resourceID) {
-    const dataUnit = new DataUnit(`dd://${entityName}/${resourceID}`);
-    dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
-    dataUnit.dataLoader = (dataUnit, sort, filters) => this.loadData(dataUnit, sort, filters);
-    dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
-    dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
-    return dataUnit;
-  }
-  loadMetadata(dataUnit) {
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { name: dataUnit.name },
-        query: this.templateByQuery.get("fetchDataUnit"),
-      })
-        .then((resp) => {
-        var _a;
-        const metadata = {
-          name: resp.name,
-          label: resp.name,
-          fields: [],
-        };
-        (_a = resp.fields) === null || _a === void 0 ? void 0 : _a.forEach((source) => {
-          let properties = undefined;
-          if (Array.isArray(source.properties)) {
-            properties = {};
-            source.properties.forEach((prop) => (properties[prop.name] = prop.value));
-          }
-          metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
-        });
-        resolve(metadata);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  loadData(dataUnit, sort, filters) {
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { dataunit: dataUnit.name, sort, filters },
-        query: this.templateByQuery.get("fetchData"),
-      })
-        .then((resp) => {
-        const result = resp.data;
-        const dataUnitRecords = [];
-        result.records.forEach((responseRecord) => {
-          const duRecord = { __record__id__: responseRecord.id };
-          responseRecord.fields.forEach(({ name, value }) => {
-            duRecord[name] = dataUnit.valueFromString(name, value);
-          });
-          dataUnitRecords.push(duRecord);
-        });
-        resolve(dataUnitRecords);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  saveData(dataUnit, duChanges) {
-    const changes = duChanges.map((change) => {
-      const { dataUnit: changeDU, record, updatingFields, operation } = change;
-      const parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
-        return { fieldName, value: this.formatValueToServer(value) };
-      });
-      return { dataUnit: changeDU, updatingFields: parsedUpdatingFields, operation, recordId: record.__record__id__ };
-    });
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { changes: changes },
-        query: this.templateByQuery.get("saveData"),
-      })
-        .then((resp) => {
-        const dataUnitRecords = [];
-        resp === null || resp === void 0 ? void 0 : resp.forEach((responseRecord) => {
-          const duRecord = { __record__id__: responseRecord.id };
-          if (responseRecord.oldId) {
-            duRecord.__old__id__ = responseRecord.oldId;
-          }
-          responseRecord.fields.forEach(({ name, value }) => {
-            duRecord[name] = dataUnit.valueFromString(name, value);
-          });
-          dataUnitRecords.push(duRecord);
-        });
-        resolve(dataUnitRecords);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  formatValueToServer(value) {
-    if (value === undefined)
-      return value;
-    try {
-      if (value instanceof Date) {
-        return value.toString();
-      }
-      //Any others objects
-      value = JSON.stringify(value);
-    }
-    catch (_a) {
-      value = value.toString();
-    }
-    return value;
-  }
-  removeRecords(dataUnit, recordIds) {
-    const changes = recordIds.map((recordId) => {
-      return { dataUnit: dataUnit.name, operation: ChangeOperation.DELETE, recordId };
-    });
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { changes: changes },
-        query: this.templateByQuery.get("saveData"),
-      })
-        .then((_resp) => {
-        resolve(recordIds);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-}

package/dist/collection/lib/http/data-fetcher/fetchers/form-config-fetcher.js

@@ -1,25 +0,0 @@
-import { ResourceFetcher } from "./resource-fetcher";
-export class FormConfigFetcher extends ResourceFetcher {
-  loadFormConfig(formName, resourceID) {
-    return new Promise((accept, reject) => {
-      this.loadResource(`cfg://form/${resourceID}/${formName}`)
-        .then((configAsString) => {
-        if (configAsString) {
-          const config = JSON.parse(configAsString);
-          const { tabs, fields } = config;
-          if (tabs) {
-            const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields.forEach(f => f.tab = allTabs.get(f.tab));
-          }
-          accept(fields);
-        }
-        else {
-          reject(`Sem configuração pro formulário "${formName}".`);
-        }
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-}

package/dist/collection/lib/http/data-fetcher/fetchers/grid-config-fetcher.js

@@ -1,2 +0,0 @@
-export class GridConfigFetcher {
-}

package/dist/collection/lib/http/data-fetcher/fetchers/parameters-fecher.js

@@ -1,59 +0,0 @@
-import { gql } from "graphql-request";
-import { DateUtils, StringUtils } from "@sankhyalabs/core";
-import { HttpFetcher } from "../DataFetcher";
-export default class ParametersFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("fetchParam", gql `query($name: String!) {
-            $queryAlias$: fetchResource(name: $name){
-              name
-              resource
-            }
-        }`);
-  }
-  async getParam(name, resourceID) {
-    const completPath = `param://${resourceID}?params=${window.btoa(name)}`;
-    return HttpFetcher.get().callGraphQL({
-      values: { name: completPath },
-      query: this.templateByQuery.get("fetchParam"),
-    });
-  }
-  async asString(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return this.getValue(paramArr);
-  }
-  async asInteger(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return parseInt(this.getValue(paramArr));
-  }
-  async asFloat(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return parseFloat(this.getValue(paramArr));
-  }
-  async asBoolean(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return this.getValue(paramArr) == "S";
-  }
-  async asDate(name, resourceID) {
-    const paramArr = await this.getParam(name, resourceID);
-    return DateUtils.strToDate(this.getValue(paramArr));
-  }
-  async getBatchParams(names, resourceID) {
-    const paramArr = await this.getParam(names.join(","), resourceID);
-    //TODO: try to typed params val?
-    const response = {};
-    paramArr.forEach((param) => (response[param.name] = param.resource));
-    return response;
-  }
-  getValue(obj = {}) {
-    if (Array.isArray(obj) && obj.length > 0) {
-      obj = obj[0];
-    }
-    if (StringUtils.isEmpty(obj.resource))
-      return "";
-    return obj.resource;
-  }
-}

package/dist/collection/lib/http/data-fetcher/fetchers/resource-fetcher.js

@@ -1,30 +0,0 @@
-import { gql } from "graphql-request";
-import { HttpFetcher } from "../DataFetcher";
-export class ResourceFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buldTemplates();
-  }
-  buldTemplates() {
-    this.templateByQuery.set("fetchResource", gql `query($name: String!) {
-                    $queryAlias$: fetchResource(name: $name){
-                        resource
-                    }
-                  }`);
-  }
-  loadResource(name) {
-    return new Promise((resolve, reject) => {
-      HttpFetcher.get()
-        .callGraphQL({
-        values: { name },
-        query: this.templateByQuery.get("fetchResource"),
-      })
-        .then((result) => {
-        resolve(result === null || result === void 0 ? void 0 : result.resource);
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-}

package/dist/collection/lib/http/data-fetcher/state/LoadStateManager.js

@@ -1,66 +0,0 @@
-export class LoadStateManager {
-  constructor(appName = 'snk-application') {
-    this._state = LoadStatus.DOM_LOADED;
-    this._application = document.querySelector(appName);
-    if (this._application === null) {
-      console.warn(`application ${appName} not found, then state is loadded`);
-      this.onStatusChange(LoadStatus.LOADED);
-    }
-    else {
-      this._application.addEventListener('applicationLoaded', () => this.onStatusChange(LoadStatus.LOADED));
-      this._application.addEventListener('applicationLoading', () => this.onStatusChange(LoadStatus.PRE_INITIALIZE));
-      this.onStatusChange(LoadStatus.PRE_INITIALIZE);
-    }
-  }
-  async onStatusChange(newStatus) {
-    this._state = newStatus;
-    (LoadStateManager.listenersByType.get(newStatus) || []).forEach((listener) => {
-      listener();
-    });
-  }
-  addListener(status, listener) {
-    var _a;
-    if (!LoadStateManager.listenersByType.has(status)) {
-      LoadStateManager.listenersByType.set(status, []);
-    }
-    (_a = LoadStateManager.listenersByType.get(status)) === null || _a === void 0 ? void 0 : _a.push(listener);
-    if (status === this._state) {
-      listener();
-    }
-  }
-  onPreInitialize(listener) {
-    this.addListener(LoadStatus.PRE_INITIALIZE, listener);
-    return this;
-  }
-  onLoaded(listener) {
-    this.addListener(LoadStatus.LOADED, listener);
-    return this;
-  }
-  getStatus() {
-    return this._state;
-  }
-  isPreInitialize() {
-    return this._state === LoadStatus.PRE_INITIALIZE;
-  }
-  isLoaded() {
-    return this._state === LoadStatus.LOADED;
-  }
-  static get(type = LoadType.APP_LOAD) {
-    if (!LoadStateManager.instanceByStatus.has(type)) {
-      LoadStateManager.instanceByStatus.set(type, new LoadStateManager());
-    }
-    return LoadStateManager.instanceByStatus.get(type) || new LoadStateManager();
-  }
-}
-LoadStateManager.instanceByStatus = new Map();
-LoadStateManager.listenersByType = new Map();
-export var LoadStatus;
-(function (LoadStatus) {
-  LoadStatus["DOM_LOADED"] = "DOM_LOADED";
-  LoadStatus["PRE_INITIALIZE"] = "PRE_INITIALIZE";
-  LoadStatus["LOADED"] = "LOADED";
-})(LoadStatus || (LoadStatus = {}));
-export var LoadType;
-(function (LoadType) {
-  LoadType["APP_LOAD"] = "APP_LOAD";
-})(LoadType || (LoadType = {}));

package/dist/collection/lib/utils/pesquisa.js

@@ -1,16 +0,0 @@
-const mockByEntity = {
-  "ImplantacaoSaldoConta": [{ "value": 6, "label": "Conta Financeiro" }, { "value": 7, "label": "Conta Banco do Brasil" }],
-  "HistoricoBancario": [{ "value": 9, "label": "Lanç. Origem" }, { "value": 8, "label": "Lanç. Origem 2" }],
-  "ContaDestino": [{ "value": 10, "label": "Conta BB" }, { "value": 7, "label": "Conta Santander" }],
-  "HistoricoBancarioDestino": [{ "value": 11, "label": "Contra Bradesco" }, { "value": 13, "label": "Contra Destino" }],
-  "Usuario": [{ "value": 0, "label": "SUP" }],
-  "ContaBancaria": [{ "value": 10, "label": "Conta 10" }, { "value": 17, "label": "Conta 17" }],
-  "TipoOperacao": [{ "value": 4, "label": "Entrada NFse" }, { "value": 5, "label": "Outra top" }, { "value": 6, "label": "Top 6" }]
-};
-export const pesquisaLoadOptions = (searchArgument, fieldName, dataUnit) => {
-  var _a;
-  console.log(searchArgument);
-  const field = dataUnit.getField(fieldName);
-  const entityName = (_a = field.properties) === null || _a === void 0 ? void 0 : _a.ENTITYNAME;
-  return (mockByEntity[entityName] || []);
-};

package/dist/collection/lib/utils/urlutils.js

@@ -1,23 +0,0 @@
-export default class UrlUtils {
-  static getQueryParams(queryString) {
-    const params = new Map();
-    const re = /[?&]?([^=]+)=([^&]*)/g;
-    let tokens;
-    //Necessário por causa da tela Histórico Padrão que possui resourceID com acento
-    queryString = window.unescape(queryString);
-    queryString = queryString.split("+").join(" ");
-    while ((tokens = re.exec(queryString))) {
-      params.set(window.decodeURIComponent(tokens[1]), tokens[2]);
-    }
-    //Inserimos a urlBase no params.
-    params.set("urlBase", this.getUrlBase());
-    if (window["moduleID"] && window["URIServiceBroker"]) {
-      params.set("moduleID", window["moduleID"]);
-      params.set("URIServiceBroker", window["URIServiceBroker"]);
-    }
-    return params;
-  }
-  static getUrlBase() {
-    return `${location.protocol}"//"${location.hostname}${location.port ? ":" + location.port : ""}`;
-  }
-}

package/dist/collection/lib/workspace/workspace.js

@@ -1,7 +0,0 @@
-export default class Workspace {
-  static openAppActivity(resourceId, pkObject) {
-    var _a;
-    (_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.openAppActivity(resourceId, pkObject);
-  }
-}
-Workspace.resourceID = window["workspace"].resourceID;

package/dist/components/ApplicationUtils.js

@@ -1,37 +0,0 @@
-class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
-    return new Promise(resolve => {
-      let dialog = document.querySelector("ez-dialog");
-      if (!dialog) {
-        dialog = document.createElement("ez-dialog");
-        window.document.body.appendChild(dialog);
-      }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
-  }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
-  }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
-  }
-  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      window.document.body.appendChild(toast);
-    }
-    toast.canClose = options.canClose;
-    toast.message = message;
-    toast.fadeTime = 4000;
-    toast.show();
-  }
-}
-ApplicationUtils.defaultMessageOptions = {
-  canClose: true
-};
-
-export { ApplicationUtils as A };

package/dist/components/AssetsUtils.js

@@ -1,22 +0,0 @@
-import { getAssetPath, setAssetPath } from '@stencil/core/internal/client';
-
-const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
-let ctxLoaded = false;
-function getContextAssetsPath(resource) {
-  if (!ctxLoaded) {
-    const scriptElem = document.querySelector("script[data-ezui-assets-url]");
-    if (scriptElem) {
-      let assetsPath = scriptElem.dataset.ezuiAssetsUrl;
-      if (assetsPath) {
-        if (assetsPath.startsWith('/')) {
-          assetsPath = window.location.origin + assetsPath;
-        }
-        setAssetPath(assetsPath);
-      }
-    }
-    ctxLoaded = true;
-  }
-  return getAssetPath(resource);
-}
-
-export { getSpritePath as g };

package/dist/components/CSSVarsUtils.js

@@ -1,17 +0,0 @@
-class CSSVarsUtils {
-  static applyVarsTextInput(host, child) {
-    if (child) {
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
-      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
-    }
-  }
-  static applyIfExists(host, element, varName) {
-    const prop = getComputedStyle(host).getPropertyValue(varName);
-    if (prop) {
-      element.style.setProperty(varName, prop);
-    }
-  }
-}
-
-export { CSSVarsUtils as C };