@mgdis/mg-components 6.9.0 → 6.10.1

package/dist/collection/utils/behaviors.utils.js

@@ -56,8 +56,8 @@ export class OverflowBehavior {
             else if (!this.isMoreElement(item) && item.parentElement !== this.parentElement)
                 this.parentElement.insertBefore(item, this.itemMoreElement);
         };
-        if (!this.parentElement || !this.itemMoreElement || !this.itemMoreContainerElement) {
-            throw new Error('OverflowBehavior - all construtor params are required');
+        if (this.parentElement === null || this.itemMoreElement === null || this.itemMoreContainerElement === null) {
+            throw new Error('OverflowBehavior - all constructor params are required');
         }
         const items = Array.from(this.parentElement.children);
         this._resizeObserver = new ResizeObserver(entries => {
@@ -70,7 +70,7 @@ export class OverflowBehavior {
             let accWidth = 0;
             items.forEach((item, index) => {
                 accWidth += item.offsetWidth;
-                if (index)
+                if (index > 0)
                     this.toggleItem(item, this.isOverflowElement(accWidth, item));
             });
         });

package/dist/collection/utils/behaviors.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"behaviors.utils.js","sourceRoot":"","sources":["../../src/utils/behaviors.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n */\nexport class OverflowBehavior {\n  // variables\n  private _resizeObserver: ResizeObserver;\n  private _availableWidth: number;\n\n  constructor(\n    private parentElement: HTMLElement,\n    private itemMoreElement: HTMLElement,\n    private itemMoreContainerElement: HTMLElement,\n  ) {\n    if (!this.parentElement || !this.itemMoreElement || !this.itemMoreContainerElement) {\n      throw new Error('OverflowBehavior - all construtor params are required');\n    }\n\n    const items = Array.from(this.parentElement.children) as HTMLElement[];\n\n    this._resizeObserver = new ResizeObserver(entries => {\n      this._availableWidth = entries\n        .map(entry => entry.contentRect.width)\n        .sort((a, b) => a - b)\n        .shift();\n      // reset items\n      items.forEach(item => this.toggleItem(item, false));\n\n      let accWidth = 0;\n\n      items.forEach((item, index) => {\n        accWidth += item.offsetWidth;\n        if (index) this.toggleItem(item, this.isOverflowElement(accWidth, item));\n      });\n    });\n    this._resizeObserver.observe(this.parentElement);\n  }\n\n  /**********\n   * Public *\n   **********/\n\n  /**\n   * Disconnect ResizeObserver\n   */\n  public disconnect = (): void => {\n    this._resizeObserver.disconnect();\n  };\n\n  /************\n   * Internal *\n   ************/\n\n  /**\n   * Utility method to know if element is HTMLMgItemMoreElement\n   * @param element - element to match with 'MORE' element\n   * @returns truthy if element is the 'MORE' element\n   */\n  private isMoreElement = (element: HTMLElement): element is HTMLMgItemMoreElement => element === this.itemMoreElement;\n\n  /**\n   * Utility method to know if item overflow partialy or totaly in the container\n   * @param cumulateWidth - previous sibling elements cumulate width + item width\n   * @param item - item HTML element\n   * @returns truthy if element is overflow\n   */\n  private isOverflowElement = (cumulateWidth: number, item: HTMLElement): boolean => {\n    const displayMgItemMore = this.itemMoreContainerElement.children.length > 0;\n    if (!this.isMoreElement(item)) {\n      if (item.nextElementSibling.nodeName !== 'MG-ITEM-MORE' && !displayMgItemMore) return cumulateWidth + this.itemMoreElement.offsetWidth > this._availableWidth;\n      else return cumulateWidth > this._availableWidth;\n    } else return !displayMgItemMore;\n  };\n\n  /**\n   * Toogle item from isHidden condition\n   * @param item - item to update\n   * @param isHidden - item is hidden\n   */\n  private toggleItem = (item: HTMLElement, isHidden: boolean): void => {\n    if (this.isMoreElement(item) && isHidden) item.setAttribute('hidden', '');\n    else if (this.isMoreElement(item) && !isHidden) item.removeAttribute('hidden');\n    else if (!this.isMoreElement(item) && isHidden) this.itemMoreContainerElement.appendChild(item);\n    else if (!this.isMoreElement(item) && item.parentElement !== this.parentElement) this.parentElement.insertBefore(item, this.itemMoreElement);\n  };\n}\n"]}
+{"version":3,"file":"behaviors.utils.js","sourceRoot":"","sources":["../../src/utils/behaviors.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n */\nexport class OverflowBehavior {\n  // variables\n  private _resizeObserver: ResizeObserver;\n  private _availableWidth: number;\n\n  constructor(\n    private parentElement: HTMLElement,\n    private itemMoreElement: HTMLElement,\n    private itemMoreContainerElement: HTMLElement,\n  ) {\n    if (this.parentElement === null || this.itemMoreElement === null || this.itemMoreContainerElement === null) {\n      throw new Error('OverflowBehavior - all constructor params are required');\n    }\n\n    const items = Array.from(this.parentElement.children) as HTMLElement[];\n\n    this._resizeObserver = new ResizeObserver(entries => {\n      this._availableWidth = entries\n        .map(entry => entry.contentRect.width)\n        .sort((a, b) => a - b)\n        .shift();\n      // reset items\n      items.forEach(item => this.toggleItem(item, false));\n\n      let accWidth = 0;\n\n      items.forEach((item, index) => {\n        accWidth += item.offsetWidth;\n        if (index > 0) this.toggleItem(item, this.isOverflowElement(accWidth, item));\n      });\n    });\n    this._resizeObserver.observe(this.parentElement);\n  }\n\n  /**********\n   * Public *\n   **********/\n\n  /**\n   * Disconnect ResizeObserver\n   */\n  public disconnect = (): void => {\n    this._resizeObserver.disconnect();\n  };\n\n  /************\n   * Internal *\n   ************/\n\n  /**\n   * Utility method to know if element is HTMLMgItemMoreElement\n   * @param element - element to match with 'MORE' element\n   * @returns truthy if element is the 'MORE' element\n   */\n  private isMoreElement = (element: HTMLElement): element is HTMLMgItemMoreElement => element === this.itemMoreElement;\n\n  /**\n   * Utility method to know if item overflow partialy or totaly in the container\n   * @param cumulateWidth - previous sibling elements cumulate width + item width\n   * @param item - item HTML element\n   * @returns truthy if element is overflow\n   */\n  private isOverflowElement = (cumulateWidth: number, item: HTMLElement): boolean => {\n    const displayMgItemMore = this.itemMoreContainerElement.children.length > 0;\n    if (!this.isMoreElement(item)) {\n      if (item.nextElementSibling.nodeName !== 'MG-ITEM-MORE' && !displayMgItemMore) return cumulateWidth + this.itemMoreElement.offsetWidth > this._availableWidth;\n      else return cumulateWidth > this._availableWidth;\n    } else return !displayMgItemMore;\n  };\n\n  /**\n   * Toogle item from isHidden condition\n   * @param item - item to update\n   * @param isHidden - item is hidden\n   */\n  private toggleItem = (item: HTMLElement, isHidden: boolean): void => {\n    if (this.isMoreElement(item) && isHidden) item.setAttribute('hidden', '');\n    else if (this.isMoreElement(item) && !isHidden) item.removeAttribute('hidden');\n    else if (!this.isMoreElement(item) && isHidden) this.itemMoreContainerElement.appendChild(item);\n    else if (!this.isMoreElement(item) && item.parentElement !== this.parentElement) this.parentElement.insertBefore(item, this.itemMoreElement);\n  };\n}\n"]}

package/dist/collection/utils/events.utils.js

@@ -0,0 +1,22 @@
+/**
+ * Keyboard keys
+ */
+export const Keys = {
+    TAB: 'Tab',
+    ENTER: 'Enter',
+    DOWN: 'Down',
+    UP: 'Up',
+    LEFT: 'Left',
+    RIGHT: 'Right',
+    ARROWDOWN: 'ArrowDown',
+    ARROWUP: 'ArrowUp',
+    ARROWRIGHT: 'ArrowRight',
+    ARROWLEFT: 'ArrowLeft',
+    HOME: 'Home',
+    END: 'End',
+    ESC: 'Esc',
+    ESCAPE: 'Escape',
+    NUMPADENTER: 'NumpadEnter',
+    SPACE: 'Space',
+};
+//# sourceMappingURL=events.utils.js.map

package/dist/collection/utils/events.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.utils.js","sourceRoot":"","sources":["../../src/utils/events.utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAyC;IACxD,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;IAC1B,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["/**\n * Keyboard keys\n */\nexport const Keys: Record<string, KeyboardEvent['key']> = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  DOWN: 'Down',\n  UP: 'Up',\n  LEFT: 'Left',\n  RIGHT: 'Right',\n  ARROWDOWN: 'ArrowDown',\n  ARROWUP: 'ArrowUp',\n  ARROWRIGHT: 'ArrowRight',\n  ARROWLEFT: 'ArrowLeft',\n  HOME: 'Home',\n  END: 'End',\n  ESC: 'Esc',\n  ESCAPE: 'Escape',\n  NUMPADENTER: 'NumpadEnter',\n  SPACE: 'Space',\n};\n"]}

package/dist/components/events.utils.js

@@ -0,0 +1,26 @@
+/**
+ * Keyboard keys
+ */
+const Keys = {
+    TAB: 'Tab',
+    ENTER: 'Enter',
+    DOWN: 'Down',
+    UP: 'Up',
+    LEFT: 'Left',
+    RIGHT: 'Right',
+    ARROWDOWN: 'ArrowDown',
+    ARROWUP: 'ArrowUp',
+    ARROWRIGHT: 'ArrowRight',
+    ARROWLEFT: 'ArrowLeft',
+    HOME: 'Home',
+    END: 'End',
+    ESC: 'Esc',
+    ESCAPE: 'Escape',
+    NUMPADENTER: 'NumpadEnter',
+    SPACE: 'Space',
+};
+
+export { Keys as K };
+//# sourceMappingURL=events.utils.js.map
+
+//# sourceMappingURL=events.utils.js.map

package/dist/components/events.utils.js.map

@@ -0,0 +1 @@
+{"file":"events.utils.js","mappings":"AAAA;;AAEG;AACU,MAAA,IAAI,GAAyC;AACxD,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,KAAK,EAAE,OAAO;;;;;","names":[],"sources":["src/utils/events.utils.ts"],"sourcesContent":["/**\n * Keyboard keys\n */\nexport const Keys: Record<string, KeyboardEvent['key']> = {\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  DOWN: 'Down',\n  UP: 'Up',\n  LEFT: 'Left',\n  RIGHT: 'Right',\n  ARROWDOWN: 'ArrowDown',\n  ARROWUP: 'ArrowUp',\n  ARROWRIGHT: 'ArrowRight',\n  ARROWLEFT: 'ArrowLeft',\n  HOME: 'Home',\n  END: 'End',\n  ESC: 'Esc',\n  ESCAPE: 'Escape',\n  NUMPADENTER: 'NumpadEnter',\n  SPACE: 'Space',\n};\n"],"version":3}

package/dist/components/index.es.js

@@ -1,13 +1,17 @@
-var Re = Object.defineProperty;
-var ze = (e, t, r) => t in e ? Re(e, t, { enumerable: true, configurable: true, writable: true, value: r }) : e[t] = r;
-var d = (e, t, r) => ze(e, typeof t != "symbol" ? t + "" : t, r);
-const xt = (e = "", t = 10) => {
+var De = Object.defineProperty;
+var ce = (e) => {
+  throw TypeError(e);
+};
+var He = (e, t, r) => t in e ? De(e, t, { enumerable: true, configurable: true, writable: true, value: r }) : e[t] = r;
+var d = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), fe = (e, t, r) => t.has(e) || ce("Cannot " + r);
+var v = (e, t, r) => (fe(e, t, "read from private field"), t.get(e)), k = (e, t, r) => t.has(e) ? ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), U = (e, t, r, s) => (fe(e, t, "write to private field"), t.set(e, r), r);
+const Zt = (e = "", t = 10) => {
   const r = new Uint8Array(t);
   crypto.getRandomValues(r);
   const s = Array.from(r).map((n) => n.toString(16).padStart(2, "0")).join("").slice(0, t);
   return e !== "" ? `${e}-${s}` : s;
-}, Ot = (e) => Le(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
-class kt {
+}, Dt = (e) => qe(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
+class Ht {
   constructor(t = []) {
     /**
      * Available classes
@@ -42,68 +46,157 @@ class kt {
     this.classes = t;
   }
 }
-const At = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Tt = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), jt = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Rt = (e) => {
-  const t = ge(e), r = pe(e);
+const qt = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Bt = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Gt = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Jt = (e) => {
+  const t = _e(e), r = be(e);
   return [e, ...t, ...r];
-}, ge = (e, t = []) => {
+}, _e = (e, t = []) => {
   if (e.self !== e.top)
     try {
       const r = e.parent;
-      return r ? (t.push(r), ge(r, t)) : t;
+      return r ? (t.push(r), _e(r, t)) : t;
     } catch (r) {
       return console.error("Different hosts between iframes:", r), t;
     }
   return t;
-}, pe = (e, t = []) => {
+}, be = (e, t = []) => {
   if (e.frames.length > 0)
     for (const r of Array.from(e.frames))
-      t.push(r), pe(r, t);
+      t.push(r), be(r, t);
   return t;
-}, Le = (e) => typeof e == "string" && e.trim() !== "", zt = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Nt = (e) => typeof e == "number" && !Number.isNaN(e), Lt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Mt = async (e) => e();
-var Me = Object.defineProperty, Fe = (e, t) => {
+}, qe = (e) => typeof e == "string" && e.trim() !== "", Xt = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Kt = (e) => typeof e == "number" && !Number.isNaN(e), Yt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Qt = async (e) => {
+  if (e) return e();
+}, ne = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Be = (e, t, r) => {
+  const s = ".";
+  if (!ne(e) || typeof t != "string")
+    return r;
+  const [n, ...i] = t.split(s);
+  return i.length ? Be(e[n], i.join(s)) : e[n];
+}, Vt = {
+  FIRST: "first",
+  NEXT: "next",
+  PREVIOUS: "previous",
+  LAST: "last"
+}, ve = 10;
+class Ge {
+  constructor(t) {
+    /**
+     * Define items
+     */
+    d(this, "items", []);
+    /**
+     * Define total
+     */
+    d(this, "total");
+    /**
+     * Define top
+     */
+    d(this, "top", ve);
+    /**
+     * Define next
+     */
+    d(this, "next");
+    /**
+     * Define base index
+     */
+    d(this, "baseIndex", 1);
+    /**
+     * Get index of items from cursor
+     * @param cursor - cursor to find
+     * @param oldItem - previous item
+     * @returns item index
+     */
+    d(this, "getIndexFromCursor", (t = "first", r) => {
+      if (!Array.isArray(this.items) || !this.items.length) return null;
+      const n = this.items.length - this.baseIndex;
+      let i = 0, o = 0;
+      if (["previous", "next"].includes(t) && r) {
+        const f = this.items.findIndex((c) => JSON.stringify(c) === JSON.stringify(r));
+        if (f === -1) return 0;
+        o = f;
+      }
+      return t === "first" ? i = 0 : t === "last" ? i = n : t === "previous" ? i = JSON.stringify(this.items[o]) === JSON.stringify(this.items[0]) ? n : o - this.baseIndex : t === "next" && (i = JSON.stringify(this.items[o]) === JSON.stringify(this.items[n]) ? 0 : o + this.baseIndex), i;
+    });
+    if (ne(t))
+      Array.isArray(t.items) && (this.items = t.items), typeof t.top == "number" && (this.top = t.top), this.total = typeof t.total == "number" ? t.total : this.items.length, this.next = t.next;
+    else
+      throw new Error("Page - init must match IPage type.");
+  }
+}
+var O, N, C;
+class er {
+  constructor(t, r) {
+    /**
+     * Define paginated items
+     */
+    d(this, "items", []);
+    /* Privates */
+    k(this, O, ve);
+    k(this, N);
+    k(this, C);
+    /**
+     * Get page
+     * @param offset - pagiantion offset
+     * @param filter - filter methode
+     * @returns formated page
+     */
+    d(this, "getPage", (t = 0, r) => {
+      const s = typeof r == "function" ? this.items.filter(r) : this.items;
+      let n;
+      return v(this, N) ? n = v(this, N) : s.length > t + v(this, O) && (n = () => this.getPage(t + v(this, O), r)), new Ge({
+        items: s.slice(t, t + v(this, O)),
+        total: v(this, C),
+        top: v(this, O),
+        next: n
+      });
+    });
+    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || ne(r.next) && URL.canParse(r.next)) && U(this, N, r.next), typeof (r == null ? void 0 : r.top) == "number" && U(this, O, r.top), typeof (r == null ? void 0 : r.total) == "number" && U(this, C, r.total);
+  }
+}
+O = new WeakMap(), N = new WeakMap(), C = new WeakMap();
+var Je = Object.defineProperty, Xe = (e, t) => {
   for (var r in t)
-    Me(e, r, { get: t[r], enumerable: true });
-}, De = {};
-Fe(De, {
-  err: () => de,
-  map: () => Ze,
-  ok: () => W,
-  unwrap: () => qe,
-  unwrapErr: () => Be
+    Je(e, r, { get: t[r], enumerable: true });
+}, Ve = {};
+Xe(Ve, {
+  err: () => me,
+  map: () => et,
+  ok: () => Q,
+  unwrap: () => tt,
+  unwrapErr: () => rt
 });
-var W = (e) => ({
+var Q = (e) => ({
   isOk: true,
   isErr: false,
   value: e
-}), de = (e) => ({
+}), me = (e) => ({
   isOk: false,
   isErr: true,
   value: e
 });
-function Ze(e, t) {
+function et(e, t) {
   if (e.isOk) {
     const r = t(e.value);
-    return r instanceof Promise ? r.then((s) => W(s)) : W(r);
+    return r instanceof Promise ? r.then((s) => Q(s)) : Q(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return de(r);
+    return me(r);
   }
   throw "should never get here";
 }
-var qe = (e) => {
+var tt = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, Be = (e) => {
+}, rt = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
 };
-const Bt = (e) => {
+const lr = (e) => {
   const t = { value: "2023", pattern: "yyyy" }, r = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
-  return Et([t.value, r.value, s.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(r.value, r.pattern).replace(s.value, s.pattern);
-}, Ht = (e) => e.toISOString().split("T")[0], _t = (e, t, r) => {
+  return Pt([t.value, r.value, s.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(r.value, r.pattern).replace(s.value, s.pattern);
+}, cr = (e) => e.toISOString().split("T")[0], Ft = (e, t, r) => {
   const s = e.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(s == null ? void 0 : s.lang), i = n.length > 0 && typeof n[0] == "string" ? n[0] : navigator.language || r, o = i.split("-").shift();
   return Object.keys(t).length === 0 ? {
     locale: i,
@@ -112,19 +205,19 @@ const Bt = (e) => {
     locale: i,
     messages: t[o] || t[r] || { lang: r }
   };
-}, Pt = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), Gt = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), Wt = (e, t, r = 0) => new Intl.NumberFormat(t, {
+}, fr = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), ur = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), pr = (e, t, r = 0) => new Intl.NumberFormat(t, {
   style: "percent",
   minimumFractionDigits: r,
   maximumFractionDigits: r
-}).format(e), Xt = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
+}).format(e), gr = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
   style: "unit",
   unit: r,
   unitDisplay: s,
   minimumFractionDigits: n,
   maximumFractionDigits: n
-}).format(e), wt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Et = (e, t, r) => typeof e != "string" || e === "" || !wt.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), Jt = (e, t) => (r) => _t(r, e, t);
+}).format(e), Ct = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Pt = (e, t, r) => typeof e != "string" || e === "" || !Ct.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), $r = (e, t) => (r) => Ft(r, e, t);
 
-export { At as A, Bt as B, Et as E, Gt as G, Ht as H, Jt as J, Le as L, Mt as M, Nt as N, Ot as O, Pt as P, Rt as R, Tt as T, Wt as W, Xt as X, Lt as a, jt as j, kt as k, wt as w, xt as x, zt as z };
+export { $r as $, Bt as B, Ct as C, Dt as D, Ge as G, Ht as H, Jt as J, Kt as K, Pt as P, Qt as Q, Vt as V, Xt as X, Yt as Y, Zt as Z, qt as a, Be as b, Gt as c, cr as d, er as e, fr as f, gr as g, lr as l, ne as n, pr as p, qe as q, ur as u };
 //# sourceMappingURL=index.es.js.map
 
 //# sourceMappingURL=index.es.js.map