wj-elements/dist/localize.js

WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.

class LocalizerDefault {
  constructor(element) {
    this.element = element;
    this.lang = this.element.lang || document.documentElement.lang || "en-gb";
    this.dir = this.element.dir || document.documentElement.dir || "ltr";
    this.currentLang = "en-gb";
    this.setLanguage();
  }
  get languages() {
    return window.translations;
  }
  // Nastavenie aktuálneho jazyka
  setLanguage() {
    var _a;
    if ((_a = this.languages) == null ? void 0 : _a.has(this.lang)) {
      this.currentLang = this.lang;
    } else {
      console.error(`Language "${this.lang}" not loaded.`);
    }
  }
  /**
   * Translates a given translation key based on the currently selected language.
   * @param {string} key The key representing the text to be translated.
   * @returns {string} The translated text if available; otherwise, returns the original key.
   */
  translate(key) {
    var _a;
    const langMap = (_a = this.languages) == null ? void 0 : _a.get(this.currentLang);
    if (!langMap) return key;
    return langMap ? langMap[key] || key : key;
  }
  /**
   * Translates a key into a localized string based on the provided count and pluralization type.
   * @param {string} key The base translation key to be used for fetching the localized string.
   * @param {number} [count=0] The count value used to determine the pluralization form.
   * @param {string} [type='cardinal'] The type of pluralization to use, such as 'cardinal' or 'ordinal'.
   * @returns {string} The translated string, adapted to the pluralization rules and count.
   */
  translatePlural(key, count = 0, type = "cardinal") {
    const plural = new Intl.PluralRules(this.lang, { type });
    if (count !== void 0) key += "." + plural.select(count);
    return this.translate(key);
  }
  /**
   * Formats a number according to the specified locale and formatting options.
   * @param {number} number The numeric value to format.
   * @param {object} options An object containing formatting options for the number.
   * @returns {string} The formatted number as a string.
   */
  formatNumber(number, options) {
    return new Intl.NumberFormat(this.currentLang, options).format(number);
  }
  /**
   * Formats a given date based on the specified options and the current language setting.
   * @param {string|Date|number} date The date to format. Can be a Date object, a timestamp, or a date string.
   * @param {object} options The formatting options to customize the output, as supported by Intl.DateTimeFormat.
   * @returns {string} The formatted date string based on the specified options and current language.
   */
  formatDate(date, options) {
    return new Intl.DateTimeFormat(this.currentLang, options).format(new Date(date));
  }
  /**
   * Formats a relative time string based on a given language, value, unit, and formatting options.
   * @param {string} lang The language to use for formatting. Defaults to `this.currentLang` if not provided.
   * @param {number} value The numerical value to format, representing the time difference.
   * @param {string} [unit] The unit of time to use (e.g., "second", "minute", "hour", "day", "week", "month", "year").
   * @param {object} [options] An object containing formatting options, such as the style for the numeric representation.
   * @returns {string} The formatted relative time string in the specified language.
   */
  relativeTime(lang, value = 0, unit = "day", options = { numeric: "auto" }) {
    lang = lang || this.currentLang;
    return new Intl.RelativeTimeFormat(lang, options).format(value, unit);
  }
}
function registerTranslation(...translation) {
  translation.forEach((t) => {
    if (!t.code) {
      console.error("Translation object is missing 'code' property:", t);
      return;
    }
    const code = t.code.toLowerCase();
    if (window.translations.has(code)) {
      window.translations.set(code, { ...window.translations.get(code), ...t });
    } else {
      window.translations.set(code, t);
    }
  });
}
class Localizer extends LocalizerDefault {
  constructor(element) {
    super(element);
  }
  static registerTranslation(...translation) {
    registerTranslation(...translation);
  }
}
export {
  Localizer
};
//# sourceMappingURL=localize.js.map