@genexus/genexus-ide-ui 1.1.43 → 1.1.45

package/dist/genexus-ide-ui/{p-e2b0ee82.entry.js → p-d67ff6a5.entry.js}

@@ -1,9 +1,11 @@
-import { r as e, h as t, H as n, a } from "./p-97107ecc.js";
+import { r as n, h as e, H as t, a } from "./p-97107ecc.js";
 
-import { g as o } from "./p-401bfc97.js";
+import { g as i } from "./p-401bfc97.js";
 
 import { L as r } from "./p-311eedf3.js";
 
+import { f as o } from "./p-1972b953.js";
+
 /**
  * @module constants
  * @summary Useful constants
@@ -24,13 +26,13 @@ import { L as r } from "./p-311eedf3.js";
  * @constant
  * @name minutesInMonth
  * @summary Minutes in 1 month.
- */ const i = 43200;
+ */ const s = 43200;
 
 /**
  * @constant
  * @name minutesInDay
  * @summary Minutes in 1 day.
- */ const s = 1440;
+ */ const c = 1440;
 
 /**
  * @constant
@@ -42,7 +44,7 @@ import { L as r } from "./p-311eedf3.js";
  * from the reference date to the new date. It's useful for extensions like
  * [`TZDate`](https://github.com/date-fns/tz) that accept a time zone as
  * a constructor argument.
- */ const c = Symbol.for("constructDateFrom");
+ */ const d = Symbol.for("constructDateFrom");
 
 /**
  * @name constructFrom
@@ -78,11 +80,11 @@ import { L as r } from "./p-311eedf3.js";
  *     date.getTime() // Use the date value to create a new date
  *   );
  * }
- */ function constructFrom(e, t) {
-  if (typeof e === "function") return e(t);
-  if (e && typeof e === "object" && c in e) return e[c](t);
-  if (e instanceof Date) return new e.constructor(t);
-  return new Date(t);
+ */ function constructFrom(n, e) {
+  if (typeof n === "function") return n(e);
+  if (n && typeof n === "object" && d in n) return n[d](e);
+  if (n instanceof Date) return new n.constructor(e);
+  return new Date(e);
 }
 
 /**
@@ -122,15 +124,15 @@ import { L as r } from "./p-311eedf3.js";
  * // Convert the timestamp to date:
  * const result = toDate(1392098430000)
  * //=> Tue Feb 11 2014 11:30:30
- */ function toDate(e, t) {
+ */ function toDate(n, e) {
   // [TODO] Get rid of `toDate` or `constructFrom`?
-  return constructFrom(t || e, e);
+  return constructFrom(e || n, n);
 }
 
-let d = {};
+let l = {};
 
 function getDefaultOptions() {
-  return d;
+  return l;
 }
 
 /**
@@ -162,15 +164,15 @@ function getDefaultOptions() {
  * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
  * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
  * //=> Mon Sep 01 2014 00:00:00
- */ function startOfWeek(e, t) {
-  const n = getDefaultOptions();
-  const a = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0;
-  const o = toDate(e, t?.in);
-  const r = o.getDay();
-  const i = (r < a ? 7 : 0) + r - a;
-  o.setDate(o.getDate() - i);
-  o.setHours(0, 0, 0, 0);
-  return o;
+ */ function startOfWeek(n, e) {
+  const t = getDefaultOptions();
+  const a = e?.weekStartsOn ?? e?.locale?.options?.weekStartsOn ?? t.weekStartsOn ?? t.locale?.options?.weekStartsOn ?? 0;
+  const i = toDate(n, e?.in);
+  const r = i.getDay();
+  const o = (r < a ? 7 : 0) + r - a;
+  i.setDate(i.getDate() - o);
+  i.setHours(0, 0, 0, 0);
+  return i;
 }
 
 /**
@@ -183,16 +185,16 @@ function getDefaultOptions() {
  * which would lead to incorrect calculations.
  *
  * This function returns the timezone offset in milliseconds that takes seconds in account.
- */ function getTimezoneOffsetInMilliseconds(e) {
-  const t = toDate(e);
-  const n = new Date(Date.UTC(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds()));
-  n.setUTCFullYear(t.getFullYear());
-  return +e - +n;
+ */ function getTimezoneOffsetInMilliseconds(n) {
+  const e = toDate(n);
+  const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
+  t.setUTCFullYear(e.getFullYear());
+  return +n - +t;
 }
 
-function normalizeDates(e, ...t) {
-  const n = constructFrom.bind(null, e || t.find((e => typeof e === "object")));
-  return t.map(n);
+function normalizeDates(n, ...e) {
+  const t = constructFrom.bind(null, n || e.find((n => typeof n === "object")));
+  return e.map(t);
 }
 
 /**
@@ -226,11 +228,11 @@ function normalizeDates(e, ...t) {
  * //   Mon Jul 10 1989 00:00:00,
  * //   Sun Jul 02 1995 00:00:00
  * // ]
- */ function compareAsc(e, t) {
-  const n = +toDate(e) - +toDate(t);
-  if (n < 0) return -1; else if (n > 0) return 1;
+ */ function compareAsc(n, e) {
+  const t = +toDate(n) - +toDate(e);
+  if (t < 0) return -1; else if (t > 0) return 1;
   // Return 0 if diff is 0; return NaN if diff is NaN
-    return n;
+    return t;
 }
 
 /**
@@ -260,8 +262,8 @@ function normalizeDates(e, ...t) {
  *   // differently in different timezones and return false for the same date.
  *   return isSameDay(date, constructNow(date));
  * }
- */ function constructNow(e) {
-  return constructFrom(e, Date.now());
+ */ function constructNow(n) {
+  return constructFrom(n, Date.now());
 }
 
 /**
@@ -288,17 +290,17 @@ function normalizeDates(e, ...t) {
  *   new Date(2014, 0, 31)
  * )
  * //=> 8
- */ function differenceInCalendarMonths(e, t, n) {
-  const [a, o] = normalizeDates(n?.in, e, t);
-  const r = a.getFullYear() - o.getFullYear();
-  const i = a.getMonth() - o.getMonth();
-  return r * 12 + i;
+ */ function differenceInCalendarMonths(n, e, t) {
+  const [a, i] = normalizeDates(t?.in, n, e);
+  const r = a.getFullYear() - i.getFullYear();
+  const o = a.getMonth() - i.getMonth();
+  return r * 12 + o;
 }
 
-function getRoundingMethod(e) {
-  return t => {
-    const n = e ? Math[e] : Math.trunc;
-    const a = n(t);
+function getRoundingMethod(n) {
+  return e => {
+    const t = n ? Math[n] : Math.trunc;
+    const a = t(e);
     // Prevent negative zero
         return a === 0 ? 0 : a;
   };
@@ -325,8 +327,8 @@ function getRoundingMethod(e) {
  *   new Date(2014, 6, 2, 12, 30, 20, 600)
  * )
  * //=> 1100
- */ function differenceInMilliseconds(e, t) {
-  return +toDate(e) - +toDate(t);
+ */ function differenceInMilliseconds(n, e) {
+  return +toDate(n) - +toDate(e);
 }
 
 /**
@@ -353,10 +355,10 @@ function getRoundingMethod(e) {
  * // The end of a day for 2 September 2014 11:55:00:
  * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 02 2014 23:59:59.999
- */ function endOfDay(e, t) {
-  const n = toDate(e, t?.in);
-  n.setHours(23, 59, 59, 999);
-  return n;
+ */ function endOfDay(n, e) {
+  const t = toDate(n, e?.in);
+  t.setHours(23, 59, 59, 999);
+  return t;
 }
 
 /**
@@ -383,12 +385,12 @@ function getRoundingMethod(e) {
  * // The end of a month for 2 September 2014 11:55:00:
  * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
  * //=> Tue Sep 30 2014 23:59:59.999
- */ function endOfMonth(e, t) {
-  const n = toDate(e, t?.in);
-  const a = n.getMonth();
-  n.setFullYear(n.getFullYear(), a + 1, 0);
-  n.setHours(23, 59, 59, 999);
-  return n;
+ */ function endOfMonth(n, e) {
+  const t = toDate(n, e?.in);
+  const a = t.getMonth();
+  t.setFullYear(t.getFullYear(), a + 1, 0);
+  t.setHours(23, 59, 59, 999);
+  return t;
 }
 
 /**
@@ -408,9 +410,9 @@ function getRoundingMethod(e) {
  * // Is 28 February 2014 the last day of a month?
  * const result = isLastDayOfMonth(new Date(2014, 1, 28))
  * //=> true
- */ function isLastDayOfMonth(e, t) {
-  const n = toDate(e, t?.in);
-  return +endOfDay(n, t) === +endOfMonth(n, t);
+ */ function isLastDayOfMonth(n, e) {
+  const t = toDate(n, e?.in);
+  return +endOfDay(t, e) === +endOfMonth(t, e);
 }
 
 /**
@@ -431,18 +433,18 @@ function getRoundingMethod(e) {
  * // How many full months are between 31 January 2014 and 1 September 2014?
  * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))
  * //=> 7
- */ function differenceInMonths(e, t, n) {
-  const [a, o, r] = normalizeDates(n?.in, e, e, t);
-  const i = compareAsc(o, r);
-  const s = Math.abs(differenceInCalendarMonths(o, r));
+ */ function differenceInMonths(n, e, t) {
+  const [a, i, r] = normalizeDates(t?.in, n, n, e);
+  const o = compareAsc(i, r);
+  const s = Math.abs(differenceInCalendarMonths(i, r));
   if (s < 1) return 0;
-  if (o.getMonth() === 1 && o.getDate() > 27) o.setDate(30);
-  o.setMonth(o.getMonth() - i * s);
-  let c = compareAsc(o, r) === -i;
+  if (i.getMonth() === 1 && i.getDate() > 27) i.setDate(30);
+  i.setMonth(i.getMonth() - o * s);
+  let c = compareAsc(i, r) === -o;
   if (isLastDayOfMonth(a) && s === 1 && compareAsc(a, r) === 1) {
     c = false;
   }
-  const d = i * (s - +c);
+  const d = o * (s - +c);
   return d === 0 ? 0 : d;
 }
 
@@ -471,12 +473,12 @@ function getRoundingMethod(e) {
  *   new Date(2014, 6, 2, 12, 30, 7, 999)
  * )
  * //=> 12
- */ function differenceInSeconds(e, t, n) {
-  const a = differenceInMilliseconds(e, t) / 1e3;
-  return getRoundingMethod(n?.roundingMethod)(a);
+ */ function differenceInSeconds(n, e, t) {
+  const a = differenceInMilliseconds(n, e) / 1e3;
+  return getRoundingMethod(t?.roundingMethod)(a);
 }
 
-const l = {
+const u = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -540,18 +542,18 @@ const l = {
   }
 };
 
-const formatDistance$3 = (e, t, n) => {
+const formatDistance$3 = (n, e, t) => {
   let a;
-  const o = l[e];
-  if (typeof o === "string") {
-    a = o;
-  } else if (t === 1) {
-    a = o.one;
+  const i = u[n];
+  if (typeof i === "string") {
+    a = i;
+  } else if (e === 1) {
+    a = i.one;
   } else {
-    a = o.other.replace("{{count}}", t.toString());
+    a = i.other.replace("{{count}}", e.toString());
   }
-  if (n?.addSuffix) {
-    if (n.comparison && n.comparison > 0) {
+  if (t?.addSuffix) {
+    if (t.comparison && t.comparison > 0) {
       return "in " + a;
     } else {
       return a + " ago";
@@ -560,52 +562,52 @@ const formatDistance$3 = (e, t, n) => {
   return a;
 };
 
-function buildFormatLongFn(e) {
-  return (t = {}) => {
+function buildFormatLongFn(n) {
+  return (e = {}) => {
     // TODO: Remove String()
-    const n = t.width ? String(t.width) : e.defaultWidth;
-    const a = e.formats[n] || e.formats[e.defaultWidth];
+    const t = e.width ? String(e.width) : n.defaultWidth;
+    const a = n.formats[t] || n.formats[n.defaultWidth];
     return a;
   };
 }
 
-const u = {
+const h = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
 };
 
-const h = {
+const m = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
 };
 
-const m = {
+const f = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 };
 
-const f = {
+const g = {
   date: buildFormatLongFn({
-    formats: u,
+    formats: h,
     defaultWidth: "full"
   }),
   time: buildFormatLongFn({
-    formats: h,
+    formats: m,
     defaultWidth: "full"
   }),
   dateTime: buildFormatLongFn({
-    formats: m,
+    formats: f,
     defaultWidth: "full"
   })
 };
 
-const g = {
+const b = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
@@ -614,7 +616,7 @@ const g = {
   other: "P"
 };
 
-const formatRelative$2 = (e, t, n, a) => g[e]
+const formatRelative$2 = (n, e, t, a) => b[n]
 /**
  * The localize function argument callback which allows to convert raw value to
  * the actual type.
@@ -647,32 +649,32 @@ const formatRelative$2 = (e, t, n, a) => g[e]
  * The tuple of localized month values. The first element represents January.
  */;
 
-function buildLocalizeFn(e) {
-  return (t, n) => {
-    const a = n?.context ? String(n.context) : "standalone";
-    let o;
-    if (a === "formatting" && e.formattingValues) {
-      const t = e.defaultFormattingWidth || e.defaultWidth;
-      const a = n?.width ? String(n.width) : t;
-      o = e.formattingValues[a] || e.formattingValues[t];
+function buildLocalizeFn(n) {
+  return (e, t) => {
+    const a = t?.context ? String(t.context) : "standalone";
+    let i;
+    if (a === "formatting" && n.formattingValues) {
+      const e = n.defaultFormattingWidth || n.defaultWidth;
+      const a = t?.width ? String(t.width) : e;
+      i = n.formattingValues[a] || n.formattingValues[e];
     } else {
-      const t = e.defaultWidth;
-      const a = n?.width ? String(n.width) : e.defaultWidth;
-      o = e.values[a] || e.values[t];
+      const e = n.defaultWidth;
+      const a = t?.width ? String(t.width) : n.defaultWidth;
+      i = n.values[a] || n.values[e];
     }
-    const r = e.argumentCallback ? e.argumentCallback(t) : t;
+    const r = n.argumentCallback ? n.argumentCallback(e) : e;
     // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
-        return o[r];
+        return i[r];
   };
 }
 
-const b = {
+const p = {
   narrow: [ "B", "A" ],
   abbreviated: [ "BC", "AD" ],
   wide: [ "Before Christ", "Anno Domini" ]
 };
 
-const p = {
+const y = {
   narrow: [ "1", "2", "3", "4" ],
   abbreviated: [ "Q1", "Q2", "Q3", "Q4" ],
   wide: [ "1st quarter", "2nd quarter", "3rd quarter", "4th quarter" ]
@@ -682,20 +684,20 @@ const p = {
 // If you are making a new locale based on this one, check if the same is true for the language you're working on.
 // Generally, formatted dates should look like they are in the middle of a sentence,
 // e.g. in Spanish language the weekdays and months should be in the lowercase.
-const y = {
+const w = {
   narrow: [ "J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D" ],
   abbreviated: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ],
   wide: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]
 };
 
-const w = {
+const v = {
   narrow: [ "S", "M", "T", "W", "T", "F", "S" ],
   short: [ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ],
   abbreviated: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ],
   wide: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]
 };
 
-const v = {
+const _ = {
   narrow: {
     am: "a",
     pm: "p",
@@ -761,74 +763,74 @@ const M = {
   }
 };
 
-const ordinalNumber$2 = (e, t) => {
-  const n = Number(e);
+const ordinalNumber$2 = (n, e) => {
+  const t = Number(n);
   // If ordinal numbers depend on context, for example,
   // if they are different for different grammatical genders,
   // use `options.unit`.
   
   // `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
   // 'day', 'hour', 'minute', 'second'.
-    const a = n % 100;
+    const a = t % 100;
   if (a > 20 || a < 10) {
     switch (a % 10) {
      case 1:
-      return n + "st";
+      return t + "st";
 
      case 2:
-      return n + "nd";
+      return t + "nd";
 
      case 3:
-      return n + "rd";
+      return t + "rd";
     }
   }
-  return n + "th";
+  return t + "th";
 };
 
-const _ = {
+const k = {
   ordinalNumber: ordinalNumber$2,
   era: buildLocalizeFn({
-    values: b,
+    values: p,
     defaultWidth: "wide"
   }),
   quarter: buildLocalizeFn({
-    values: p,
+    values: y,
     defaultWidth: "wide",
-    argumentCallback: e => e - 1
+    argumentCallback: n => n - 1
   }),
   month: buildLocalizeFn({
-    values: y,
+    values: w,
     defaultWidth: "wide"
   }),
   day: buildLocalizeFn({
-    values: w,
+    values: v,
     defaultWidth: "wide"
   }),
   dayPeriod: buildLocalizeFn({
-    values: v,
+    values: _,
     defaultWidth: "wide",
     formattingValues: M,
     defaultFormattingWidth: "wide"
   })
 };
 
-function buildMatchFn(e) {
-  return (t, n = {}) => {
-    const a = n.width;
-    const o = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth];
-    const r = t.match(o);
+function buildMatchFn(n) {
+  return (e, t = {}) => {
+    const a = t.width;
+    const i = a && n.matchPatterns[a] || n.matchPatterns[n.defaultMatchWidth];
+    const r = e.match(i);
     if (!r) {
       return null;
     }
-    const i = r[0];
-    const s = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth];
-    const c = Array.isArray(s) ? findIndex(s, (e => e.test(i))) : // [TODO] -- I challenge you to fix the type
-    findKey(s, (e => e.test(i)));
+    const o = r[0];
+    const s = a && n.parsePatterns[a] || n.parsePatterns[n.defaultParseWidth];
+    const c = Array.isArray(s) ? findIndex(s, (n => n.test(o))) : // [TODO] -- I challenge you to fix the type
+    findKey(s, (n => n.test(o)));
     let d;
-    d = e.valueCallback ? e.valueCallback(c) : c;
-    d = n.valueCallback ? // [TODO] -- I challenge you to fix the type
-    n.valueCallback(d) : d;
-    const l = t.slice(i.length);
+    d = n.valueCallback ? n.valueCallback(c) : c;
+    d = t.valueCallback ? // [TODO] -- I challenge you to fix the type
+    t.valueCallback(d) : d;
+    const l = e.slice(o.length);
     return {
       value: d,
       rest: l
@@ -836,78 +838,78 @@ function buildMatchFn(e) {
   };
 }
 
-function findKey(e, t) {
-  for (const n in e) {
-    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n])) {
-      return n;
+function findKey(n, e) {
+  for (const t in n) {
+    if (Object.prototype.hasOwnProperty.call(n, t) && e(n[t])) {
+      return t;
     }
   }
   return undefined;
 }
 
-function findIndex(e, t) {
-  for (let n = 0; n < e.length; n++) {
-    if (t(e[n])) {
-      return n;
+function findIndex(n, e) {
+  for (let t = 0; t < n.length; t++) {
+    if (e(n[t])) {
+      return t;
     }
   }
   return undefined;
 }
 
-function buildMatchPatternFn(e) {
-  return (t, n = {}) => {
-    const a = t.match(e.matchPattern);
+function buildMatchPatternFn(n) {
+  return (e, t = {}) => {
+    const a = e.match(n.matchPattern);
     if (!a) return null;
-    const o = a[0];
-    const r = t.match(e.parsePattern);
+    const i = a[0];
+    const r = e.match(n.parsePattern);
     if (!r) return null;
-    let i = e.valueCallback ? e.valueCallback(r[0]) : r[0];
+    let o = n.valueCallback ? n.valueCallback(r[0]) : r[0];
     // [TODO] I challenge you to fix the type
-        i = n.valueCallback ? n.valueCallback(i) : i;
-    const s = t.slice(o.length);
+        o = t.valueCallback ? t.valueCallback(o) : o;
+    const s = e.slice(i.length);
     return {
-      value: i,
+      value: o,
       rest: s
     };
   };
 }
 
-const k = /^(\d+)(th|st|nd|rd)?/i;
+const W = /^(\d+)(th|st|nd|rd)?/i;
 
-const W = /\d+/i;
+const x = /\d+/i;
 
-const x = {
+const F = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
 };
 
-const F = {
+const P = {
   any: [ /^b/i, /^(a|c)/i ]
 };
 
-const P = {
+const z = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
 };
 
-const z = {
+const D = {
   any: [ /1/i, /2/i, /3/i, /4/i ]
 };
 
-const D = {
+const S = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
 };
 
-const S = {
+const T = {
   narrow: [ /^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i ],
   any: [ /^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i ]
 };
 
-const T = {
+const C = {
   narrow: /^[smtwf]/i,
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
@@ -919,12 +921,12 @@ const X = {
   any: [ /^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i ]
 };
 
-const C = {
+const L = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
 };
 
-const L = {
+const j = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -939,39 +941,39 @@ const L = {
 
 const A = {
   ordinalNumber: buildMatchPatternFn({
-    matchPattern: k,
-    parsePattern: W,
-    valueCallback: e => parseInt(e, 10)
+    matchPattern: W,
+    parsePattern: x,
+    valueCallback: n => parseInt(n, 10)
   }),
   era: buildMatchFn({
-    matchPatterns: x,
+    matchPatterns: F,
     defaultMatchWidth: "wide",
-    parsePatterns: F,
+    parsePatterns: P,
     defaultParseWidth: "any"
   }),
   quarter: buildMatchFn({
-    matchPatterns: P,
+    matchPatterns: z,
     defaultMatchWidth: "wide",
-    parsePatterns: z,
+    parsePatterns: D,
     defaultParseWidth: "any",
-    valueCallback: e => e + 1
+    valueCallback: n => n + 1
   }),
   month: buildMatchFn({
-    matchPatterns: D,
+    matchPatterns: S,
     defaultMatchWidth: "wide",
-    parsePatterns: S,
+    parsePatterns: T,
     defaultParseWidth: "any"
   }),
   day: buildMatchFn({
-    matchPatterns: T,
+    matchPatterns: C,
     defaultMatchWidth: "wide",
     parsePatterns: X,
     defaultParseWidth: "any"
   }),
   dayPeriod: buildMatchFn({
-    matchPatterns: C,
+    matchPatterns: L,
     defaultMatchWidth: "any",
-    parsePatterns: L,
+    parsePatterns: j,
     defaultParseWidth: "any"
   })
 };
@@ -983,12 +985,12 @@ const A = {
  * @iso-639-2 eng
  * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)
  * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)
- */ const j = {
+ */ const I = {
   code: "en-US",
   formatDistance: formatDistance$3,
-  formatLong: f,
+  formatLong: g,
   formatRelative: formatRelative$2,
-  localize: _,
+  localize: k,
   match: A,
   options: {
     weekStartsOn: 0 /* Sunday */ ,
@@ -1076,84 +1078,84 @@ const A = {
  *   locale: eoLocale
  * })
  * //=> 'pli ol 1 jaro'
- */ function formatDistance$2(e, t, n) {
+ */ function formatDistance$2(n, e, t) {
   const a = getDefaultOptions();
-  const o = n?.locale ?? a.locale ?? j;
+  const i = t?.locale ?? a.locale ?? I;
   const r = 2520;
-  const c = compareAsc(e, t);
-  if (isNaN(c)) throw new RangeError("Invalid time value");
-  const d = Object.assign({}, n, {
-    addSuffix: n?.addSuffix,
-    comparison: c
+  const o = compareAsc(n, e);
+  if (isNaN(o)) throw new RangeError("Invalid time value");
+  const d = Object.assign({}, t, {
+    addSuffix: t?.addSuffix,
+    comparison: o
   });
-  const [l, u] = normalizeDates(n?.in, ...c > 0 ? [ t, e ] : [ e, t ]);
+  const [l, u] = normalizeDates(t?.in, ...o > 0 ? [ e, n ] : [ n, e ]);
   const h = differenceInSeconds(u, l);
   const m = (getTimezoneOffsetInMilliseconds(u) - getTimezoneOffsetInMilliseconds(l)) / 1e3;
   const f = Math.round((h - m) / 60);
   let g;
   // 0 up to 2 mins
     if (f < 2) {
-    if (n?.includeSeconds) {
+    if (t?.includeSeconds) {
       if (h < 5) {
-        return o.formatDistance("lessThanXSeconds", 5, d);
+        return i.formatDistance("lessThanXSeconds", 5, d);
       } else if (h < 10) {
-        return o.formatDistance("lessThanXSeconds", 10, d);
+        return i.formatDistance("lessThanXSeconds", 10, d);
       } else if (h < 20) {
-        return o.formatDistance("lessThanXSeconds", 20, d);
+        return i.formatDistance("lessThanXSeconds", 20, d);
       } else if (h < 40) {
-        return o.formatDistance("halfAMinute", 0, d);
+        return i.formatDistance("halfAMinute", 0, d);
       } else if (h < 60) {
-        return o.formatDistance("lessThanXMinutes", 1, d);
+        return i.formatDistance("lessThanXMinutes", 1, d);
       } else {
-        return o.formatDistance("xMinutes", 1, d);
+        return i.formatDistance("xMinutes", 1, d);
       }
     } else {
       if (f === 0) {
-        return o.formatDistance("lessThanXMinutes", 1, d);
+        return i.formatDistance("lessThanXMinutes", 1, d);
       } else {
-        return o.formatDistance("xMinutes", f, d);
+        return i.formatDistance("xMinutes", f, d);
       }
     }
     // 2 mins up to 0.75 hrs
     } else if (f < 45) {
-    return o.formatDistance("xMinutes", f, d);
+    return i.formatDistance("xMinutes", f, d);
     // 0.75 hrs up to 1.5 hrs
     } else if (f < 90) {
-    return o.formatDistance("aboutXHours", 1, d);
+    return i.formatDistance("aboutXHours", 1, d);
     // 1.5 hrs up to 24 hrs
-    } else if (f < s) {
-    const e = Math.round(f / 60);
-    return o.formatDistance("aboutXHours", e, d);
+    } else if (f < c) {
+    const n = Math.round(f / 60);
+    return i.formatDistance("aboutXHours", n, d);
     // 1 day up to 1.75 days
     } else if (f < r) {
-    return o.formatDistance("xDays", 1, d);
+    return i.formatDistance("xDays", 1, d);
     // 1.75 days up to 30 days
-    } else if (f < i) {
-    const e = Math.round(f / s);
-    return o.formatDistance("xDays", e, d);
+    } else if (f < s) {
+    const n = Math.round(f / c);
+    return i.formatDistance("xDays", n, d);
     // 1 month up to 2 months
-    } else if (f < i * 2) {
-    g = Math.round(f / i);
-    return o.formatDistance("aboutXMonths", g, d);
+    } else if (f < s * 2) {
+    g = Math.round(f / s);
+    return i.formatDistance("aboutXMonths", g, d);
   }
   g = differenceInMonths(u, l);
   // 2 months up to 12 months
     if (g < 12) {
-    const e = Math.round(f / i);
-    return o.formatDistance("xMonths", e, d);
+    const n = Math.round(f / s);
+    return i.formatDistance("xMonths", n, d);
     // 1 year up to max Date
     } else {
-    const e = g % 12;
-    const t = Math.trunc(g / 12);
+    const n = g % 12;
+    const e = Math.trunc(g / 12);
     // N years up to 1 years 3 months
-        if (e < 3) {
-      return o.formatDistance("aboutXYears", t, d);
+        if (n < 3) {
+      return i.formatDistance("aboutXYears", e, d);
       // N years 3 months up to N years 9 months
-        } else if (e < 9) {
-      return o.formatDistance("overXYears", t, d);
+        } else if (n < 9) {
+      return i.formatDistance("overXYears", e, d);
       // N years 9 months up to N year 12 months
         } else {
-      return o.formatDistance("almostXYears", t + 1, d);
+      return i.formatDistance("almostXYears", e + 1, d);
     }
   }
 }
@@ -1241,8 +1243,8 @@ const A = {
  *   {locale: eoLocale}
  * )
  * //=> 'pli ol 1 jaro'
- */ function formatDistanceToNow(e, t) {
-  return formatDistance$2(e, constructNow(e), t);
+ */ function formatDistanceToNow(n, e) {
+  return formatDistance$2(n, constructNow(n), e);
 }
 
 /**
@@ -1279,12 +1281,12 @@ const A = {
  * // Are 1 January 2014 and 1 January 2015 in the same week?
  * const result = isSameWeek(new Date(2014, 0, 1), new Date(2015, 0, 1))
  * //=> false
- */ function isSameWeek(e, t, n) {
-  const [a, o] = normalizeDates(n?.in, e, t);
-  return +startOfWeek(a, n) === +startOfWeek(o, n);
+ */ function isSameWeek(n, e, t) {
+  const [a, i] = normalizeDates(t?.in, n, e);
+  return +startOfWeek(a, t) === +startOfWeek(i, t);
 }
 
-const I = {
+const O = {
   lessThanXSeconds: {
     one: "1秒未満",
     other: "{{count}}秒未満",
@@ -1352,27 +1354,27 @@ const I = {
   }
 };
 
-const formatDistance$1 = (e, t, n) => {
-  n = n || {};
+const formatDistance$1 = (n, e, t) => {
+  t = t || {};
   let a;
-  const o = I[e];
-  if (typeof o === "string") {
-    a = o;
-  } else if (t === 1) {
-    if (n.addSuffix && o.oneWithSuffix) {
-      a = o.oneWithSuffix;
+  const i = O[n];
+  if (typeof i === "string") {
+    a = i;
+  } else if (e === 1) {
+    if (t.addSuffix && i.oneWithSuffix) {
+      a = i.oneWithSuffix;
     } else {
-      a = o.one;
+      a = i.one;
     }
   } else {
-    if (n.addSuffix && o.otherWithSuffix) {
-      a = o.otherWithSuffix.replace("{{count}}", String(t));
+    if (t.addSuffix && i.otherWithSuffix) {
+      a = i.otherWithSuffix.replace("{{count}}", String(e));
     } else {
-      a = o.other.replace("{{count}}", String(t));
+      a = i.other.replace("{{count}}", String(e));
     }
   }
-  if (n.addSuffix) {
-    if (n.comparison && n.comparison > 0) {
+  if (t.addSuffix) {
+    if (t.comparison && t.comparison > 0) {
       return a + "後";
     } else {
       return a + "前";
@@ -1381,38 +1383,38 @@ const formatDistance$1 = (e, t, n) => {
   return a;
 };
 
-const O = {
+const N = {
   full: "y年M月d日EEEE",
   long: "y年M月d日",
   medium: "y/MM/dd",
   short: "y/MM/dd"
 };
 
-const N = {
+const E = {
   full: "H時mm分ss秒 zzzz",
   long: "H:mm:ss z",
   medium: "H:mm:ss",
   short: "H:mm"
 };
 
-const E = {
+const Y = {
   full: "{{date}} {{time}}",
   long: "{{date}} {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 };
 
-const Y = {
+const q = {
   date: buildFormatLongFn({
-    formats: O,
+    formats: N,
     defaultWidth: "full"
   }),
   time: buildFormatLongFn({
-    formats: N,
+    formats: E,
     defaultWidth: "full"
   }),
   dateTime: buildFormatLongFn({
-    formats: E,
+    formats: Y,
     defaultWidth: "full"
   })
 };
@@ -1426,34 +1428,34 @@ const H = {
   other: "P"
 };
 
-const formatRelative$1 = (e, t, n, a) => H[e];
+const formatRelative$1 = (n, e, t, a) => H[n];
 
-const q = {
+const $ = {
   narrow: [ "BC", "AC" ],
   abbreviated: [ "紀元前", "西暦" ],
   wide: [ "紀元前", "西暦" ]
 };
 
-const $ = {
+const J = {
   narrow: [ "1", "2", "3", "4" ],
   abbreviated: [ "Q1", "Q2", "Q3", "Q4" ],
   wide: [ "第1四半期", "第2四半期", "第3四半期", "第4四半期" ]
 };
 
-const J = {
+const Q = {
   narrow: [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12" ],
   abbreviated: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" ],
   wide: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" ]
 };
 
-const Q = {
+const R = {
   narrow: [ "日", "月", "火", "水", "木", "金", "土" ],
   short: [ "日", "月", "火", "水", "木", "金", "土" ],
   abbreviated: [ "日", "月", "火", "水", "木", "金", "土" ],
   wide: [ "日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日" ]
 };
 
-const R = {
+const B = {
   narrow: {
     am: "午前",
     pm: "午後",
@@ -1486,7 +1488,7 @@ const R = {
   }
 };
 
-const B = {
+const V = {
   narrow: {
     am: "午前",
     pm: "午後",
@@ -1519,117 +1521,117 @@ const B = {
   }
 };
 
-const ordinalNumber$1 = (e, t) => {
-  const n = Number(e);
-  const a = String(t?.unit);
+const ordinalNumber$1 = (n, e) => {
+  const t = Number(n);
+  const a = String(e?.unit);
   switch (a) {
    case "year":
-    return `${n}年`;
+    return `${t}年`;
 
    case "quarter":
-    return `第${n}四半期`;
+    return `第${t}四半期`;
 
    case "month":
-    return `${n}月`;
+    return `${t}月`;
 
    case "week":
-    return `第${n}週`;
+    return `第${t}週`;
 
    case "date":
-    return `${n}日`;
+    return `${t}日`;
 
    case "hour":
-    return `${n}時`;
+    return `${t}時`;
 
    case "minute":
-    return `${n}分`;
+    return `${t}分`;
 
    case "second":
-    return `${n}秒`;
+    return `${t}秒`;
 
    default:
-    return `${n}`;
+    return `${t}`;
   }
 };
 
-const V = {
+const K = {
   ordinalNumber: ordinalNumber$1,
   era: buildLocalizeFn({
-    values: q,
+    values: $,
     defaultWidth: "wide"
   }),
   quarter: buildLocalizeFn({
-    values: $,
+    values: J,
     defaultWidth: "wide",
-    argumentCallback: e => Number(e) - 1
+    argumentCallback: n => Number(n) - 1
   }),
   month: buildLocalizeFn({
-    values: J,
+    values: Q,
     defaultWidth: "wide"
   }),
   day: buildLocalizeFn({
-    values: Q,
+    values: R,
     defaultWidth: "wide"
   }),
   dayPeriod: buildLocalizeFn({
-    values: R,
+    values: B,
     defaultWidth: "wide",
-    formattingValues: B,
+    formattingValues: V,
     defaultFormattingWidth: "wide"
   })
 };
 
-const K = /^第?\d+(年|四半期|月|週|日|時|分|秒)?/i;
+const G = /^第?\d+(年|四半期|月|週|日|時|分|秒)?/i;
 
-const G = /\d+/i;
+const U = /\d+/i;
 
-const U = {
+const Z = {
   narrow: /^(B\.?C\.?|A\.?D\.?)/i,
   abbreviated: /^(紀元[前後]|西暦)/i,
   wide: /^(紀元[前後]|西暦)/i
 };
 
-const Z = {
+const nn = {
   narrow: [ /^B/i, /^A/i ],
   any: [ /^(紀元前)/i, /^(西暦|紀元後)/i ]
 };
 
-const ee = {
+const en = {
   narrow: /^[1234]/i,
   abbreviated: /^Q[1234]/i,
   wide: /^第[1234一二三四１２３４]四半期/i
 };
 
-const te = {
+const tn = {
   any: [ /(1|一|１)/i, /(2|二|２)/i, /(3|三|３)/i, /(4|四|４)/i ]
 };
 
-const ne = {
+const an = {
   narrow: /^([123456789]|1[012])/,
   abbreviated: /^([123456789]|1[012])月/i,
   wide: /^([123456789]|1[012])月/i
 };
 
-const ae = {
+const rn = {
   any: [ /^1\D/, /^2/, /^3/, /^4/, /^5/, /^6/, /^7/, /^8/, /^9/, /^10/, /^11/, /^12/ ]
 };
 
-const oe = {
+const on = {
   narrow: /^[日月火水木金土]/,
   short: /^[日月火水木金土]/,
   abbreviated: /^[日月火水木金土]/,
   wide: /^[日月火水木金土]曜日/
 };
 
-const re = {
+const sn = {
   any: [ /^日/, /^月/, /^火/, /^水/, /^木/, /^金/, /^土/ ]
 };
 
-const ie = {
+const cn = {
   any: /^(AM|PM|午前|午後|正午|深夜|真夜中|夜|朝)/i
 };
 
-const se = {
+const dn = {
   any: {
     am: /^(A|午前)/i,
     pm: /^(P|午後)/i,
@@ -1642,43 +1644,43 @@ const se = {
   }
 };
 
-const ce = {
+const ln = {
   ordinalNumber: buildMatchPatternFn({
-    matchPattern: K,
-    parsePattern: G,
-    valueCallback: function(e) {
-      return parseInt(e, 10);
+    matchPattern: G,
+    parsePattern: U,
+    valueCallback: function(n) {
+      return parseInt(n, 10);
     }
   }),
   era: buildMatchFn({
-    matchPatterns: U,
+    matchPatterns: Z,
     defaultMatchWidth: "wide",
-    parsePatterns: Z,
+    parsePatterns: nn,
     defaultParseWidth: "any"
   }),
   quarter: buildMatchFn({
-    matchPatterns: ee,
+    matchPatterns: en,
     defaultMatchWidth: "wide",
-    parsePatterns: te,
+    parsePatterns: tn,
     defaultParseWidth: "any",
-    valueCallback: e => e + 1
+    valueCallback: n => n + 1
   }),
   month: buildMatchFn({
-    matchPatterns: ne,
+    matchPatterns: an,
     defaultMatchWidth: "wide",
-    parsePatterns: ae,
+    parsePatterns: rn,
     defaultParseWidth: "any"
   }),
   day: buildMatchFn({
-    matchPatterns: oe,
+    matchPatterns: on,
     defaultMatchWidth: "wide",
-    parsePatterns: re,
+    parsePatterns: sn,
     defaultParseWidth: "any"
   }),
   dayPeriod: buildMatchFn({
-    matchPatterns: ie,
+    matchPatterns: cn,
     defaultMatchWidth: "any",
-    parsePatterns: se,
+    parsePatterns: dn,
     defaultParseWidth: "any"
   })
 };
@@ -1693,20 +1695,20 @@ const ce = {
  * @author Luca Ban [@mesqueeb](https://github.com/mesqueeb)
  * @author Terrence Lam [@skyuplam](https://github.com/skyuplam)
  * @author Taiki IKeda [@so99ynoodles](https://github.com/so99ynoodles)
- */ const de = {
+ */ const un = {
   code: "ja",
   formatDistance: formatDistance$1,
-  formatLong: Y,
+  formatLong: q,
   formatRelative: formatRelative$1,
-  localize: V,
-  match: ce,
+  localize: K,
+  match: ln,
   options: {
     weekStartsOn: 0 /* Sunday */ ,
     firstWeekContainsDate: 1
   }
 };
 
-const le = {
+const hn = {
   lessThanXSeconds: {
     one: "不到 1 秒",
     other: "不到 {{count}} 秒"
@@ -1770,18 +1772,18 @@ const le = {
   }
 };
 
-const formatDistance = (e, t, n) => {
+const formatDistance = (n, e, t) => {
   let a;
-  const o = le[e];
-  if (typeof o === "string") {
-    a = o;
-  } else if (t === 1) {
-    a = o.one;
+  const i = hn[n];
+  if (typeof i === "string") {
+    a = i;
+  } else if (e === 1) {
+    a = i.one;
   } else {
-    a = o.other.replace("{{count}}", String(t));
+    a = i.other.replace("{{count}}", String(e));
   }
-  if (n?.addSuffix) {
-    if (n.comparison && n.comparison > 0) {
+  if (t?.addSuffix) {
+    if (t.comparison && t.comparison > 0) {
       return a + "内";
     } else {
       return a + "前";
@@ -1790,48 +1792,48 @@ const formatDistance = (e, t, n) => {
   return a;
 };
 
-const ue = {
+const mn = {
   full: "y'年'M'月'd'日' EEEE",
   long: "y'年'M'月'd'日'",
   medium: "yyyy-MM-dd",
   short: "yy-MM-dd"
 };
 
-const he = {
+const fn = {
   full: "zzzz a h:mm:ss",
   long: "z a h:mm:ss",
   medium: "a h:mm:ss",
   short: "a h:mm"
 };
 
-const me = {
+const gn = {
   full: "{{date}} {{time}}",
   long: "{{date}} {{time}}",
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 };
 
-const fe = {
+const bn = {
   date: buildFormatLongFn({
-    formats: ue,
+    formats: mn,
     defaultWidth: "full"
   }),
   time: buildFormatLongFn({
-    formats: he,
+    formats: fn,
     defaultWidth: "full"
   }),
   dateTime: buildFormatLongFn({
-    formats: me,
+    formats: gn,
     defaultWidth: "full"
   })
 };
 
-function checkWeek(e, t, n) {
+function checkWeek(n, e, t) {
   const a = "eeee p";
-  if (isSameWeek(e, t, n)) {
+  if (isSameWeek(n, e, t)) {
     return a;
  // in same week
-    } else if (e.getTime() > t.getTime()) {
+    } else if (n.getTime() > e.getTime()) {
     return "'下个'" + a;
  // in next week
     }
@@ -1839,7 +1841,7 @@ function checkWeek(e, t, n) {
  // in last week
 }
 
-const ge = {
+const pn = {
   lastWeek: checkWeek,
   // days before yesterday, maybe in this week or last week
   yesterday: "'昨天' p",
@@ -1850,40 +1852,40 @@ const ge = {
   other: "PP p"
 };
 
-const formatRelative = (e, t, n, a) => {
-  const o = ge[e];
-  if (typeof o === "function") {
-    return o(t, n, a);
+const formatRelative = (n, e, t, a) => {
+  const i = pn[n];
+  if (typeof i === "function") {
+    return i(e, t, a);
   }
-  return o;
+  return i;
 };
 
-const be = {
+const yn = {
   narrow: [ "前", "公元" ],
   abbreviated: [ "前", "公元" ],
   wide: [ "公元前", "公元" ]
 };
 
-const pe = {
+const wn = {
   narrow: [ "1", "2", "3", "4" ],
   abbreviated: [ "第一季", "第二季", "第三季", "第四季" ],
   wide: [ "第一季度", "第二季度", "第三季度", "第四季度" ]
 };
 
-const ye = {
+const vn = {
   narrow: [ "一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二" ],
   abbreviated: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" ],
   wide: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ]
 };
 
-const we = {
+const _n = {
   narrow: [ "日", "一", "二", "三", "四", "五", "六" ],
   short: [ "日", "一", "二", "三", "四", "五", "六" ],
   abbreviated: [ "周日", "周一", "周二", "周三", "周四", "周五", "周六" ],
   wide: [ "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" ]
 };
 
-const ve = {
+const Mn = {
   narrow: {
     am: "上",
     pm: "下",
@@ -1916,7 +1918,7 @@ const ve = {
   }
 };
 
-const Me = {
+const kn = {
   narrow: {
     am: "上",
     pm: "下",
@@ -1949,104 +1951,104 @@ const Me = {
   }
 };
 
-const ordinalNumber = (e, t) => {
-  const n = Number(e);
-  switch (t?.unit) {
+const ordinalNumber = (n, e) => {
+  const t = Number(n);
+  switch (e?.unit) {
    case "date":
-    return n.toString() + "日";
+    return t.toString() + "日";
 
    case "hour":
-    return n.toString() + "时";
+    return t.toString() + "时";
 
    case "minute":
-    return n.toString() + "分";
+    return t.toString() + "分";
 
    case "second":
-    return n.toString() + "秒";
+    return t.toString() + "秒";
 
    default:
-    return "第 " + n.toString();
+    return "第 " + t.toString();
   }
 };
 
-const _e = {
+const Wn = {
   ordinalNumber,
   era: buildLocalizeFn({
-    values: be,
+    values: yn,
     defaultWidth: "wide"
   }),
   quarter: buildLocalizeFn({
-    values: pe,
+    values: wn,
     defaultWidth: "wide",
-    argumentCallback: e => e - 1
+    argumentCallback: n => n - 1
   }),
   month: buildLocalizeFn({
-    values: ye,
+    values: vn,
     defaultWidth: "wide"
   }),
   day: buildLocalizeFn({
-    values: we,
+    values: _n,
     defaultWidth: "wide"
   }),
   dayPeriod: buildLocalizeFn({
-    values: ve,
+    values: Mn,
     defaultWidth: "wide",
-    formattingValues: Me,
+    formattingValues: kn,
     defaultFormattingWidth: "wide"
   })
 };
 
-const ke = /^(第\s*)?\d+(日|时|分|秒)?/i;
+const xn = /^(第\s*)?\d+(日|时|分|秒)?/i;
 
-const We = /\d+/i;
+const Fn = /\d+/i;
 
-const xe = {
+const Pn = {
   narrow: /^(前)/i,
   abbreviated: /^(前)/i,
   wide: /^(公元前|公元)/i
 };
 
-const Fe = {
+const zn = {
   any: [ /^(前)/i, /^(公元)/i ]
 };
 
-const Pe = {
+const Dn = {
   narrow: /^[1234]/i,
   abbreviated: /^第[一二三四]刻/i,
   wide: /^第[一二三四]刻钟/i
 };
 
-const ze = {
+const Sn = {
   any: [ /(1|一)/i, /(2|二)/i, /(3|三)/i, /(4|四)/i ]
 };
 
-const De = {
+const Tn = {
   narrow: /^(一|二|三|四|五|六|七|八|九|十[二一])/i,
   abbreviated: /^(一|二|三|四|五|六|七|八|九|十[二一]|\d|1[12])月/i,
   wide: /^(一|二|三|四|五|六|七|八|九|十[二一])月/i
 };
 
-const Se = {
+const Cn = {
   narrow: [ /^一/i, /^二/i, /^三/i, /^四/i, /^五/i, /^六/i, /^七/i, /^八/i, /^九/i, /^十(?!(一|二))/i, /^十一/i, /^十二/i ],
   any: [ /^一|1/i, /^二|2/i, /^三|3/i, /^四|4/i, /^五|5/i, /^六|6/i, /^七|7/i, /^八|8/i, /^九|9/i, /^十(?!(一|二))|10/i, /^十一|11/i, /^十二|12/i ]
 };
 
-const Te = {
+const Xn = {
   narrow: /^[一二三四五六日]/i,
   short: /^[一二三四五六日]/i,
   abbreviated: /^周[一二三四五六日]/i,
   wide: /^星期[一二三四五六日]/i
 };
 
-const Xe = {
+const Ln = {
   any: [ /日/i, /一/i, /二/i, /三/i, /四/i, /五/i, /六/i ]
 };
 
-const Ce = {
+const jn = {
   any: /^(上午?|下午?|午夜|[中正]午|早上?|下午|晚上?|凌晨|)/i
 };
 
-const Le = {
+const An = {
   any: {
     am: /^上午?/i,
     pm: /^下午?/i,
@@ -2059,41 +2061,41 @@ const Le = {
   }
 };
 
-const Ae = {
+const In = {
   ordinalNumber: buildMatchPatternFn({
-    matchPattern: ke,
-    parsePattern: We,
-    valueCallback: e => parseInt(e, 10)
+    matchPattern: xn,
+    parsePattern: Fn,
+    valueCallback: n => parseInt(n, 10)
   }),
   era: buildMatchFn({
-    matchPatterns: xe,
+    matchPatterns: Pn,
     defaultMatchWidth: "wide",
-    parsePatterns: Fe,
+    parsePatterns: zn,
     defaultParseWidth: "any"
   }),
   quarter: buildMatchFn({
-    matchPatterns: Pe,
+    matchPatterns: Dn,
     defaultMatchWidth: "wide",
-    parsePatterns: ze,
+    parsePatterns: Sn,
     defaultParseWidth: "any",
-    valueCallback: e => e + 1
+    valueCallback: n => n + 1
   }),
   month: buildMatchFn({
-    matchPatterns: De,
+    matchPatterns: Tn,
     defaultMatchWidth: "wide",
-    parsePatterns: Se,
+    parsePatterns: Cn,
     defaultParseWidth: "any"
   }),
   day: buildMatchFn({
-    matchPatterns: Te,
+    matchPatterns: Xn,
     defaultMatchWidth: "wide",
-    parsePatterns: Xe,
+    parsePatterns: Ln,
     defaultParseWidth: "any"
   }),
   dayPeriod: buildMatchFn({
-    matchPatterns: Ce,
+    matchPatterns: jn,
     defaultMatchWidth: "any",
-    parsePatterns: Le,
+    parsePatterns: An,
     defaultParseWidth: "any"
   })
 };
@@ -2108,293 +2110,314 @@ const Ae = {
  * @author sabrinaM [@sabrinamiao](https://github.com/sabrinamiao)
  * @author Carney Wu [@cubicwork](https://github.com/cubicwork)
  * @author Terrence Lam [@skyuplam](https://github.com/skyuplam)
- */ const je = {
+ */ const On = {
   code: "zh-CN",
   formatDistance,
-  formatLong: fe,
+  formatLong: bn,
   formatRelative,
-  localize: _e,
-  match: Ae,
+  localize: Wn,
+  match: In,
   options: {
     weekStartsOn: 1 /* Monday */ ,
     firstWeekContainsDate: 4
   }
 };
 
-const Ie = ":host{display:grid;block-size:100%;overflow:auto}.main{animation:fadeIn var(--mer-timing--fast) forwards;display:grid;block-size:100%;overflow:auto;opacity:0;grid-template-rows:max-content 1fr;gap:var(--mer-spacing--xl);min-block-size:635px}@keyframes bounce{0%{transform:translateY(0)}100%{transform:translateY(-30px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.section-create-new-kb__actions,.section-secondary__actions{display:grid;grid-auto-flow:column;gap:var(--mer-spacing--md);overflow-x:auto;padding-block-end:var(--mer-spacing--xs)}.card-filled,.card-outlined{display:grid;gap:var(--mer-spacing--xl);align-content:space-between;border:var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--lg)}.card-filled{background-color:var(--mer-surface__elevation--01)}.icon-capsule{pointer-events:none;display:inline-flex;block-size:40px;inline-size:40px;justify-content:center;align-items:center;border-radius:50%;border:var(--mer-border__width--sm) dashed var(--mer-border-color__on-elevation--02)}.card__header{display:grid;gap:var(--mer-spacing--sm)}.card__header-description{display:grid;gap:var(--mer-spacing--2xs)}.section-create-new-kb{display:grid;grid-auto-rows:max-content;gap:var(--mer-spacing--lg)}.section-create-new-kb__header{display:grid;gap:var(--mer-spacing--2xs)}.section-create-new-kb__actions{display:grid;gap:var(--mer-spacing--md);overflow-x:auto;grid-auto-flow:column;grid-auto-columns:430px}.section-secondary{display:grid;block-size:100%;position:relative;overflow:auto}.section-secondary__actions{display:grid;gap:var(--mer-spacing--sm)}.section-secondary__actions--two-cards{grid-template-columns:repeat(2, minmax(430px, 1fr))}.section-secondary__actions--multiple-cards{grid-auto-columns:670px}.section-kbs{background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.section-kbs__header{display:grid;grid-template-columns:max-content 230px;align-items:center;gap:var(--mer-spacing--xl);border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--03);padding-block-end:var(--mer-spacing--sm)}.section-kbs__header--no-border{border-block-end-color:transparent !important}.section-kbs__title{align-items:center;display:flex;min-block-size:31px}.section-kbs__filter--hidden{opacity:0}.section-kbs__list{display:grid;grid-auto-rows:max-content;grid-template-columns:1fr 1fr;row-gap:var(--mer-spacing--xs);column-gap:var(--mer-spacing--md);overflow:auto;position:relative;padding-block-start:var(--mer-spacing--sm)}.section-kbs__list--empty{grid-template-columns:1fr;grid-auto-rows:1fr;overflow:hidden}.kb__item{background-color:var(--mer-surface__elevation--02);padding:var(--mer-spacing--sm);display:grid;grid-template-columns:284px 1fr;gap:var(--mer-spacing--md)}.kb__details{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--mer-spacing--sm)}.kb__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:underline;cursor:pointer}.kb__name:hover{color:var(--mer-text__bright)}.kb__modified{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.loader{border:var(--mer-border__width--sm) solid var(--mer-border-color__on-surface)}.heading-2,.heading-3{margin:0;font-weight:600 !important;color:#ffffff !important}.card-filled .heading-3{color:var(--mer-text__on-surface) !important}.text-body-regular-m,.card__footer{font-weight:var(--mer-font__weight--light) !important;--control__font-weight--regular:var(--mer-font__weight--light)}";
+const Nn = '/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --spacing-body-block-start: var(--mer-spacing--lg);\n  --spacing-body-block-end: var(--mer-spacing--lg);\n  --spacing-body-inline-start: var(--mer-spacing--lg);\n  --spacing-body-inline-end: var(--mer-spacing--lg);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.main {\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  opacity: 0;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--lg);\n}\n\n@keyframes bounce {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-30px);\n  }\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.section-create-new-kb__actions,\n.section-secondary__actions {\n  display: grid;\n  grid-auto-flow: column;\n  gap: var(--mer-spacing--md);\n  overflow-x: auto;\n  padding-block-end: var(--mer-spacing--xs);\n}\n\n.card-filled,\n.card-outlined {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  align-content: space-between;\n  border-radius: var(--mer-border__radius--md);\n}\n\n.card-filled {\n  background-color: var(--mer-surface__elevation--01);\n  padding: var(--mer-spacing--md);\n}\n\n.card-outlined {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);\n  grid-template-columns: max-content 1fr;\n  align-items: center;\n  padding: var(--mer-spacing--md) var(--mer-spacing--md) var(--mer-spacing--xs) var(--mer-spacing--md);\n}\n\n.icon-capsule {\n  pointer-events: none;\n  display: inline-flex;\n  block-size: 40px;\n  inline-size: 40px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: var(--mer-border__width--sm) dashed var(--mer-border-color__on-elevation--02);\n}\n.icon-capsule .icon-circular {\n  --ch-image-size: 20px;\n}\n\n.card__header {\n  display: grid;\n  gap: var(--mer-spacing--sm);\n  justify-items: self-start;\n}\n\n.card__header-description {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  --font-weight-regular: 300;\n}\n\n.section-create-new-kb {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--lg);\n}\n.section-create-new-kb__header {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n}\n.section-create-new-kb__title {\n  color: var(--mer-text__bright);\n  font-weight: 500;\n}\n.section-create-new-kb__actions {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  overflow-x: auto;\n  grid-auto-flow: column;\n  grid-auto-columns: 372px;\n}\n\n.samples-buttons-container {\n  flex-wrap: wrap;\n}\n\n.section-secondary {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n  overflow: auto;\n}\n.section-secondary__title {\n  display: grid;\n  grid-template-columns: 1fr max-content 1fr;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  font-weight: 300;\n}\n.section-secondary__title::before, .section-secondary__title::after {\n  content: "";\n  block-size: var(--mer-border__width--sm);\n  background-color: var(--mer-border-color__on-elevation--01);\n}\n.section-secondary__actions {\n  display: grid;\n}\n.section-secondary__actions--two-cards {\n  grid-template-columns: repeat(2, minmax(430px, 1fr));\n}\n.section-secondary__actions--multiple-cards {\n  grid-auto-columns: 670px;\n}\n\n.section-no-kbs {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n  overflow: auto;\n  grid-template-rows: max-content max-content;\n  gap: var(--mer-spacing--md);\n}\n\n.section-kbs {\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--sm);\n  display: grid;\n  container-type: inline-size;\n  grid-template-rows: auto 1fr;\n  overflow: hidden;\n}\n.section-kbs__header {\n  display: grid;\n  grid-template-columns: max-content 230px;\n  align-items: center;\n  gap: var(--mer-spacing--xl);\n  border-block-end: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  padding-block-end: var(--mer-spacing--sm);\n}\n.section-kbs__header--no-border {\n  border-block-end-color: transparent !important;\n}\n.section-kbs__title {\n  align-items: center;\n  display: flex;\n  min-block-size: 31px;\n}\n.section-kbs__filter--hidden {\n  opacity: 0;\n}\n.section-kbs__list {\n  display: grid;\n  grid-auto-rows: max-content;\n  grid-template-columns: 1fr 1fr;\n  row-gap: var(--mer-spacing--xs);\n  column-gap: var(--mer-spacing--md);\n  overflow: auto;\n  position: relative;\n  padding-block-start: var(--mer-spacing--sm);\n}\n.section-kbs__list--empty {\n  grid-template-columns: 1fr;\n  grid-auto-rows: 1fr;\n  overflow: hidden;\n}\n@container (max-width: 768px) {\n  .section-kbs__list {\n    grid-template-columns: 1fr;\n  }\n}\n\n.kb__item {\n  --font-weight-regular: 300;\n  background-color: var(--mer-surface__elevation--02);\n  padding: var(--mer-spacing--sm);\n  display: grid;\n  grid-template-columns: auto max-content;\n  gap: var(--mer-spacing--3xl);\n}\n.kb__details {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.kb__name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.kb__name:hover {\n  color: var(--mer-text__bright);\n}\n.kb__modified {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n}\n\n.hiChar {\n  color: var(--mer-color__primary--200);\n  filter: brightness(1.3);\n}\n\n.loader {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);\n}\n\n.heading-2,\n.heading-3 {\n  margin: 0;\n  font-weight: 600 !important;\n  color: #ffffff !important;\n}\n\n.card-filled .heading-3 {\n  color: var(--mer-text__on-surface) !important;\n}\n\n.text-body-regular-m,\n.card__footer {\n  font-weight: var(--mer-font__weight--light) !important;\n  --control__font-weight--regular: var(--mer-font__weight--light);\n}\n\n.card__header-description {\n  --line-height-tight: 1.7;\n  --font-weight-regular: 300;\n}\n\n.card__header-title {\n  color: var(--mer-text__bright);\n}\n\n.button-tertiary-no-padding-inline-start.button-tertiary {\n  padding-inline-start: 0;\n}';
 
-var Oe = undefined && undefined.__classPrivateFieldGet || function(e, t, n, a) {
-  if (n === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return n === "m" ? a : n === "a" ? a.call(e) : a ? a.value : t.get(e);
+var En = undefined && undefined.__classPrivateFieldGet || function(n, e, t, a) {
+  if (t === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? n !== e || !a : !e.has(n)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? a : t === "a" ? a.call(n) : a ? a.value : e.get(n);
 };
 
-var Ne = undefined && undefined.__classPrivateFieldSet || function(e, t, n, a, o) {
+var Yn = undefined && undefined.__classPrivateFieldSet || function(n, e, t, a, i) {
   if (a === "m") throw new TypeError("Private method is not writable");
-  if (a === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return a === "a" ? o.call(e, n) : o ? o.value = n : t.set(e, n), n;
+  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? n !== e || !i : !e.has(n)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return a === "a" ? i.call(n, t) : i ? i.value = t : e.set(n, t), t;
 };
 
-var Ee, Ye, He, qe, $e, Je, Qe, Re, Be, Ve;
+var qn, Hn, $n, Jn, Qn, Rn, Bn, Vn, Kn, Gn;
 
-// const locale = enUS; // use `zhCN` for Chinese, `ja` for Japanese, `enUS` for English
-const Ke = {
-  en: j,
-  ja: de,
-  "zh-CN": je,
-  "zh-TW": je,
-  "zh-HK": je
+const Un = {
+  en: I,
+  ja: un,
+  "zh-CN": On,
+  "zh-TW": On,
+  "zh-HK": On
 };
 
-const Ge = o({
+const Zn = i({
   category: "system",
   name: "detail",
   colorType: "primary"
 });
 
-const Ue = o({
+const ne = i({
   category: "window-tools",
   name: "filter",
   colorType: "on-elevation"
 });
 
-const Ze = o({
+const ee = i({
   category: "objects",
   name: "knowledge-base"
 });
 
-const et = o({
+const te = i({
   category: "system",
   name: "search",
   colorType: "on-elevation"
 });
 
-const tt = [ "resets/box-sizing", "utils/typography", "utils/layout", "components/edit", "components/icon", "components/button", "chameleon/scrollbar", "utils/typography" ];
+const ae = [ "resets/box-sizing", "utils/typography", "utils/layout", "components/edit", "components/icon", "components/button", "chameleon/scrollbar", "utils/typography" ];
 
-const nt = class {
-  constructor(n) {
-    e(this, n);
-    Ee.add(this);
+const ie = class {
+  constructor(t) {
+    n(this, t);
+    qn.add(this);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        Ye.set(this, void 0);
-    He.set(this, void 0);
-    qe.set(this, (e => t => {
-      t.stopPropagation();
-      this.createKBCallback(e);
+        Hn.set(this, void 0);
+    $n.set(this, void 0);
+    Jn.set(this, (n => e => {
+      e.stopPropagation();
+      this.createKBCallback(n);
     }));
-    $e.set(this, (e => t => {
-      t.stopPropagation();
-      this.openKbCallback(e);
+    Qn.set(this, (n => {
+      this.kbFilterValue = n.detail;
     }));
-    Je.set(this, (e => {
-      this.kbFilterValue = e.detail;
+    Rn.set(this, (n => e => {
+      e.stopPropagation();
+      this.openKbCallback(n);
     }));
-    Qe.set(this, (() => {
-      const e = this.kbs.length < this.kbsFilterThreshold;
-      const n = this.filteredKbs.length === 0;
+    Vn.set(this, (() => {
+      const n = this.kbs.length < this.kbsFilterThreshold;
+      const t = this.filteredKbs.length === 0;
       let a;
       // Evaluate what is the content to display.
             if (this.filteredKbs.length > 0) {
-        a = Oe(this, Re, "f").call(this);
+        a = En(this, Kn, "f").call(this);
       } else {
         // No kb has pass the filter. Display an empty-state.
-        a = t("gx-ide-empty-state", {
+        a = e("gx-ide-empty-state", {
           isAnimated: true,
-          stateIconSrc: Ue,
-          stateTitle: Oe(this, Ye, "f").recentKBs.noMatches
+          stateIconSrc: ne,
+          stateTitle: En(this, Hn, "f").recentKBs.noMatches
         });
       }
-      return t("section", {
+      return e("section", {
         class: "section-kbs"
-      }, t("header", {
+      }, e("header", {
         class: {
           "section-kbs__header": true
         }
-      }, t("label", {
+      }, e("label", {
         class: "subtitle-regular-s section-kbs__title",
         htmlFor: "filter-kbs"
-      }, Oe(this, Ye, "f").recentKBs.title), t("ch-edit", {
+      }, En(this, Hn, "f").recentKBs.title), e("ch-edit", {
         // Render always, and display or hide, ro prevent FOUC, and also prevent
         // the header block-size from growing a little bit when the input renders.
         id: "filter-kbs",
         value: this.kbFilterValue,
         class: {
           input: true,
-          "section-kbs__filter--hidden": e
+          "section-kbs__filter--hidden": n
         },
-        startImgSrc: et,
-        placeholder: Oe(this, Ye, "f").recentKBs.filterKbsPlaceholder,
-        onInput: !e && Oe(this, Je, "f"),
-        disabled: e
-      })), t("div", {
+        startImgSrc: te,
+        placeholder: En(this, Hn, "f").recentKBs.filterKbsPlaceholder,
+        onInput: !n && En(this, Qn, "f"),
+        disabled: n
+      })), e("div", {
         class: {
           "section-kbs__list": true,
-          "section-kbs__list--empty": n,
+          "section-kbs__list--empty": t,
           scrollable: true
         }
-      }, this.filteredKbs.length > 0 ? Oe(this, Re, "f").call(this) : a));
+      }, this.filteredKbs.length > 0 ? En(this, Kn, "f").call(this) : a));
     }));
-    Re.set(this, (() => {
-      var e;
-      return (e = this.filteredKbs) === null || e === void 0 ? void 0 : e.map(((e, n) => {
+    Kn.set(this, (() => {
+      var n;
+      return (n = this.filteredKbs) === null || n === void 0 ? void 0 : n.map(((n, t) => {
         // relative time ago
         var a;
-        const o = e.lastOpenedDate ? formatDistanceToNow(new Date(e.lastOpenedDate), {
+        const i = n.lastOpenedDate ? formatDistanceToNow(new Date(n.lastOpenedDate), {
           addSuffix: true,
-          locale: Oe(this, He, "f")
+          locale: En(this, $n, "f")
         }) : undefined;
+        // convert date to date format, since toISOString() requires date as Date.
+                const r = n.lastOpenedDate ? new Date(n.lastOpenedDate) : undefined;
+        let s = o(r, "date-time-short");
         // icon
-                const r = (a = e.icon) !== null && a !== void 0 ? a : Ze;
-        return t("article", {
+                const c = (a = n.icon) !== null && a !== void 0 ? a : ee;
+        return e("article", {
           class: "kb__item",
-          key: n
-        }, t("div", {
+          key: t
+        }, e("div", {
           class: "kb__details"
-        }, t("ch-image", {
+        }, e("ch-image", {
           class: "icon-md",
-          src: r
-        }), t("p", {
+          src: c
+        }), e("button", {
           class: "body-regular-m kb__name",
-          onClick: Oe(this, $e, "f").call(this, e.id)
-        }, e.name)), o && t("div", {
+          onClick: En(this, Rn, "f").call(this, n.id)
+        }, n.name)), i && e("p", {
           class: "body-regular-m kb__modified"
-        }, `${Oe(this, Ye, "f").recentKBs.opened} ${o}`));
+        }, `${En(this, Hn, "f").recentKBs.opened}`, " ", e("time", {
+          dateTime: s
+        }, s)));
       }));
     }));
-    Ve.set(this, (() => {
+    Gn.set(this, (() => {
       if (!this.secondarySection) {
         return null;
       }
-      const e = this.secondarySection.cards.length > 2;
-      return t("section", {
+      const n = this.secondarySection.cards.length > 2;
+      return e("section", {
         // Recent Knowledge Bases
-        class: "section-secondary"
-      }, t("header", null, t("h2", {
-        class: "subtitle-regular-s"
-      }, this.secondarySection.title)), t("section", {
+        class: "section-no-kbs"
+      }, e("header", null, e("h2", {
+        class: "body-regular-s section-secondary__title"
+      }, this.secondarySection.title)), e("section", {
         class: {
           "section-secondary__actions": true,
-          "section-secondary__actions--two-cards": !e,
-          "section-secondary__actions--multiple-cards": e,
+          "section-secondary__actions--two-cards": !n,
+          "section-secondary__actions--multiple-cards": n,
           scrollable: true
         }
-      }, this.secondarySection.cards.map(((e, n) => t("article", {
+      }, this.secondarySection.cards.map(((n, t) => e("article", {
         class: "card card-outlined",
-        key: n
-      }, t("header", {
-        class: "card__header"
-      }, t("span", {
+        key: t
+      }, e("span", {
         class: "icon-capsule"
-      }, t("ch-image", {
+      }, e("ch-image", {
         class: "icon-md icon-circular",
-        src: e.icon.src,
-        "aria-label": e.icon.ariaLabel
-      })), t("div", {
-        class: "card__header-description"
-      }, t("h2", {
-        class: "subtitle-regular-s"
-      }, e.title), e.description.map((e => t("p", {
-        class: "body-regular-m"
-      }, e))))), t("footer", {
-        class: "card__footer"
-      }, e.action && t("button", {
-        class: "button-tertiary button-icon-and-text",
-        onClick: e.action.callback && e.action.callback
-      }, t("ch-image", {
+        src: n.icon.src,
+        "aria-label": n.icon.ariaLabel
+      })), e("header", {
+        class: "card__header"
+      }, e("h2", {
+        class: "subtitle-semi-bold-xs card__header-title"
+      }, n.title), n.description.map((n => e("p", {
+        class: "body-regular-s card__header-description"
+      }, n))), n.action && e("button", {
+        class: "button-tertiary button-icon-and-text button-tertiary-no-padding-inline-start",
+        onClick: n.action.callback && n.action.callback
+      }, e("ch-image", {
         class: "icon-md",
-        src: Ge
-      }), e.action.caption)))))));
+        src: Zn
+      }), n.action.caption)))))));
     }));
-    this.kbFilterValue = "";
     this.filteredKbs = undefined;
+    this.kbFilterValue = "";
     this.loading = true;
     this.createKBCallback = undefined;
-    this.openKbCallback = undefined;
-    this.secondarySection = undefined;
     this.kbs = undefined;
     this.kbsFilterThreshold = undefined;
+    this.openKbCallback = undefined;
+    this.openSampleCallback = undefined;
+    this.samples = undefined;
+    this.secondarySection = undefined;
   }
-  kbFilterValueChanged(e) {
-    this.filteredKbs = this.kbs.filter((t => t.name.toLowerCase().includes(e.toLocaleLowerCase())));
+  kbFilterValueChanged(n) {
+    this.filteredKbs = this.kbs.filter((e => e.name.toLowerCase().includes(n.toLocaleLowerCase())));
   }
-  kbsChanged(e) {
-    this.filteredKbs = e;
+  kbsChanged(n) {
+    this.filteredKbs = n;
     this.kbFilterValue = "";
  // clear filter
     }
   async componentWillLoad() {
-    Ne(this, Ye, await r.getComponentStrings(this.el), "f");
+    Yn(this, Hn, await r.getComponentStrings(this.el), "f");
     // initialize filteredKbs
         this.kbsChanged(this.kbs);
     // get user language to display the kb "last opened" value in the appropriate language.
-        const e = document.documentElement.lang;
-    Ne(this, He, Ke[e], "f");
+        const n = document.documentElement.lang;
+    Yn(this, $n, Un[n], "f");
   }
   render() {
-    var e;
-    this.loading = (!this.kbs || ((e = this.kbs) === null || e === void 0 ? void 0 : e.length) === 0) && !this.secondarySection;
-    return t(n, {
-      class: "widget scrollable spacing-body"
-    }, t("ch-theme", {
-      model: tt
-    }), t("main", {
+    var n, a;
+    this.loading = (!this.kbs || ((n = this.kbs) === null || n === void 0 ? void 0 : n.length) === 0) && !this.secondarySection;
+    const i = ((a = this.samples) === null || a === void 0 ? void 0 : a.length) && this.openSampleCallback;
+    return e(t, {
+      class: "scrollable"
+    }, e("ch-theme", {
+      model: ae
+    }), e("main", {
       class: "main scrollable"
-    }, t("section", {
+    }, e("section", {
       // Create a new Knowledge Base
       class: "section-create-new-kb"
-    }, t("header", {
+    }, e("header", {
       // main header
-      class: "section-create-new__header"
-    }, t("h1", {
-      class: "heading-4"
-    }, Oe(this, Ye, "f").createKB.title), t("p", {
+      class: "section-create-new-kb__header"
+    }, e("h1", {
+      class: "heading-5 section-create-new-kb__title"
+    }, En(this, Hn, "f").createKB.title), e("p", {
       class: "body-regular-m"
-    }, Oe(this, Ye, "f").createKB.description)), t("section", {
+    }, En(this, Hn, "f").createKB.description)), e("section", {
       class: "section-create-new-kb__actions scrollable"
-    }, t("article", {
+    }, e("article", {
       // create project
       class: "card card-filled"
-    }, t("header", {
+    }, e("header", {
       class: "card__header"
-    }, t("div", {
+    }, e("div", {
       class: "card__header-description"
-    }, t("h2", {
-      class: "subtitle-regular-s"
-    }, Oe(this, Ye, "f").createProject.title), t("p", {
-      class: "body-regular-m"
-    }, Oe(this, Ye, "f").createProject.description))), t("footer", {
+    }, e("h2", {
+      class: "subtitle-semi-bold-xs card__header-title"
+    }, En(this, Hn, "f").createProject.title), e("p", {
+      class: "body-regular-s"
+    }, En(this, Hn, "f").createProject.description))), e("footer", {
       class: "card__footer"
-    }, t("button", {
+    }, e("button", {
       class: "button-primary",
-      onClick: Oe(this, qe, "f").call(this, false)
-    }, Oe(this, Ye, "f").createProject.buttonCaption))), t("article", {
+      onClick: En(this, Jn, "f").call(this, false)
+    }, En(this, Hn, "f").createProject.buttonCaption))), e("article", {
       // open existing project
       class: "card-filled"
-    }, t("header", {
+    }, e("header", {
       class: "card__header"
-    }, t("div", {
+    }, e("div", {
       class: "card__header-description"
-    }, t("h2", {
-      class: "subtitle-regular-s"
-    }, Oe(this, Ye, "f").openExistingProject.title), t("p", {
-      class: "body-regular-m"
-    }, Oe(this, Ye, "f").openExistingProject.description))), t("footer", {
+    }, e("h2", {
+      class: "subtitle-semi-bold-xs"
+    }, En(this, Hn, "f").openExistingProject.title), e("p", {
+      class: "body-regular-s"
+    }, En(this, Hn, "f").openExistingProject.description))), e("footer", {
       class: "card__footer"
-    }, t("button", {
+    }, e("button", {
       class: "button-secondary cancel-btn",
-      onClick: Oe(this, qe, "f").call(this, true)
-    }, Oe(this, Ye, "f").openExistingProject.buttonCaption))))), t("section", {
+      onClick: En(this, Jn, "f").call(this, true)
+    }, En(this, Hn, "f").openExistingProject.buttonCaption))), i ? e("article", {
+      // view samples
+      class: "card-filled"
+    }, e("header", {
+      class: "card__header"
+    }, e("div", {
+      class: "card__header-description"
+    }, e("h2", {
+      class: "subtitle-semi-bold-xs"
+    }, En(this, Hn, "f").viewSamples.title), e("p", {
+      class: "body-regular-s"
+    }, En(this, Hn, "f").viewSamples.description))), e("footer", {
+      class: "card__footer"
+    }, e("div", {
+      class: "buttons-spacer samples-buttons-container"
+    }, this.samples.map((n => e("button", {
+      class: "button-secondary",
+      onClick: () => this.openSampleCallback(n)
+    }, n.name)))))) : null)), e("section", {
       class: "section-secondary scrollable"
-    }, this.loading ? t("gx-ide-loader", {
+    }, this.loading ? e("gx-ide-loader", {
       class: "loader",
-      loaderTitle: Oe(this, Ye, "f").recentKBs.loaderTitle,
-      description: Oe(this, Ye, "f").recentKBs.loaderDescription,
+      loaderTitle: En(this, Hn, "f").recentKBs.loaderTitle,
+      description: En(this, Hn, "f").recentKBs.loaderDescription,
       show: true
-    }) : Oe(this, Ee, "m", Be).call(this))));
+    }) : En(this, qn, "m", Bn).call(this))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/start-page" ];
@@ -2410,12 +2433,12 @@ const nt = class {
   }
 };
 
-Ye = new WeakMap, He = new WeakMap, qe = new WeakMap, $e = new WeakMap, Je = new WeakMap, 
-Qe = new WeakMap, Re = new WeakMap, Ve = new WeakMap, Ee = new WeakSet, Be = function _GxIdeStartPage_evaluateContentToRender() {
-  return this.kbs && this.kbs.length > 0 ? Oe(this, Qe, "f").call(this) : Oe(this, Ve, "f").call(this);
+Hn = new WeakMap, $n = new WeakMap, Jn = new WeakMap, Qn = new WeakMap, Rn = new WeakMap, 
+Vn = new WeakMap, Kn = new WeakMap, Gn = new WeakMap, qn = new WeakSet, Bn = function _GxIdeStartPage_evaluateContentToRender() {
+  return this.kbs && this.kbs.length > 0 ? En(this, Vn, "f").call(this) : En(this, Gn, "f").call(this);
 };
 
-nt.style = Ie;
+ie.style = Nn;
 
-export { nt as gx_ide_start_page };
-//# sourceMappingURL=p-e2b0ee82.entry.js.map
+export { ie as gx_ide_start_page };
+//# sourceMappingURL=p-d67ff6a5.entry.js.map