@genexus/genexus-ide-ui 1.0.19 → 1.0.21

package/dist/genexus-ide-ui/p-120d283a.entry.js

@@ -0,0 +1,2419 @@
+import { r as e, h as t, H as n, g as a } from "./p-aaed592c.js";
+
+import { g as o } from "./p-0b0ce806.js";
+
+import { L as i } from "./p-74d59062.js";
+
+/**
+ * @module constants
+ * @summary Useful constants
+ * @description
+ * Collection of useful date constants.
+ *
+ * The constants could be imported from `date-fns/constants`:
+ *
+ * ```ts
+ * import { maxTime, minTime } from "./constants/date-fns/constants";
+ *
+ * function isAllowedTime(time) {
+ *   return time <= maxTime && time >= minTime;
+ * }
+ * ```
+ */
+/**
+ * @constant
+ * @name minutesInMonth
+ * @summary Minutes in 1 month.
+ */ const r = 43200;
+
+/**
+ * @constant
+ * @name minutesInDay
+ * @summary Minutes in 1 day.
+ */ const s = 1440;
+
+/**
+ * @constant
+ * @name constructFromSymbol
+ * @summary Symbol enabling Date extensions to inherit properties from the reference date.
+ *
+ * The symbol is used to enable the `constructFrom` function to construct a date
+ * using a reference date and a value. It allows to transfer extra properties
+ * 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");
+
+/**
+ * @name constructFrom
+ * @category Generic Helpers
+ * @summary Constructs a date using the reference date and the value
+ *
+ * @description
+ * The function constructs a new date using the constructor from the reference
+ * date and the given value. It helps to build generic functions that accept
+ * date extensions.
+ *
+ * It defaults to `Date` if the passed reference date is a number or a string.
+ *
+ * Starting from v3.7.0, it allows to construct a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties 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.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The reference date to take constructor from
+ * @param value - The value to create the date
+ *
+ * @returns Date initialized using the given date and value
+ *
+ * @example
+ * import { constructFrom } from "./constructFrom/date-fns";
+ *
+ * // A function that clones a date preserving the original type
+ * function cloneDate<DateType extends Date>(date: DateType): DateType {
+ *   return constructFrom(
+ *     date, // Use constructor from the given date
+ *     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);
+}
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * Starting from v3.7.0, it clones a date using `[Symbol.for("constructDateFrom")]`
+ * enabling to transfer extra properties 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.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param argument - The value to convert
+ *
+ * @returns The parsed date in the local time zone
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */ function toDate(e, t) {
+  // [TODO] Get rid of `toDate` or `constructFrom`?
+  return constructFrom(t || e, e);
+}
+
+let d = {};
+
+function getDefaultOptions() {
+  return d;
+}
+
+/**
+ * The {@link startOfWeek} function options.
+ */
+/**
+ * @name startOfWeek
+ * @category Week Helpers
+ * @summary Return the start of a week for the given date.
+ *
+ * @description
+ * Return the start of a week for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a week
+ *
+ * @example
+ * // The start of a week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Sun Aug 31 2014 00:00:00
+ *
+ * @example
+ * // 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 i = o.getDay();
+  const r = (i < a ? 7 : 0) + i - a;
+  o.setDate(o.getDate() - r);
+  o.setHours(0, 0, 0, 0);
+  return o;
+}
+
+/**
+ * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
+ * They usually appear for dates that denote time before the timezones were introduced
+ * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
+ * and GMT+01:00:00 after that date)
+ *
+ * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
+ * 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 normalizeDates(e, ...t) {
+  const n = constructFrom.bind(null, e || t.find((e => typeof e === "object")));
+  return t.map(n);
+}
+
+/**
+ * @name compareAsc
+ * @category Common Helpers
+ * @summary Compare the two dates and return -1, 0 or 1.
+ *
+ * @description
+ * Compare the two dates and return 1 if the first date is after the second,
+ * -1 if the first date is before the second or 0 if dates are equal.
+ *
+ * @param dateLeft - The first date to compare
+ * @param dateRight - The second date to compare
+ *
+ * @returns The result of the comparison
+ *
+ * @example
+ * // Compare 11 February 1987 and 10 July 1989:
+ * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
+ * //=> -1
+ *
+ * @example
+ * // Sort the array of dates:
+ * const result = [
+ *   new Date(1995, 6, 2),
+ *   new Date(1987, 1, 11),
+ *   new Date(1989, 6, 10)
+ * ].sort(compareAsc)
+ * //=> [
+ * //   Wed Feb 11 1987 00:00:00,
+ * //   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;
+  // Return 0 if diff is 0; return NaN if diff is NaN
+    return n;
+}
+
+/**
+ * @name constructNow
+ * @category Generic Helpers
+ * @summary Constructs a new current date using the passed value constructor.
+ * @pure false
+ *
+ * @description
+ * The function constructs a new current date using the constructor from
+ * the reference date. It helps to build generic functions that accept date
+ * extensions and use the current date.
+ *
+ * It defaults to `Date` if the passed reference date is a number or a string.
+ *
+ * @param date - The reference date to take constructor from
+ *
+ * @returns Current date initialized using the given date constructor
+ *
+ * @example
+ * import { constructNow, isSameDay } from 'date-fns'
+ *
+ * function isToday<DateType extends Date>(
+ *   date: DateArg<DateType>,
+ * ): boolean {
+ *   // If we were to use `new Date()` directly, the function would  behave
+ *   // differently in different timezones and return false for the same date.
+ *   return isSameDay(date, constructNow(date));
+ * }
+ */ function constructNow(e) {
+  return constructFrom(e, Date.now());
+}
+
+/**
+ * The {@link differenceInCalendarMonths} function options.
+ */
+/**
+ * @name differenceInCalendarMonths
+ * @category Month Helpers
+ * @summary Get the number of calendar months between the given dates.
+ *
+ * @description
+ * Get the number of calendar months between the given dates.
+ *
+ * @param laterDate - The later date
+ * @param earlierDate - The earlier date
+ * @param options - An object with options
+ *
+ * @returns The number of calendar months
+ *
+ * @example
+ * // How many calendar months are between 31 January 2014 and 1 September 2014?
+ * const result = differenceInCalendarMonths(
+ *   new Date(2014, 8, 1),
+ *   new Date(2014, 0, 31)
+ * )
+ * //=> 8
+ */ function differenceInCalendarMonths(e, t, n) {
+  const [a, o] = normalizeDates(n?.in, e, t);
+  const i = a.getFullYear() - o.getFullYear();
+  const r = a.getMonth() - o.getMonth();
+  return i * 12 + r;
+}
+
+function getRoundingMethod(e) {
+  return t => {
+    const n = e ? Math[e] : Math.trunc;
+    const a = n(t);
+    // Prevent negative zero
+        return a === 0 ? 0 : a;
+  };
+}
+
+/**
+ * @name differenceInMilliseconds
+ * @category Millisecond Helpers
+ * @summary Get the number of milliseconds between the given dates.
+ *
+ * @description
+ * Get the number of milliseconds between the given dates.
+ *
+ * @param laterDate - The later date
+ * @param earlierDate - The earlier date
+ *
+ * @returns The number of milliseconds
+ *
+ * @example
+ * // How many milliseconds are between
+ * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
+ * const result = differenceInMilliseconds(
+ *   new Date(2014, 6, 2, 12, 30, 21, 700),
+ *   new Date(2014, 6, 2, 12, 30, 20, 600)
+ * )
+ * //=> 1100
+ */ function differenceInMilliseconds(e, t) {
+  return +toDate(e) - +toDate(t);
+}
+
+/**
+ * The {@link endOfDay} function options.
+ */
+/**
+ * @name endOfDay
+ * @category Day Helpers
+ * @summary Return the end of a day for the given date.
+ *
+ * @description
+ * Return the end of a day for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The end of a day
+ *
+ * @example
+ * // 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;
+}
+
+/**
+ * The {@link endOfMonth} function options.
+ */
+/**
+ * @name endOfMonth
+ * @category Month Helpers
+ * @summary Return the end of a month for the given date.
+ *
+ * @description
+ * Return the end of a month for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The end of a month
+ *
+ * @example
+ * // 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;
+}
+
+/**
+ * @name isLastDayOfMonth
+ * @category Month Helpers
+ * @summary Is the given date the last day of a month?
+ *
+ * @description
+ * Is the given date the last day of a month?
+ *
+ * @param date - The date to check
+ * @param options - An object with options
+ *
+ * @returns The date is the last day of a month
+ *
+ * @example
+ * // 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);
+}
+
+/**
+ * The {@link differenceInMonths} function options.
+ */
+/**
+ * @name differenceInMonths
+ * @category Month Helpers
+ * @summary Get the number of full months between the given dates.
+ *
+ * @param laterDate - The later date
+ * @param earlierDate - The earlier date
+ * @param options - An object with options
+ *
+ * @returns The number of full months
+ *
+ * @example
+ * // 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, i] = normalizeDates(n?.in, e, e, t);
+  const r = compareAsc(o, i);
+  const s = Math.abs(differenceInCalendarMonths(o, i));
+  if (s < 1) return 0;
+  if (o.getMonth() === 1 && o.getDate() > 27) o.setDate(30);
+  o.setMonth(o.getMonth() - r * s);
+  let c = compareAsc(o, i) === -r;
+  if (isLastDayOfMonth(a) && s === 1 && compareAsc(a, i) === 1) {
+    c = false;
+  }
+  const d = r * (s - +c);
+  return d === 0 ? 0 : d;
+}
+
+/**
+ * The {@link differenceInSeconds} function options.
+ */
+/**
+ * @name differenceInSeconds
+ * @category Second Helpers
+ * @summary Get the number of seconds between the given dates.
+ *
+ * @description
+ * Get the number of seconds between the given dates.
+ *
+ * @param laterDate - The later date
+ * @param earlierDate - The earlier date
+ * @param options - An object with options.
+ *
+ * @returns The number of seconds
+ *
+ * @example
+ * // How many seconds are between
+ * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?
+ * const result = differenceInSeconds(
+ *   new Date(2014, 6, 2, 12, 30, 20, 0),
+ *   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);
+}
+
+const l = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+};
+
+const formatDistance$3 = (e, t, n) => {
+  let a;
+  const o = l[e];
+  if (typeof o === "string") {
+    a = o;
+  } else if (t === 1) {
+    a = o.one;
+  } else {
+    a = o.other.replace("{{count}}", t.toString());
+  }
+  if (n?.addSuffix) {
+    if (n.comparison && n.comparison > 0) {
+      return "in " + a;
+    } else {
+      return a + " ago";
+    }
+  }
+  return a;
+};
+
+function buildFormatLongFn(e) {
+  return (t = {}) => {
+    // TODO: Remove String()
+    const n = t.width ? String(t.width) : e.defaultWidth;
+    const a = e.formats[n] || e.formats[e.defaultWidth];
+    return a;
+  };
+}
+
+const u = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+};
+
+const h = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+};
+
+const m = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+};
+
+const f = {
+  date: buildFormatLongFn({
+    formats: u,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: h,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: m,
+    defaultWidth: "full"
+  })
+};
+
+const g = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+};
+
+const formatRelative$2 = (e, t, n, a) => g[e]
+/**
+ * The localize function argument callback which allows to convert raw value to
+ * the actual type.
+ *
+ * @param value - The value to convert
+ *
+ * @returns The converted value
+ */
+/**
+ * The map of localized values for each width.
+ */
+/**
+ * The index type of the locale unit value. It types conversion of units of
+ * values that don't start at 0 (i.e. quarters).
+ */
+/**
+ * Converts the unit value to the tuple of values.
+ */
+/**
+ * The tuple of localized era values. The first element represents BC,
+ * the second element represents AD.
+ */
+/**
+ * The tuple of localized quarter values. The first element represents Q1.
+ */
+/**
+ * The tuple of localized day values. The first element represents Sunday.
+ */
+/**
+ * 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];
+    } else {
+      const t = e.defaultWidth;
+      const a = n?.width ? String(n.width) : e.defaultWidth;
+      o = e.values[a] || e.values[t];
+    }
+    const i = e.argumentCallback ? e.argumentCallback(t) : t;
+    // @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[i];
+  };
+}
+
+const b = {
+  narrow: [ "B", "A" ],
+  abbreviated: [ "BC", "AD" ],
+  wide: [ "Before Christ", "Anno Domini" ]
+};
+
+const p = {
+  narrow: [ "1", "2", "3", "4" ],
+  abbreviated: [ "Q1", "Q2", "Q3", "Q4" ],
+  wide: [ "1st quarter", "2nd quarter", "3rd quarter", "4th quarter" ]
+};
+
+// Note: in English, the names of days of the week and months are capitalized.
+// 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 = {
+  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 = {
+  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 = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+};
+
+const M = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+};
+
+const ordinalNumber$2 = (e, t) => {
+  const n = Number(e);
+  // 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;
+  if (a > 20 || a < 10) {
+    switch (a % 10) {
+     case 1:
+      return n + "st";
+
+     case 2:
+      return n + "nd";
+
+     case 3:
+      return n + "rd";
+    }
+  }
+  return n + "th";
+};
+
+const _ = {
+  ordinalNumber: ordinalNumber$2,
+  era: buildLocalizeFn({
+    values: b,
+    defaultWidth: "wide"
+  }),
+  quarter: buildLocalizeFn({
+    values: p,
+    defaultWidth: "wide",
+    argumentCallback: e => e - 1
+  }),
+  month: buildLocalizeFn({
+    values: y,
+    defaultWidth: "wide"
+  }),
+  day: buildLocalizeFn({
+    values: w,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: buildLocalizeFn({
+    values: v,
+    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 i = t.match(o);
+    if (!i) {
+      return null;
+    }
+    const r = i[0];
+    const s = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth];
+    const c = Array.isArray(s) ? findIndex(s, (e => e.test(r))) : // [TODO] -- I challenge you to fix the type
+    findKey(s, (e => e.test(r)));
+    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(r.length);
+    return {
+      value: d,
+      rest: l
+    };
+  };
+}
+
+function findKey(e, t) {
+  for (const n in e) {
+    if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n])) {
+      return n;
+    }
+  }
+  return undefined;
+}
+
+function findIndex(e, t) {
+  for (let n = 0; n < e.length; n++) {
+    if (t(e[n])) {
+      return n;
+    }
+  }
+  return undefined;
+}
+
+function buildMatchPatternFn(e) {
+  return (t, n = {}) => {
+    const a = t.match(e.matchPattern);
+    if (!a) return null;
+    const o = a[0];
+    const i = t.match(e.parsePattern);
+    if (!i) return null;
+    let r = e.valueCallback ? e.valueCallback(i[0]) : i[0];
+    // [TODO] I challenge you to fix the type
+        r = n.valueCallback ? n.valueCallback(r) : r;
+    const s = t.slice(o.length);
+    return {
+      value: r,
+      rest: s
+    };
+  };
+}
+
+const k = /^(\d+)(th|st|nd|rd)?/i;
+
+const W = /\d+/i;
+
+const x = {
+  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 = {
+  any: [ /^b/i, /^(a|c)/i ]
+};
+
+const P = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+};
+
+const z = {
+  any: [ /1/i, /2/i, /3/i, /4/i ]
+};
+
+const D = {
+  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 = {
+  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 = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+};
+
+const X = {
+  narrow: [ /^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i ],
+  any: [ /^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i ]
+};
+
+const C = {
+  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 = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+};
+
+const A = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: k,
+    parsePattern: W,
+    valueCallback: e => parseInt(e, 10)
+  }),
+  era: buildMatchFn({
+    matchPatterns: x,
+    defaultMatchWidth: "wide",
+    parsePatterns: F,
+    defaultParseWidth: "any"
+  }),
+  quarter: buildMatchFn({
+    matchPatterns: P,
+    defaultMatchWidth: "wide",
+    parsePatterns: z,
+    defaultParseWidth: "any",
+    valueCallback: e => e + 1
+  }),
+  month: buildMatchFn({
+    matchPatterns: D,
+    defaultMatchWidth: "wide",
+    parsePatterns: S,
+    defaultParseWidth: "any"
+  }),
+  day: buildMatchFn({
+    matchPatterns: T,
+    defaultMatchWidth: "wide",
+    parsePatterns: X,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: buildMatchFn({
+    matchPatterns: C,
+    defaultMatchWidth: "any",
+    parsePatterns: L,
+    defaultParseWidth: "any"
+  })
+};
+
+/**
+ * @category Locales
+ * @summary English locale (United States).
+ * @language English
+ * @iso-639-2 eng
+ * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)
+ * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)
+ */ const j = {
+  code: "en-US",
+  formatDistance: formatDistance$3,
+  formatLong: f,
+  formatRelative: formatRelative$2,
+  localize: _,
+  match: A,
+  options: {
+    weekStartsOn: 0 /* Sunday */ ,
+    firstWeekContainsDate: 1
+  }
+};
+
+/**
+ * The {@link formatDistance} function options.
+ */
+/**
+ * @name formatDistance
+ * @category Common Helpers
+ * @summary Return the distance between the given dates in words.
+ *
+ * @description
+ * Return the distance between the given dates in words.
+ *
+ * | Distance between dates                                            | Result              |
+ * |-------------------------------------------------------------------|---------------------|
+ * | 0 ... 30 secs                                                     | less than a minute  |
+ * | 30 secs ... 1 min 30 secs                                         | 1 minute            |
+ * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |
+ * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |
+ * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |
+ * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |
+ * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |
+ * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |
+ * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |
+ * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |
+ * | 1 yr ... 1 yr 3 months                                            | about 1 year        |
+ * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |
+ * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |
+ * | N yrs ... N yrs 3 months                                          | about N years       |
+ * | N yrs 3 months ... N yrs 9 months                                 | over N years        |
+ * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |
+ *
+ * With `options.includeSeconds == true`:
+ * | Distance between dates | Result               |
+ * |------------------------|----------------------|
+ * | 0 secs ... 5 secs      | less than 5 seconds  |
+ * | 5 secs ... 10 secs     | less than 10 seconds |
+ * | 10 secs ... 20 secs    | less than 20 seconds |
+ * | 20 secs ... 40 secs    | half a minute        |
+ * | 40 secs ... 60 secs    | less than a minute   |
+ * | 60 secs ... 90 secs    | 1 minute             |
+ *
+ * @param laterDate - The date
+ * @param earlierDate - The date to compare with
+ * @param options - An object with options
+ *
+ * @returns The distance in words
+ *
+ * @throws `date` must not be Invalid Date
+ * @throws `baseDate` must not be Invalid Date
+ * @throws `options.locale` must contain `formatDistance` property
+ *
+ * @example
+ * // What is the distance between 2 July 2014 and 1 January 2015?
+ * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))
+ * //=> '6 months'
+ *
+ * @example
+ * // What is the distance between 1 January 2015 00:00:15
+ * // and 1 January 2015 00:00:00, including seconds?
+ * const result = formatDistance(
+ *   new Date(2015, 0, 1, 0, 0, 15),
+ *   new Date(2015, 0, 1, 0, 0, 0),
+ *   { includeSeconds: true }
+ * )
+ * //=> 'less than 20 seconds'
+ *
+ * @example
+ * // What is the distance from 1 January 2016
+ * // to 1 January 2015, with a suffix?
+ * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {
+ *   addSuffix: true
+ * })
+ * //=> 'about 1 year ago'
+ *
+ * @example
+ * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?
+ * import { eoLocale } from 'date-fns/locale/eo'
+ * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {
+ *   locale: eoLocale
+ * })
+ * //=> 'pli ol 1 jaro'
+ */ function formatDistance$2(e, t, n) {
+  const a = getDefaultOptions();
+  const o = n?.locale ?? a.locale ?? j;
+  const i = 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 [l, u] = normalizeDates(n?.in, ...c > 0 ? [ t, e ] : [ e, t ]);
+  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 (h < 5) {
+        return o.formatDistance("lessThanXSeconds", 5, d);
+      } else if (h < 10) {
+        return o.formatDistance("lessThanXSeconds", 10, d);
+      } else if (h < 20) {
+        return o.formatDistance("lessThanXSeconds", 20, d);
+      } else if (h < 40) {
+        return o.formatDistance("halfAMinute", 0, d);
+      } else if (h < 60) {
+        return o.formatDistance("lessThanXMinutes", 1, d);
+      } else {
+        return o.formatDistance("xMinutes", 1, d);
+      }
+    } else {
+      if (f === 0) {
+        return o.formatDistance("lessThanXMinutes", 1, d);
+      } else {
+        return o.formatDistance("xMinutes", f, d);
+      }
+    }
+    // 2 mins up to 0.75 hrs
+    } else if (f < 45) {
+    return o.formatDistance("xMinutes", f, d);
+    // 0.75 hrs up to 1.5 hrs
+    } else if (f < 90) {
+    return o.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);
+    // 1 day up to 1.75 days
+    } else if (f < i) {
+    return o.formatDistance("xDays", 1, d);
+    // 1.75 days up to 30 days
+    } else if (f < r) {
+    const e = Math.round(f / s);
+    return o.formatDistance("xDays", e, d);
+    // 1 month up to 2 months
+    } else if (f < r * 2) {
+    g = Math.round(f / r);
+    return o.formatDistance("aboutXMonths", g, d);
+  }
+  g = differenceInMonths(u, l);
+  // 2 months up to 12 months
+    if (g < 12) {
+    const e = Math.round(f / r);
+    return o.formatDistance("xMonths", e, d);
+    // 1 year up to max Date
+    } else {
+    const e = g % 12;
+    const t = Math.trunc(g / 12);
+    // N years up to 1 years 3 months
+        if (e < 3) {
+      return o.formatDistance("aboutXYears", t, d);
+      // N years 3 months up to N years 9 months
+        } else if (e < 9) {
+      return o.formatDistance("overXYears", t, d);
+      // N years 9 months up to N year 12 months
+        } else {
+      return o.formatDistance("almostXYears", t + 1, d);
+    }
+  }
+}
+
+/**
+ * The {@link formatDistanceToNow} function options.
+ */
+/**
+ * @name formatDistanceToNow
+ * @category Common Helpers
+ * @summary Return the distance between the given date and now in words.
+ * @pure false
+ *
+ * @description
+ * Return the distance between the given date and now in words.
+ *
+ * | Distance to now                                                   | Result              |
+ * |-------------------------------------------------------------------|---------------------|
+ * | 0 ... 30 secs                                                     | less than a minute  |
+ * | 30 secs ... 1 min 30 secs                                         | 1 minute            |
+ * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |
+ * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |
+ * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |
+ * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |
+ * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |
+ * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |
+ * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |
+ * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |
+ * | 1 yr ... 1 yr 3 months                                            | about 1 year        |
+ * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |
+ * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |
+ * | N yrs ... N yrs 3 months                                          | about N years       |
+ * | N yrs 3 months ... N yrs 9 months                                 | over N years        |
+ * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |
+ *
+ * With `options.includeSeconds == true`:
+ * | Distance to now     | Result               |
+ * |---------------------|----------------------|
+ * | 0 secs ... 5 secs   | less than 5 seconds  |
+ * | 5 secs ... 10 secs  | less than 10 seconds |
+ * | 10 secs ... 20 secs | less than 20 seconds |
+ * | 20 secs ... 40 secs | half a minute        |
+ * | 40 secs ... 60 secs | less than a minute   |
+ * | 60 secs ... 90 secs | 1 minute             |
+ *
+ * @param date - The given date
+ * @param options - The object with options
+ *
+ * @returns The distance in words
+ *
+ * @throws `date` must not be Invalid Date
+ * @throws `options.locale` must contain `formatDistance` property
+ *
+ * @example
+ * // If today is 1 January 2015, what is the distance to 2 July 2014?
+ * const result = formatDistanceToNow(
+ *   new Date(2014, 6, 2)
+ * )
+ * //=> '6 months'
+ *
+ * @example
+ * // If now is 1 January 2015 00:00:00,
+ * // what is the distance to 1 January 2015 00:00:15, including seconds?
+ * const result = formatDistanceToNow(
+ *   new Date(2015, 0, 1, 0, 0, 15),
+ *   {includeSeconds: true}
+ * )
+ * //=> 'less than 20 seconds'
+ *
+ * @example
+ * // If today is 1 January 2015,
+ * // what is the distance to 1 January 2016, with a suffix?
+ * const result = formatDistanceToNow(
+ *   new Date(2016, 0, 1),
+ *   {addSuffix: true}
+ * )
+ * //=> 'in about 1 year'
+ *
+ * @example
+ * // If today is 1 January 2015,
+ * // what is the distance to 1 August 2016 in Esperanto?
+ * const eoLocale = require('date-fns/locale/eo')
+ * const result = formatDistanceToNow(
+ *   new Date(2016, 7, 1),
+ *   {locale: eoLocale}
+ * )
+ * //=> 'pli ol 1 jaro'
+ */ function formatDistanceToNow(e, t) {
+  return formatDistance$2(e, constructNow(e), t);
+}
+
+/**
+ * The {@link isSameWeek} function options.
+ */
+/**
+ * @name isSameWeek
+ * @category Week Helpers
+ * @summary Are the given dates in the same week (and month and year)?
+ *
+ * @description
+ * Are the given dates in the same week (and month and year)?
+ *
+ * @param laterDate - The first date to check
+ * @param earlierDate - The second date to check
+ * @param options - An object with options
+ *
+ * @returns The dates are in the same week (and month and year)
+ *
+ * @example
+ * // Are 31 August 2014 and 4 September 2014 in the same week?
+ * const result = isSameWeek(new Date(2014, 7, 31), new Date(2014, 8, 4))
+ * //=> true
+ *
+ * @example
+ * // If week starts with Monday,
+ * // are 31 August 2014 and 4 September 2014 in the same week?
+ * const result = isSameWeek(new Date(2014, 7, 31), new Date(2014, 8, 4), {
+ *   weekStartsOn: 1
+ * })
+ * //=> false
+ *
+ * @example
+ * // 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);
+}
+
+const I = {
+  lessThanXSeconds: {
+    one: "1秒未満",
+    other: "{{count}}秒未満",
+    oneWithSuffix: "約1秒",
+    otherWithSuffix: "約{{count}}秒"
+  },
+  xSeconds: {
+    one: "1秒",
+    other: "{{count}}秒"
+  },
+  halfAMinute: "30秒",
+  lessThanXMinutes: {
+    one: "1分未満",
+    other: "{{count}}分未満",
+    oneWithSuffix: "約1分",
+    otherWithSuffix: "約{{count}}分"
+  },
+  xMinutes: {
+    one: "1分",
+    other: "{{count}}分"
+  },
+  aboutXHours: {
+    one: "約1時間",
+    other: "約{{count}}時間"
+  },
+  xHours: {
+    one: "1時間",
+    other: "{{count}}時間"
+  },
+  xDays: {
+    one: "1日",
+    other: "{{count}}日"
+  },
+  aboutXWeeks: {
+    one: "約1週間",
+    other: "約{{count}}週間"
+  },
+  xWeeks: {
+    one: "1週間",
+    other: "{{count}}週間"
+  },
+  aboutXMonths: {
+    one: "約1か月",
+    other: "約{{count}}か月"
+  },
+  xMonths: {
+    one: "1か月",
+    other: "{{count}}か月"
+  },
+  aboutXYears: {
+    one: "約1年",
+    other: "約{{count}}年"
+  },
+  xYears: {
+    one: "1年",
+    other: "{{count}}年"
+  },
+  overXYears: {
+    one: "1年以上",
+    other: "{{count}}年以上"
+  },
+  almostXYears: {
+    one: "1年近く",
+    other: "{{count}}年近く"
+  }
+};
+
+const formatDistance$1 = (e, t, n) => {
+  n = n || {};
+  let a;
+  const o = I[e];
+  if (typeof o === "string") {
+    a = o;
+  } else if (t === 1) {
+    if (n.addSuffix && o.oneWithSuffix) {
+      a = o.oneWithSuffix;
+    } else {
+      a = o.one;
+    }
+  } else {
+    if (n.addSuffix && o.otherWithSuffix) {
+      a = o.otherWithSuffix.replace("{{count}}", String(t));
+    } else {
+      a = o.other.replace("{{count}}", String(t));
+    }
+  }
+  if (n.addSuffix) {
+    if (n.comparison && n.comparison > 0) {
+      return a + "後";
+    } else {
+      return a + "前";
+    }
+  }
+  return a;
+};
+
+const O = {
+  full: "y年M月d日EEEE",
+  long: "y年M月d日",
+  medium: "y/MM/dd",
+  short: "y/MM/dd"
+};
+
+const N = {
+  full: "H時mm分ss秒 zzzz",
+  long: "H:mm:ss z",
+  medium: "H:mm:ss",
+  short: "H:mm"
+};
+
+const E = {
+  full: "{{date}} {{time}}",
+  long: "{{date}} {{time}}",
+  medium: "{{date}} {{time}}",
+  short: "{{date}} {{time}}"
+};
+
+const Y = {
+  date: buildFormatLongFn({
+    formats: O,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: N,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: E,
+    defaultWidth: "full"
+  })
+};
+
+const H = {
+  lastWeek: "先週のeeeeのp",
+  yesterday: "昨日のp",
+  today: "今日のp",
+  tomorrow: "明日のp",
+  nextWeek: "翌週のeeeeのp",
+  other: "P"
+};
+
+const formatRelative$1 = (e, t, n, a) => H[e];
+
+const q = {
+  narrow: [ "BC", "AC" ],
+  abbreviated: [ "紀元前", "西暦" ],
+  wide: [ "紀元前", "西暦" ]
+};
+
+const $ = {
+  narrow: [ "1", "2", "3", "4" ],
+  abbreviated: [ "Q1", "Q2", "Q3", "Q4" ],
+  wide: [ "第1四半期", "第2四半期", "第3四半期", "第4四半期" ]
+};
+
+const J = {
+  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 = {
+  narrow: [ "日", "月", "火", "水", "木", "金", "土" ],
+  short: [ "日", "月", "火", "水", "木", "金", "土" ],
+  abbreviated: [ "日", "月", "火", "水", "木", "金", "土" ],
+  wide: [ "日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日" ]
+};
+
+const R = {
+  narrow: {
+    am: "午前",
+    pm: "午後",
+    midnight: "深夜",
+    noon: "正午",
+    morning: "朝",
+    afternoon: "午後",
+    evening: "夜",
+    night: "深夜"
+  },
+  abbreviated: {
+    am: "午前",
+    pm: "午後",
+    midnight: "深夜",
+    noon: "正午",
+    morning: "朝",
+    afternoon: "午後",
+    evening: "夜",
+    night: "深夜"
+  },
+  wide: {
+    am: "午前",
+    pm: "午後",
+    midnight: "深夜",
+    noon: "正午",
+    morning: "朝",
+    afternoon: "午後",
+    evening: "夜",
+    night: "深夜"
+  }
+};
+
+const B = {
+  narrow: {
+    am: "午前",
+    pm: "午後",
+    midnight: "深夜",
+    noon: "正午",
+    morning: "朝",
+    afternoon: "午後",
+    evening: "夜",
+    night: "深夜"
+  },
+  abbreviated: {
+    am: "午前",
+    pm: "午後",
+    midnight: "深夜",
+    noon: "正午",
+    morning: "朝",
+    afternoon: "午後",
+    evening: "夜",
+    night: "深夜"
+  },
+  wide: {
+    am: "午前",
+    pm: "午後",
+    midnight: "深夜",
+    noon: "正午",
+    morning: "朝",
+    afternoon: "午後",
+    evening: "夜",
+    night: "深夜"
+  }
+};
+
+const ordinalNumber$1 = (e, t) => {
+  const n = Number(e);
+  const a = String(t?.unit);
+  switch (a) {
+   case "year":
+    return `${n}年`;
+
+   case "quarter":
+    return `第${n}四半期`;
+
+   case "month":
+    return `${n}月`;
+
+   case "week":
+    return `第${n}週`;
+
+   case "date":
+    return `${n}日`;
+
+   case "hour":
+    return `${n}時`;
+
+   case "minute":
+    return `${n}分`;
+
+   case "second":
+    return `${n}秒`;
+
+   default:
+    return `${n}`;
+  }
+};
+
+const V = {
+  ordinalNumber: ordinalNumber$1,
+  era: buildLocalizeFn({
+    values: q,
+    defaultWidth: "wide"
+  }),
+  quarter: buildLocalizeFn({
+    values: $,
+    defaultWidth: "wide",
+    argumentCallback: e => Number(e) - 1
+  }),
+  month: buildLocalizeFn({
+    values: J,
+    defaultWidth: "wide"
+  }),
+  day: buildLocalizeFn({
+    values: Q,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: buildLocalizeFn({
+    values: R,
+    defaultWidth: "wide",
+    formattingValues: B,
+    defaultFormattingWidth: "wide"
+  })
+};
+
+const K = /^第?\d+(年|四半期|月|週|日|時|分|秒)?/i;
+
+const G = /\d+/i;
+
+const U = {
+  narrow: /^(B\.?C\.?|A\.?D\.?)/i,
+  abbreviated: /^(紀元[前後]|西暦)/i,
+  wide: /^(紀元[前後]|西暦)/i
+};
+
+const Z = {
+  narrow: [ /^B/i, /^A/i ],
+  any: [ /^(紀元前)/i, /^(西暦|紀元後)/i ]
+};
+
+const ee = {
+  narrow: /^[1234]/i,
+  abbreviated: /^Q[1234]/i,
+  wide: /^第[1234一二三四１２３４]四半期/i
+};
+
+const te = {
+  any: [ /(1|一|１)/i, /(2|二|２)/i, /(3|三|３)/i, /(4|四|４)/i ]
+};
+
+const ne = {
+  narrow: /^([123456789]|1[012])/,
+  abbreviated: /^([123456789]|1[012])月/i,
+  wide: /^([123456789]|1[012])月/i
+};
+
+const ae = {
+  any: [ /^1\D/, /^2/, /^3/, /^4/, /^5/, /^6/, /^7/, /^8/, /^9/, /^10/, /^11/, /^12/ ]
+};
+
+const oe = {
+  narrow: /^[日月火水木金土]/,
+  short: /^[日月火水木金土]/,
+  abbreviated: /^[日月火水木金土]/,
+  wide: /^[日月火水木金土]曜日/
+};
+
+const ie = {
+  any: [ /^日/, /^月/, /^火/, /^水/, /^木/, /^金/, /^土/ ]
+};
+
+const re = {
+  any: /^(AM|PM|午前|午後|正午|深夜|真夜中|夜|朝)/i
+};
+
+const se = {
+  any: {
+    am: /^(A|午前)/i,
+    pm: /^(P|午後)/i,
+    midnight: /^深夜|真夜中/i,
+    noon: /^正午/i,
+    morning: /^朝/i,
+    afternoon: /^午後/i,
+    evening: /^夜/i,
+    night: /^深夜/i
+  }
+};
+
+const ce = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: K,
+    parsePattern: G,
+    valueCallback: function(e) {
+      return parseInt(e, 10);
+    }
+  }),
+  era: buildMatchFn({
+    matchPatterns: U,
+    defaultMatchWidth: "wide",
+    parsePatterns: Z,
+    defaultParseWidth: "any"
+  }),
+  quarter: buildMatchFn({
+    matchPatterns: ee,
+    defaultMatchWidth: "wide",
+    parsePatterns: te,
+    defaultParseWidth: "any",
+    valueCallback: e => e + 1
+  }),
+  month: buildMatchFn({
+    matchPatterns: ne,
+    defaultMatchWidth: "wide",
+    parsePatterns: ae,
+    defaultParseWidth: "any"
+  }),
+  day: buildMatchFn({
+    matchPatterns: oe,
+    defaultMatchWidth: "wide",
+    parsePatterns: ie,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: buildMatchFn({
+    matchPatterns: re,
+    defaultMatchWidth: "any",
+    parsePatterns: se,
+    defaultParseWidth: "any"
+  })
+};
+
+/**
+ * @category Locales
+ * @summary Japanese locale.
+ * @language Japanese
+ * @iso-639-2 jpn
+ * @author Thomas Eilmsteiner [@DeMuu](https://github.com/DeMuu)
+ * @author Yamagishi Kazutoshi [@ykzts](https://github.com/ykzts)
+ * @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 = {
+  code: "ja",
+  formatDistance: formatDistance$1,
+  formatLong: Y,
+  formatRelative: formatRelative$1,
+  localize: V,
+  match: ce,
+  options: {
+    weekStartsOn: 0 /* Sunday */ ,
+    firstWeekContainsDate: 1
+  }
+};
+
+const le = {
+  lessThanXSeconds: {
+    one: "不到 1 秒",
+    other: "不到 {{count}} 秒"
+  },
+  xSeconds: {
+    one: "1 秒",
+    other: "{{count}} 秒"
+  },
+  halfAMinute: "半分钟",
+  lessThanXMinutes: {
+    one: "不到 1 分钟",
+    other: "不到 {{count}} 分钟"
+  },
+  xMinutes: {
+    one: "1 分钟",
+    other: "{{count}} 分钟"
+  },
+  xHours: {
+    one: "1 小时",
+    other: "{{count}} 小时"
+  },
+  aboutXHours: {
+    one: "大约 1 小时",
+    other: "大约 {{count}} 小时"
+  },
+  xDays: {
+    one: "1 天",
+    other: "{{count}} 天"
+  },
+  aboutXWeeks: {
+    one: "大约 1 个星期",
+    other: "大约 {{count}} 个星期"
+  },
+  xWeeks: {
+    one: "1 个星期",
+    other: "{{count}} 个星期"
+  },
+  aboutXMonths: {
+    one: "大约 1 个月",
+    other: "大约 {{count}} 个月"
+  },
+  xMonths: {
+    one: "1 个月",
+    other: "{{count}} 个月"
+  },
+  aboutXYears: {
+    one: "大约 1 年",
+    other: "大约 {{count}} 年"
+  },
+  xYears: {
+    one: "1 年",
+    other: "{{count}} 年"
+  },
+  overXYears: {
+    one: "超过 1 年",
+    other: "超过 {{count}} 年"
+  },
+  almostXYears: {
+    one: "将近 1 年",
+    other: "将近 {{count}} 年"
+  }
+};
+
+const formatDistance = (e, t, n) => {
+  let a;
+  const o = le[e];
+  if (typeof o === "string") {
+    a = o;
+  } else if (t === 1) {
+    a = o.one;
+  } else {
+    a = o.other.replace("{{count}}", String(t));
+  }
+  if (n?.addSuffix) {
+    if (n.comparison && n.comparison > 0) {
+      return a + "内";
+    } else {
+      return a + "前";
+    }
+  }
+  return a;
+};
+
+const ue = {
+  full: "y'年'M'月'd'日' EEEE",
+  long: "y'年'M'月'd'日'",
+  medium: "yyyy-MM-dd",
+  short: "yy-MM-dd"
+};
+
+const he = {
+  full: "zzzz a h:mm:ss",
+  long: "z a h:mm:ss",
+  medium: "a h:mm:ss",
+  short: "a h:mm"
+};
+
+const me = {
+  full: "{{date}} {{time}}",
+  long: "{{date}} {{time}}",
+  medium: "{{date}} {{time}}",
+  short: "{{date}} {{time}}"
+};
+
+const fe = {
+  date: buildFormatLongFn({
+    formats: ue,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: he,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: me,
+    defaultWidth: "full"
+  })
+};
+
+function checkWeek(e, t, n) {
+  const a = "eeee p";
+  if (isSameWeek(e, t, n)) {
+    return a;
+ // in same week
+    } else if (e.getTime() > t.getTime()) {
+    return "'下个'" + a;
+ // in next week
+    }
+  return "'上个'" + a;
+ // in last week
+}
+
+const ge = {
+  lastWeek: checkWeek,
+  // days before yesterday, maybe in this week or last week
+  yesterday: "'昨天' p",
+  today: "'今天' p",
+  tomorrow: "'明天' p",
+  nextWeek: checkWeek,
+  // days after tomorrow, maybe in this week or next week
+  other: "PP p"
+};
+
+const formatRelative = (e, t, n, a) => {
+  const o = ge[e];
+  if (typeof o === "function") {
+    return o(t, n, a);
+  }
+  return o;
+};
+
+const be = {
+  narrow: [ "前", "公元" ],
+  abbreviated: [ "前", "公元" ],
+  wide: [ "公元前", "公元" ]
+};
+
+const pe = {
+  narrow: [ "1", "2", "3", "4" ],
+  abbreviated: [ "第一季", "第二季", "第三季", "第四季" ],
+  wide: [ "第一季度", "第二季度", "第三季度", "第四季度" ]
+};
+
+const ye = {
+  narrow: [ "一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二" ],
+  abbreviated: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" ],
+  wide: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ]
+};
+
+const we = {
+  narrow: [ "日", "一", "二", "三", "四", "五", "六" ],
+  short: [ "日", "一", "二", "三", "四", "五", "六" ],
+  abbreviated: [ "周日", "周一", "周二", "周三", "周四", "周五", "周六" ],
+  wide: [ "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" ]
+};
+
+const ve = {
+  narrow: {
+    am: "上",
+    pm: "下",
+    midnight: "凌晨",
+    noon: "午",
+    morning: "早",
+    afternoon: "下午",
+    evening: "晚",
+    night: "夜"
+  },
+  abbreviated: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  },
+  wide: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  }
+};
+
+const Me = {
+  narrow: {
+    am: "上",
+    pm: "下",
+    midnight: "凌晨",
+    noon: "午",
+    morning: "早",
+    afternoon: "下午",
+    evening: "晚",
+    night: "夜"
+  },
+  abbreviated: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  },
+  wide: {
+    am: "上午",
+    pm: "下午",
+    midnight: "凌晨",
+    noon: "中午",
+    morning: "早晨",
+    afternoon: "中午",
+    evening: "晚上",
+    night: "夜间"
+  }
+};
+
+const ordinalNumber = (e, t) => {
+  const n = Number(e);
+  switch (t?.unit) {
+   case "date":
+    return n.toString() + "日";
+
+   case "hour":
+    return n.toString() + "时";
+
+   case "minute":
+    return n.toString() + "分";
+
+   case "second":
+    return n.toString() + "秒";
+
+   default:
+    return "第 " + n.toString();
+  }
+};
+
+const _e = {
+  ordinalNumber,
+  era: buildLocalizeFn({
+    values: be,
+    defaultWidth: "wide"
+  }),
+  quarter: buildLocalizeFn({
+    values: pe,
+    defaultWidth: "wide",
+    argumentCallback: e => e - 1
+  }),
+  month: buildLocalizeFn({
+    values: ye,
+    defaultWidth: "wide"
+  }),
+  day: buildLocalizeFn({
+    values: we,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: buildLocalizeFn({
+    values: ve,
+    defaultWidth: "wide",
+    formattingValues: Me,
+    defaultFormattingWidth: "wide"
+  })
+};
+
+const ke = /^(第\s*)?\d+(日|时|分|秒)?/i;
+
+const We = /\d+/i;
+
+const xe = {
+  narrow: /^(前)/i,
+  abbreviated: /^(前)/i,
+  wide: /^(公元前|公元)/i
+};
+
+const Fe = {
+  any: [ /^(前)/i, /^(公元)/i ]
+};
+
+const Pe = {
+  narrow: /^[1234]/i,
+  abbreviated: /^第[一二三四]刻/i,
+  wide: /^第[一二三四]刻钟/i
+};
+
+const ze = {
+  any: [ /(1|一)/i, /(2|二)/i, /(3|三)/i, /(4|四)/i ]
+};
+
+const De = {
+  narrow: /^(一|二|三|四|五|六|七|八|九|十[二一])/i,
+  abbreviated: /^(一|二|三|四|五|六|七|八|九|十[二一]|\d|1[12])月/i,
+  wide: /^(一|二|三|四|五|六|七|八|九|十[二一])月/i
+};
+
+const Se = {
+  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 = {
+  narrow: /^[一二三四五六日]/i,
+  short: /^[一二三四五六日]/i,
+  abbreviated: /^周[一二三四五六日]/i,
+  wide: /^星期[一二三四五六日]/i
+};
+
+const Xe = {
+  any: [ /日/i, /一/i, /二/i, /三/i, /四/i, /五/i, /六/i ]
+};
+
+const Ce = {
+  any: /^(上午?|下午?|午夜|[中正]午|早上?|下午|晚上?|凌晨|)/i
+};
+
+const Le = {
+  any: {
+    am: /^上午?/i,
+    pm: /^下午?/i,
+    midnight: /^午夜/i,
+    noon: /^[中正]午/i,
+    morning: /^早上/i,
+    afternoon: /^下午/i,
+    evening: /^晚上?/i,
+    night: /^凌晨/i
+  }
+};
+
+const Ae = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: ke,
+    parsePattern: We,
+    valueCallback: e => parseInt(e, 10)
+  }),
+  era: buildMatchFn({
+    matchPatterns: xe,
+    defaultMatchWidth: "wide",
+    parsePatterns: Fe,
+    defaultParseWidth: "any"
+  }),
+  quarter: buildMatchFn({
+    matchPatterns: Pe,
+    defaultMatchWidth: "wide",
+    parsePatterns: ze,
+    defaultParseWidth: "any",
+    valueCallback: e => e + 1
+  }),
+  month: buildMatchFn({
+    matchPatterns: De,
+    defaultMatchWidth: "wide",
+    parsePatterns: Se,
+    defaultParseWidth: "any"
+  }),
+  day: buildMatchFn({
+    matchPatterns: Te,
+    defaultMatchWidth: "wide",
+    parsePatterns: Xe,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: buildMatchFn({
+    matchPatterns: Ce,
+    defaultMatchWidth: "any",
+    parsePatterns: Le,
+    defaultParseWidth: "any"
+  })
+};
+
+/**
+ * @category Locales
+ * @summary Chinese Simplified locale.
+ * @language Chinese Simplified
+ * @iso-639-2 zho
+ * @author Changyu Geng [@KingMario](https://github.com/KingMario)
+ * @author Song Shuoyun [@fnlctrl](https://github.com/fnlctrl)
+ * @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 = {
+  code: "zh-CN",
+  formatDistance,
+  formatLong: fe,
+  formatRelative,
+  localize: _e,
+  match: Ae,
+  options: {
+    weekStartsOn: 1 /* Monday */ ,
+    firstWeekContainsDate: 4
+  }
+};
+
+const Ie = ":host{display:grid;block-size:100%;overflow:auto}.main{animation:fadeIn 300ms forwards;display:grid;block-size:100%;overflow:auto;opacity:0;grid-template-rows:max-content 1fr;gap:var(--mer-spacing--xl)}@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:auto}.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)}";
+
+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 Ne = undefined && undefined.__classPrivateFieldSet || function(e, t, n, a, o) {
+  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;
+};
+
+var Ee, Ye, He, qe, $e, Je, Qe, Re, Be, Ve;
+
+// 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 Ge = o({
+  category: "system",
+  name: "detail",
+  colorType: "primary"
+});
+
+const Ue = o({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-elevation"
+});
+
+const Ze = o({
+  category: "objects",
+  name: "knowledge-base"
+});
+
+const et = o({
+  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 nt = class {
+  constructor(n) {
+    e(this, n);
+    Ee.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);
+    }));
+    $e.set(this, (e => t => {
+      t.stopPropagation();
+      this.openKbCallback(e);
+    }));
+    Je.set(this, (e => {
+      this.kbFilterValue = e.detail;
+    }));
+    Qe.set(this, (() => {
+      const e = this.kbs.length < this.kbsFilterThreshold;
+      const n = 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);
+      } else {
+        // No kb has pass the filter. Display an empty-state.
+        a = t("gx-ide-empty-state", {
+          isAnimated: true,
+          stateIconSrc: Ue,
+          stateTitle: Oe(this, Ye, "f").recentKBs.noMatches
+        });
+      }
+      return t("section", {
+        class: "section-kbs"
+      }, t("header", {
+        class: {
+          "section-kbs__header": true
+        }
+      }, t("h2", {
+        class: "heading-3 section-kbs__title"
+      }, Oe(this, Ye, "f").recentKBs.title), t("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.
+        value: this.kbFilterValue,
+        class: {
+          input: true,
+          "section-kbs__filter--hidden": e
+        },
+        startImgSrc: et,
+        placeholder: Oe(this, Ye, "f").recentKBs.filterKbsPlaceholder,
+        onInput: !e && Oe(this, Je, "f"),
+        disabled: e
+      })), t("div", {
+        class: {
+          "section-kbs__list": true,
+          "section-kbs__list--empty": n,
+          scrollable: true
+        }
+      }, this.filteredKbs.length > 0 ? Oe(this, Re, "f").call(this) : a));
+    }));
+    Re.set(this, (() => {
+      var e;
+      return (e = this.filteredKbs) === null || e === void 0 ? void 0 : e.map(((e, n) => {
+        // relative time ago
+        var a;
+        const o = e.lastOpenedDate ? formatDistanceToNow(new Date(e.lastOpenedDate), {
+          addSuffix: true,
+          locale: Oe(this, He, "f")
+        }) : undefined;
+        // icon
+                const i = (a = e.icon) !== null && a !== void 0 ? a : Ze;
+        return t("article", {
+          class: "kb__item",
+          key: n
+        }, t("div", {
+          class: "kb__details"
+        }, t("ch-image", {
+          class: "icon-md",
+          src: i
+        }), t("p", {
+          class: "text-body-regular-m kb__name",
+          onClick: Oe(this, $e, "f").call(this, e.id)
+        }, e.name)), o && t("div", {
+          class: "text-body-regular-m kb__modified"
+        }, `${Oe(this, Ye, "f").recentKBs.opened} ${o}`));
+      }));
+    }));
+    Ve.set(this, (() => {
+      if (!this.secondarySection) {
+        return null;
+      }
+      const e = this.secondarySection.cards.length > 2;
+      return t("section", {
+        // Recent Knowledge Bases
+        class: "section-secondary"
+      }, t("header", null, t("h2", {
+        class: "heading-3"
+      }, this.secondarySection.title)), t("section", {
+        class: {
+          "section-secondary__actions": true,
+          "section-secondary__actions--two-cards": !e,
+          "section-secondary__actions--multiple-cards": e,
+          scrollable: true
+        }
+      }, this.secondarySection.cards.map(((e, n) => t("article", {
+        class: "card card-outlined",
+        key: n
+      }, t("header", {
+        class: "card__header"
+      }, t("span", {
+        class: "icon-capsule"
+      }, t("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: "heading-3"
+      }, e.title), e.description.map((e => t("p", {
+        class: "text-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", {
+        class: "icon-md",
+        src: Ge
+      }), e.action.caption)))))));
+    }));
+    this.kbFilterValue = "";
+    this.filteredKbs = undefined;
+    this.loading = true;
+    this.createKBCallback = undefined;
+    this.openKbCallback = undefined;
+    this.secondarySection = undefined;
+    this.kbs = undefined;
+    this.kbsFilterThreshold = undefined;
+  }
+  kbFilterValueChanged(e) {
+    this.filteredKbs = this.kbs.filter((t => t.name.toLowerCase().includes(e.toLocaleLowerCase())));
+  }
+  kbsChanged(e) {
+    this.filteredKbs = e;
+    this.kbFilterValue = "";
+ // clear filter
+    }
+  async componentWillLoad() {
+    Ne(this, Ye, await i.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");
+  }
+  render() {
+    var e;
+    this.loading = (!this.kbs || ((e = this.kbs) === null || e === void 0 ? void 0 : e.length) === 0) && !this.secondarySection;
+    return t(n, null, t("ch-theme", {
+      model: tt
+    }), t("main", {
+      class: {
+        main: true
+      }
+    }, t("section", {
+      // Create a new Knowledge Base
+      class: "section-create-new-kb"
+    }, t("header", {
+      // main header
+      class: "section-create-new__header"
+    }, t("h1", {
+      class: "heading-2"
+    }, Oe(this, Ye, "f").createKB.title), t("p", {
+      class: "text-body-regular-m"
+    }, Oe(this, Ye, "f").createKB.description)), t("section", {
+      class: "section-create-new-kb__actions scrollable"
+    }, t("article", {
+      // create project
+      class: "card card-filled"
+    }, t("header", {
+      class: "card__header"
+    }, t("div", {
+      class: "card__header-description"
+    }, t("h2", {
+      class: "heading-3"
+    }, Oe(this, Ye, "f").createProject.title), t("p", {
+      class: "text-body-regular-m"
+    }, Oe(this, Ye, "f").createProject.description))), t("footer", {
+      class: "card__footer"
+    }, t("button", {
+      class: "button-primary",
+      onClick: Oe(this, qe, "f").call(this, false)
+    }, Oe(this, Ye, "f").createProject.buttonCaption))), t("article", {
+      // open existing project
+      class: "card-filled"
+    }, t("header", {
+      class: "card__header"
+    }, t("div", {
+      class: "card__header-description"
+    }, t("h2", {
+      class: "heading-3"
+    }, Oe(this, Ye, "f").openExistingProject.title), t("p", {
+      class: "text-body-regular-m"
+    }, Oe(this, Ye, "f").openExistingProject.description))), t("footer", {
+      class: "card__footer"
+    }, t("button", {
+      class: "button-secondary cancel-btn",
+      onClick: Oe(this, qe, "f").call(this, true)
+    }, Oe(this, Ye, "f").openExistingProject.buttonCaption))))), t("section", {
+      class: "section-secondary scrollable"
+    }, this.loading ? t("gx-ide-loader", {
+      class: "loader",
+      loaderTitle: Oe(this, Ye, "f").recentKBs.loaderTitle,
+      description: Oe(this, Ye, "f").recentKBs.loaderDescription,
+      show: true
+    }) : Oe(this, Ee, "m", Be).call(this))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/start-page" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      kbFilterValue: [ "kbFilterValueChanged" ],
+      kbs: [ "kbsChanged" ]
+    };
+  }
+};
+
+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);
+};
+
+nt.style = Ie;
+
+export { nt as gx_ide_start_page };
+//# sourceMappingURL=p-120d283a.entry.js.map