@evance/evance-ui 1.0.16 → 1.0.17

package/dist/cjs/is-functions-C3_uJs3B.cjs

@@ -0,0 +1,115 @@
+"use strict";
+/*! Evance UI v1.0.17 | MIT License */
+function is(a, b) {
+  return Object.is(a, b);
+}
+function isArray(value) {
+  return Array.isArray(value);
+}
+function isBoolean(value) {
+  return typeof value === "boolean";
+}
+function isCssVariable(value) {
+  if (!isString(value)) {
+    return false;
+  }
+  return /^--[\w-]+$/.test(value);
+}
+function isDate(value) {
+  return value instanceof Date;
+}
+function isDateEqual(a, b) {
+  return a.getTime() === b.getTime();
+}
+function isDeepEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (a == null || b == null) {
+    return false;
+  }
+  if (isDate(a) && isDate(b) && !isDateEqual(a, b)) {
+    return false;
+  }
+  if (isArray(a) !== isArray(b)) {
+    return false;
+  }
+  if (a !== Object(a) || b !== Object(b)) {
+    return false;
+  }
+  const keysInA = Object.keys(a);
+  const keysInB = Object.keys(b);
+  if (keysInA.length !== keysInB.length) {
+    return false;
+  }
+  return keysInA.every((key) => isDeepEqual(a[key], b[key]));
+}
+function isElement(el) {
+  return !!el && el instanceof Element && el.nodeType === Node.ELEMENT_NODE;
+}
+function isEmpty(value) {
+  return value === null || value === void 0 || typeof value === "string" && value.trim() === "";
+}
+function isEqualNaN(value) {
+  return value !== value;
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function isNumber(value) {
+  return typeof value === "number";
+}
+function isObject(value) {
+  return typeof value === "object";
+}
+function isObjectNotArray(value) {
+  return value !== null && isObject(value) && !isArray(value);
+}
+const isOnPattern = /^on[^a-z]/;
+const isOn = (key) => isOnPattern.test(key);
+function isPrimitive(value) {
+  return Object(value) !== value;
+}
+function isShadowRoot(value) {
+  return typeof ShadowRoot !== "undefined" && value instanceof ShadowRoot;
+}
+function isString(value) {
+  if (typeof value === "string") {
+    return true;
+  }
+  if (typeof value !== "object") {
+    return false;
+  }
+  try {
+    String.prototype.valueOf.call(value);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+function isTypeOf(value, accept) {
+  return accept.includes(typeof value);
+}
+exports.is = is;
+exports.isArray = isArray;
+exports.isBoolean = isBoolean;
+exports.isCssVariable = isCssVariable;
+exports.isDate = isDate;
+exports.isDateEqual = isDateEqual;
+exports.isDeepEqual = isDeepEqual;
+exports.isElement = isElement;
+exports.isEmpty = isEmpty;
+exports.isEqualNaN = isEqualNaN;
+exports.isFunction = isFunction;
+exports.isNumber = isNumber;
+exports.isObject = isObject;
+exports.isObjectNotArray = isObjectNotArray;
+exports.isOn = isOn;
+exports.isPrimitive = isPrimitive;
+exports.isShadowRoot = isShadowRoot;
+exports.isString = isString;
+exports.isTypeOf = isTypeOf;
+//# sourceMappingURL=is-functions-C3_uJs3B.cjs.map

package/dist/cjs/is-functions-C3_uJs3B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-functions-C3_uJs3B.cjs","sources":["../../src/util/is-functions.ts"],"sourcesContent":["/**\n * # Is (equal)\n * I had written a polyfill for this, but since we're only interested in modern browsers\n * let's reduce code and simply return the result from Object.is();\n * @param a\n * @param b\n */\nexport function is(a?: any, b?: any): boolean {\n    return Object.is(a, b);\n}\n\n/**\n * # Is Array?\n * @param value\n */\nexport function isArray(value: unknown): boolean {\n    return Array.isArray(value);\n}\n\n/**\n * # Is Boolean?\n * @param value\n */\nexport function isBoolean(value: unknown): value is boolean {\n    return typeof value === \"boolean\";\n}\n\n/**\n * # Is CSS Variable\n * @param value\n */\nexport function isCssVariable(value: unknown): boolean {\n    if (!isString(value)) {\n        return false;\n    }\n    return /^--[\\w-]+$/.test(value as string);\n}\n\n/**\n * # Is Date?\n * @param value\n */\nexport function isDate(value: unknown): value is Date {\n    return value instanceof Date;\n}\n\n/**\n * # Is Date Equal\n *\n * Evaluates whether one date equals another date.\n *\n * @param a\n * @param b\n */\nexport function isDateEqual(a: Date, b: Date): boolean {\n    return a.getTime() === b.getTime();\n}\n\n/**\n * # Is Deep Equal?\n *\n * I could have used the `deep-equal` npm package, but decided to keep things as light-weight\n * as possible and this suits our needs for now:\n *\n * @link https://www.npmjs.com/package/deep-equal\n *\n * @param a\n * @param b\n */\nexport function isDeepEqual(a: any, b: any): boolean {\n    if (a === b) {\n        return true;\n    }\n    // Check types\n    if (typeof a !== typeof b) {\n        return false;\n    }\n    if (a == null || b == null) {\n        return false;\n    }\n\n    // Check dates\n    if (isDate(a) && isDate(b) && !isDateEqual(a, b)) {\n        return false;\n    }\n    // Check array\n    if (isArray(a) !== isArray(b)) {\n        return false;\n    }\n\n    if (a !== Object(a) || b !== Object(b)) {\n        return false;\n    }\n\n    const keysInA = Object.keys(a);\n    const keysInB = Object.keys(b);\n    if (keysInA.length !== keysInB.length) {\n        return false;\n    }\n    return keysInA.every((key) => isDeepEqual(a[key], b[key]));\n}\n\nexport function isElement(el: unknown): el is Element {\n    return !!el && el instanceof Element && el.nodeType === Node.ELEMENT_NODE;\n}\n\n/**\n * # Is Empty\n * @param value\n */\nexport function isEmpty(value: any): boolean {\n    return (\n        value === null ||\n        value === undefined ||\n        (typeof value === \"string\" && value.trim() === \"\")\n    );\n}\n\n/**\n * # Is Equal NaN\n *\n * Check if a value is NaN - the only value in JavaScript that is not equal to itself.\n *\n * @param value\n */\nexport function isEqualNaN(value: unknown): boolean {\n    return value !== value;\n}\n\n/**\n * # Is Function?\n * @param value\n */\nexport function isFunction(value: unknown): value is Function {\n    return typeof value === \"function\";\n}\n\n/**\n * # Is Number\n * @param value\n */\nexport function isNumber(value: unknown): value is number {\n    return typeof value === \"number\";\n}\n\n/**\n * # Is Object?\n * @param value\n */\nexport function isObject(value: unknown): value is object {\n    return typeof value === \"object\";\n}\n\n/**\n * # Is Object Not Array\n * @param value\n */\nexport function isObjectNotArray(value: any): boolean {\n    return value !== null && isObject(value) && !isArray(value);\n}\n\nconst isOnPattern = /^on[^a-z]/;\nexport const isOn = (key: string) => isOnPattern.test(key);\n\n/**\n *\n * @param value\n */\nexport function isPrimitive(\n    value: unknown,\n): value is string | number | boolean {\n    return Object(value) !== value;\n}\n\n/**\n * # Is ShadowRoot\n * @param value\n */\nexport function isShadowRoot(value: unknown): value is ShadowRoot {\n    return typeof ShadowRoot !== \"undefined\" && value instanceof ShadowRoot;\n}\n\n/**\n * # Is String?\n * @param value\n */\nexport function isString(value: unknown): value is string {\n    if (typeof value === \"string\") {\n        return true;\n    }\n    if (typeof value !== \"object\") {\n        return false;\n    }\n    try {\n        String.prototype.valueOf.call(value);\n        return true;\n    } catch (e) {\n        return false;\n    }\n}\n\nexport function isTypeOf(value: unknown, accept: string[]): boolean {\n    return accept.includes(typeof value);\n}\n"],"names":[],"mappings":";;AAOgB,SAAA,GAAG,GAAS,GAAkB;AACnC,SAAA,OAAO,GAAG,GAAG,CAAC;AACzB;AAMO,SAAS,QAAQ,OAAyB;AACtC,SAAA,MAAM,QAAQ,KAAK;AAC9B;AAMO,SAAS,UAAU,OAAkC;AACxD,SAAO,OAAO,UAAU;AAC5B;AAMO,SAAS,cAAc,OAAyB;AAC/C,MAAA,CAAC,SAAS,KAAK,GAAG;AACX,WAAA;AAAA,EAAA;AAEJ,SAAA,aAAa,KAAK,KAAe;AAC5C;AAMO,SAAS,OAAO,OAA+B;AAClD,SAAO,iBAAiB;AAC5B;AAUgB,SAAA,YAAY,GAAS,GAAkB;AACnD,SAAO,EAAE,cAAc,EAAE,QAAQ;AACrC;AAagB,SAAA,YAAY,GAAQ,GAAiB;AACjD,MAAI,MAAM,GAAG;AACF,WAAA;AAAA,EAAA;AAGP,MAAA,OAAO,MAAM,OAAO,GAAG;AAChB,WAAA;AAAA,EAAA;AAEP,MAAA,KAAK,QAAQ,KAAK,MAAM;AACjB,WAAA;AAAA,EAAA;AAIP,MAAA,OAAO,CAAC,KAAK,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,GAAG;AACvC,WAAA;AAAA,EAAA;AAGX,MAAI,QAAQ,CAAC,MAAM,QAAQ,CAAC,GAAG;AACpB,WAAA;AAAA,EAAA;AAGX,MAAI,MAAM,OAAO,CAAC,KAAK,MAAM,OAAO,CAAC,GAAG;AAC7B,WAAA;AAAA,EAAA;AAGL,QAAA,UAAU,OAAO,KAAK,CAAC;AACvB,QAAA,UAAU,OAAO,KAAK,CAAC;AACzB,MAAA,QAAQ,WAAW,QAAQ,QAAQ;AAC5B,WAAA;AAAA,EAAA;AAEJ,SAAA,QAAQ,MAAM,CAAC,QAAQ,YAAY,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;AAC7D;AAEO,SAAS,UAAU,IAA4B;AAClD,SAAO,CAAC,CAAC,MAAM,cAAc,WAAW,GAAG,aAAa,KAAK;AACjE;AAMO,SAAS,QAAQ,OAAqB;AAErC,SAAA,UAAU,QACV,UAAU,UACT,OAAO,UAAU,YAAY,MAAM,KAAA,MAAW;AAEvD;AASO,SAAS,WAAW,OAAyB;AAChD,SAAO,UAAU;AACrB;AAMO,SAAS,WAAW,OAAmC;AAC1D,SAAO,OAAO,UAAU;AAC5B;AAMO,SAAS,SAAS,OAAiC;AACtD,SAAO,OAAO,UAAU;AAC5B;AAMO,SAAS,SAAS,OAAiC;AACtD,SAAO,OAAO,UAAU;AAC5B;AAMO,SAAS,iBAAiB,OAAqB;AAClD,SAAO,UAAU,QAAQ,SAAS,KAAK,KAAK,CAAC,QAAQ,KAAK;AAC9D;AAEA,MAAM,cAAc;AACb,MAAM,OAAO,CAAC,QAAgB,YAAY,KAAK,GAAG;AAMlD,SAAS,YACZ,OACkC;AAC3B,SAAA,OAAO,KAAK,MAAM;AAC7B;AAMO,SAAS,aAAa,OAAqC;AACvD,SAAA,OAAO,eAAe,eAAe,iBAAiB;AACjE;AAMO,SAAS,SAAS,OAAiC;AAClD,MAAA,OAAO,UAAU,UAAU;AACpB,WAAA;AAAA,EAAA;AAEP,MAAA,OAAO,UAAU,UAAU;AACpB,WAAA;AAAA,EAAA;AAEP,MAAA;AACO,WAAA,UAAU,QAAQ,KAAK,KAAK;AAC5B,WAAA;AAAA,WACF,GAAG;AACD,WAAA;AAAA,EAAA;AAEf;AAEgB,SAAA,SAAS,OAAgB,QAA2B;AACzD,SAAA,OAAO,SAAS,OAAO,KAAK;AACvC;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/locale-7FmlXSoH.cjs

@@ -0,0 +1,399 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.17 | MIT License */
+const vue = require("vue");
+const LocaleCode = require("./LocaleCode-BkuZjRPO.cjs");
+const isFunctions = require("./is-functions-C3_uJs3B.cjs");
+const strings = require("./strings-Cm56KkJi.cjs");
+const helpers = require("./helpers-DzawGRgw.cjs");
+class Localized {
+  /**
+   * @param defaultLocale
+   * @param currentLocale
+   */
+  constructor(defaultLocale, currentLocale) {
+    this.defaultLocale = defaultLocale;
+    this.currentLocale = currentLocale;
+  }
+  /**
+   * ## Get Translation Codes
+   *
+   * Returns all the translation codes for the Locale we should use when getting a translatable.
+   * This includes a fallback to our default TranslationCode.
+   *
+   * @param locale
+   */
+  getTranslationCodes(locale) {
+    const localeCode = LocaleCode.LocaleCode.fromString(locale);
+    const translationCodes = localeCode.toTranslationCodes();
+    if (!translationCodes.find(
+      (code) => code === this.defaultLocale.value
+    )) {
+      translationCodes.push(this.defaultLocale.value);
+    }
+    return translationCodes;
+  }
+  /**
+   * ## Set Current Locale
+   *
+   * Set the current locale so that we don't have to use it in each translate call,
+   * unless we want to.
+   *
+   * @param locale
+   */
+  setCurrentLocale(locale) {
+    this.currentLocale.value = locale;
+  }
+  /**
+   * ## Set Default Locale
+   *
+   * The default locale to use if translations are unavailable for the current locale.
+   *
+   * @param locale
+   */
+  setDefaultLocale(locale) {
+    this.defaultLocale.value = locale;
+  }
+}
+class NumberFormatter extends Localized {
+  format(value, options, locale) {
+    return this.formatter(options, locale).format(value);
+  }
+  formatter(options, locale) {
+    if (!locale) {
+      locale = this.currentLocale.value ?? this.defaultLocale.value;
+    }
+    return new Intl.NumberFormat(this.getTranslationCodes(locale), options);
+  }
+}
+const pluralizationRuleKeys = [
+  "zero",
+  "one",
+  "two",
+  "few",
+  "many",
+  "other"
+];
+function isPluralizationKey(key) {
+  return pluralizationRuleKeys.includes(key);
+}
+function isPluralizationRules(value) {
+  if (isFunctions.isObject(value)) {
+    return Object.entries(value).every(([key, val]) => {
+      return isPluralizationKey(key) && isFunctions.isString(val) || key === "ordinal" && isFunctions.isBoolean(val);
+    });
+  }
+  return false;
+}
+class Translatable {
+  constructor(translationCode, reference, data) {
+    this.translationCode = translationCode;
+    this.reference = reference;
+    this.data = data;
+  }
+  get defaultText() {
+    if (typeof this.data === "string") {
+      return this.data;
+    }
+    return this.getText("other") ?? "";
+  }
+  get isString() {
+    return isFunctions.isString(this.data);
+  }
+  get isPluralization() {
+    return isPluralizationRules(this.data);
+  }
+  getText(rule) {
+    if (typeof this.data === "string") {
+      return this.data;
+    }
+    const value = this.data[rule] ?? null;
+    return value === null ? this.data["other"] ?? null : value;
+  }
+  /**
+   * ## Translate
+   * @param variables
+   */
+  translate(variables = {}) {
+    if (isFunctions.isString(this.data)) {
+      return strings.createStringTemplate(
+        this.defaultText,
+        variables
+      )();
+    }
+    if (isPluralizationRules(this.data)) {
+      const keyToPluralize = Object.keys(variables).find(
+        (key) => isFunctions.isNumber(variables[key])
+      );
+      if (keyToPluralize === void 0) {
+        console.error(
+          `Could not find a number to pluralize in translation options for '${this.reference}'.`
+        );
+        return void 0;
+      }
+      const rules = new Intl.PluralRules(this.translationCode, {
+        type: this.data.ordinal || false ? "ordinal" : "cardinal"
+      });
+      const rule = rules.select(variables[keyToPluralize]);
+      const text = this.getText(rule);
+      if (text === null) {
+        console.error(
+          `Pluralization rule '${rule}' or 'other' unavailable for '${this.reference}'.`
+        );
+        return void 0;
+      }
+      return strings.createStringTemplate(text, variables)();
+    }
+    console.error(`Invalid translatable for '${this.reference}'.`);
+    return void 0;
+  }
+}
+class LanguagePack {
+  /**
+   * @param translationCode
+   * @param data
+   */
+  constructor(translationCode, data = {}) {
+    this.translationCode = translationCode;
+    this.data = data;
+  }
+  /**
+   * ## Get Translatable
+   * @param reference
+   */
+  getTranslatable(reference) {
+    try {
+      const translationData = helpers.getPropertyValueByPath(
+        this.data,
+        reference,
+        null
+      );
+      if (!translationData) {
+        return null;
+      }
+      return new Translatable(
+        this.translationCode,
+        reference,
+        translationData
+      );
+    } catch (e) {
+      return null;
+    }
+  }
+}
+class Translator extends Localized {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "languagePacks", []);
+    __publicField(this, "translatables", /* @__PURE__ */ new Map());
+  }
+  /**
+   * ## Add Language Pack
+   *
+   * The new language pack is added to the beginning of the array of available language packs.
+   * This makes it possible for subsequent language packs to override references.
+   *
+   * @param locale
+   * @param messages
+   */
+  addLanguagePack(locale, messages) {
+    this.languagePacks.unshift(new LanguagePack(locale, messages));
+  }
+  /**
+   * ## Get Closest Translatable
+   *
+   * Returns the closest available translatable object matching the reference supplied across all
+   * language packs matching translation codes from the locale, or the default.
+   *
+   * For example if a locale was supplied of "de-de", and our default translations were in "en",
+   * then we would search for language packs "de-de", "de" and "en" in sequence.
+   *
+   * @param locale
+   * @param reference
+   */
+  getClosestTranslatable(locale, reference) {
+    const translatableKey = `${locale}:${reference}`;
+    if (this.translatables.has(translatableKey)) {
+      return this.translatables.get(translatableKey);
+    }
+    const translationCodes = this.getTranslationCodes(locale);
+    for (const translationCode of translationCodes) {
+      const translatable = this.getTranslatable(
+        translationCode,
+        reference
+      );
+      if (translatable) {
+        this.translatables.set(translatableKey, translatable);
+        return translatable;
+      }
+    }
+    return void 0;
+  }
+  /**
+   * ## Get Language Packs
+   */
+  getLanguagePacks() {
+    return this.languagePacks;
+  }
+  /**
+   * # Get Language Packs for TranslationCode
+   *
+   * Returns the all available language pack matching the translation code.
+   *
+   * @param translationCode
+   */
+  getLanguagePacksForTranslationCode(translationCode) {
+    return this.languagePacks.filter((languagePack) => {
+      return languagePack.translationCode === translationCode;
+    });
+  }
+  /**
+   * ## Get Translatable
+   *
+   * Returns a translatable item from a language pack matching the supplied translation code.
+   * Returns `null` if either the language pack is unavailable, or if the
+   *
+   * @param translationCode
+   * @param reference
+   */
+  getTranslatable(translationCode, reference) {
+    const packs = this.getLanguagePacksForTranslationCode(translationCode);
+    for (const pack of packs) {
+      const translatable = pack.getTranslatable(reference);
+      if (translatable) {
+        return translatable;
+      }
+    }
+    return null;
+  }
+  /**
+   * ## Translate
+   *
+   * @param locale
+   * @param reference
+   * @param variables
+   */
+  translate(reference, variables = {}, locale = void 0) {
+    if (!locale) {
+      locale = this.currentLocale.value ?? this.defaultLocale.value;
+    }
+    const translatable = this.getClosestTranslatable(locale, reference);
+    if (translatable) {
+      return translatable.translate(variables);
+    }
+    const fallback = new Translatable(locale, reference, reference);
+    return fallback.translate(variables);
+  }
+}
+const en = {
+  carousel: {
+    next: "Next",
+    previous: "Previous"
+  },
+  close: "Close",
+  dismiss: "Dismiss",
+  expand: "Expand",
+  greeting: "Hello { name }",
+  infiniteScroll: {
+    more: "Load more",
+    finished: "No more"
+  },
+  placement: {
+    one: "{ value }st",
+    two: "{ value }nd",
+    few: "{ value }rd",
+    other: "{ value }th",
+    ordinal: true
+  },
+  search: {
+    filter: "Filter",
+    placeholder: "Search..."
+  },
+  sort: {
+    label: "Sort",
+    heading: "Sort by",
+    direction: "Direction",
+    ascending: "Ascending",
+    descending: "Descending"
+  },
+  select: {
+    noItemsText: "No items available"
+  },
+  table: {
+    empty: "No results"
+  },
+  months: {
+    one: "{ value } month",
+    other: "{ value } months"
+  }
+};
+class LocaleManager extends Localized {
+  constructor(localeOptions) {
+    const currentLocale = vue.shallowRef((localeOptions == null ? void 0 : localeOptions.locale) ?? "en-GB");
+    const defaultLocale = vue.shallowRef("en-GB");
+    super(defaultLocale, currentLocale);
+    __publicField(this, "numberFormatter");
+    __publicField(this, "translator");
+    this.numberFormatter = new NumberFormatter(
+      this.defaultLocale,
+      this.currentLocale
+    );
+    this.translator = new Translator(
+      this.defaultLocale,
+      this.currentLocale
+    );
+    this.translator.addLanguagePack(this.defaultLocale.value, en);
+    if (localeOptions == null ? void 0 : localeOptions.languagePack) {
+      this.translator.addLanguagePack(
+        this.currentLocale.value,
+        localeOptions.languagePack
+      );
+    }
+  }
+  /**
+   * # Add Language Pack
+   * @param localeCode
+   * @param messages
+   */
+  addLanguagePack(localeCode, messages) {
+    this.translator.addLanguagePack(localeCode, messages);
+  }
+}
+const LocaleSymbol = Symbol.for("ev:locale");
+function createLocaleManager(localeOptions) {
+  return new LocaleManager(localeOptions);
+}
+function useLocaleManager() {
+  const localeManager = vue.inject(LocaleSymbol);
+  if (!localeManager) {
+    throw new Error("Evance UI: Could not find injected locale instance.");
+  }
+  return localeManager;
+}
+function useLocaleFunctions() {
+  const manager = useLocaleManager();
+  return {
+    t: (reference, variables, locale) => {
+      return manager.translator.translate(reference, variables, locale);
+    },
+    n: (value, options, locale) => {
+      return manager.numberFormatter.format(value, options, locale);
+    }
+  };
+}
+function useRtl() {
+  const isRtl = vue.shallowRef(false);
+  const rtlClasses = vue.shallowRef([]);
+  return {
+    isRtl,
+    rtlClasses
+  };
+}
+exports.LocaleSymbol = LocaleSymbol;
+exports.createLocaleManager = createLocaleManager;
+exports.useLocaleFunctions = useLocaleFunctions;
+exports.useLocaleManager = useLocaleManager;
+exports.useRtl = useRtl;
+//# sourceMappingURL=locale-7FmlXSoH.cjs.map

package/dist/cjs/locale-7FmlXSoH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-7FmlXSoH.cjs","sources":["../../src/modules/Locale/Localized.ts","../../src/modules/NumberFormatter.ts","../../src/modules/Translation/Pluralization.ts","../../src/modules/Translation/Translatable.ts","../../src/modules/Translation/LanguagePack.ts","../../src/modules/Translation/Translator.ts","../../src/locale/en.ts","../../src/modules/Locale/LocaleManager.ts","../../src/composables/locale.ts"],"sourcesContent":["import { Ref } from \"vue\";\nimport { LocaleCode } from \"@/modules/Locale/LocaleCode\";\n\n/**\n * # Localized\n */\nexport class Localized {\n    /**\n     * @param defaultLocale\n     * @param currentLocale\n     */\n    constructor(\n        public readonly defaultLocale: Ref<string>,\n        public readonly currentLocale: Ref<string>,\n    ) {}\n\n    /**\n     * ## Get Translation Codes\n     *\n     * Returns all the translation codes for the Locale we should use when getting a translatable.\n     * This includes a fallback to our default TranslationCode.\n     *\n     * @param locale\n     */\n    public getTranslationCodes(locale: string): string[] {\n        const localeCode = LocaleCode.fromString(locale) as LocaleCode;\n        const translationCodes = localeCode.toTranslationCodes();\n        // Add our default if it is not in the list\n        if (\n            !translationCodes.find(\n                (code: string) => code === this.defaultLocale.value,\n            )\n        ) {\n            translationCodes.push(this.defaultLocale.value);\n        }\n        return translationCodes;\n    }\n\n    /**\n     * ## Set Current Locale\n     *\n     * Set the current locale so that we don't have to use it in each translate call,\n     * unless we want to.\n     *\n     * @param locale\n     */\n    public setCurrentLocale(locale: string): void {\n        this.currentLocale.value = locale;\n    }\n\n    /**\n     * ## Set Default Locale\n     *\n     * The default locale to use if translations are unavailable for the current locale.\n     *\n     * @param locale\n     */\n    public setDefaultLocale(locale: string): void {\n        this.defaultLocale.value = locale;\n    }\n}\n","import { Localized } from \"@/modules/Locale/Localized\";\n\n/**\n * # Number Formatter\n */\nexport class NumberFormatter extends Localized {\n    public format(\n        value: number,\n        options?: Intl.NumberFormatOptions,\n        locale?: string,\n    ) {\n        return this.formatter(options, locale).format(value);\n    }\n\n    public formatter(options?: Intl.NumberFormatOptions, locale?: string) {\n        if (!locale) {\n            locale = this.currentLocale.value ?? this.defaultLocale.value;\n        }\n        return new Intl.NumberFormat(this.getTranslationCodes(locale), options);\n    }\n}\n","import { isBoolean, isObject, isString } from \"@/util\";\n\n/**\n * # Pluralization\n *\n * Pluralization supports cardinal and ordinal values.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules\n */\nexport const pluralizationRuleKeys = [\n    \"zero\",\n    \"one\",\n    \"two\",\n    \"few\",\n    \"many\",\n    \"other\",\n] as const;\n\nexport type PluralizationRuleKey = (typeof pluralizationRuleKeys)[number];\n\nexport type PluralizationRules = {\n    [K in PluralizationRuleKey]?: string;\n} & {\n    ordinal?: boolean;\n};\n\n/**\n * ## Is Pluralization Key\n *\n * Determines whether the value supplied represents a valid pluralization rule key.\n *\n * @param key\n */\nexport function isPluralizationKey(key: any): key is PluralizationRuleKey {\n    return pluralizationRuleKeys.includes(key);\n}\n\n/**\n * # Is Pluralization Rules\n *\n * Determines whether a value contains an object with pluralization rules within it.\n *\n * @param value\n */\nexport function isPluralizationRules(value: any): value is PluralizationRules {\n    if (isObject(value)) {\n        return Object.entries(value).every(([key, val]) => {\n            return (\n                (isPluralizationKey(key) && isString(val)) ||\n                (key === \"ordinal\" && isBoolean(val))\n            );\n        });\n    }\n    return false;\n}\n","import {\n    isPluralizationRules,\n    PluralizationRuleKey,\n    PluralizationRules,\n} from \"@/modules/Translation/Pluralization\";\nimport { TranslationVariables } from \"@/modules/Translation/Translator\";\nimport {\n    createStringTemplate,\n    isNumber,\n    isString,\n    TemplateVariables,\n} from \"@/util\";\n\n/**\n * # Translatable\n */\nexport class Translatable {\n    constructor(\n        public translationCode: string,\n        public reference: string,\n        public data: string | PluralizationRules,\n    ) {}\n\n    get defaultText(): string {\n        if (typeof this.data === \"string\") {\n            return this.data;\n        }\n        return this.getText(\"other\") ?? \"\";\n    }\n\n    get isString(): boolean {\n        return isString(this.data);\n    }\n\n    get isPluralization() {\n        return isPluralizationRules(this.data);\n    }\n\n    public getText(rule: PluralizationRuleKey): string | null {\n        if (typeof this.data === \"string\") {\n            return this.data;\n        }\n        const value = this.data[rule] ?? null;\n        return value === null ? this.data[\"other\"] ?? null : value;\n    }\n\n    /**\n     * ## Translate\n     * @param variables\n     */\n    public translate(variables: TranslationVariables = {}): string | undefined {\n        if (isString(this.data)) {\n            return createStringTemplate(\n                this.defaultText,\n                variables as TemplateVariables,\n            )();\n        }\n        // If the translatable is a set of pluralization rules then we expect at least one number value\n        if (isPluralizationRules(this.data)) {\n            // Find the first number in the options\n            const keyToPluralize = Object.keys(variables).find((key) =>\n                isNumber(variables[key]),\n            );\n            if (keyToPluralize === undefined) {\n                console.error(\n                    `Could not find a number to pluralize in translation options for '${this.reference}'.`,\n                );\n                return undefined;\n            }\n            const rules = new Intl.PluralRules(this.translationCode, {\n                type: this.data.ordinal || false ? \"ordinal\" : \"cardinal\",\n            });\n            const rule = rules.select(variables[keyToPluralize] as number);\n            const text = this.getText(rule);\n            if (text === null) {\n                console.error(\n                    `Pluralization rule '${rule}' or 'other' unavailable for '${this.reference}'.`,\n                );\n                return undefined;\n            }\n            return createStringTemplate(text, variables as TemplateVariables)();\n        }\n        console.error(`Invalid translatable for '${this.reference}'.`);\n        return undefined;\n    }\n}\n","import { getPropertyValueByPath } from \"@/util\";\nimport { Translatable } from \"@/modules/Translation/Translatable\";\nimport { PluralizationRules } from \"@/modules/Translation/Pluralization\";\n\n/**\n * # Language Pack\n */\nexport class LanguagePack {\n    /**\n     * @param translationCode\n     * @param data\n     */\n    constructor(\n        public translationCode: string,\n        public data: LanguagePackData = {},\n    ) {}\n\n    /**\n     * ## Get Translatable\n     * @param reference\n     */\n    public getTranslatable(reference: string): Translatable | null {\n        try {\n            const translationData = getPropertyValueByPath(\n                this.data,\n                reference,\n                null,\n            );\n            if (!translationData) {\n                return null;\n            }\n            return new Translatable(\n                this.translationCode,\n                reference,\n                translationData,\n            );\n        } catch (e) {\n            return null;\n        }\n    }\n}\n\n/**\n * # Language Pack Data\n */\nexport interface LanguagePackData {\n    [key: string]: LanguagePackData | PluralizationRules | string;\n}\n","import {\n    LanguagePack,\n    LanguagePackData,\n} from \"@/modules/Translation/LanguagePack\";\nimport { Translatable } from \"@/modules/Translation/Translatable\";\nimport { Localized } from \"@/modules/Locale/Localized\";\n\n/**\n * # Translation Options\n *\n * When requesting a translation you may supply an object with keys matching\n * the variable names of the string template within a Language Pack.\n *\n * The only reserved key term is `ordinal`, which is reserved for telling the\n * translator that we should expect an ordinal, not a cardinal translation\n * from a pluralization rule set.\n *\n */\nexport type TranslationVariables = {\n    [key: string]: string | number | boolean;\n};\n\n/**\n * # Translator\n */\nexport class Translator extends Localized {\n    private languagePacks: LanguagePack[] = [];\n\n    private translatables: Map<string, Translatable> = new Map();\n\n    /**\n     * ## Add Language Pack\n     *\n     * The new language pack is added to the beginning of the array of available language packs.\n     * This makes it possible for subsequent language packs to override references.\n     *\n     * @param locale\n     * @param messages\n     */\n    public addLanguagePack(locale: string, messages: LanguagePackData): void {\n        this.languagePacks.unshift(new LanguagePack(locale, messages));\n    }\n\n    /**\n     * ## Get Closest Translatable\n     *\n     * Returns the closest available translatable object matching the reference supplied across all\n     * language packs matching translation codes from the locale, or the default.\n     *\n     * For example if a locale was supplied of \"de-de\", and our default translations were in \"en\",\n     * then we would search for language packs \"de-de\", \"de\" and \"en\" in sequence.\n     *\n     * @param locale\n     * @param reference\n     */\n    private getClosestTranslatable(\n        locale: string,\n        reference: string,\n    ): Translatable | undefined {\n        const translatableKey = `${locale}:${reference}`;\n\n        if (this.translatables.has(translatableKey)) {\n            return this.translatables.get(translatableKey);\n        }\n\n        const translationCodes = this.getTranslationCodes(locale);\n        for (const translationCode of translationCodes) {\n            const translatable = this.getTranslatable(\n                translationCode,\n                reference,\n            );\n            if (translatable) {\n                this.translatables.set(translatableKey, translatable);\n                return translatable;\n            }\n        }\n        return undefined;\n    }\n\n    /**\n     * ## Get Language Packs\n     */\n    public getLanguagePacks(): LanguagePack[] {\n        return this.languagePacks;\n    }\n\n    /**\n     * # Get Language Packs for TranslationCode\n     *\n     * Returns the all available language pack matching the translation code.\n     *\n     * @param translationCode\n     */\n    private getLanguagePacksForTranslationCode(\n        translationCode: string,\n    ): LanguagePack[] {\n        return this.languagePacks.filter((languagePack) => {\n            return languagePack.translationCode === translationCode;\n        });\n    }\n\n    /**\n     * ## Get Translatable\n     *\n     * Returns a translatable item from a language pack matching the supplied translation code.\n     * Returns `null` if either the language pack is unavailable, or if the\n     *\n     * @param translationCode\n     * @param reference\n     */\n    private getTranslatable(\n        translationCode: string,\n        reference: string,\n    ): Translatable | null {\n        const packs = this.getLanguagePacksForTranslationCode(translationCode);\n        for (const pack of packs) {\n            const translatable = pack.getTranslatable(reference);\n            if (translatable) {\n                return translatable;\n            }\n        }\n        return null;\n    }\n\n    /**\n     * ## Translate\n     *\n     * @param locale\n     * @param reference\n     * @param variables\n     */\n    public translate(\n        reference: string,\n        variables: TranslationVariables = {},\n        locale: string | undefined = undefined,\n    ): string | undefined {\n        if (!locale) {\n            locale = this.currentLocale.value ?? this.defaultLocale.value;\n        }\n        const translatable = this.getClosestTranslatable(locale, reference);\n        if (translatable) {\n            return translatable.translate(variables);\n        }\n        const fallback = new Translatable(locale, reference, reference);\n        return fallback.translate(variables);\n    }\n}\n","export default {\n    carousel: {\n        next: \"Next\",\n        previous: \"Previous\",\n    },\n    close: \"Close\",\n    dismiss: \"Dismiss\",\n    expand: \"Expand\",\n    greeting: \"Hello { name }\",\n    infiniteScroll: {\n        more: \"Load more\",\n        finished: \"No more\",\n    },\n    placement: {\n        one: \"{ value }st\",\n        two: \"{ value }nd\",\n        few: \"{ value }rd\",\n        other: \"{ value }th\",\n        ordinal: true,\n    },\n    search: {\n        filter: \"Filter\",\n        placeholder: \"Search...\",\n    },\n    sort: {\n        label: \"Sort\",\n        heading: \"Sort by\",\n        direction: \"Direction\",\n        ascending: \"Ascending\",\n        descending: \"Descending\",\n    },\n    select: {\n        noItemsText: \"No items available\",\n    },\n    table: {\n        empty: \"No results\",\n    },\n    months: {\n        one: \"{ value } month\",\n        other: \"{ value } months\",\n    },\n};\n","import { Localized } from \"@/modules/Locale/Localized\";\nimport { NumberFormatter } from \"@/modules/NumberFormatter\";\nimport { Translator } from \"@/modules/Translation/Translator\";\n\nimport en from \"@/locale/en\";\nimport { shallowRef } from \"vue\";\nimport { LanguagePackData } from \"@/modules/Translation/LanguagePack\";\n\n/**\n * # Locale Manager\n *\n * Note: in Evance 'en' is always the default locale.\n */\nexport class LocaleManager extends Localized {\n    public readonly numberFormatter: NumberFormatter;\n\n    public readonly translator: Translator;\n\n    constructor(localeOptions: LocaleOptions) {\n        const currentLocale = shallowRef(localeOptions?.locale ?? \"en-GB\");\n        const defaultLocale = shallowRef(\"en-GB\");\n        super(defaultLocale, currentLocale);\n\n        this.numberFormatter = new NumberFormatter(\n            this.defaultLocale,\n            this.currentLocale,\n        );\n        this.translator = new Translator(\n            this.defaultLocale,\n            this.currentLocale,\n        );\n        this.translator.addLanguagePack(this.defaultLocale.value, en);\n\n        if (localeOptions?.languagePack) {\n            this.translator.addLanguagePack(\n                this.currentLocale.value,\n                localeOptions.languagePack,\n            );\n        }\n    }\n\n    /**\n     * # Add Language Pack\n     * @param localeCode\n     * @param messages\n     */\n    public addLanguagePack(localeCode: string, messages: LanguagePackData) {\n        this.translator.addLanguagePack(localeCode, messages);\n    }\n}\n\n/**\n * # Locale Options\n */\nexport interface LocaleOptions {\n    locale?: string;\n    languagePack?: LanguagePackData;\n}\n","import { inject, InjectionKey, shallowRef } from \"vue\";\nimport {\n    LocaleManager,\n    LocaleOptions,\n} from \"@/modules/Locale/LocaleManager.ts\";\nimport { TranslationVariables } from \"@/modules/Translation/Translator\";\n\n/**\n * # Locale Symbol\n */\nexport const LocaleSymbol: InjectionKey<LocaleManager> =\n    Symbol.for(\"ev:locale\");\n\n/**\n * # Create Locale Manager\n * @todo: we need a lot more settings and options.\n */\nexport function createLocaleManager(localeOptions: LocaleOptions) {\n    return new LocaleManager(localeOptions);\n}\n\n/**\n * # Use Locale Manager\n */\nexport function useLocaleManager(): LocaleManager {\n    const localeManager: LocaleManager | undefined = inject(LocaleSymbol);\n    if (!localeManager) {\n        throw new Error(\"Evance UI: Could not find injected locale instance.\");\n    }\n    return localeManager;\n}\n\n/**\n * # Use Locale Functions\n */\nexport function useLocaleFunctions() {\n    const manager = useLocaleManager();\n    return {\n        t: (\n            reference: string,\n            variables?: TranslationVariables,\n            locale?: string,\n        ): string | undefined => {\n            return manager.translator.translate(reference, variables, locale);\n        },\n        n: (\n            value: number,\n            options?: Intl.NumberFormatOptions,\n            locale?: string,\n        ) => {\n            return manager.numberFormatter.format(value, options, locale);\n        },\n    };\n}\n\n/**\n *\n */\nexport function useRtl() {\n    // @todo: Implement RTL in Locale Manager\n    const isRtl = shallowRef(false);\n    const rtlClasses = shallowRef([]);\n    return {\n        isRtl,\n        rtlClasses,\n    };\n}\n"],"names":["LocaleCode","isObject","isString","isBoolean","createStringTemplate","isNumber","getPropertyValueByPath","shallowRef","inject"],"mappings":"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"}

package/dist/cjs/modelProxy-DnzSF9dT.cjs

@@ -0,0 +1,60 @@
+"use strict";
+/*! Evance UI v1.0.17 | MIT License */
+const vue = require("vue");
+const toggleScope = require("./toggleScope-CHZcnG5A.cjs");
+const components = require("./components-BKVDO4a2.cjs");
+const strings = require("./strings-Cm56KkJi.cjs");
+function hasProp(vueInstance, propName) {
+  var _a;
+  return !!((_a = vueInstance.props) == null ? void 0 : _a.hasOwnProperty(propName));
+}
+function useModelProxy(props, modelName, defaultValue, transformIn = (value) => value, transformOut = (value) => value) {
+  const component = components.getCurrentComponent("useModelProxy");
+  const modelRef = vue.ref(
+    props[modelName] !== void 0 ? props[modelName] : defaultValue
+  );
+  const modelNameKebab = strings.toKebabCase(modelName);
+  const isCheckKebabName = modelName !== modelNameKebab;
+  const isModelAvailable = vue.computed(() => {
+    void props[modelName];
+    return hasProp(component, modelName) && hasProp(component, `onUpdate:${modelName}`) || isCheckKebabName && hasProp(component, modelNameKebab) && hasProp(component, `onUpdate:${modelNameKebab}`);
+  });
+  toggleScope.useToggleScope(
+    () => !isModelAvailable.value,
+    () => {
+      vue.watch(
+        () => props[modelName],
+        (value) => {
+          modelRef.value = value;
+        }
+      );
+    }
+  );
+  const model = vue.computed({
+    get() {
+      const externalValue = props[modelName];
+      return transformIn(
+        isModelAvailable.value ? externalValue : modelRef.value
+      );
+    },
+    set(internalValue) {
+      const newValue = transformOut(internalValue);
+      const value = vue.toRaw(
+        isModelAvailable.value ? props[modelName] : modelRef.value
+      );
+      if (value === newValue || transformIn(value) === internalValue) {
+        return;
+      }
+      modelRef.value = newValue;
+      component.emit(`update:${modelName}`, newValue);
+    }
+  });
+  Object.defineProperty(model, "externalValue", {
+    get: () => {
+      return isModelAvailable.value ? props[modelName] : modelRef.value;
+    }
+  });
+  return model;
+}
+exports.useModelProxy = useModelProxy;
+//# sourceMappingURL=modelProxy-DnzSF9dT.cjs.map

package/dist/cjs/modelProxy-DnzSF9dT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modelProxy-DnzSF9dT.cjs","sources":["../../src/composables/modelProxy.ts"],"sourcesContent":["import { ComponentInternalInstance, computed, ref, toRaw, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport { EventProp, getCurrentComponent, toKebabCase } from \"@/util\";\nimport { useToggleScope } from \"./toggleScope\";\n\ntype InnerVal<T> = T extends any[] ? Readonly<T> : T;\n\n/**\n * ## Has Prop\n *\n * Returns `true` if the `vueInstance` supplied has the `propName` in its list of props.\n *\n * @param vueInstance\n * @param propName\n */\nfunction hasProp(\n    vueInstance: ComponentInternalInstance,\n    propName: string,\n): boolean {\n    return !!vueInstance.props?.hasOwnProperty(propName);\n}\n\n/**\n * # Model Proxy\n */\nexport function useModelProxy<\n    PropsObject extends object &\n        Partial<{\n            [key in ModelName as `onUpdate:${ModelName}`]:\n                | EventProp\n                | undefined;\n        }>,\n    ModelName extends Extract<keyof PropsObject, string>,\n    Inner = PropsObject[ModelName],\n>(\n    props: PropsObject,\n    modelName: ModelName,\n    defaultValue?: PropsObject[ModelName],\n    transformIn: (modelValue?: PropsObject[ModelName]) => Inner = (\n        value: any,\n    ) => value,\n    transformOut: (modelValue: Inner) => PropsObject[ModelName] = (\n        value: any,\n    ) => value,\n) {\n    const component: ComponentInternalInstance =\n        getCurrentComponent(\"useModelProxy\");\n    const modelRef: Ref<PropsObject[ModelName]> = ref(\n        props[modelName] !== undefined ? props[modelName] : defaultValue,\n    ) as Ref<PropsObject[ModelName]>;\n    const modelNameKebab: string = toKebabCase(modelName);\n    const isCheckKebabName: boolean = modelName !== modelNameKebab;\n    const isModelAvailable = computed(() => {\n        // Ignore evaluation of props[modelName]\n        void props[modelName];\n        return (\n            (hasProp(component, modelName) &&\n                hasProp(component, `onUpdate:${modelName}`)) ||\n            (isCheckKebabName &&\n                hasProp(component, modelNameKebab) &&\n                hasProp(component, `onUpdate:${modelNameKebab}`))\n        );\n    });\n\n    // Watch changes on the original model\n    useToggleScope(\n        () => !isModelAvailable.value,\n        () => {\n            watch(\n                () => props[modelName],\n                (value) => {\n                    modelRef.value = value;\n                },\n            );\n        },\n    );\n\n    // Define a computed model\n    const model = computed({\n        get(): any {\n            const externalValue = props[modelName];\n            return transformIn(\n                isModelAvailable.value ? externalValue : modelRef.value,\n            );\n        },\n        set(internalValue): void {\n            const newValue = transformOut(internalValue);\n            const value = toRaw(\n                isModelAvailable.value ? props[modelName] : modelRef.value,\n            );\n            // Ignore if the value has not changed\n            if (value === newValue || transformIn(value) === internalValue) {\n                return;\n            }\n            modelRef.value = newValue;\n            component.emit(`update:${modelName}`, newValue);\n        },\n    }) as any as Ref<InnerVal<any>> & {\n        readonly externalValue: PropsObject[ModelName];\n    };\n\n    // Define an externalValue property to our model\n    Object.defineProperty(model, \"externalValue\", {\n        get: () => {\n            return isModelAvailable.value ? props[modelName] : modelRef.value;\n        },\n    });\n\n    return model;\n}\n"],"names":["getCurrentComponent","ref","toKebabCase","computed","useToggleScope","watch","toRaw"],"mappings":";;;;;;AAeA,SAAS,QACL,aACA,UACO;;AACP,SAAO,CAAC,GAAC,iBAAY,UAAZ,mBAAmB,eAAe;AAC/C;AAKgB,SAAA,cAUZ,OACA,WACA,cACA,cAA8D,CAC1D,UACC,OACL,eAA8D,CAC1D,UACC,OACP;AACQ,QAAA,YACFA,+BAAoB,eAAe;AACvC,QAAM,WAAwCC,IAAA;AAAA,IAC1C,MAAM,SAAS,MAAM,SAAY,MAAM,SAAS,IAAI;AAAA,EACxD;AACM,QAAA,iBAAyBC,oBAAY,SAAS;AACpD,QAAM,mBAA4B,cAAc;AAC1C,QAAA,mBAAmBC,IAAAA,SAAS,MAAM;AAEpC,SAAK,MAAM,SAAS;AACpB,WACK,QAAQ,WAAW,SAAS,KACzB,QAAQ,WAAW,YAAY,SAAS,EAAE,KAC7C,oBACG,QAAQ,WAAW,cAAc,KACjC,QAAQ,WAAW,YAAY,cAAc,EAAE;AAAA,EAAA,CAE1D;AAGDC,cAAA;AAAA,IACI,MAAM,CAAC,iBAAiB;AAAA,IACxB,MAAM;AACFC,UAAA;AAAA,QACI,MAAM,MAAM,SAAS;AAAA,QACrB,CAAC,UAAU;AACP,mBAAS,QAAQ;AAAA,QAAA;AAAA,MAEzB;AAAA,IAAA;AAAA,EAER;AAGA,QAAM,QAAQF,IAAAA,SAAS;AAAA,IACnB,MAAW;AACD,YAAA,gBAAgB,MAAM,SAAS;AAC9B,aAAA;AAAA,QACH,iBAAiB,QAAQ,gBAAgB,SAAS;AAAA,MACtD;AAAA,IACJ;AAAA,IACA,IAAI,eAAqB;AACf,YAAA,WAAW,aAAa,aAAa;AAC3C,YAAM,QAAQG,IAAA;AAAA,QACV,iBAAiB,QAAQ,MAAM,SAAS,IAAI,SAAS;AAAA,MACzD;AAEA,UAAI,UAAU,YAAY,YAAY,KAAK,MAAM,eAAe;AAC5D;AAAA,MAAA;AAEJ,eAAS,QAAQ;AACjB,gBAAU,KAAK,UAAU,SAAS,IAAI,QAAQ;AAAA,IAAA;AAAA,EAClD,CACH;AAKM,SAAA,eAAe,OAAO,iBAAiB;AAAA,IAC1C,KAAK,MAAM;AACP,aAAO,iBAAiB,QAAQ,MAAM,SAAS,IAAI,SAAS;AAAA,IAAA;AAAA,EAChE,CACH;AAEM,SAAA;AACX;;"}