@public-ui/hydrate 1.7.28 → 1.7.29

package/dist/index.js

@@ -4354,7 +4354,7 @@ class EventEmitter {
   }
 }
 
-function defer() {
+const defer = () => {
   let res;
   let rej;
   const promise = new Promise((resolve, reject) => {
@@ -4364,28 +4364,24 @@ function defer() {
   promise.resolve = res;
   promise.reject = rej;
   return promise;
-}
-function makeString(object) {
+};
+const makeString = object => {
   if (object == null) return '';
   return '' + object;
-}
-function copy(a, s, t) {
+};
+const copy = (a, s, t) => {
   a.forEach(m => {
     if (s[m]) t[m] = s[m];
   });
-}
+};
 const lastOfPathSeparatorRegExp = /###/g;
-function getLastOfPath(object, path, Empty) {
-  function cleanKey(key) {
-    return key && key.indexOf('###') > -1 ? key.replace(lastOfPathSeparatorRegExp, '.') : key;
-  }
-  function canNotTraverseDeeper() {
-    return !object || typeof object === 'string';
-  }
+const cleanKey = key => key && key.indexOf('###') > -1 ? key.replace(lastOfPathSeparatorRegExp, '.') : key;
+const canNotTraverseDeeper = object => !object || typeof object === 'string';
+const getLastOfPath = (object, path, Empty) => {
   const stack = typeof path !== 'string' ? path : path.split('.');
   let stackIndex = 0;
   while (stackIndex < stack.length - 1) {
-    if (canNotTraverseDeeper()) return {};
+    if (canNotTraverseDeeper(object)) return {};
     const key = cleanKey(stack[stackIndex]);
     if (!object[key] && Empty) object[key] = new Empty();
     if (Object.prototype.hasOwnProperty.call(object, key)) {
@@ -4395,13 +4391,13 @@ function getLastOfPath(object, path, Empty) {
     }
     ++stackIndex;
   }
-  if (canNotTraverseDeeper()) return {};
+  if (canNotTraverseDeeper(object)) return {};
   return {
     obj: object,
     k: cleanKey(stack[stackIndex])
   };
-}
-function setPath(object, path, newValue) {
+};
+const setPath = (object, path, newValue) => {
   const {
     obj,
     k
@@ -4422,31 +4418,31 @@ function setPath(object, path, newValue) {
     }
   }
   last.obj[`${last.k}.${e}`] = newValue;
-}
-function pushPath(object, path, newValue, concat) {
+};
+const pushPath = (object, path, newValue, concat) => {
   const {
     obj,
     k
   } = getLastOfPath(object, path, Object);
   obj[k] = obj[k] || [];
   obj[k].push(newValue);
-}
-function getPath(object, path) {
+};
+const getPath = (object, path) => {
   const {
     obj,
     k
   } = getLastOfPath(object, path);
   if (!obj) return undefined;
   return obj[k];
-}
-function getPathWithDefaults(data, defaultData, key) {
+};
+const getPathWithDefaults = (data, defaultData, key) => {
   const value = getPath(data, key);
   if (value !== undefined) {
     return value;
   }
   return getPath(defaultData, key);
-}
-function deepExtend(target, source, overwrite) {
+};
+const deepExtend = (target, source, overwrite) => {
   for (const prop in source) {
     if (prop !== '__proto__' && prop !== 'constructor') {
       if (prop in target) {
@@ -4461,10 +4457,8 @@ function deepExtend(target, source, overwrite) {
     }
   }
   return target;
-}
-function regexEscape(str) {
-  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
-}
+};
+const regexEscape = str => str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
 var _entityMap = {
   '&': '&amp;',
   '<': '&lt;',
@@ -4473,12 +4467,12 @@ var _entityMap = {
   "'": '&#39;',
   '/': '&#x2F;'
 };
-function escape$1(data) {
+const escape$1 = data => {
   if (typeof data === 'string') {
     return data.replace(/[&<>"'\/]/g, s => _entityMap[s]);
   }
   return data;
-}
+};
 class RegExpCache {
   constructor(capacity) {
     this.capacity = capacity;
@@ -4501,7 +4495,7 @@ class RegExpCache {
 }
 const chars = [' ', ',', '?', '!', ';'];
 const looksLikeObjectPathRegExpCache = new RegExpCache(20);
-function looksLikeObjectPath(key, nsSeparator, keySeparator) {
+const looksLikeObjectPath = (key, nsSeparator, keySeparator) => {
   nsSeparator = nsSeparator || '';
   keySeparator = keySeparator || '';
   const possibleChars = chars.filter(c => nsSeparator.indexOf(c) < 0 && keySeparator.indexOf(c) < 0);
@@ -4515,8 +4509,8 @@ function looksLikeObjectPath(key, nsSeparator, keySeparator) {
     }
   }
   return matched;
-}
-function deepFind(obj, path) {
+};
+const deepFind = function (obj, path) {
   let keySeparator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';
   if (!obj) return undefined;
   if (obj[path]) return obj[path];
@@ -4545,11 +4539,11 @@ function deepFind(obj, path) {
     current = next;
   }
   return current;
-}
-function getCleanedCode(code) {
+};
+const getCleanedCode = code => {
   if (code && code.indexOf('_') > 0) return code.replace('_', '-');
   return code;
-}
+};
 
 class ResourceStore extends EventEmitter {
   constructor(data) {
@@ -5113,9 +5107,7 @@ class Translator extends EventEmitter {
   }
 }
 
-function capitalize(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
+const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
 class LanguageUtil {
   constructor(options) {
     this.options = options;
@@ -5320,72 +5312,28 @@ let sets = [{
   fc: 22
 }];
 let _rulesPluralsTypes = {
-  1: function (n) {
-    return Number(n > 1);
-  },
-  2: function (n) {
-    return Number(n != 1);
-  },
-  3: function (n) {
-    return 0;
-  },
-  4: function (n) {
-    return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
-  },
-  5: function (n) {
-    return Number(n == 0 ? 0 : n == 1 ? 1 : n == 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5);
-  },
-  6: function (n) {
-    return Number(n == 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2);
-  },
-  7: function (n) {
-    return Number(n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
-  },
-  8: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : n != 8 && n != 11 ? 2 : 3);
-  },
-  9: function (n) {
-    return Number(n >= 2);
-  },
-  10: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : n < 7 ? 2 : n < 11 ? 3 : 4);
-  },
-  11: function (n) {
-    return Number(n == 1 || n == 11 ? 0 : n == 2 || n == 12 ? 1 : n > 2 && n < 20 ? 2 : 3);
-  },
-  12: function (n) {
-    return Number(n % 10 != 1 || n % 100 == 11);
-  },
-  13: function (n) {
-    return Number(n !== 0);
-  },
-  14: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : n == 3 ? 2 : 3);
-  },
-  15: function (n) {
-    return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
-  },
-  16: function (n) {
-    return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n !== 0 ? 1 : 2);
-  },
-  17: function (n) {
-    return Number(n == 1 || n % 10 == 1 && n % 100 != 11 ? 0 : 1);
-  },
-  18: function (n) {
-    return Number(n == 0 ? 0 : n == 1 ? 1 : 2);
-  },
-  19: function (n) {
-    return Number(n == 1 ? 0 : n == 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3);
-  },
-  20: function (n) {
-    return Number(n == 1 ? 0 : n == 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2);
-  },
-  21: function (n) {
-    return Number(n % 100 == 1 ? 1 : n % 100 == 2 ? 2 : n % 100 == 3 || n % 100 == 4 ? 3 : 0);
-  },
-  22: function (n) {
-    return Number(n == 1 ? 0 : n == 2 ? 1 : (n < 0 || n > 10) && n % 10 == 0 ? 2 : 3);
-  }
+  1: n => Number(n > 1),
+  2: n => Number(n != 1),
+  3: n => 0,
+  4: n => Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2),
+  5: n => Number(n == 0 ? 0 : n == 1 ? 1 : n == 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5),
+  6: n => Number(n == 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2),
+  7: n => Number(n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2),
+  8: n => Number(n == 1 ? 0 : n == 2 ? 1 : n != 8 && n != 11 ? 2 : 3),
+  9: n => Number(n >= 2),
+  10: n => Number(n == 1 ? 0 : n == 2 ? 1 : n < 7 ? 2 : n < 11 ? 3 : 4),
+  11: n => Number(n == 1 || n == 11 ? 0 : n == 2 || n == 12 ? 1 : n > 2 && n < 20 ? 2 : 3),
+  12: n => Number(n % 10 != 1 || n % 100 == 11),
+  13: n => Number(n !== 0),
+  14: n => Number(n == 1 ? 0 : n == 2 ? 1 : n == 3 ? 2 : 3),
+  15: n => Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2),
+  16: n => Number(n % 10 == 1 && n % 100 != 11 ? 0 : n !== 0 ? 1 : 2),
+  17: n => Number(n == 1 || n % 10 == 1 && n % 100 != 11 ? 0 : 1),
+  18: n => Number(n == 0 ? 0 : n == 1 ? 1 : 2),
+  19: n => Number(n == 1 ? 0 : n == 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3),
+  20: n => Number(n == 1 ? 0 : n == 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2),
+  21: n => Number(n % 100 == 1 ? 1 : n % 100 == 2 ? 2 : n % 100 == 3 || n % 100 == 4 ? 3 : 0),
+  22: n => Number(n == 1 ? 0 : n == 2 ? 1 : (n < 0 || n > 10) && n % 10 == 0 ? 2 : 3)
 };
 const nonIntlVersions = ['v1', 'v2', 'v3'];
 const intlVersions = ['v4'];
@@ -5397,7 +5345,7 @@ const suffixesOrder = {
   many: 4,
   other: 5
 };
-function createRules() {
+const createRules = () => {
   const rules = {};
   sets.forEach(set => {
     set.lngs.forEach(l => {
@@ -5408,7 +5356,7 @@ function createRules() {
     });
   });
   return rules;
-}
+};
 class PluralResolver {
   constructor(languageUtils) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -5420,17 +5368,32 @@ class PluralResolver {
       this.logger.error('Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.');
     }
     this.rules = createRules();
+    this.pluralRulesCache = {};
   }
   addRule(lng, obj) {
     this.rules[lng] = obj;
   }
+  clearCache() {
+    this.pluralRulesCache = {};
+  }
   getRule(code) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     if (this.shouldUseIntlApi()) {
       try {
-        return new Intl.PluralRules(getCleanedCode(code === 'dev' ? 'en' : code), {
-          type: options.ordinal ? 'ordinal' : 'cardinal'
+        const cleanedCode = getCleanedCode(code === 'dev' ? 'en' : code);
+        const type = options.ordinal ? 'ordinal' : 'cardinal';
+        const cacheKey = JSON.stringify({
+          cleanedCode,
+          type
+        });
+        if (cacheKey in this.pluralRulesCache) {
+          return this.pluralRulesCache[cacheKey];
+        }
+        const rule = new Intl.PluralRules(cleanedCode, {
+          type
         });
+        this.pluralRulesCache[cacheKey] = rule;
+        return rule;
       } catch (err) {
         return;
       }
@@ -5499,7 +5462,7 @@ class PluralResolver {
   }
 }
 
-function deepFindWithDefaults(data, defaultData, key) {
+const deepFindWithDefaults = function (data, defaultData, key) {
   let keySeparator = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '.';
   let ignoreJSONStructure = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
   let path = getPathWithDefaults(data, defaultData, key);
@@ -5508,7 +5471,8 @@ function deepFindWithDefaults(data, defaultData, key) {
     if (path === undefined) path = deepFind(defaultData, key, keySeparator);
   }
   return path;
-}
+};
+const regexSafe = val => val.replace(/\$/g, '$$$$');
 class Interpolator {
   constructor() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -5576,9 +5540,6 @@ class Interpolator {
     let value;
     let replaces;
     const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
-    function regexSafe(val) {
-      return val.replace(/\$/g, '$$$$');
-    }
     const handleFormat = key => {
       if (key.indexOf(this.formatSeparator) < 0) {
         const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);
@@ -5649,7 +5610,7 @@ class Interpolator {
     let match;
     let value;
     let clonedOptions;
-    function handleHasOptions(key, inheritedOptions) {
+    const handleHasOptions = (key, inheritedOptions) => {
       const sep = this.nestingOptionsSeparator;
       if (key.indexOf(sep) < 0) return key;
       const c = key.split(new RegExp(`${sep}[ ]*{`));
@@ -5673,7 +5634,7 @@ class Interpolator {
       }
       if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;
       return key;
-    }
+    };
     while (match = this.nestingRegexp.exec(str)) {
       let formatters = [];
       clonedOptions = {
@@ -5709,7 +5670,7 @@ class Interpolator {
   }
 }
 
-function parseFormatStr(formatStr) {
+const parseFormatStr = formatStr => {
   let formatName = formatStr.toLowerCase().trim();
   const formatOptions = {};
   if (formatStr.indexOf('(') > -1) {
@@ -5739,11 +5700,18 @@ function parseFormatStr(formatStr) {
     formatName,
     formatOptions
   };
-}
-function createCachedFormatter(fn) {
+};
+const createCachedFormatter = fn => {
   const cache = {};
-  return function invokeFormatter(val, lng, options) {
-    const key = lng + JSON.stringify(options);
+  return (val, lng, options) => {
+    let optForCache = options;
+    if (options && options.interpolationkey && options.formatParams && options.formatParams[options.interpolationkey] && options[options.interpolationkey]) {
+      optForCache = {
+        ...optForCache,
+        [options.interpolationkey]: undefined
+      };
+    }
+    const key = lng + JSON.stringify(optForCache);
     let formatter = cache[key];
     if (!formatter) {
       formatter = fn(getCleanedCode(lng), options);
@@ -5751,7 +5719,7 @@ function createCachedFormatter(fn) {
     }
     return formatter(val);
   };
-}
+};
 class Formatter {
   constructor() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -5808,6 +5776,10 @@ class Formatter {
   format(value, format, lng) {
     let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     const formats = format.split(this.formatSeparator);
+    if (formats.length > 1 && formats[0].indexOf('(') > 1 && formats[0].indexOf(')') < 0 && formats.find(f => f.indexOf(')') > -1)) {
+      const lastIndex = formats.findIndex(f => f.indexOf(')') > -1);
+      formats[0] = [formats[0], ...formats.splice(1, lastIndex)].join(this.formatSeparator);
+    }
     const result = formats.reduce((mem, f) => {
       const {
         formatName,
@@ -5836,12 +5808,12 @@ class Formatter {
   }
 }
 
-function removePending(q, name) {
+const removePending = (q, name) => {
   if (q.pending[name] !== undefined) {
     delete q.pending[name];
     q.pendingCount--;
   }
-}
+};
 class Connector extends EventEmitter {
   constructor(backend, store, services) {
     let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -5907,12 +5879,13 @@ class Connector extends EventEmitter {
     const lng = s[0];
     const ns = s[1];
     if (err) this.emit('failedLoading', lng, ns, err);
-    if (data) {
+    if (!err && data) {
       this.store.addResourceBundle(lng, ns, data, undefined, undefined, {
         skipCopy: true
       });
     }
     this.state[name] = err ? -1 : 2;
+    if (err && data) this.state[name] = 0;
     const loaded = {};
     this.queue.forEach(q => {
       pushPath(q.loaded, [lng], ns);
@@ -6062,69 +6035,67 @@ class Connector extends EventEmitter {
   }
 }
 
-function get() {
-  return {
-    debug: false,
-    initImmediate: true,
-    ns: ['translation'],
-    defaultNS: ['translation'],
-    fallbackLng: ['dev'],
-    fallbackNS: false,
-    supportedLngs: false,
-    nonExplicitSupportedLngs: false,
-    load: 'all',
-    preload: false,
-    simplifyPluralSuffix: true,
-    keySeparator: '.',
-    nsSeparator: ':',
-    pluralSeparator: '_',
-    contextSeparator: '_',
-    partialBundledLanguages: false,
-    saveMissing: false,
-    updateMissing: false,
-    saveMissingTo: 'fallback',
-    saveMissingPlurals: true,
-    missingKeyHandler: false,
-    missingInterpolationHandler: false,
-    postProcess: false,
-    postProcessPassResolved: false,
-    returnNull: false,
-    returnEmptyString: true,
-    returnObjects: false,
-    joinArrays: false,
-    returnedObjectHandler: false,
-    parseMissingKeyHandler: false,
-    appendNamespaceToMissingKey: false,
-    appendNamespaceToCIMode: false,
-    overloadTranslationOptionHandler: function handle(args) {
-      let ret = {};
-      if (typeof args[1] === 'object') ret = args[1];
-      if (typeof args[1] === 'string') ret.defaultValue = args[1];
-      if (typeof args[2] === 'string') ret.tDescription = args[2];
-      if (typeof args[2] === 'object' || typeof args[3] === 'object') {
-        const options = args[3] || args[2];
-        Object.keys(options).forEach(key => {
-          ret[key] = options[key];
-        });
-      }
-      return ret;
-    },
-    interpolation: {
-      escapeValue: true,
-      format: value => value,
-      prefix: '{{',
-      suffix: '}}',
-      formatSeparator: ',',
-      unescapePrefix: '-',
-      nestingPrefix: '$t(',
-      nestingSuffix: ')',
-      nestingOptionsSeparator: ',',
-      maxReplaces: 1000,
-      skipOnVariables: true
+const get = () => ({
+  debug: false,
+  initImmediate: true,
+  ns: ['translation'],
+  defaultNS: ['translation'],
+  fallbackLng: ['dev'],
+  fallbackNS: false,
+  supportedLngs: false,
+  nonExplicitSupportedLngs: false,
+  load: 'all',
+  preload: false,
+  simplifyPluralSuffix: true,
+  keySeparator: '.',
+  nsSeparator: ':',
+  pluralSeparator: '_',
+  contextSeparator: '_',
+  partialBundledLanguages: false,
+  saveMissing: false,
+  updateMissing: false,
+  saveMissingTo: 'fallback',
+  saveMissingPlurals: true,
+  missingKeyHandler: false,
+  missingInterpolationHandler: false,
+  postProcess: false,
+  postProcessPassResolved: false,
+  returnNull: false,
+  returnEmptyString: true,
+  returnObjects: false,
+  joinArrays: false,
+  returnedObjectHandler: false,
+  parseMissingKeyHandler: false,
+  appendNamespaceToMissingKey: false,
+  appendNamespaceToCIMode: false,
+  overloadTranslationOptionHandler: args => {
+    let ret = {};
+    if (typeof args[1] === 'object') ret = args[1];
+    if (typeof args[1] === 'string') ret.defaultValue = args[1];
+    if (typeof args[2] === 'string') ret.tDescription = args[2];
+    if (typeof args[2] === 'object' || typeof args[3] === 'object') {
+      const options = args[3] || args[2];
+      Object.keys(options).forEach(key => {
+        ret[key] = options[key];
+      });
     }
-  };
-}
-function transformOptions(options) {
+    return ret;
+  },
+  interpolation: {
+    escapeValue: true,
+    format: value => value,
+    prefix: '{{',
+    suffix: '}}',
+    formatSeparator: ',',
+    unescapePrefix: '-',
+    nestingPrefix: '$t(',
+    nestingSuffix: ')',
+    nestingOptionsSeparator: ',',
+    maxReplaces: 1000,
+    skipOnVariables: true
+  }
+});
+const transformOptions = options => {
   if (typeof options.ns === 'string') options.ns = [options.ns];
   if (typeof options.fallbackLng === 'string') options.fallbackLng = [options.fallbackLng];
   if (typeof options.fallbackNS === 'string') options.fallbackNS = [options.fallbackNS];
@@ -6132,17 +6103,17 @@ function transformOptions(options) {
     options.supportedLngs = options.supportedLngs.concat(['cimode']);
   }
   return options;
-}
+};
 
-function noop() {}
-function bindMemberFunctions(inst) {
+const noop = () => {};
+const bindMemberFunctions = inst => {
   const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
   mems.forEach(mem => {
     if (typeof inst[mem] === 'function') {
       inst[mem] = inst[mem].bind(inst);
     }
   });
-}
+};
 class I18n extends EventEmitter {
   constructor() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -6199,11 +6170,11 @@ class I18n extends EventEmitter {
     if (options.nsSeparator !== undefined) {
       this.options.userDefinedNsSeparator = options.nsSeparator;
     }
-    function createClassOnDemand(ClassOrObject) {
+    const createClassOnDemand = ClassOrObject => {
       if (!ClassOrObject) return null;
       if (typeof ClassOrObject === 'function') return new ClassOrObject();
       return ClassOrObject;
-    }
+    };
     if (!this.options.isClone) {
       if (this.modules.logger) {
         baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
@@ -6341,6 +6312,14 @@ class I18n extends EventEmitter {
   }
   reloadResources(lngs, ns, callback) {
     const deferred = defer();
+    if (typeof lngs === 'function') {
+      callback = lngs;
+      lngs = undefined;
+    }
+    if (typeof ns === 'function') {
+      callback = ns;
+      ns = undefined;
+    }
     if (!lngs) lngs = this.languages;
     if (!ns) ns = this.options.ns;
     if (!callback) callback = noop;
@@ -6504,7 +6483,7 @@ class I18n extends EventEmitter {
     if (lng.toLowerCase() === 'cimode') return true;
     const loadNotPending = (l, n) => {
       const loadState = this.services.backendConnector.state[`${l}|${n}`];
-      return loadState === -1 || loadState === 2;
+      return loadState === -1 || loadState === 0 || loadState === 2;
     };
     if (options.precheck) {
       const preResult = options.precheck(this, loadNotPending);
@@ -15348,6 +15327,9 @@ const size = function (options) {
   };
 };
 
+function hasWindow() {
+  return typeof window !== 'undefined';
+}
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || '').toLowerCase();
@@ -15366,17 +15348,25 @@ function getDocumentElement(node) {
   return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
 }
 function isNode(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Node || value instanceof getWindow(value).Node;
 }
 function isElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Element || value instanceof getWindow(value).Element;
 }
 function isHTMLElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
 }
 function isShadowRoot(value) {
-  // Browsers without `ShadowRoot` support.
-  if (typeof ShadowRoot === 'undefined') {
+  if (!hasWindow() || typeof ShadowRoot === 'undefined') {
     return false;
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
@@ -15486,7 +15476,7 @@ function getOverflowAncestors(node, list, traverseIframes) {
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function getFrameElement(win) {
-  return Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 
 function getCssDimensions(element) {
@@ -15659,10 +15649,14 @@ function getClientRects(element) {
   return Array.from(element.getClientRects());
 }
 
-function getWindowScrollBarX(element) {
-  // If <html> has a CSS width greater than the viewport, then this will be
-  // incorrect for RTL.
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
+// If <html> has a CSS width greater than the viewport, then this will be
+// incorrect for RTL.
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
 }
 
 // Gets the entire size of the scrollable document area, even extending outside
@@ -15846,11 +15840,22 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
+      // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+      // Firefox with layout.scrollbar.side = 3 in about:config to test this.
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
-  const x = rect.left + scroll.scrollLeft - offsets.x;
-  const y = rect.top + scroll.scrollTop - offsets.y;
+  let htmlX = 0;
+  let htmlY = 0;
+  if (documentElement && !isOffsetParentAnElement && !isFixed) {
+    const htmlRect = documentElement.getBoundingClientRect();
+    htmlY = htmlRect.top + scroll.scrollTop;
+    htmlX = htmlRect.left + scroll.scrollLeft -
+    // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect);
+  }
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
   return {
     x,
     y,
@@ -15870,7 +15875,16 @@ function getTrueOffsetParent(element, polyfill) {
   if (polyfill) {
     return polyfill(element);
   }
-  return element.offsetParent;
+  let rawOffsetParent = element.offsetParent;
+
+  // Firefox returns the <html> element as the offsetParent if it's non-static,
+  // while Chrome and Safari return the <body> element. The <body> element must
+  // be used to perform the correct calculations even if the <html> element is
+  // non-static.
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
 }
 
 // Gets the closest ancestor positioned element. Handles some edge cases,