@dnb/eufemia/cjs/shared/helpers/runCssVersionMismatchWarning.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.runCssVersionMismatchWarning = runCssVersionMismatchWarning;
var _helpers = require("../helpers.js");
function runCssVersionMismatchWarning() {
  try {
    if (typeof document !== 'undefined' && process.env.NODE_ENV === 'development') {
      const runCheck = () => {
        const jsVersion = window.Eufemia?.version;
        if (jsVersion === '__VERSION__') {
          return;
        }
        const getCssVersion = element => {
          return element ? window.getComputedStyle(element).getPropertyValue('--eufemia-version')?.replace(/["']/g, '') : undefined;
        };
        const cssVersion = getCssVersion(document.body) || getCssVersion(document.getElementsByClassName('dnb-core-style')[0]) || 'unknown';
        if (cssVersion !== jsVersion) {
          const isUnknown = cssVersion === 'unknown';
          const consoleArguments = [`Eufemia CSS and JS version mismatch!${isUnknown ? ' CSS version is either not loaded (are you perhaps using lazy loading?), or older than "10.25.0"' : ''}`, `\nCSS: ${cssVersion}`, `\nJS: ${jsVersion}`];
          if (isUnknown) {
            (0, _helpers.warn)(...consoleArguments);
          } else {
            console.error(...consoleArguments);
          }
        }
      };
      if (document.readyState === 'complete') {
        window.requestAnimationFrame(runCheck);
      } else {
        window.addEventListener('load', runCheck);
      }
    }
  } catch (error) {
    console.error(error);
  }
}
//# sourceMappingURL=runCssVersionMismatchWarning.js.map