// ==UserScript==
// @name       小工具合集
// @namespace  npm/vite-plugin-monkey
// @version    0.0.0
// @description 老黄历，油价，金价，亲戚计算器
// @author     monkey
// @icon       https://vitejs.dev/logo.svg
// @match      https://bbs.tampermonkey.net.cn/*
// @require    https://cdn.jsdelivr.net/npm/vue@3.4.27/dist/vue.global.prod.js
// @grant      GM_addStyle
// ==/UserScript==

(e=>{if(typeof GM_addStyle=="function"){GM_addStyle(e);return}const t=document.createElement("style");t.textContent=e,document.head.append(t)})(" .read-the-docs[data-v-2fef2d51]{color:#888} ");

(function (vue) {
  'use strict';

  var __getOwnPropNames = Object.getOwnPropertyNames;
  var __commonJS = (cb, mod) => function __require() {
    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
  };
  var require_main_001 = __commonJS({
    "main-BtumnPnQ.js"(exports, module) {
      const _export_sfc = (sfc, props) => {
        const target = sfc.__vccOpts || sfc;
        for (const [key, val] of props) {
          target[key] = val;
        }
        return target;
      };
      var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
      function getDefaultExportFromCjs(x) {
        return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
      }
      var lunar = { exports: {} };
      (function(module2) {
        (function(root2, factory) {
          if (module2.exports) {
            module2.exports = factory();
          } else {
            var o = factory();
            for (var i in o) {
              root2[i] = o[i];
            }
          }
        })(commonjsGlobal, function() {
          var Solar2 = /* @__PURE__ */ function() {
            var _fromDate = function(date) {
              return _fromYmdHms(date.getFullYear(), date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
            };
            var _fromJulianDay = function(julianDay) {
              var d = Math.floor(julianDay + 0.5);
              var f = julianDay + 0.5 - d;
              var c2;
              if (d >= 2299161) {
                c2 = Math.floor((d - 186721625e-2) / 36524.25);
                d += 1 + c2 - Math.floor(c2 / 4);
              }
              d += 1524;
              var year = Math.floor((d - 122.1) / 365.25);
              d -= Math.floor(365.25 * year);
              var month = Math.floor(d / 30.601);
              d -= Math.floor(30.601 * month);
              var day = d;
              if (month > 13) {
                month -= 13;
                year -= 4715;
              } else {
                month -= 1;
                year -= 4716;
              }
              f *= 24;
              var hour = Math.floor(f);
              f -= hour;
              f *= 60;
              var minute = Math.floor(f);
              f -= minute;
              f *= 60;
              var second = Math.round(f);
              if (second > 59) {
                second -= 60;
                minute++;
              }
              if (minute > 59) {
                minute -= 60;
                hour++;
              }
              if (hour > 23) {
                hour -= 24;
                day += 1;
              }
              return _fromYmdHms(year, month, day, hour, minute, second);
            };
            var _fromYmdHms = function(y, m, d, hour, minute, second) {
              var oy = y;
              var om = m;
              var od = d;
              var oh = hour;
              var oi = minute;
              var os = second;
              y *= 1;
              if (isNaN(y)) {
                throw new Error("wrong solar year " + oy);
              }
              m *= 1;
              if (isNaN(m)) {
                throw new Error("wrong solar month " + om);
              }
              d *= 1;
              if (isNaN(d)) {
                throw new Error("wrong solar day " + od);
              }
              hour *= 1;
              if (isNaN(hour)) {
                throw new Error("wrong hour " + oh);
              }
              minute *= 1;
              if (isNaN(minute)) {
                throw new Error("wrong minute " + oi);
              }
              second *= 1;
              if (isNaN(second)) {
                throw new Error("wrong second " + os);
              }
              if (1582 === y && 10 === m) {
                if (d > 4 && d < 15) {
                  throw new Error("wrong solar year " + y + " month " + m + " day " + d);
                }
              }
              if (m < 1 || m > 12) {
                throw new Error("wrong month " + m);
              }
              if (d < 1 || d > 31) {
                throw new Error("wrong day " + d);
              }
              if (hour < 0 || hour > 23) {
                throw new Error("wrong hour " + hour);
              }
              if (minute < 0 || minute > 59) {
                throw new Error("wrong minute " + minute);
              }
              if (second < 0 || second > 59) {
                throw new Error("wrong second " + second);
              }
              return {
                _p: {
                  year: y,
                  month: m,
                  day: d,
                  hour,
                  minute,
                  second
                },
                subtract: function(solar) {
                  return SolarUtil2.getDaysBetween(solar.getYear(), solar.getMonth(), solar.getDay(), this._p.year, this._p.month, this._p.day);
                },
                subtractMinute: function(solar) {
                  var days = this.subtract(solar);
                  var cm = this._p.hour * 60 + this._p.minute;
                  var sm = solar.getHour() * 60 + solar.getMinute();
                  var m2 = cm - sm;
                  if (m2 < 0) {
                    m2 += 1440;
                    days--;
                  }
                  m2 += days * 1440;
                  return m2;
                },
                isAfter: function(solar) {
                  if (this._p.year > solar.getYear()) {
                    return true;
                  }
                  if (this._p.year < solar.getYear()) {
                    return false;
                  }
                  if (this._p.month > solar.getMonth()) {
                    return true;
                  }
                  if (this._p.month < solar.getMonth()) {
                    return false;
                  }
                  if (this._p.day > solar.getDay()) {
                    return true;
                  }
                  if (this._p.day < solar.getDay()) {
                    return false;
                  }
                  if (this._p.hour > solar.getHour()) {
                    return true;
                  }
                  if (this._p.hour < solar.getHour()) {
                    return false;
                  }
                  if (this._p.minute > solar.getMinute()) {
                    return true;
                  }
                  if (this._p.minute < solar.getMinute()) {
                    return false;
                  }
                  return this._p.second > solar.getSecond();
                },
                isBefore: function(solar) {
                  if (this._p.year > solar.getYear()) {
                    return false;
                  }
                  if (this._p.year < solar.getYear()) {
                    return true;
                  }
                  if (this._p.month > solar.getMonth()) {
                    return false;
                  }
                  if (this._p.month < solar.getMonth()) {
                    return true;
                  }
                  if (this._p.day > solar.getDay()) {
                    return false;
                  }
                  if (this._p.day < solar.getDay()) {
                    return true;
                  }
                  if (this._p.hour > solar.getHour()) {
                    return false;
                  }
                  if (this._p.hour < solar.getHour()) {
                    return true;
                  }
                  if (this._p.minute > solar.getMinute()) {
                    return false;
                  }
                  if (this._p.minute < solar.getMinute()) {
                    return true;
                  }
                  return this._p.second < solar.getSecond();
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                getDay: function() {
                  return this._p.day;
                },
                getHour: function() {
                  return this._p.hour;
                },
                getMinute: function() {
                  return this._p.minute;
                },
                getSecond: function() {
                  return this._p.second;
                },
                getWeek: function() {
                  return (Math.floor(this.getJulianDay() + 0.5) + 7000001) % 7;
                },
                getWeekInChinese: function() {
                  return SolarUtil2.WEEK[this.getWeek()];
                },
                /**
                 * 获取当天的阳历周
                 * @param start 星期几作为一周的开始，1234560分别代表星期一至星期天
                 */
                getSolarWeek: function(start) {
                  return SolarWeek2.fromYmd(this._p.year, this._p.month, this._p.day, start);
                },
                isLeapYear: function() {
                  return SolarUtil2.isLeapYear(this._p.year);
                },
                getFestivals: function() {
                  var l = [];
                  var f = SolarUtil2.FESTIVAL[this._p.month + "-" + this._p.day];
                  if (f) {
                    l.push(f);
                  }
                  var weeks = Math.ceil(this._p.day / 7);
                  var week = this.getWeek();
                  f = SolarUtil2.WEEK_FESTIVAL[this._p.month + "-" + weeks + "-" + week];
                  if (f) {
                    l.push(f);
                  }
                  if (this._p.day + 7 > SolarUtil2.getDaysOfMonth(this._p.year, this._p.month)) {
                    f = SolarUtil2.WEEK_FESTIVAL[this._p.month + "-0-" + week];
                    if (f) {
                      l.push(f);
                    }
                  }
                  return l;
                },
                getOtherFestivals: function() {
                  var l = [];
                  var fs = SolarUtil2.OTHER_FESTIVAL[this._p.month + "-" + this._p.day];
                  if (fs) {
                    l = l.concat(fs);
                  }
                  return l;
                },
                getXingzuo: function() {
                  return this.getXingZuo();
                },
                getXingZuo: function() {
                  var index = 11;
                  var y2 = this._p.month * 100 + this._p.day;
                  if (y2 >= 321 && y2 <= 419) {
                    index = 0;
                  } else if (y2 >= 420 && y2 <= 520) {
                    index = 1;
                  } else if (y2 >= 521 && y2 <= 621) {
                    index = 2;
                  } else if (y2 >= 622 && y2 <= 722) {
                    index = 3;
                  } else if (y2 >= 723 && y2 <= 822) {
                    index = 4;
                  } else if (y2 >= 823 && y2 <= 922) {
                    index = 5;
                  } else if (y2 >= 923 && y2 <= 1023) {
                    index = 6;
                  } else if (y2 >= 1024 && y2 <= 1122) {
                    index = 7;
                  } else if (y2 >= 1123 && y2 <= 1221) {
                    index = 8;
                  } else if (y2 >= 1222 || y2 <= 119) {
                    index = 9;
                  } else if (y2 <= 218) {
                    index = 10;
                  }
                  return SolarUtil2.XINGZUO[index];
                },
                toYmd: function() {
                  var m2 = this._p.month;
                  var d2 = this._p.day;
                  var y2 = this._p.year + "";
                  while (y2.length < 4) {
                    y2 = "0" + y2;
                  }
                  return [y2, (m2 < 10 ? "0" : "") + m2, (d2 < 10 ? "0" : "") + d2].join("-");
                },
                toYmdHms: function() {
                  return this.toYmd() + " " + [(this._p.hour < 10 ? "0" : "") + this._p.hour, (this._p.minute < 10 ? "0" : "") + this._p.minute, (this._p.second < 10 ? "0" : "") + this._p.second].join(":");
                },
                toString: function() {
                  return this.toYmd();
                },
                toFullString: function() {
                  var s = this.toYmdHms();
                  if (this.isLeapYear()) {
                    s += " 闰年";
                  }
                  s += " 星期" + this.getWeekInChinese();
                  var festivals = this.getFestivals();
                  for (var i = 0, j = festivals.length; i < j; i++) {
                    s += " (" + festivals[i] + ")";
                  }
                  s += " " + this.getXingZuo() + "座";
                  return s;
                },
                nextYear: function(years) {
                  var oy2 = years;
                  years *= 1;
                  if (isNaN(years)) {
                    throw new Error("wrong years " + oy2);
                  }
                  var y2 = this._p.year + years;
                  var m2 = this._p.month;
                  var d2 = this._p.day;
                  if (1582 === y2 && 10 === m2) {
                    if (d2 > 4 && d2 < 15) {
                      d2 += 10;
                    }
                  } else if (2 === m2) {
                    if (d2 > 28) {
                      if (!SolarUtil2.isLeapYear(y2)) {
                        d2 = 28;
                      }
                    }
                  }
                  return _fromYmdHms(y2, m2, d2, this._p.hour, this._p.minute, this._p.second);
                },
                nextMonth: function(months) {
                  var om2 = months;
                  months *= 1;
                  if (isNaN(months)) {
                    throw new Error("wrong months " + om2);
                  }
                  var month = SolarMonth2.fromYm(this._p.year, this._p.month).next(months);
                  var y2 = month.getYear();
                  var m2 = month.getMonth();
                  var d2 = this._p.day;
                  if (1582 === y2 && 10 === m2) {
                    if (d2 > 4 && d2 < 15) {
                      d2 += 10;
                    }
                  } else {
                    var maxDay = SolarUtil2.getDaysOfMonth(y2, m2);
                    if (d2 > maxDay) {
                      d2 = maxDay;
                    }
                  }
                  return _fromYmdHms(y2, m2, d2, this._p.hour, this._p.minute, this._p.second);
                },
                nextDay: function(days) {
                  var od2 = days;
                  days *= 1;
                  if (isNaN(days)) {
                    throw new Error("wrong days " + od2);
                  }
                  var y2 = this._p.year;
                  var m2 = this._p.month;
                  var d2 = this._p.day;
                  if (1582 === y2 && 10 === m2) {
                    if (d2 > 4) {
                      d2 -= 10;
                    }
                  }
                  if (days > 0) {
                    d2 += days;
                    var daysInMonth = SolarUtil2.getDaysOfMonth(y2, m2);
                    while (d2 > daysInMonth) {
                      d2 -= daysInMonth;
                      m2++;
                      if (m2 > 12) {
                        m2 = 1;
                        y2++;
                      }
                      daysInMonth = SolarUtil2.getDaysOfMonth(y2, m2);
                    }
                  } else if (days < 0) {
                    while (d2 + days <= 0) {
                      m2--;
                      if (m2 < 1) {
                        m2 = 12;
                        y2--;
                      }
                      d2 += SolarUtil2.getDaysOfMonth(y2, m2);
                    }
                    d2 += days;
                  }
                  if (1582 === y2 && 10 === m2) {
                    if (d2 > 4) {
                      d2 += 10;
                    }
                  }
                  return _fromYmdHms(y2, m2, d2, this._p.hour, this._p.minute, this._p.second);
                },
                nextWorkday: function(days) {
                  var od2 = days;
                  days *= 1;
                  if (isNaN(days)) {
                    throw new Error("wrong days " + od2);
                  }
                  var solar = _fromYmdHms(this._p.year, this._p.month, this._p.day, this._p.hour, this._p.minute, this._p.second);
                  if (days !== 0) {
                    var rest = Math.abs(days);
                    var add = days < 1 ? -1 : 1;
                    while (rest > 0) {
                      solar = solar.next(add);
                      var work = true;
                      var holiday = HolidayUtil2.getHoliday(solar.getYear(), solar.getMonth(), solar.getDay());
                      if (!holiday) {
                        var week = solar.getWeek();
                        if (0 === week || 6 === week) {
                          work = false;
                        }
                      } else {
                        work = holiday.isWork();
                      }
                      if (work) {
                        rest -= 1;
                      }
                    }
                  }
                  return solar;
                },
                next: function(days, onlyWorkday) {
                  if (onlyWorkday) {
                    return this.nextWorkday(days);
                  }
                  return this.nextDay(days);
                },
                nextHour: function(hours) {
                  var oh2 = hours;
                  hours *= 1;
                  if (isNaN(hours)) {
                    throw new Error("wrong hours " + oh2);
                  }
                  var h2 = this._p.hour + hours;
                  var n = h2 < 0 ? -1 : 1;
                  var hour2 = Math.abs(h2);
                  var days = Math.floor(hour2 / 24) * n;
                  hour2 = hour2 % 24 * n;
                  if (hour2 < 0) {
                    hour2 += 24;
                    days--;
                  }
                  var solar = this.next(days);
                  return _fromYmdHms(solar.getYear(), solar.getMonth(), solar.getDay(), hour2, solar.getMinute(), solar.getSecond());
                },
                getLunar: function() {
                  return Lunar2.fromSolar(this);
                },
                getJulianDay: function() {
                  var y2 = this._p.year;
                  var m2 = this._p.month;
                  var d2 = this._p.day + ((this._p.second / 60 + this._p.minute) / 60 + this._p.hour) / 24;
                  var n = 0;
                  var g = false;
                  if (y2 * 372 + m2 * 31 + Math.floor(d2) >= 588829) {
                    g = true;
                  }
                  if (m2 <= 2) {
                    m2 += 12;
                    y2--;
                  }
                  if (g) {
                    n = Math.floor(y2 / 100);
                    n = 2 - n + Math.floor(n / 4);
                  }
                  return Math.floor(365.25 * (y2 + 4716)) + Math.floor(30.6001 * (m2 + 1)) + d2 + n - 1524.5;
                },
                getSalaryRate: function() {
                  if (this._p.month === 1 && this._p.day === 1) {
                    return 3;
                  }
                  if (this._p.month === 5 && this._p.day === 1) {
                    return 3;
                  }
                  if (this._p.month === 10 && this._p.day >= 1 && this._p.day <= 3) {
                    return 3;
                  }
                  var lunar2 = this.getLunar();
                  if (lunar2.getMonth() === 1 && lunar2.getDay() >= 1 && lunar2.getDay() <= 3) {
                    return 3;
                  }
                  if (lunar2.getMonth() === 5 && lunar2.getDay() === 5) {
                    return 3;
                  }
                  if (lunar2.getMonth() === 8 && lunar2.getDay() === 15) {
                    return 3;
                  }
                  if ("清明" === lunar2.getJieQi()) {
                    return 3;
                  }
                  var holiday = HolidayUtil2.getHoliday(this._p.year, this._p.month, this._p.day);
                  if (holiday) {
                    if (!holiday.isWork()) {
                      return 2;
                    }
                  } else {
                    var week = this.getWeek();
                    if (week === 6 || week === 0) {
                      return 2;
                    }
                  }
                  return 1;
                }
              };
            };
            var _fromBaZi = function(yearGanZhi, monthGanZhi, dayGanZhi, timeGanZhi, sect, baseYear) {
              sect *= 1;
              if (isNaN(sect)) {
                sect = 2;
              }
              if (1 !== sect) {
                sect = 2;
              }
              baseYear *= 1;
              if (isNaN(baseYear)) {
                baseYear = 1900;
              }
              var l = [];
              var m = LunarUtil2.index(monthGanZhi.substring(1), LunarUtil2.ZHI, -1) - 2;
              if (m < 0) {
                m += 12;
              }
              if (((LunarUtil2.index(yearGanZhi.substring(0, 1), LunarUtil2.GAN, -1) + 1) * 2 + m) % 10 !== LunarUtil2.index(monthGanZhi.substring(0, 1), LunarUtil2.GAN, -1)) {
                return l;
              }
              var y = LunarUtil2.getJiaZiIndex(yearGanZhi) - 57;
              if (y < 0) {
                y += 60;
              }
              y++;
              m *= 2;
              var h2 = LunarUtil2.index(timeGanZhi.substring(1), LunarUtil2.ZHI, -1) * 2;
              var hours = [h2];
              if (0 === h2 && 2 === sect) {
                hours = [0, 23];
              }
              var startYear = baseYear - 1;
              var endYear = (/* @__PURE__ */ new Date()).getFullYear();
              while (y <= endYear) {
                if (y >= startYear) {
                  var jieQiLunar = Lunar2.fromYmd(y, 1, 1);
                  var jieQiList = jieQiLunar.getJieQiList();
                  var jieQiTable = jieQiLunar.getJieQiTable();
                  var solarTime = jieQiTable[jieQiList[4 + m]];
                  if (solarTime.getYear() >= baseYear) {
                    var d = LunarUtil2.getJiaZiIndex(dayGanZhi) - LunarUtil2.getJiaZiIndex(solarTime.getLunar().getDayInGanZhiExact2());
                    if (d < 0) {
                      d += 60;
                    }
                    if (d > 0) {
                      solarTime = solarTime.next(d);
                    }
                    for (var i = 0, j = hours.length; i < j; i++) {
                      var hour = hours[i];
                      var mi = 0;
                      var s = 0;
                      if (d === 0 && hour === solarTime.getHour()) {
                        mi = solarTime.getMinute();
                        s = solarTime.getSecond();
                      }
                      var solar = Solar2.fromYmdHms(solarTime.getYear(), solarTime.getMonth(), solarTime.getDay(), hour, mi, s);
                      var lunar2 = solar.getLunar();
                      var dgz = 2 === sect ? lunar2.getDayInGanZhiExact2() : lunar2.getDayInGanZhiExact();
                      if (lunar2.getYearInGanZhiExact() === yearGanZhi && lunar2.getMonthInGanZhiExact() === monthGanZhi && dgz === dayGanZhi && lunar2.getTimeInGanZhi() === timeGanZhi) {
                        l.push(solar);
                      }
                    }
                  }
                }
                y += 60;
              }
              return l;
            };
            return {
              J2000: 2451545,
              fromYmd: function(y, m, d) {
                return _fromYmdHms(y, m, d, 0, 0, 0);
              },
              fromYmdHms: function(y, m, d, hour, minute, second) {
                return _fromYmdHms(y, m, d, hour, minute, second);
              },
              fromDate: function(date) {
                return _fromDate(date);
              },
              fromJulianDay: function(julianDay) {
                return _fromJulianDay(julianDay);
              },
              fromBaZi: function(yearGanZhi, monthGanZhi, dayGanZhi, timeGanZhi, sect, baseYear) {
                return _fromBaZi(yearGanZhi, monthGanZhi, dayGanZhi, timeGanZhi, sect, baseYear);
              }
            };
          }();
          var Lunar2 = /* @__PURE__ */ function() {
            var _computeJieQi = function(o, ly) {
              o["jieQiList"] = [];
              o["jieQi"] = {};
              var julianDays = ly.getJieQiJulianDays();
              for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i++) {
                var key = LunarUtil2.JIE_QI_IN_USE[i];
                o["jieQiList"].push(key);
                o["jieQi"][key] = Solar2.fromJulianDay(julianDays[i]);
              }
            };
            var _computeYear = function(o, solar, year) {
              var offset = year - 4;
              var yearGanIndex = offset % 10;
              var yearZhiIndex = offset % 12;
              if (yearGanIndex < 0) {
                yearGanIndex += 10;
              }
              if (yearZhiIndex < 0) {
                yearZhiIndex += 12;
              }
              var g = yearGanIndex;
              var z = yearZhiIndex;
              var gExact = yearGanIndex;
              var zExact = yearZhiIndex;
              var solarYear = solar.getYear();
              var solarYmd = solar.toYmd();
              var solarYmdHms = solar.toYmdHms();
              var liChun = o["jieQi"][I18n2.getMessage("jq.liChun")];
              if (liChun.getYear() !== solarYear) {
                liChun = o["jieQi"]["LI_CHUN"];
              }
              var liChunYmd = liChun.toYmd();
              var liChunYmdHms = liChun.toYmdHms();
              if (year === solarYear) {
                if (solarYmd < liChunYmd) {
                  g--;
                  z--;
                }
                if (solarYmdHms < liChunYmdHms) {
                  gExact--;
                  zExact--;
                }
              } else if (year < solarYear) {
                if (solarYmd >= liChunYmd) {
                  g++;
                  z++;
                }
                if (solarYmdHms >= liChunYmdHms) {
                  gExact++;
                  zExact++;
                }
              }
              o["yearGanIndex"] = yearGanIndex;
              o["yearZhiIndex"] = yearZhiIndex;
              o["yearGanIndexByLiChun"] = (g < 0 ? g + 10 : g) % 10;
              o["yearZhiIndexByLiChun"] = (z < 0 ? z + 12 : z) % 12;
              o["yearGanIndexExact"] = (gExact < 0 ? gExact + 10 : gExact) % 10;
              o["yearZhiIndexExact"] = (zExact < 0 ? zExact + 12 : zExact) % 12;
            };
            var _computeMonth = function(o, solar) {
              var start = null;
              var i;
              var end;
              var size2 = LunarUtil2.JIE_QI_IN_USE.length;
              var index = -3;
              for (i = 0; i < size2; i += 2) {
                end = o.jieQi[LunarUtil2.JIE_QI_IN_USE[i]];
                var ymd = solar.toYmd();
                var symd = null == start ? ymd : start.toYmd();
                if (ymd >= symd && ymd < end.toYmd()) {
                  break;
                }
                start = end;
                index++;
              }
              var offset = ((o.yearGanIndexByLiChun + (index < 0 ? 1 : 0)) % 5 + 1) * 2 % 10;
              o["monthGanIndex"] = ((index < 0 ? index + 10 : index) + offset) % 10;
              o["monthZhiIndex"] = ((index < 0 ? index + 12 : index) + LunarUtil2.BASE_MONTH_ZHI_INDEX) % 12;
              start = null;
              index = -3;
              for (i = 0; i < size2; i += 2) {
                end = o.jieQi[LunarUtil2.JIE_QI_IN_USE[i]];
                var time2 = solar.toYmdHms();
                var stime = null == start ? time2 : start.toYmdHms();
                if (time2 >= stime && time2 < end.toYmdHms()) {
                  break;
                }
                start = end;
                index++;
              }
              offset = ((o.yearGanIndexExact + (index < 0 ? 1 : 0)) % 5 + 1) * 2 % 10;
              o["monthGanIndexExact"] = ((index < 0 ? index + 10 : index) + offset) % 10;
              o["monthZhiIndexExact"] = ((index < 0 ? index + 12 : index) + LunarUtil2.BASE_MONTH_ZHI_INDEX) % 12;
            };
            var _computeDay = function(o, solar, hour, minute) {
              var noon = Solar2.fromYmdHms(solar.getYear(), solar.getMonth(), solar.getDay(), 12, 0, 0);
              var offset = Math.floor(noon.getJulianDay()) - 11;
              var dayGanIndex = offset % 10;
              var dayZhiIndex = offset % 12;
              o["dayGanIndex"] = dayGanIndex;
              o["dayZhiIndex"] = dayZhiIndex;
              var dayGanExact = dayGanIndex;
              var dayZhiExact = dayZhiIndex;
              o["dayGanIndexExact2"] = dayGanExact;
              o["dayZhiIndexExact2"] = dayZhiExact;
              var hm = (hour < 10 ? "0" : "") + hour + ":" + (minute < 10 ? "0" : "") + minute;
              if (hm >= "23:00" && hm <= "23:59") {
                dayGanExact++;
                if (dayGanExact >= 10) {
                  dayGanExact -= 10;
                }
                dayZhiExact++;
                if (dayZhiExact >= 12) {
                  dayZhiExact -= 12;
                }
              }
              o["dayGanIndexExact"] = dayGanExact;
              o["dayZhiIndexExact"] = dayZhiExact;
            };
            var _computeTime = function(o, hour, minute) {
              var timeZhiIndex = LunarUtil2.getTimeZhiIndex((hour < 10 ? "0" : "") + hour + ":" + (minute < 10 ? "0" : "") + minute);
              o["timeZhiIndex"] = timeZhiIndex;
              o["timeGanIndex"] = (o["dayGanIndexExact"] % 5 * 2 + timeZhiIndex) % 10;
            };
            var _computeWeek = function(o, solar) {
              o["weekIndex"] = solar.getWeek();
            };
            var _compute = function(year, hour, minute, second, solar, ly) {
              var o = {};
              _computeJieQi(o, ly);
              _computeYear(o, solar, year);
              _computeMonth(o, solar);
              _computeDay(o, solar, hour, minute);
              _computeTime(o, hour, minute);
              _computeWeek(o, solar);
              return o;
            };
            var _fromSolar = function(solar) {
              var lunarYear = 0;
              var lunarMonth = 0;
              var lunarDay = 0;
              var ly = LunarYear2.fromYear(solar.getYear());
              var lms = ly.getMonths();
              for (var i = 0, j = lms.length; i < j; i++) {
                var m = lms[i];
                var days = solar.subtract(Solar2.fromJulianDay(m.getFirstJulianDay()));
                if (days < m.getDayCount()) {
                  lunarYear = m.getYear();
                  lunarMonth = m.getMonth();
                  lunarDay = days + 1;
                  break;
                }
              }
              return _new(lunarYear, lunarMonth, lunarDay, solar.getHour(), solar.getMinute(), solar.getSecond(), solar, ly);
            };
            var _fromDate = function(date) {
              return _fromSolar(Solar2.fromDate(date));
            };
            var _fromYmdHms = function(lunarYear, lunarMonth, lunarDay, hour, minute, second) {
              var oy = lunarYear;
              var om = lunarMonth;
              var od = lunarDay;
              var oh = hour;
              var oi = minute;
              var os = second;
              lunarYear *= 1;
              if (isNaN(lunarYear)) {
                throw new Error("wrong lunar year " + oy);
              }
              lunarMonth *= 1;
              if (isNaN(lunarMonth)) {
                throw new Error("wrong lunar month " + om);
              }
              lunarDay *= 1;
              if (isNaN(lunarDay)) {
                throw new Error("wrong lunar day " + od);
              }
              hour *= 1;
              if (isNaN(hour)) {
                throw new Error("wrong hour " + oh);
              }
              minute *= 1;
              if (isNaN(minute)) {
                throw new Error("wrong minute " + oi);
              }
              second *= 1;
              if (isNaN(second)) {
                throw new Error("wrong second " + os);
              }
              if (hour < 0 || hour > 23) {
                throw new Error("wrong hour " + hour);
              }
              if (minute < 0 || minute > 59) {
                throw new Error("wrong minute " + minute);
              }
              if (second < 0 || second > 59) {
                throw new Error("wrong second " + second);
              }
              var y = LunarYear2.fromYear(lunarYear);
              var m = y.getMonth(lunarMonth);
              if (null == m) {
                throw new Error("wrong lunar year " + lunarYear + " month " + lunarMonth);
              }
              if (lunarDay < 1) {
                throw new Error("lunar day must bigger than 0");
              }
              var days = m.getDayCount();
              if (lunarDay > days) {
                throw new Error("only " + days + " days in lunar year " + lunarYear + " month " + lunarMonth);
              }
              var noon = Solar2.fromJulianDay(m.getFirstJulianDay() + lunarDay - 1);
              var solar = Solar2.fromYmdHms(noon.getYear(), noon.getMonth(), noon.getDay(), hour, minute, second);
              if (noon.getYear() !== lunarYear) {
                y = LunarYear2.fromYear(noon.getYear());
              }
              return _new(lunarYear, lunarMonth, lunarDay, hour, minute, second, solar, y);
            };
            var _new = function(year, month, day, hour, minute, second, solar, ly) {
              var gz = _compute(year, hour, minute, second, solar, ly);
              return {
                _p: {
                  lang: I18n2.getLanguage(),
                  year,
                  month,
                  day,
                  hour,
                  minute,
                  second,
                  timeGanIndex: gz.timeGanIndex,
                  timeZhiIndex: gz.timeZhiIndex,
                  dayGanIndex: gz.dayGanIndex,
                  dayZhiIndex: gz.dayZhiIndex,
                  dayGanIndexExact: gz.dayGanIndexExact,
                  dayZhiIndexExact: gz.dayZhiIndexExact,
                  dayGanIndexExact2: gz.dayGanIndexExact2,
                  dayZhiIndexExact2: gz.dayZhiIndexExact2,
                  monthGanIndex: gz.monthGanIndex,
                  monthZhiIndex: gz.monthZhiIndex,
                  monthGanIndexExact: gz.monthGanIndexExact,
                  monthZhiIndexExact: gz.monthZhiIndexExact,
                  yearGanIndex: gz.yearGanIndex,
                  yearZhiIndex: gz.yearZhiIndex,
                  yearGanIndexByLiChun: gz.yearGanIndexByLiChun,
                  yearZhiIndexByLiChun: gz.yearZhiIndexByLiChun,
                  yearGanIndexExact: gz.yearGanIndexExact,
                  yearZhiIndexExact: gz.yearZhiIndexExact,
                  weekIndex: gz.weekIndex,
                  jieQi: gz.jieQi,
                  jieQiList: gz.jieQiList,
                  solar,
                  eightChar: null
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                getDay: function() {
                  return this._p.day;
                },
                getHour: function() {
                  return this._p.hour;
                },
                getMinute: function() {
                  return this._p.minute;
                },
                getSecond: function() {
                  return this._p.second;
                },
                getTimeGanIndex: function() {
                  return this._p.timeGanIndex;
                },
                getTimeZhiIndex: function() {
                  return this._p.timeZhiIndex;
                },
                getDayGanIndex: function() {
                  return this._p.dayGanIndex;
                },
                getDayGanIndexExact: function() {
                  return this._p.dayGanIndexExact;
                },
                getDayGanIndexExact2: function() {
                  return this._p.dayGanIndexExact2;
                },
                getDayZhiIndex: function() {
                  return this._p.dayZhiIndex;
                },
                getDayZhiIndexExact: function() {
                  return this._p.dayZhiIndexExact;
                },
                getDayZhiIndexExact2: function() {
                  return this._p.dayZhiIndexExact2;
                },
                getMonthGanIndex: function() {
                  return this._p.monthGanIndex;
                },
                getMonthGanIndexExact: function() {
                  return this._p.monthGanIndexExact;
                },
                getMonthZhiIndex: function() {
                  return this._p.monthZhiIndex;
                },
                getMonthZhiIndexExact: function() {
                  return this._p.monthZhiIndexExact;
                },
                getYearGanIndex: function() {
                  return this._p.yearGanIndex;
                },
                getYearGanIndexByLiChun: function() {
                  return this._p.yearGanIndexByLiChun;
                },
                getYearGanIndexExact: function() {
                  return this._p.yearGanIndexExact;
                },
                getYearZhiIndex: function() {
                  return this._p.yearZhiIndex;
                },
                getYearZhiIndexByLiChun: function() {
                  return this._p.yearZhiIndexByLiChun;
                },
                getYearZhiIndexExact: function() {
                  return this._p.yearZhiIndexExact;
                },
                getGan: function() {
                  return this.getYearGan();
                },
                getZhi: function() {
                  return this.getYearZhi();
                },
                getYearGan: function() {
                  return LunarUtil2.GAN[this._p.yearGanIndex + 1];
                },
                getYearGanByLiChun: function() {
                  return LunarUtil2.GAN[this._p.yearGanIndexByLiChun + 1];
                },
                getYearGanExact: function() {
                  return LunarUtil2.GAN[this._p.yearGanIndexExact + 1];
                },
                getYearZhi: function() {
                  return LunarUtil2.ZHI[this._p.yearZhiIndex + 1];
                },
                getYearZhiByLiChun: function() {
                  return LunarUtil2.ZHI[this._p.yearZhiIndexByLiChun + 1];
                },
                getYearZhiExact: function() {
                  return LunarUtil2.ZHI[this._p.yearZhiIndexExact + 1];
                },
                getYearInGanZhi: function() {
                  return this.getYearGan() + this.getYearZhi();
                },
                getYearInGanZhiByLiChun: function() {
                  return this.getYearGanByLiChun() + this.getYearZhiByLiChun();
                },
                getYearInGanZhiExact: function() {
                  return this.getYearGanExact() + this.getYearZhiExact();
                },
                getMonthGan: function() {
                  return LunarUtil2.GAN[this._p.monthGanIndex + 1];
                },
                getMonthGanExact: function() {
                  return LunarUtil2.GAN[this._p.monthGanIndexExact + 1];
                },
                getMonthZhi: function() {
                  return LunarUtil2.ZHI[this._p.monthZhiIndex + 1];
                },
                getMonthZhiExact: function() {
                  return LunarUtil2.ZHI[this._p.monthZhiIndexExact + 1];
                },
                getMonthInGanZhi: function() {
                  return this.getMonthGan() + this.getMonthZhi();
                },
                getMonthInGanZhiExact: function() {
                  return this.getMonthGanExact() + this.getMonthZhiExact();
                },
                getDayGan: function() {
                  return LunarUtil2.GAN[this._p.dayGanIndex + 1];
                },
                getDayGanExact: function() {
                  return LunarUtil2.GAN[this._p.dayGanIndexExact + 1];
                },
                getDayGanExact2: function() {
                  return LunarUtil2.GAN[this._p.dayGanIndexExact2 + 1];
                },
                getDayZhi: function() {
                  return LunarUtil2.ZHI[this._p.dayZhiIndex + 1];
                },
                getDayZhiExact: function() {
                  return LunarUtil2.ZHI[this._p.dayZhiIndexExact + 1];
                },
                getDayZhiExact2: function() {
                  return LunarUtil2.ZHI[this._p.dayZhiIndexExact2 + 1];
                },
                getDayInGanZhi: function() {
                  return this.getDayGan() + this.getDayZhi();
                },
                getDayInGanZhiExact: function() {
                  return this.getDayGanExact() + this.getDayZhiExact();
                },
                getDayInGanZhiExact2: function() {
                  return this.getDayGanExact2() + this.getDayZhiExact2();
                },
                getTimeGan: function() {
                  return LunarUtil2.GAN[this._p.timeGanIndex + 1];
                },
                getTimeZhi: function() {
                  return LunarUtil2.ZHI[this._p.timeZhiIndex + 1];
                },
                getTimeInGanZhi: function() {
                  return this.getTimeGan() + this.getTimeZhi();
                },
                getShengxiao: function() {
                  return this.getYearShengXiao();
                },
                getYearShengXiao: function() {
                  return LunarUtil2.SHENGXIAO[this._p.yearZhiIndex + 1];
                },
                getYearShengXiaoByLiChun: function() {
                  return LunarUtil2.SHENGXIAO[this._p.yearZhiIndexByLiChun + 1];
                },
                getYearShengXiaoExact: function() {
                  return LunarUtil2.SHENGXIAO[this._p.yearZhiIndexExact + 1];
                },
                getMonthShengXiao: function() {
                  return LunarUtil2.SHENGXIAO[this._p.monthZhiIndex + 1];
                },
                getMonthShengXiaoExact: function() {
                  return LunarUtil2.SHENGXIAO[this._p.monthZhiIndexExact + 1];
                },
                getDayShengXiao: function() {
                  return LunarUtil2.SHENGXIAO[this._p.dayZhiIndex + 1];
                },
                getTimeShengXiao: function() {
                  return LunarUtil2.SHENGXIAO[this._p.timeZhiIndex + 1];
                },
                getYearInChinese: function() {
                  var y = this._p.year + "";
                  var s = "";
                  var zero2 = "0".charCodeAt(0);
                  for (var i = 0, j = y.length; i < j; i++) {
                    s += LunarUtil2.NUMBER[y.charCodeAt(i) - zero2];
                  }
                  return s;
                },
                getMonthInChinese: function() {
                  var month2 = this._p.month;
                  return (month2 < 0 ? "闰" : "") + LunarUtil2.MONTH[Math.abs(month2)];
                },
                getDayInChinese: function() {
                  return LunarUtil2.DAY[this._p.day];
                },
                getPengZuGan: function() {
                  return LunarUtil2.PENGZU_GAN[this._p.dayGanIndex + 1];
                },
                getPengZuZhi: function() {
                  return LunarUtil2.PENGZU_ZHI[this._p.dayZhiIndex + 1];
                },
                getPositionXi: function() {
                  return this.getDayPositionXi();
                },
                getPositionXiDesc: function() {
                  return this.getDayPositionXiDesc();
                },
                getPositionYangGui: function() {
                  return this.getDayPositionYangGui();
                },
                getPositionYangGuiDesc: function() {
                  return this.getDayPositionYangGuiDesc();
                },
                getPositionYinGui: function() {
                  return this.getDayPositionYinGui();
                },
                getPositionYinGuiDesc: function() {
                  return this.getDayPositionYinGuiDesc();
                },
                getPositionFu: function() {
                  return this.getDayPositionFu();
                },
                getPositionFuDesc: function() {
                  return this.getDayPositionFuDesc();
                },
                getPositionCai: function() {
                  return this.getDayPositionCai();
                },
                getPositionCaiDesc: function() {
                  return this.getDayPositionCaiDesc();
                },
                getDayPositionXi: function() {
                  return LunarUtil2.POSITION_XI[this._p.dayGanIndex + 1];
                },
                getDayPositionXiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getDayPositionXi()];
                },
                getDayPositionYangGui: function() {
                  return LunarUtil2.POSITION_YANG_GUI[this._p.dayGanIndex + 1];
                },
                getDayPositionYangGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getDayPositionYangGui()];
                },
                getDayPositionYinGui: function() {
                  return LunarUtil2.POSITION_YIN_GUI[this._p.dayGanIndex + 1];
                },
                getDayPositionYinGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getDayPositionYinGui()];
                },
                getDayPositionFu: function(sect) {
                  return (1 === sect ? LunarUtil2.POSITION_FU : LunarUtil2.POSITION_FU_2)[this._p.dayGanIndex + 1];
                },
                getDayPositionFuDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getDayPositionFu(sect)];
                },
                getDayPositionCai: function() {
                  return LunarUtil2.POSITION_CAI[this._p.dayGanIndex + 1];
                },
                getDayPositionCaiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getDayPositionCai()];
                },
                getTimePositionXi: function() {
                  return LunarUtil2.POSITION_XI[this._p.timeGanIndex + 1];
                },
                getTimePositionXiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getTimePositionXi()];
                },
                getTimePositionYangGui: function() {
                  return LunarUtil2.POSITION_YANG_GUI[this._p.timeGanIndex + 1];
                },
                getTimePositionYangGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getTimePositionYangGui()];
                },
                getTimePositionYinGui: function() {
                  return LunarUtil2.POSITION_YIN_GUI[this._p.timeGanIndex + 1];
                },
                getTimePositionYinGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getTimePositionYinGui()];
                },
                getTimePositionFu: function(sect) {
                  return (1 === sect ? LunarUtil2.POSITION_FU : LunarUtil2.POSITION_FU_2)[this._p.timeGanIndex + 1];
                },
                getTimePositionFuDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getTimePositionFu(sect)];
                },
                getTimePositionCai: function() {
                  return LunarUtil2.POSITION_CAI[this._p.timeGanIndex + 1];
                },
                getTimePositionCaiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getTimePositionCai()];
                },
                getDayPositionTaiSui: function(sect) {
                  var dayInGanZhi;
                  var yearZhiIndex;
                  switch (sect) {
                    case 1:
                      dayInGanZhi = this.getDayInGanZhi();
                      yearZhiIndex = this._p.yearZhiIndex;
                      break;
                    case 3:
                      dayInGanZhi = this.getDayInGanZhi();
                      yearZhiIndex = this._p.yearZhiIndexExact;
                      break;
                    default:
                      dayInGanZhi = this.getDayInGanZhiExact2();
                      yearZhiIndex = this._p.yearZhiIndexByLiChun;
                  }
                  var p2;
                  if ([I18n2.getMessage("jz.jiaZi"), I18n2.getMessage("jz.yiChou"), I18n2.getMessage("jz.bingYin"), I18n2.getMessage("jz.dingMao"), I18n2.getMessage("jz.wuChen"), I18n2.getMessage("jz.jiSi")].join(",").indexOf(dayInGanZhi) > -1) {
                    p2 = I18n2.getMessage("bg.zhen");
                  } else if ([I18n2.getMessage("jz.bingZi"), I18n2.getMessage("jz.dingChou"), I18n2.getMessage("jz.wuYin"), I18n2.getMessage("jz.jiMao"), I18n2.getMessage("jz.gengChen"), I18n2.getMessage("jz.xinSi")].join(",").indexOf(dayInGanZhi) > -1) {
                    p2 = I18n2.getMessage("bg.li");
                  } else if ([I18n2.getMessage("jz.wuZi"), I18n2.getMessage("jz.jiChou"), I18n2.getMessage("jz.gengYin"), I18n2.getMessage("jz.xinMao"), I18n2.getMessage("jz.renChen"), I18n2.getMessage("jz.guiSi")].join(",").indexOf(dayInGanZhi) > -1) {
                    p2 = I18n2.getMessage("ps.center");
                  } else if ([I18n2.getMessage("jz.gengZi"), I18n2.getMessage("jz.xinChou"), I18n2.getMessage("jz.renYin"), I18n2.getMessage("jz.guiMao"), I18n2.getMessage("jz.jiaChen"), I18n2.getMessage("jz.yiSi")].join(",").indexOf(dayInGanZhi) > -1) {
                    p2 = I18n2.getMessage("bg.dui");
                  } else if ([I18n2.getMessage("jz.renZi"), I18n2.getMessage("jz.guiChou"), I18n2.getMessage("jz.jiaYin"), I18n2.getMessage("jz.yiMao"), I18n2.getMessage("jz.bingChen"), I18n2.getMessage("jz.dingSi")].join(",").indexOf(dayInGanZhi) > -1) {
                    p2 = I18n2.getMessage("bg.kan");
                  } else {
                    p2 = LunarUtil2.POSITION_TAI_SUI_YEAR[yearZhiIndex];
                  }
                  return p2;
                },
                getDayPositionTaiSuiDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getDayPositionTaiSui(sect)];
                },
                getMonthPositionTaiSui: function(sect) {
                  var monthZhiIndex;
                  var monthGanIndex;
                  switch (sect) {
                    case 3:
                      monthZhiIndex = this._p.monthZhiIndexExact;
                      monthGanIndex = this._p.monthGanIndexExact;
                      break;
                    default:
                      monthZhiIndex = this._p.monthZhiIndex;
                      monthGanIndex = this._p.monthGanIndex;
                  }
                  var m = monthZhiIndex - LunarUtil2.BASE_MONTH_ZHI_INDEX;
                  if (m < 0) {
                    m += 12;
                  }
                  return [I18n2.getMessage("bg.gen"), LunarUtil2.POSITION_GAN[monthGanIndex], I18n2.getMessage("bg.kun"), I18n2.getMessage("bg.xun")][m % 4];
                },
                getMonthPositionTaiSuiDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getMonthPositionTaiSui(sect)];
                },
                getYearPositionTaiSui: function(sect) {
                  var yearZhiIndex;
                  switch (sect) {
                    case 1:
                      yearZhiIndex = this._p.yearZhiIndex;
                      break;
                    case 3:
                      yearZhiIndex = this._p.yearZhiIndexExact;
                      break;
                    default:
                      yearZhiIndex = this._p.yearZhiIndexByLiChun;
                  }
                  return LunarUtil2.POSITION_TAI_SUI_YEAR[yearZhiIndex];
                },
                getYearPositionTaiSuiDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getYearPositionTaiSui(sect)];
                },
                _checkLang: function() {
                  var lang = I18n2.getLanguage();
                  if (this._p.lang !== lang) {
                    for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i++) {
                      var newKey = LunarUtil2.JIE_QI_IN_USE[i];
                      var oldKey = this._p.jieQiList[i];
                      var value = this._p.jieQi[oldKey];
                      this._p.jieQiList[i] = newKey;
                      this._p.jieQi[newKey] = value;
                    }
                    this._p.lang = lang;
                  }
                },
                _getJieQiSolar: function(name) {
                  this._checkLang();
                  return this._p.jieQi[name];
                },
                getChong: function() {
                  return this.getDayChong();
                },
                getChongGan: function() {
                  return this.getDayChongGan();
                },
                getChongGanTie: function() {
                  return this.getDayChongGanTie();
                },
                getChongShengXiao: function() {
                  return this.getDayChongShengXiao();
                },
                getChongDesc: function() {
                  return this.getDayChongDesc();
                },
                getSha: function() {
                  return this.getDaySha();
                },
                getDayChong: function() {
                  return LunarUtil2.CHONG[this._p.dayZhiIndex];
                },
                getDayChongGan: function() {
                  return LunarUtil2.CHONG_GAN[this._p.dayGanIndex];
                },
                getDayChongGanTie: function() {
                  return LunarUtil2.CHONG_GAN_TIE[this._p.dayGanIndex];
                },
                getDayChongShengXiao: function() {
                  var chong = this.getChong();
                  for (var i = 0, j = LunarUtil2.ZHI.length; i < j; i++) {
                    if (LunarUtil2.ZHI[i] === chong) {
                      return LunarUtil2.SHENGXIAO[i];
                    }
                  }
                  return "";
                },
                getDayChongDesc: function() {
                  return "(" + this.getDayChongGan() + this.getDayChong() + ")" + this.getDayChongShengXiao();
                },
                getDaySha: function() {
                  return LunarUtil2.SHA[this.getDayZhi()];
                },
                getTimeChong: function() {
                  return LunarUtil2.CHONG[this._p.timeZhiIndex];
                },
                getTimeChongGan: function() {
                  return LunarUtil2.CHONG_GAN[this._p.timeGanIndex];
                },
                getTimeChongGanTie: function() {
                  return LunarUtil2.CHONG_GAN_TIE[this._p.timeGanIndex];
                },
                getTimeChongShengXiao: function() {
                  var chong = this.getTimeChong();
                  for (var i = 0, j = LunarUtil2.ZHI.length; i < j; i++) {
                    if (LunarUtil2.ZHI[i] === chong) {
                      return LunarUtil2.SHENGXIAO[i];
                    }
                  }
                  return "";
                },
                getTimeChongDesc: function() {
                  return "(" + this.getTimeChongGan() + this.getTimeChong() + ")" + this.getTimeChongShengXiao();
                },
                getTimeSha: function() {
                  return LunarUtil2.SHA[this.getTimeZhi()];
                },
                getYearNaYin: function() {
                  return LunarUtil2.NAYIN[this.getYearInGanZhi()];
                },
                getMonthNaYin: function() {
                  return LunarUtil2.NAYIN[this.getMonthInGanZhi()];
                },
                getDayNaYin: function() {
                  return LunarUtil2.NAYIN[this.getDayInGanZhi()];
                },
                getTimeNaYin: function() {
                  return LunarUtil2.NAYIN[this.getTimeInGanZhi()];
                },
                getSeason: function() {
                  return LunarUtil2.SEASON[Math.abs(this._p.month)];
                },
                _convertJieQi: function(name) {
                  var jq = name;
                  if ("DONG_ZHI" === jq) {
                    jq = I18n2.getMessage("jq.dongZhi");
                  } else if ("DA_HAN" === jq) {
                    jq = I18n2.getMessage("jq.daHan");
                  } else if ("XIAO_HAN" === jq) {
                    jq = I18n2.getMessage("jq.xiaoHan");
                  } else if ("LI_CHUN" === jq) {
                    jq = I18n2.getMessage("jq.liChun");
                  } else if ("DA_XUE" === jq) {
                    jq = I18n2.getMessage("jq.daXue");
                  } else if ("YU_SHUI" === jq) {
                    jq = I18n2.getMessage("jq.yuShui");
                  } else if ("JING_ZHE" === jq) {
                    jq = I18n2.getMessage("jq.jingZhe");
                  }
                  return jq;
                },
                getJie: function() {
                  for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i += 2) {
                    var key = LunarUtil2.JIE_QI_IN_USE[i];
                    var d = this._getJieQiSolar(key);
                    if (d.getYear() === this._p.solar.getYear() && d.getMonth() === this._p.solar.getMonth() && d.getDay() === this._p.solar.getDay()) {
                      return this._convertJieQi(key);
                    }
                  }
                  return "";
                },
                getQi: function() {
                  for (var i = 1, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i += 2) {
                    var key = LunarUtil2.JIE_QI_IN_USE[i];
                    var d = this._getJieQiSolar(key);
                    if (d.getYear() === this._p.solar.getYear() && d.getMonth() === this._p.solar.getMonth() && d.getDay() === this._p.solar.getDay()) {
                      return this._convertJieQi(key);
                    }
                  }
                  return "";
                },
                getJieQi: function() {
                  for (var key in this._p.jieQi) {
                    var d = this._getJieQiSolar(key);
                    if (d.getYear() === this._p.solar.getYear() && d.getMonth() === this._p.solar.getMonth() && d.getDay() === this._p.solar.getDay()) {
                      return this._convertJieQi(key);
                    }
                  }
                  return "";
                },
                getWeek: function() {
                  return this._p.weekIndex;
                },
                getWeekInChinese: function() {
                  return SolarUtil2.WEEK[this.getWeek()];
                },
                getXiu: function() {
                  return LunarUtil2.XIU[this.getDayZhi() + this.getWeek()];
                },
                getXiuLuck: function() {
                  return LunarUtil2.XIU_LUCK[this.getXiu()];
                },
                getXiuSong: function() {
                  return LunarUtil2.XIU_SONG[this.getXiu()];
                },
                getZheng: function() {
                  return LunarUtil2.ZHENG[this.getXiu()];
                },
                getAnimal: function() {
                  return LunarUtil2.ANIMAL[this.getXiu()];
                },
                getGong: function() {
                  return LunarUtil2.GONG[this.getXiu()];
                },
                getShou: function() {
                  return LunarUtil2.SHOU[this.getGong()];
                },
                getFestivals: function() {
                  var l = [];
                  var f = LunarUtil2.FESTIVAL[this._p.month + "-" + this._p.day];
                  if (f) {
                    l.push(f);
                  }
                  if (Math.abs(this._p.month) === 12 && this._p.day >= 29 && this._p.year !== this.next(1).getYear()) {
                    l.push(I18n2.getMessage("jr.chuXi"));
                  }
                  return l;
                },
                getOtherFestivals: function() {
                  var l = [];
                  var fs = LunarUtil2.OTHER_FESTIVAL[this._p.month + "-" + this._p.day];
                  if (fs) {
                    l = l.concat(fs);
                  }
                  var solarYmd = this._p.solar.toYmd();
                  if (this._p.solar.toYmd() === this._getJieQiSolar(I18n2.getMessage("jq.qingMing")).next(-1).toYmd()) {
                    l.push("寒食节");
                  }
                  var jq = this._getJieQiSolar(I18n2.getMessage("jq.liChun"));
                  var offset = 4 - jq.getLunar().getDayGanIndex();
                  if (offset < 0) {
                    offset += 10;
                  }
                  if (solarYmd === jq.next(offset + 40).toYmd()) {
                    l.push("春社");
                  }
                  jq = this._getJieQiSolar(I18n2.getMessage("jq.liQiu"));
                  offset = 4 - jq.getLunar().getDayGanIndex();
                  if (offset < 0) {
                    offset += 10;
                  }
                  if (solarYmd === jq.next(offset + 40).toYmd()) {
                    l.push("秋社");
                  }
                  return l;
                },
                getBaZi: function() {
                  var bz = this.getEightChar();
                  var l = [];
                  l.push(bz.getYear());
                  l.push(bz.getMonth());
                  l.push(bz.getDay());
                  l.push(bz.getTime());
                  return l;
                },
                getBaZiWuXing: function() {
                  var bz = this.getEightChar();
                  var l = [];
                  l.push(bz.getYearWuXing());
                  l.push(bz.getMonthWuXing());
                  l.push(bz.getDayWuXing());
                  l.push(bz.getTimeWuXing());
                  return l;
                },
                getBaZiNaYin: function() {
                  var bz = this.getEightChar();
                  var l = [];
                  l.push(bz.getYearNaYin());
                  l.push(bz.getMonthNaYin());
                  l.push(bz.getDayNaYin());
                  l.push(bz.getTimeNaYin());
                  return l;
                },
                getBaZiShiShenGan: function() {
                  var bz = this.getEightChar();
                  var l = [];
                  l.push(bz.getYearShiShenGan());
                  l.push(bz.getMonthShiShenGan());
                  l.push(bz.getDayShiShenGan());
                  l.push(bz.getTimeShiShenGan());
                  return l;
                },
                getBaZiShiShenZhi: function() {
                  var bz = this.getEightChar();
                  var l = [];
                  l.push(bz.getYearShiShenZhi()[0]);
                  l.push(bz.getMonthShiShenZhi()[0]);
                  l.push(bz.getDayShiShenZhi()[0]);
                  l.push(bz.getTimeShiShenZhi()[0]);
                  return l;
                },
                getBaZiShiShenYearZhi: function() {
                  return this.getEightChar().getYearShiShenZhi();
                },
                getBaZiShiShenMonthZhi: function() {
                  return this.getEightChar().getMonthShiShenZhi();
                },
                getBaZiShiShenDayZhi: function() {
                  return this.getEightChar().getDayShiShenZhi();
                },
                getBaZiShiShenTimeZhi: function() {
                  return this.getEightChar().getTimeShiShenZhi();
                },
                getZhiXing: function() {
                  var offset = this._p.dayZhiIndex - this._p.monthZhiIndex;
                  if (offset < 0) {
                    offset += 12;
                  }
                  return LunarUtil2.ZHI_XING[offset + 1];
                },
                getDayTianShen: function() {
                  var monthZhi = this.getMonthZhi();
                  var offset = LunarUtil2.ZHI_TIAN_SHEN_OFFSET[monthZhi];
                  return LunarUtil2.TIAN_SHEN[(this._p.dayZhiIndex + offset) % 12 + 1];
                },
                getTimeTianShen: function() {
                  var dayZhi = this.getDayZhiExact();
                  var offset = LunarUtil2.ZHI_TIAN_SHEN_OFFSET[dayZhi];
                  return LunarUtil2.TIAN_SHEN[(this._p.timeZhiIndex + offset) % 12 + 1];
                },
                getDayTianShenType: function() {
                  return LunarUtil2.TIAN_SHEN_TYPE[this.getDayTianShen()];
                },
                getTimeTianShenType: function() {
                  return LunarUtil2.TIAN_SHEN_TYPE[this.getTimeTianShen()];
                },
                getDayTianShenLuck: function() {
                  return LunarUtil2.TIAN_SHEN_TYPE_LUCK[this.getDayTianShenType()];
                },
                getTimeTianShenLuck: function() {
                  return LunarUtil2.TIAN_SHEN_TYPE_LUCK[this.getTimeTianShenType()];
                },
                getDayPositionTai: function() {
                  return LunarUtil2.POSITION_TAI_DAY[LunarUtil2.getJiaZiIndex(this.getDayInGanZhi())];
                },
                getMonthPositionTai: function() {
                  var m = this._p.month;
                  if (m < 0) {
                    return "";
                  }
                  return LunarUtil2.POSITION_TAI_MONTH[m - 1];
                },
                getDayYi: function(sect) {
                  sect *= 1;
                  if (isNaN(sect)) {
                    sect = 2;
                  }
                  return LunarUtil2.getDayYi(2 === sect ? this.getMonthInGanZhiExact() : this.getMonthInGanZhi(), this.getDayInGanZhi());
                },
                getDayJi: function(sect) {
                  sect *= 1;
                  if (isNaN(sect)) {
                    sect = 2;
                  }
                  return LunarUtil2.getDayJi(2 === sect ? this.getMonthInGanZhiExact() : this.getMonthInGanZhi(), this.getDayInGanZhi());
                },
                getDayJiShen: function() {
                  return LunarUtil2.getDayJiShen(this.getMonth(), this.getDayInGanZhi());
                },
                getDayXiongSha: function() {
                  return LunarUtil2.getDayXiongSha(this.getMonth(), this.getDayInGanZhi());
                },
                getTimeYi: function() {
                  return LunarUtil2.getTimeYi(this.getDayInGanZhiExact(), this.getTimeInGanZhi());
                },
                getTimeJi: function() {
                  return LunarUtil2.getTimeJi(this.getDayInGanZhiExact(), this.getTimeInGanZhi());
                },
                getYueXiang: function() {
                  return LunarUtil2.YUE_XIANG[this._p.day];
                },
                _getYearNineStar: function(yearInGanZhi) {
                  var indexExact = LunarUtil2.getJiaZiIndex(yearInGanZhi) + 1;
                  var index = LunarUtil2.getJiaZiIndex(this.getYearInGanZhi()) + 1;
                  var yearOffset = indexExact - index;
                  if (yearOffset > 1) {
                    yearOffset -= 60;
                  } else if (yearOffset < -1) {
                    yearOffset += 60;
                  }
                  var yuan = Math.floor((this._p.year + yearOffset + 2696) / 60) % 3;
                  var offset = (62 + yuan * 3 - indexExact) % 9;
                  if (0 === offset) {
                    offset = 9;
                  }
                  return NineStar2.fromIndex(offset - 1);
                },
                getYearNineStar: function(sect) {
                  var yearInGanZhi;
                  switch (sect) {
                    case 1:
                      yearInGanZhi = this.getYearInGanZhi();
                      break;
                    case 3:
                      yearInGanZhi = this.getYearInGanZhiExact();
                      break;
                    default:
                      yearInGanZhi = this.getYearInGanZhiByLiChun();
                  }
                  return this._getYearNineStar(yearInGanZhi);
                },
                getMonthNineStar: function(sect) {
                  var yearZhiIndex;
                  var monthZhiIndex;
                  switch (sect) {
                    case 1:
                      yearZhiIndex = this._p.yearZhiIndex;
                      monthZhiIndex = this._p.monthZhiIndex;
                      break;
                    case 3:
                      yearZhiIndex = this._p.yearZhiIndexExact;
                      monthZhiIndex = this._p.monthZhiIndexExact;
                      break;
                    default:
                      yearZhiIndex = this._p.yearZhiIndexByLiChun;
                      monthZhiIndex = this._p.monthZhiIndex;
                  }
                  var n = 27 - yearZhiIndex % 3 * 3;
                  if (monthZhiIndex < LunarUtil2.BASE_MONTH_ZHI_INDEX) {
                    n -= 3;
                  }
                  return NineStar2.fromIndex((n - monthZhiIndex) % 9);
                },
                getDayNineStar: function() {
                  var solarYmd = this._p.solar.toYmd();
                  var dongZhi = this._getJieQiSolar(I18n2.getMessage("jq.dongZhi"));
                  var dongZhi2 = this._getJieQiSolar("DONG_ZHI");
                  var xiaZhi = this._getJieQiSolar(I18n2.getMessage("jq.xiaZhi"));
                  var dongZhiIndex = LunarUtil2.getJiaZiIndex(dongZhi.getLunar().getDayInGanZhi());
                  var dongZhiIndex2 = LunarUtil2.getJiaZiIndex(dongZhi2.getLunar().getDayInGanZhi());
                  var xiaZhiIndex = LunarUtil2.getJiaZiIndex(xiaZhi.getLunar().getDayInGanZhi());
                  var solarShunBai;
                  var solarShunBai2;
                  var solarNiZi;
                  if (dongZhiIndex > 29) {
                    solarShunBai = dongZhi.next(60 - dongZhiIndex);
                  } else {
                    solarShunBai = dongZhi.next(-dongZhiIndex);
                  }
                  var solarShunBaiYmd = solarShunBai.toYmd();
                  if (dongZhiIndex2 > 29) {
                    solarShunBai2 = dongZhi2.next(60 - dongZhiIndex2);
                  } else {
                    solarShunBai2 = dongZhi2.next(-dongZhiIndex2);
                  }
                  var solarShunBaiYmd2 = solarShunBai2.toYmd();
                  if (xiaZhiIndex > 29) {
                    solarNiZi = xiaZhi.next(60 - xiaZhiIndex);
                  } else {
                    solarNiZi = xiaZhi.next(-xiaZhiIndex);
                  }
                  var solarNiZiYmd = solarNiZi.toYmd();
                  var offset = 0;
                  if (solarYmd >= solarShunBaiYmd && solarYmd < solarNiZiYmd) {
                    offset = this._p.solar.subtract(solarShunBai) % 9;
                  } else if (solarYmd >= solarNiZiYmd && solarYmd < solarShunBaiYmd2) {
                    offset = 8 - this._p.solar.subtract(solarNiZi) % 9;
                  } else if (solarYmd >= solarShunBaiYmd2) {
                    offset = this._p.solar.subtract(solarShunBai2) % 9;
                  } else if (solarYmd < solarShunBaiYmd) {
                    offset = (8 + solarShunBai.subtract(this._p.solar)) % 9;
                  }
                  return NineStar2.fromIndex(offset);
                },
                getTimeNineStar: function() {
                  var solarYmd = this._p.solar.toYmd();
                  var asc = false;
                  if (solarYmd >= this._getJieQiSolar(I18n2.getMessage("jq.dongZhi")).toYmd() && solarYmd < this._getJieQiSolar(I18n2.getMessage("jq.xiaZhi")).toYmd() || solarYmd >= this._getJieQiSolar("DONG_ZHI").toYmd()) {
                    asc = true;
                  }
                  var offset = asc ? [0, 3, 6] : [8, 5, 2];
                  var start = offset[this.getDayZhiIndex() % 3];
                  var timeZhiIndex = this.getTimeZhiIndex();
                  var index = asc ? start + timeZhiIndex : start + 9 - timeZhiIndex;
                  return NineStar2.fromIndex(index % 9);
                },
                getSolar: function() {
                  return this._p.solar;
                },
                getJieQiTable: function() {
                  this._checkLang();
                  return this._p.jieQi;
                },
                getJieQiList: function() {
                  return this._p.jieQiList;
                },
                getNextJie: function(wholeDay) {
                  var conditions = [];
                  for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length / 2; i < j; i++) {
                    conditions.push(LunarUtil2.JIE_QI_IN_USE[i * 2]);
                  }
                  return this._getNearJieQi(true, conditions, wholeDay);
                },
                getPrevJie: function(wholeDay) {
                  var conditions = [];
                  for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length / 2; i < j; i++) {
                    conditions.push(LunarUtil2.JIE_QI_IN_USE[i * 2]);
                  }
                  return this._getNearJieQi(false, conditions, wholeDay);
                },
                getNextQi: function(wholeDay) {
                  var conditions = [];
                  for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length / 2; i < j; i++) {
                    conditions.push(LunarUtil2.JIE_QI_IN_USE[i * 2 + 1]);
                  }
                  return this._getNearJieQi(true, conditions, wholeDay);
                },
                getPrevQi: function(wholeDay) {
                  var conditions = [];
                  for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length / 2; i < j; i++) {
                    conditions.push(LunarUtil2.JIE_QI_IN_USE[i * 2 + 1]);
                  }
                  return this._getNearJieQi(false, conditions, wholeDay);
                },
                getNextJieQi: function(wholeDay) {
                  return this._getNearJieQi(true, null, wholeDay);
                },
                getPrevJieQi: function(wholeDay) {
                  return this._getNearJieQi(false, null, wholeDay);
                },
                _buildJieQi: function(name, solar2) {
                  var jie = false;
                  var qi = false;
                  for (var i = 0, j = LunarUtil2.JIE_QI.length; i < j; i++) {
                    if (LunarUtil2.JIE_QI[i] === name) {
                      if (i % 2 === 0) {
                        qi = true;
                      } else {
                        jie = true;
                      }
                      break;
                    }
                  }
                  return {
                    _p: {
                      name,
                      solar: solar2,
                      jie,
                      qi
                    },
                    getName: function() {
                      return this._p.name;
                    },
                    getSolar: function() {
                      return this._p.solar;
                    },
                    setName: function(name2) {
                      this._p.name = name2;
                    },
                    setSolar: function(solar3) {
                      this._p.solar = solar3;
                    },
                    isJie: function() {
                      return this._p.jie;
                    },
                    isQi: function() {
                      return this._p.qi;
                    },
                    toString: function() {
                      return this.getName();
                    }
                  };
                },
                _getNearJieQi: function(forward, conditions, wholeDay) {
                  var name = null;
                  var near = null;
                  var filters = {};
                  var filter = false;
                  if (null != conditions) {
                    for (var i = 0, j = conditions.length; i < j; i++) {
                      filters[conditions[i]] = true;
                      filter = true;
                    }
                  }
                  var today = this._p.solar[wholeDay ? "toYmd" : "toYmdHms"]();
                  for (var key in this._p.jieQi) {
                    var jq = this._convertJieQi(key);
                    if (filter) {
                      if (!filters[jq]) {
                        continue;
                      }
                    }
                    var solar2 = this._getJieQiSolar(key);
                    var day2 = solar2[wholeDay ? "toYmd" : "toYmdHms"]();
                    if (forward) {
                      if (day2 <= today) {
                        continue;
                      }
                      if (null == near || day2 < near[wholeDay ? "toYmd" : "toYmdHms"]()) {
                        name = jq;
                        near = solar2;
                      }
                    } else {
                      if (day2 > today) {
                        continue;
                      }
                      if (null == near || day2 > near[wholeDay ? "toYmd" : "toYmdHms"]()) {
                        name = jq;
                        near = solar2;
                      }
                    }
                  }
                  if (null == near) {
                    return null;
                  }
                  return this._buildJieQi(name, near);
                },
                getCurrentJieQi: function() {
                  for (var key in this._p.jieQi) {
                    var d = this._getJieQiSolar(key);
                    if (d.getYear() === this._p.solar.getYear() && d.getMonth() === this._p.solar.getMonth() && d.getDay() === this._p.solar.getDay()) {
                      return this._buildJieQi(this._convertJieQi(key), d);
                    }
                  }
                  return null;
                },
                getCurrentJie: function() {
                  for (var i = 0, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i += 2) {
                    var key = LunarUtil2.JIE_QI_IN_USE[i];
                    var d = this._getJieQiSolar(key);
                    if (d.getYear() === this._p.solar.getYear() && d.getMonth() === this._p.solar.getMonth() && d.getDay() === this._p.solar.getDay()) {
                      return this._buildJieQi(this._convertJieQi(key), d);
                    }
                  }
                  return null;
                },
                getCurrentQi: function() {
                  for (var i = 1, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i += 2) {
                    var key = LunarUtil2.JIE_QI_IN_USE[i];
                    var d = this._getJieQiSolar(key);
                    if (d.getYear() === this._p.solar.getYear() && d.getMonth() === this._p.solar.getMonth() && d.getDay() === this._p.solar.getDay()) {
                      return this._buildJieQi(this._convertJieQi(key), d);
                    }
                  }
                  return null;
                },
                getEightChar: function() {
                  if (!this._p.eightChar) {
                    this._p.eightChar = EightChar2.fromLunar(this);
                  }
                  return this._p.eightChar;
                },
                next: function(days) {
                  return this._p.solar.next(days).getLunar();
                },
                getYearXun: function() {
                  return LunarUtil2.getXun(this.getYearInGanZhi());
                },
                getMonthXun: function() {
                  return LunarUtil2.getXun(this.getMonthInGanZhi());
                },
                getDayXun: function() {
                  return LunarUtil2.getXun(this.getDayInGanZhi());
                },
                getTimeXun: function() {
                  return LunarUtil2.getXun(this.getTimeInGanZhi());
                },
                getYearXunByLiChun: function() {
                  return LunarUtil2.getXun(this.getYearInGanZhiByLiChun());
                },
                getYearXunExact: function() {
                  return LunarUtil2.getXun(this.getYearInGanZhiExact());
                },
                getMonthXunExact: function() {
                  return LunarUtil2.getXun(this.getMonthInGanZhiExact());
                },
                getDayXunExact: function() {
                  return LunarUtil2.getXun(this.getDayInGanZhiExact());
                },
                getDayXunExact2: function() {
                  return LunarUtil2.getXun(this.getDayInGanZhiExact2());
                },
                getYearXunKong: function() {
                  return LunarUtil2.getXunKong(this.getYearInGanZhi());
                },
                getMonthXunKong: function() {
                  return LunarUtil2.getXunKong(this.getMonthInGanZhi());
                },
                getDayXunKong: function() {
                  return LunarUtil2.getXunKong(this.getDayInGanZhi());
                },
                getTimeXunKong: function() {
                  return LunarUtil2.getXunKong(this.getTimeInGanZhi());
                },
                getYearXunKongByLiChun: function() {
                  return LunarUtil2.getXunKong(this.getYearInGanZhiByLiChun());
                },
                getYearXunKongExact: function() {
                  return LunarUtil2.getXunKong(this.getYearInGanZhiExact());
                },
                getMonthXunKongExact: function() {
                  return LunarUtil2.getXunKong(this.getMonthInGanZhiExact());
                },
                getDayXunKongExact: function() {
                  return LunarUtil2.getXunKong(this.getDayInGanZhiExact());
                },
                getDayXunKongExact2: function() {
                  return LunarUtil2.getXunKong(this.getDayInGanZhiExact2());
                },
                toString: function() {
                  return this.getYearInChinese() + "年" + this.getMonthInChinese() + "月" + this.getDayInChinese();
                },
                toFullString: function() {
                  var s = this.toString();
                  s += " " + this.getYearInGanZhi() + "(" + this.getYearShengXiao() + ")年";
                  s += " " + this.getMonthInGanZhi() + "(" + this.getMonthShengXiao() + ")月";
                  s += " " + this.getDayInGanZhi() + "(" + this.getDayShengXiao() + ")日";
                  s += " " + this.getTimeZhi() + "(" + this.getTimeShengXiao() + ")时";
                  s += " 纳音[" + this.getYearNaYin() + " " + this.getMonthNaYin() + " " + this.getDayNaYin() + " " + this.getTimeNaYin() + "]";
                  s += " 星期" + this.getWeekInChinese();
                  var festivals = this.getFestivals();
                  var i;
                  var j;
                  for (i = 0, j = festivals.length; i < j; i++) {
                    s += " (" + festivals[i] + ")";
                  }
                  festivals = this.getOtherFestivals();
                  for (i = 0, j = festivals.length; i < j; i++) {
                    s += " (" + festivals[i] + ")";
                  }
                  var jq = this.getJieQi();
                  if (jq.length > 0) {
                    s += " [" + jq + "]";
                  }
                  s += " " + this.getGong() + "方" + this.getShou();
                  s += " 星宿[" + this.getXiu() + this.getZheng() + this.getAnimal() + "](" + this.getXiuLuck() + ")";
                  s += " 彭祖百忌[" + this.getPengZuGan() + " " + this.getPengZuZhi() + "]";
                  s += " 喜神方位[" + this.getDayPositionXi() + "](" + this.getDayPositionXiDesc() + ")";
                  s += " 阳贵神方位[" + this.getDayPositionYangGui() + "](" + this.getDayPositionYangGuiDesc() + ")";
                  s += " 阴贵神方位[" + this.getDayPositionYinGui() + "](" + this.getDayPositionYinGuiDesc() + ")";
                  s += " 福神方位[" + this.getDayPositionFu() + "](" + this.getDayPositionFuDesc() + ")";
                  s += " 财神方位[" + this.getDayPositionCai() + "](" + this.getDayPositionCaiDesc() + ")";
                  s += " 冲[" + this.getDayChongDesc() + "]";
                  s += " 煞[" + this.getDaySha() + "]";
                  return s;
                },
                _buildNameAndIndex: function(name, index) {
                  return {
                    _p: {
                      name,
                      index
                    },
                    getName: function() {
                      return this._p.name;
                    },
                    setName: function(name2) {
                      this._p.name = name2;
                    },
                    getIndex: function() {
                      return this._p.index;
                    },
                    setIndex: function(index2) {
                      this._p.index = index2;
                    },
                    toString: function() {
                      return this.getName();
                    },
                    toFullString: function() {
                      return this.getName() + "第" + this.getIndex() + "天";
                    }
                  };
                },
                getShuJiu: function() {
                  var currentDay = Solar2.fromYmd(this._p.solar.getYear(), this._p.solar.getMonth(), this._p.solar.getDay());
                  var start = this._getJieQiSolar("DONG_ZHI");
                  var startDay = Solar2.fromYmd(start.getYear(), start.getMonth(), start.getDay());
                  if (currentDay.isBefore(startDay)) {
                    start = this._getJieQiSolar(I18n2.getMessage("jq.dongZhi"));
                    startDay = Solar2.fromYmd(start.getYear(), start.getMonth(), start.getDay());
                  }
                  var endDay = Solar2.fromYmd(start.getYear(), start.getMonth(), start.getDay()).next(81);
                  if (currentDay.isBefore(startDay) || !currentDay.isBefore(endDay)) {
                    return null;
                  }
                  var days = currentDay.subtract(startDay);
                  return this._buildNameAndIndex(LunarUtil2.NUMBER[Math.floor(days / 9) + 1] + "九", days % 9 + 1);
                },
                getFu: function() {
                  var currentDay = Solar2.fromYmd(this._p.solar.getYear(), this._p.solar.getMonth(), this._p.solar.getDay());
                  var xiaZhi = this._getJieQiSolar(I18n2.getMessage("jq.xiaZhi"));
                  var liQiu = this._getJieQiSolar(I18n2.getMessage("jq.liQiu"));
                  var startDay = Solar2.fromYmd(xiaZhi.getYear(), xiaZhi.getMonth(), xiaZhi.getDay());
                  var add = 6 - xiaZhi.getLunar().getDayGanIndex();
                  if (add < 0) {
                    add += 10;
                  }
                  add += 20;
                  startDay = startDay.next(add);
                  if (currentDay.isBefore(startDay)) {
                    return null;
                  }
                  var days = currentDay.subtract(startDay);
                  if (days < 10) {
                    return this._buildNameAndIndex("初伏", days + 1);
                  }
                  startDay = startDay.next(10);
                  days = currentDay.subtract(startDay);
                  if (days < 10) {
                    return this._buildNameAndIndex("中伏", days + 1);
                  }
                  startDay = startDay.next(10);
                  var liQiuDay = Solar2.fromYmd(liQiu.getYear(), liQiu.getMonth(), liQiu.getDay());
                  days = currentDay.subtract(startDay);
                  if (liQiuDay.isAfter(startDay)) {
                    if (days < 10) {
                      return this._buildNameAndIndex("中伏", days + 11);
                    }
                    startDay = startDay.next(10);
                    days = currentDay.subtract(startDay);
                  }
                  if (days < 10) {
                    return this._buildNameAndIndex("末伏", days + 1);
                  }
                  return null;
                },
                getLiuYao: function() {
                  return LunarUtil2.LIU_YAO[(Math.abs(this._p.month) + this._p.day - 2) % 6];
                },
                getWuHou: function() {
                  var jieQi = this.getPrevJieQi(true);
                  var jq = LunarUtil2.find(jieQi.getName(), LunarUtil2.JIE_QI);
                  var current = Solar2.fromYmd(this._p.solar.getYear(), this._p.solar.getMonth(), this._p.solar.getDay());
                  var startSolar = jieQi.getSolar();
                  var start = Solar2.fromYmd(startSolar.getYear(), startSolar.getMonth(), startSolar.getDay());
                  var index = Math.floor(current.subtract(start) / 5);
                  if (index > 2) {
                    index = 2;
                  }
                  return LunarUtil2.WU_HOU[(jq.index * 3 + index) % LunarUtil2.WU_HOU.length];
                },
                getHou: function() {
                  var jieQi = this.getPrevJieQi(true);
                  var days = this._p.solar.subtract(jieQi.getSolar());
                  var max = LunarUtil2.HOU.length - 1;
                  var offset = Math.floor(days / 5);
                  if (offset > max) {
                    offset = max;
                  }
                  return jieQi.getName() + " " + LunarUtil2.HOU[offset];
                },
                getDayLu: function() {
                  var gan = LunarUtil2.LU[this.getDayGan()];
                  var zhi = LunarUtil2.LU[this.getDayZhi()];
                  var lu = gan + "命互禄";
                  if (zhi) {
                    lu += " " + zhi + "命进禄";
                  }
                  return lu;
                },
                getTime: function() {
                  return LunarTime2.fromYmdHms(this._p.year, this._p.month, this._p.day, this._p.hour, this._p.minute, this._p.second);
                },
                getTimes: function() {
                  var l = [];
                  l.push(LunarTime2.fromYmdHms(this._p.year, this._p.month, this._p.day, 0, 0, 0));
                  for (var i = 0; i < 12; i++) {
                    l.push(LunarTime2.fromYmdHms(this._p.year, this._p.month, this._p.day, (i + 1) * 2 - 1, 0, 0));
                  }
                  return l;
                },
                getFoto: function() {
                  return Foto2.fromLunar(this);
                },
                getTao: function() {
                  return Tao2.fromLunar(this);
                }
              };
            };
            return {
              fromYmdHms: function(y, m, d, hour, minute, second) {
                return _fromYmdHms(y, m, d, hour, minute, second);
              },
              fromYmd: function(y, m, d) {
                return _fromYmdHms(y, m, d, 0, 0, 0);
              },
              fromSolar: function(solar) {
                return _fromSolar(solar);
              },
              fromDate: function(date) {
                return _fromDate(date);
              }
            };
          }();
          var SolarWeek2 = /* @__PURE__ */ function() {
            var _fromDate = function(date, start) {
              var solar = Solar2.fromDate(date);
              return _fromYmd(solar.getYear(), solar.getMonth(), solar.getDay(), start);
            };
            var _fromYmd = function(y, m, d, start) {
              var oy = y;
              var om = m;
              var od = d;
              y *= 1;
              if (isNaN(y)) {
                throw new Error("wrong solar year " + oy);
              }
              m *= 1;
              if (isNaN(m)) {
                throw new Error("wrong solar month " + om);
              }
              d *= 1;
              if (isNaN(d)) {
                throw new Error("wrong solar day " + od);
              }
              start *= 1;
              if (isNaN(start)) {
                start = 0;
              }
              return {
                _p: {
                  year: y,
                  month: m,
                  day: d,
                  start
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                getDay: function() {
                  return this._p.day;
                },
                getStart: function() {
                  return this._p.start;
                },
                /**
                 * 获取当前日期是在当月第几周
                 * @return number 周序号，从1开始
                 */
                getIndex: function() {
                  var offset = Solar2.fromYmd(this._p.year, this._p.month, 1).getWeek() - this._p.start;
                  if (offset < 0) {
                    offset += 7;
                  }
                  return Math.ceil((this._p.day + offset) / 7);
                },
                /**
                 * 获取当前日期是在当年第几周
                 * @return number 周序号，从1开始
                 */
                getIndexInYear: function() {
                  var offset = Solar2.fromYmd(this._p.year, 1, 1).getWeek() - this._p.start;
                  if (offset < 0) {
                    offset += 7;
                  }
                  return Math.ceil((SolarUtil2.getDaysInYear(this._p.year, this._p.month, this._p.day) + offset) / 7);
                },
                /**
                 * 周推移
                 * @param weeks 推移的周数，负数为倒推
                 * @param separateMonth 是否按月单独计算
                 * @return object 推移后的阳历周
                 */
                next: function(weeks, separateMonth) {
                  var ow = weeks;
                  weeks *= 1;
                  if (isNaN(weeks)) {
                    throw new Error("wrong weeks " + ow);
                  }
                  var start2 = this._p.start;
                  if (0 === weeks) {
                    return _fromYmd(this._p.year, this._p.month, this._p.day, start2);
                  }
                  var solar = Solar2.fromYmd(this._p.year, this._p.month, this._p.day);
                  if (separateMonth) {
                    var n = weeks;
                    var week = _fromYmd(this._p.year, this._p.month, this._p.day, start2);
                    var month = this._p.month;
                    var plus = n > 0;
                    while (0 !== n) {
                      solar = solar.next(plus ? 7 : -7);
                      week = _fromYmd(solar.getYear(), solar.getMonth(), solar.getDay(), start2);
                      var weekMonth = week.getMonth();
                      if (month !== weekMonth) {
                        var index = week.getIndex();
                        if (plus) {
                          if (1 === index) {
                            var firstDay = week.getFirstDay();
                            week = _fromYmd(firstDay.getYear(), firstDay.getMonth(), firstDay.getDay(), start2);
                            weekMonth = week.getMonth();
                          } else {
                            solar = Solar2.fromYmd(week.getYear(), week.getMonth(), 1);
                            week = _fromYmd(solar.getYear(), solar.getMonth(), solar.getDay(), start2);
                          }
                        } else {
                          var size2 = SolarUtil2.getWeeksOfMonth(week.getYear(), week.getMonth(), start2);
                          if (size2 === index) {
                            var lastDay = week.getFirstDay().next(6);
                            week = _fromYmd(lastDay.getYear(), lastDay.getMonth(), lastDay.getDay(), start2);
                            weekMonth = week.getMonth();
                          } else {
                            solar = Solar2.fromYmd(week.getYear(), week.getMonth(), SolarUtil2.getDaysOfMonth(week.getYear(), week.getMonth()));
                            week = _fromYmd(solar.getYear(), solar.getMonth(), solar.getDay(), start2);
                          }
                        }
                        month = weekMonth;
                      }
                      n -= plus ? 1 : -1;
                    }
                    return week;
                  } else {
                    solar = solar.next(weeks * 7);
                    return _fromYmd(solar.getYear(), solar.getMonth(), solar.getDay(), start2);
                  }
                },
                /**
                 * 获取本周第一天的阳历日期（可能跨月）
                 * @return object 本周第一天的阳历日期
                 */
                getFirstDay: function() {
                  var solar = Solar2.fromYmd(this._p.year, this._p.month, this._p.day);
                  var prev = solar.getWeek() - this._p.start;
                  if (prev < 0) {
                    prev += 7;
                  }
                  return solar.next(-prev);
                },
                /**
                 * 获取本周第一天的阳历日期（仅限当月）
                 * @return object 本周第一天的阳历日期
                 */
                getFirstDayInMonth: function() {
                  var index = 0;
                  var days = this.getDays();
                  for (var i = 0; i < days.length; i++) {
                    if (this._p.month === days[i].getMonth()) {
                      index = i;
                      break;
                    }
                  }
                  return days[index];
                },
                /**
                 * 获取本周的阳历日期列表（可能跨月）
                 * @return Array 本周的阳历日期列表
                 */
                getDays: function() {
                  var firstDay = this.getFirstDay();
                  var l = [];
                  l.push(firstDay);
                  for (var i = 1; i < 7; i++) {
                    l.push(firstDay.next(i));
                  }
                  return l;
                },
                /**
                 * 获取本周的阳历日期列表（仅限当月）
                 * @return Array 本周的阳历日期列表（仅限当月）
                 */
                getDaysInMonth: function() {
                  var days = this.getDays();
                  var l = [];
                  for (var i = 0; i < days.length; i++) {
                    var day = days[i];
                    if (this._p.month !== day.getMonth()) {
                      continue;
                    }
                    l.push(day);
                  }
                  return l;
                },
                toString: function() {
                  return this.getYear() + "." + this.getMonth() + "." + this.getIndex();
                },
                toFullString: function() {
                  return this.getYear() + "年" + this.getMonth() + "月第" + this.getIndex() + "周";
                }
              };
            };
            return {
              /**
               * 指定年月日生成当天所在的阳历周
               * @param y 年份
               * @param m 月份
               * @param d 日期
               * @param start 星期几作为一周的开始，1234560分别代表星期一至星期天
               * @return object 阳历周
               */
              fromYmd: function(y, m, d, start) {
                return _fromYmd(y, m, d, start);
              },
              /**
               * 指定日期生成当天所在的阳历周
               * @param date 日期
               * @param start 星期几作为一周的开始，1234560分别代表星期一至星期天
               * @return object 阳历周
               */
              fromDate: function(date, start) {
                return _fromDate(date, start);
              }
            };
          }();
          var SolarMonth2 = /* @__PURE__ */ function() {
            var _fromDate = function(date) {
              var solar = Solar2.fromDate(date);
              return _fromYm(solar.getYear(), solar.getMonth());
            };
            var _fromYm = function(y, m) {
              var oy = y;
              var om = m;
              y *= 1;
              if (isNaN(y)) {
                throw new Error("wrong solar year " + oy);
              }
              m *= 1;
              if (isNaN(m)) {
                throw new Error("wrong solar month " + om);
              }
              return {
                _p: {
                  year: y,
                  month: m
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                next: function(months) {
                  var om2 = months;
                  months *= 1;
                  if (isNaN(months)) {
                    throw new Error("wrong months " + om2);
                  }
                  var n = months < 0 ? -1 : 1;
                  var m2 = Math.abs(months);
                  var y2 = this._p.year + Math.floor(m2 / 12) * n;
                  m2 = this._p.month + m2 % 12 * n;
                  if (m2 > 12) {
                    m2 -= 12;
                    y2++;
                  } else if (m2 < 1) {
                    m2 += 12;
                    y2--;
                  }
                  return _fromYm(y2, m2);
                },
                getDays: function() {
                  var l = [];
                  var d = Solar2.fromYmd(this._p.year, this._p.month, 1);
                  l.push(d);
                  var days = SolarUtil2.getDaysOfMonth(this._p.year, this._p.month);
                  for (var i = 1; i < days; i++) {
                    l.push(d.next(i));
                  }
                  return l;
                },
                getWeeks: function(start) {
                  start *= 1;
                  if (isNaN(start)) {
                    start = 0;
                  }
                  var l = [];
                  var week = SolarWeek2.fromYmd(this._p.year, this._p.month, 1, start);
                  while (true) {
                    l.push(week);
                    week = week.next(1, false);
                    var firstDay = week.getFirstDay();
                    if (firstDay.getYear() > this._p.year || firstDay.getMonth() > this._p.month) {
                      break;
                    }
                  }
                  return l;
                },
                toString: function() {
                  return this.getYear() + "-" + this.getMonth();
                },
                toFullString: function() {
                  return this.getYear() + "年" + this.getMonth() + "月";
                }
              };
            };
            return {
              fromYm: function(y, m) {
                return _fromYm(y, m);
              },
              fromDate: function(date) {
                return _fromDate(date);
              }
            };
          }();
          var SolarSeason2 = /* @__PURE__ */ function() {
            var _fromDate = function(date) {
              var solar = Solar2.fromDate(date);
              return _fromYm(solar.getYear(), solar.getMonth());
            };
            var _fromYm = function(y, m) {
              var oy = y;
              var om = m;
              y *= 1;
              if (isNaN(y)) {
                throw new Error("wrong solar year " + oy);
              }
              m *= 1;
              if (isNaN(m)) {
                throw new Error("wrong solar month " + om);
              }
              return {
                _p: {
                  year: y,
                  month: m
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                /**
                 * 获取当月是第几季度
                 * @return number 季度序号，从1开始
                 */
                getIndex: function() {
                  return Math.ceil(this._p.month / 3);
                },
                /**
                 * 季度推移
                 * @param seasons 推移的季度数，负数为倒推
                 * @return object 推移后的季度
                 */
                next: function(seasons) {
                  var os = seasons;
                  seasons *= 1;
                  if (isNaN(seasons)) {
                    throw new Error("wrong seasons " + os);
                  }
                  var month = SolarMonth2.fromYm(this._p.year, this._p.month).next(3 * seasons);
                  return _fromYm(month.getYear(), month.getMonth());
                },
                /**
                 * 获取本季度的月份
                 * @return Array 本季度的月份列表
                 */
                getMonths: function() {
                  var l = [];
                  var index = this.getIndex() - 1;
                  for (var i = 0; i < 3; i++) {
                    l.push(SolarMonth2.fromYm(this._p.year, 3 * index + i + 1));
                  }
                  return l;
                },
                toString: function() {
                  return this.getYear() + "." + this.getIndex();
                },
                toFullString: function() {
                  return this.getYear() + "年" + this.getIndex() + "季度";
                }
              };
            };
            return {
              fromYm: function(y, m) {
                return _fromYm(y, m);
              },
              fromDate: function(date) {
                return _fromDate(date);
              }
            };
          }();
          var SolarHalfYear2 = /* @__PURE__ */ function() {
            var _fromDate = function(date) {
              var solar = Solar2.fromDate(date);
              return _fromYm(solar.getYear(), solar.getMonth());
            };
            var _fromYm = function(y, m) {
              var oy = y;
              var om = m;
              y *= 1;
              if (isNaN(y)) {
                throw new Error("wrong solar year " + oy);
              }
              m *= 1;
              if (isNaN(m)) {
                throw new Error("wrong solar month " + om);
              }
              return {
                _p: {
                  year: y,
                  month: m
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                /**
                 * 获取当月是第几半年
                 * @return number 半年序号，从1开始
                 */
                getIndex: function() {
                  return Math.ceil(this._p.month / 6);
                },
                /**
                 * 半年推移
                 * @param halfYears 推移的半年数，负数为倒推
                 * @return object 推移后的半年
                 */
                next: function(halfYears) {
                  var oh = halfYears;
                  halfYears *= 1;
                  if (isNaN(halfYears)) {
                    throw new Error("wong halfYears " + oh);
                  }
                  var month = SolarMonth2.fromYm(this._p.year, this._p.month).next(6 * halfYears);
                  return _fromYm(month.getYear(), month.getMonth());
                },
                /**
                 * 获取本半年的月份
                 * @return Array 本半年的月份列表
                 */
                getMonths: function() {
                  var l = [];
                  var index = this.getIndex() - 1;
                  for (var i = 0; i < 6; i++) {
                    l.push(SolarMonth2.fromYm(this._p.year, 6 * index + i + 1));
                  }
                  return l;
                },
                toString: function() {
                  return this.getYear() + "." + this.getIndex();
                },
                toFullString: function() {
                  return this.getYear() + "年" + ["上", "下"][this.getIndex() - 1] + "半年";
                }
              };
            };
            return {
              fromYm: function(y, m) {
                return _fromYm(y, m);
              },
              fromDate: function(date) {
                return _fromDate(date);
              }
            };
          }();
          var SolarYear2 = /* @__PURE__ */ function() {
            var _fromDate = function(date) {
              return _fromYear(Solar2.fromDate(date).getYear());
            };
            var _fromYear = function(y) {
              var oy = y;
              y *= 1;
              if (isNaN(y)) {
                throw new Error("wrong solar year " + oy);
              }
              return {
                _p: {
                  year: y
                },
                getYear: function() {
                  return this._p.year;
                },
                next: function(years) {
                  var oy2 = years;
                  years *= 1;
                  if (isNaN(years)) {
                    throw new Error("wrong years " + oy2);
                  }
                  return _fromYear(this._p.year + years);
                },
                getMonths: function() {
                  var l = [];
                  var m = SolarMonth2.fromYm(this._p.year, 1);
                  l.push(m);
                  for (var i = 1; i < 12; i++) {
                    l.push(m.next(i));
                  }
                  return l;
                },
                toString: function() {
                  return this.getYear() + "";
                },
                toFullString: function() {
                  return this.getYear() + "年";
                }
              };
            };
            return {
              fromYear: function(y) {
                return _fromYear(y);
              },
              fromDate: function(date) {
                return _fromDate(date);
              }
            };
          }();
          var LunarYear2 = /* @__PURE__ */ function() {
            var _YUAN = ["下", "上", "中"];
            var _YUN = ["七", "八", "九", "一", "二", "三", "四", "五", "六"];
            var _LEAP_11 = [75, 94, 170, 265, 322, 398, 469, 553, 583, 610, 678, 735, 754, 773, 849, 887, 936, 1050, 1069, 1126, 1145, 1164, 1183, 1259, 1278, 1308, 1373, 1403, 1441, 1460, 1498, 1555, 1593, 1612, 1631, 1642, 2033, 2128, 2147, 2242, 2614, 2728, 2910, 3062, 3244, 3339, 3616, 3711, 3730, 3825, 4007, 4159, 4197, 4322, 4341, 4379, 4417, 4531, 4599, 4694, 4713, 4789, 4808, 4971, 5085, 5104, 5161, 5180, 5199, 5294, 5305, 5476, 5677, 5696, 5772, 5791, 5848, 5886, 6049, 6068, 6144, 6163, 6258, 6402, 6440, 6497, 6516, 6630, 6641, 6660, 6679, 6736, 6774, 6850, 6869, 6899, 6918, 6994, 7013, 7032, 7051, 7070, 7089, 7108, 7127, 7146, 7222, 7271, 7290, 7309, 7366, 7385, 7404, 7442, 7461, 7480, 7491, 7499, 7594, 7624, 7643, 7662, 7681, 7719, 7738, 7814, 7863, 7882, 7901, 7939, 7958, 7977, 7996, 8034, 8053, 8072, 8091, 8121, 8159, 8186, 8216, 8235, 8254, 8273, 8311, 8330, 8341, 8349, 8368, 8444, 8463, 8474, 8493, 8531, 8569, 8588, 8626, 8664, 8683, 8694, 8702, 8713, 8721, 8751, 8789, 8808, 8816, 8827, 8846, 8884, 8903, 8922, 8941, 8971, 9036, 9066, 9085, 9104, 9123, 9142, 9161, 9180, 9199, 9218, 9256, 9294, 9313, 9324, 9343, 9362, 9381, 9419, 9438, 9476, 9514, 9533, 9544, 9552, 9563, 9571, 9582, 9601, 9639, 9658, 9666, 9677, 9696, 9734, 9753, 9772, 9791, 9802, 9821, 9886, 9897, 9916, 9935, 9954, 9973, 9992];
            var _LEAP_12 = [37, 56, 113, 132, 151, 189, 208, 227, 246, 284, 303, 341, 360, 379, 417, 436, 458, 477, 496, 515, 534, 572, 591, 629, 648, 667, 697, 716, 792, 811, 830, 868, 906, 925, 944, 963, 982, 1001, 1020, 1039, 1058, 1088, 1153, 1202, 1221, 1240, 1297, 1335, 1392, 1411, 1422, 1430, 1517, 1525, 1536, 1574, 3358, 3472, 3806, 3988, 4751, 4941, 5066, 5123, 5275, 5343, 5438, 5457, 5495, 5533, 5552, 5715, 5810, 5829, 5905, 5924, 6421, 6535, 6793, 6812, 6888, 6907, 7002, 7184, 7260, 7279, 7374, 7556, 7746, 7757, 7776, 7833, 7852, 7871, 7966, 8015, 8110, 8129, 8148, 8224, 8243, 8338, 8406, 8425, 8482, 8501, 8520, 8558, 8596, 8607, 8615, 8645, 8740, 8778, 8835, 8865, 8930, 8960, 8979, 8998, 9017, 9055, 9074, 9093, 9112, 9150, 9188, 9237, 9275, 9332, 9351, 9370, 9408, 9427, 9446, 9457, 9465, 9495, 9560, 9590, 9628, 9647, 9685, 9715, 9742, 9780, 9810, 9818, 9829, 9848, 9867, 9905, 9924, 9943, 9962, 1e4];
            var _CACHE_YEAR = null;
            var _YMC = [11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
            var _inLeap = function(arr, n) {
              for (var i = 0, j = arr.length; i < j; i++) {
                if (arr[i] === n) {
                  return true;
                }
              }
              return false;
            };
            var _fromYear = function(lunarYear) {
              var oy = lunarYear;
              lunarYear *= 1;
              if (isNaN(lunarYear)) {
                throw new Error("wrong lunar year " + oy);
              }
              var _y = function() {
                var offset = lunarYear - 4;
                var yearGanIndex = offset % 10;
                var yearZhiIndex = offset % 12;
                if (yearGanIndex < 0) {
                  yearGanIndex += 10;
                }
                if (yearZhiIndex < 0) {
                  yearZhiIndex += 12;
                }
                return {
                  ganIndex: yearGanIndex,
                  zhiIndex: yearZhiIndex
                };
              }();
              return {
                _p: {
                  year: lunarYear,
                  ganIndex: _y.ganIndex,
                  zhiIndex: _y.zhiIndex,
                  months: [],
                  jieQiJulianDays: []
                },
                getYear: function() {
                  return this._p.year;
                },
                getGanIndex: function() {
                  return this._p.ganIndex;
                },
                getZhiIndex: function() {
                  return this._p.zhiIndex;
                },
                getGan: function() {
                  return LunarUtil2.GAN[this._p.ganIndex + 1];
                },
                getZhi: function() {
                  return LunarUtil2.ZHI[this._p.zhiIndex + 1];
                },
                getGanZhi: function() {
                  return this.getGan() + this.getZhi();
                },
                getJieQiJulianDays: function() {
                  return this._p.jieQiJulianDays;
                },
                getDayCount: function() {
                  var n = 0;
                  for (var i = 0, j = this._p.months.length; i < j; i++) {
                    var m = this._p.months[i];
                    if (m.getYear() === this._p.year) {
                      n += m.getDayCount();
                    }
                  }
                  return n;
                },
                getMonthsInYear: function() {
                  var l = [];
                  for (var i = 0, j = this._p.months.length; i < j; i++) {
                    var m = this._p.months[i];
                    if (m.getYear() === this._p.year) {
                      l.push(m);
                    }
                  }
                  return l;
                },
                getMonths: function() {
                  return this._p.months;
                },
                getMonth: function(lunarMonth) {
                  var om = lunarMonth;
                  lunarMonth *= 1;
                  if (isNaN(lunarMonth)) {
                    throw new Error("wrong lunarMonth " + om);
                  }
                  for (var i = 0, j = this._p.months.length; i < j; i++) {
                    var m = this._p.months[i];
                    if (m.getYear() === this._p.year && m.getMonth() === lunarMonth) {
                      return m;
                    }
                  }
                  return null;
                },
                getLeapMonth: function() {
                  for (var i = 0, j = this._p.months.length; i < j; i++) {
                    var m = this._p.months[i];
                    if (m.getYear() === this._p.year && m.isLeap()) {
                      return Math.abs(m.getMonth());
                    }
                  }
                  return 0;
                },
                _getZaoByGan: function(index, name) {
                  var offset = index - Solar2.fromJulianDay(this.getMonth(1).getFirstJulianDay()).getLunar().getDayGanIndex();
                  if (offset < 0) {
                    offset += 10;
                  }
                  return name.replace("几", LunarUtil2.NUMBER[offset + 1]);
                },
                _getZaoByZhi: function(index, name) {
                  var offset = index - Solar2.fromJulianDay(this.getMonth(1).getFirstJulianDay()).getLunar().getDayZhiIndex();
                  if (offset < 0) {
                    offset += 12;
                  }
                  return name.replace("几", LunarUtil2.NUMBER[offset + 1]);
                },
                getTouLiang: function() {
                  return this._getZaoByZhi(0, "几鼠偷粮");
                },
                getCaoZi: function() {
                  return this._getZaoByZhi(0, "草子几分");
                },
                getGengTian: function() {
                  return this._getZaoByZhi(1, "几牛耕田");
                },
                getHuaShou: function() {
                  return this._getZaoByZhi(3, "花收几分");
                },
                getZhiShui: function() {
                  return this._getZaoByZhi(4, "几龙治水");
                },
                getTuoGu: function() {
                  return this._getZaoByZhi(6, "几马驮谷");
                },
                getQiangMi: function() {
                  return this._getZaoByZhi(9, "几鸡抢米");
                },
                getKanCan: function() {
                  return this._getZaoByZhi(9, "几姑看蚕");
                },
                getGongZhu: function() {
                  return this._getZaoByZhi(11, "几屠共猪");
                },
                getJiaTian: function() {
                  return this._getZaoByGan(0, "甲田几分");
                },
                getFenBing: function() {
                  return this._getZaoByGan(2, "几人分饼");
                },
                getDeJin: function() {
                  return this._getZaoByGan(7, "几日得金");
                },
                getRenBing: function() {
                  return this._getZaoByGan(2, this._getZaoByZhi(2, "几人几丙"));
                },
                getRenChu: function() {
                  return this._getZaoByGan(3, this._getZaoByZhi(2, "几人几锄"));
                },
                getYuan: function() {
                  return _YUAN[Math.floor((this._p.year + 2696) / 60) % 3] + "元";
                },
                getYun: function() {
                  return _YUN[Math.floor((this._p.year + 2696) / 20) % 9] + "运";
                },
                getNineStar: function() {
                  var index = LunarUtil2.getJiaZiIndex(this.getGanZhi()) + 1;
                  var yuan = Math.floor((this._p.year + 2696) / 60) % 3;
                  var offset = (62 + yuan * 3 - index) % 9;
                  if (0 === offset) {
                    offset = 9;
                  }
                  return NineStar2.fromIndex(offset - 1);
                },
                getPositionXi: function() {
                  return LunarUtil2.POSITION_XI[this._p.ganIndex + 1];
                },
                getPositionXiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionXi()];
                },
                getPositionYangGui: function() {
                  return LunarUtil2.POSITION_YANG_GUI[this._p.ganIndex + 1];
                },
                getPositionYangGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionYangGui()];
                },
                getPositionYinGui: function() {
                  return LunarUtil2.POSITION_YIN_GUI[this._p.ganIndex + 1];
                },
                getPositionYinGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionYinGui()];
                },
                getPositionFu: function(sect) {
                  return (1 === sect ? LunarUtil2.POSITION_FU : LunarUtil2.POSITION_FU_2)[this._p.ganIndex + 1];
                },
                getPositionFuDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getPositionFu(sect)];
                },
                getPositionCai: function() {
                  return LunarUtil2.POSITION_CAI[this._p.ganIndex + 1];
                },
                getPositionCaiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionCai()];
                },
                getPositionTaiSui: function() {
                  return LunarUtil2.POSITION_TAI_SUI_YEAR[this._p.zhiIndex];
                },
                getPositionTaiSuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionTaiSui()];
                },
                toString: function() {
                  return this.getYear() + "";
                },
                toFullString: function() {
                  return this.getYear() + "年";
                },
                next: function(years) {
                  var oy2 = years;
                  years *= 1;
                  if (isNaN(years)) {
                    throw new Error("wrong years " + oy2);
                  }
                  return LunarYear2.fromYear(this._p.year + years);
                },
                _compute: function() {
                  this._p.months = [];
                  this._p.jieQiJulianDays = [];
                  var jq = [];
                  var hs = [];
                  var dayCounts = [];
                  var months = [];
                  var i;
                  var j;
                  var currentYear = this._p.year;
                  var jd = Math.floor((currentYear - 2e3) * 365.2422 + 180);
                  var w = Math.floor((jd - 355 + 183) / 365.2422) * 365.2422 + 355;
                  if (ShouXingUtil2.calcQi(w) > jd) {
                    w -= 365.2422;
                  }
                  for (i = 0; i < 26; i++) {
                    jq.push(ShouXingUtil2.calcQi(w + 15.2184 * i));
                  }
                  for (i = 0, j = LunarUtil2.JIE_QI_IN_USE.length; i < j; i++) {
                    if (i === 0) {
                      jd = ShouXingUtil2.qiAccurate2(jq[0] - 15.2184);
                    } else if (i <= 26) {
                      jd = ShouXingUtil2.qiAccurate2(jq[i - 1]);
                    } else {
                      jd = ShouXingUtil2.qiAccurate2(jq[25] + 15.2184 * (i - 26));
                    }
                    this._p.jieQiJulianDays.push(jd + Solar2.J2000);
                  }
                  w = ShouXingUtil2.calcShuo(jq[0]);
                  if (w > jq[0]) {
                    w -= 29.53;
                  }
                  for (i = 0; i < 16; i++) {
                    hs.push(ShouXingUtil2.calcShuo(w + 29.5306 * i));
                  }
                  for (i = 0; i < 15; i++) {
                    dayCounts.push(Math.floor(hs[i + 1] - hs[i]));
                    months.push(i);
                  }
                  var prevYear = currentYear - 1;
                  var leapIndex = 16;
                  if (_inLeap(_LEAP_11, currentYear)) {
                    leapIndex = 13;
                  } else if (_inLeap(_LEAP_12, currentYear)) {
                    leapIndex = 14;
                  } else if (hs[13] <= jq[24]) {
                    i = 1;
                    while (hs[i + 1] > jq[2 * i] && i < 13) {
                      i++;
                    }
                    leapIndex = i;
                  }
                  for (j = leapIndex; j < 15; j++) {
                    months[j] -= 1;
                  }
                  var fm = -1;
                  var index = -1;
                  var y = prevYear;
                  for (i = 0; i < 15; i++) {
                    var dm = hs[i] + Solar2.J2000;
                    var v2 = months[i];
                    var mc = _YMC[v2 % 12];
                    if (1724360 <= dm && dm < 1729794) {
                      mc = _YMC[(v2 + 1) % 12];
                    } else if (1807724 <= dm && dm < 1808699) {
                      mc = _YMC[(v2 + 1) % 12];
                    } else if (dm === 1729794 || dm === 1808699) {
                      mc = 12;
                    }
                    if (fm === -1) {
                      fm = mc;
                      index = mc;
                    }
                    if (mc < fm) {
                      y += 1;
                      index = 1;
                    }
                    fm = mc;
                    if (i === leapIndex) {
                      mc = -mc;
                    } else if (dm === 1729794 || dm === 1808699) {
                      mc = -11;
                    }
                    this._p.months.push(LunarMonth2._(y, mc, dayCounts[i], hs[i] + Solar2.J2000, index));
                    index++;
                  }
                  return this;
                }
              }._compute();
            };
            var _fromCachedYear = function(lunarYear) {
              var y;
              if (!_CACHE_YEAR || _CACHE_YEAR.getYear() !== lunarYear) {
                y = _fromYear(lunarYear);
                _CACHE_YEAR = y;
              } else {
                y = _CACHE_YEAR;
              }
              return y;
            };
            return {
              fromYear: function(lunarYear) {
                return _fromCachedYear(lunarYear);
              }
            };
          }();
          var LunarMonth2 = /* @__PURE__ */ function() {
            var _fromYm = function(lunarYear, lunarMonth) {
              var oy = lunarYear;
              var om = lunarMonth;
              lunarYear *= 1;
              if (isNaN(lunarYear)) {
                throw new Error("wrong lunar year " + oy);
              }
              lunarMonth *= 1;
              if (isNaN(lunarMonth)) {
                throw new Error("wrong lunar month " + om);
              }
              return LunarYear2.fromYear(lunarYear).getMonth(lunarMonth);
            };
            var _new = function(lunarYear, lunarMonth, dayCount, firstJulianDay, index) {
              return {
                _p: {
                  year: lunarYear,
                  month: lunarMonth,
                  dayCount,
                  firstJulianDay,
                  index,
                  zhiIndex: (index - 1 + LunarUtil2.BASE_MONTH_ZHI_INDEX) % 12
                },
                getIndex: function() {
                  return this._p.index;
                },
                getGanIndex: function() {
                  var offset = (LunarYear2.fromYear(this._p.year).getGanIndex() + 1) % 5 * 2;
                  return (this._p.index - 1 + offset) % 10;
                },
                getZhiIndex: function() {
                  return this._p.zhiIndex;
                },
                getGan: function() {
                  return LunarUtil2.GAN[this.getGanIndex() + 1];
                },
                getZhi: function() {
                  return LunarUtil2.ZHI[this._p.zhiIndex + 1];
                },
                getGanZhi: function() {
                  return this.getGan() + this.getZhi();
                },
                getYear: function() {
                  return this._p.year;
                },
                getMonth: function() {
                  return this._p.month;
                },
                getDayCount: function() {
                  return this._p.dayCount;
                },
                getFirstJulianDay: function() {
                  return this._p.firstJulianDay;
                },
                isLeap: function() {
                  return this._p.month < 0;
                },
                getPositionXi: function() {
                  return LunarUtil2.POSITION_XI[this.getGanIndex() + 1];
                },
                getPositionXiDesc: function() {
                  return LunarUtil2.POSITION_DESC.get(this.getPositionXi());
                },
                getPositionYangGui: function() {
                  return LunarUtil2.POSITION_YANG_GUI[this.getGanIndex() + 1];
                },
                getPositionYangGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC.get(this.getPositionYangGui());
                },
                getPositionYinGui: function() {
                  return LunarUtil2.POSITION_YIN_GUI[this.getGanIndex() + 1];
                },
                getPositionYinGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC.get(this.getPositionYinGui());
                },
                getPositionFu: function(sect) {
                  return (1 === sect ? LunarUtil2.POSITION_FU : LunarUtil2.POSITION_FU_2)[this.getGanIndex() + 1];
                },
                getPositionFuDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC.get(this.getPositionFu(sect));
                },
                getPositionCai: function() {
                  return LunarUtil2.POSITION_CAI[this.getGanIndex() + 1];
                },
                getPositionCaiDesc: function() {
                  return LunarUtil2.POSITION_DESC.get(this.getPositionCai());
                },
                getPositionTaiSui: function() {
                  var p2;
                  var m = Math.abs(this._p.month);
                  switch (m) {
                    case 1:
                    case 5:
                    case 9:
                      p2 = "艮";
                      break;
                    case 3:
                    case 7:
                    case 11:
                      p2 = "坤";
                      break;
                    case 4:
                    case 8:
                    case 12:
                      p2 = "巽";
                      break;
                    default:
                      p2 = LunarUtil2.POSITION_GAN[Solar2.fromJulianDay(this.getFirstJulianDay()).getLunar().getMonthGanIndex()];
                  }
                  return p2;
                },
                getPositionTaiSuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionTaiSui()];
                },
                getNineStar: function() {
                  var index2 = LunarYear2.fromYear(this._p.year).getZhiIndex() % 3;
                  var m = this._p.month;
                  if (m < 0) {
                    m = -m;
                  }
                  var monthZhiIndex = (13 + m) % 12;
                  var n = 27 - index2 * 3;
                  if (monthZhiIndex < LunarUtil2.BASE_MONTH_ZHI_INDEX) {
                    n -= 3;
                  }
                  var offset = (n - monthZhiIndex) % 9;
                  return NineStar2.fromIndex(offset);
                },
                next: function(n) {
                  var on2 = n;
                  n *= 1;
                  if (isNaN(n)) {
                    throw new Error("wrong days " + on2);
                  }
                  if (0 === n) {
                    return LunarMonth2.fromYm(this._p.year, this._p.month);
                  } else {
                    var rest = Math.abs(n);
                    var ny = this._p.year;
                    var iy = ny;
                    var im = this._p.month;
                    var index2 = 0;
                    var months = LunarYear2.fromYear(ny).getMonths();
                    var i;
                    var m;
                    var size2;
                    if (n > 0) {
                      while (true) {
                        size2 = months.length;
                        for (i = 0; i < size2; i++) {
                          m = months[i];
                          if (m.getYear() === iy && m.getMonth() === im) {
                            index2 = i;
                            break;
                          }
                        }
                        var more = size2 - index2 - 1;
                        if (rest < more) {
                          break;
                        }
                        rest -= more;
                        var lastMonth = months[size2 - 1];
                        iy = lastMonth.getYear();
                        im = lastMonth.getMonth();
                        ny++;
                        months = LunarYear2.fromYear(ny).getMonths();
                      }
                      return months[index2 + rest];
                    } else {
                      while (true) {
                        size2 = months.length;
                        for (i = 0; i < size2; i++) {
                          m = months[i];
                          if (m.getYear() === iy && m.getMonth() === im) {
                            index2 = i;
                            break;
                          }
                        }
                        if (rest <= index2) {
                          break;
                        }
                        rest -= index2;
                        var firstMonth = months[0];
                        iy = firstMonth.getYear();
                        im = firstMonth.getMonth();
                        ny--;
                        months = LunarYear2.fromYear(ny).getMonths();
                      }
                      return months[index2 - rest];
                    }
                  }
                },
                toString: function() {
                  return this.getYear() + "年" + (this.isLeap() ? "闰" : "") + LunarUtil2.MONTH[Math.abs(this.getMonth())] + "月(" + this.getDayCount() + ")天";
                }
              };
            };
            return {
              fromYm: function(lunarYear, lunarMonth) {
                return _fromYm(lunarYear, lunarMonth);
              },
              _: function(lunarYear, lunarMonth, dayCount, firstJulianDay, index) {
                return _new(lunarYear, lunarMonth, dayCount, firstJulianDay, index);
              }
            };
          }();
          var ShouXingUtil2 = function() {
            var _decode = function(s) {
              var o = "0000000000";
              var o2 = o + o;
              s = s.replace(/J/g, "00");
              s = s.replace(/I/g, "000");
              s = s.replace(/H/g, "0000");
              s = s.replace(/G/g, "00000");
              s = s.replace(/t/g, "02");
              s = s.replace(/s/g, "002");
              s = s.replace(/r/g, "0002");
              s = s.replace(/q/g, "00002");
              s = s.replace(/p/g, "000002");
              s = s.replace(/o/g, "0000002");
              s = s.replace(/n/g, "00000002");
              s = s.replace(/m/g, "000000002");
              s = s.replace(/l/g, "0000000002");
              s = s.replace(/k/g, "01");
              s = s.replace(/j/g, "0101");
              s = s.replace(/i/g, "001");
              s = s.replace(/h/g, "001001");
              s = s.replace(/g/g, "0001");
              s = s.replace(/f/g, "00001");
              s = s.replace(/e/g, "000001");
              s = s.replace(/d/g, "0000001");
              s = s.replace(/c/g, "00000001");
              s = s.replace(/b/g, "000000001");
              s = s.replace(/a/g, "0000000001");
              s = s.replace(/A/g, o2 + o2 + o2);
              s = s.replace(/B/g, o2 + o2 + o);
              s = s.replace(/C/g, o2 + o2);
              s = s.replace(/D/g, o2 + o);
              s = s.replace(/E/g, o2);
              s = s.replace(/F/g, o);
              return s;
            };
            return {
              PI_2: 2 * Math.PI,
              ONE_THIRD: 1 / 3,
              SECOND_PER_DAY: 86400,
              SECOND_PER_RAD: 648e3 / Math.PI,
              NUT_B: [
                2.1824,
                -33.75705,
                36e-6,
                -1720,
                920,
                3.5069,
                1256.66393,
                11e-6,
                -132,
                57,
                1.3375,
                16799.4182,
                -51e-6,
                -23,
                10,
                4.3649,
                -67.5141,
                72e-6,
                21,
                -9,
                0.04,
                -628.302,
                0,
                -14,
                0,
                2.36,
                8328.691,
                0,
                7,
                0,
                3.46,
                1884.966,
                0,
                -5,
                2,
                5.44,
                16833.175,
                0,
                -4,
                2,
                3.69,
                25128.11,
                0,
                -3,
                0,
                3.55,
                628.362,
                0,
                2,
                0
              ],
              DT_AT: [
                -4e3,
                108371.7,
                -13036.8,
                392,
                0,
                -500,
                17201,
                -627.82,
                16.17,
                -0.3413,
                -150,
                12200.6,
                -346.41,
                5.403,
                -0.1593,
                150,
                9113.8,
                -328.13,
                -1.647,
                0.0377,
                500,
                5707.5,
                -391.41,
                0.915,
                0.3145,
                900,
                2203.4,
                -283.45,
                13.034,
                -0.1778,
                1300,
                490.1,
                -57.35,
                2.085,
                -72e-4,
                1600,
                120,
                -9.81,
                -1.532,
                0.1403,
                1700,
                10.2,
                -0.91,
                0.51,
                -0.037,
                1800,
                13.4,
                -0.72,
                0.202,
                -0.0193,
                1830,
                7.8,
                -1.81,
                0.416,
                -0.0247,
                1860,
                8.3,
                -0.13,
                -0.406,
                0.0292,
                1880,
                -5.4,
                0.32,
                -0.183,
                0.0173,
                1900,
                -2.3,
                2.06,
                0.169,
                -0.0135,
                1920,
                21.2,
                1.69,
                -0.304,
                0.0167,
                1940,
                24.2,
                1.22,
                -0.064,
                31e-4,
                1960,
                33.2,
                0.51,
                0.231,
                -0.0109,
                1980,
                51,
                1.29,
                -0.026,
                32e-4,
                2e3,
                63.87,
                0.1,
                0,
                0,
                2005,
                64.7,
                0.21,
                0,
                0,
                2012,
                66.8,
                0.22,
                0,
                0,
                2018,
                69,
                0.36,
                0,
                0,
                2028,
                72.6
              ],
              XL0: [
                1e10,
                20,
                578,
                920,
                1100,
                1124,
                1136,
                1148,
                1217,
                1226,
                1229,
                1229,
                1229,
                1229,
                1937,
                2363,
                2618,
                2633,
                2660,
                2666,
                17534704567,
                0,
                0,
                334165646,
                4.669256804,
                6283.075849991,
                3489428,
                4.6261024,
                12566.1517,
                349706,
                2.744118,
                5753.384885,
                341757,
                2.828866,
                3.523118,
                313590,
                3.62767,
                77713.771468,
                267622,
                4.418084,
                7860.419392,
                234269,
                6.135162,
                3930.209696,
                132429,
                0.742464,
                11506.76977,
                127317,
                2.037097,
                529.690965,
                119917,
                1.109629,
                1577.343542,
                99025,
                5.23268,
                5884.92685,
                90186,
                2.04505,
                26.29832,
                85722,
                3.50849,
                398.149,
                77979,
                1.17883,
                5223.69392,
                75314,
                2.53339,
                5507.55324,
                50526,
                4.58293,
                18849.22755,
                49238,
                4.20507,
                775.52261,
                35666,
                2.91954,
                0.06731,
                31709,
                5.84902,
                11790.62909,
                28413,
                1.89869,
                796.29801,
                27104,
                0.31489,
                10977.0788,
                24281,
                0.34481,
                5486.77784,
                20616,
                4.80647,
                2544.31442,
                20539,
                1.86948,
                5573.1428,
                20226,
                2.45768,
                6069.77675,
                15552,
                0.83306,
                213.2991,
                13221,
                3.41118,
                2942.46342,
                12618,
                1.08303,
                20.7754,
                11513,
                0.64545,
                0.98032,
                10285,
                0.636,
                4694.00295,
                10190,
                0.97569,
                15720.83878,
                10172,
                4.2668,
                7.11355,
                9921,
                6.2099,
                2146.1654,
                9761,
                0.681,
                155.4204,
                8580,
                5.9832,
                161000.6857,
                8513,
                1.2987,
                6275.9623,
                8471,
                3.6708,
                71430.6956,
                7964,
                1.8079,
                17260.1547,
                7876,
                3.037,
                12036.4607,
                7465,
                1.7551,
                5088.6288,
                7387,
                3.5032,
                3154.6871,
                7355,
                4.6793,
                801.8209,
                6963,
                0.833,
                9437.7629,
                6245,
                3.9776,
                8827.3903,
                6115,
                1.8184,
                7084.8968,
                5696,
                2.7843,
                6286.599,
                5612,
                4.3869,
                14143.4952,
                5558,
                3.4701,
                6279.5527,
                5199,
                0.1891,
                12139.5535,
                5161,
                1.3328,
                1748.0164,
                5115,
                0.2831,
                5856.4777,
                4900,
                0.4874,
                1194.447,
                4104,
                5.3682,
                8429.2413,
                4094,
                2.3985,
                19651.0485,
                3920,
                6.1683,
                10447.3878,
                3677,
                6.0413,
                10213.2855,
                3660,
                2.5696,
                1059.3819,
                3595,
                1.7088,
                2352.8662,
                3557,
                1.776,
                6812.7668,
                3329,
                0.5931,
                17789.8456,
                3041,
                0.4429,
                83996.8473,
                3005,
                2.7398,
                1349.8674,
                2535,
                3.1647,
                4690.4798,
                2474,
                0.2148,
                3.5904,
                2366,
                0.4847,
                8031.0923,
                2357,
                2.0653,
                3340.6124,
                2282,
                5.222,
                4705.7323,
                2189,
                5.5559,
                553.5694,
                2142,
                1.4256,
                16730.4637,
                2109,
                4.1483,
                951.7184,
                2030,
                0.3713,
                283.8593,
                1992,
                5.2221,
                12168.0027,
                1986,
                5.7747,
                6309.3742,
                1912,
                3.8222,
                23581.2582,
                1889,
                5.3863,
                149854.4001,
                1790,
                2.2149,
                13367.9726,
                1748,
                4.5605,
                135.0651,
                1622,
                5.9884,
                11769.8537,
                1508,
                4.1957,
                6256.7775,
                1442,
                4.1932,
                242.7286,
                1435,
                3.7236,
                38.0277,
                1397,
                4.4014,
                6681.2249,
                1362,
                1.8893,
                7632.9433,
                1250,
                1.1305,
                5.5229,
                1205,
                2.6223,
                955.5997,
                1200,
                1.0035,
                632.7837,
                1129,
                0.1774,
                4164.312,
                1083,
                0.3273,
                103.0928,
                1052,
                0.9387,
                11926.2544,
                1050,
                5.3591,
                1592.596,
                1033,
                6.1998,
                6438.4962,
                1001,
                6.0291,
                5746.2713,
                980,
                0.999,
                11371.705,
                980,
                5.244,
                27511.468,
                938,
                2.624,
                5760.498,
                923,
                0.483,
                522.577,
                922,
                4.571,
                4292.331,
                905,
                5.337,
                6386.169,
                862,
                4.165,
                7058.598,
                841,
                3.299,
                7234.794,
                836,
                4.539,
                25132.303,
                813,
                6.112,
                4732.031,
                812,
                6.271,
                426.598,
                801,
                5.821,
                28.449,
                787,
                0.996,
                5643.179,
                776,
                2.957,
                23013.54,
                769,
                3.121,
                7238.676,
                758,
                3.974,
                11499.656,
                735,
                4.386,
                316.392,
                731,
                0.607,
                11513.883,
                719,
                3.998,
                74.782,
                706,
                0.323,
                263.084,
                676,
                5.911,
                90955.552,
                663,
                3.665,
                17298.182,
                653,
                5.791,
                18073.705,
                630,
                4.717,
                6836.645,
                615,
                1.458,
                233141.314,
                612,
                1.075,
                19804.827,
                596,
                3.321,
                6283.009,
                596,
                2.876,
                6283.143,
                555,
                2.452,
                12352.853,
                541,
                5.392,
                419.485,
                531,
                0.382,
                31441.678,
                519,
                4.065,
                6208.294,
                513,
                2.361,
                10973.556,
                494,
                5.737,
                9917.697,
                450,
                3.272,
                11015.106,
                449,
                3.653,
                206.186,
                447,
                2.064,
                7079.374,
                435,
                4.423,
                5216.58,
                421,
                1.906,
                245.832,
                413,
                0.921,
                3738.761,
                402,
                0.84,
                20.355,
                387,
                1.826,
                11856.219,
                379,
                2.344,
                3.881,
                374,
                2.954,
                3128.389,
                370,
                5.031,
                536.805,
                365,
                1.018,
                16200.773,
                365,
                1.083,
                88860.057,
                352,
                5.978,
                3894.182,
                352,
                2.056,
                244287.6,
                351,
                3.713,
                6290.189,
                340,
                1.106,
                14712.317,
                339,
                0.978,
                8635.942,
                339,
                3.202,
                5120.601,
                333,
                0.837,
                6496.375,
                325,
                3.479,
                6133.513,
                316,
                5.089,
                21228.392,
                316,
                1.328,
                10873.986,
                309,
                3.646,
                10.637,
                303,
                1.802,
                35371.887,
                296,
                3.397,
                9225.539,
                288,
                6.026,
                154717.61,
                281,
                2.585,
                14314.168,
                262,
                3.856,
                266.607,
                262,
                2.579,
                22483.849,
                257,
                1.561,
                23543.231,
                255,
                3.949,
                1990.745,
                251,
                3.744,
                10575.407,
                240,
                1.161,
                10984.192,
                238,
                0.106,
                7.046,
                236,
                4.272,
                6040.347,
                234,
                3.577,
                10969.965,
                211,
                3.714,
                65147.62,
                210,
                0.754,
                13521.751,
                207,
                4.228,
                5650.292,
                202,
                0.814,
                170.673,
                201,
                4.629,
                6037.244,
                200,
                0.381,
                6172.87,
                199,
                3.933,
                6206.81,
                199,
                5.197,
                6262.3,
                197,
                1.046,
                18209.33,
                195,
                1.07,
                5230.807,
                195,
                4.869,
                36.028,
                194,
                4.313,
                6244.943,
                192,
                1.229,
                709.933,
                192,
                5.595,
                6282.096,
                192,
                0.602,
                6284.056,
                189,
                3.744,
                23.878,
                188,
                1.904,
                15.252,
                188,
                0.867,
                22003.915,
                182,
                3.681,
                15110.466,
                181,
                0.491,
                1.484,
                179,
                3.222,
                39302.097,
                179,
                1.259,
                12559.038,
                62833196674749,
                0,
                0,
                20605886,
                2.67823456,
                6283.07584999,
                430343,
                2.635127,
                12566.1517,
                42526,
                1.59047,
                3.52312,
                11926,
                5.79557,
                26.29832,
                10898,
                2.96618,
                1577.34354,
                9348,
                2.5921,
                18849.2275,
                7212,
                1.1385,
                529.691,
                6777,
                1.8747,
                398.149,
                6733,
                4.4092,
                5507.5532,
                5903,
                2.888,
                5223.6939,
                5598,
                2.1747,
                155.4204,
                4541,
                0.398,
                796.298,
                3637,
                0.4662,
                775.5226,
                2896,
                2.6471,
                7.1135,
                2084,
                5.3414,
                0.9803,
                1910,
                1.8463,
                5486.7778,
                1851,
                4.9686,
                213.2991,
                1729,
                2.9912,
                6275.9623,
                1623,
                0.0322,
                2544.3144,
                1583,
                1.4305,
                2146.1654,
                1462,
                1.2053,
                10977.0788,
                1246,
                2.8343,
                1748.0164,
                1188,
                3.258,
                5088.6288,
                1181,
                5.2738,
                1194.447,
                1151,
                2.075,
                4694.003,
                1064,
                0.7661,
                553.5694,
                997,
                1.303,
                6286.599,
                972,
                4.239,
                1349.867,
                945,
                2.7,
                242.729,
                858,
                5.645,
                951.718,
                758,
                5.301,
                2352.866,
                639,
                2.65,
                9437.763,
                610,
                4.666,
                4690.48,
                583,
                1.766,
                1059.382,
                531,
                0.909,
                3154.687,
                522,
                5.661,
                71430.696,
                520,
                1.854,
                801.821,
                504,
                1.425,
                6438.496,
                433,
                0.241,
                6812.767,
                426,
                0.774,
                10447.388,
                413,
                5.24,
                7084.897,
                374,
                2.001,
                8031.092,
                356,
                2.429,
                14143.495,
                350,
                4.8,
                6279.553,
                337,
                0.888,
                12036.461,
                337,
                3.862,
                1592.596,
                325,
                3.4,
                7632.943,
                322,
                0.616,
                8429.241,
                318,
                3.188,
                4705.732,
                297,
                6.07,
                4292.331,
                295,
                1.431,
                5746.271,
                290,
                2.325,
                20.355,
                275,
                0.935,
                5760.498,
                270,
                4.804,
                7234.794,
                253,
                6.223,
                6836.645,
                228,
                5.003,
                17789.846,
                225,
                5.672,
                11499.656,
                215,
                5.202,
                11513.883,
                208,
                3.955,
                10213.286,
                208,
                2.268,
                522.577,
                206,
                2.224,
                5856.478,
                206,
                2.55,
                25132.303,
                203,
                0.91,
                6256.778,
                189,
                0.532,
                3340.612,
                188,
                4.735,
                83996.847,
                179,
                1.474,
                4164.312,
                178,
                3.025,
                5.523,
                177,
                3.026,
                5753.385,
                159,
                4.637,
                3.286,
                157,
                6.124,
                5216.58,
                155,
                3.077,
                6681.225,
                154,
                4.2,
                13367.973,
                143,
                1.191,
                3894.182,
                138,
                3.093,
                135.065,
                136,
                4.245,
                426.598,
                134,
                5.765,
                6040.347,
                128,
                3.085,
                5643.179,
                127,
                2.092,
                6290.189,
                125,
                3.077,
                11926.254,
                125,
                3.445,
                536.805,
                114,
                3.244,
                12168.003,
                112,
                2.318,
                16730.464,
                111,
                3.901,
                11506.77,
                111,
                5.32,
                23.878,
                105,
                3.75,
                7860.419,
                103,
                2.447,
                1990.745,
                96,
                0.82,
                3.88,
                96,
                4.08,
                6127.66,
                91,
                5.42,
                206.19,
                91,
                0.42,
                7079.37,
                88,
                5.17,
                11790.63,
                81,
                0.34,
                9917.7,
                80,
                3.89,
                10973.56,
                78,
                2.4,
                1589.07,
                78,
                2.58,
                11371.7,
                77,
                3.98,
                955.6,
                77,
                3.36,
                36.03,
                76,
                1.3,
                103.09,
                75,
                5.18,
                10969.97,
                75,
                4.96,
                6496.37,
                73,
                5.21,
                38.03,
                72,
                2.65,
                6309.37,
                70,
                5.61,
                3738.76,
                69,
                2.6,
                3496.03,
                69,
                0.39,
                15.25,
                69,
                2.78,
                20.78,
                65,
                1.13,
                7058.6,
                64,
                4.28,
                28.45,
                61,
                5.63,
                10984.19,
                60,
                0.73,
                419.48,
                60,
                5.28,
                10575.41,
                58,
                5.55,
                17298.18,
                58,
                3.19,
                4732.03,
                5291887,
                0,
                0,
                871984,
                1.072097,
                6283.07585,
                30913,
                0.86729,
                12566.1517,
                2734,
                0.053,
                3.5231,
                1633,
                5.1883,
                26.2983,
                1575,
                3.6846,
                155.4204,
                954,
                0.757,
                18849.228,
                894,
                2.057,
                77713.771,
                695,
                0.827,
                775.523,
                506,
                4.663,
                1577.344,
                406,
                1.031,
                7.114,
                381,
                3.441,
                5573.143,
                346,
                5.141,
                796.298,
                317,
                6.053,
                5507.553,
                302,
                1.192,
                242.729,
                289,
                6.117,
                529.691,
                271,
                0.306,
                398.149,
                254,
                2.28,
                553.569,
                237,
                4.381,
                5223.694,
                208,
                3.754,
                0.98,
                168,
                0.902,
                951.718,
                153,
                5.759,
                1349.867,
                145,
                4.364,
                1748.016,
                134,
                3.721,
                1194.447,
                125,
                2.948,
                6438.496,
                122,
                2.973,
                2146.165,
                110,
                1.271,
                161000.686,
                104,
                0.604,
                3154.687,
                100,
                5.986,
                6286.599,
                92,
                4.8,
                5088.63,
                89,
                5.23,
                7084.9,
                83,
                3.31,
                213.3,
                76,
                3.42,
                5486.78,
                71,
                6.19,
                4690.48,
                68,
                3.43,
                4694,
                65,
                1.6,
                2544.31,
                64,
                1.98,
                801.82,
                61,
                2.48,
                10977.08,
                50,
                1.44,
                6836.65,
                49,
                2.34,
                1592.6,
                46,
                1.31,
                4292.33,
                46,
                3.81,
                149854.4,
                43,
                0.04,
                7234.79,
                40,
                4.94,
                7632.94,
                39,
                1.57,
                71430.7,
                38,
                3.17,
                6309.37,
                35,
                0.99,
                6040.35,
                35,
                0.67,
                1059.38,
                31,
                3.18,
                2352.87,
                31,
                3.55,
                8031.09,
                30,
                1.92,
                10447.39,
                30,
                2.52,
                6127.66,
                28,
                4.42,
                9437.76,
                28,
                2.71,
                3894.18,
                27,
                0.67,
                25132.3,
                26,
                5.27,
                6812.77,
                25,
                0.55,
                6279.55,
                23,
                1.38,
                4705.73,
                22,
                0.64,
                6256.78,
                20,
                6.07,
                640.88,
                28923,
                5.84384,
                6283.07585,
                3496,
                0,
                0,
                1682,
                5.4877,
                12566.1517,
                296,
                5.196,
                155.42,
                129,
                4.722,
                3.523,
                71,
                5.3,
                18849.23,
                64,
                5.97,
                242.73,
                40,
                3.79,
                553.57,
                11408,
                3.14159,
                0,
                772,
                4.134,
                6283.076,
                77,
                3.84,
                12566.15,
                42,
                0.42,
                155.42,
                88,
                3.14,
                0,
                17,
                2.77,
                6283.08,
                5,
                2.01,
                155.42,
                3,
                2.21,
                12566.15,
                27962,
                3.1987,
                84334.66158,
                10164,
                5.42249,
                5507.55324,
                8045,
                3.8801,
                5223.6939,
                4381,
                3.7044,
                2352.8662,
                3193,
                4.0003,
                1577.3435,
                2272,
                3.9847,
                1047.7473,
                1814,
                4.9837,
                6283.0758,
                1639,
                3.5646,
                5856.4777,
                1444,
                3.7028,
                9437.7629,
                1430,
                3.4112,
                10213.2855,
                1125,
                4.8282,
                14143.4952,
                1090,
                2.0857,
                6812.7668,
                1037,
                4.0566,
                71092.8814,
                971,
                3.473,
                4694.003,
                915,
                1.142,
                6620.89,
                878,
                4.44,
                5753.385,
                837,
                4.993,
                7084.897,
                770,
                5.554,
                167621.576,
                719,
                3.602,
                529.691,
                692,
                4.326,
                6275.962,
                558,
                4.41,
                7860.419,
                529,
                2.484,
                4705.732,
                521,
                6.25,
                18073.705,
                903,
                3.897,
                5507.553,
                618,
                1.73,
                5223.694,
                380,
                5.244,
                2352.866,
                166,
                1.627,
                84334.662,
                10001398880,
                0,
                0,
                167069963,
                3.098463508,
                6283.075849991,
                1395602,
                3.0552461,
                12566.1517,
                308372,
                5.198467,
                77713.771468,
                162846,
                1.173877,
                5753.384885,
                157557,
                2.846852,
                7860.419392,
                92480,
                5.45292,
                11506.76977,
                54244,
                4.56409,
                3930.2097,
                47211,
                3.661,
                5884.92685,
                34598,
                0.96369,
                5507.55324,
                32878,
                5.89984,
                5223.69392,
                30678,
                0.29867,
                5573.1428,
                24319,
                4.2735,
                11790.62909,
                21183,
                5.84715,
                1577.34354,
                18575,
                5.02194,
                10977.0788,
                17484,
                3.01194,
                18849.22755,
                10984,
                5.05511,
                5486.77784,
                9832,
                0.8868,
                6069.7768,
                8650,
                5.6896,
                15720.8388,
                8583,
                1.2708,
                161000.6857,
                6490,
                0.2725,
                17260.1547,
                6292,
                0.9218,
                529.691,
                5706,
                2.0137,
                83996.8473,
                5574,
                5.2416,
                71430.6956,
                4938,
                3.245,
                2544.3144,
                4696,
                2.5781,
                775.5226,
                4466,
                5.5372,
                9437.7629,
                4252,
                6.0111,
                6275.9623,
                3897,
                5.3607,
                4694.003,
                3825,
                2.3926,
                8827.3903,
                3749,
                0.8295,
                19651.0485,
                3696,
                4.9011,
                12139.5535,
                3566,
                1.6747,
                12036.4607,
                3454,
                1.8427,
                2942.4634,
                3319,
                0.2437,
                7084.8968,
                3192,
                0.1837,
                5088.6288,
                3185,
                1.7778,
                398.149,
                2846,
                1.2134,
                6286.599,
                2779,
                1.8993,
                6279.5527,
                2628,
                4.589,
                10447.3878,
                2460,
                3.7866,
                8429.2413,
                2393,
                4.996,
                5856.4777,
                2359,
                0.2687,
                796.298,
                2329,
                2.8078,
                14143.4952,
                2210,
                1.95,
                3154.6871,
                2035,
                4.6527,
                2146.1654,
                1951,
                5.3823,
                2352.8662,
                1883,
                0.6731,
                149854.4001,
                1833,
                2.2535,
                23581.2582,
                1796,
                0.1987,
                6812.7668,
                1731,
                6.152,
                16730.4637,
                1717,
                4.4332,
                10213.2855,
                1619,
                5.2316,
                17789.8456,
                1381,
                5.1896,
                8031.0923,
                1364,
                3.6852,
                4705.7323,
                1314,
                0.6529,
                13367.9726,
                1041,
                4.3329,
                11769.8537,
                1017,
                1.5939,
                4690.4798,
                998,
                4.201,
                6309.374,
                966,
                3.676,
                27511.468,
                874,
                6.064,
                1748.016,
                779,
                3.674,
                12168.003,
                771,
                0.312,
                7632.943,
                756,
                2.626,
                6256.778,
                746,
                5.648,
                11926.254,
                693,
                2.924,
                6681.225,
                680,
                1.423,
                23013.54,
                674,
                0.563,
                3340.612,
                663,
                5.661,
                11371.705,
                659,
                3.136,
                801.821,
                648,
                2.65,
                19804.827,
                615,
                3.029,
                233141.314,
                612,
                5.134,
                1194.447,
                563,
                4.341,
                90955.552,
                552,
                2.091,
                17298.182,
                534,
                5.1,
                31441.678,
                531,
                2.407,
                11499.656,
                523,
                4.624,
                6438.496,
                513,
                5.324,
                11513.883,
                477,
                0.256,
                11856.219,
                461,
                1.722,
                7234.794,
                458,
                3.766,
                6386.169,
                458,
                4.466,
                5746.271,
                423,
                1.055,
                5760.498,
                422,
                1.557,
                7238.676,
                415,
                2.599,
                7058.598,
                401,
                3.03,
                1059.382,
                397,
                1.201,
                1349.867,
                379,
                4.907,
                4164.312,
                360,
                5.707,
                5643.179,
                352,
                3.626,
                244287.6,
                348,
                0.761,
                10973.556,
                342,
                3.001,
                4292.331,
                336,
                4.546,
                4732.031,
                334,
                3.138,
                6836.645,
                324,
                4.164,
                9917.697,
                316,
                1.691,
                11015.106,
                307,
                0.238,
                35371.887,
                298,
                1.306,
                6283.143,
                298,
                1.75,
                6283.009,
                293,
                5.738,
                16200.773,
                286,
                5.928,
                14712.317,
                281,
                3.515,
                21228.392,
                280,
                5.663,
                8635.942,
                277,
                0.513,
                26.298,
                268,
                4.207,
                18073.705,
                266,
                0.9,
                12352.853,
                260,
                2.962,
                25132.303,
                255,
                2.477,
                6208.294,
                242,
                2.8,
                709.933,
                231,
                1.054,
                22483.849,
                229,
                1.07,
                14314.168,
                216,
                1.314,
                154717.61,
                215,
                6.038,
                10873.986,
                200,
                0.561,
                7079.374,
                198,
                2.614,
                951.718,
                197,
                4.369,
                167283.762,
                186,
                2.861,
                5216.58,
                183,
                1.66,
                39302.097,
                183,
                5.912,
                3738.761,
                175,
                2.145,
                6290.189,
                173,
                2.168,
                10575.407,
                171,
                3.702,
                1592.596,
                171,
                1.343,
                3128.389,
                164,
                5.55,
                6496.375,
                164,
                5.856,
                10984.192,
                161,
                1.998,
                10969.965,
                161,
                1.909,
                6133.513,
                157,
                4.955,
                25158.602,
                154,
                6.216,
                23543.231,
                153,
                5.357,
                13521.751,
                150,
                5.77,
                18209.33,
                150,
                5.439,
                155.42,
                139,
                1.778,
                9225.539,
                139,
                1.626,
                5120.601,
                128,
                2.46,
                13916.019,
                123,
                0.717,
                143571.324,
                122,
                2.654,
                88860.057,
                121,
                4.414,
                3894.182,
                121,
                1.192,
                3.523,
                120,
                4.03,
                553.569,
                119,
                1.513,
                17654.781,
                117,
                3.117,
                14945.316,
                113,
                2.698,
                6040.347,
                110,
                3.085,
                43232.307,
                109,
                0.998,
                955.6,
                108,
                2.939,
                17256.632,
                107,
                5.285,
                65147.62,
                103,
                0.139,
                11712.955,
                103,
                5.85,
                213.299,
                102,
                3.046,
                6037.244,
                101,
                2.842,
                8662.24,
                100,
                3.626,
                6262.3,
                98,
                2.36,
                6206.81,
                98,
                5.11,
                6172.87,
                98,
                2,
                15110.47,
                97,
                2.67,
                5650.29,
                97,
                2.75,
                6244.94,
                96,
                4.02,
                6282.1,
                96,
                5.31,
                6284.06,
                92,
                0.1,
                29088.81,
                85,
                3.26,
                20426.57,
                84,
                2.6,
                28766.92,
                81,
                3.58,
                10177.26,
                80,
                5.81,
                5230.81,
                78,
                2.53,
                16496.36,
                77,
                4.06,
                6127.66,
                73,
                0.04,
                5481.25,
                72,
                5.96,
                12559.04,
                72,
                5.92,
                4136.91,
                71,
                5.49,
                22003.91,
                70,
                3.41,
                7.11,
                69,
                0.62,
                11403.68,
                69,
                3.9,
                1589.07,
                69,
                1.96,
                12416.59,
                69,
                4.51,
                426.6,
                67,
                1.61,
                11087.29,
                66,
                4.5,
                47162.52,
                66,
                5.08,
                283.86,
                66,
                4.32,
                16858.48,
                65,
                1.04,
                6062.66,
                64,
                1.59,
                18319.54,
                63,
                5.7,
                45892.73,
                63,
                4.6,
                66567.49,
                63,
                3.82,
                13517.87,
                62,
                2.62,
                11190.38,
                61,
                1.54,
                33019.02,
                60,
                5.58,
                10344.3,
                60,
                5.38,
                316428.23,
                60,
                5.78,
                632.78,
                59,
                6.12,
                9623.69,
                57,
                0.16,
                17267.27,
                57,
                3.86,
                6076.89,
                57,
                1.98,
                7668.64,
                56,
                4.78,
                20199.09,
                55,
                4.56,
                18875.53,
                55,
                3.51,
                17253.04,
                54,
                3.07,
                226858.24,
                54,
                4.83,
                18422.63,
                53,
                5.02,
                12132.44,
                52,
                3.63,
                5333.9,
                52,
                0.97,
                155427.54,
                51,
                3.36,
                20597.24,
                50,
                0.99,
                11609.86,
                50,
                2.21,
                1990.75,
                48,
                1.62,
                12146.67,
                48,
                1.17,
                12569.67,
                47,
                4.62,
                5436.99,
                47,
                1.81,
                12562.63,
                47,
                0.59,
                21954.16,
                47,
                0.76,
                7342.46,
                46,
                0.27,
                4590.91,
                46,
                3.77,
                156137.48,
                45,
                5.66,
                10454.5,
                44,
                5.84,
                3496.03,
                43,
                0.24,
                17996.03,
                41,
                5.93,
                51092.73,
                41,
                4.21,
                12592.45,
                40,
                5.14,
                1551.05,
                40,
                5.28,
                15671.08,
                39,
                3.69,
                18052.93,
                39,
                4.94,
                24356.78,
                38,
                2.72,
                11933.37,
                38,
                5.23,
                7477.52,
                38,
                4.99,
                9779.11,
                37,
                3.7,
                9388.01,
                37,
                4.44,
                4535.06,
                36,
                2.16,
                28237.23,
                36,
                2.54,
                242.73,
                36,
                0.22,
                5429.88,
                35,
                6.15,
                19800.95,
                35,
                2.92,
                36949.23,
                34,
                5.63,
                2379.16,
                34,
                5.73,
                16460.33,
                34,
                5.11,
                5849.36,
                33,
                6.19,
                6268.85,
                10301861,
                1.1074897,
                6283.07584999,
                172124,
                1.064423,
                12566.1517,
                70222,
                3.14159,
                0,
                3235,
                1.0217,
                18849.2275,
                3080,
                2.8435,
                5507.5532,
                2497,
                1.3191,
                5223.6939,
                1849,
                1.4243,
                1577.3435,
                1008,
                5.9138,
                10977.0788,
                865,
                1.42,
                6275.962,
                863,
                0.271,
                5486.778,
                507,
                1.686,
                5088.629,
                499,
                6.014,
                6286.599,
                467,
                5.987,
                529.691,
                440,
                0.518,
                4694.003,
                410,
                1.084,
                9437.763,
                387,
                4.75,
                2544.314,
                375,
                5.071,
                796.298,
                352,
                0.023,
                83996.847,
                344,
                0.949,
                71430.696,
                341,
                5.412,
                775.523,
                322,
                6.156,
                2146.165,
                286,
                5.484,
                10447.388,
                284,
                3.42,
                2352.866,
                255,
                6.132,
                6438.496,
                252,
                0.243,
                398.149,
                243,
                3.092,
                4690.48,
                225,
                3.689,
                7084.897,
                220,
                4.952,
                6812.767,
                219,
                0.42,
                8031.092,
                209,
                1.282,
                1748.016,
                193,
                5.314,
                8429.241,
                185,
                1.82,
                7632.943,
                175,
                3.229,
                6279.553,
                173,
                1.537,
                4705.732,
                158,
                4.097,
                11499.656,
                158,
                5.539,
                3154.687,
                150,
                3.633,
                11513.883,
                148,
                3.222,
                7234.794,
                147,
                3.653,
                1194.447,
                144,
                0.817,
                14143.495,
                135,
                6.151,
                5746.271,
                134,
                4.644,
                6836.645,
                128,
                2.693,
                1349.867,
                123,
                5.65,
                5760.498,
                118,
                2.577,
                13367.973,
                113,
                3.357,
                17789.846,
                110,
                4.497,
                4292.331,
                108,
                5.828,
                12036.461,
                102,
                5.621,
                6256.778,
                99,
                1.14,
                1059.38,
                98,
                0.66,
                5856.48,
                93,
                2.32,
                10213.29,
                92,
                0.77,
                16730.46,
                88,
                1.5,
                11926.25,
                86,
                1.42,
                5753.38,
                85,
                0.66,
                155.42,
                81,
                1.64,
                6681.22,
                80,
                4.11,
                951.72,
                66,
                4.55,
                5216.58,
                65,
                0.98,
                25132.3,
                64,
                4.19,
                6040.35,
                64,
                0.52,
                6290.19,
                63,
                1.51,
                5643.18,
                59,
                6.18,
                4164.31,
                57,
                2.3,
                10973.56,
                55,
                2.32,
                11506.77,
                55,
                2.2,
                1592.6,
                55,
                5.27,
                3340.61,
                54,
                5.54,
                553.57,
                53,
                5.04,
                9917.7,
                53,
                0.92,
                11371.7,
                52,
                3.98,
                17298.18,
                52,
                3.6,
                10969.97,
                49,
                5.91,
                3894.18,
                49,
                2.51,
                6127.66,
                48,
                1.67,
                12168,
                46,
                0.31,
                801.82,
                42,
                3.7,
                10575.41,
                42,
                4.05,
                10984.19,
                40,
                2.17,
                7860.42,
                40,
                4.17,
                26.3,
                38,
                5.82,
                7058.6,
                37,
                3.39,
                6496.37,
                36,
                1.08,
                6309.37,
                36,
                5.34,
                7079.37,
                34,
                3.62,
                11790.63,
                32,
                0.32,
                16200.77,
                31,
                4.24,
                3738.76,
                29,
                4.55,
                11856.22,
                29,
                1.26,
                8635.94,
                27,
                3.45,
                5884.93,
                26,
                5.08,
                10177.26,
                26,
                5.38,
                21228.39,
                24,
                2.26,
                11712.96,
                24,
                1.05,
                242.73,
                24,
                5.59,
                6069.78,
                23,
                3.63,
                6284.06,
                23,
                1.64,
                4732.03,
                22,
                3.46,
                213.3,
                21,
                1.05,
                3496.03,
                21,
                3.92,
                13916.02,
                21,
                4.01,
                5230.81,
                20,
                5.16,
                12352.85,
                20,
                0.69,
                1990.75,
                19,
                2.73,
                6062.66,
                19,
                5.01,
                11015.11,
                18,
                6.04,
                6283.01,
                18,
                2.85,
                7238.68,
                18,
                5.6,
                6283.14,
                18,
                5.16,
                17253.04,
                18,
                2.54,
                14314.17,
                17,
                1.58,
                7.11,
                17,
                0.98,
                3930.21,
                17,
                4.75,
                17267.27,
                16,
                2.19,
                6076.89,
                16,
                2.19,
                18073.7,
                16,
                6.12,
                3.52,
                16,
                4.61,
                9623.69,
                16,
                3.4,
                16496.36,
                15,
                0.19,
                9779.11,
                15,
                5.3,
                13517.87,
                15,
                4.26,
                3128.39,
                15,
                0.81,
                709.93,
                14,
                0.5,
                25158.6,
                14,
                4.38,
                4136.91,
                13,
                0.98,
                65147.62,
                13,
                3.31,
                154717.61,
                13,
                2.11,
                1589.07,
                13,
                1.92,
                22483.85,
                12,
                6.03,
                9225.54,
                12,
                1.53,
                12559.04,
                12,
                5.82,
                6282.1,
                12,
                5.61,
                5642.2,
                12,
                2.38,
                167283.76,
                12,
                0.39,
                12132.44,
                12,
                3.98,
                4686.89,
                12,
                5.81,
                12569.67,
                12,
                0.56,
                5849.36,
                11,
                0.45,
                6172.87,
                11,
                5.8,
                16858.48,
                11,
                6.22,
                12146.67,
                11,
                2.27,
                5429.88,
                435939,
                5.784551,
                6283.07585,
                12363,
                5.57935,
                12566.1517,
                1234,
                3.1416,
                0,
                879,
                3.628,
                77713.771,
                569,
                1.87,
                5573.143,
                330,
                5.47,
                18849.228,
                147,
                4.48,
                5507.553,
                110,
                2.842,
                161000.686,
                101,
                2.815,
                5223.694,
                85,
                3.11,
                1577.34,
                65,
                5.47,
                775.52,
                61,
                1.38,
                6438.5,
                50,
                4.42,
                6286.6,
                47,
                3.66,
                7084.9,
                46,
                5.39,
                149854.4,
                42,
                0.9,
                10977.08,
                40,
                3.2,
                5088.63,
                35,
                1.81,
                5486.78,
                32,
                5.35,
                3154.69,
                30,
                3.52,
                796.3,
                29,
                4.62,
                4690.48,
                28,
                1.84,
                4694,
                27,
                3.14,
                71430.7,
                27,
                6.17,
                6836.65,
                26,
                1.42,
                2146.17,
                25,
                2.81,
                1748.02,
                24,
                2.18,
                155.42,
                23,
                4.76,
                7234.79,
                21,
                3.38,
                7632.94,
                21,
                0.22,
                4705.73,
                20,
                4.22,
                1349.87,
                20,
                2.01,
                1194.45,
                20,
                4.58,
                529.69,
                19,
                1.59,
                6309.37,
                18,
                5.7,
                6040.35,
                18,
                6.03,
                4292.33,
                17,
                2.9,
                9437.76,
                17,
                2,
                8031.09,
                17,
                5.78,
                83996.85,
                16,
                0.05,
                2544.31,
                15,
                0.95,
                6127.66,
                14,
                0.36,
                10447.39,
                14,
                1.48,
                2352.87,
                13,
                0.77,
                553.57,
                13,
                5.48,
                951.72,
                13,
                5.27,
                6279.55,
                13,
                3.76,
                6812.77,
                11,
                5.41,
                6256.78,
                10,
                0.68,
                1592.6,
                10,
                4.95,
                398.15,
                10,
                1.15,
                3894.18,
                10,
                5.2,
                244287.6,
                10,
                1.94,
                11856.22,
                9,
                5.39,
                25132.3,
                8,
                6.18,
                1059.38,
                8,
                0.69,
                8429.24,
                8,
                5.85,
                242.73,
                7,
                5.26,
                14143.5,
                7,
                0.52,
                801.82,
                6,
                2.24,
                8635.94,
                6,
                4,
                13367.97,
                6,
                2.77,
                90955.55,
                6,
                5.17,
                7058.6,
                5,
                1.46,
                233141.31,
                5,
                4.13,
                7860.42,
                5,
                3.91,
                26.3,
                5,
                3.89,
                12036.46,
                5,
                5.58,
                6290.19,
                5,
                5.54,
                1990.75,
                5,
                0.83,
                11506.77,
                5,
                6.22,
                6681.22,
                4,
                5.26,
                10575.41,
                4,
                1.91,
                7477.52,
                4,
                0.43,
                10213.29,
                4,
                1.09,
                709.93,
                4,
                5.09,
                11015.11,
                4,
                4.22,
                88860.06,
                4,
                3.57,
                7079.37,
                4,
                1.98,
                6284.06,
                4,
                3.93,
                10973.56,
                4,
                6.18,
                9917.7,
                4,
                0.36,
                10177.26,
                4,
                2.75,
                3738.76,
                4,
                3.33,
                5643.18,
                4,
                5.36,
                25158.6,
                14459,
                4.27319,
                6283.07585,
                673,
                3.917,
                12566.152,
                77,
                0,
                0,
                25,
                3.73,
                18849.23,
                4,
                2.8,
                6286.6,
                386,
                2.564,
                6283.076,
                31,
                2.27,
                12566.15,
                5,
                3.44,
                5573.14,
                2,
                2.05,
                18849.23,
                1,
                2.06,
                77713.77,
                1,
                4.41,
                161000.69,
                1,
                3.82,
                149854.4,
                1,
                4.08,
                6127.66,
                1,
                5.26,
                6438.5,
                9,
                1.22,
                6283.08,
                1,
                0.66,
                12566.15
              ],
              XL1: [
                [22639.586, 0.78475822, 8328.691424623, 1.5229241, 25.0719, -0.123598, 4586.438, 0.1873974, 7214.06286536, -2.184756, -18.86, 0.0828, 2369.914, 2.542952, 15542.75428998, -0.661832, 6.212, -0.0408, 769.026, 3.140313, 16657.38284925, 3.04585, 50.144, -0.2472, 666.418, 1.527671, 628.30195521, -0.02664, 0.062, -54e-4, 411.596, 4.826607, 16866.932315, -1.28012, -1.07, -59e-4, 211.656, 4.115028, -1114.6285593, -3.70768, -43.93, 0.2064, 205.436, 0.230523, 6585.7609101, -2.15812, -18.92, 0.0882, 191.956, 4.898507, 23871.4457146, 0.86109, 31.28, -0.164, 164.729, 2.586078, 14914.4523348, -0.6352, 6.15, -0.035, 147.321, 5.4553, -7700.3894694, -1.5496, -25.01, 0.118, 124.988, 0.48608, 7771.377145, -0.3309, 3.11, -0.02, 109.38, 3.88323, 8956.9933798, 1.4963, 25.13, -0.129, 55.177, 5.57033, -1324.178025, 0.6183, 7.3, -0.035, 45.1, 0.89898, 25195.62374, 0.2428, 24, -0.129, 39.533, 3.81213, -8538.24089, 2.803, 26.1, -0.118, 38.43, 4.30115, 22756.817155, -2.8466, -12.6, 0.042, 36.124, 5.49587, 24986.074274, 4.5688, 75.2, -0.371, 30.773, 1.94559, 14428.125731, -4.3695, -37.7, 0.166, 28.397, 3.28586, 7842.364821, -2.2114, -18.8, 0.077, 24.358, 5.64142, 16171.056245, -0.6885, 6.3, -0.046, 18.585, 4.41371, -557.31428, -1.8538, -22, 0.1, 17.954, 3.58454, 8399.6791, -0.3576, 3.2, -0.03, 14.53, 4.9416, 23243.143759, 0.888, 31.2, -0.16, 14.38, 0.9709, 32200.137139, 2.384, 56.4, -0.29, 14.251, 5.7641, -2.3012, 1.523, 25.1, -0.12, 13.899, 0.3735, 31085.50858, -1.324, 12.4, -0.08, 13.194, 1.7595, -9443.319984, -5.231, -69, 0.33, 9.679, 3.0997, -16029.080894, -3.072, -50.1, 0.24, 9.366, 0.3016, 24080.99518, -3.465, -19.9, 0.08, 8.606, 4.1582, -1742.930514, -3.681, -44, 0.21, 8.453, 2.8416, 16100.06857, 1.192, 28.2, -0.14, 8.05, 2.6292, 14286.15038, -0.609, 6.1, -0.03, 7.63, 6.2388, 17285.684804, 3.019, 50.2, -0.25, 7.447, 1.4845, 1256.60391, -0.053, 0.1, -0.01, 7.371, 0.2736, 5957.458955, -2.131, -19, 0.09, 7.063, 5.6715, 33.757047, -0.308, -3.6, 0.02, 6.383, 4.7843, 7004.5134, 2.141, 32.4, -0.16, 5.742, 2.6572, 32409.686605, -1.942, 5, -0.05, 4.374, 4.3443, 22128.5152, -2.82, -13, 0.05, 3.998, 3.2545, 33524.31516, 1.766, 49, -0.25, 3.21, 2.2443, 14985.44001, -2.516, -16, 0.06, 2.915, 1.7138, 24499.74767, 0.834, 31, -0.17, 2.732, 1.9887, 13799.82378, -4.343, -38, 0.17, 2.568, 5.4122, -7072.08751, -1.576, -25, 0.11, 2.521, 3.2427, 8470.66678, -2.238, -19, 0.07, 2.489, 4.0719, -486.3266, -3.734, -44, 0.2, 2.146, 5.6135, -1952.47998, 0.645, 7, -0.03, 1.978, 2.7291, 39414.2, 0.199, 37, -0.21, 1.934, 1.5682, 33314.7657, 6.092, 100, -0.5, 1.871, 0.4166, 30457.20662, -1.297, 12, -0.1, 1.753, 2.0582, -8886.0057, -3.38, -47, 0.2, 1.437, 2.386, -695.87607, 0.59, 7, 0, 1.373, 3.026, -209.54947, 4.33, 51, -0.2, 1.262, 5.94, 16728.37052, 1.17, 28, -0.1, 1.224, 6.172, 6656.74859, -4.04, -41, 0.2, 1.187, 5.873, 6099.43431, -5.89, -63, 0.3, 1.177, 1.014, 31571.83518, 2.41, 56, -0.3, 1.162, 3.84, 9585.29534, 1.47, 25, -0.1, 1.143, 5.639, 8364.73984, -2.18, -19, 0.1, 1.078, 1.229, 70.98768, -1.88, -22, 0.1, 1.059, 3.326, 40528.82856, 3.91, 81, -0.4, 0.99, 5.013, 40738.37803, -0.42, 30, -0.2, 0.948, 5.687, -17772.01141, -6.75, -94, 0.5, 0.876, 0.298, -0.35232, 0, 0, 0, 0.822, 2.994, 393.02097, 0, 0, 0, 0.788, 1.836, 8326.39022, 3.05, 50, -0.2, 0.752, 4.985, 22614.8418, 0.91, 31, -0.2, 0.74, 2.875, 8330.99262, 0, 0, 0, 0.669, 0.744, -24357.77232, -4.6, -75, 0.4, 0.644, 1.314, 8393.12577, -2.18, -19, 0.1, 0.639, 5.888, 575.33849, 0, 0, 0, 0.635, 1.116, 23385.11911, -2.87, -13, 0, 0.584, 5.197, 24428.75999, 2.71, 53, -0.3, 0.583, 3.513, -9095.55517, 0.95, 4, 0, 0.572, 6.059, 29970.88002, -5.03, -32, 0.1, 0.565, 2.96, 0.32863, 1.52, 25, -0.1, 0.561, 4.001, -17981.56087, -2.43, -43, 0.2, 0.557, 0.529, 7143.07519, -0.3, 3, 0, 0.546, 2.311, 25614.37623, 4.54, 75, -0.4, 0.536, 4.229, 15752.30376, -4.99, -45, 0.2, 0.493, 3.316, -8294.9344, -1.83, -29, 0.1, 0.491, 1.744, 8362.4485, 1.21, 21, -0.1, 0.478, 1.803, -10071.6219, -5.2, -69, 0.3, 0.454, 0.857, 15333.2048, 3.66, 57, -0.3, 0.445, 2.071, 8311.7707, -2.18, -19, 0.1, 0.426, 0.345, 23452.6932, -3.44, -20, 0.1, 0.42, 4.941, 33733.8646, -2.56, -2, 0, 0.413, 1.642, 17495.2343, -1.31, -1, 0, 0.404, 1.458, 23314.1314, -0.99, 9, -0.1, 0.395, 2.132, 38299.5714, -3.51, -6, 0, 0.382, 2.7, 31781.3846, -1.92, 5, 0, 0.375, 4.827, 6376.2114, 2.17, 32, -0.2, 0.361, 3.867, 16833.1753, -0.97, 3, 0, 0.358, 5.044, 15056.4277, -4.4, -38, 0.2, 0.35, 5.157, -8257.7037, -3.4, -47, 0.2, 0.344, 4.233, 157.7344, 0, 0, 0, 0.34, 2.672, 13657.8484, -0.58, 6, 0, 0.329, 5.61, 41853.0066, 3.29, 74, -0.4, 0.325, 5.895, -39.8149, 0, 0, 0, 0.309, 4.387, 21500.2132, -2.79, -13, 0.1, 0.302, 1.278, 786.0419, 0, 0, 0, 0.302, 5.341, -24567.3218, -0.27, -24, 0.1, 0.301, 1.045, 5889.8848, -1.57, -12, 0, 0.294, 4.201, -2371.2325, -3.65, -44, 0.2, 0.293, 3.704, 21642.1886, -6.55, -57, 0.2, 0.29, 4.069, 32828.4391, 2.36, 56, -0.3, 0.289, 3.472, 31713.8105, -1.35, 12, -0.1, 0.285, 5.407, -33.7814, 0.31, 4, 0, 0.283, 5.998, -16.9207, -3.71, -44, 0.2, 0.283, 2.772, 38785.898, 0.23, 37, -0.2, 0.274, 5.343, 15613.742, -2.54, -16, 0.1, 0.263, 3.997, 25823.9257, 0.22, 24, -0.1, 0.254, 0.6, 24638.3095, -1.61, 2, 0, 0.253, 1.344, 6447.1991, 0.29, 10, -0.1, 0.25, 0.887, 141.9754, -3.76, -44, 0.2, 0.247, 0.317, 5329.157, -2.1, -19, 0.1, 0.245, 0.141, 36.0484, -3.71, -44, 0.2, 0.231, 2.287, 14357.1381, -2.49, -16, 0.1, 0.227, 5.158, 2.6298, 0, 0, 0, 0.219, 5.085, 47742.8914, 1.72, 63, -0.3, 0.211, 2.145, 6638.7244, -2.18, -19, 0.1, 0.201, 4.415, 39623.7495, -4.13, -14, 0, 0.194, 2.091, 588.4927, 0, 0, 0, 0.193, 3.057, -15400.7789, -3.1, -50, 0, 0.186, 5.598, 16799.3582, -0.72, 6, 0, 0.185, 3.886, 1150.677, 0, 0, 0, 0.183, 1.619, 7178.0144, 1.52, 25, 0, 0.181, 2.635, 8328.3391, 1.52, 25, 0, 0.181, 2.077, 8329.0437, 1.52, 25, 0, 0.179, 3.215, -9652.8694, -0.9, -18, 0, 0.176, 1.716, -8815.018, -5.26, -69, 0, 0.175, 5.673, 550.7553, 0, 0, 0, 0.17, 2.06, 31295.058, -5.6, -39, 0, 0.167, 1.239, 7211.7617, -0.7, 6, 0, 0.165, 4.499, 14967.4158, -0.7, 6, 0, 0.164, 3.595, 15540.4531, 0.9, 31, 0, 0.164, 4.237, 522.3694, 0, 0, 0, 0.163, 4.633, 15545.0555, -2.2, -19, 0, 0.161, 0.478, 6428.0209, -2.2, -19, 0, 0.158, 2.03, 13171.5218, -4.3, -38, 0, 0.157, 2.28, 7216.3641, -3.7, -44, 0, 0.154, 5.65, 7935.6705, 1.5, 25, 0, 0.152, 0.46, 29828.9047, -1.3, 12, 0, 0.151, 1.19, -0.7113, 0, 0, 0, 0.15, 1.42, 23942.4334, -1, 9, 0, 0.144, 2.75, 7753.3529, 1.5, 25, 0, 0.137, 2.08, 7213.7105, -2.2, -19, 0, 0.137, 1.44, 7214.4152, -2.2, -19, 0, 0.136, 4.46, -1185.6162, -1.8, -22, 0, 0.136, 3.03, 8000.1048, -2.2, -19, 0, 0.134, 2.83, 14756.7124, -0.7, 6, 0, 0.131, 5.05, 6821.0419, -2.2, -19, 0, 0.128, 5.99, -17214.6971, -4.9, -72, 0, 0.127, 5.35, 8721.7124, 1.5, 25, 0, 0.126, 4.49, 46628.2629, -2, 19, 0, 0.125, 5.94, 7149.6285, 1.5, 25, 0, 0.124, 1.09, 49067.0695, 1.1, 55, 0, 0.121, 2.88, 15471.7666, 1.2, 28, 0, 0.111, 3.92, 41643.4571, 7.6, 125, -1, 0.11, 1.96, 8904.0299, 1.5, 25, 0, 0.106, 3.3, -18.0489, -2.2, -19, 0, 0.105, 2.3, -4.931, 1.5, 25, 0, 0.104, 2.22, -6.559, -1.9, -22, 0, 0.101, 1.44, 1884.9059, -0.1, 0, 0, 0.1, 5.92, 5471.1324, -5.9, -63, 0, 0.099, 1.12, 15149.7333, -0.7, 6, 0, 0.096, 4.73, 15508.9972, -0.4, 10, 0, 0.095, 5.18, 7230.9835, 1.5, 25, 0, 0.093, 3.37, 39900.5266, 3.9, 81, 0, 0.092, 2.01, 25057.0619, 2.7, 53, 0, 0.092, 1.21, -79.6298, 0, 0, 0, 0.092, 1.65, -26310.2523, -4, -68, 0, 0.091, 1.01, 42062.5561, -1, 23, 0, 0.09, 6.1, 29342.5781, -5, -32, 0, 0.09, 4.43, 15542.402, -0.7, 6, 0, 0.09, 3.8, 15543.1066, -0.7, 6, 0, 0.089, 4.15, 6063.3859, -2.2, -19, 0, 0.086, 4.03, 52.9691, 0, 0, 0, 0.085, 0.49, 47952.4409, -2.6, 11, 0, 0.085, 1.6, 7632.8154, 2.1, 32, 0, 0.084, 0.22, 14392.0773, -0.7, 6, 0, 0.083, 6.22, 6028.4466, -4, -41, 0, 0.083, 0.63, -7909.9389, 2.8, 26, 0, 0.083, 5.2, -77.5523, 0, 0, 0, 0.082, 2.74, 8786.1467, -2.2, -19, 0, 0.08, 2.43, 9166.5428, -2.8, -26, 0, 0.08, 3.7, -25405.1732, 4.1, 27, 0, 0.078, 5.68, 48857.52, 5.4, 106, -1, 0.077, 1.85, 8315.5735, -2.2, -19, 0, 0.075, 5.46, -18191.1103, 1.9, 8, 0, 0.075, 1.41, -16238.6304, 1.3, 1, 0, 0.074, 5.06, 40110.0761, -0.4, 30, 0, 0.072, 2.1, 64.4343, -3.7, -44, 0, 0.071, 2.17, 37671.2695, -3.5, -6, 0, 0.069, 1.71, 16693.4313, -0.7, 6, 0, 0.069, 3.33, -26100.7028, -8.3, -119, 1, 0.068, 1.09, 8329.4028, 1.5, 25, 0, 0.068, 3.62, 8327.9801, 1.5, 25, 0, 0.068, 2.41, 16833.1509, -1, 3, 0, 0.067, 3.4, 24709.2971, -3.5, -20, 0, 0.067, 1.65, 8346.7156, -0.3, 3, 0, 0.066, 2.61, 22547.2677, 1.5, 39, 0, 0.066, 3.5, 15576.5113, -1, 3, 0, 0.065, 5.76, 33037.9886, -2, 5, 0, 0.065, 4.58, 8322.1325, -0.3, 3, 0, 0.065, 6.2, 17913.9868, 3, 50, 0, 0.065, 1.5, 22685.8295, -1, 9, 0, 0.065, 2.37, 7180.3058, -1.9, -15, 0, 0.064, 1.06, 30943.5332, 2.4, 56, 0, 0.064, 1.89, 8288.8765, 1.5, 25, 0, 0.064, 4.7, 6.0335, 0.3, 4, 0, 0.063, 2.83, 8368.5063, 1.5, 25, 0, 0.063, 5.66, -2580.7819, 0.7, 7, 0, 0.062, 3.78, 7056.3285, -2.2, -19, 0, 0.061, 1.49, 8294.91, 1.8, 29, 0, 0.061, 0.12, -10281.1714, -0.9, -18, 0, 0.061, 3.06, -8362.4729, -1.2, -21, 0, 0.061, 4.43, 8170.9571, 1.5, 25, 0, 0.059, 5.78, -13.1179, -3.7, -44, 0, 0.059, 5.97, 6625.5702, -2.2, -19, 0, 0.058, 5.01, -0.508, -0.3, 0, 0, 0.058, 2.73, 7161.0938, -2.2, -19, 0, 0.057, 0.19, 7214.0629, -2.2, -19, 0, 0.057, 4, 22199.5029, -4.7, -35, 0, 0.057, 5.38, 8119.142, 5.8, 76, 0, 0.056, 1.07, 7542.6495, 1.5, 25, 0, 0.056, 0.28, 8486.4258, 1.5, 25, 0, 0.054, 4.19, 16655.0816, 4.6, 75, 0, 0.053, 0.72, 7267.032, -2.2, -19, 0, 0.053, 3.12, 12.6192, 0.6, 7, 0, 0.052, 2.99, -32896.013, -1.8, -49, 0, 0.052, 3.46, 1097.708, 0, 0, 0, 0.051, 5.37, -6443.786, -1.6, -25, 0, 0.051, 1.35, 7789.401, -2.2, -19, 0, 0.051, 5.83, 40042.502, 0.2, 38, 0, 0.051, 3.63, 9114.733, 1.5, 25, 0, 0.05, 1.51, 8504.484, -2.5, -22, 0, 0.05, 5.23, 16659.684, 1.5, 25, 0, 0.05, 1.15, 7247.82, -2.5, -23, 0, 0.047, 0.25, -1290.421, 0.3, 0, 0, 0.047, 4.67, -32686.464, -6.1, -100, 0, 0.047, 3.49, 548.678, 0, 0, 0, 0.047, 2.37, 6663.308, -2.2, -19, 0, 0.046, 0.98, 1572.084, 0, 0, 0, 0.046, 2.04, 14954.262, -0.7, 6, 0, 0.046, 3.72, 6691.693, -2.2, -19, 0, 0.045, 6.19, -235.287, 0, 0, 0, 0.044, 2.96, 32967.001, -0.1, 27, 0, 0.044, 3.82, -1671.943, -5.6, -66, 0, 0.043, 5.82, 1179.063, 0, 0, 0, 0.043, 0.07, 34152.617, 1.7, 49, 0, 0.043, 3.71, 6514.773, -0.3, 0, 0, 0.043, 5.62, 15.732, -2.5, -23, 0, 0.043, 5.8, 8351.233, -2.2, -19, 0, 0.042, 0.27, 7740.199, 1.5, 25, 0, 0.042, 6.14, 15385.02, -0.7, 6, 0, 0.042, 6.13, 7285.051, -4.1, -41, 0, 0.041, 1.27, 32757.451, 4.2, 78, 0, 0.041, 4.46, 8275.722, 1.5, 25, 0, 0.04, 0.23, 8381.661, 1.5, 25, 0, 0.04, 5.87, -766.864, 2.5, 29, 0, 0.04, 1.66, 254.431, 0, 0, 0, 0.04, 0.4, 9027.981, -0.4, 0, 0, 0.04, 2.96, 7777.936, 1.5, 25, 0, 0.039, 4.67, 33943.068, 6.1, 100, 0, 0.039, 3.52, 8326.062, 1.5, 25, 0, 0.039, 3.75, 21013.887, -6.5, -57, 0, 0.039, 5.6, 606.978, 0, 0, 0, 0.039, 1.19, 8331.321, 1.5, 25, 0, 0.039, 2.84, 7211.433, -2.2, -19, 0, 0.038, 0.67, 7216.693, -2.2, -19, 0, 0.038, 6.22, 25161.867, 0.6, 28, 0, 0.038, 4.4, 7806.322, 1.5, 25, 0, 0.038, 4.16, 9179.168, -2.2, -19, 0, 0.037, 4.73, 14991.999, -0.7, 6, 0, 0.036, 0.35, 67.514, -0.6, -7, 0, 0.036, 3.7, 25266.611, -1.6, 0, 0, 0.036, 5.39, 16328.796, -0.7, 6, 0, 0.035, 1.44, 7174.248, -2.2, -19, 0, 0.035, 5, 15684.73, -4.4, -38, 0, 0.035, 0.39, -15.419, -2.2, -19, 0, 0.035, 6.07, 15020.385, -0.7, 6, 0, 0.034, 6.01, 7371.797, -2.2, -19, 0, 0.034, 0.96, -16623.626, -3.4, -54, 0, 0.033, 6.24, 9479.368, 1.5, 25, 0, 0.033, 3.21, 23661.896, 5.2, 82, 0, 0.033, 4.06, 8311.418, -2.2, -19, 0, 0.033, 2.4, 1965.105, 0, 0, 0, 0.033, 5.17, 15489.785, -0.7, 6, 0, 0.033, 5.03, 21986.54, 0.9, 31, 0, 0.033, 4.1, 16691.14, 2.7, 46, 0, 0.033, 5.13, 47114.589, 1.7, 63, 0, 0.033, 4.45, 8917.184, 1.5, 25, 0, 0.033, 4.23, 2.078, 0, 0, 0, 0.032, 2.33, 75.251, 1.5, 25, 0, 0.032, 2.1, 7253.878, -2.2, -19, 0, 0.032, 3.11, -0.224, 1.5, 25, 0, 0.032, 4.43, 16640.462, -0.7, 6, 0, 0.032, 5.68, 8328.363, 0, 0, 0, 0.031, 5.32, 8329.02, 3, 50, 0, 0.031, 3.7, 16118.093, -0.7, 6, 0, 0.03, 3.67, 16721.817, -0.7, 6, 0, 0.03, 5.27, -1881.492, -1.2, -15, 0, 0.03, 5.72, 8157.839, -2.2, -19, 0, 0.029, 5.73, -18400.313, -6.7, -94, 0, 0.029, 2.76, 16, -2.2, -19, 0, 0.029, 1.75, 8879.447, 1.5, 25, 0, 0.029, 0.32, 8851.061, 1.5, 25, 0, 0.029, 0.9, 14704.903, 3.7, 57, 0, 0.028, 2.9, 15595.723, -0.7, 6, 0, 0.028, 5.88, 16864.631, 0.2, 24, 0, 0.028, 0.63, 16869.234, -2.8, -26, 0, 0.028, 4.04, -18609.863, -2.4, -43, 0, 0.027, 5.83, 6727.736, -5.9, -63, 0, 0.027, 6.12, 418.752, 4.3, 51, 0, 0.027, 0.14, 41157.131, 3.9, 81, 0, 0.026, 3.8, 15.542, 0, 0, 0, 0.026, 1.68, 50181.698, 4.8, 99, -1, 0.026, 0.32, 315.469, 0, 0, 0, 0.025, 5.67, 19.188, 0.3, 0, 0, 0.025, 3.16, 62.133, -2.2, -19, 0, 0.025, 3.76, 15502.939, -0.7, 6, 0, 0.025, 4.53, 45999.961, -2, 19, 0, 0.024, 3.21, 837.851, -4.4, -51, 0, 0.024, 2.82, 38157.596, 0.3, 37, 0, 0.024, 5.21, 15540.124, -0.7, 6, 0, 0.024, 0.26, 14218.576, 0, 13, 0, 0.024, 3.01, 15545.384, -0.7, 6, 0, 0.024, 1.16, -17424.247, -0.6, -21, 0, 0.023, 2.34, -67.574, 0.6, 7, 0, 0.023, 2.44, 18.024, -1.9, -22, 0, 0.023, 3.7, 469.4, 0, 0, 0, 0.023, 0.72, 7136.511, -2.2, -19, 0, 0.023, 4.5, 15582.569, -0.7, 6, 0, 0.023, 2.8, -16586.395, -4.9, -72, 0, 0.023, 1.51, 80.182, 0, 0, 0, 0.023, 1.09, 5261.583, -1.5, -12, 0, 0.023, 0.56, 54956.954, -0.5, 44, 0, 0.023, 4.01, 8550.86, -2.2, -19, 0, 0.023, 4.46, 38995.448, -4.1, -14, 0, 0.023, 3.82, 2358.126, 0, 0, 0, 0.022, 3.77, 32271.125, 0.5, 34, 0, 0.022, 0.82, 15935.775, -0.7, 6, 0, 0.022, 1.07, 24013.421, -2.9, -13, 0, 0.022, 0.4, 8940.078, -2.2, -19, 0, 0.022, 2.06, 15700.489, -0.7, 6, 0, 0.022, 4.27, 15124.002, -5, -45, 0, 0.021, 1.16, 56071.583, 3.2, 88, 0, 0.021, 5.58, 9572.189, -2.2, -19, 0, 0.02, 1.7, -17.273, -3.7, -44, 0, 0.02, 3.05, 214.617, 0, 0, 0, 0.02, 4.41, 8391.048, -2.2, -19, 0, 0.02, 5.95, 23869.145, 2.4, 56, 0, 0.02, 0.42, 40947.927, -4.7, -21, 0, 0.019, 1.39, 5818.897, 0.3, 10, 0, 0.019, 0.71, 23873.747, -0.7, 6, 0, 0.019, 2.81, 7291.615, -2.2, -19, 0, 0.019, 5.09, 8428.018, -2.2, -19, 0, 0.019, 4.14, 6518.187, -1.6, -12, 0, 0.019, 3.85, 21.33, 0, 0, 0, 0.018, 0.66, 14445.046, -0.7, 6, 0, 0.018, 1.65, 0.966, -4, -48, 0, 0.018, 5.64, -17143.709, -6.8, -94, 0, 0.018, 6.01, 7736.432, -2.2, -19, 0, 0.018, 2.74, 31153.083, -1.9, 5, 0, 0.018, 4.58, 6116.355, -2.2, -19, 0, 0.018, 2.28, 46.401, 0.3, 0, 0, 0.018, 3.8, 10213.597, 1.4, 25, 0, 0.018, 2.84, 56281.132, -1.1, 36, 0, 0.018, 3.53, 8249.062, 1.5, 25, 0, 0.017, 4.43, 20871.911, -3, -13, 0, 0.017, 4.44, 627.596, 0, 0, 0, 0.017, 1.85, 628.308, 0, 0, 0, 0.017, 1.19, 8408.321, 2, 25, 0, 0.017, 1.95, 7214.056, -2, -19, 0, 0.017, 1.57, 7214.07, -2, -19, 0, 0.017, 1.65, 13870.811, -6, -60, 0, 0.017, 0.3, 22.542, -4, -44, 0, 0.017, 2.62, -119.445, 0, 0, 0, 0.016, 4.87, 5747.909, 2, 32, 0, 0.016, 4.45, 14339.108, -1, 6, 0, 0.016, 1.83, 41366.68, 0, 30, 0, 0.016, 4.53, 16309.618, -3, -23, 0, 0.016, 2.54, 15542.754, -1, 6, 0, 0.016, 6.05, 1203.646, 0, 0, 0, 0.015, 5.2, 2751.147, 0, 0, 0, 0.015, 1.8, -10699.924, -5, -69, 0, 0.015, 0.4, 22824.391, -3, -20, 0, 0.015, 2.1, 30666.756, -6, -39, 0, 0.015, 2.1, 6010.417, -2, -19, 0, 0.015, 0.7, -23729.47, -5, -75, 0, 0.015, 1.4, 14363.691, -1, 6, 0, 0.015, 5.8, 16900.689, -2, 0, 0, 0.015, 5.2, 23800.458, 3, 53, 0, 0.015, 5.3, 6035, -2, -19, 0, 0.015, 1.2, 8251.139, 2, 25, 0, 0.015, 3.6, -8.86, 0, 0, 0, 0.015, 0.8, 882.739, 0, 0, 0, 0.015, 3, 1021.329, 0, 0, 0, 0.015, 0.6, 23296.107, 1, 31, 0, 0.014, 5.4, 7227.181, 2, 25, 0, 0.014, 0.1, 7213.352, -2, -19, 0, 0.014, 4, 15506.706, 3, 50, 0, 0.014, 3.4, 7214.774, -2, -19, 0, 0.014, 4.6, 6665.385, -2, -19, 0, 0.014, 0.1, -8.636, -2, -22, 0, 0.014, 3.1, 15465.202, -1, 6, 0, 0.014, 4.9, 508.863, 0, 0, 0, 0.014, 3.5, 8406.244, 2, 25, 0, 0.014, 1.3, 13313.497, -8, -82, 0, 0.014, 2.8, 49276.619, -3, 0, 0, 0.014, 0.1, 30528.194, -3, -10, 0, 0.013, 1.7, 25128.05, 1, 31, 0, 0.013, 2.9, 14128.405, -1, 6, 0, 0.013, 3.4, 57395.761, 3, 80, 0, 0.013, 2.7, 13029.546, -1, 6, 0, 0.013, 3.9, 7802.556, -2, -19, 0, 0.013, 1.6, 8258.802, -2, -19, 0, 0.013, 2.2, 8417.709, -2, -19, 0, 0.013, 0.7, 9965.21, -2, -19, 0, 0.013, 3.4, 50391.247, 0, 48, 0, 0.013, 3, 7134.433, -2, -19, 0, 0.013, 2.9, 30599.182, -5, -31, 0, 0.013, 3.6, -9723.857, 1, 0, 0, 0.013, 4.8, 7607.084, -2, -19, 0, 0.012, 0.8, 23837.689, 1, 35, 0, 0.012, 3.6, 4.409, -4, -44, 0, 0.012, 5, 16657.031, 3, 50, 0, 0.012, 4.4, 16657.735, 3, 50, 0, 0.012, 1.1, 15578.803, -4, -38, 0, 0.012, 6, -11.49, 0, 0, 0, 0.012, 1.9, 8164.398, 0, 0, 0, 0.012, 2.4, 31852.372, -4, -17, 0, 0.012, 2.4, 6607.085, -2, -19, 0, 0.012, 4.2, 8359.87, 0, 0, 0, 0.012, 0.5, 5799.713, -2, -19, 0, 0.012, 2.7, 7220.622, 0, 0, 0, 0.012, 4.3, -139.72, 0, 0, 0, 0.012, 2.3, 13728.836, -2, -16, 0, 0.011, 3.6, 14912.146, 1, 31, 0, 0.011, 4.7, 14916.748, -2, -19, 0],
                [1.6768, 4.66926, 628.301955, -0.0266, 0.1, -5e-3, 0.51642, 3.3721, 6585.76091, -2.158, -18.9, 0.09, 0.41383, 5.7277, 14914.452335, -0.635, 6.2, -0.04, 0.37115, 3.9695, 7700.389469, 1.55, 25, -0.12, 0.2756, 0.7416, 8956.99338, 1.496, 25.1, -0.13, 0.24599, 4.2253, -2.3012, 1.523, 25.1, -0.12, 0.07118, 0.1443, 7842.36482, -2.211, -19, 0.08, 0.06128, 2.4998, 16171.05625, -0.688, 6, 0, 0.04516, 0.443, 8399.6791, -0.36, 3, 0, 0.04048, 5.771, 14286.15038, -0.61, 6, 0, 0.03747, 4.626, 1256.60391, -0.05, 0, 0, 0.03707, 3.415, 5957.45895, -2.13, -19, 0.1, 0.03649, 1.8, 23243.14376, 0.89, 31, -0.2, 0.02438, 0.042, 16029.08089, 3.07, 50, -0.2, 0.02165, 1.017, -1742.93051, -3.68, -44, 0.2, 0.01923, 3.097, 17285.6848, 3.02, 50, -0.3, 0.01692, 1.28, 0.3286, 1.52, 25, -0.1, 0.01361, 0.298, 8326.3902, 3.05, 50, -0.2, 0.01293, 4.013, 7072.0875, 1.58, 25, -0.1, 0.01276, 4.413, 8330.9926, 0, 0, 0, 0.0127, 0.101, 8470.6668, -2.24, -19, 0.1, 0.01097, 1.203, 22128.5152, -2.82, -13, 0, 0.01088, 2.545, 15542.7543, -0.66, 6, 0, 835e-5, 0.19, 7214.0629, -2.18, -19, 0.1, 734e-5, 4.855, 24499.7477, 0.83, 31, -0.2, 686e-5, 5.13, 13799.8238, -4.34, -38, 0.2, 631e-5, 0.93, -486.3266, -3.73, -44, 0, 585e-5, 0.699, 9585.2953, 1.5, 25, 0, 566e-5, 4.073, 8328.3391, 1.5, 25, 0, 566e-5, 0.638, 8329.0437, 1.5, 25, 0, 539e-5, 2.472, -1952.48, 0.6, 7, 0, 509e-5, 2.88, -0.7113, 0, 0, 0, 469e-5, 3.56, 30457.2066, -1.3, 12, 0, 387e-5, 0.78, -0.3523, 0, 0, 0, 378e-5, 1.84, 22614.8418, 0.9, 31, 0, 362e-5, 5.53, -695.8761, 0.6, 7, 0, 317e-5, 2.8, 16728.3705, 1.2, 28, 0, 303e-5, 6.07, 157.7344, 0, 0, 0, 3e-3, 2.53, 33.757, -0.3, -4, 0, 295e-5, 4.16, 31571.8352, 2.4, 56, 0, 289e-5, 5.98, 7211.7617, -0.7, 6, 0, 285e-5, 2.06, 15540.4531, 0.9, 31, 0, 283e-5, 2.65, 2.6298, 0, 0, 0, 282e-5, 6.17, 15545.0555, -2.2, -19, 0, 278e-5, 1.23, -39.8149, 0, 0, 0, 272e-5, 3.82, 7216.3641, -3.7, -44, 0, 27e-4, 4.37, 70.9877, -1.9, -22, 0, 256e-5, 5.81, 13657.8484, -0.6, 6, 0, 244e-5, 5.64, -0.2237, 1.5, 25, 0, 24e-4, 2.96, 8311.7707, -2.2, -19, 0, 239e-5, 0.87, -33.7814, 0.3, 4, 0, 216e-5, 2.31, 15.9995, -2.2, -19, 0, 186e-5, 3.46, 5329.157, -2.1, -19, 0, 169e-5, 2.4, 24357.772, 4.6, 75, 0, 161e-5, 5.8, 8329.403, 1.5, 25, 0, 161e-5, 5.2, 8327.98, 1.5, 25, 0, 16e-4, 4.26, 23385.119, -2.9, -13, 0, 156e-5, 1.26, 550.755, 0, 0, 0, 155e-5, 1.25, 21500.213, -2.8, -13, 0, 152e-5, 0.6, -16.921, -3.7, -44, 0, 15e-4, 2.71, -79.63, 0, 0, 0, 15e-4, 5.29, 15.542, 0, 0, 0, 148e-5, 1.06, -2371.232, -3.7, -44, 0, 141e-5, 0.77, 8328.691, 1.5, 25, 0, 141e-5, 3.67, 7143.075, -0.3, 0, 0, 138e-5, 5.45, 25614.376, 4.5, 75, 0, 129e-5, 4.9, 23871.446, 0.9, 31, 0, 126e-5, 4.03, 141.975, -3.8, -44, 0, 124e-5, 6.01, 522.369, 0, 0, 0, 12e-4, 4.94, -10071.622, -5.2, -69, 0, 118e-5, 5.07, -15.419, -2.2, -19, 0, 107e-5, 3.49, 23452.693, -3.4, -20, 0, 104e-5, 4.78, 17495.234, -1.3, 0, 0, 103e-5, 1.44, -18.049, -2.2, -19, 0, 102e-5, 5.63, 15542.402, -0.7, 6, 0, 102e-5, 2.59, 15543.107, -0.7, 6, 0, 1e-3, 4.11, -6.559, -1.9, -22, 0, 97e-5, 0.08, 15400.779, 3.1, 50, 0, 96e-5, 5.84, 31781.385, -1.9, 5, 0, 94e-5, 1.08, 8328.363, 0, 0, 0, 94e-5, 2.46, 16799.358, -0.7, 6, 0, 94e-5, 1.69, 6376.211, 2.2, 32, 0, 93e-5, 3.64, 8329.02, 3, 50, 0, 93e-5, 2.65, 16655.082, 4.6, 75, 0, 9e-4, 1.9, 15056.428, -4.4, -38, 0, 89e-5, 1.59, 52.969, 0, 0, 0, 88e-5, 2.02, -8257.704, -3.4, -47, 0, 88e-5, 3.02, 7213.711, -2.2, -19, 0, 87e-5, 0.5, 7214.415, -2.2, -19, 0, 87e-5, 0.49, 16659.684, 1.5, 25, 0, 82e-5, 5.64, -4.931, 1.5, 25, 0, 79e-5, 5.17, 13171.522, -4.3, -38, 0, 76e-5, 3.6, 29828.905, -1.3, 12, 0, 76e-5, 4.08, 24567.322, 0.3, 24, 0, 76e-5, 4.58, 1884.906, -0.1, 0, 0, 73e-5, 0.33, 31713.811, -1.4, 12, 0, 73e-5, 0.93, 32828.439, 2.4, 56, 0, 71e-5, 5.91, 38785.898, 0.2, 37, 0, 69e-5, 2.2, 15613.742, -2.5, -16, 0, 66e-5, 3.87, 15.732, -2.5, -23, 0, 66e-5, 0.86, 25823.926, 0.2, 24, 0, 65e-5, 2.52, 8170.957, 1.5, 25, 0, 63e-5, 0.18, 8322.132, -0.3, 0, 0, 6e-4, 5.84, 8326.062, 1.5, 25, 0, 6e-4, 5.15, 8331.321, 1.5, 25, 0, 6e-4, 2.18, 8486.426, 1.5, 25, 0, 58e-5, 2.3, -1.731, -4, -44, 0, 58e-5, 5.43, 14357.138, -2, -16, 0, 57e-5, 3.09, 8294.91, 2, 29, 0, 57e-5, 4.67, -8362.473, -1, -21, 0, 56e-5, 4.15, 16833.151, -1, 0, 0, 54e-5, 1.93, 7056.329, -2, -19, 0, 54e-5, 5.27, 8315.574, -2, -19, 0, 52e-5, 5.6, 8311.418, -2, -19, 0, 52e-5, 2.7, -77.552, 0, 0, 0, 51e-5, 4.3, 7230.984, 2, 25, 0, 5e-4, 0.4, -0.508, 0, 0, 0, 49e-5, 5.4, 7211.433, -2, -19, 0, 49e-5, 4.4, 7216.693, -2, -19, 0, 49e-5, 4.3, 16864.631, 0, 24, 0, 49e-5, 2.2, 16869.234, -3, -26, 0, 47e-5, 6.1, 627.596, 0, 0, 0, 47e-5, 5, 12.619, 1, 7, 0, 45e-5, 4.9, -8815.018, -5, -69, 0, 44e-5, 1.6, 62.133, -2, -19, 0, 42e-5, 2.9, -13.118, -4, -44, 0, 42e-5, 4.1, -119.445, 0, 0, 0, 41e-5, 4.3, 22756.817, -3, -13, 0, 41e-5, 3.6, 8288.877, 2, 25, 0, 4e-4, 0.5, 6663.308, -2, -19, 0, 4e-4, 1.1, 8368.506, 2, 25, 0, 39e-5, 4.1, 6443.786, 2, 25, 0, 39e-5, 3.1, 16657.383, 3, 50, 0, 38e-5, 0.1, 16657.031, 3, 50, 0, 38e-5, 3, 16657.735, 3, 50, 0, 38e-5, 4.6, 23942.433, -1, 9, 0, 37e-5, 4.3, 15385.02, -1, 6, 0, 37e-5, 5, 548.678, 0, 0, 0, 36e-5, 1.8, 7213.352, -2, -19, 0, 36e-5, 1.7, 7214.774, -2, -19, 0, 35e-5, 1.1, 7777.936, 2, 25, 0, 35e-5, 1.6, -8.86, 0, 0, 0, 35e-5, 4.4, 23869.145, 2, 56, 0, 35e-5, 2, 6691.693, -2, -19, 0, 34e-5, 1.3, -1185.616, -2, -22, 0, 34e-5, 2.2, 23873.747, -1, 6, 0, 33e-5, 2, -235.287, 0, 0, 0, 33e-5, 3.1, 17913.987, 3, 50, 0, 33e-5, 1, 8351.233, -2, -19, 0],
                [487e-5, 4.6693, 628.30196, -0.027, 0, -0.01, 228e-5, 2.6746, -2.3012, 1.523, 25, -0.12, 15e-4, 3.372, 6585.76091, -2.16, -19, 0.1, 12e-4, 5.728, 14914.45233, -0.64, 6, 0, 108e-5, 3.969, 7700.38947, 1.55, 25, -0.1, 8e-4, 0.742, 8956.99338, 1.5, 25, -0.1, 254e-6, 6.002, 0.3286, 1.52, 25, -0.1, 21e-5, 0.144, 7842.3648, -2.21, -19, 0, 18e-5, 2.5, 16171.0562, -0.7, 6, 0, 13e-5, 0.44, 8399.6791, -0.4, 3, 0, 126e-6, 5.03, 8326.3902, 3, 50, 0, 12e-5, 5.77, 14286.1504, -0.6, 6, 0, 118e-6, 5.96, 8330.9926, 0, 0, 0, 11e-5, 1.8, 23243.1438, 0.9, 31, 0, 11e-5, 3.42, 5957.459, -2.1, -19, 0, 11e-5, 4.63, 1256.6039, -0.1, 0, 0, 99e-6, 4.7, -0.7113, 0, 0, 0, 7e-5, 0.04, 16029.0809, 3.1, 50, 0, 7e-5, 5.14, 8328.3391, 1.5, 25, 0, 7e-5, 5.85, 8329.0437, 1.5, 25, 0, 6e-5, 1.02, -1742.9305, -3.7, -44, 0, 6e-5, 3.1, 17285.6848, 3, 50, 0, 54e-6, 5.69, -0.352, 0, 0, 0, 43e-6, 0.52, 15.542, 0, 0, 0, 41e-6, 2.03, 2.63, 0, 0, 0, 4e-5, 0.1, 8470.667, -2.2, -19, 0, 4e-5, 4.01, 7072.088, 1.6, 25, 0, 36e-6, 2.93, -8.86, -0.3, 0, 0, 3e-5, 1.2, 22128.515, -2.8, -13, 0, 3e-5, 2.54, 15542.754, -0.7, 6, 0, 27e-6, 4.43, 7211.762, -0.7, 6, 0, 26e-6, 0.51, 15540.453, 0.9, 31, 0, 26e-6, 1.44, 15545.055, -2.2, -19, 0, 25e-6, 5.37, 7216.364, -3.7, -44, 0],
                [12e-6, 1.041, -2.3012, 1.52, 25, -0.1, 17e-7, 0.31, -0.711, 0, 0, 0]
              ],
              QI_KB: [
                1640650479938e-6,
                15.218425,
                1642476703182e-6,
                15.21874996,
                1683430515601e-6,
                15.218750011,
                1752157640664e-6,
                15.218749978,
                1807675003759e-6,
                15.218620279,
                1883627765182e-6,
                15.218612292,
                19073691281e-4,
                15.218449176,
                1936603140413e-6,
                15.218425,
                193914552418e-5,
                15.218466998,
                19471807983e-4,
                15.218524844,
                1964362041824e-6,
                15.218533526,
                1987372340971e-6,
                15.218513908,
                1999653819126e-6,
                15.218530782,
                2007445469786e-6,
                15.218535181,
                2021324917146e-6,
                15.218526248,
                2047257232342e-6,
                15.218519654,
                2070282898213e-6,
                15.218425,
                207320487285e-5,
                15.218515221,
                2080144500926e-6,
                15.218530782,
                2086703688963e-6,
                15.218523776,
                2110033182763e-6,
                15.218425,
                2111190300888e-6,
                15.218425,
                2113731271005e-6,
                15.218515671,
                2120670840263e-6,
                15.218425,
                2123973309063e-6,
                15.218425,
                2125068997336e-6,
                15.218477932,
                2136026312633e-6,
                15.218472436,
                2156099495538e-6,
                15.218425,
                2159021324663e-6,
                15.218425,
                2162308575254e-6,
                15.218461742,
                2178485706538e-6,
                15.218425,
                2178759662849e-6,
                15.218445786,
                21853340208e-4,
                15.218425,
                2187525481425e-6,
                15.218425,
                2188621191481e-6,
                15.218437494,
                232214776e-2
              ],
              QB: _decode("FrcFs22AFsckF2tsDtFqEtF1posFdFgiFseFtmelpsEfhkF2anmelpFlF1ikrotcnEqEq2FfqmcDsrFor22FgFrcgDscFs22FgEeFtE2sfFs22sCoEsaF2tsD1FpeE2eFsssEciFsFnmelpFcFhkF2tcnEqEpFgkrotcnEqrEtFermcDsrE222FgBmcmr22DaEfnaF222sD1FpeForeF2tssEfiFpEoeFssD1iFstEqFppDgFstcnEqEpFg11FscnEqrAoAF2ClAEsDmDtCtBaDlAFbAEpAAAAAD2FgBiBqoBbnBaBoAAAAAAAEgDqAdBqAFrBaBoACdAAf1AACgAAAeBbCamDgEifAE2AABa1C1BgFdiAAACoCeE1ADiEifDaAEqAAFe1AcFbcAAAAAF1iFaAAACpACmFmAAAAAAAACrDaAAADG0"),
              SHUO_KB: [1457698231017e-6, 29.53067166, 1546082512234e-6, 29.53085106, 16406407353e-4, 29.5306, 1642472151543e-6, 29.53085439, 16834305093e-4, 29.53086148, 1752148041079e-6, 29.53085097, 1807665420323e-6, 29.53059851, 18836181141e-4, 29.5306, 19073607047e-4, 29.5306, 19365962249e-4, 29.5306, 19391356753e-4, 29.5306, 1947168],
              SB: _decode("EqoFscDcrFpmEsF2DfFideFelFpFfFfFiaipqti1ksttikptikqckstekqttgkqttgkqteksttikptikq2fjstgjqttjkqttgkqtekstfkptikq2tijstgjiFkirFsAeACoFsiDaDiADc1AFbBfgdfikijFifegF1FhaikgFag1E2btaieeibggiffdeigFfqDfaiBkF1kEaikhkigeidhhdiegcFfakF1ggkidbiaedksaFffckekidhhdhdikcikiakicjF1deedFhFccgicdekgiFbiaikcfi1kbFibefgEgFdcFkFeFkdcfkF1kfkcickEiFkDacFiEfbiaejcFfffkhkdgkaiei1ehigikhdFikfckF1dhhdikcfgjikhfjicjicgiehdikcikggcifgiejF1jkieFhegikggcikFegiegkfjebhigikggcikdgkaFkijcfkcikfkcifikiggkaeeigefkcdfcfkhkdgkegieidhijcFfakhfgeidieidiegikhfkfckfcjbdehdikggikgkfkicjicjF1dbidikFiggcifgiejkiegkigcdiegfggcikdbgfgefjF1kfegikggcikdgFkeeijcfkcikfkekcikdgkabhkFikaffcfkhkdgkegbiaekfkiakicjhfgqdq2fkiakgkfkhfkfcjiekgFebicggbedF1jikejbbbiakgbgkacgiejkijjgigfiakggfggcibFifjefjF1kfekdgjcibFeFkijcfkfhkfkeaieigekgbhkfikidfcjeaibgekgdkiffiffkiakF1jhbakgdki1dj1ikfkicjicjieeFkgdkicggkighdF1jfgkgfgbdkicggfggkidFkiekgijkeigfiskiggfaidheigF1jekijcikickiggkidhhdbgcfkFikikhkigeidieFikggikhkffaffijhidhhakgdkhkijF1kiakF1kfheakgdkifiggkigicjiejkieedikgdfcggkigieeiejfgkgkigbgikicggkiaideeijkefjeijikhkiggkiaidheigcikaikffikijgkiahi1hhdikgjfifaakekighie1hiaikggikhkffakicjhiahaikggikhkijF1kfejfeFhidikggiffiggkigicjiekgieeigikggiffiggkidheigkgfjkeigiegikifiggkidhedeijcfkFikikhkiggkidhh1ehigcikaffkhkiggkidhh1hhigikekfiFkFikcidhh1hitcikggikhkfkicjicghiediaikggikhkijbjfejfeFhaikggifikiggkigiejkikgkgieeigikggiffiggkigieeigekijcijikggifikiggkideedeijkefkfckikhkiggkidhh1ehijcikaffkhkiggkidhh1hhigikhkikFikfckcidhh1hiaikgjikhfjicjicgiehdikcikggifikigiejfejkieFhegikggifikiggfghigkfjeijkhigikggifikiggkigieeijcijcikfksikifikiggkidehdeijcfdckikhkiggkhghh1ehijikifffffkhsFngErD1pAfBoDd1BlEtFqA2AqoEpDqElAEsEeB2BmADlDkqBtC1FnEpDqnEmFsFsAFnllBbFmDsDiCtDmAB2BmtCgpEplCpAEiBiEoFqFtEqsDcCnFtADnFlEgdkEgmEtEsCtDmADqFtAFrAtEcCqAE1BoFqC1F1DrFtBmFtAC2ACnFaoCgADcADcCcFfoFtDlAFgmFqBq2bpEoAEmkqnEeCtAE1bAEqgDfFfCrgEcBrACfAAABqAAB1AAClEnFeCtCgAADqDoBmtAAACbFiAAADsEtBqAB2FsDqpFqEmFsCeDtFlCeDtoEpClEqAAFrAFoCgFmFsFqEnAEcCqFeCtFtEnAEeFtAAEkFnErAABbFkADnAAeCtFeAfBoAEpFtAABtFqAApDcCGJ"),
              nutationLon2: function(t) {
                var a2 = -1.742 * t;
                var t2 = t * t;
                var dl = 0;
                for (var i = 0, j = this.NUT_B.length; i < j; i += 5) {
                  dl += (this.NUT_B[i + 3] + a2) * Math.sin(this.NUT_B[i] + this.NUT_B[i + 1] * t + this.NUT_B[i + 2] * t2);
                  a2 = 0;
                }
                return dl / 100 / this.SECOND_PER_RAD;
              },
              eLon: function(t, n) {
                t /= 10;
                var v = 0;
                var tn = 1;
                var n12;
                var n2;
                var m;
                var c2;
                var pn = 1;
                var n0;
                var m0 = this.XL0[pn + 1] - this.XL0[pn];
                for (var i = 0; i < 6; i++, tn *= t) {
                  n12 = Math.floor(this.XL0[pn + i]);
                  n2 = Math.floor(this.XL0[pn + 1 + i]);
                  n0 = n2 - n12;
                  if (n0 === 0) {
                    continue;
                  }
                  if (n < 0) {
                    m = n2;
                  } else {
                    m = Math.floor(3 * n * n0 / m0 + 0.5 + n12);
                    if (i !== 0) {
                      m += 3;
                    }
                    if (m > n2) {
                      m = n2;
                    }
                  }
                  c2 = 0;
                  for (var j = n12; j < m; j += 3) {
                    c2 += this.XL0[j] * Math.cos(this.XL0[j + 1] + t * this.XL0[j + 2]);
                  }
                  v += c2 * tn;
                }
                v /= this.XL0[0];
                var t2 = t * t;
                v += (-0.0728 - 2.7702 * t - 1.1019 * t2 - 0.0996 * t2 * t) / this.SECOND_PER_RAD;
                return v;
              },
              mLon: function(t, n) {
                var ob = this.XL1;
                var obl = ob[0].length;
                var tn = 1;
                var v = 0;
                var j;
                var c2;
                var t2 = t * t;
                var t3 = t2 * t;
                var t4 = t3 * t;
                var t5 = t4 * t;
                var tx = t - 10;
                v += (3.81034409 + 8399.684730072 * t - 3319e-8 * t2 + 311e-10 * t3 - 2033e-13 * t4) * this.SECOND_PER_RAD;
                v += 5028.792262 * t + 1.1124406 * t2 + 7699e-8 * t3 - 23479e-9 * t4 - 178e-10 * t5;
                if (tx > 0) {
                  v += -0.866 + 1.43 * tx + 0.054 * tx * tx;
                }
                t2 /= 1e4;
                t3 /= 1e8;
                t4 /= 1e8;
                n *= 6;
                if (n < 0) {
                  n = obl;
                }
                for (var i = 0, x = ob.length; i < x; i++, tn *= t) {
                  var f = ob[i];
                  var l = f.length;
                  var m = Math.floor(n * l / obl + 0.5);
                  if (i > 0) {
                    m += 6;
                  }
                  if (m >= l) {
                    m = l;
                  }
                  for (j = 0, c2 = 0; j < m; j += 6) {
                    c2 += f[j] * Math.cos(f[j + 1] + t * f[j + 2] + t2 * f[j + 3] + t3 * f[j + 4] + t4 * f[j + 5]);
                  }
                  v += c2 * tn;
                }
                v /= this.SECOND_PER_RAD;
                return v;
              },
              gxcSunLon: function(t) {
                var t2 = t * t;
                var v = -0.043126 + 628.301955 * t - 2732e-9 * t2;
                var e = 0.016708634 - 42037e-9 * t - 1267e-10 * t2;
                return -20.49552 * (1 + e * Math.cos(v)) / this.SECOND_PER_RAD;
              },
              ev: function(t) {
                var f = 628.307585 * t;
                return 628.332 + 21 * Math.sin(1.527 + f) + 0.44 * Math.sin(1.48 + f * 2) + 0.129 * Math.sin(5.82 + f) * t + 55e-5 * Math.sin(4.21 + f) * t * t;
              },
              saLon: function(t, n) {
                return this.eLon(t, n) + this.nutationLon2(t) + this.gxcSunLon(t) + Math.PI;
              },
              dtExt: function(y, jsd) {
                var dy = (y - 1820) / 100;
                return -20 + jsd * dy * dy;
              },
              dtCalc: function(y) {
                var size2 = this.DT_AT.length;
                var y0 = this.DT_AT[size2 - 2];
                var t0 = this.DT_AT[size2 - 1];
                if (y >= y0) {
                  var jsd = 31;
                  if (y > y0 + 100) {
                    return this.dtExt(y, jsd);
                  }
                  return this.dtExt(y, jsd) - (this.dtExt(y0, jsd) - t0) * (y0 + 100 - y) / 100;
                }
                var i;
                for (i = 0; i < size2; i += 5) {
                  if (y < this.DT_AT[i + 5]) {
                    break;
                  }
                }
                var t1 = (y - this.DT_AT[i]) / (this.DT_AT[i + 5] - this.DT_AT[i]) * 10;
                var t2 = t1 * t1;
                var t3 = t2 * t1;
                return this.DT_AT[i + 1] + this.DT_AT[i + 2] * t1 + this.DT_AT[i + 3] * t2 + this.DT_AT[i + 4] * t3;
              },
              dtT: function(t) {
                return this.dtCalc(t / 365.2425 + 2e3) / this.SECOND_PER_DAY;
              },
              mv: function(t) {
                var v = 8399.71 - 914 * Math.sin(0.7848 + 8328.691425 * t + 1523e-7 * t * t);
                v -= 179 * Math.sin(2.543 + 15542.7543 * t) + 160 * Math.sin(0.1874 + 7214.0629 * t) + 62 * Math.sin(3.14 + 16657.3828 * t) + 34 * Math.sin(4.827 + 16866.9323 * t) + 22 * Math.sin(4.9 + 23871.4457 * t) + 12 * Math.sin(2.59 + 14914.4523 * t) + 7 * Math.sin(0.23 + 6585.7609 * t) + 5 * Math.sin(0.9 + 25195.624 * t) + 5 * Math.sin(2.32 - 7700.3895 * t) + 5 * Math.sin(3.88 + 8956.9934 * t) + 5 * Math.sin(0.49 + 7771.3771 * t);
                return v;
              },
              saLonT: function(w) {
                var t;
                var v = 628.3319653318;
                t = (w - 1.75347 - Math.PI) / v;
                v = this.ev(t);
                t += (w - this.saLon(t, 10)) / v;
                v = this.ev(t);
                t += (w - this.saLon(t, -1)) / v;
                return t;
              },
              msaLon: function(t, mn, sn) {
                return this.mLon(t, mn) + -34e-7 - (this.eLon(t, sn) + this.gxcSunLon(t) + Math.PI);
              },
              msaLonT: function(w) {
                var t;
                var v = 7771.37714500204;
                t = (w + 1.08472) / v;
                t += (w - this.msaLon(t, 3, 3)) / v;
                v = this.mv(t) - this.ev(t);
                t += (w - this.msaLon(t, 20, 10)) / v;
                t += (w - this.msaLon(t, -1, 60)) / v;
                return t;
              },
              saLonT2: function(w) {
                var v = 628.3319653318;
                var t = (w - 1.75347 - Math.PI) / v;
                t -= (5297e-9 * t * t + 0.0334166 * Math.cos(4.669257 + 628.307585 * t) + 2061e-7 * Math.cos(2.67823 + 628.307585 * t) * t) / v;
                t += (w - ShouXingUtil2.eLon(t, 8) - Math.PI + (20.5 + 17.2 * Math.sin(2.1824 - 33.75705 * t)) / this.SECOND_PER_RAD) / v;
                return t;
              },
              msaLonT2: function(w) {
                var t;
                var l;
                var v = 7771.37714500204;
                t = (w + 1.08472) / v;
                var t2 = t * t;
                t -= (-3309e-8 * t2 + 0.10976 * Math.cos(0.784758 + 8328.6914246 * t + 152292e-9 * t2) + 0.02224 * Math.cos(0.1874 + 7214.0628654 * t - 21848e-8 * t2) - 0.03342 * Math.cos(4.669257 + 628.307585 * t)) / v;
                t2 = t * t;
                l = this.mLon(t, 20) - (4.8950632 + 628.3319653318 * t + 5297e-9 * t2 + 0.0334166 * Math.cos(4.669257 + 628.307585 * t) + 2061e-7 * Math.cos(2.67823 + 628.307585 * t) * t + 349e-6 * Math.cos(4.6261 + 1256.61517 * t) - 20.5 / this.SECOND_PER_RAD);
                v = 7771.38 - 914 * Math.sin(0.7848 + 8328.691425 * t + 1523e-7 * t2) - 179 * Math.sin(2.543 + 15542.7543 * t) - 160 * Math.sin(0.1874 + 7214.0629 * t);
                t += (w - l) / v;
                return t;
              },
              qiHigh: function(w) {
                var t = this.saLonT2(w) * 36525;
                t = t - this.dtT(t) + this.ONE_THIRD;
                var v = (t + 0.5) % 1 * this.SECOND_PER_DAY;
                if (v < 1200 || v > this.SECOND_PER_DAY - 1200) {
                  t = this.saLonT(w) * 36525 - this.dtT(t) + this.ONE_THIRD;
                }
                return t;
              },
              shuoHigh: function(w) {
                var t = this.msaLonT2(w) * 36525;
                t = t - this.dtT(t) + this.ONE_THIRD;
                var v = (t + 0.5) % 1 * this.SECOND_PER_DAY;
                if (v < 1800 || v > this.SECOND_PER_DAY - 1800) {
                  t = this.msaLonT(w) * 36525 - this.dtT(t) + this.ONE_THIRD;
                }
                return t;
              },
              qiLow: function(w) {
                var v = 628.3319653318;
                var t = (w - 4.895062166) / v;
                t -= (53 * t * t + 334116 * Math.cos(4.67 + 628.307585 * t) + 2061 * Math.cos(2.678 + 628.3076 * t) * t) / v / 1e7;
                var n = 4895062166e-2 + 6283319653318e-3 * t + 53 * t * t + 334166 * Math.cos(4.669257 + 628.307585 * t) + 3489 * Math.cos(4.6261 + 1256.61517 * t) + 2060.6 * Math.cos(2.67823 + 628.307585 * t) * t - 994 - 834 * Math.sin(2.1824 - 33.75705 * t);
                t -= (n / 1e7 - w) / 628.332 + (32 * (t + 1.8) * (t + 1.8) - 20) / this.SECOND_PER_DAY / 36525;
                return t * 36525 + this.ONE_THIRD;
              },
              shuoLow: function(w) {
                var v = 7771.37714500204;
                var t = (w + 1.08472) / v;
                t -= (-331e-7 * t * t + 0.10976 * Math.cos(0.785 + 8328.6914 * t) + 0.02224 * Math.cos(0.187 + 7214.0629 * t) - 0.03342 * Math.cos(4.669 + 628.3076 * t)) / v + (32 * (t + 1.8) * (t + 1.8) - 20) / this.SECOND_PER_DAY / 36525;
                return t * 36525 + this.ONE_THIRD;
              },
              calcShuo: function(jd) {
                var size2 = this.SHUO_KB.length;
                var d = 0;
                var pc = 14;
                var i;
                jd += Solar2.J2000;
                var f1 = this.SHUO_KB[0] - pc, f2 = this.SHUO_KB[size2 - 1] - pc, f3 = 2436935;
                if (jd < f1 || jd >= f3) {
                  d = Math.floor(this.shuoHigh(Math.floor((jd + pc - 2451551) / 29.5306) * Math.PI * 2) + 0.5);
                } else if (jd >= f1 && jd < f2) {
                  for (i = 0; i < size2; i += 2) {
                    if (jd + pc < this.SHUO_KB[i + 2]) {
                      break;
                    }
                  }
                  d = this.SHUO_KB[i] + this.SHUO_KB[i + 1] * Math.floor((jd + pc - this.SHUO_KB[i]) / this.SHUO_KB[i + 1]);
                  d = Math.floor(d + 0.5);
                  if (d === 1683460) {
                    d++;
                  }
                  d -= Solar2.J2000;
                } else if (jd >= f2 && jd < f3) {
                  d = Math.floor(this.shuoLow(Math.floor((jd + pc - 2451551) / 29.5306) * Math.PI * 2) + 0.5);
                  var from = Math.floor((jd - f2) / 29.5306);
                  var n = this.SB.substring(from, from + 1);
                  if ("1" === n) {
                    d += 1;
                  } else if ("2" === n) {
                    d -= 1;
                  }
                }
                return d;
              },
              calcQi: function(jd) {
                var size2 = this.QI_KB.length;
                var d = 0;
                var pc = 7, i;
                jd += Solar2.J2000;
                var f1 = this.QI_KB[0] - pc, f2 = this.QI_KB[size2 - 1] - pc, f3 = 2436935;
                if (jd < f1 || jd >= f3) {
                  d = Math.floor(this.qiHigh(Math.floor((jd + pc - 2451259) / 365.2422 * 24) * Math.PI / 12) + 0.5);
                } else if (jd >= f1 && jd < f2) {
                  for (i = 0; i < size2; i += 2) {
                    if (jd + pc < this.QI_KB[i + 2]) {
                      break;
                    }
                  }
                  d = this.QI_KB[i] + this.QI_KB[i + 1] * Math.floor((jd + pc - this.QI_KB[i]) / this.QI_KB[i + 1]);
                  d = Math.floor(d + 0.5);
                  if (d === 1683460) {
                    d++;
                  }
                  d -= Solar2.J2000;
                } else if (jd >= f2 && jd < f3) {
                  d = Math.floor(this.qiLow(Math.floor((jd + pc - 2451259) / 365.2422 * 24) * Math.PI / 12) + 0.5);
                  var from = Math.floor((jd - f2) / 365.2422 * 24);
                  var n = this.QB.substring(from, from + 1);
                  if ("1" === n) {
                    d += 1;
                  } else if ("2" === n) {
                    d -= 1;
                  }
                }
                return d;
              },
              qiAccurate: function(w) {
                var t = this.saLonT(w) * 36525;
                return t - this.dtT(t) + this.ONE_THIRD;
              },
              qiAccurate2: function(jd) {
                var d = Math.PI / 12;
                var w = Math.floor((jd + 293) / 365.2422 * 24) * d;
                var a2 = this.qiAccurate(w);
                if (a2 - jd > 5) {
                  return this.qiAccurate(w - d);
                }
                if (a2 - jd < -5) {
                  return this.qiAccurate(w + d);
                }
                return a2;
              }
            };
          }();
          var SolarUtil2 = /* @__PURE__ */ function() {
            return {
              WEEK: ["{w.sun}", "{w.mon}", "{w.tues}", "{w.wed}", "{w.thur}", "{w.fri}", "{w.sat}"],
              DAYS_OF_MONTH: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
              XINGZUO: ["{xz.aries}", "{xz.taurus}", "{xz.gemini}", "{xz.cancer}", "{xz.leo}", "{xz.virgo}", "{xz.libra}", "{xz.scorpio}", "{xz.sagittarius}", "{xz.capricornus}", "{xz.aquarius}", "{xz.pisces}"],
              FESTIVAL: {
                "1-1": "{jr.yuanDan}",
                "2-14": "{jr.qingRen}",
                "3-8": "{jr.fuNv}",
                "3-12": "{jr.zhiShu}",
                "3-15": "{jr.xiaoFei}",
                "4-1": "{jr.yuRen}",
                "5-1": "{jr.wuYi}",
                "5-4": "{jr.qingNian}",
                "6-1": "{jr.erTong}",
                "7-1": "{jr.jianDang}",
                "8-1": "{jr.jianJun}",
                "9-10": "{jr.jiaoShi}",
                "10-1": "{jr.guoQing}",
                "10-31": "{jr.wanShengYe}",
                "11-1": "{jr.wanSheng}",
                "12-24": "{jr.pingAn}",
                "12-25": "{jr.shengDan}"
              },
              OTHER_FESTIVAL: {
                "1-8": ["周恩来逝世纪念日"],
                "1-10": ["中国人民警察节"],
                "1-14": ["日记情人节"],
                "1-21": ["列宁逝世纪念日"],
                "1-26": ["国际海关日"],
                "1-27": ["国际大屠杀纪念日"],
                "2-2": ["世界湿地日"],
                "2-4": ["世界抗癌日"],
                "2-7": ["京汉铁路罢工纪念日"],
                "2-10": ["国际气象节"],
                "2-19": ["邓小平逝世纪念日"],
                "2-20": ["世界社会公正日"],
                "2-21": ["国际母语日"],
                "2-24": ["第三世界青年日"],
                "3-1": ["国际海豹日"],
                "3-3": ["世界野生动植物日", "全国爱耳日"],
                "3-5": ["周恩来诞辰纪念日", "中国青年志愿者服务日"],
                "3-6": ["世界青光眼日"],
                "3-7": ["女生节"],
                "3-12": ["孙中山逝世纪念日"],
                "3-14": ["马克思逝世纪念日", "白色情人节"],
                "3-17": ["国际航海日"],
                "3-18": ["全国科技人才活动日", "全国爱肝日"],
                "3-20": ["国际幸福日"],
                "3-21": ["世界森林日", "世界睡眠日", "国际消除种族歧视日"],
                "3-22": ["世界水日"],
                "3-23": ["世界气象日"],
                "3-24": ["世界防治结核病日"],
                "3-29": ["中国黄花岗七十二烈士殉难纪念日"],
                "4-2": ["国际儿童图书日", "世界自闭症日"],
                "4-4": ["国际地雷行动日"],
                "4-7": ["世界卫生日"],
                "4-8": ["国际珍稀动物保护日"],
                "4-12": ["世界航天日"],
                "4-14": ["黑色情人节"],
                "4-15": ["全民国家安全教育日"],
                "4-22": ["世界地球日", "列宁诞辰纪念日"],
                "4-23": ["世界读书日"],
                "4-24": ["中国航天日"],
                "4-25": ["儿童预防接种宣传日"],
                "4-26": ["世界知识产权日", "全国疟疾日"],
                "4-28": ["世界安全生产与健康日"],
                "4-30": ["全国交通安全反思日"],
                "5-2": ["世界金枪鱼日"],
                "5-3": ["世界新闻自由日"],
                "5-5": ["马克思诞辰纪念日"],
                "5-8": ["世界红十字日"],
                "5-11": ["世界肥胖日"],
                "5-12": ["全国防灾减灾日", "护士节"],
                "5-14": ["玫瑰情人节"],
                "5-15": ["国际家庭日"],
                "5-19": ["中国旅游日"],
                "5-20": ["网络情人节"],
                "5-22": ["国际生物多样性日"],
                "5-25": ["525心理健康节"],
                "5-27": ["上海解放日"],
                "5-29": ["国际维和人员日"],
                "5-30": ["中国五卅运动纪念日"],
                "5-31": ["世界无烟日"],
                "6-3": ["世界自行车日"],
                "6-5": ["世界环境日"],
                "6-6": ["全国爱眼日"],
                "6-8": ["世界海洋日"],
                "6-11": ["中国人口日"],
                "6-14": ["世界献血日", "亲亲情人节"],
                "6-17": ["世界防治荒漠化与干旱日"],
                "6-20": ["世界难民日"],
                "6-21": ["国际瑜伽日"],
                "6-25": ["全国土地日"],
                "6-26": ["国际禁毒日", "联合国宪章日"],
                "7-1": ["香港回归纪念日"],
                "7-6": ["国际接吻日", "朱德逝世纪念日"],
                "7-7": ["七七事变纪念日"],
                "7-11": ["世界人口日", "中国航海日"],
                "7-14": ["银色情人节"],
                "7-18": ["曼德拉国际日"],
                "7-30": ["国际友谊日"],
                "8-3": ["男人节"],
                "8-5": ["恩格斯逝世纪念日"],
                "8-6": ["国际电影节"],
                "8-8": ["全民健身日"],
                "8-9": ["国际土著人日"],
                "8-12": ["国际青年节"],
                "8-14": ["绿色情人节"],
                "8-19": ["世界人道主义日", "中国医师节"],
                "8-22": ["邓小平诞辰纪念日"],
                "8-29": ["全国测绘法宣传日"],
                "9-3": ["中国抗日战争胜利纪念日"],
                "9-5": ["中华慈善日"],
                "9-8": ["世界扫盲日"],
                "9-9": ["毛泽东逝世纪念日", "全国拒绝酒驾日"],
                "9-14": ["世界清洁地球日", "相片情人节"],
                "9-15": ["国际民主日"],
                "9-16": ["国际臭氧层保护日"],
                "9-17": ["世界骑行日"],
                "9-18": ["九一八事变纪念日"],
                "9-20": ["全国爱牙日"],
                "9-21": ["国际和平日"],
                "9-27": ["世界旅游日"],
                "9-30": ["中国烈士纪念日"],
                "10-1": ["国际老年人日"],
                "10-2": ["国际非暴力日"],
                "10-4": ["世界动物日"],
                "10-11": ["国际女童日"],
                "10-10": ["辛亥革命纪念日"],
                "10-13": ["国际减轻自然灾害日", "中国少年先锋队诞辰日"],
                "10-14": ["葡萄酒情人节"],
                "10-16": ["世界粮食日"],
                "10-17": ["全国扶贫日"],
                "10-20": ["世界统计日"],
                "10-24": ["世界发展信息日", "程序员节"],
                "10-25": ["抗美援朝纪念日"],
                "11-5": ["世界海啸日"],
                "11-8": ["记者节"],
                "11-9": ["全国消防日"],
                "11-11": ["光棍节"],
                "11-12": ["孙中山诞辰纪念日"],
                "11-14": ["电影情人节"],
                "11-16": ["国际宽容日"],
                "11-17": ["国际大学生节"],
                "11-19": ["世界厕所日"],
                "11-28": ["恩格斯诞辰纪念日"],
                "11-29": ["国际声援巴勒斯坦人民日"],
                "12-1": ["世界艾滋病日"],
                "12-2": ["全国交通安全日"],
                "12-3": ["世界残疾人日"],
                "12-4": ["全国法制宣传日"],
                "12-5": ["世界弱能人士日", "国际志愿人员日"],
                "12-7": ["国际民航日"],
                "12-9": ["世界足球日", "国际反腐败日"],
                "12-10": ["世界人权日"],
                "12-11": ["国际山岳日"],
                "12-12": ["西安事变纪念日"],
                "12-13": ["国家公祭日"],
                "12-14": ["拥抱情人节"],
                "12-18": ["国际移徙者日"],
                "12-26": ["毛泽东诞辰纪念日"]
              },
              WEEK_FESTIVAL: { "3-0-1": "全国中小学生安全教育日", "5-2-0": "母亲节", "5-3-0": "全国助残日", "6-3-0": "父亲节", "9-3-6": "全民国防教育日", "10-1-1": "世界住房日", "11-4-4": "感恩节" },
              isLeapYear: function(year) {
                if (year < 1600) {
                  return year % 4 === 0;
                }
                return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
              },
              getDaysOfMonth: function(year, month) {
                var oy = year;
                var om = month;
                year *= 1;
                if (isNaN(year)) {
                  throw new Error("wrong solar year " + oy);
                }
                month *= 1;
                if (isNaN(month)) {
                  throw new Error("wrong solar month " + om);
                }
                if (1582 === year && 10 === month) {
                  return 21;
                }
                var m = month - 1;
                var d = this.DAYS_OF_MONTH[m];
                if (m === 1 && this.isLeapYear(year)) {
                  d++;
                }
                return d;
              },
              getDaysOfYear: function(year) {
                var oy = year;
                year *= 1;
                if (isNaN(year)) {
                  throw new Error("wrong solar year " + oy);
                }
                if (1582 === year) {
                  return 355;
                }
                return this.isLeapYear(year) ? 366 : 365;
              },
              getDaysInYear: function(year, month, day) {
                var oy = year;
                var om = month;
                var od = day;
                year *= 1;
                if (isNaN(year)) {
                  throw new Error("wrong solar year " + oy);
                }
                month *= 1;
                if (isNaN(month)) {
                  throw new Error("wrong solar month " + om);
                }
                day *= 1;
                if (isNaN(day)) {
                  throw new Error("wrong solar day " + od);
                }
                var days = 0;
                for (var i = 1; i < month; i++) {
                  days += this.getDaysOfMonth(year, i);
                }
                var d = day;
                if (1582 === year && 10 === month) {
                  if (day >= 15) {
                    d -= 10;
                  } else if (day > 4) {
                    throw new Error("wrong solar year " + year + " month " + month + " day " + day);
                  }
                }
                days += d;
                return days;
              },
              getDaysBetween: function(ay, am, ad, by, bm, bd) {
                var oay = ay;
                var oam = am;
                var oad = ad;
                var oby = by;
                var obm = bm;
                var obd = bd;
                ay *= 1;
                if (isNaN(ay)) {
                  throw new Error("wrong solar year " + oay);
                }
                am *= 1;
                if (isNaN(am)) {
                  throw new Error("wrong solar month " + oam);
                }
                ad *= 1;
                if (isNaN(ad)) {
                  throw new Error("wrong solar day " + oad);
                }
                by *= 1;
                if (isNaN(by)) {
                  throw new Error("wrong solar year " + oby);
                }
                bm *= 1;
                if (isNaN(bm)) {
                  throw new Error("wrong solar month " + obm);
                }
                bd *= 1;
                if (isNaN(bd)) {
                  throw new Error("wrong solar day " + obd);
                }
                var n;
                var days;
                var i;
                if (ay === by) {
                  n = this.getDaysInYear(by, bm, bd) - this.getDaysInYear(ay, am, ad);
                } else if (ay > by) {
                  days = this.getDaysOfYear(by) - this.getDaysInYear(by, bm, bd);
                  for (i = by + 1; i < ay; i++) {
                    days += this.getDaysOfYear(i);
                  }
                  days += this.getDaysInYear(ay, am, ad);
                  n = -days;
                } else {
                  days = this.getDaysOfYear(ay) - this.getDaysInYear(ay, am, ad);
                  for (i = ay + 1; i < by; i++) {
                    days += this.getDaysOfYear(i);
                  }
                  days += this.getDaysInYear(by, bm, bd);
                  n = days;
                }
                return n;
              },
              getWeeksOfMonth: function(year, month, start) {
                return Math.ceil((this.getDaysOfMonth(year, month) + Solar2.fromYmd(year, month, 1).getWeek() - start) / 7);
              }
            };
          }();
          var LunarUtil2 = /* @__PURE__ */ function() {
            return {
              BASE_MONTH_ZHI_INDEX: 2,
              JIE_QI: ["{jq.dongZhi}", "{jq.xiaoHan}", "{jq.daHan}", "{jq.liChun}", "{jq.yuShui}", "{jq.jingZhe}", "{jq.chunFen}", "{jq.qingMing}", "{jq.guYu}", "{jq.liXia}", "{jq.xiaoMan}", "{jq.mangZhong}", "{jq.xiaZhi}", "{jq.xiaoShu}", "{jq.daShu}", "{jq.liQiu}", "{jq.chuShu}", "{jq.baiLu}", "{jq.qiuFen}", "{jq.hanLu}", "{jq.shuangJiang}", "{jq.liDong}", "{jq.xiaoXue}", "{jq.daXue}"],
              JIE_QI_IN_USE: ["DA_XUE", "{jq.dongZhi}", "{jq.xiaoHan}", "{jq.daHan}", "{jq.liChun}", "{jq.yuShui}", "{jq.jingZhe}", "{jq.chunFen}", "{jq.qingMing}", "{jq.guYu}", "{jq.liXia}", "{jq.xiaoMan}", "{jq.mangZhong}", "{jq.xiaZhi}", "{jq.xiaoShu}", "{jq.daShu}", "{jq.liQiu}", "{jq.chuShu}", "{jq.baiLu}", "{jq.qiuFen}", "{jq.hanLu}", "{jq.shuangJiang}", "{jq.liDong}", "{jq.xiaoXue}", "{jq.daXue}", "DONG_ZHI", "XIAO_HAN", "DA_HAN", "LI_CHUN", "YU_SHUI", "JING_ZHE"],
              CHANG_SHENG_OFFSET: {
                "{tg.jia}": 1,
                "{tg.bing}": 10,
                "{tg.wu}": 10,
                "{tg.geng}": 7,
                "{tg.ren}": 4,
                "{tg.yi}": 6,
                "{tg.ding}": 9,
                "{tg.ji}": 9,
                "{tg.xin}": 0,
                "{tg.gui}": 3
              },
              MONTH_ZHI: ["", "{dz.yin}", "{dz.mao}", "{dz.chen}", "{dz.si}", "{dz.wu}", "{dz.wei}", "{dz.shen}", "{dz.you}", "{dz.xu}", "{dz.hai}", "{dz.zi}", "{dz.chou}"],
              CHANG_SHENG: ["{ds.changSheng}", "{ds.muYu}", "{ds.guanDai}", "{ds.linGuan}", "{ds.diWang}", "{ds.shuai}", "{ds.bing}", "{ds.si}", "{ds.mu}", "{ds.jue}", "{ds.tai}", "{ds.yang}"],
              XUN: [
                "{jz.jiaZi}",
                "{jz.jiaXu}",
                "{jz.jiaShen}",
                "{jz.jiaWu}",
                "{jz.jiaChen}",
                "{jz.jiaYin}"
              ],
              XUN_KONG: [
                "{dz.xu}{dz.hai}",
                "{dz.shen}{dz.you}",
                "{dz.wu}{dz.wei}",
                "{dz.chen}{dz.si}",
                "{dz.yin}{dz.mao}",
                "{dz.zi}{dz.chou}"
              ],
              LIU_YAO: [
                "{ly.xianSheng}",
                "{ly.youYin}",
                "{ly.xianFu}",
                "{ly.foMie}",
                "{ly.daAn}",
                "{ly.chiKou}"
              ],
              HOU: ["{h.first}", "{h.second}", "{h.third}"],
              WU_HOU: [
                "{h.qiuYinJie}",
                "{h.miJiao}",
                "{h.shuiQuan}",
                "{h.yanBei}",
                "{h.queShi}",
                "{h.zhiShi}",
                "{h.jiShi}",
                "{h.zhengNiao}",
                "{h.shuiZe}",
                "{h.dongFeng}",
                "{h.zheChongShiZhen}",
                "{h.yuZhi}",
                "{h.taJi}",
                "{h.houYan}",
                "{h.caoMuMengDong}",
                "{h.taoShi}",
                "{h.cangGeng}",
                "{h.yingHua}",
                "{h.xuanNiaoZhi}",
                "{h.leiNai}",
                "{h.shiDian}",
                "{h.tongShi}",
                "{h.tianShu}",
                "{h.hongShi}",
                "{h.pingShi}",
                "{h.mingJiu}",
                "{h.daiSheng}",
                "{h.louGuo}",
                "{h.qiuYinChu}",
                "{h.wangGua}",
                "{h.kuCai}",
                "{h.miCao}",
                "{h.maiQiu}",
                "{h.tangLang}",
                "{h.juShi}",
                "{h.fanShe}",
                "{h.luJia}",
                "{h.tiaoShi}",
                "{h.banXia}",
                "{h.wenFeng}",
                "{h.xiShuai}",
                "{h.yingShi}",
                "{h.fuCao}",
                "{h.tuRun}",
                "{h.daYu}",
                "{h.liangFeng}",
                "{h.baiLu}",
                "{h.hanChan}",
                "{h.yingNai}",
                "{h.tianDi}",
                "{h.heNai}",
                "{h.hongYanLai}",
                "{h.xuanNiaoGui}",
                "{h.qunNiao}",
                "{h.leiShi}",
                "{h.zheChongPiHu}",
                "{h.shuiShiHe}",
                "{h.hongYanLaiBin}",
                "{h.queRu}",
                "{h.juYou}",
                "{h.caiNai}",
                "{h.caoMuHuangLuo}",
                "{h.zheChongXianFu}",
                "{h.shuiShiBing}",
                "{h.diShi}",
                "{h.zhiRu}",
                "{h.hongCang}",
                "{h.tianQi}",
                "{h.biSe}",
                "{h.heDan}",
                "{h.huShi}",
                "{h.liTing}"
              ],
              GAN: ["", "{tg.jia}", "{tg.yi}", "{tg.bing}", "{tg.ding}", "{tg.wu}", "{tg.ji}", "{tg.geng}", "{tg.xin}", "{tg.ren}", "{tg.gui}"],
              POSITION_XI: ["", "{bg.gen}", "{bg.qian}", "{bg.kun}", "{bg.li}", "{bg.xun}", "{bg.gen}", "{bg.qian}", "{bg.kun}", "{bg.li}", "{bg.xun}"],
              POSITION_YANG_GUI: ["", "{bg.kun}", "{bg.kun}", "{bg.dui}", "{bg.qian}", "{bg.gen}", "{bg.kan}", "{bg.li}", "{bg.gen}", "{bg.zhen}", "{bg.xun}"],
              POSITION_YIN_GUI: ["", "{bg.gen}", "{bg.kan}", "{bg.qian}", "{bg.dui}", "{bg.kun}", "{bg.kun}", "{bg.gen}", "{bg.li}", "{bg.xun}", "{bg.zhen}"],
              POSITION_FU: ["", "{bg.xun}", "{bg.xun}", "{bg.zhen}", "{bg.zhen}", "{bg.kan}", "{bg.li}", "{bg.kun}", "{bg.kun}", "{bg.qian}", "{bg.dui}"],
              POSITION_FU_2: ["", "{bg.kan}", "{bg.kun}", "{bg.qian}", "{bg.xun}", "{bg.gen}", "{bg.kan}", "{bg.kun}", "{bg.qian}", "{bg.xun}", "{bg.gen}"],
              POSITION_CAI: ["", "{bg.gen}", "{bg.gen}", "{bg.kun}", "{bg.kun}", "{bg.kan}", "{bg.kan}", "{bg.zhen}", "{bg.zhen}", "{bg.li}", "{bg.li}"],
              POSITION_TAI_SUI_YEAR: ["{bg.kan}", "{bg.gen}", "{bg.gen}", "{bg.zhen}", "{bg.xun}", "{bg.xun}", "{bg.li}", "{bg.kun}", "{bg.kun}", "{bg.dui}", "{bg.kan}", "{bg.kan}"],
              POSITION_GAN: ["{bg.zhen}", "{bg.zhen}", "{bg.li}", "{bg.li}", "{ps.center}", "{ps.center}", "{bg.dui}", "{bg.dui}", "{bg.kan}", "{bg.kan}"],
              POSITION_ZHI: ["{bg.kan}", "{ps.center}", "{bg.zhen}", "{bg.zhen}", "{ps.center}", "{bg.li}", "{bg.li}", "{ps.center}", "{bg.dui}", "{bg.dui}", "{ps.center}", "{bg.kan}"],
              POSITION_TAI_DAY: [
                "{ts.zhan}{ts.men}{ts.dui} {ps.wai}{ps.dongNan}",
                "{ts.dui}{ts.mo}{ts.ce} {ps.wai}{ps.dongNan}",
                "{ts.chu}{ts.zao}{ts.lu} {ps.wai}{ps.zhengNan}",
                "{ts.cangKu}{ts.men} {ps.wai}{ps.zhengNan}",
                "{ts.fang}{ts.chuang}{ts.xi} {ps.wai}{ps.zhengNan}",
                "{ts.zhan}{ts.men}{ts.chuang} {ps.wai}{ps.zhengNan}",
                "{ts.zhan}{ts.dui}{ts.mo} {ps.wai}{ps.zhengNan}",
                "{ts.chu}{ts.zao}{ts.ce} {ps.wai}{ps.xiNan}",
                "{ts.cangKu}{ts.lu} {ps.wai}{ps.xiNan}",
                "{ts.fang}{ts.chuang}{ts.men} {ps.wai}{ps.xiNan}",
                "{ts.zhan}{ts.men}{ts.xi} {ps.wai}{ps.xiNan}",
                "{ts.dui}{ts.mo}{ts.chuang} {ps.wai}{ps.xiNan}",
                "{ts.chu}{ts.zao}{ts.dui} {ps.wai}{ps.xiNan}",
                "{ts.cangKu}{ts.ce} {ps.wai}{ps.zhengXi}",
                "{ts.fang}{ts.chuang}{ts.lu} {ps.wai}{ps.zhengXi}",
                "{ts.zhan}{ts.daMen} {ps.wai}{ps.zhengXi}",
                "{ts.dui}{ts.mo}{ts.xi} {ps.wai}{ps.zhengXi}",
                "{ts.chu}{ts.zao}{ts.chuang} {ps.wai}{ps.zhengXi}",
                "{ts.cangKu}{ts.dui} {ps.wai}{ps.xiBei}",
                "{ts.fang}{ts.chuang}{ts.ce} {ps.wai}{ps.xiBei}",
                "{ts.zhan}{ts.men}{ts.lu} {ps.wai}{ps.xiBei}",
                "{ts.dui}{ts.mo}{ts.men} {ps.wai}{ps.xiBei}",
                "{ts.chu}{ts.zao}{ts.xi} {ps.wai}{ps.xiBei}",
                "{ts.cangKu}{ts.chuang} {ps.wai}{ps.xiBei}",
                "{ts.fang}{ts.chuang}{ts.dui} {ps.wai}{ps.zhengBei}",
                "{ts.zhan}{ts.men}{ts.ce} {ps.wai}{ps.zhengBei}",
                "{ts.dui}{ts.mo}{ts.lu} {ps.wai}{ps.zhengBei}",
                "{ts.chu}{ts.zao}{ts.men} {ps.wai}{ps.zhengBei}",
                "{ts.cangKu}{ts.xi} {ps.wai}{ps.zhengBei}",
                "{ts.zhan}{ts.fang}{ts.chuang} {ps.fangNei}{ps.bei}",
                "{ts.zhan}{ts.men}{ts.dui} {ps.fangNei}{ps.bei}",
                "{ts.dui}{ts.mo}{ts.ce} {ps.fangNei}{ps.bei}",
                "{ts.chu}{ts.zao}{ts.lu} {ps.fangNei}{ps.bei}",
                "{ts.cangKu}{ts.men} {ps.fangNei}{ps.bei}",
                "{ts.fang}{ts.chuang}{ts.xi} {ps.fangNei}{ps.center}",
                "{ts.zhan}{ts.men}{ts.chuang} {ps.fangNei}{ps.center}",
                "{ts.zhan}{ts.dui}{ts.mo} {ps.fangNei}{ps.nan}",
                "{ts.chu}{ts.zao}{ts.ce} {ps.fangNei}{ps.nan}",
                "{ts.cangKu}{ts.lu} {ps.fangNei}{ps.nan}",
                "{ts.fang}{ts.chuang}{ts.men} {ps.fangNei}{ps.xi}",
                "{ts.zhan}{ts.men}{ts.xi} {ps.fangNei}{ps.dong}",
                "{ts.dui}{ts.mo}{ts.chuang} {ps.fangNei}{ps.dong}",
                "{ts.chu}{ts.zao}{ts.dui} {ps.fangNei}{ps.dong}",
                "{ts.cangKu}{ts.ce} {ps.fangNei}{ps.dong}",
                "{ts.fang}{ts.chuang}{ts.lu} {ps.fangNei}{ps.center}",
                "{ts.zhan}{ts.daMen} {ps.wai}{ps.dongBei}",
                "{ts.dui}{ts.mo}{ts.xi} {ps.wai}{ps.dongBei}",
                "{ts.chu}{ts.zao}{ts.chuang} {ps.wai}{ps.dongBei}",
                "{ts.cangKu}{ts.dui} {ps.wai}{ps.dongBei}",
                "{ts.fang}{ts.chuang}{ts.ce} {ps.wai}{ps.dongBei}",
                "{ts.zhan}{ts.men}{ts.lu} {ps.wai}{ps.dongBei}",
                "{ts.dui}{ts.mo}{ts.men} {ps.wai}{ps.zhengDong}",
                "{ts.chu}{ts.zao}{ts.xi} {ps.wai}{ps.zhengDong}",
                "{ts.cangKu}{ts.chuang} {ps.wai}{ps.zhengDong}",
                "{ts.fang}{ts.chuang}{ts.dui} {ps.wai}{ps.zhengDong}",
                "{ts.zhan}{ts.men}{ts.ce} {ps.wai}{ps.zhengDong}",
                "{ts.dui}{ts.mo}{ts.lu} {ps.wai}{ps.dongNan}",
                "{ts.chu}{ts.zao}{ts.men} {ps.wai}{ps.dongNan}",
                "{ts.cangKu}{ts.xi} {ps.wai}{ps.dongNan}",
                "{ts.zhan}{ts.fang}{ts.chuang} {ps.wai}{ps.dongNan}"
              ],
              POSITION_TAI_MONTH: [
                "{ts.zhan}{ts.fang}{ts.chuang}",
                "{ts.zhan}{ts.hu}{ts.win}",
                "{ts.zhan}{ts.men}{ts.tang}",
                "{ts.zhan}{ts.chu}{ts.zao}",
                "{ts.zhan}{ts.fang}{ts.chuang}",
                "{ts.zhan}{ts.chuang}{ts.cang}",
                "{ts.zhan}{ts.dui}{ts.mo}",
                "{ts.zhan}{ts.ce}{ts.hu}",
                "{ts.zhan}{ts.men}{ts.fang}",
                "{ts.zhan}{ts.fang}{ts.chuang}",
                "{ts.zhan}{ts.zao}{ts.lu}",
                "{ts.zhan}{ts.fang}{ts.chuang}"
              ],
              ZHI: ["", "{dz.zi}", "{dz.chou}", "{dz.yin}", "{dz.mao}", "{dz.chen}", "{dz.si}", "{dz.wu}", "{dz.wei}", "{dz.shen}", "{dz.you}", "{dz.xu}", "{dz.hai}"],
              ZHI_XING: [
                "",
                "{zx.jian}",
                "{zx.chu}",
                "{zx.man}",
                "{zx.ping}",
                "{zx.ding}",
                "{zx.zhi}",
                "{zx.po}",
                "{zx.wei}",
                "{zx.cheng}",
                "{zx.shou}",
                "{zx.kai}",
                "{zx.bi}"
              ],
              JIA_ZI: [
                "{jz.jiaZi}",
                "{jz.yiChou}",
                "{jz.bingYin}",
                "{jz.dingMao}",
                "{jz.wuChen}",
                "{jz.jiSi}",
                "{jz.gengWu}",
                "{jz.xinWei}",
                "{jz.renShen}",
                "{jz.guiYou}",
                "{jz.jiaXu}",
                "{jz.yiHai}",
                "{jz.bingZi}",
                "{jz.dingChou}",
                "{jz.wuYin}",
                "{jz.jiMao}",
                "{jz.gengChen}",
                "{jz.xinSi}",
                "{jz.renWu}",
                "{jz.guiWei}",
                "{jz.jiaShen}",
                "{jz.yiYou}",
                "{jz.bingXu}",
                "{jz.dingHai}",
                "{jz.wuZi}",
                "{jz.jiChou}",
                "{jz.gengYin}",
                "{jz.xinMao}",
                "{jz.renChen}",
                "{jz.guiSi}",
                "{jz.jiaWu}",
                "{jz.yiWei}",
                "{jz.bingShen}",
                "{jz.dingYou}",
                "{jz.wuXu}",
                "{jz.jiHai}",
                "{jz.gengZi}",
                "{jz.xinChou}",
                "{jz.renYin}",
                "{jz.guiMao}",
                "{jz.jiaChen}",
                "{jz.yiSi}",
                "{jz.bingWu}",
                "{jz.dingWei}",
                "{jz.wuShen}",
                "{jz.jiYou}",
                "{jz.gengXu}",
                "{jz.xinHai}",
                "{jz.renZi}",
                "{jz.guiChou}",
                "{jz.jiaYin}",
                "{jz.yiMao}",
                "{jz.bingChen}",
                "{jz.dingSi}",
                "{jz.wuWu}",
                "{jz.jiWei}",
                "{jz.gengShen}",
                "{jz.xinYou}",
                "{jz.renXu}",
                "{jz.guiHai}"
              ],
              TIAN_SHEN: ["", "{sn.qingLong}", "{sn.mingTang}", "{sn.tianXing}", "{sn.zhuQue}", "{sn.jinKui}", "{sn.tianDe}", "{sn.baiHu}", "{sn.yuTang}", "{sn.tianLao}", "{sn.xuanWu}", "{sn.siMing}", "{sn.gouChen}"],
              ZHI_TIAN_SHEN_OFFSET: {
                "{dz.zi}": 4,
                "{dz.chou}": 2,
                "{dz.yin}": 0,
                "{dz.mao}": 10,
                "{dz.chen}": 8,
                "{dz.si}": 6,
                "{dz.wu}": 4,
                "{dz.wei}": 2,
                "{dz.shen}": 0,
                "{dz.you}": 10,
                "{dz.xu}": 8,
                "{dz.hai}": 6
              },
              TIAN_SHEN_TYPE: {
                "{sn.qingLong}": "{s.huangDao}",
                "{sn.mingTang}": "{s.huangDao}",
                "{sn.jinKui}": "{s.huangDao}",
                "{sn.tianDe}": "{s.huangDao}",
                "{sn.yuTang}": "{s.huangDao}",
                "{sn.siMing}": "{s.huangDao}",
                "{sn.tianXing}": "{s.heiDao}",
                "{sn.zhuQue}": "{s.heiDao}",
                "{sn.baiHu}": "{s.heiDao}",
                "{sn.tianLao}": "{s.heiDao}",
                "{sn.xuanWu}": "{s.heiDao}",
                "{sn.gouChen}": "{s.heiDao}"
              },
              TIAN_SHEN_TYPE_LUCK: {
                "{s.huangDao}": "{s.goodLuck}",
                "{s.heiDao}": "{s.badLuck}"
              },
              PENGZU_GAN: ["", "{tg.jia}不开仓财物耗散", "{tg.yi}不栽植千株不长", "{tg.bing}不修灶必见灾殃", "{tg.ding}不剃头头必生疮", "{tg.wu}不受田田主不祥", "{tg.ji}不破券二比并亡", "{tg.geng}不经络织机虚张", "{tg.xin}不合酱主人不尝", "{tg.ren}不泱水更难提防", "{tg.gui}不词讼理弱敌强"],
              PENGZU_ZHI: ["", "{dz.zi}不问卜自惹祸殃", "{dz.chou}不冠带主不还乡", "{dz.yin}不祭祀神鬼不尝", "{dz.mao}不穿井水泉不香", "{dz.chen}不哭泣必主重丧", "{dz.si}不远行财物伏藏", "{dz.wu}不苫盖屋主更张", "{dz.wei}不服药毒气入肠", "{dz.shen}不安床鬼祟入房", "{dz.you}不会客醉坐颠狂", "{dz.xu}不吃犬作怪上床", "{dz.hai}不嫁娶不利新郎"],
              NUMBER: ["{n.zero}", "{n.one}", "{n.two}", "{n.three}", "{n.four}", "{n.five}", "{n.six}", "{n.seven}", "{n.eight}", "{n.nine}", "{n.ten}", "{n.eleven}", "{n.twelve}"],
              MONTH: [
                "",
                "{m.one}",
                "{m.two}",
                "{m.three}",
                "{m.four}",
                "{m.five}",
                "{m.six}",
                "{m.seven}",
                "{m.eight}",
                "{m.nine}",
                "{m.ten}",
                "{m.eleven}",
                "{m.twelve}"
              ],
              SEASON: [
                "",
                "{od.first}{sz.chun}",
                "{od.second}{sz.chun}",
                "{od.third}{sz.chun}",
                "{od.first}{sz.xia}",
                "{od.second}{sz.xia}",
                "{od.third}{sz.xia}",
                "{od.first}{sz.qiu}",
                "{od.second}{sz.qiu}",
                "{od.third}{sz.qiu}",
                "{od.first}{sz.dong}",
                "{od.second}{sz.dong}",
                "{od.third}{sz.dong}"
              ],
              SHENGXIAO: ["", "{sx.rat}", "{sx.ox}", "{sx.tiger}", "{sx.rabbit}", "{sx.dragon}", "{sx.snake}", "{sx.horse}", "{sx.goat}", "{sx.monkey}", "{sx.rooster}", "{sx.dog}", "{sx.pig}"],
              DAY: [
                "",
                "{d.one}",
                "{d.two}",
                "{d.three}",
                "{d.four}",
                "{d.five}",
                "{d.six}",
                "{d.seven}",
                "{d.eight}",
                "{d.nine}",
                "{d.ten}",
                "{d.eleven}",
                "{d.twelve}",
                "{d.thirteen}",
                "{d.fourteen}",
                "{d.fifteen}",
                "{d.sixteen}",
                "{d.seventeen}",
                "{d.eighteen}",
                "{d.nighteen}",
                "{d.twenty}",
                "{d.twentyOne}",
                "{d.twentyTwo}",
                "{d.twentyThree}",
                "{d.twentyFour}",
                "{d.twentyFive}",
                "{d.twentySix}",
                "{d.twentySeven}",
                "{d.twentyEight}",
                "{d.twentyNine}",
                "{d.thirty}"
              ],
              YUE_XIANG: [
                "",
                "{yx.shuo}",
                "{yx.jiShuo}",
                "{yx.eMeiXin}",
                "{yx.eMeiXin}",
                "{yx.eMei}",
                "{yx.xi}",
                "{yx.shangXian}",
                "{yx.shangXian}",
                "{yx.jiuYe}",
                "{yx.night}",
                "{yx.night}",
                "{yx.night}",
                "{yx.jianYingTu}",
                "{yx.xiaoWang}",
                "{yx.wang}",
                "{yx.jiWang}",
                "{yx.liDai}",
                "{yx.juDai}",
                "{yx.qinDai}",
                "{yx.gengDai}",
                "{yx.jianKuiTu}",
                "{yx.xiaXian}",
                "{yx.xiaXian}",
                "{yx.youMing}",
                "{yx.youMing}",
                "{yx.eMeiCan}",
                "{yx.eMeiCan}",
                "{yx.can}",
                "{yx.xiao}",
                "{yx.hui}"
              ],
              XIU: {
                "{dz.shen}1": "{xx.bi}",
                "{dz.shen}2": "{xx.yi}",
                "{dz.shen}3": "{xx.ji}",
                "{dz.shen}4": "{xx.kui}",
                "{dz.shen}5": "{xx.gui}",
                "{dz.shen}6": "{xx.di}",
                "{dz.shen}0": "{xx.xu}",
                "{dz.zi}1": "{xx.bi}",
                "{dz.zi}2": "{xx.yi}",
                "{dz.zi}3": "{xx.ji}",
                "{dz.zi}4": "{xx.kui}",
                "{dz.zi}5": "{xx.gui}",
                "{dz.zi}6": "{xx.di}",
                "{dz.zi}0": "{xx.xu}",
                "{dz.chen}1": "{xx.bi}",
                "{dz.chen}2": "{xx.yi}",
                "{dz.chen}3": "{xx.ji}",
                "{dz.chen}4": "{xx.kui}",
                "{dz.chen}5": "{xx.gui}",
                "{dz.chen}6": "{xx.di}",
                "{dz.chen}0": "{xx.xu}",
                "{dz.si}1": "{xx.wei}",
                "{dz.si}2": "{xx.zi}",
                "{dz.si}3": "{xx.zhen}",
                "{dz.si}4": "{xx.dou}",
                "{dz.si}5": "{xx.lou}",
                "{dz.si}6": "{xx.liu}",
                "{dz.si}0": "{xx.fang}",
                "{dz.you}1": "{xx.wei}",
                "{dz.you}2": "{xx.zi}",
                "{dz.you}3": "{xx.zhen}",
                "{dz.you}4": "{xx.dou}",
                "{dz.you}5": "{xx.lou}",
                "{dz.you}6": "{xx.liu}",
                "{dz.you}0": "{xx.fang}",
                "{dz.chou}1": "{xx.wei}",
                "{dz.chou}2": "{xx.zi}",
                "{dz.chou}3": "{xx.zhen}",
                "{dz.chou}4": "{xx.dou}",
                "{dz.chou}5": "{xx.lou}",
                "{dz.chou}6": "{xx.liu}",
                "{dz.chou}0": "{xx.fang}",
                "{dz.yin}1": "{xx.xin}",
                "{dz.yin}2": "{xx.shi}",
                "{dz.yin}3": "{xx.can}",
                "{dz.yin}4": "{xx.jiao}",
                "{dz.yin}5": "{xx.niu}",
                "{dz.yin}6": "{xx.vei}",
                "{dz.yin}0": "{xx.xing}",
                "{dz.wu}1": "{xx.xin}",
                "{dz.wu}2": "{xx.shi}",
                "{dz.wu}3": "{xx.can}",
                "{dz.wu}4": "{xx.jiao}",
                "{dz.wu}5": "{xx.niu}",
                "{dz.wu}6": "{xx.vei}",
                "{dz.wu}0": "{xx.xing}",
                "{dz.xu}1": "{xx.xin}",
                "{dz.xu}2": "{xx.shi}",
                "{dz.xu}3": "{xx.can}",
                "{dz.xu}4": "{xx.jiao}",
                "{dz.xu}5": "{xx.niu}",
                "{dz.xu}6": "{xx.vei}",
                "{dz.xu}0": "{xx.xing}",
                "{dz.hai}1": "{xx.zhang}",
                "{dz.hai}2": "{xx.tail}",
                "{dz.hai}3": "{xx.qiang}",
                "{dz.hai}4": "{xx.jing}",
                "{dz.hai}5": "{xx.kang}",
                "{dz.hai}6": "{xx.nv}",
                "{dz.hai}0": "{xx.mao}",
                "{dz.mao}1": "{xx.zhang}",
                "{dz.mao}2": "{xx.tail}",
                "{dz.mao}3": "{xx.qiang}",
                "{dz.mao}4": "{xx.jing}",
                "{dz.mao}5": "{xx.kang}",
                "{dz.mao}6": "{xx.nv}",
                "{dz.mao}0": "{xx.mao}",
                "{dz.wei}1": "{xx.zhang}",
                "{dz.wei}2": "{xx.tail}",
                "{dz.wei}3": "{xx.qiang}",
                "{dz.wei}4": "{xx.jing}",
                "{dz.wei}5": "{xx.kang}",
                "{dz.wei}6": "{xx.nv}",
                "{dz.wei}0": "{xx.mao}"
              },
              XIU_LUCK: {
                "{xx.jiao}": "{s.goodLuck}",
                "{xx.kang}": "{s.badLuck}",
                "{xx.di}": "{s.badLuck}",
                "{xx.fang}": "{s.goodLuck}",
                "{xx.xin}": "{s.badLuck}",
                "{xx.tail}": "{s.goodLuck}",
                "{xx.ji}": "{s.goodLuck}",
                "{xx.dou}": "{s.goodLuck}",
                "{xx.niu}": "{s.badLuck}",
                "{xx.nv}": "{s.badLuck}",
                "{xx.xu}": "{s.badLuck}",
                "{xx.wei}": "{s.badLuck}",
                "{xx.shi}": "{s.goodLuck}",
                "{xx.qiang}": "{s.goodLuck}",
                "{xx.kui}": "{s.badLuck}",
                "{xx.lou}": "{s.goodLuck}",
                "{xx.vei}": "{s.goodLuck}",
                "{xx.mao}": "{s.badLuck}",
                "{xx.bi}": "{s.goodLuck}",
                "{xx.zi}": "{s.badLuck}",
                "{xx.can}": "{s.goodLuck}",
                "{xx.jing}": "{s.goodLuck}",
                "{xx.gui}": "{s.badLuck}",
                "{xx.liu}": "{s.badLuck}",
                "{xx.xing}": "{s.badLuck}",
                "{xx.zhang}": "{s.goodLuck}",
                "{xx.yi}": "{s.badLuck}",
                "{xx.zhen}": "{s.goodLuck}"
              },
              XIU_SONG: {
                "{xx.jiao}": "角星造作主荣昌，外进田财及女郎，嫁娶婚姻出贵子，文人及第见君王，惟有埋葬不可用，三年之后主瘟疫，起工修筑坟基地，堂前立见主人凶。",
                "{xx.kang}": "亢星造作长房当，十日之中主有殃，田地消磨官失职，接运定是虎狼伤，嫁娶婚姻用此日，儿孙新妇守空房，埋葬若还用此日，当时害祸主重伤。",
                "{xx.di}": "氐星造作主灾凶，费尽田园仓库空，埋葬不可用此日，悬绳吊颈祸重重，若是婚姻离别散，夜招浪子入房中，行船必定遭沉没，更生聋哑子孙穷。",
                "{xx.fang}": "房星造作田园进，钱财牛马遍山岗，更招外处田庄宅，荣华富贵福禄康，埋葬若然用此日，高官进职拜君王，嫁娶嫦娥至月殿，三年抱子至朝堂。",
                "{xx.xin}": "心星造作大为凶，更遭刑讼狱囚中，忤逆官非宅产退，埋葬卒暴死相从，婚姻若是用此日，子死儿亡泪满胸，三年之内连遭祸，事事教君没始终。",
                "{xx.tail}": "尾星造作主天恩，富贵荣华福禄增，招财进宝兴家宅，和合婚姻贵子孙，埋葬若能依此日，男清女正子孙兴，开门放水招田宅，代代公侯远播名。",
                "{xx.ji}": "箕星造作主高强，岁岁年年大吉昌，埋葬修坟大吉利，田蚕牛马遍山岗，开门放水招田宅，箧满金银谷满仓，福荫高官加禄位，六亲丰禄乐安康。",
                "{xx.dou}": "斗星造作主招财，文武官员位鼎台，田宅家财千万进，坟堂修筑贵富来，开门放水招牛马，旺蚕男女主和谐，遇此吉宿来照护，时支福庆永无灾。",
                "{xx.niu}": "牛星造作主灾危，九横三灾不可推，家宅不安人口退，田蚕不利主人衰，嫁娶婚姻皆自损，金银财谷渐无之，若是开门并放水，牛猪羊马亦伤悲。",
                "{xx.nv}": "女星造作损婆娘，兄弟相嫌似虎狼，埋葬生灾逢鬼怪，颠邪疾病主瘟惶，为事遭官财失散，泻利留连不可当，开门放水用此日，全家财散主离乡。",
                "{xx.xu}": "虚星造作主灾殃，男女孤眠不一双，内乱风声无礼节，儿孙媳妇伴人床，开门放水遭灾祸，虎咬蛇伤又卒亡，三三五五连年病，家破人亡不可当。",
                "{xx.wei}": "危星不可造高楼，自遭刑吊见血光，三年孩子遭水厄，后生出外永不还，埋葬若还逢此日，周年百日取高堂，三年两载一悲伤，开门放水到官堂。",
                "{xx.shi}": "室星修造进田牛，儿孙代代近王侯，家贵荣华天上至，寿如彭祖八千秋，开门放水招财帛，和合婚姻生贵儿，埋葬若能依此日，门庭兴旺福无休。",
                "{xx.qiang}": "壁星造作主增财，丝蚕大熟福滔天，奴婢自来人口进，开门放水出英贤，埋葬招财官品进，家中诸事乐陶然，婚姻吉利主贵子，早播名誉著祖鞭。",
                "{xx.kui}": "奎星造作得祯祥，家内荣和大吉昌，若是埋葬阴卒死，当年定主两三伤，看看军令刑伤到，重重官事主瘟惶，开门放水遭灾祸，三年两次损儿郎。",
                "{xx.lou}": "娄星修造起门庭，财旺家和事事兴，外进钱财百日进，一家兄弟播高名，婚姻进益生贵子，玉帛金银箱满盈，放水开门皆吉利，男荣女贵寿康宁。",
                "{xx.vei}": "胃星造作事如何，家贵荣华喜气多，埋葬贵临官禄位，夫妇齐眉永保康，婚姻遇此家富贵，三灾九祸不逢他，从此门前多吉庆，儿孙代代拜金阶。",
                "{xx.mao}": "昴星造作进田牛，埋葬官灾不得休，重丧二日三人死，尽卖田园不记增，开门放水招灾祸，三岁孩儿白了头，婚姻不可逢此日，死别生离是可愁。",
                "{xx.bi}": "毕星造作主光前，买得田园有余钱，埋葬此日添官职，田蚕大熟永丰年，开门放水多吉庆，合家人口得安然，婚姻若得逢此日，生得孩儿福寿全。",
                "{xx.zi}": "觜星造作有徒刑，三年必定主伶丁，埋葬卒死多因此，取定寅年使杀人，三丧不止皆由此，一人药毒二人身，家门田地皆退败，仓库金银化作尘。",
                "{xx.can}": "参星造作旺人家，文星照耀大光华，只因造作田财旺，埋葬招疾哭黄沙，开门放水加官职，房房子孙见田加，婚姻许遁遭刑克，男女朝开幕落花。",
                "{xx.jing}": "井星造作旺蚕田，金榜题名第一光，埋葬须防惊卒死，狂颠风疾入黄泉，开门放水招财帛，牛马猪羊旺莫言，贵人田塘来入宅，儿孙兴旺有余钱。",
                "{xx.gui}": "鬼星起造卒人亡，堂前不见主人郎，埋葬此日官禄至，儿孙代代近君王，开门放水须伤死，嫁娶夫妻不久长，修土筑墙伤产女，手扶双女泪汪汪。",
                "{xx.liu}": "柳星造作主遭官，昼夜偷闭不暂安，埋葬瘟惶多疾病，田园退尽守冬寒，开门放水遭聋瞎，腰驼背曲似弓弯，更有棒刑宜谨慎，妇人随客走盘桓。",
                "{xx.xing}": "星宿日好造新房，进职加官近帝王，不可埋葬并放水，凶星临位女人亡，生离死别无心恋，要自归休别嫁郎，孔子九曲殊难度，放水开门天命伤。",
                "{xx.zhang}": "张星日好造龙轩，年年并见进庄田，埋葬不久升官职，代代为官近帝前，开门放水招财帛，婚姻和合福绵绵，田蚕人满仓库满，百般顺意自安然。",
                "{xx.yi}": "翼星不利架高堂，三年二载见瘟惶，埋葬若还逢此日，子孙必定走他乡，婚姻此日不宜利，归家定是不相当，开门放水家须破，少女恋花贪外郎。",
                "{xx.zhen}": "轸星临水造龙宫，代代为官受皇封，富贵荣华增寿禄，库满仓盈自昌隆，埋葬文昌来照助，宅舍安宁不见凶，更有为官沾帝宠，婚姻龙子入龙宫。"
              },
              ZHENG: {
                "{xx.jiao}": "{wx.mu}",
                "{xx.jing}": "{wx.mu}",
                "{xx.kui}": "{wx.mu}",
                "{xx.dou}": "{wx.mu}",
                "{xx.kang}": "{wx.jin}",
                "{xx.gui}": "{wx.jin}",
                "{xx.lou}": "{wx.jin}",
                "{xx.niu}": "{wx.jin}",
                "{xx.di}": "{wx.tu}",
                "{xx.liu}": "{wx.tu}",
                "{xx.vei}": "{wx.tu}",
                "{xx.nv}": "{wx.tu}",
                "{xx.fang}": "{wx.ri}",
                "{xx.xing}": "{wx.ri}",
                "{xx.mao}": "{wx.ri}",
                "{xx.xu}": "{wx.ri}",
                "{xx.xin}": "{wx.yue}",
                "{xx.zhang}": "{wx.yue}",
                "{xx.bi}": "{wx.yue}",
                "{xx.wei}": "{wx.yue}",
                "{xx.tail}": "{wx.huo}",
                "{xx.yi}": "{wx.huo}",
                "{xx.zi}": "{wx.huo}",
                "{xx.shi}": "{wx.huo}",
                "{xx.ji}": "{wx.shui}",
                "{xx.zhen}": "{wx.shui}",
                "{xx.can}": "{wx.shui}",
                "{xx.qiang}": "{wx.shui}"
              },
              ANIMAL: {
                "{xx.jiao}": "{dw.jiao}",
                "{xx.dou}": "{dw.xie}",
                "{xx.kui}": "{dw.lang}",
                "{xx.jing}": "{dw.han}",
                "{xx.kang}": "{dw.long}",
                "{xx.niu}": "{dw.niu}",
                "{xx.lou}": "{dw.gou}",
                "{xx.gui}": "{dw.yang}",
                "{xx.nv}": "{dw.fu}",
                "{xx.di}": "{dw.he}",
                "{xx.vei}": "{dw.zhi}",
                "{xx.liu}": "{dw.zhang}",
                "{xx.fang}": "{dw.tu}",
                "{xx.xu}": "{dw.shu}",
                "{xx.mao}": "{dw.ji}",
                "{xx.xing}": "{dw.ma}",
                "{xx.xin}": "{dw.huLi}",
                "{xx.wei}": "{dw.yan}",
                "{xx.bi}": "{dw.wu}",
                "{xx.zhang}": "{dw.lu}",
                "{xx.tail}": "{dw.hu}",
                "{xx.shi}": "{dw.zhu}",
                "{xx.zi}": "{dw.hou}",
                "{xx.yi}": "{dw.she}",
                "{xx.ji}": "{dw.bao}",
                "{xx.qiang}": "{dw.xu}",
                "{xx.can}": "{dw.yuan}",
                "{xx.zhen}": "{dw.yin}"
              },
              GONG: {
                "{xx.jiao}": "{ps.dong}",
                "{xx.jing}": "{ps.nan}",
                "{xx.kui}": "{ps.xi}",
                "{xx.dou}": "{ps.bei}",
                "{xx.kang}": "{ps.dong}",
                "{xx.gui}": "{ps.nan}",
                "{xx.lou}": "{ps.xi}",
                "{xx.niu}": "{ps.bei}",
                "{xx.di}": "{ps.dong}",
                "{xx.liu}": "{ps.nan}",
                "{xx.vei}": "{ps.xi}",
                "{xx.nv}": "{ps.bei}",
                "{xx.fang}": "{ps.dong}",
                "{xx.xing}": "{ps.nan}",
                "{xx.mao}": "{ps.xi}",
                "{xx.xu}": "{ps.bei}",
                "{xx.xin}": "{ps.dong}",
                "{xx.zhang}": "{ps.nan}",
                "{xx.bi}": "{ps.xi}",
                "{xx.wei}": "{ps.bei}",
                "{xx.tail}": "{ps.dong}",
                "{xx.yi}": "{ps.nan}",
                "{xx.zi}": "{ps.xi}",
                "{xx.shi}": "{ps.bei}",
                "{xx.ji}": "{ps.dong}",
                "{xx.zhen}": "{ps.nan}",
                "{xx.can}": "{ps.xi}",
                "{xx.qiang}": "{ps.bei}"
              },
              SHOU: {
                "{ps.dong}": "{sn.qingLong}",
                "{ps.nan}": "{sn.zhuQue}",
                "{ps.xi}": "{sn.baiHu}",
                "{ps.bei}": "{sn.xuanWu}"
              },
              FESTIVAL: {
                "1-1": "{jr.chunJie}",
                "1-15": "{jr.yuanXiao}",
                "2-2": "{jr.longTou}",
                "5-5": "{jr.duanWu}",
                "7-7": "{jr.qiXi}",
                "8-15": "{jr.zhongQiu}",
                "9-9": "{jr.chongYang}",
                "12-8": "{jr.laBa}"
              },
              OTHER_FESTIVAL: { "1-4": ["接神日"], "1-5": ["隔开日"], "1-7": ["人日"], "1-8": ["谷日", "顺星节"], "1-9": ["天日"], "1-10": ["地日"], "1-20": ["天穿节"], "1-25": ["填仓节"], "1-30": ["正月晦"], "2-1": ["中和节"], "2-2": ["社日节"], "3-3": ["上巳节"], "5-20": ["分龙节"], "5-25": ["会龙节"], "6-6": ["天贶节"], "6-24": ["观莲节"], "6-25": ["五谷母节"], "7-15": ["中元节"], "7-22": ["财神节"], "7-29": ["地藏节"], "8-1": ["天灸日"], "10-1": ["寒衣节"], "10-10": ["十成节"], "10-15": ["下元节"], "12-7": ["驱傩日"], "12-16": ["尾牙"], "12-24": ["祭灶日"] },
              CHONG: ["{dz.wu}", "{dz.wei}", "{dz.shen}", "{dz.you}", "{dz.xu}", "{dz.hai}", "{dz.zi}", "{dz.chou}", "{dz.yin}", "{dz.mao}", "{dz.chen}", "{dz.si}"],
              CHONG_GAN: ["{tg.wu}", "{tg.ji}", "{tg.geng}", "{tg.xin}", "{tg.ren}", "{tg.gui}", "{tg.jia}", "{tg.yi}", "{tg.bing}", "{tg.ding}"],
              CHONG_GAN_TIE: ["{tg.ji}", "{tg.wu}", "{tg.xin}", "{tg.geng}", "{tg.gui}", "{tg.ren}", "{tg.yi}", "{tg.jia}", "{tg.ding}", "{tg.bing}"],
              CHONG_GAN_4: ["{tg.geng}", "{tg.xin}", "{tg.ren}", "{tg.gui}", "", "", "{tg.jia}", "{tg.yi}", "{tg.bing}", "{tg.ding}"],
              HE_GAN_5: ["{tg.ji}", "{tg.geng}", "{tg.xin}", "{tg.ren}", "{tg.gui}", "{tg.jia}", "{tg.yi}", "{tg.bing}", "{tg.ding}", "{tg.wu}"],
              HE_ZHI_6: ["{dz.chou}", "{dz.zi}", "{dz.hai}", "{dz.xu}", "{dz.you}", "{dz.shen}", "{dz.wei}", "{dz.wu}", "{dz.si}", "{dz.chen}", "{dz.mao}", "{dz.yin}"],
              SHA: {
                "{dz.zi}": "{ps.nan}",
                "{dz.chou}": "{ps.dong}",
                "{dz.yin}": "{ps.bei}",
                "{dz.mao}": "{ps.xi}",
                "{dz.chen}": "{ps.nan}",
                "{dz.si}": "{ps.dong}",
                "{dz.wu}": "{ps.bei}",
                "{dz.wei}": "{ps.xi}",
                "{dz.shen}": "{ps.nan}",
                "{dz.you}": "{ps.dong}",
                "{dz.xu}": "{ps.bei}",
                "{dz.hai}": "{ps.xi}"
              },
              POSITION_DESC: {
                "{bg.kan}": "{ps.zhengBei}",
                "{bg.gen}": "{ps.dongBei}",
                "{bg.zhen}": "{ps.zhengDong}",
                "{bg.xun}": "{ps.dongNan}",
                "{bg.li}": "{ps.zhengNan}",
                "{bg.kun}": "{ps.xiNan}",
                "{bg.dui}": "{ps.zhengXi}",
                "{bg.qian}": "{ps.xiBei}",
                "{ps.center}": "{ps.zhong}"
              },
              NAYIN: {
                "{jz.jiaZi}": "{ny.haiZhong}{wx.jin}",
                "{jz.jiaWu}": "{ny.shaZhong}{wx.jin}",
                "{jz.bingYin}": "{ny.luZhong}{wx.huo}",
                "{jz.bingShen}": "{ny.shanXia}{wx.huo}",
                "{jz.wuChen}": "{ny.daLin}{wx.mu}",
                "{jz.wuXu}": "{ny.pingDi}{wx.mu}",
                "{jz.gengWu}": "{ny.luPang}{wx.tu}",
                "{jz.gengZi}": "{ny.biShang}{wx.tu}",
                "{jz.renShen}": "{ny.jianFeng}{wx.jin}",
                "{jz.renYin}": "{ny.jinBo}{wx.jin}",
                "{jz.jiaXu}": "{ny.shanTou}{wx.huo}",
                "{jz.jiaChen}": "{ny.fuDeng}{wx.huo}",
                "{jz.bingZi}": "{ny.jianXia}{wx.shui}",
                "{jz.bingWu}": "{ny.tianHe}{wx.shui}",
                "{jz.wuYin}": "{ny.chengTou}{wx.tu}",
                "{jz.wuShen}": "{ny.daYi}{wx.tu}",
                "{jz.gengChen}": "{ny.baiLa}{wx.jin}",
                "{jz.gengXu}": "{ny.chaiChuan}{wx.jin}",
                "{jz.renWu}": "{ny.yangLiu}{wx.mu}",
                "{jz.renZi}": "{ny.sangZhe}{wx.mu}",
                "{jz.jiaShen}": "{ny.quanZhong}{wx.shui}",
                "{jz.jiaYin}": "{ny.daXi}{wx.shui}",
                "{jz.bingXu}": "{ny.wuShang}{wx.tu}",
                "{jz.bingChen}": "{ny.shaZhong}{wx.tu}",
                "{jz.wuZi}": "{ny.piLi}{wx.huo}",
                "{jz.wuWu}": "{ny.tianShang}{wx.huo}",
                "{jz.gengYin}": "{ny.songBo}{wx.mu}",
                "{jz.gengShen}": "{ny.shiLiu}{wx.mu}",
                "{jz.renChen}": "{ny.changLiu}{wx.shui}",
                "{jz.renXu}": "{ny.daHai}{wx.shui}",
                "{jz.yiChou}": "{ny.haiZhong}{wx.jin}",
                "{jz.yiWei}": "{ny.shaZhong}{wx.jin}",
                "{jz.dingMao}": "{ny.luZhong}{wx.huo}",
                "{jz.dingYou}": "{ny.shanXia}{wx.huo}",
                "{jz.jiSi}": "{ny.daLin}{wx.mu}",
                "{jz.jiHai}": "{ny.pingDi}{wx.mu}",
                "{jz.xinWei}": "{ny.luPang}{wx.tu}",
                "{jz.xinChou}": "{ny.biShang}{wx.tu}",
                "{jz.guiYou}": "{ny.jianFeng}{wx.jin}",
                "{jz.guiMao}": "{ny.jinBo}{wx.jin}",
                "{jz.yiHai}": "{ny.shanTou}{wx.huo}",
                "{jz.yiSi}": "{ny.fuDeng}{wx.huo}",
                "{jz.dingChou}": "{ny.jianXia}{wx.shui}",
                "{jz.dingWei}": "{ny.tianHe}{wx.shui}",
                "{jz.jiMao}": "{ny.chengTou}{wx.tu}",
                "{jz.jiYou}": "{ny.daYi}{wx.tu}",
                "{jz.xinSi}": "{ny.baiLa}{wx.jin}",
                "{jz.xinHai}": "{ny.chaiChuan}{wx.jin}",
                "{jz.guiWei}": "{ny.yangLiu}{wx.mu}",
                "{jz.guiChou}": "{ny.sangZhe}{wx.mu}",
                "{jz.yiYou}": "{ny.quanZhong}{wx.shui}",
                "{jz.yiMao}": "{ny.daXi}{wx.shui}",
                "{jz.dingHai}": "{ny.wuShang}{wx.tu}",
                "{jz.dingSi}": "{ny.shaZhong}{wx.tu}",
                "{jz.jiChou}": "{ny.piLi}{wx.huo}",
                "{jz.jiWei}": "{ny.tianShang}{wx.huo}",
                "{jz.xinMao}": "{ny.songBo}{wx.mu}",
                "{jz.xinYou}": "{ny.shiLiu}{wx.mu}",
                "{jz.guiSi}": "{ny.changLiu}{wx.shui}",
                "{jz.guiHai}": "{ny.daHai}{wx.shui}"
              },
              WU_XING_GAN: {
                "{tg.jia}": "{wx.mu}",
                "{tg.yi}": "{wx.mu}",
                "{tg.bing}": "{wx.huo}",
                "{tg.ding}": "{wx.huo}",
                "{tg.wu}": "{wx.tu}",
                "{tg.ji}": "{wx.tu}",
                "{tg.geng}": "{wx.jin}",
                "{tg.xin}": "{wx.jin}",
                "{tg.ren}": "{wx.shui}",
                "{tg.gui}": "{wx.shui}"
              },
              WU_XING_ZHI: {
                "{dz.yin}": "{wx.mu}",
                "{dz.mao}": "{wx.mu}",
                "{dz.si}": "{wx.huo}",
                "{dz.wu}": "{wx.huo}",
                "{dz.chen}": "{wx.tu}",
                "{dz.chou}": "{wx.tu}",
                "{dz.xu}": "{wx.tu}",
                "{dz.wei}": "{wx.tu}",
                "{dz.shen}": "{wx.jin}",
                "{dz.you}": "{wx.jin}",
                "{dz.hai}": "{wx.shui}",
                "{dz.zi}": "{wx.shui}"
              },
              SHI_SHEN: {
                "{tg.jia}{tg.jia}": "{ss.biJian}",
                "{tg.jia}{tg.yi}": "{ss.jieCai}",
                "{tg.jia}{tg.bing}": "{ss.shiShen}",
                "{tg.jia}{tg.ding}": "{ss.shangGuan}",
                "{tg.jia}{tg.wu}": "{ss.pianCai}",
                "{tg.jia}{tg.ji}": "{ss.zhengCai}",
                "{tg.jia}{tg.geng}": "{ss.qiSha}",
                "{tg.jia}{tg.xin}": "{ss.zhengGuan}",
                "{tg.jia}{tg.ren}": "{ss.pianYin}",
                "{tg.jia}{tg.gui}": "{ss.zhengYin}",
                "{tg.yi}{tg.yi}": "{ss.biJian}",
                "{tg.yi}{tg.jia}": "{ss.jieCai}",
                "{tg.yi}{tg.ding}": "{ss.shiShen}",
                "{tg.yi}{tg.bing}": "{ss.shangGuan}",
                "{tg.yi}{tg.ji}": "{ss.pianCai}",
                "{tg.yi}{tg.wu}": "{ss.zhengCai}",
                "{tg.yi}{tg.xin}": "{ss.qiSha}",
                "{tg.yi}{tg.geng}": "{ss.zhengGuan}",
                "{tg.yi}{tg.gui}": "{ss.pianYin}",
                "{tg.yi}{tg.ren}": "{ss.zhengYin}",
                "{tg.bing}{tg.bing}": "{ss.biJian}",
                "{tg.bing}{tg.ding}": "{ss.jieCai}",
                "{tg.bing}{tg.wu}": "{ss.shiShen}",
                "{tg.bing}{tg.ji}": "{ss.shangGuan}",
                "{tg.bing}{tg.geng}": "{ss.pianCai}",
                "{tg.bing}{tg.xin}": "{ss.zhengCai}",
                "{tg.bing}{tg.ren}": "{ss.qiSha}",
                "{tg.bing}{tg.gui}": "{ss.zhengGuan}",
                "{tg.bing}{tg.jia}": "{ss.pianYin}",
                "{tg.bing}{tg.yi}": "{ss.zhengYin}",
                "{tg.ding}{tg.ding}": "{ss.biJian}",
                "{tg.ding}{tg.bing}": "{ss.jieCai}",
                "{tg.ding}{tg.ji}": "{ss.shiShen}",
                "{tg.ding}{tg.wu}": "{ss.shangGuan}",
                "{tg.ding}{tg.xin}": "{ss.pianCai}",
                "{tg.ding}{tg.geng}": "{ss.zhengCai}",
                "{tg.ding}{tg.gui}": "{ss.qiSha}",
                "{tg.ding}{tg.ren}": "{ss.zhengGuan}",
                "{tg.ding}{tg.yi}": "{ss.pianYin}",
                "{tg.ding}{tg.jia}": "{ss.zhengYin}",
                "{tg.wu}{tg.wu}": "{ss.biJian}",
                "{tg.wu}{tg.ji}": "{ss.jieCai}",
                "{tg.wu}{tg.geng}": "{ss.shiShen}",
                "{tg.wu}{tg.xin}": "{ss.shangGuan}",
                "{tg.wu}{tg.ren}": "{ss.pianCai}",
                "{tg.wu}{tg.gui}": "{ss.zhengCai}",
                "{tg.wu}{tg.jia}": "{ss.qiSha}",
                "{tg.wu}{tg.yi}": "{ss.zhengGuan}",
                "{tg.wu}{tg.bing}": "{ss.pianYin}",
                "{tg.wu}{tg.ding}": "{ss.zhengYin}",
                "{tg.ji}{tg.ji}": "{ss.biJian}",
                "{tg.ji}{tg.wu}": "{ss.jieCai}",
                "{tg.ji}{tg.xin}": "{ss.shiShen}",
                "{tg.ji}{tg.geng}": "{ss.shangGuan}",
                "{tg.ji}{tg.gui}": "{ss.pianCai}",
                "{tg.ji}{tg.ren}": "{ss.zhengCai}",
                "{tg.ji}{tg.yi}": "{ss.qiSha}",
                "{tg.ji}{tg.jia}": "{ss.zhengGuan}",
                "{tg.ji}{tg.ding}": "{ss.pianYin}",
                "{tg.ji}{tg.bing}": "{ss.zhengYin}",
                "{tg.geng}{tg.geng}": "{ss.biJian}",
                "{tg.geng}{tg.xin}": "{ss.jieCai}",
                "{tg.geng}{tg.ren}": "{ss.shiShen}",
                "{tg.geng}{tg.gui}": "{ss.shangGuan}",
                "{tg.geng}{tg.jia}": "{ss.pianCai}",
                "{tg.geng}{tg.yi}": "{ss.zhengCai}",
                "{tg.geng}{tg.bing}": "{ss.qiSha}",
                "{tg.geng}{tg.ding}": "{ss.zhengGuan}",
                "{tg.geng}{tg.wu}": "{ss.pianYin}",
                "{tg.geng}{tg.ji}": "{ss.zhengYin}",
                "{tg.xin}{tg.xin}": "{ss.biJian}",
                "{tg.xin}{tg.geng}": "{ss.jieCai}",
                "{tg.xin}{tg.gui}": "{ss.shiShen}",
                "{tg.xin}{tg.ren}": "{ss.shangGuan}",
                "{tg.xin}{tg.yi}": "{ss.pianCai}",
                "{tg.xin}{tg.jia}": "{ss.zhengCai}",
                "{tg.xin}{tg.ding}": "{ss.qiSha}",
                "{tg.xin}{tg.bing}": "{ss.zhengGuan}",
                "{tg.xin}{tg.ji}": "{ss.pianYin}",
                "{tg.xin}{tg.wu}": "{ss.zhengYin}",
                "{tg.ren}{tg.ren}": "{ss.biJian}",
                "{tg.ren}{tg.gui}": "{ss.jieCai}",
                "{tg.ren}{tg.jia}": "{ss.shiShen}",
                "{tg.ren}{tg.yi}": "{ss.shangGuan}",
                "{tg.ren}{tg.bing}": "{ss.pianCai}",
                "{tg.ren}{tg.ding}": "{ss.zhengCai}",
                "{tg.ren}{tg.wu}": "{ss.qiSha}",
                "{tg.ren}{tg.ji}": "{ss.zhengGuan}",
                "{tg.ren}{tg.geng}": "{ss.pianYin}",
                "{tg.ren}{tg.xin}": "{ss.zhengYin}",
                "{tg.gui}{tg.gui}": "{ss.biJian}",
                "{tg.gui}{tg.ren}": "{ss.jieCai}",
                "{tg.gui}{tg.yi}": "{ss.shiShen}",
                "{tg.gui}{tg.jia}": "{ss.shangGuan}",
                "{tg.gui}{tg.ding}": "{ss.pianCai}",
                "{tg.gui}{tg.bing}": "{ss.zhengCai}",
                "{tg.gui}{tg.ji}": "{ss.qiSha}",
                "{tg.gui}{tg.wu}": "{ss.zhengGuan}",
                "{tg.gui}{tg.xin}": "{ss.pianYin}",
                "{tg.gui}{tg.geng}": "{ss.zhengYin}"
              },
              ZHI_HIDE_GAN: {
                "{dz.zi}": ["{tg.gui}"],
                "{dz.chou}": ["{tg.ji}", "{tg.gui}", "{tg.xin}"],
                "{dz.yin}": ["{tg.jia}", "{tg.bing}", "{tg.wu}"],
                "{dz.mao}": ["{tg.yi}"],
                "{dz.chen}": ["{tg.wu}", "{tg.yi}", "{tg.gui}"],
                "{dz.si}": ["{tg.bing}", "{tg.geng}", "{tg.wu}"],
                "{dz.wu}": ["{tg.ding}", "{tg.ji}"],
                "{dz.wei}": ["{tg.ji}", "{tg.ding}", "{tg.yi}"],
                "{dz.shen}": ["{tg.geng}", "{tg.ren}", "{tg.wu}"],
                "{dz.you}": ["{tg.xin}"],
                "{dz.xu}": ["{tg.wu}", "{tg.xin}", "{tg.ding}"],
                "{dz.hai}": ["{tg.ren}", "{tg.jia}"]
              },
              YI_JI: [
                "{yj.jiSi}",
                "{yj.qiFu}",
                "{yj.qiuSi}",
                "{yj.kaiGuang}",
                "{yj.suHui}",
                "{yj.qiJiao}",
                "{yj.zhaiJiao}",
                "{yj.muYu}",
                "{yj.chouShen}",
                "{yj.zaoMiao}",
                "{yj.siZhao}",
                "{yj.fenXiang}",
                "{yj.xieTu}",
                "{yj.chuHuo}",
                "{yj.diaoKe}",
                "{yj.jiaQu}",
                "{yj.DingHun}",
                "{yj.naCai}",
                "{yj.wenMing}",
                "{yj.naXu}",
                "{yj.guiNing}",
                "{yj.anChuang}",
                "{yj.heZhang}",
                "{yj.guanJi}",
                "{yj.dingMeng}",
                "{yj.jinRenKou}",
                "{yj.caiYi}",
                "{yj.wanMian}",
                "{yj.kaiRong}",
                "{yj.xiuFen}",
                "{yj.qiZuan}",
                "{yj.poTu}",
                "{yj.anZang}",
                "{yj.liBei}",
                "{yj.chengFu}",
                "{yj.chuFu}",
                "{yj.kaiShengFen}",
                "{yj.heShouMu}",
                "{yj.ruLian}",
                "{yj.yiJiu}",
                "{yj.puDu}",
                "{yj.ruZhai}",
                "{yj.anXiang}",
                "{yj.anMen}",
                "{yj.xiuZao}",
                "{yj.qiJi}",
                "{yj.dongTu}",
                "{yj.shangLiang}",
                "{yj.shuZhu}",
                "{yj.kaiJing}",
                "{yj.zuoBei}",
                "{yj.chaiXie}",
                "{yj.poWu}",
                "{yj.huaiYuan}",
                "{yj.buYuan}",
                "{yj.faMuZuoLiang}",
                "{yj.zuoZhao}",
                "{yj.jieChu}",
                "{yj.kaiZhuYan}",
                "{yj.chuanPing}",
                "{yj.gaiWuHeJi}",
                "{yj.kaiCe}",
                "{yj.zaoCang}",
                "{yj.saiXue}",
                "{yj.pingZhi}",
                "{yj.zaoQiao}",
                "{yj.zuoCe}",
                "{yj.zhuDi}",
                "{yj.kaiChi}",
                "{yj.faMu}",
                "{yj.kaiQu}",
                "{yj.jueJing}",
                "{yj.saoShe}",
                "{yj.fangShui}",
                "{yj.zaoWu}",
                "{yj.heJi}",
                "{yj.zaoChuChou}",
                "{yj.xiuMen}",
                "{yj.dingSang}",
                "{yj.zuoLiang}",
                "{yj.xiuShi}",
                "{yj.jiaMa}",
                "{yj.kaiShi}",
                "{yj.guaBian}",
                "{yj.naChai}",
                "{yj.qiuCai}",
                "{yj.kaiCang}",
                "{yj.maiChe}",
                "{yj.zhiChan}",
                "{yj.guYong}",
                "{yj.chuHuoCai}",
                "{yj.anJiXie}",
                "{yj.zaoCheQi}",
                "{yj.jingLuo}",
                "{yj.yunNiang}",
                "{yj.zuoRan}",
                "{yj.guZhu}",
                "{yj.zaoChuan}",
                "{yj.geMi}",
                "{yj.zaiZhong}",
                "{yj.quYu}",
                "{yj.jieWang}",
                "{yj.muYang}",
                "{yj.anDuiWei}",
                "{yj.xiYi}",
                "{yj.ruXue}",
                "{yj.liFa}",
                "{yj.tanBing}",
                "{yj.jianGui}",
                "{yj.chengChuan}",
                "{yj.duShui}",
                "{yj.zhenJiu}",
                "{yj.chuXing}",
                "{yj.yiXi}",
                "{yj.fenJu}",
                "{yj.TiTou}",
                "{yj.zhengShou}",
                "{yj.naChu}",
                "{yj.buZhuo}",
                "{yj.tianLie}",
                "{yj.jiaoNiuMa}",
                "{yj.huiQinYou}",
                "{yj.fuRen}",
                "{yj.qiuYi}",
                "{yj.zhiBing}",
                "{yj.ciSong}",
                "{yj.qiJiDongTu}",
                "{yj.poWuHuaiYuan}",
                "{yj.gaiWu}",
                "{yj.zaoCangKu}",
                "{yj.liQuanJiaoYi}",
                "{yj.jiaoYi}",
                "{yj.liQuan}",
                "{yj.anJi}",
                "{yj.huiYou}",
                "{yj.qiuYiLiaoBing}",
                "{yj.zhuShi}",
                "{yj.yuShi}",
                "{yj.xingSang}",
                "{yj.duanYi}",
                "{yj.guiXiu}",
                "{s.none}"
              ],
              LU: {
                "{tg.jia}": "{dz.yin}",
                "{tg.yi}": "{dz.mao}",
                "{tg.bing}": "{dz.si}",
                "{tg.ding}": "{dz.wu}",
                "{tg.wu}": "{dz.si}",
                "{tg.ji}": "{dz.wu}",
                "{tg.geng}": "{dz.shen}",
                "{tg.xin}": "{dz.you}",
                "{tg.ren}": "{dz.hai}",
                "{tg.gui}": "{dz.zi}",
                "{dz.yin}": "{tg.jia}",
                "{dz.mao}": "{tg.yi}",
                "{dz.si}": "{tg.bing},{tg.wu}",
                "{dz.wu}": "{tg.ding},{tg.ji}",
                "{dz.shen}": "{tg.geng}",
                "{dz.you}": "{tg.xin}",
                "{dz.hai}": "{tg.ren}",
                "{dz.zi}": "{tg.gui}"
              },
              DAY_YI_JI: "30=192531010D:838454151A4C200C1E23221D212726,030F522E1F00=2430000C18:8319000776262322200C1E1D,06292C2E1F04=32020E1A26:7917155B0001025D,0F522E38201D=162E3A0A22:790F181113332C2E2D302F1554,7001203810=0E1A263202:79026A17657603,522E201F05=0D19250131:7911192C2E302F00030401060F1571292A75,707C20522F=0C18243000:4F2C2E2B383F443D433663,0F01478A20151D=0E1A320226:3840,0001202B892F=14202C3808:3807504089,8829=0E1A263202:383940,6370018A75202B454F6605=32020E1A26:38394089,0001202B22=16223A0A2E:384C,8A2020=2B3707131F:2C2E5B000739337C38802D44484C2425201F1E272621,5229701535=121E2A3606:2C2E2D2B156343364C,0F4729710D708A20036A1904=0D19250131:5040262789,0F7129033B=202C380814:5040000738,0F7D7C584F012063452B35=1A2632020E:50400089,8813=1A2632020E:69687011180F791966762627201E,0352292E8034=182430000C:291503000D332E53261F2075,0F5238584F450B=000C182430:297170192C2E2D2F2B3E363F4C,0F52156320010347200B=131F2B3707:297115030102195283840D332C2E,0F1F5863201D8A02=222E3A0A16:261F1E20232289,52290058363F32=16222E3A0A:261F201E232289,8D39=0D19310125:262322271E201D21,52450F4F09=0D19253101:262322271E202189,1F4526=16222E3A0A:262322271F1E20,712906=0F1B273303:17262322274050,80387C6B2C=0915212D39:1707702C2E71291F20,0F52000106111D15=16222E3A0A:170007386A7448363F261F1E,030F79636F2026=030F1B2733:1784832C2E5B26201F,0F010D2913=182430000C:175447440D15838477656A49,2B2E1F8A202228=101C283404:70504C7889,8803=0D19250131:700F181126151E20001A7919,8D2F=0915212D39:705283845B0D2F71,0F202E4106=3606121E2A:70786289,06802E1F23=1824000C30:70076A363F,292017=202C380814:700718111A302F717566,0F2B2E2026=3B0B17232F:70545283842E71291A7933192A5D5A5040,090C384F45208A1D6B38=212D390915:7039170F45513A2C2E7129242526271F201D,00010352153A=15212D3909:703911170E2C2E2D2F4B15712952633D,092B8A2027=010D192531:702D155483840F63262720,53292F017D4F38442B2E1F4717=16222E3A0A:705C4C39171A4F0E7971295B5248,0F2E1F1D37=1A2632020E:2E260F27201F,523815292F1A22=0E1A260232:64262322271F2021,0F2F293822=2F3B0B1723:161A0F1526271F4C,586103473818=2430000C18:161A7889,292E1F0F386131=17232F3B0B:04795B3F651A5D,0F5201062016=14202C3808:04170F79195D1A637566363F76,01522E8A2039=132B37071F:0470170F191A134C8384662426232227201E,8D08=0D19253101:040370181123220F1326271E2021,29153B=0D19310125:040307177938494C,0F26207017=0E2632021A:0403010218111A17332C2E2D2B15713E6575,45382064291D=142C380820:04033918110F0D2C2E7129332D2B72528384547566,8D1C=1830000C24:040318111A17332C15290D200C7A,4745063835=0F2733031B:040318111A16175B795452848315302F6563395D,387029202E=14202C3808:04031975363F6366,0F5401202C5283842E2F1E=0E1A320226:0403080618111A16332E2F152A09537919702C5445490D75072B,8063203820=182430000C:04067033392C7161262322271E1D210C,8D2F=101C283404:3F4889,881C=2733030F1B:3F74397677658988,0F3847201D=293505111D:3F8B657789,0F2029702E7D35=111D293505:3F8B6589,1F200A=020E1A2632:3F656477,0F2B71292005=111D290535:3F6589,8810=0F1B273303:3F88,2B38200F1C=293505111D:0F83843D363F776424,15462F2C52032971152A=0F1B273303:0F17795B54838458,52807C3811=121E2A3606:0F172C2E387129363F7566512D4E4461,01034752203A=172F3B0B23:0F171511793F76584C,0347200C1D20=2D39091521:0F175B3975660745514F2B4825201E211D,010352292E2E=0F1B273303:0F170070792C2E261F,040341232228=05111D2935:0F1700707129385C363F3D1F1E232226,80412B202F14=14202C3808:0F17000728705448757A,522E1F15562F05=30000C1824:0F17000102061979454F3A15477677,241F8A2021=2F3B0B1723:0F17000102060370392E52838453331F,452F2C266A79292B203810=0C18243000:0F170001020E032A70692C2E302F802D2B0D7129474C201F2322,5211183809615D34=1A2632020E:0F171170792F5B1566770001032C2B802D,29387C207134=14202C3808:0F0D33000103452E528384297115752620,63386F7014=15212D3909:0F7045332C2E71201F1D21,4701155229530327=101C283404:0F70161715232238838426271F20,7D035219=121E2A3606:0F705B0004037C5D15653F1F26,522B473809=131F2B0737:0F705215261E20,012E1F25=182430000C:0F707B7C00012F75,52201B=2531010D19:0F706A151E201D528384544466,47010C2E292F2C3820=14202C3808:0F707500261E20,382E1F05=3606121E2A:0F161A17452F0D33712C2E2B5443633F,150170208A0327=0E1A263202:0F150370002E0D3979528384532971331F1E20,477D0D=06121E2A36:0F5B8370000102060403161A494447,386A418A201A=17232F3B0B:0F03700D332C2E2971152F52838463,01004547380C26=101C283404:0F03700D33195284835329711563,01260038206B0E=131F2B3707:0F03706A4F0D332C528384532E29711563,450075000F=131F2B3707:0F0370010239332E2C19528384532971156375262720,8D18=17232F3B0B:0F0370390D332C192E2971637547202322,581528=0E1A263202:0F0302791566046F,29710D722A38528384202E4530=0E1A263202:0F030102392E15634447001F1E,293845200D707538=1E2A360612:0F0300017039712952542D2C302F80380D2A363F3349483E616320,1118150C1F2E20=33030F1B27:0F03000102700D29713963451F0C20,528338542F15806128=121E2A3606:0F030001027039452971150D332C2F6327,2052838403=2C38081420:0F030001022A0D3945297115528384637020,476A382E1F4426=010D192531:0F03390D332C1929711563261D2E2322,382000521118750C706B15=131F2B3707:0F033915666A52261E272048,382E2F6329712C0114=0D19253101:0F52838403700D332C29712E1F27201E2322,1545017505=131F2B3707:0F528400012E7129,092026=3707131F2B:0F528471295B795D2B155333565A446375661F201E272621,00016B0C4113=14202C3808:0F280001363F8B4326232220,2E1F47032F7D35=16222E3A0A:0F0211195465756679,2F384570202B6A10=15212D3909:0F0102700D332C2E2F0319528384531529716345261F2322,8D32=101C283404:0F0102037039330D5284832971152E1F0C,0026206B37=16222E3A0A:0F003854,20521D2106=020E1A2632:0F00175058,5D6B80382E16=1B2733030F:0F00701784831952712C2E1526271F,033806201F=2B3707131F:0F00701A17830E544C5C78,7129632E1F38208A452F16=15212D3909:0F00040370396A742E15444948,458A384F2021=16222E3A0A:0F005B261F20,2E2F1D=2531010D19:0F0003450D3329712C2E2F1575,528A63705A20587D7C12=17232F3B0B:0F00030D70332C2E3952838453542971156375,6B2019=1B2733030F:0F000301020D297115332E1F0C,165220262E=121E2A3606:0F00030102700D332E2C192971155383846375261F1E20,8D1F=33030F1B27:0F00030102700D19297115332C2B535448,2E45208A00=2632020E1A:0F00030102705283842E544779,2920454F754C3836=16222E3A0A:0F0052037029710D332C15,7545584F8A201D2121=121E2A3606:0F00074850,8A2036=0D25310119:0F00071A706A717677492923221E202726,80522E1F39=1E2A360612:0F006A385040740717,1F70631E=212D390915:0F006A1938271779,565A4575522F801F1E632B=121E2A3606:0F00010D0302703352838453297115632E,208A454F2B=0E1A263202:0F000170390D332E2971152F63751F1E20,52846A381F=14202C3808:0F000106387129,2E1F24=14202C3808:0F0001062E7129,522010=0814202C38:0F0001062871292E7C528384032C5C2A15767765,11185D8A206B08=131F2B0737:0F0001067C1F20,522900=202C380814:0F0001020D700339332C192A83842971152E1F0C20262322,065256386110=111D293505:0F000102700D332C2E297115383F631F20,0347562B=14202C3808:0F000102700D332C712E15261F201E,80036A61473831=0C18243000:0F000102700D335283845329711563,38048A7D45202A=14202C3808:0F000102702E15471F1E,294F2B452C2F268011=0D19253101:0F0001022E792D3E75663D19,472063703852292B39=222E3A0A16:0F0001022E154826271F1E203874362322,036312=0D19253101:0F000102032971152C2E19,4720637038522B15=111D293505:0F000102030D70332E3919528384532971152B2F201F0C,8D1B=232F3B0B17:0F000102030D7033528384534529711520,63475814=131F2B3707:0F000102030D332C2E195283845329716375261E2322,8D19=15212D3909:0F00010203700D332C2E1929711552838453637526202322,8D09=111D293505:0F00010203700D332E2F192971152B52838453631F20,8D33=1A2632020E:0F00010203700D332E2F1929711552838453261F201E2322,8D03=2E3A0A1622:0F0001020370332C2E2F1575261F,2971476A458352380C=111D293505:0F0001020370332E2F0D19297115637566302B2C3979,8D08=000C182430:0F000102037039297175261F1D21,454F2E1563410F=17232F3B0B:0F0001020370390D3319297115632E2C752620212322,8D07=3606121E2A:0F0001020370390D332C1929712E157563548384534C,20248A38=16222E3A0A:0F0001020370390D1952838453542971631F0C,152036=14202C3808:0F00010203703915632719792322,80262045297158750F=111D293505:0F00010203528384157033,752971206B452F2B262E05=3404101C28:0F00010206030D7129302F79802D7C2B5C4744,11701D2052843833=111D293505:0F00010206181139702E1F686F6A792D2C304E153375664923221D21,52296B0D800D=15212D3909:0F000102070D70332C2E19528384297115637526201E2322,8D05=2C38081420:0F0001021A175D2C19152E302F7183846379,8A20704F7545410A=131F2B3707:0F001A651707,565A58202E1F476320=121E36062A:0F11707B7C5271291E20,2E1F39=111D293505:0F11700001522E71291F20,2B07=131F2B0737:0F11700001397129,2E2002=111D293505:0F11707129,2E1F2002=131F37072B:0F1152702E2F71291F20,000103=131F37072B:0F1152702E2F71291F20,7A3A=111D293505:0F117B7C2C2E71291F20,520300=111D350529:0F110001702E2F71291F20,0621=101C280434:0F11000170717B,522E1F0A=06121E2A36:0F110001708471292E1F20,03388051561C=121E2A3606:0F1100017B7C702E7129,522B22=2D39091521:0F110039702C2E522F1574487B7C2D4E804B,098A204538612B=05111D2935:0F1118795B65170002195D,52382E8A201E=2531010D19:0F111829711500010370390D332E750C201F,4552832F382B8004=2A3606121E:0F1118175C000301027039450D29332C2E2F15631F,8A582020=31010D1925:0F1118032A0D545283841A802D2C2E2B71296366774744201F26232221,010900150C06=2C38081420:0F11180300706A2E1549466319,292F26806B382B20754506=2E3A0A1622:0F1118528384530001035C702971152B332C2E63201F1E23222621,6B75452D4F802E=111D293505:0F1118060300017B7C792E39767566261F20,7129805136=232F3B0B17:0F111800171A454F514E3A3871157765443D23221E262720,80612E1F1C=212D390915:0F11180003706A4F0D332C2E192971155363751F20262322,524746416128=3B0B17232F:0F111800037039450D2971332C632026,1F2E2B38528327=3B0B17232F:0F11180006032A0D70332E011954838471152C202322,58477D630C=0814202C38:0F1118000106287129705B032C2E302F802D4E2B201F,528458384108=380814202C:0F11180001027039302971542F7526201E,63472E151F583A=1E2A360612:0F1118000102030D70332C2E192971158384535426201E2322,471F1B=1F2B370713:0F1118000102030D70332C2E195283845329711563261F0C20,4745752522=3505111D29:0F1118000102030D70332E2C192971153953631F0C262720,5284612528=390915212D:0F111800010203700D332C2E192971152F4B49471F270C2322,52562B2029=390915212D:0F111800010203391929710D1552838453,2075708A456309410F=0A16222E3A:0F111800010206032A0D097170292D302F1575761320,521F47251D=1F2B370713:0F18000102111A1703154F2C2E382D2F807566,7163708A1F207D2A=05111D2935:0F111800017C5C2C2E7129,527015382021=2B3707131F:0F11185C0370332D152322528384636626271E,2F292C2E1F00010601=2430000C18:0F11185C0001092A0D7014692983847B7C2C2E302F802D2B,06454F208A2E=0D19253101:0F11181200171A7919547638,5215201D09=3A0A16222E:0F1A1716007015713F261F2720,5263587D2B470304=111D293505:0F1A0070153871291F20,7A7629=010D192531:0F181179005B712980152D4E2A0D533358,5270208A11=0814202C38:0F181138171A7975665B52845415,47701F8A2013=121E2A3606:0F181117795B5C007054292A0D690403332D2C2E66632B3D,8A454F3822=121E2A3606:0F1811705200012E71291F20,382A=16222E0A3A:0F1811705200012E71291F20,062B27=14202C0838:0F18117052000171291E20,2E1F27=16222E0A3A:0F18117000012E71291F20,527A06=111D290535:0F1811700001062E2F1F20,712912=14202C3808:0F181100062839707952542C2E302F03565A7566441F1E,0D29802B2029=1824300C00:0F181100012C2E7129,522025=121E2A0636:0F18110001261F20,03522E=0915212D39:0F18110001702C2E7129,6F454F098A2025=030F1B2733:0F18110001702C2E71291F0D2B152F2127,5283162014=16222E3A0A:0F18110001707B7C0D7129,52565A152B2034=17232F3B0B:0F1811000104037115454F7677657B7C392023222726210C,52092E1F27=3707131F2B:0F181100010603797B7C802D302F2B6743441F202322,2952477D2528=14202C0838:0F181100017B7C2E71291F20,036F33=0D19253101:0F18110001027939706954528384685D15565A75201E1D26,29032E11=182430000C:0F1811000102062A0D2C2D804B2B672E2F7129,70471F8A2030=17232F3B0B:0F5C707971292C2E0E032A0D6A804B2D8C2B3348634C,52110915462031=15212D3909:0F5C5B0001032A0D7052842C2E71291F20,1118517D462B=0F1B273303:0F5C111800015B712952841F20,756A251A=2733030F1B:1545332C2E2F84836375662620,0F0003700D71292B1C=0E1A320226:1516291211020056,06382007=000C182430:1551000403706A454F3A3D771F262322271E1D21,382B41522016=17232F3B0B:1500443626271F1E,29710F47380D19520337=182430000C:150001021745512E443D65262322,2B63387C18=192531010D:151A83842627202322,580F7003632E1F297C26=0E1A263202:15391A302F83845475662627201E,0F702E4629004708=3606121E2A:5B000102073911522C302F3A678C363F33490D482425200C1E2322,0F15382E1F6116=1E2A360612:5B71297000010611182A0D39792C2E332D4E80151F202621,52454F3804=2C38081420:5B11180001020328700D332C2E195283847115632F751F2720,290F476630=0C18243000:201E27262322,8902=3404101C28:2A0D11180F52848353037039156358332C2E,3820002628=010D192531:4089,030F565A61206B27=1824300C00:4089,8836=1C28340410:0370833F0F6A5215,010D582E1F202C2F582938=112935051D:03700F,79192C2E2D715275262322271F201D217936=112935051D:0370110F45510D3371290941614C522623222720,8D3B=152D390921:03047039171A533852443D363F,8D11=0F1B273303:030402111A16175B4F3A2B153E0079015D54528483696A51,7006200F05=0F1B270333:03041A174533302F56795B3E808339528454,700F292026=121E2A3606:037B7C2E2F261F20,0F14=1E2A360612:030270170F45513A2C71295283842A0D532D24252623222720,155A382E1F2F=1B2733030F:03027011170D332D2C2E2F716152838454,010F201F2C=121E2A3606:03027039450D332C2F2D2971528384636626202322,581535=212D390915:03020E0F18110D332C2E2D2F4971293E615244756653,8A202531=1B2733030F:030102703945802D2C512B7129092322270C7566,112E528325=2D39091521:030102062C2E543E3D636679,380D19462971001F=293505111D:03111A171538193E3F,0F632C2E70454F200C19=17232F3B0B:031A2B7915656A,0F177001204529710D632E2F02=32020E1A26:033945302F838475262720,297071000F2E1F3810=17232F3B0B:0339332C2E1575201E26,0F520D631F29712A72473826=390915212D:0339332C2E302B66201D1F27,0D2971010015520F6B0E=15212D3909:03392D2E332F211D201F1E27,0F7015380029710D195824=16223A0A2E:036F791E20,522E1F31=1D29350511:5283845B79037B7C802D2C2E4E302F2B38493D4463664C1F2021,0F0D712917=15212D3909:5283845303702971150D2F,388A6A6D0F2012=111D293505:528384530370331929272E2B2F631F1D20,0F156B380E=0D19253101:528384530339454F0D297115332E2F637520,0F00705802=2A3606121E:528384530339332E152C2F58631F20,380D000F2900=283404101C:528384530003010215392C20,1112180F29560D2E1F754511=15212D3909:5283845300031929150D332C2E63,0F217045208A717521=3505111D29:5283845300010670802D2C2E4E155B201F1E232221,380F71296A0E=17232F3B0B:5283845354037029711575262720,631F58000F2E38010D=111D293505:528384000103451915332C2E631F2720,29716A0D0F7019=1D29350511:5283840001032E1570637566302F391F,0F4729712030=16222E3A0A:5283845479036A2627201E,0F380D70297115012F1A=1F2B370713:528384542E03700F111869565A7566631F1E2021,297138000C31=121E2A3606:52838454443D65002C2E15495D1F,0F417D712B38630F=0D19253101:5283845444360F11756415,2C2F29016B472E2B20381D=212D390915:528384545363000103332E15,0F1F197029710D757D2032=121E2A3606:528384546315332C2E2F26201F2322,0F0D45002971756B17=192531010D:52838454754C2971150301022E,0F63206A0938268A4117=1B2733030F:52848353000103297115332E2F19,0F8A514F6A6620754526=1824300C00:528403395B2F1E20,0F012D=0B17232F3B:5254700001020612692D4E584647336375662E1F1E,71290D262037=131F2B3707:525400045B17791A565D754C7866,2E1F207C34=0F2733031B:483F89,8838=232F3B0B17:767779392623222789,152B1F1D200E=0A16222E3A:767789,528300292025=14202C3808:7665261F20,0F291A=222E3A0A16:7665262322271F201E21,0F0029807124=1824000C30:7889,292E1F24=101C283404:8D,8832=1D29350511:63767789,522E0006206B31=131F2B3707:7B7C343589,0F7038=2632020E1A:7B7C343589,520F20=0E1A260232:7B34,8812=1C28340410:02703918110F7919155283756626232227201E,012C2E1F0C29=121E2A3606:020F11161A17454F2C2E2D302F2B38434C,2070016328=1824300C00:02060418110D332C2E415B637566262322271F20,520F23=142038082C:07504089,0F010C=15212D3909:07262723221F40,0F7129523B=2430000C18:0717363F1A2C4F3A67433D8B,71290F0103471A=2531010D19:0704031118528384542D2E4E49201F1E1D2127,292B000C3B=283404101C:073F7765644889,012014=111D293505:074048261F202322,0F71454F1500018008=111D293505:07404826271F1E2089,882C=0D19253101:07565A5283845463756677261F20,010F15296120=2F3B0B1723:07487677393F89,0F2952151F1D30=111D293505:074889,06520F3808=17232F3B0B:074889,883B=131F2B3707:074889,8832=15212D3909:07762623221F1E20,000F1552296B2F2A=0D19253101:0776776A742623221F200C211D1E,11180F2F5206802B0B=04101C2834:0776776564,000F29382011=101C283404:0706397B7C794C636A48,520F7129472026=14202C3808:077C343589,880A=380814202C:076A79040363660F5D363F,52292E1F20382F15560123=16223A0A2E:076A696819,0F2918=222E3A0A16:076A171552847983546578,712970010F2D=182430000C:076A48,45752F29384C0F204F612B30=131F2B3707:076A7626271F1E20,0D0F29382F2E0E=0814202C38:07343589,065238=1C28340410:070039201F0C2789,06030F292F23=101C280434:076564,0F292002=0D19253101:073918111A17332C2E71292322271F1E20481D45548384,38002F702A=1824300C00:7C343589,8801=172F3B0B23:6A79363F65,0F292B7118=1B2733030F:6A170F19,5845754C201F4F382430=1B2733030F:6A170F1963766F,5452201F32=0C18243000:6A0339332C20528384531563,29713801000F0C47806B3B=2A3606121E:77766564000789,0F52201E8A01=202C380814:1F2027260076232289,0F29528339=0F1B330327:3435,8809=0F1B273303:34357B7C,8818=121E2A3606:34357B7C7789,0F291D=232F3B0B17:34357B7C89,0F2021=33030F1B27:34357B7C89,030F27=390915212D:34357B7C89,712917=1D29350511:3435073989,8802=2C38081420:34357C89,0111180F292006=30000C1824:34357C89,71291A=14202C3808:34357C89,8A2036=182430000C:3435000789,8835=232F3B0B17:34350089,0F2025=3707131F2B:34353989,0F2037=0D25310119:343589,0F52202D=0F1B273303:343589,0F7152290D=131F2B3707:343589,8830=121E2A3606:343589,881C=16222E3A0A:343589,8819=131F2B3707:343589,880F=15212D3909:343589,8832=14202C3808:343589,8813=0D19253101:343589,8811=17232F3B0B:343589,881E=142C380820:017018110F1A2E15495247838463462322271F,8D03=0F1B270333:0103040818111A155284262322271E20217A79708330,38472E631B=14202C3808:010670170F0E3A294152838454262322271F201E,2E1815442C=0F1B273303:01067071292C2E1F20,1103150F520A=17232F0B3B:010670181126271F202165,293816=182430000C:0106111839513A2C2E2D2F8C804B4723221F63,7152292037=0F2733031B:010203040618110F3315292A271D200C6339171A712C2E30491E21,7A21=0E1A260232:010206040318110F2E292A27200C70072C302F541F392B49,381512=1A2632020E:010206110F452C2E7129095B5226232227201F0C,58804B036B2B381C=142C380820:01023918112E2D493E52756624262322271F20,8D12=121E2A3606:008354,06462F2E1F27=030F1B2733:00797084831754,0F2E472D4E1F06=0D19250131:0079701811072C2E01060F33152627200C7A1A302F4576631F2B,8052382900=172F3B0B23:00790F072C2E0103047018111A262322271E7A302F5448637545,293815561E=101C340428:007952151E20,0F2E1F33=0F1B273303:007984831A160F1719,632E20471D6B01=152D390921:0079110F0304062A528423222627207A19701A2C2E2F5D83,294513=0F1B273303:0079181A165B332F2B262322271E2021030469702D4E49712930845D,454F05=152139092D:0079192E2F030417332D1552847A5D,4E201F=162E3A0A22:003826232277,632E20523A=0D19310125:0038262389,521513=1C28340410:00384089,0F202E157C07=04101C2834:00384089,152967631F=101C283404:00384740,0F2037=1C28340410:00387765504089,0F157C04=131F37072B:00385476,521F13=16222E3A0A:003854767789,2E1F522010=131F2B3707:003854637519,205D1D1F52151E210F=121E2A3606:003889,52201F1D4733=121E2A3606:003889,881F=212D390915:001D23221E2789,52290F2E1F202B=07131F2B37:002C7080305C784C62,2E1F472001=283404101C:004D64547589,0F292E=131F2B3707:005040,522E1F0F2C2004=3404101C28:005089,032C2E1F33=182430000C:005089,8815=192531010D:00261F23221E201D2189,8D12=131F2B3707:00261F2322271E200C89,8D1E=121E2A3606:0026271E20,2F2E1F33=16222E3A0A:002627241F1E20232289,8D33=14202C3808:002627651E20232289,881B=182430000C:00262789,292C2E1F2B2F2A=07131F2B37:00262322271F1E203F8B65,52290F038002=15212D3909:001779332D2322271E2007760304,38290F1C=1F2B370713:00173883546365756619,466115201F701D47522434=0D25310119:00170F79191A6540,712909387C2015=0E1A263202:00170F332C2E2D2F802952443F26232227201F,15637C383A=132B37071F:00170F7665776489,8D2A=390915212D:00177689,0F52804F2507=2E3A0A1622:00177179546A76,0F52443D1F2D=0915212D39:0070,0F292C2E791F13=131F2B3707:007083624C,0F38202E7D4F45471F7107=380814202C:00704F0D332C2E2D15363F261F20274C,0F2906036F4703=3404101C28:00702C2E164C157126271F1E202425363F,29386A032B0F=0F1B273303:00700F1715262720,472E386309=15212D0939:007022230726,2E17712952302F15=15212D3909:00704889,8834=1C28340410:0070784889,0345201F21=2D39091521:007007482089,2E1F58470B=0D19253101:0070071A010618110F5B52846775,6326202E=16222E3A0A:00701A17794C0F302F715475,2E454F8A20243A=0F1B330327:007018111A1617192E15382627201F656477,4F090A=0F1B273303:002E2F18110F5B3315292A26271F20210C7A70710102393E19,035A37=14202C3808:002E4344793F26271F20,03702C2F292B381A31=0E1A263202:00161A5D454F153826201E27,7D0D2904=152139092D:0004037039180F332D152952262322271F0C533A83,4117804735=1F2B370713:0004037B7C0F79494766754667,80293869208A1E=162E3A0A22:00040301067018111A0F332C15292A261E200C7A7919712F5D52838454,5617454F06=3404101C28:000403110F527079156523221E2027,0129802E1F6B1D=1830000C24:0004031A170F11332C2E302F1571292A657677451949,70201D5218=102834041C:0004031811171A5B332C2E155D52,0D29204504=17233B0B2F:00040318110F1519262322271E2021,52831F3825=3B0B17232F:00046A7966444C7765,010C202F38520F70292E31=14202C3808:003F261F202789,8836=131F2B3707:003F657789,7152290F032B3A=2632020E1A:003F651F0C2027232289,0F292B=16222E3A0A:003F89,8836=212D390915:000F76,032E1F522C292B22=2B3707131F:000F7765,2E1F7C4607=0F1B273303:000F01111A1615292A2627200C2C670279538384543E49,634512=0F1B273303:000F1320,6380382936=0F2733031B:000F1323222627,2E3829031535=0D25310119:00676589,0F200F=0C18243000:00401D232289,71290F47202B=101C283404:0040395089,8803=30000C1824:004023222089,0F291118470D=0A16222E3A:004089,0F5211=1A2632020E:004089,0F0147200B=3A0A16222E:00037039454F0D332971152C4C48,090F476341382E0A=111D293505:00037039041A26271F1E202322,0F2F2C335129452E0D3A3B=222E3A0A16:000370396A450D332F4B154C,0F208A7D41381F2E14=0F1B273303:00030401061A16170F332E71292627200C02696A45514F0D2C2D4E497A,2B0B=0F1B273303:000304111A33152D2E302F71292A5284530770022B,0F6345203B=0F1B330327:00030418111617332E2D2F292A52845407020D302B,090F452001=0F1B273303:000304080618110F1A2E2D0D3371292A2C302F7566010239454E802B,632039=2430000C18:00036A7415384878,45751F20240F522E834F2E=182430000C:000301394F2E154763751F27,0F707A802629710D192035=14202C3808:0003391983845475,2E1F0F6A702971722A0D04=0F1B270333:00483F,6338200F2A=3B0B17232F:00481F2023221E27262189,0F292C2E1B=122A36061E:0076645089,8819=202C380814:0076777566262322271F201E,0F111852290D=101C283404:00763989,0F2036=1E2A360612:00788B89,0671292E25=010D192531:00784C793989,0F29702E1F208A21=31010D1925:0006261F1E201D212322,0F2938111801=2A3606121E:00060403702C2E4C154947443D651F,0D2920=101C283404:0006522E261F20,0F712939=2632020E1A:00060724232227261F2025,520F157929382F22=31010D1925:0006547677,0F5229151F201B=0E1A320226:00061A161718110F292A0C26271F21797001022F49,470D=0814202C38:002876396577261F20,5283290F37=212D390915:0028397976771E232227,0F522E47442027=121E2A3606:006389,8822=101C280434:007B7C3989,881E=1830000C24:007B343589,8805=2E3A0A1622:00021719792B155D5466774962,010611180F292030=14202C3808:00020370454F0D3933192C2E2D156375261F202322,0F7123=0E1A260232:0002070818111A16175B153E445D5452848365647576,2038454F15=182430000C:0007385476771548,52061F2024=2D39091521:0007504089,0F29157030=15212D3909:0007504089,060F71702F2918=15212D3909:0007504089,880B=17232F0B3B:000770171989,0F2E20382F=0B17232F3B:00077089,522E1F8A202C=07131F2B37:000704036939487C4466,0F7011293821=1824000C30:000715547776,521F18=0E2632021A:0007030401021811171A0F2E2322271F1E706749528483,202F293800=0F1B330327:00077663,0F297138202C=0B17232F3B:000776776548,0F1118152E1F2017=121E2A3606:00077665776489,52830F208A14=1A2632020E:00077B7C4834353989,2952203B=2632020E1A:00076A386563,0F7D8A2066454F52754C15=1E2A360612:00076A0F3874485040,06707C2509=3606121E2A:00076A74504089,5229702C7D15=14202C3808:00076A74173926271F1E20,0F7029522B09=000C182430:00076A54196348767765,7920297115528A0D382B16=101C283404:000734357B7C3989,0F528329200C=06121E2A36:0007343589,290F7104=2E3A0A1622:0007343589,0F292F702012=182430000C:0007343589,0F71296B708003=15212D3909:0007343589,7129706300=0D19310125:0007010618111A332D302F15262322271E530270164C,560F712924=0E1A263202:000701020618111A1752848354230C7027,262038292C=111D293505:0007711F204840,010F29153814=17232F3B0B:00076527262322,1552835A201D0F382D=0D19253101:0007363F8B3989,09292C208A0F28=030F1B2733:000739483F66,0F208A2B0A=04101C2834:0007397B7C343589,0106522008=020E1A2632:0007396A48343589,0F203A=283404101C:00073934357B7C89,0F5223=3505111D29:000739343589,032010=0A16222E3A:000739343589,520F2F=111D293505:000739343589,8A200A=15212D0939:00077A7089,8817=17232F3B0B:000789,8D3B=172F3B0B23:000789,8815=1B2733030F:007C343589,881B=212D390915:007C343589,8812=15212D3909:006A79190F6F2627,6B46204538290B=380814202C:006A38075040,0F630141202B454F2D=121E2A3606:006A5040077448,702B2C0F2F292E=0B17232F3B:006A583F232227261F20,0F291547031C=232F3B0B17:006A6F391974,0F2E614447702C292F71201F38521F=31010D1925:0034353989,522E1F2B=0D19253101:00343589,060F5200=2A3606121E:00343589,7129565A01=131F2B3707:00343589,883B=111D350529:00343589,8800=152D390921:000150402627,0F292F2B1E=2733030F1B:00010F17505840,565A80385283846315=101C283404:000103020611187B7C2D4E616439201E0C26,522E474429=101C283404:0001030239450D297115332C2E4C,0F542070528438632C=101C283404:000103392E54837548,19700F58157A20381F=1830000C24:00010670175B71292A152322271E,03637C2B380F=0E1A263202:0001067052842E71291F20,030F38477533=131F2B3707:0001067011185B0D332C2E2D712909262322271F200C,0F5263250C=17232F0B3B:000106040318111A170F33292A26276A201D0C7A71077C1F1E74694F,520A=0D19253101:0001060403232226380F767754,568020152D=111D293505:000106025B75712904032D302F382B2A0D801E20,2E1F0F0F0C=0D19253101:00010607155B5C26271E2021165D83,38470F2920=16222E3A0A:000106073018110F3329271E0C7A0D75,3826201508=0F1B273303:00010618111A16332C2E2F2D27200C07483A450D,1552843825=0E1A263202:000102261E2027,03476F700F2971382E39=15212D3909:0001027007834878,2E388A201D17=131F2B3707:00010203450D3329152C2E2F5375,0F638A6A1D8A382D=0E1A263202:000102030D70332C2E29712F534426201F1E,0F38152F=121E2A3606:0001020370450D332C2E2D152971,0F52838A201D1B=1D29350511:0001020370528384631575712D2E4E3E581F1E1D,292C2B452620803A=222E3A0A16:0001020370392F2971152B54754C,458A1F0F20462C=14202C3808:0001020370392F80712B546675201E26,1F58472E152F=16222E3A0A:000102037039714515750D33,201D381F092E0F1103=32020E1A26:000102030F7039453319152E2D2F63751F0C1E20,71290D38472C=16222E3A0A:000102035270392E2D5863,0F381D2B2921201511=131F2B3707:0001020352666A,0F7020262938172F3A=2430000C18:00010203332C2E2F1558631F,0F1920707A2971264627=05111D2935:0001020311180F702E1F7952838468332D6749443E46630C1E1D21,292B2035=1C28340410:000102031118396375664819,1D4138702080291F=232F3B0B17:000102033945332C6375201D21,0F1929710D702D=101C283404:00010203390D3329152C2B751E20,2E1F54475352458316=111D293505:0001020339161745514F2C190F1A152E2D2F304979,8D13=17232F3B0B:00010203396A79637566201D211E,29387D71707A30=101C283404:000102033911170D3319152E2F0947442627201F,8D25=3505111D29:000102031811392E2D19528384543E4463751F20,152F1A290F0D=0E1A263202:0001020626232227201E,0F2E03801F0F=101C283404:0001020617385483,030F47202B6B1B=2733030F1B:000102060F17705283797823221E2027,2E712910=121E2A3606:000102062A397129797B7C2E1F2425,162F5D20262B=182430000C:0001020603691817452C2E2D498344,412B6A09633808=3A0A16222E:0001020603700F7B7C2E1F692D48302F565A586366240C21,2B151A292039=17232F3B0B:000102060717706A33392D2E4E674447482322271E210C,71292B4F2023=33030F1B27:0001020607036A5D397C2163664744,0F4E25208A08=04101C2834:000102060775261F20,71290F70150C=101C283404:00010206111803302F565A802D4E2B881F261E0C,0D0F521B=16222E3A0A:00010206090D5B7952838454685D7B7C443D77656366201F1E,030F47454F24=010D192531:000102071283542627201D210C4C78,29580F2E6352032E1F01=32020E1A26:00010275261E0C2322,6303706F0F292E1F19=0E2632021A:000102081A158483262322270C1E,700F292E1B=101C283404:00011A1615262322271F1E200C214C,472B0F1124=3707131F2B:00013974150726271F1E200C,0F06520D297170382B4507=17233B0B2F:000118111A16175B154C26271E200C232279302F5D528384547543,0F297C7A03=17232F3B0B:000118111A332C2E2D1571292A2627200C7A1979,387C02=172F3B0B23:000118111A332C2E2D1571292A23222627200C7A791970302F5D5283845456,387C454F1F=0E1A263202:0001081811171A160F1571292A26271E20396476452B0D,632E523813=15212D3909:00211D1E232289,8D16=0E2632021A:006526232227201F,8926=05111D2935:00657689,6B0F5225=16223A0A2E:00654C89,8D03=2A3606121E:006589,2970472008=15212D3909:001A170F5B332E2D7129261E203E5D,1503528306=152139092D:001A170F1379232227761926,71293833=1C28340410:001A1715838444363F261F1E200C2322,0F476B52036338=14202C3808:001A2B5448701938754C,152E20242510=0D19253101:0039504089,8D39=283404101C:003926271E20747677642322480C06,2E1F38=0F1B273303:0039262322271E201D210C0748766465776A,150F382939=202C380814:0039332C2E2D2F152B4644261F1E,0F7019382971637A31=192531010D:0039787989,1F2E2010=101C283404:0039787089,2E1F8A034F206B29=05111D2935:00398B7989,0F200C=131F2B3707:0039077426271F1E20,0F29713852832B632D=14202C3808:0039076A7426271F2048,0F79197029717A382C=0E1A263202:00397C343548,8929=3B0B17232F:003934357B7C89,0F2028=16222E0A3A:0039343589,8D34=16222E3A0A:0039343589,880B=111D293505:0039343589,8805=17233B0B2F:0039343589,882E=101C283404:0039343589,8806=17233B0B2F:00390103040618111A17332C2E262322271E157A7071302F45631F2075,807C2B=0915212D39:00396577647969271E2322,52012E1F2620612D=16222E3A0A:00391A6A15384C4943363F7448,0F0379472B6319=192531010D:00394C786F89,0F2E442035=182430000C:003989,882A=121E2A3606:003989,8816=13191F252B313701070D:003989,8801=0D19310125:003989,880D=0F1B273303:0018112C2E01040607332D292A09270C2322696870302F47023945,382052801C=101C340428:00190F153917701A48,472E1F200334=1F2B370713:00195475667689,5229152E2019=222E3A0A16:004C504089,0F5215470A=3A0A16222E:005C702C2F802B154C78,5A562E1F208A45466319=102834041C:0089,090F1538=131F2B3707:71297C790001062A0F802D,5215705D2F=0E1A263202:7100030170391959152E2D2F2B,0F201F4F75668A3824=030F1B2733:5483846376656419786A,298030201A=2430000C18:5452838479195D00012A0D7B7C2C2E3348156366242526201E,0F71292D=07131F2B37:54528384700001020339482D301571565A363F637566,06292B201F8A29=030F1B2733:54528384036F796A153E65,7129631D=2733030F1B:5452848303152F802C2D,2E1F208A7A700F29710C7D22=33030F1B27:118384155B20272E1F21,0F03380E=0E1A263202:1179302F842627201E,0071292E1F0E=06121E2A36:11177B7C52842C2E5B1F20,060071292F0F0E=101C283404:110F70528475660D7129,012E1F20262A=101C283404:110F03706A795215636626271E,0C012F38062C292B07=020E1A2632:110F0001702C2E7129201F,52060C=0E1A263202:110F00017052792E1F1E,71290D2B2020=293505111D:110F1A6A702C2E1952838453712F6375,45201500011D=101C340428:11037B7C2E2F7129,0F52200B=0E1A263202:11000170792C2E7129,0F52201F01=111D350529:110001527B7C2E75,0F2009=04101C2834:1100010206702D804E2B2620,0F52540D00=131F2B3707:110001392E1F20,0F712932=17232F3B0B:117154528384292C2E302D4E092A0D50407970443D,5680410023=2B3707131F:111879690001020370396A2E2D528384543E637566,0F380D580F292000=222E3A0A16:111879076A1A171523221E272024,5229700F1D012E292B0C2F0B=06121E2A36:111817000106702C2E71292A0D33802D302F4E2B44,0F52252029=07131F2B37:11180F000704030D7C684580302F153867534775,70204119=2430000C18:11180F00012A0D70795D7B7C39332D2C2E4E4863664C,064F478A2037=1E2A360612:11180F000152548471702C2E2D4E303348492A156144474C63,8A201F38450618=202C380814:11180F000128032A0D7129302C2E2F2D802B09411F1E20,5284543824=2F3B0B1723:11180F0001020370391952845329712B632E7B7C792D2C8020,385D151E=293505111D:11180F0001020339700D29716375662E1F2620,3815568016=16222E3A0A:11180F000102587B7C5283847971302F804B2B497675,09612E1F201E=232F3B0B17:11180F00010E715229702E79692C2D2B15093954444C66,2F565A806132=131F2B3707:11180F71297052838454792A0D33802D153853201F1E212627,012F56476628=3707131F2B:11180F71297000010604032A0D793969302F33802D636675,201F52565A1E18=1D29350511:11180F5C000102030D332C2E195329711563261F202322,52843A=202C380814:11180370392A0D3329712C2F156375795B5D,450C8A00382E1F20010C=3A0A16222E:11185283847975661271393D692D15565A201E262322,292F060D0C02=30000C1824:111852838470795B302F404533802D152B39201E23221D212726,0F2E1F010D2923=2D39091521:111852838453546319297115030D332B2C,060F8A2E38201F38=0D19253101:111800020D041A796933483E5347446563751F1D212026,010F09150C17=2430000C18:1118000717161A2C2E3371292B56433D6375363F,0F010347208A09=020E1A2632:111800012A0D2C705271292E201F,1538617904=30000C1824:11180001032A0D70795B2C2E302F802D4E152B33714161201F26,520958470A=000C182430:11180001020439332C2E302F2B5844477515634C1F2721,0F520D19267A2971702037=232F3B0B17:111800010206037939695483845D2D2E4E446375661F262120,0F52290D7123=31010D1925:111800010206071979697C67474475664C,0F16298A2014=182430000C:11187129705B79000106032A0D397B6F7C802D2C2B61756627261E0C1D21,0F2E15414732=192531010D:111871545283842979397B7C69152B2A0D33485324251F1D1E26,6B00702F800C201E=1F2B370713:5D0007363F232227261E21,037C0F471F202E=0E1A263202:6526232227201F,880E=111D293505:653989,8806=131F2B3707:363F6526232227201E89,8832=1A2632020E:1A454F548384,881D=121E2A3606:1A38712975,0F201A=0E1A263202:1A162623227954,0001710F290C=0F1B273303:1A16170F13152654,3852204F32=0F1B273303:1A5D453A332C2E2F4B25262322271F201E1D21,000F704723=2F3B0B1723:3950177089,522E1F0F201A=1D29350511:39701117302F713819297566,004551152C2E201D1F34=121E2A3606:393589,881A=15212D3909:393589,882C=182430000C:393589,8825=101C283404:393589,881C=2531010D19:394089,71294709636F7C440D=0D19253101:3948007889,8D38=2430000C18:394889,8811=111D293505:394889,882A=0E1A263202:3907,8807=0D19253101:39343589,8831=101C283404:393489,8801=222E3A0A16:390050404C89,0F528329692018=131F2B3707:39006A26201F,0F520D38580629712B09=380814202C:390001022C2E302F1575804B2D261F20,0D0F0319707D5229717A15=17232F3B0B:3989,8D11=0A16222E3A:181179838454637566,0F5229012007=111D293505:18117915384C,52200E=0C18243000:1811795B032C2E302F802D4163754C27261E1D2120,010D0F29521F29=16222E0A3A:1811795B5466,01202F=192531010D:181179000607040D03302F5283844F3A45512B1533664C47,090F702E208A2B=0B17232F3B:18117900012C2E5B1F20,0F710D52291A=122A36061E:181179190E332C2E2D52637566262322271F20,8D02=0F1B273303:181117332C2E1526232227201F1E3E,38030F522922=142038082C:181170792C2F7129,52201F=121E36062A:18117001061579,71292023=121E2A3606:18117000012C2E7129,522024=3505111D29:18110F3900010203700D3329711563752E1F0C201D,38525D1A=101C283404:18110F197983842E230C271F1E7A70525463,2620291503=111D293505:1811002E1F8384,0F2022=1824000C30:181100012C2E2F1F,0F3821=142038082C:181100012C2E2F1F20,0F5229=14202C3808:181100015B3875,2E2034=15212D3909:181100012A0D2C2E2F2B2D304E447129841F,0F09416138200F=0814202C38:181100012A0D52842953411E20,2E1F0F47152F=131F2B3707:18110001032A0D845B7129302F791533536678,0F208A1F1D33=17232F3B0B:18115452840001712970802D2C2E302F2B2A0D78791F,0F204758610E=0F1B273303:18111A16175B3315262322271F1E201D215D838454433E363F754551,00030F290D=0C18243000:18115C0001702A2C2E2F5283847129795B6375802D154C,1F208A2407=15212D3909:88,262052830D=17232F3B0B:88,8D17=102834041C:88,8D0B=15212D0939:88,8D24=121E2A0636:88,8D09=17232F0B3B:88,8D13=111D293505:1979,3F2F2E45207D37=112935051D:1966583F6589,8831=16222E3A0A:4C4089,880C=0C18243000:4C78,297172380D2A2E0F47484112=16222E3A0A:5C0F1811790070528471291F20,2F0380512514=1C28340410:5C0001020652835B0E03804B2D4E2B752024210C,292E565A36=1A2632020E:5C11180001027170520D2984832B15200C,03802E386333=15212D3909:89,6B34=111D293505:89,8D",
              TIME_YI_JI: "0D28=,2C2E2128=,2C2E0110=,2C2E0C1F=,2C2E7A701B1C=,01022308=,01026D003026=,000106037A702D02=,000106037A702802=,000106037A703131=,000106037A70341B=,000106087A701F0E=,000106087A702E15=,000106087A702C2E0E39=,000106087A702C2E0D2B=,881727=,88032D=,88352F=,882B2F=,882125=,882A22=,880C1E=,880220=,88161A=,882018=,883422=,880113=,880B11=,883315=,882915=,881F17=,88150D=,88122E=,88302A=,88262A=,883A28=,880826=,881C2C=,881905=,882303=,880F09=,88050B=,883701=,882D01=,88060C=,882410=,881A12=,882E0E=,88380E=,881010=,883630=,881834=,880E38=,882232=,882C30=,88043A=,881E0A=,880006=,883208=,880A04=,881400=,882808=,883137=,883B35=,882737=,881D39=,88133B=,880933=,88251D=,882F1B=,881B1F=,88111D=,880719=,88391B=,88212D=,7A702C0B15=,7A70551515=,7A70552D00=,7A7D2C2E1334=382C,000106083528=382C,7A70000106080504=382C7A6C55700F197120,00010608223A=380006082C,01026D0D2C=380006082C,01027A70551D30=380006082C0F71295283,01027A703636=380006082C0F71295283,0102416D1226=380006082C7A706C550F297120,0102251C=380006082C7A6C55700F197120,01026D2300=3800010608,2C2E0324=3800010608,7A702C2E082E=3800010608,7A70552C2E3B34=38000106082C,2F8026330C=38000106082C,2F80267A701622=38000106082C7A70556C0F197120,1904=38000106082C7A6C55700F197120,1514=38000106087A70556C0F197120,2C2E3138=38000106087A70556C0F197120,2C2E0B10=38000106087A6C55700F197120,2C2E2B28=387A6C55700F197120,000106082C2E2E16=38082C,000106037A700E3A=38082C,000106037A703708=38082C6C550F197120,000106037A701B20=38082C6C550F197120,000106037A70111C=38082C6C550F197120,000106037A703A2D=2C38,000106082733=2C38,000106081015=2C38020F71295283,000106083817=2C2920,7A700F03=2C2920,616D1839=2C292070556C100F,00010608161B=2C2920020F7100010608,302B=2C2920556C0F1971,7A701E07=2C2920010F,1B1B=2C2920010670100F00,352B=2C292000010206100F70,082B=2C292000010206100F707A,0C21=2C292000010870556C100F7A,0617=2C29206C0F1971,7A70552807=2C29207A70556C0F197100010206,122F=2C29207A706C55100F1971,1017=2C29207A706C55100F1971,2731=2C20,616D0436=2C2070550F,7A7D01022E12=2C200F71295283,01021831=2C20556C0F1971,7A702912=2C20100F52,01026D1D33=2C807138152952,000106080E31=2C80713815295270556C100F,000106083201=2C80713815295270556C100F7A,000106080327=2C80713815295202100F,000106037A702B2B=2C80713815295202100F,000106037A702801=2C80713815295202100F,000106083639=2C80713815295202100F7A7055,00010608341D=2C807138152952556C100F,000106037A701B23=2C807138152952010F6C55,7A70302D=2C8071381529520102100F7A7055,2231=2C8071381529520102100F7A6C55,1F13=2C80713815295200010206100F20,7A70313B=2C8071381529526C550F,000106037A701A15=2C8071381529527A70550F,000106080219=2C8071381529527A70556C0F19,000106082E0D=2C80713815295208556C100F,000106037A70161F=2C80711529525670556C100F,000106083813=2C80711529525670556C100F,000106082D05=2C807115295256020F7A706C55,2237=2C80711529525602100F,000106081F0D=2C80711529525602100F55,000106037A702627=2C8071152952560102100F7A706C,2C33=2C8071152952560102100F7A706C,0939=2C80711529525601100F7A7055,416D021F=2C80711529525600010206100F70,0E37=2C80711529525600010870556C10,2129=2C8071152952566C550F,7A702519=2C8071152952566C550F19,7A702417=2C8071152952566C55100F19,000106037A70043B=2C8071152952566C55100F19,000106037A700C1B=2C8071152952566C55100F19,7A703B31=2C8071152952566C100F19,7A705500010603172D=2C8071152952567A70550F,416D3A2F=2C8071152952567A70556C100F,1901=2C8071152952567A706C55100F19,1119=2C8071152952567A6C55700F19,1C2B=2C80711529525608556C100F,000106037A701403=2C80711529525608556C100F,000106037A70071D=2C80711529525608100F55,000106037A701908=292C20,7A7D01026D2E0F=292C200102100F7A7055,032C=292C20000608,0102071C=292C206C550F1971,000106037A700E33=292C207A70556C000108,0503=2920550F,7A702C2E0721=2920556C100F,7A702C1225=2920000108556C100F,7A702C2E1F11=2900010870556C100F7A,032C201A11=297A70556C100F,032C200E35=297A70556C100F,032C20000A=70556C0F197120,7A7D3A29=70556C100F2C20,000106081C25=70556C100F2C20,000106082805=70556C100F2C20,000106082F20=70556C100F2C20,00010608150C=70556C100F29522002,7A7D000106033314=70556C100F,00010608032C20122A=70556C08,7A7D000106032415=70100F2C715220,000106081A0D=4B0F2C20,000106037A701902=4B0F2C20,000106080E3B=4B0F20,7A702C000106032E17=0F2C09382920,7A7000010603363B=0F2C093829206C55,000106037A70082C=0F29528320,7A2C71707D01026D0718=0F712952832C20,7A7D01021C26=0F712952832C20,7A7D01026D3918=0F712952832C2038000608,01027A70552126=0F712952832C2010,01021330=0F712952832C207A7055,01021118=0F712952832C207A7055,01023524=0F715220,7A70552C2E3419=20556C0F1971,7A702C2E1D31=2000010206100F,7A702C1E05=0270290F2C207A,00010608212C=0270550F,00010608032C200C23=0270550F,00010608032C203706=0270550F20,000106082C2E2520=0270550F20,7A7D000106032E13=0270550F202C807115295256,000106081620=020F29528320,000106087A2C71707D0112=020F2952832055,7A2C71707D000106030F08=020F20,7A7055000106032A23=020F712952832C20,2521=020F712952832C20,000106082F21=020F712952832C20,000106080003=020F712952832C20,7A700432=020F712952832C2038000106086C,7A701E03=020F712952832C2070556C10,000106081623=020F712952832C2001,2236=020F712952832C2001,000B=020F712952832C2001,7A70552C36=020F712952832C20013800,416D341E=020F712952832C20017055,7A7D0E32=020F712952832C200110,7A7D0329=020F712952832C2001107A706C55,262D=020F712952832C20017A7055,1229=020F712952832C2000010608,122D=020F712952832C2000010608,1011=020F712952832C2000010608,0A0B=020F712952832C2000010608,1F0F=020F712952832C2000010870556C,1A0E=020F712952832C206C55,7A703312=020F712952832C2010,000106037A70172A=020F712952832C2010,7A7055000106033B3B=020F712952832C2010,416D000106037A700B12=020F712952832C20106C55,000106037A700615=020F712952832C207A7055,3203=020F712952832C207A7055,201B=020F712952832C207A706C5510,2023=020F712952832C207A6C7055,2A1B=020F7129528320,000106087A702C2629=020F7129528320,7A702C2E3709=020F7129528320,7A702C000106083A24=020F7129528320,7A70552C2E341A=020F712952832038000106087A70,2C2E1C2D=020F712952832001,7A702C2E0611=020F712952832001,7A702C2E021A=020F712952832001,7A7D2C2E3815=020F71295283200100,7A702C2E3024=020F71295283200110,616D2C2E093B=020F71295283206C55,7A702C2E000106030505=020F71295283206C55,7A702C030C1A=020F71295283207A706C55,000106082C2E3705=020F712952837A706C55,032C201F0C=02550F20,000106037A700508=02550F20,000106037A703029=02550F20,000106087A702C2E3027=02550F202C807115295256,000106037A703526=02100F2C29528320,000106037A70150E=02100F2C29528320,00010608380F=02100F2C29528320,000106083527=02100F2C29528320,7A70000106031C27=02100F2C2955528320,000106081227=02100F2C29555283207A706C,00010608060F=02100F2C29555283207A706C,000106081D34=02100F7020,7A7D000106030F02=02100F7055528315,2F8026000106083920=02100F7055528315,2F802600010608212A=02100F7055528315,000106082A20=02100F7055528315,000106083A26=02100F7055528315,000106080439=02100F7055528315,000106080008=02100F7055528315,000106081B21=02100F7055528315,00010608071B=02100F7055528315,000106080D24=02100F7055528315,000106082C2E2C32=02100F7055528315,000106082C2E2B2C=02100F7055528315,00010608032C201402=02100F7055528315,00010608032C20391C=02100F7055528315,7A7D000106031F10=02100F705552831538,2F8026000106082D06=02100F70555283157A,2F802600010608290D=02100F20,7A702C000106032416=02100F20,616D000106037A702C34=02100F20292C,7A70000106031C2A=02100F528315,7A7055000106032234=02100F528315,7A7055000106032A21=02100F55528315,000106037A703313=02100F55528315,000106037A700509=02100F55528315,000106037A702D03=02100F55528315,000106037A700613=02100F55528315,000106037A702235=02100F55528315,000106037A70391D=02100F55528315,000106037A70100F=02100F55528315,000106087A702C111B=02100F55528315,000106087A702C2E2916=02100F55528315,7A2C71707D000106030430=02100F55528315,7A2C71707D000106033B32=02100F55528315,7A2C71707D000106081903=02100F55528315,7A702C2E000106033A27=02100F55528315,7A702C000106030931=02100F55528315,7A702C000106030C1C=02100F55528315,7A70000106032735=02100F555283152C8071,000106037A700B13=02100F555283152C807138,000106037A701517=02100F555283152C807138,000106037A702917=02100F555283156C,000106037A703136=550F522010,7A2C71707D01022A1E=550F715220,7A702C2E1333=550F715220,7A702C2E000106081405=556C,000106087A702C2E0433=556C,7A70000106083B38=556C0F197120,7A702C2E1E01=556C0F19712001,7A702C2E190B=556C000108,7A70230B=556C000108,7A702C2E1A0F=556C0001082C807115295256,7A701830=556C0008,7A2C71707D01023814=556C100F295220,7A2C71707D03082F=556C100F295220,7A702C0C1D=556C100F295220,7A702C2E00010603021D=556C100F295220,7A70000106031121=556C100F2952202C,7A701835=556C100F2952202C80713815,000106037A703B30=556C100F29522002,000106037A70290C=556C100F29522002,7A70000106030930=556C100F2952200238,000106037A702B27=556C100F2952200102,7A702C2E3812=556C08,000106037A701012=556C08,000106037A701621=556C08,7A702C2E000106033209=556C08,7A702C2E000106032021=556C082C807138152952,000106037A700009=556C082C807138152952,000106037A702A1D=807138152952000170100F,032C200A05=807138152952000170100F,032C20273B=8071381529527A706C550F,032C203423=80711529525600010870556C100F,032C201511=80711529525600010870556C100F,032C20183B=80711529525600010870556C100F,032C203311=010F2C80093829206C55,7A702B29=010F2C80093829206C55,7A70616D3A25=010F2C09382920,7A70550825=010F2C093829207A6C5570,201E=010F09382920,7A702C2E352E=010670100F2C71522000,1C28=010670100F7152207A6C55,2C2E2E11=0106100F7152,7A70032C203205=0106100F71526C,7A70032C202A19=0102290F20,7A702C2E2A1F=010270290F2C207A6C55,2413=010270290F2C207A6C55,0437=010270290F2C207A6C55,0935=010270550F,032C201B18=010270550F20,2B24=010270550F20,2F80261906=010270550F20,2C2E2732=010270550F20,2C2E071A=010270550F20,2C2E3700=010270550F20,7A7D1724=010270550F203800,2F80263921=010270550F202C29,416D290F=010270550F202C807138152952,1619=010270550F202C8071381529527A,3207=010270550F202C80711529525600,0829=010270550F2000,060D=010270550F2000,0001=010270550F2000,2736=010270550F207A,1B1E=010270550F207A,2C2E140B=010270550F207A6C,0114=010270550F7A6C,032C202C3B=010270550F7A6C,032C20201F=0102550F20,7A702C1A13=0102550F20,7A702C3637=0102550F20,7A702C280B=0102550F20,7A702C223B=0102550F20,7A702C032D04=0102100F2C29528320,7A701409=0102100F2C29528320,7A70552307=0102100F2C2952832000,0005=0102100F295283,032C207A700A00=0102100F2955528320,7A2C71707D082D=0102100F2955528320,7A702C2E2809=0102100F295552832000,7A702C2E2B2D=0102100F7055528315,021E=0102100F7055528315,0C20=0102100F7055528315,2F80263420=0102100F7055528315,2F80261510=0102100F7055528315,2F80262E10=0102100F7055528315,2F80262806=0102100F7055528315,2F80263134=0102100F7055528315,2F80261D38=0102100F7055528315,2F8026251A=0102100F7055528315,2F80263A2A=0102100F7055528315,2F80267A7D1120=0102100F7055528315,2F80267A7D0824=0102100F7055528315,2C2E1E00=0102100F7055528315,2C2E7A2F1D=0102100F7055528315,032C200A06=0102100F7055528315,7A7D2C2E1C2E=0102100F70555283153800,2F80261832=0102100F70555283153800,2C2E280A=0102100F70555283153800,2C2E320A=0102100F705552831538007A,2738=0102100F705552831538007A6C,2F80260720=0102100F705552831538007A6C,2F8026032B=0102100F70555283152C292000,1907=0102100F70555283152C292000,3703=0102100F70555283152C292000,2739=0102100F70555283152C29207A,251B=0102100F70555283152C29207A,2B25=0102100F70555283152C29207A6C,1331=0102100F70555283152C207A,0D29=0102100F70555283152C80717A,1B1D=0102100F70555283158071,032C200D2D=0102100F705552831500,1725=0102100F705552831500,352D=0102100F705552831500,0C19=0102100F705552831500,150F=0102100F705552831500,3025=0102100F705552831500,0F07=0102100F705552831500,1E09=0102100F705552831500,251F=0102100F705552831500,010C=0102100F705552831500,2F80261A10=0102100F705552831500,2F80261016=0102100F705552831500,2F80260934=0102100F705552831500,2F80262910=0102100F705552831500,2F80267A7D1A14=0102100F705552831500,2C2E2304=0102100F705552831500,7A7D3421=0102100F7055528315002C2920,212F=0102100F7055528315002C807138,111F=0102100F7055528315002C807138,3135=0102100F7055528315008071,032C200828=0102100F7055528315007A6C,2022=0102100F70555283156C,7A7D140A=0102100F70555283156C,7A7D2C2E2127=0102100F70555283157A,1618=0102100F70555283157A,0B0F=0102100F70555283157A,1836=0102100F70555283157A,172E=0102100F70555283157A,2F8026352A=0102100F70555283157A,2F80262B2E=0102100F70555283157A,2F8026082A=0102100F70555283157A,2F80262306=0102100F70555283157A,2F80263702=0102100F70555283157A,2F80262C38=0102100F70555283157A,2F80261E06=0102100F70555283157A,2F80261B1A=0102100F70555283157A,2F8026032A=0102100F70555283157A,2C2E1F14=0102100F70555283157A,2C2E3810=0102100F70555283157A,2C2E262C=0102100F70555283157A29,032C20201A=0102100F70555283157A00,2F80260A02=0102100F70555283157A00,2F80261838=0102100F70555283157A6C,2F80260E34=0102100F70555283157A6C,2F80260438=0102100F70555283157A6C,2C2E2F1A=0102100F70555283157A6C,2C2E2305=0102100F528315,7A70553525=0102100F5283152C8071,7A70550723=0102100F528315807138,7A7055032C200D2A=0102100F55528315,2F80267A2C71707D3316=0102100F55528315,2F80267A2C71707D1224=0102100F55528315,2F80267A2C71707D212E=0102100F55528315,2F80267A700616=0102100F55528315,2F80267A70380C=0102100F55528315,2F80267A700434=0102100F55528315,2F80267A702A18=0102100F55528315,7A2C71707D2628=0102100F55528315,7A2C71707D100C=0102100F55528315,7A2C71707D2F80261729=0102100F55528315,7A701F15=0102100F55528315,7A70240E=0102100F55528315,7A703632=0102100F55528315,7A701339=0102100F55528315,7A700115=0102100F55528315,7A702C2C37=0102100F55528315,7A702C320B=0102100F55528315,7A702C3206=0102100F55528315,7A702C2E2238=0102100F55528315,616D2F80267A2C71707D3816=0102100F555283153800,2F80267A701406=0102100F555283153800,2F80267A700111=0102100F555283152C8071,7A700501=0102100F555283152C8071,7A70370B=0102100F555283152C807138,7A703B37=0102100F555283152C80713800,7A701C2F=0102100F555283152920,7A702C240F=0102100F555283152920,7A702C0A03=0102100F555283152920,7A702C0221=0102100F55528315292000,7A702C2E3317=0102100F55528315292000,7A702C2E3634=0102100F5552831500,2F80267A2C71707D3028=0102100F5552831500,7A2C71707D111A=0102100F5552831500,7A2C71707D071E=0102100F5552831500,7A2C71707D2913=0102100F5552831500,7A702F19=0102100F5552831500,7A702301=0102100F5552831500,7A702C3919=0102100F5552831500,7A702C3B33=0102100F5552831500,7A702C2E0223=0102100F5552831500,7A702C03032F=0102100F55528315006C,7A702C2E262E=0102100F555283156C,2F80267A70032E=0102100F555283156C,7A2C71707D0F0B=0102100F555283156C,7A701D3B=0102100F555283156C,7A702C2E030116=01100F1571292C20,2F80267A703200=01100F1571292C20,7A7055370A=01100F1571292C2000,7A701B22=01100F1571292C2000,7A701E04=01100F1571292C2000,416D1336=01100F1571292C20007A70556C,391A=01100F1571292C20007A6C7055,1C24=01100F1571292C207A7055,2F80260D2E=01100F15712920,7A702C2E2D0A=01100F15712920,7A702C2E2800=01100F15712920027A7055,2C2E251E=01100F157129207A70556C,2C2E1228=01100F157129207A70556C,416D2C2E050A=01100F5220,7A70550000=01100F5220,616D2624=01100F5220,616D2F80267A702804=01100F5220006C,7A70550F06=01100F52207A70556C,2C2E2F1E=01100F52207A70556C,2C2E1014=01100F527A70556C,032C20161E=01100F712920,7A702C2E0A0A=01100F71522C2920,616D161C=0070100F292C20,01020F04=0006100F7020,7A7D01026D183A=0006100F7020,616D0102201C=0006100F20,7A2C71707D01026D1D37=000170100F292C20,2F18=000170100F292C802038,161D=00014B0F,032C201338=00014B0F2C2002,2F80261728=00014B0F20,2C2E0F0A=00014B0F20,7A2C71707D1833=00014B0F20,7A702C1407=00014B0F20,7A702C1401=0001060838,2C2E1123=0001060838,416D032C202019=000106082C38,2C31=000106082C38,391F=000106082C38,2523=000106082C38,7A70416D1C29=000106082C38020F71295283,3811=000106082C38020F71295283,7A700937=000106082C386C550F197120,7A700117=00010252100F29202C7A706C55,1337=00010206700F202C807138152952,3A2E=00010206100F7020,616D0610=00010206100F20,7A2C71707D0328=00010206100F20,7A700F01=00010206100F20,7A702C3310=00010206100F20,7A702C2E3139=0001100F298020,7A702C2625=00010870556C100F2C20,1909=00010870556C100F2C20,391E=00010870556C100F2C20,2124=00010870556C100F2C20,2F80267A7D0F00=00010870556C100F2C2038,2D09=00010870556C100F2C2002,0500=00010870556C100F2C207A,2C39=00010870556C100F2C207A,2518=00010870556C100F2C207A,0B0C=00010870556C100F2C207A,2F80262911=00010870556C100F7A,032C200007=000108556C100F2C2029,7A700A07=000108556C100F2C2029,7A701332=000108556C100F20,2C2E7A70100D=000108556C100F20,7A702C2E2239=000108556C100F20,7A702C2E0A01=000108556C100F20,7A702C2E380D=0001086C100F2C20,7A70551D36=0001086C100F2C20,7A70552F1F=000108100F70552920,010D=000108100F70552920,616D0507=000108100F705529202C80713815,0B0D=000108100F705529202C8071157A,3133=000108100F7055292002,2309=000108100F7055292002,416D0002=000108100F705529207A,2F80263202=000108100F705529207A,2F80263638=000108100F705529207A,2C2E2A1A=000108100F705529207A38,2F80262414=000108100F705529207A6C,2C2E2E14=000108100F552920,7A2C71707D1404=000108100F552920,7A2C71707D0B17=000108100F552920,7A70330D=000108100F552920,7A702C172F=000108100F552920,7A702C2E3707=000108100F5529206C,616D7A702C2E302E=6C55700F197120,2C2E7A7D0C22=6C55700F197120,7A7D01026D1E02=6C550F297120,000106037A703923=6C550F297120,7A702C2E03230A=6C550F1920,7A2C71707D240C=6C550F19200210,7A2C71707D000106031A16=6C550F197120,000106037A701513=6C550F197120,7A703A2B=6C550F197120,7A701837=6C550F197120,7A702F23=6C550F197120,7A702F22=6C550F197120,7A702D07=6C550F197120,7A702C2E3922=6C550F197120,7A700102093A=6C550F197120,7A70000106031B19=6C550F197120,616D7A70071F=6C550F197120,616D7A702C2E212B=6C550F197120,616D7A702C2E000106032734=6C550F197120292C,000106037A700325=6C550F1971200001020610,7A702C122B=6C550F19712008,000106037A702411=6C100F2952,7A7055032C20010E=100F2C29528320,01023704=100F2C29528320,0102363A=100F292C206C55,000106037A702B26=100F2920,7A2C71707D01026D302C=100F7055528315,01021E08=100F7055528315,01022730=100F7055528315,01021512=100F7055528315,010200352C=100F7055528315,7A7D01026D2F1C=100F7055528315,7A7D01026D0222=100F70555283153800,01026D2412=100F70555283157A,01022230=100F70555283157A,0102060E=100F70555283157A6C,01022C3A=100F70555283157A6C,01026D1F12=100F1571292C20,01026D3B36=100F1571292C20,01026D1516=100F1571292C20,000106037A702302=100F1571292C20,000106037A701D32=100F1571292C20,000106082F8026330E=100F1571292C20,000106086D2A1C=100F1571292C20,7A7001026D313A=100F1571292C20,7A7000010603341C=100F1571292C20,416D7A70000106032B2A=100F1571292C2002,000106037A700326=100F1571292C20556C,000106037A70273A=100F1571292C2000,01026D0722=100F1571292C2000,01026D2E0C=100F1571292C206C55,000106037A701408=100F1571292C207A706C55,01022020=100F1571292C207A706C55,000106081726=100F1571292C207A6C7055,0102290E=100F1571292C207A6C7055,000106080932=100F1571292C207A6C7055,000106080D26=100F52,00010608032C20100E=100F5283153800,01027A70550B16=100F5220,2F8026000106081122=100F5220,6D010200133A=100F5220,01026D1F16=100F5220,000106037A703132=100F5220,000106083B3A=100F5220,000106082522=100F5220,00010608190A=100F5220,000106082C2E021C=100F5220,7A70000106030936=100F52202C,01026D3A2C=100F52206C55,01027A701A0C=100F52206C55,000106037A700E30=100F52206C55,000106037A700A08=100F52207A706C55,000106083204=100F52207A6C5570,01026D0B0E=100F55528315,01027A2C71707D0004=100F55528315,7A2C71707D01026D1D3A=100F55528315,7A2C71707D01026D3418=100F5552831500,7A2C71707D0102201D=100F712920,7A702C2E00010608030E36=100F71522C2920,01023635=100F715229,00010608032C20021B=7A70550F2C715220,1900=7A70550F715220,2C2E0A09=7A70556C,00010608172C=7A70556C,00010608032C200B14=7A70556C,00010608032C202914=7A70556C0F197120,2C2E0938=7A70556C0F197120,000106082C2E111E=7A70556C000108,0502=7A70556C000108,2F80260D2F=7A70556C0001082C807138152952,2D0B=7A70556C0001082C807138152952,3633=7A70556C0001082C807115295256,0C18=7A70556C0008,01020218=7A70556C0008,0102302F=7A70556C100F295220,000106082C35=7A70556C100F295220,000106081E0B=7A70556C100F2952202C807115,3130=7A70556C100F29522002,000106080506=7A70556C100F29522001,2C2E330F=7A70556C100F29522001022C8071,010F=7A70556C100F295220010200,0435=7A70556C100F295280713815,032C200614=7A70556C100F295201,032C20122C=7A70556C100F29520102,032C203B39=7A706C550F297120,0F05=7A706C550F297102,032C200D25=7A706C550F19712001,616D2233=7A706C550F19712000010608,2626=7A6C70550F197120,01021A17=7A6C70550F197120,00010608262F=7A6C70550F1971202C29,000106083529=7A6C70550F19712002,616D000106082D08=7A6C70550F197120103800,0102341F=7A6C55700F197120,2C2E172B=082C38,7A7055000106030D27=082C38,7A70000106030827=08556C100F2C20,000106037A702803=08556C100F2C20,000106037A701013=08556C100F2C20,7A7000010603262B=08556C100F2C20,7A7000010603240D=08556C100F2C20,7A70000106033631=08556C100F2C20,7A70000106030431=08556C100F20,7A702C2E000106031D35=08100F552920,000106037A701335=08100F552920,000106037A700612=08100F55292038,000106037A70",
              SHEN_SHA: [
                "{s.none}",
                "{sn.tianEn}",
                "{sn.muCang}",
                "{sn.shiYang}",
                "{sn.shengQi}",
                "{sn.yiHou}",
                "{sn.qingLong}",
                "{sn.zaiSha}",
                "{sn.tianHuo}",
                "{sn.siJi}",
                "{sn.baLong}",
                "{sn.fuRi}",
                "{sn.xuShi}",
                "{sn.mingTang}",
                "{sn.yueSha}",
                "{sn.yueXu}",
                "{sn.xueZhi}",
                "{sn.tianZei}",
                "{sn.wuXu}",
                "{sn.tuFu}",
                "{sn.guiJi}",
                "{sn.xueJi}",
                "{sn.yueDe}",
                "{sn.yueEn}",
                "{sn.siXiang}",
                "{sn.wangRi}",
                "{sn.tianCang}",
                "{sn.buJiang}",
                "{sn.yaoAn}",
                "{sn.wuHe}",
                "{sn.mingFeiDui}",
                "{sn.yueJian}",
                "{sn.xiaoShi}",
                "{sn.tuHu}",
                "{sn.wangWang}",
                "{sn.tianXing}",
                "{sn.tianDe}",
                "{sn.guanRi}",
                "{sn.jiQi}",
                "{sn.yuYu}",
                "{sn.daShi}",
                "{sn.daBai}",
                "{sn.xianChi}",
                "{sn.zhuQue}",
                "{sn.shouRi}",
                "{sn.tianWu}",
                "{sn.fuDe}",
                "{sn.liuYi}",
                "{sn.jinTang}",
                "{sn.jinKui}",
                "{sn.yanDui}",
                "{sn.zhaoYao}",
                "{sn.jiuKong}",
                "{sn.jiuKan}",
                "{sn.jiuJiao}",
                "{sn.xiangRi}",
                "{sn.baoGuang}",
                "{sn.tianGang}",
                "{sn.siShen}",
                "{sn.yueXing}",
                "{sn.yueHai}",
                "{sn.youHuo}",
                "{sn.chongRi}",
                "{sn.shiDe}",
                "{sn.minRi}",
                "{sn.sanHe}",
                "{sn.linRi}",
                "{sn.tianMa}",
                "{sn.shiYin}",
                "{sn.mingFei}",
                "{sn.siQi}",
                "{sn.diNang}",
                "{sn.baiHu}",
                "{sn.yueDeHe}",
                "{sn.jingAn}",
                "{sn.yuTang}",
                "{sn.puHu}",
                "{sn.jieShen}",
                "{sn.xiaoHao}",
                "{sn.tianDeHe}",
                "{sn.yueKong}",
                "{sn.yiMa}",
                "{sn.tianHou}",
                "{sn.chuShen}",
                "{sn.yuePo}",
                "{sn.daHao}",
                "{sn.wuLi}",
                "{sn.tianLao}",
                "{sn.yinDe}",
                "{sn.fuSheng}",
                "{sn.tianLi}",
                "{sn.zhiSi}",
                "{sn.yuanWu}",
                "{sn.yangDe}",
                "{sn.tianXi}",
                "{sn.tianYi}",
                "{sn.siMing}",
                "{sn.yueYan}",
                "{sn.diHuo}",
                "{sn.fourHit}",
                "{sn.daSha}",
                "{sn.daHui}",
                "{sn.tianYuan}",
                "{sn.liuHe}",
                "{sn.wuFu}",
                "{sn.shengXin}",
                "{sn.heKui}",
                "{sn.jieSha}",
                "{sn.siQiong}",
                "{sn.gouChen}",
                "{sn.chuShuiLong}",
                "{sn.baFeng}",
                "{sn.tianShe}",
                "{sn.wuMu}",
                "{sn.baZhuan}",
                "{sn.yinCuo}",
                "{sn.siHao}",
                "{sn.yangCuo}",
                "{sn.siFei}",
                "{sn.sanYin}",
                "{sn.xiaoHui}",
                "{sn.yinDaoChongYang}",
                "{sn.danYin}",
                "{sn.guChen}",
                "{sn.yinWei}",
                "{sn.xingHen}",
                "{sn.liaoLi}",
                "{sn.jueYin}",
                "{sn.chunYang}",
                "{sn.qiNiao}",
                "{sn.suiBo}",
                "{sn.yinYangJiaoPo}",
                "{sn.yinYangJuCuo}",
                "{sn.yinYangJiChong}",
                "{sn.zhuZhen}",
                "{sn.yangCuoYinChong}",
                "{sn.qiFu}",
                "{sn.tianGou}",
                "{sn.jiuHu}",
                "{sn.chengRi}",
                "{sn.tianFu}",
                "{sn.guYang}",
                "{sn.jueYang}",
                "{sn.chunYin}",
                "{sn.liuShe}",
                "{sn.yinShen}",
                "{sn.jieChu}",
                "{sn.yangPoYinChong}"
              ],
              DAY_SHEN_SHA: "100=010203040506,0708090A0B101=010C0D,0E0F101112131415102=16011718191A1B1C1D1E,1F20212223103=24011825261B271D1E,28292A2B104=012C2D2E2F3031,3233343536105=3738,393A3B3C3D123E106=3F404142434445,464748107=494A4B4C4D,4E108=4F5051524C4D5345,54555657109=58595345,5A5B12565C10A=5D415E5F60,616263640B6510B=0266676869,6A6B6C0A3E6D10C=1602171803041B05061E,07086E10D=24181B0C0D,0E0F1011126F13141510E=70191A1C1D,1F2021222310F=0125261B271D,28292A2B110=012C2D2E2F3031,3233343536111=49013738,393A3B3C3D123E112=4F50013F404142434445,4648113=014A4B,4E6E114=51524C4D5345,54550B5657115=0158595345,5A5B12565C116=1601185D415E5F60,61626364117=24021867681B69,6A6B3E6D118=0203040506,0708119=1B0C0D,0E0F10111213141511A=191A1B1C1D1E,1F2021222311B=4925261B271D1E,28292A11C=4F502C2D2E2F3031,323334353611D=3738,393A3B3C3D123E11E=3F404142434445,460B4811F=4A4B,4E71120=16171851524C4D5345,545556121=241858595345,5A5B12565C122=5D415E5F60,61626364123=0267681B69,6A6B3E6D124=0203041B05061E,070847125=491B0C0D,0E0F101112131415126=4F50191A1C1D1E,1F20212223127=2526271D1E,28292A2B128=2C2D2E2F3031,32333435360B129=3738,393A3B3C3D123E12A=1617183F404142434445,464812B=24184A4B,4E7212C=51524C4D53,5455565712D=0158595345,5A5B12565C12E=015D415E5F60,616263647312F=49010267681B69,6A6B3E6D130=4F500102030405061E,070874131=010C0D,0E0F101112131415726E132=191A1C1D1E,1F2021220B722375133=2526271D1E,28292A2B134=1617182C2D2E2F3031,3233343536135=24183738,393A3B3C3D126F3E136=3F4041424344,4648137=4A4B,4E72138=51524C4D5345,545576567257139=4958595345,5A5B7612565C7713A=4F505D415E5F60,6162636413B=02676869,6A6B3E6D200=1601025D60,393B28292A11090A201=0103041A1B4A,123435360B6D202=011819681B4C1D061E,3D1014203=011718252F591D0D1E,1F20213233204=012C26,3C23205=493751522D2E69,121364223E2B206=503F4005311E,6A3A5A5B207=5841440C38,4615208=431C4D45,6B4E5648209=27534B45,545507086162125620A=16666730,0E0F635720B=0241425E5F1B,6C0A0B3E5C20C=02185D1B601E,393B28292A116E20D=171803041B4A,126F3435366D20E=7019684C1D06,3D101420F=4901252F591D0D,1F2021323378210=50012C26,3C23211=013751522D2E69,121364223E2B212=013F40053145,6A3A5A5B213=015841440C38,46156E214=16431C4D5345,6B4E5648215=27534B45,545507086162120B5648216=18671B30,0E0F6357217=02171841425E5F1B,3E5C218=025D60,393B28292A11219=4903041A1B4A,123435366D21A=5019681B4C1D061E,3D101421B=252F591D0D45,1F2021323321C=2C26,3C2321D=3751522D2E69,121364223E2B21E=163F40053145,6A3A5A5B21F=5841440C38,467147150B220=18431C4D5345,6B4E5648221=171827534B45,5455070861621256222=6730,0E0F6357223=490241425E5F1B,3E5C224=50025D1B601E,393B28292A11225=03041A4A,123435366D226=19684C1D061E,3D1014227=252F591D0D1E,1F20213233228=162C26,3C23229=3751522D2E69,121364220B3E2B22A=183F40053145,6A3A5A5B22B=17185841440C38,46157222C=431C4D53,6B4E564822D=490127534B45,54550708616212567922E=5001671B30,0E0F635722F=010241425E5F,3E5C230=01025D601E,393B28292A1174231=0103041A4A,1234353647726E6D232=1619684C1D061E,3D1014233=252F591D0D1E,1F202132330B75234=182C26,3C23235=17183751522D2E69,126F1364223E2B236=3F400531,6A3A5A5B237=495841440C38,461572238=50431C4D5345,6B4E76567248239=27534B45,5455070861627612567323A=6730,0E0F635723B=0241425E5F,3E5C300=0102415E5F1A1B69,090A471457301=011B05,6A125C302=5001185D19515203042F0C1D601E,323315303=4F490118251C1D1E,3C5A5B106D304=012C2706,1F20213B710B787A305=58372668300D,6B123E306=173F402D2E45,07086423307=00,393A0E2B308=24164142444A533145,61624622567B309=674C533845,28292A4E12135630A=431B594D,5455633435364830B=021B27,3D116C0A3E30C=500218415E5F1A1B691E,146E5730D=4F49181B05,6A126F5C30E=705D19515203042F0C1D60,3233150B30F=01251C1D,3C5A5B106D310=01172C2706,1F20213B7C311=0158372668300D,6B123E312=2416013F402D2E45,0708476423313=01,393A0E0F6E2B314=4142444A533145,61624622567D315=66671B4C533845,28292A4E121356316=5018431B594D,54556334353648317=4F4902181B4B,3D113E318=02415E5F1A69,140B57319=1B05,6A125C31A=175D19515203042F0C1D601E,32331531B=251C1D1E,3C5A5B106D31C=24162C2706,1F20213B31D=58372668300D,6B123E31E=3F402D2E45,0708642331F=00,393A0E0F2B320=50184142444A533145,61624622567E321=4F4918671B4C533845,28292A4E121356322=43594D,5455633435360B48323=021B4B,3D113E324=0217415E5F1A691E,1457325=05,6A125C326=58165D19515203042F0C1D601E,323315327=251C1D1E,3C5A5B106D328=2C2706,1F20213B75329=58372668300D,6B123E32A=50183F402D2E45,0708642332B=4F4918,393A0E0F722B32C=4142444A5331,616246220B567B32D=01671B4C533845,28292A4E12135632E=011743594D,5455633435364832F=01024B,3D113E330=24160102415E5F1A691E,741457331=0105,6A12726E5C332=5D19515203042F0C1D601E,32331572333=251C1D1E,3C5A5B106D334=50182C2706,1F20213B335=4F491858372668300D,6B126F3E336=3F402D2E,0708640B23337=00,393A0E0F722B338=174142444A533145,616246762256727B73339=674C533845,28292A4E7612135633A=241643594D,5455633435364833B=024B,3D113E400=5001431B,5A5B1248401=490141425E5F2F4B,32336314402=4F01024A1D1E,396B3C130B57403=01025803044C1D1E,07085C404=01183F5D5960,0E0F10127F405=171819,1F20213E6D788075406=162526690645,28292A407=242C2D2E050D,6162343536647B408=3767680C5345,6A3A3B3D12155623409=4041441C5345,46562B40A=501B274D31,4E1140B=4951521A1B3038,5455223E40C=4F431B1E,5A5B0981120B6E4840D=41425E5F2F4B,3233631440E=02184A1D,396B3C135740F=010217185803044C1D,0708475C410=16013F585960,0E0F1012411=240119,1F20213E6D412=012526690645,28292A413=012C2D2E050D,6162343536646E7B414=503767681B0C5345,6A3A3B3D126F155623415=494041441B1C5345,46562B416=4F1B274D31,4E11710B417=51521A1B3038,54556C81223E418=18431B,5A5B1248419=171841425E5F2F4B,3233631441A=16024A1D1E,396B3C135741B=24025844044C1D1E,07085C41C=3F5D5960,0E0F101241D=19,1F20213E6D41E=50702526690645,28292A41F=492C2D2E050D,6162343536647D420=4F663767681B0C5345,6A3A3B3D12150B5623421=4041441B1C5345,46562B422=181B274D31,4E11423=171851521A3038,5455223E424=16431E,5A5B1248425=2441425E5F2F4B,32336314426=024A1D1E,396B3C1357427=025803044C1D1E,07085C428=503F5D5960,0E0F10126F429=4919,1F20213E6D42A=4F2526690645,28292A0B8242B=2C2D2E050D,616234353664727E7342C=183767681B0C53,6A3A3B3D1215562342D=0117184041441C5345,4647562B42E=1601274D31,4E1142F=240151521A3038,5455223E430=01431E,5A5B761248431=0141425E5F2F4B,32336314726E432=50024A1D1E,396B3C137257433=49025844044C1D1E,0708745C434=4F3F5D5960,0E0F10120B435=19,1F20213E6D75436=1825266906,28292A82437=17182C2D2E050D,616234353664727B73438=163767680C5345,6A3A3B3D1215567223439=244041441C5345,46562B43A=274D31,4E1143B=51521A3038,545576223E83500=012F4D31,54550708323312501=01586938,0E0F3C63502=16010241435E5F051D1E,641448503=01020C1D4B1E,6A28292A353615220B504=0117183F03041C,123457505=181927,3D103E5C506=5D25306045,1F20213B616213507=492C2667,6D508=503751522D2E530645,1256509=401B4A530D45,393A5A5B115650A=4142441A1B4C,462350B=681B59,6B4E3E2B50C=162F4D311E,5455070832330981126E50D=586938,0E0F3C0B50E=02171841435E5F051D,64144850F=0102180C1D4B,6A28292A35361522510=013F03041C,123457511=49011927,3D103E5C512=50015D25306045,1F20213B616213513=012C26671B,6E6D514=3751522D2E1B530645,126F56515=401B4A530D45,393A5A5B1156516=164142441A1B4C,467123517=6859,6B4E6C810B3E2B518=17182F4D31,54550708323312519=18586938,0E0F3C6351A=0241435E5F051D1E,64144851B=49020C1D4B1E,6A28292A3536152251C=503F03041C,12345751D=1927,3D103E5C51E=705D25306045,1F20213B61621351F=2C26671B,6D520=163751522D2E1B530645,1256521=404A530D45,393A5A5B110B56522=17184142441A1B,4623523=186859,6B4E3E2B524=2F4D311E,54550708323312525=49586938,0E0F3C63526=500241435E5F051D1E,641448527=020C1D4B1E,6A28292A35361522528=3F03041C,126F344757529=1927,3D103E5C52A=165D25306045,1F20213B616213658452B=662C2667,0B726D52C=17183751522D2E1B5306,125652D=0118404A530D45,393A5A5B115652E=014142441A4C,462352F=49016859,6B4E3E2B530=50012F4D311E,545507083233761285531=01586938,0E0F3C63726E532=0241435E5F051D1E,64147248533=020C1D4B1E,6A28292A7435361522534=163F03041C,123457535=1927,3D100B3E5C536=16185D253060,1F20213B61621378537=182C2667,726D538=3751522D2E530645,125672539=49404A530D45,393A5A5B115653A=504142441A4C,46472353B=681B59,6B4E763E2B600=241601304D,3C28292A4E1235361423601=01,54553B63342B602=0102681D311E,3D603=010241425E5F4A1D381E,64604=01183F434C,39127148605=4F49181951520304594B,61620B3E73606=50256745,5A5B102257607=172C69,1F20215C608=5D37261B05536045,6B111256609=402D2E1A1B0C5345,6B11125660A=24161B1C06,6A3A0E0F1360B=5841442F270D,3233463E60C=304D1E,3C28292A4E0981123536146E2360D=00,54553B63342B60E=0218681D31,3D60F=4F4901021841425E5F4A1D38,640B610=50013F434C,391248611=01171951520304594B,61623E612=0125671B45,5A5B102257613=012C1B69,1F20216E5C614=24165D37261B05536045,6B11126F56615=402D2E1A1B0C5345,070815566D616=1C06,6A3A0E0F1347617=5841442F270D,3233466C813E618=18304D,3C28292A4E1235361423619=4F4918,54553B63340B2B61A=5002681D311E,3D61B=021741425E5F4A1D381E,6461C=3F434C,39124861D=1951520304594B,61623E61E=24167025671B45,5A5B10225761F=2C1B69,1F20215C620=5D372605536045,6B111256621=402D2E1A0C5345,070815566D622=181B1C06,6A3A0E0F13623=4F49185841442F270D,3233460B3E624=50304D1E,3C28292A4E1235361423625=17,54553B63342B626=02681D311E,3D627=0241425E5F4A1D381E,64628=24163F434C,39126F48629=1951520304594B,61623E62A=256745,5A5B1022578662B=2C69,1F2021725C7562C=185D37261B055360,6B11125662D=4F490118402D2E1A0C5345,0708150B566D62E=50011C06,6A3A0E0F1362F=01175841442F270D,3233463E630=01304D1E,3C28292A4E761235361423631=01,54553B6334726E2B87632=241602681D311E,3D72633=0241425E5F4A1D381E,7464634=3F434C,39124748635=1951520304594B,61623E6573636=661825671B,5A5B10225786637=4F49182C69,1F20210B725C75638=505D372605536045,6B11125672639=17402D2E1A0C5345,070815566D63A=1B1C06,6A3A0E0F1363B=5841442F270D,323346763E700=0103404142445906,46701=01020D,4E14702=50015152694D1D1E,54553B23703=4901051D1E,5A5B2B1288704=4F0102415E5F0C31,6162636415705=6667681C38,6A6B3E706=4303042745,07080B48707=02304B,0E0F101112708=16171819,1F20135657709=24185825261B5345,28292A353622565C70A=025D2C2D2E2F4A60,3233893470B=374C,393A3C3D3E6D70C=503F4041424459061E,466E70D=49020D,4E1470E=4F5152694D1D,54553B70F=01051D,5A5B12132B710=0102415E5F0C31,61626364150B65711=0167681C38,6A6B3E712=162417184303041B2745,070848713=240102181B304B,0E0F1011126E714=191A1B5345,1F20215657715=5825261B5345,28292A353622565C717=49374C,393A3C3D126F473E6D718=4F3F404142445906,46719=020D,4E1471A=515269,1D1E71B=051D1E,5A5B12132B71C=16021718415E5F0C31,616263641571D=241867681B1C38,6A6B3E71E=4303041B2745,07084871F=021B30,0E0F101112720=50191A5345,1F20215657721=495825265345,28292A353622565C722=4F025D2C2D2E2F4A60,32338934723=374C,393A3C3D123E6D724=3F4041424459061E,46098A0B725=020D,4E7114726=1617185152694D1D1E,54553B23727=2418051D1E,5A5B12132B728=02415E5F0C31,616263641573729=67681B1C38,6A6B3E72A=504303042745,07084872B=4902304B,0E0F1011126F7272C=4F70191A1B,1F2021565772D=015825265345,28292A353622565C72E=01025D2C2D2E2F4A60,323389340B72F=01374C,393A3C3D6C8A123E6D730=160117183F4041424459061E,46731=240102180D,4E14726E732=5152694D1D1E,54553B767223733=051D1E,5A5B7612132B77734=5002415E5F0C31,6162636415735=4967681C38,6A6B473E736=4F4303041B27,7448737=02304B,0E0F10111272738=191A5345,1F20210B56725775739=5825265345,28292A353622565C73A=160217185D2C2D2E2F4A60,3233893473B=2418374C,393A3C3D123E6D800=50013F5D402760,6A3A5A5B22801=490102414430,466D802=014D1D061E,6B4E4714803=011D0D1E,54550708616212804=0102671B4A,0E0F6323805=41425E5F4C,8B2B806=16593145,3928292A113536807=025803041A1B38,1234130B808=181943681B695345,3D105648809=1718252F0553534B45,1F20213B32335680A=50022C260C,3C155780B=493751522D2E1C,12643E5C80C=3F5D4027601E,6A3A5A5B226E80D=02414430,466D80E=4D1D06,6B4E1480F=011D0D,5455070861621279810=16010266674A,0E0F6323811=0141425E5F1B4C,0B3E2B812=01181B593145,3928292A113536813=010217185803041A1B38,1234136E814=501943681B695345,3D105648815=49252F05534B45,1F20213B323356816=022C260C,3C1557817=3751522D2E1C,126F643E5C818=3F5D402760,6A3A5A5B22819=02414430,466D81A=164D1D061E,6B4E1481B=1D0D1E,545507086162120B6581C=0218671B4A,0E0F632381D=171841425E5F1B4C,3E2B81E=501B593145,3928292A11353681F=49025D03041A38,123413820=194368695345,3D10475648821=252F05534B45,1F20213B323356716=50025D2C2D2E2F4A60,32338934822=022C260C,3C1557823=3751522D2E1C,12643E5C824=163F5D4027601E,6A3A5A5B098A22825=02414430,46710B6D826=184D1D061E,6B4E14827=17181D0D1E,54550708616212828=5002671B4A,0E0F6323829=4941425E5F4C,3E2B82A=593145,3928292A11353682B=025803041A38,126F34137282C=701943681B6953,3D10564882D=01252F05534B45,1F2021613233567882E=1601022C260C,3C155782F=013751522D2E1C,6C8A12640B3E5C830=01183F5D4027601E,6A3A5A5B22831=01021718414430,46726E6D832=504D1D061E,6B4E761472833=491D0D1E,545507086162761273834=02674A,0E0F6323835=41425E5F4C,3E2B836=1B5931,3928292A11743536837=025803041A38,12341372838=16194368695345,3D10567248839=252F05534B45,1F20213B32330B567583A=02182C260C,3C155783B=17183751522D2E1C,12643E5C900=013F408C2E4C,0708641457901=010259,393A0E0F5C902=2416015D4142441D601E,61624635367B903=0167691D1E,28292A4E126D904=01021B054D06,5455637134220B905=580C0D,3D11153E906=17415E5F1A1B1C45,23907=4F49021B27,6A3B12472B908=501819515203042F30533145,323356909=1825533845,3C5A5B105690A=022C43,1F2021487C90B=3726684A4B,6B12133E90C=24163F402D2E4C1E,070864146E5790D=0259,393A0E0F5C90E=5D4142441D60,61624635360B7B90F=0167691D,28292A4E126D910=0102171B054D06,5455633422911=4F4901581B0C0D,3D11153E912=500118415E5F1A1B1C45,23913=0102181B27,6A3B126E2B914=19515203042F30533145,323356915=25533845,3C5A5B1056916=2416022C43,1F202148917=3726684A4B,6B126F133E918=3F402D2E4C,070864140B57919=0259,393A0E0F5C91A=175D4142441D601E,61624635367D91B=4F4966671B691D1E,28292A4E126D91C=5002181B054D06,545563342291D=18581B0C0D,3D11153E91E=415E5F1A1C45,2391F=0227,6A3B122B920=241619515203042F305331,323356921=25533845,3C5A5B1056922=022C43,1F20210B48788D923=3726684A4B,6B12133E924=173F402D2E4C1E,0708098A641457925=4F49022E,393A0E0F475C926=50185D4142441D601E,61624635367E927=18671B691D1E,28292A4E126D928=02054D06,5455633422929=580C0D,3D11153E92A=2416415E5F1A1C45,2392B=0227,6A3B126F722B92C=7019515203042F305331,32330B5692D=0125533845,3C5A5B105692E=0102162C43,1F2021487592F=4F49013726684A4B,6B6C8A12133E930=5001183F402D2E4C1E,0708641457931=01021859,393A0E0F726E5C932=5D4142441D601E,616246763536727B73933=67691D1E,28292A4E76126D934=241602054D06,5455633422935=580C0D,3D11153E936=415E5F1A1B1C,740B23937=0227,6A3B12722B938=1719515203042F30533145,32335672939=4F4925533845,3C5A5B105693A=5002182C43,1F20214893B=183726684A4B,6B12133EA00=160170182543261C,28292A48A01=240117182C2D2E274B,61623464147BA02=013F376768301D1E,6A3A3D1257A03=01584041441D1E,465CA04=015D4D60,4E1113A05=4951521A1B4A,54553E6DA06=4F501B4C0645,5A5B12A07=41425E5F2F590D,32336322A08=025345,396B3C0B5623A09=020304695345,0708562BA0A=16180531,0E0F10126FA0B=241618190C38,1F20213B3536103EA0C=2543261C1E,28292A6E48A0D=2C2D2E274B,61623464147BA0E=3F376768301D,6A3A3D124757A0F=4924584041441B1D,465CA10=4F50015D1B4D60,4E1113A11=0151521A1B4A,54553E6DA12=011B4C0645,5A5B120BA13=0141425E5F2F590D,323363226EA14=1602185345,396B3C5623A15=240217180304695345,0708562BA16=0531,0E0F1012A17=190C38,1F20213B3536153EA18=2543261C,28292A4882A19=49503F3767681B301D1E,6A3A3D1257A1A=4F503F3767681B301D1E,6A3A3D1257A1B=584041441B1D1E,465CA1C=5D1B4D60,4E1171130BA1D=51521A1B4A,54553E6DA1E=16184C0645,5A5B12A1F=24171841425E5F2F590D,32336322A20=025345,396B3C5623A21=020304695345,0708562BA22=0531,0E0F10128EA23=49190C38,1F20213B3536153E788FA24=4F502543261C1E,28292A48A25=2C2D2E274B,61623464147DA26=663F3767681B301D1E,6A3A3D120B57A27=584041441B1D1E,465CA28=16185D4D60,4E1113A29=24171851521A4A,54553E6DA2A=4C0645,5A5B7612A2B=41425E5F2F590D,3233632272A2C=0253,396B3C475623A2D=1601020304695345,0708562BA2E=4F50010531,0E0F1012A2F=01190C38,1F20213B3536153EA30=012543261C1E,28292A09900B4882A31=012C2D2E274B,6162346414726E7E73A32=16183F376768301D1E,6A3A3D126F7257A33=2417185D4041441D1E,465CA34=5D4D60,4E1113A35=51521A4A,5455763E6D83A36=4C06,5A5B12A37=4941425E5F2F590D,3233632272A38=4F50029145,396B3C567223A39=020304695345,070874562BA3A=0531,0E0F10120BA3B=190C38,1F20213B6C903536153E75B00=01701718254A31,1F20216162B01=0118582C26,674C38B02=50013F375152432D2E591D1E,121448B03=4901401B1D4B1E,393A5B11B04=014142441A69,4657B05=681B05,6B4E3E5CB06=682F0C4D6045,5455070832331215B07=1C,0E0F3C636DB08=1602415E5F27530645,3536136456B09=0230530D45,6A28292A0B56B0A=17180304,126F342223B0B=1819,3D103E2BB0C=50254A311E,1F202161626EB0D=49582C26,671B4C38B0E=3F375152432D2E591D,121448B0F=01401B1D4B,393A3B5A5B11B10=014142441A1B69,4657B11=01681B05,6B4E3E5CB12=16015D2F0C4D6045,5455070832331215B13=011C,0E0F3C630B6E6DB14=021718415E5F27530645,3536136456B15=021830530D45,6A28292A56B16=500304,12342223B17=4919,3D103E2BB18=254A31,1F4E21616278B19=582C26,671B4C38B1A=3F375152432D2E1B591D1E,121448B1B=401B1D4B1E,393A3B5A5B1147B1C=164142441A1B69,467157B1D=6805,6B4E0B3E5CB1E=17185D2F0C926045,5455070832331215B1F=181C,0E0F3C636DB20=5002415E5F27530645,3536136456B21=490230530D45,6A28292A56B22=0304,12342223B23=19,3D103E2BB24=254A311E,1F20136162B25=582C26671B4C38,00B26=163F375152432D2E1B591D1E,121448B27=401D4B1E,393A3B5A5B110BB28=17184142441A69,4657B29=186805,6B4E3E5CB2A=505D2F0C4D6045,54550708323376121585B2B=491C,0E0F3C63726DB2C=02415E5F275306,3536136456B2D=010230530D45,6A28292A56B2E=010304,12342223B2F=0119,3D103E2BB30=1601254A311E,1F2021616209906584B31=0166582C26674C38,0B726EB32=17183F375152432D2E591D1E,126F147248B33=18401D4B1E,393A3B5A5B11B34=504142441A69,4657B35=49681B05,6B4E763E5CB36=5D2F0C4D60,5455070832331215B37=1C,0E0F3C63726DB38=02415E5F27530645,353613645672B39=0230530D45,6A28292A744756B3A=160304,12342223B3B=19,3D106C900B3E2BC00=500170661825670C,5A5B1013141523C01=4F4901182C1C,1F2021222BC02=011637261B271D311E,6B1112C03=01402D2E1A1B311D381E,0708C04=0143,6A3A0E0F7148C05=41442F4B,32334635360B3EC06=24164A4D45,3C28292A4E1257C07=174C,545563345CC08=025D6859536045,3D56C09=0241425E5F5345,4764566DC0A=50186906,393B126FC0B=4F4918581951520304050D,61623EC0C=25671B0C1E,5A5B101314156E23C0D=2C1B1C,1F2021222BC0E=3F37264B1D31,6B1112C0F=01402D2E1A1B301D38,07080BC10=241601431B,6A3A0E0F48C11=011741442F4B,32334635363EC12=014A4D45,3C28292A4E1257C13=014C,545563346E5CC14=5002185D6804536045,3D56C15=4F49021841425E5F5345,64566DC16=6906,393B12C17=581951524404050D,61623EC18=25670C,5A5B101314152386C19=2C1B1C,1F2021220B2BC1A=24163F37261B271D31,6B1112C1B=17402D2E1A1B301D381E,0708C1C=43,6A3A0E0F48C1D=41582F4B,32334635363EC1E=50184A4D45,3C28292A4E1257C1F=4F49184C,545563345CC20=025D6859536045,3D56C21=0241425E5F5345,64566DC22=6906,393B12C23=581951520304050D,61620B3EC24=241625671B0C1E,5A5B1013141523C25=172C1B1C,1F2021222BC26=3F3726271D311E,6B1112C27=402D2E1A301D381E,0708C28=501843,6A5B0E0F48C29=4F491841442F4B,32334635363EC2A=4A4D45,3C28292A4E761257C2B=4C,54556334725C93C2C=025D68595360,3D56C2D=010241425E5F5345,640B566DC2E=2416016906,393B12C2F=0117581951520304050D,61623EC30=0125670C,5A5B1009901314152386C31=012C1C,1F202122726E2B75C32=50183F3726271D311E,6B11126F72C33=4F4918402D2E1A301D381E,070847C34=431B,6A3A0E0F48C35=41442F4B,3233467635363EC36=4A4D,3C28292A4E1257C37=4C,545563340B725CC38=2416025D6859536045,3D5672C39=021741425E5F5345,7464566DC3A=6906,393B12C3B=581951520304050D,61626C903E6573",
              getTimeZhiIndex: function(hm) {
                if (!hm) {
                  return 0;
                }
                if (hm.length > 5) {
                  hm = hm.substring(0, 5);
                }
                var x = 1;
                for (var i = 1; i < 22; i += 2) {
                  if (hm >= (i < 10 ? "0" : "") + i + ":00" && hm <= (i + 1 < 10 ? "0" : "") + (i + 1) + ":59") {
                    return x;
                  }
                  x++;
                }
                return 0;
              },
              convertTime: function(hm) {
                return this.ZHI[this.getTimeZhiIndex(hm) + 1];
              },
              getJiaZiIndex: function(ganZhi) {
                return this.index(ganZhi, this.JIA_ZI, 0);
              },
              hex: function(n) {
                var hex2 = n.toString(16);
                if (hex2.length < 2) {
                  hex2 = "0" + hex2;
                }
                return hex2.toUpperCase();
              },
              getDayYi: function(monthGanZhi, dayGanZhi) {
                var l = [];
                var day = this.hex(this.getJiaZiIndex(dayGanZhi));
                var month = this.hex(this.getJiaZiIndex(monthGanZhi));
                var right = this.DAY_YI_JI;
                var index = right.indexOf(day + "=");
                while (index > -1) {
                  right = right.substring(index + 3);
                  var left = right;
                  if (left.indexOf("=") > -1) {
                    left = left.substring(0, left.indexOf("=") - 2);
                  }
                  var matched = false;
                  var months = left.substring(0, left.indexOf(":"));
                  var i;
                  var j;
                  for (i = 0, j = months.length; i < j; i += 2) {
                    if (months.substring(i, i + 2) === month) {
                      matched = true;
                      break;
                    }
                  }
                  if (matched) {
                    var ys = left.substring(left.indexOf(":") + 1);
                    ys = ys.substring(0, ys.indexOf(","));
                    for (i = 0, j = ys.length; i < j; i += 2) {
                      l.push(this.YI_JI[parseInt(ys.substring(i, i + 2), 16)]);
                    }
                    break;
                  }
                  index = right.indexOf(day + "=");
                }
                if (l.length < 1) {
                  l.push(this.SHEN_SHA[0]);
                }
                return l;
              },
              getDayJi: function(monthGanZhi, dayGanZhi) {
                var l = [];
                var day = this.hex(this.getJiaZiIndex(dayGanZhi));
                var month = this.hex(this.getJiaZiIndex(monthGanZhi));
                var right = this.DAY_YI_JI;
                var index = right.indexOf(day + "=");
                while (index > -1) {
                  right = right.substring(index + 3);
                  var left = right;
                  if (left.indexOf("=") > -1) {
                    left = left.substring(0, left.indexOf("=") - 2);
                  }
                  var matched = false;
                  var months = left.substring(0, left.indexOf(":"));
                  var i;
                  var j;
                  for (i = 0, j = months.length; i < j; i += 2) {
                    if (months.substring(i, i + 2) === month) {
                      matched = true;
                      break;
                    }
                  }
                  if (matched) {
                    var js = left.substring(left.indexOf(",") + 1);
                    for (i = 0, j = js.length; i < j; i += 2) {
                      l.push(this.YI_JI[parseInt(js.substring(i, i + 2), 16)]);
                    }
                    break;
                  }
                  index = right.indexOf(day + "=");
                }
                if (l.length < 1) {
                  l.push(this.SHEN_SHA[0]);
                }
                return l;
              },
              getDayJiShen: function(lunarMonth, dayGanZhi) {
                var l = [];
                var day = this.hex(this.getJiaZiIndex(dayGanZhi));
                var month = Math.abs(lunarMonth).toString(16).toUpperCase();
                var index = this.DAY_SHEN_SHA.indexOf(month + day + "=");
                if (index > -1) {
                  var left = this.DAY_SHEN_SHA.substring(index + 4);
                  if (left.indexOf("=") > -1) {
                    left = left.substring(0, left.indexOf("=") - 3);
                  }
                  var js = left.substring(0, left.indexOf(","));
                  for (var i = 0, j = js.length; i < j; i += 2) {
                    l.push(this.SHEN_SHA[parseInt(js.substring(i, i + 2), 16)]);
                  }
                }
                if (l.length < 1) {
                  l.push(this.SHEN_SHA[0]);
                }
                return l;
              },
              getDayXiongSha: function(lunarMonth, dayGanZhi) {
                var l = [];
                var day = this.hex(this.getJiaZiIndex(dayGanZhi));
                var month = Math.abs(lunarMonth).toString(16).toUpperCase();
                var index = this.DAY_SHEN_SHA.indexOf(month + day + "=");
                if (index > -1) {
                  var left = this.DAY_SHEN_SHA.substring(index + 4);
                  if (left.indexOf("=") > -1) {
                    left = left.substring(0, left.indexOf("=") - 3);
                  }
                  var xs = left.substring(left.indexOf(",") + 1);
                  for (var i = 0, j = xs.length; i < j; i += 2) {
                    l.push(this.SHEN_SHA[parseInt(xs.substring(i, i + 2), 16)]);
                  }
                }
                if (l.length < 1) {
                  l.push(this.SHEN_SHA[0]);
                }
                return l;
              },
              getTimeYi: function(dayGanZhi, timeGanZhi) {
                var l = [];
                var day = this.hex(this.getJiaZiIndex(dayGanZhi));
                var time2 = this.hex(this.getJiaZiIndex(timeGanZhi));
                var index = this.TIME_YI_JI.indexOf(day + time2 + "=");
                if (index > -1) {
                  var left = this.TIME_YI_JI.substring(index + 5);
                  if (left.indexOf("=") > -1) {
                    left = left.substring(0, left.indexOf("=") - 4);
                  }
                  var ys = left.substring(0, left.indexOf(","));
                  for (var i = 0, j = ys.length; i < j; i += 2) {
                    l.push(this.YI_JI[parseInt(ys.substring(i, i + 2), 16)]);
                  }
                }
                if (l.length < 1) {
                  l.push(this.SHEN_SHA[0]);
                }
                return l;
              },
              getTimeJi: function(dayGanZhi, timeGanZhi) {
                var l = [];
                var day = this.hex(this.getJiaZiIndex(dayGanZhi));
                var time2 = this.hex(this.getJiaZiIndex(timeGanZhi));
                var index = this.TIME_YI_JI.indexOf(day + time2 + "=");
                if (index > -1) {
                  var left = this.TIME_YI_JI.substring(index + 5);
                  if (left.indexOf("=") > -1) {
                    left = left.substring(0, left.indexOf("=") - 4);
                  }
                  var js = left.substring(left.indexOf(",") + 1);
                  for (var i = 0, j = js.length; i < j; i += 2) {
                    l.push(this.YI_JI[parseInt(js.substring(i, i + 2), 16)]);
                  }
                }
                if (l.length < 1) {
                  l.push(this.SHEN_SHA[0]);
                }
                return l;
              },
              getXunIndex: function(ganZhi) {
                var diff = this.find(ganZhi, this.GAN).index - this.find(ganZhi, this.ZHI).index;
                if (diff < 0) {
                  diff += 12;
                }
                return Math.floor(diff / 2);
              },
              getXun: function(ganZhi) {
                return this.XUN[this.getXunIndex(ganZhi)];
              },
              getXunKong: function(ganZhi) {
                return this.XUN_KONG[this.getXunIndex(ganZhi)];
              },
              index: function(name, names, offset) {
                for (var i = 0, j = names.length; i < j; i++) {
                  if (names[i] === name) {
                    return i + offset;
                  }
                }
                return -1;
              },
              find: function(s, arr) {
                for (var i = 0, j = arr.length; i < j; i++) {
                  var v = arr[i];
                  if (v.length < 1) {
                    continue;
                  }
                  if (s.indexOf(v) > -1) {
                    return {
                      index: i,
                      value: v
                    };
                  }
                }
                return null;
              }
            };
          }();
          var HolidayUtil2 = function(_NAMES) {
            var _SIZE = 18;
            var _ZERO = "0".charCodeAt(0);
            var _TAG_REMOVE = "~";
            var _NAMES_IN_USE = _NAMES, _DATA = "200112290020020101200112300020020101200201010120020101200201020120020101200201030120020101200202091020020212200202101020020212200202121120020212200202131120020212200202141120020212200202151120020212200202161120020212200202171120020212200202181120020212200204273020020501200204283020020501200205013120020501200205023120020501200205033120020501200205043120020501200205053120020501200205063120020501200205073120020501200209286020021001200209296020021001200210016120021001200210026120021001200210036120021001200210046120021001200210056120021001200210066120021001200210076120021001200301010120030101200302011120030201200302021120030201200302031120030201200302041120030201200302051120030201200302061120030201200302071120030201200302081020030201200302091020030201200304263020030501200304273020030501200305013120030501200305023120030501200305033120030501200305043120030501200305053120030501200305063120030501200305073120030501200309276020031001200309286020031001200310016120031001200310026120031001200310036120031001200310046120031001200310056120031001200310066120031001200310076120031001200401010120040101200401171020040122200401181020040122200401221120040122200401231120040122200401241120040122200401251120040122200401261120040122200401271120040122200401281120040122200405013120040501200405023120040501200405033120040501200405043120040501200405053120040501200405063120040501200405073120040501200405083020040501200405093020040501200410016120041001200410026120041001200410036120041001200410046120041001200410056120041001200410066120041001200410076120041001200410096020041001200410106020041001200501010120050101200501020120050101200501030120050101200502051020050209200502061020050209200502091120050209200502101120050209200502111120050209200502121120050209200502131120050209200502141120050209200502151120050209200504303020050501200505013120050501200505023120050501200505033120050501200505043120050501200505053120050501200505063120050501200505073120050501200505083020050501200510016120051001200510026120051001200510036120051001200510046120051001200510056120051001200510066120051001200510076120051001200510086020051001200510096020051001200512310020060101200601010120060101200601020120060101200601030120060101200601281020060129200601291120060129200601301120060129200601311120060129200602011120060129200602021120060129200602031120060129200602041120060129200602051020060129200604293020060501200604303020060501200605013120060501200605023120060501200605033120060501200605043120060501200605053120060501200605063120060501200605073120060501200609306020061001200610016120061001200610026120061001200610036120061001200610046120061001200610056120061001200610066120061001200610076120061001200610086020061001200612300020070101200612310020070101200701010120070101200701020120070101200701030120070101200702171020070218200702181120070218200702191120070218200702201120070218200702211120070218200702221120070218200702231120070218200702241120070218200702251020070218200704283020070501200704293020070501200705013120070501200705023120070501200705033120070501200705043120070501200705053120070501200705063120070501200705073120070501200709296020071001200709306020071001200710016120071001200710026120071001200710036120071001200710046120071001200710056120071001200710066120071001200710076120071001200712290020080101200712300120080101200712310120080101200801010120080101200802021020080206200802031020080206200802061120080206200802071120080206200802081120080206200802091120080206200802101120080206200802111120080206200802121120080206200804042120080404200804052120080404200804062120080404200805013120080501200805023120080501200805033120080501200805043020080501200806074120080608200806084120080608200806094120080608200809135120080914200809145120080914200809155120080914200809276020081001200809286020081001200809296120081001200809306120081001200810016120081001200810026120081001200810036120081001200810046120081001200810056120081001200901010120090101200901020120090101200901030120090101200901040020090101200901241020090125200901251120090125200901261120090125200901271120090125200901281120090125200901291120090125200901301120090125200901311120090125200902011020090125200904042120090404200904052120090404200904062120090404200905013120090501200905023120090501200905033120090501200905284120090528200905294120090528200905304120090528200905314020090528200909276020091001200910016120091001200910026120091001200910036120091001200910046120091001200910055120091003200910065120091003200910075120091003200910085120091003200910105020091003201001010120100101201001020120100101201001030120100101201002131120100213201002141120100213201002151120100213201002161120100213201002171120100213201002181120100213201002191120100213201002201020100213201002211020100213201004032120100405201004042120100405201004052120100405201005013120100501201005023120100501201005033120100501201006124020100616201006134020100616201006144120100616201006154120100616201006164120100616201009195020100922201009225120100922201009235120100922201009245120100922201009255020100922201009266020101001201010016120101001201010026120101001201010036120101001201010046120101001201010056120101001201010066120101001201010076120101001201010096020101001201101010120110101201101020120110101201101030120110101201101301020110203201102021120110203201102031120110203201102041120110203201102051120110203201102061120110203201102071120110203201102081120110203201102121020110203201104022020110405201104032120110405201104042120110405201104052120110405201104303120110501201105013120110501201105023120110501201106044120110606201106054120110606201106064120110606201109105120110912201109115120110912201109125120110912201110016120111001201110026120111001201110036120111001201110046120111001201110056120111001201110066120111001201110076120111001201110086020111001201110096020111001201112310020120101201201010120120101201201020120120101201201030120120101201201211020120123201201221120120123201201231120120123201201241120120123201201251120120123201201261120120123201201271120120123201201281120120123201201291020120123201203312020120404201204012020120404201204022120120404201204032120120404201204042120120404201204283020120501201204293120120501201204303120120501201205013120120501201205023020120501201206224120120623201206234120120623201206244120120623201209295020120930201209305120120930201210016120121001201210026120121001201210036120121001201210046120121001201210056120121001201210066120121001201210076120121001201210086020121001201301010120130101201301020120130101201301030120130101201301050020130101201301060020130101201302091120130210201302101120130210201302111120130210201302121120130210201302131120130210201302141120130210201302151120130210201302161020130210201302171020130210201304042120130404201304052120130404201304062120130404201304273020130501201304283020130501201304293120130501201304303120130501201305013120130501201306084020130612201306094020130612201306104120130612201306114120130612201306124120130612201309195120130919201309205120130919201309215120130919201309225020130919201309296020131001201310016120131001201310026120131001201310036120131001201310046120131001201310056120131001201310066120131001201310076120131001201401010120140101201401261020140131201401311120140131201402011120140131201402021120140131201402031120140131201402041120140131201402051120140131201402061120140131201402081020140131201404052120140405201404062120140405201404072120140405201405013120140501201405023120140501201405033120140501201405043020140501201405314120140602201406014120140602201406024120140602201409065120140908201409075120140908201409085120140908201409286020141001201410016120141001201410026120141001201410036120141001201410046120141004201410056120141001201410066120141001201410076120141001201410116020141001201501010120150101201501020120150101201501030120150101201501040020150101201502151020150219201502181120150219201502191120150219201502201120150219201502211120150219201502221120150219201502231120150219201502241120150219201502281020150219201504042120150405201504052120150405201504062120150405201505013120150501201505023120150501201505033120150501201506204120150620201506214120150620201506224120150620201509038120150903201509048120150903201509058120150903201509068020150903201509265120150927201509275120150927201510016120151001201510026120151001201510036120151001201510046120151004201510056120151001201510066120151001201510076120151001201510106020151001201601010120160101201601020120160101201601030120160101201602061020160208201602071120160208201602081120160208201602091120160208201602101120160208201602111120160208201602121120160208201602131120160208201602141020160208201604022120160404201604032120160404201604042120160404201604303120160501201605013120160501201605023120160501201606094120160609201606104120160609201606114120160609201606124020160609201609155120160915201609165120160915201609175120160915201609185020160915201610016120161001201610026120161001201610036120161001201610046120161001201610056120161001201610066120161001201610076120161001201610086020161001201610096020161001201612310120170101201701010120170101201701020120170101201701221020170128201701271120170128201701281120170128201701291120170128201701301120170128201701311120170128201702011120170128201702021120170128201702041020170128201704012020170404201704022120170404201704032120170404201704042120170404201704293120170501201704303120170501201705013120170501201705274020170530201705284120170530201705294120170530201705304120170530201709306020171001201710016120171001201710026120171001201710036120171001201710045120171004201710056120171001201710066120171001201710076120171001201710086120171001201712300120180101201712310120180101201801010120180101201802111020180216201802151120180216201802161120180216201802171120180216201802181120180216201802191120180216201802201120180216201802211120180216201802241020180216201804052120180405201804062120180405201804072120180405201804082020180405201804283020180501201804293120180501201804303120180501201805013120180501201806164120180618201806174120180618201806184120180618201809225120180924201809235120180924201809245120180924201809296020181001201809306020181001201810016120181001201810026120181001201810036120181001201810046120181001201810056120181001201810066120181001201810076120181001201812290020190101201812300120190101201812310120190101201901010120190101201902021020190205201902031020190205201902041120190205201902051120190205201902061120190205201902071120190205201902081120190205201902091120190205201902101120190205201904052120190405201904062120190405201904072120190405201904283020190501201905013120190501201905023120190501201905033120190501201905043120190501201905053020190501201906074120190607201906084120190607201906094120190607201909135120190913201909145120190913201909155120190913201909296020191001201910016120191001201910026120191001201910036120191001201910046120191001201910056120191001201910066120191001201910076120191001201910126020191001202001010120200101202001191020200125202001241120200125202001251120200125202001261120200125202001271120200125202001281120200125202001291120200125202001301120200125202001311120200125202002011120200125202002021120200125202004042120200404202004052120200404202004062120200404202004263020200501202005013120200501202005023120200501202005033120200501202005043120200501202005053120200501202005093020200501202006254120200625202006264120200625202006274120200625202006284020200625202009277020201001202010017120201001202010026120201001202010036120201001202010046120201001202010056120201001202010066120201001202010076120201001202010086120201001202010106020201001202101010120210101202101020120210101202101030120210101202102071020210212202102111120210212202102121120210212202102131120210212202102141120210212202102151120210212202102161120210212202102171120210212202102201020210212202104032120210404202104042120210404202104052120210404202104253020210501202105013120210501202105023120210501202105033120210501202105043120210501202105053120210501202105083020210501202106124120210614202106134120210614202106144120210614202109185020210921202109195120210921202109205120210921202109215120210921202109266020211001202110016120211001202110026120211001202110036120211001202110046120211001202110056120211001202110066120211001202110076120211001202110096020211001202201010120220101202201020120220101202201030120220101202201291020220201202201301020220201202201311120220201202202011120220201202202021120220201202202031120220201202202041120220201202202051120220201202202061120220201202204022020220405202204032120220405202204042120220405202204052120220405202204243020220501202204303120220501202205013120220501202205023120220501202205033120220501202205043120220501202205073020220501202206034120220603202206044120220603202206054120220603202209105120220910202209115120220910202209125120220910202210016120221001202210026120221001202210036120221001202210046120221001202210056120221001202210066120221001202210076120221001202210086020221001202210096020221001202212310120230101202301010120230101202301020120230101202301211120230122202301221120230122202301231120230122202301241120230122202301251120230122202301261120230122202301271120230122202301281020230122202301291020230122202304052120230405202304233020230501202304293120230501202304303120230501202305013120230501202305023120230501202305033120230501202305063020230501202306224120230622202306234120230622202306244120230622202306254020230622202309295120230929202309306120231001202310016120231001202310026120231001202310036120231001202310046120231001202310056120231001202310066120231001202310076020231001202310086020231001202312300120240101202312310120240101202401010120240101202402041020240210202402101120240210202402111120240210202402121120240210202402131120240210202402141120240210202402151120240210202402161120240210202402171120240210202402181020240210202404042120240404202404052120240404202404062120240404202404072020240404202404283020240501202405013120240501202405023120240501202405033120240501202405043120240501202405053120240501202405113020240501202406084120240610202406094120240610202406104120240610202409145020240917202409155120240917202409165120240917202409175120240917202409296020241001202410016120241001202410026120241001202410036120241001202410046120241001202410056120241001202410066120241001202410076120241001202410126020241001";
            var _DATA_IN_USE = _DATA;
            var _padding = function(n) {
              return (n < 10 ? "0" : "") + n;
            };
            var _ymd = function(s) {
              return s.indexOf("-") < 0 ? s.substring(0, 4) + "-" + s.substring(4, 6) + "-" + s.substring(6) : s;
            };
            var _buildHoliday = function(day, name, work, target) {
              return {
                _p: {
                  day: _ymd(day),
                  name,
                  work,
                  target: _ymd(target)
                },
                getDay: function() {
                  return this._p.day;
                },
                setDay: function(v) {
                  this._p.day = _ymd(v);
                },
                getName: function() {
                  return this._p.name;
                },
                setName: function(v) {
                  this._p.name = v;
                },
                isWork: function() {
                  return this._p.work;
                },
                setWork: function(v) {
                  this._p.work = v;
                },
                getTarget: function() {
                  return this._p.target;
                },
                setTarget: function(v) {
                  this._p.target = _ymd(v);
                },
                toString: function() {
                  return this._p.day + " " + this._p.name + (this._p.work ? "调休" : "") + " " + this._p.target;
                }
              };
            };
            var _buildHolidayForward = function(s) {
              var day = s.substring(0, 8);
              var name = _NAMES_IN_USE[s.charCodeAt(8) - _ZERO];
              var work = s.charCodeAt(9) === _ZERO;
              var target = s.substring(10, 18);
              return _buildHoliday(day, name, work, target);
            };
            var _buildHolidayBackward = function(s) {
              var size2 = s.length;
              var day = s.substring(size2 - 18, size2 - 10);
              var name = _NAMES_IN_USE[s.charCodeAt(size2 - 10) - _ZERO];
              var work = s.charCodeAt(size2 - 9) === _ZERO;
              var target = s.substring(size2 - 8);
              return _buildHoliday(day, name, work, target);
            };
            var _findForward = function(key) {
              var start = _DATA_IN_USE.indexOf(key);
              if (start < 0) {
                return null;
              }
              var right = _DATA_IN_USE.substring(start);
              var n = right.length % _SIZE;
              if (n > 0) {
                right = right.substring(n);
              }
              while (0 !== right.indexOf(key) && right.length >= _SIZE) {
                right = right.substring(_SIZE);
              }
              return right;
            };
            var _findBackward = function(key) {
              var start = _DATA_IN_USE.lastIndexOf(key);
              if (start < 0) {
                return null;
              }
              var keySize = key.length;
              var left = _DATA_IN_USE.substring(0, start + keySize);
              var size2 = left.length;
              var n = size2 % _SIZE;
              if (n > 0) {
                left = left.substring(0, size2 - n);
              }
              size2 = left.length;
              while (size2 - keySize !== left.lastIndexOf(key) && size2 >= _SIZE) {
                left = left.substring(0, size2 - _SIZE);
                size2 = left.length;
              }
              return left;
            };
            var _findHolidaysForward = function(key) {
              var l = [];
              var s = _findForward(key);
              if (null == s) {
                return l;
              }
              while (0 === s.indexOf(key)) {
                l.push(_buildHolidayForward(s));
                s = s.substring(_SIZE);
              }
              return l;
            };
            var _findHolidaysBackward = function(key) {
              var l = [];
              var s = _findBackward(key);
              if (null == s) {
                return l;
              }
              var size2 = s.length;
              var keySize = key.length;
              while (size2 - keySize === s.lastIndexOf(key)) {
                l.push(_buildHolidayBackward(s));
                s = s.substring(0, size2 - _SIZE);
                size2 = s.length;
              }
              l.reverse();
              return l;
            };
            var _getHoliday = function(args) {
              var l = [];
              switch (args.length) {
                case 1:
                  l = _findHolidaysForward(args[0].replace(/-/g, ""));
                  break;
                case 3:
                  l = _findHolidaysForward(args[0] + _padding(args[1]) + _padding(args[2]));
                  break;
              }
              return l.length < 1 ? null : l[0];
            };
            var _getHolidays = function(args) {
              var l = [];
              switch (args.length) {
                case 1:
                  l = _findHolidaysForward((args[0] + "").replace(/-/g, ""));
                  break;
                case 2:
                  l = _findHolidaysForward(args[0] + _padding(args[1]));
                  break;
              }
              return l;
            };
            var _getHolidaysByTarget = function(args) {
              var l = [];
              switch (args.length) {
                case 1:
                  l = _findHolidaysBackward((args[0] + "").replace(/-/g, ""));
                  break;
                case 3:
                  l = _findHolidaysBackward(args[0] + _padding(args[1]) + _padding(args[2]));
                  break;
              }
              return l;
            };
            var _fixNames = function(names) {
              if (names) {
                _NAMES_IN_USE = names;
              }
            };
            var _fixData = function(data) {
              if (!data) {
                return;
              }
              var append = [];
              while (data.length >= _SIZE) {
                var segment = data.substring(0, _SIZE);
                var day = segment.substring(0, 8);
                var remove = _TAG_REMOVE === segment.substring(8, 9);
                var holiday = _getHoliday([day]);
                if (!holiday) {
                  if (!remove) {
                    append.push(segment);
                  }
                } else {
                  var nameIndex = -1;
                  for (var i = 0, j = _NAMES_IN_USE.length; i < j; i++) {
                    if (_NAMES_IN_USE[i] === holiday.getName()) {
                      nameIndex = i;
                      break;
                    }
                  }
                  if (nameIndex > -1) {
                    var old = day + String.fromCharCode(nameIndex + _ZERO) + (holiday.isWork() ? "0" : "1") + holiday.getTarget().replace(/-/g, "");
                    _DATA_IN_USE = _DATA_IN_USE.replace(new RegExp(old, "g"), remove ? "" : segment);
                  }
                }
                data = data.substring(_SIZE);
              }
              if (append.length > 0) {
                _DATA_IN_USE += append.join("");
              }
            };
            var _fix = function(args) {
              switch (args.length) {
                case 1:
                  _fixData(args[0]);
                  break;
                case 2:
                  _fixNames(args[0]);
                  _fixData(args[1]);
                  break;
              }
            };
            return {
              NAMES: _NAMES,
              getHoliday: function() {
                return _getHoliday(arguments);
              },
              getHolidays: function() {
                return _getHolidays(arguments);
              },
              getHolidaysByTarget: function() {
                return _getHolidaysByTarget(arguments);
              },
              fix: function() {
                _fix(arguments);
              }
            };
          }(["元旦节", "春节", "清明节", "劳动节", "端午节", "中秋节", "国庆节", "国庆中秋", "抗战胜利日"]);
          var NineStar2 = /* @__PURE__ */ function() {
            var _fromIndex = function(index) {
              return {
                _p: { index },
                getNumber: function() {
                  return NineStarUtil2.NUMBER[this._p.index];
                },
                getColor: function() {
                  return NineStarUtil2.COLOR[this._p.index];
                },
                getWuXing: function() {
                  return NineStarUtil2.WU_XING[this._p.index];
                },
                getPosition: function() {
                  return NineStarUtil2.POSITION[this._p.index];
                },
                getPositionDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPosition()];
                },
                getNameInXuanKong: function() {
                  return NineStar2.NAME_XUAN_KONG[this._p.index];
                },
                getNameInBeiDou: function() {
                  return NineStar2.NAME_BEI_DOU[this._p.index];
                },
                getNameInQiMen: function() {
                  return NineStar2.NAME_QI_MEN[this._p.index];
                },
                getNameInTaiYi: function() {
                  return NineStar2.NAME_TAI_YI[this._p.index];
                },
                getLuckInQiMen: function() {
                  return NineStar2.LUCK_QI_MEN[this._p.index];
                },
                getLuckInXuanKong: function() {
                  return NineStarUtil2.LUCK_XUAN_KONG[this._p.index];
                },
                getYinYangInQiMen: function() {
                  return NineStarUtil2.YIN_YANG_QI_MEN[this._p.index];
                },
                getTypeInTaiYi: function() {
                  return NineStar2.TYPE_TAI_YI[this._p.index];
                },
                getBaMenInQiMen: function() {
                  return NineStar2.BA_MEN_QI_MEN[this._p.index];
                },
                getSongInTaiYi: function() {
                  return NineStar2.SONG_TAI_YI[this._p.index];
                },
                getIndex: function() {
                  return this._p.index;
                },
                toString: function() {
                  return this.getNumber() + this.getColor() + this.getWuXing() + this.getNameInBeiDou();
                },
                toFullString: function() {
                  var s = this.getNumber();
                  s += this.getColor();
                  s += this.getWuXing();
                  s += " ";
                  s += this.getPosition();
                  s += "(";
                  s += this.getPositionDesc();
                  s += ") ";
                  s += this.getNameInBeiDou();
                  s += " 玄空[";
                  s += this.getNameInXuanKong();
                  s += " ";
                  s += this.getLuckInXuanKong();
                  s += "] 奇门[";
                  s += this.getNameInQiMen();
                  s += " ";
                  s += this.getLuckInQiMen();
                  if (this.getBaMenInQiMen().length > 0) {
                    s += " ";
                    s += this.getBaMenInQiMen();
                    s += "门";
                  }
                  s += " ";
                  s += this.getYinYangInQiMen();
                  s += "] 太乙[";
                  s += this.getNameInTaiYi();
                  s += " ";
                  s += this.getTypeInTaiYi();
                  s += "]";
                  return s;
                }
              };
            };
            return {
              NAME_BEI_DOU: ["天枢", "天璇", "天玑", "天权", "玉衡", "开阳", "摇光", "洞明", "隐元"],
              NAME_XUAN_KONG: ["贪狼", "巨门", "禄存", "文曲", "廉贞", "武曲", "破军", "左辅", "右弼"],
              NAME_QI_MEN: ["天蓬", "天芮", "天冲", "天辅", "天禽", "天心", "天柱", "天任", "天英"],
              BA_MEN_QI_MEN: ["休", "死", "伤", "杜", "", "开", "惊", "生", "景"],
              NAME_TAI_YI: ["太乙", "摄提", "轩辕", "招摇", "天符", "青龙", "咸池", "太阴", "天乙"],
              TYPE_TAI_YI: ["吉神", "凶神", "安神", "安神", "凶神", "吉神", "凶神", "吉神", "吉神"],
              SONG_TAI_YI: ["门中太乙明，星官号贪狼，赌彩财喜旺，婚姻大吉昌，出入无阻挡，参谒见贤良，此行三五里，黑衣别阴阳。", "门前见摄提，百事必忧疑，相生犹自可，相克祸必临，死门并相会，老妇哭悲啼，求谋并吉事，尽皆不相宜，只可藏隐遁，若动伤身疾。", "出入会轩辕，凡事必缠牵，相生全不美，相克更忧煎，远行多不利，博彩尽输钱，九天玄女法，句句不虚言。", "招摇号木星，当之事莫行，相克行人阻，阴人口舌迎，梦寐多惊惧，屋响斧自鸣，阴阳消息理，万法弗违情。", "五鬼为天符，当门阴女谋，相克无好事，行路阻中途，走失难寻觅，道逢有尼姑，此星当门值，万事有灾除。", "神光跃青龙，财气喜重重，投入有酒食，赌彩最兴隆，更逢相生旺，休言克破凶，见贵安营寨，万事总吉同。", "吾将为咸池，当之尽不宜，出入多不利，相克有灾情，赌彩全输尽，求财空手回，仙人真妙语，愚人莫与知，动用虚惊退，反复逆风吹。", "坐临太阴星，百祸不相侵，求谋悉成就，知交有觅寻，回风归来路，恐有殃伏起，密语中记取，慎乎莫轻行。", "迎来天乙星，相逢百事兴，运用和合庆，茶酒喜相迎，求谋并嫁娶，好合有天成，祸福如神验，吉凶甚分明。"],
              LUCK_QI_MEN: ["大凶", "大凶", "小吉", "大吉", "大吉", "大吉", "小凶", "小吉", "小凶"],
              fromIndex: function(index) {
                return _fromIndex(index);
              }
            };
          }();
          var EightChar2 = /* @__PURE__ */ function() {
            var _fromLunar = function(lunar2) {
              return {
                _p: { sect: 2, lunar: lunar2 },
                setSect: function(sect) {
                  sect *= 1;
                  this._p.sect = 1 === sect ? 1 : 2;
                },
                getSect: function() {
                  return this._p.sect;
                },
                getDayGanIndex: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayGanIndexExact2() : this._p.lunar.getDayGanIndexExact();
                },
                getDayZhiIndex: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayZhiIndexExact2() : this._p.lunar.getDayZhiIndexExact();
                },
                getYear: function() {
                  return this._p.lunar.getYearInGanZhiExact();
                },
                getYearGan: function() {
                  return this._p.lunar.getYearGanExact();
                },
                getYearZhi: function() {
                  return this._p.lunar.getYearZhiExact();
                },
                getYearHideGan: function() {
                  return LunarUtil2.ZHI_HIDE_GAN[this.getYearZhi()];
                },
                getYearWuXing: function() {
                  return LunarUtil2.WU_XING_GAN[this.getYearGan()] + LunarUtil2.WU_XING_ZHI[this.getYearZhi()];
                },
                getYearNaYin: function() {
                  return LunarUtil2.NAYIN[this.getYear()];
                },
                getYearShiShenGan: function() {
                  return LunarUtil2.SHI_SHEN[this.getDayGan() + this.getYearGan()];
                },
                getYearShiShenZhi: function() {
                  var dayGan = this.getDayGan();
                  var hideGan = LunarUtil2.ZHI_HIDE_GAN[this.getYearZhi()];
                  var l = [];
                  for (var i = 0, j = hideGan.length; i < j; i++) {
                    l.push(LunarUtil2.SHI_SHEN[dayGan + hideGan[i]]);
                  }
                  return l;
                },
                _getDiShi: function(zhiIndex) {
                  var offset = LunarUtil2.CHANG_SHENG_OFFSET[this.getDayGan()];
                  var index = offset + (this.getDayGanIndex() % 2 === 0 ? zhiIndex : -zhiIndex);
                  if (index >= 12) {
                    index -= 12;
                  }
                  if (index < 0) {
                    index += 12;
                  }
                  return LunarUtil2.CHANG_SHENG[index];
                },
                getYearDiShi: function() {
                  return this._getDiShi(this._p.lunar.getYearZhiIndexExact());
                },
                getYearXun: function() {
                  return this._p.lunar.getYearXunExact();
                },
                getYearXunKong: function() {
                  return this._p.lunar.getYearXunKongExact();
                },
                getMonth: function() {
                  return this._p.lunar.getMonthInGanZhiExact();
                },
                getMonthGan: function() {
                  return this._p.lunar.getMonthGanExact();
                },
                getMonthZhi: function() {
                  return this._p.lunar.getMonthZhiExact();
                },
                getMonthHideGan: function() {
                  return LunarUtil2.ZHI_HIDE_GAN[this.getMonthZhi()];
                },
                getMonthWuXing: function() {
                  return LunarUtil2.WU_XING_GAN[this.getMonthGan()] + LunarUtil2.WU_XING_ZHI[this.getMonthZhi()];
                },
                getMonthNaYin: function() {
                  return LunarUtil2.NAYIN[this.getMonth()];
                },
                getMonthShiShenGan: function() {
                  return LunarUtil2.SHI_SHEN[this.getDayGan() + this.getMonthGan()];
                },
                getMonthShiShenZhi: function() {
                  var dayGan = this.getDayGan();
                  var hideGan = LunarUtil2.ZHI_HIDE_GAN[this.getMonthZhi()];
                  var l = [];
                  for (var i = 0, j = hideGan.length; i < j; i++) {
                    l.push(LunarUtil2.SHI_SHEN[dayGan + hideGan[i]]);
                  }
                  return l;
                },
                getMonthDiShi: function() {
                  return this._getDiShi(this._p.lunar.getMonthZhiIndexExact());
                },
                getMonthXun: function() {
                  return this._p.lunar.getMonthXunExact();
                },
                getMonthXunKong: function() {
                  return this._p.lunar.getMonthXunKongExact();
                },
                getDay: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayInGanZhiExact2() : this._p.lunar.getDayInGanZhiExact();
                },
                getDayGan: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayGanExact2() : this._p.lunar.getDayGanExact();
                },
                getDayZhi: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayZhiExact2() : this._p.lunar.getDayZhiExact();
                },
                getDayHideGan: function() {
                  return LunarUtil2.ZHI_HIDE_GAN[this.getDayZhi()];
                },
                getDayWuXing: function() {
                  return LunarUtil2.WU_XING_GAN[this.getDayGan()] + LunarUtil2.WU_XING_ZHI[this.getDayZhi()];
                },
                getDayNaYin: function() {
                  return LunarUtil2.NAYIN[this.getDay()];
                },
                getDayShiShenGan: function() {
                  return "日主";
                },
                getDayShiShenZhi: function() {
                  var dayGan = this.getDayGan();
                  var hideGan = LunarUtil2.ZHI_HIDE_GAN[this.getDayZhi()];
                  var l = [];
                  for (var i = 0, j = hideGan.length; i < j; i++) {
                    l.push(LunarUtil2.SHI_SHEN[dayGan + hideGan[i]]);
                  }
                  return l;
                },
                getDayDiShi: function() {
                  return this._getDiShi(this.getDayZhiIndex());
                },
                getDayXun: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayXunExact2() : this._p.lunar.getDayXunExact();
                },
                getDayXunKong: function() {
                  return 2 === this._p.sect ? this._p.lunar.getDayXunKongExact2() : this._p.lunar.getDayXunKongExact();
                },
                getTime: function() {
                  return this._p.lunar.getTimeInGanZhi();
                },
                getTimeGan: function() {
                  return this._p.lunar.getTimeGan();
                },
                getTimeZhi: function() {
                  return this._p.lunar.getTimeZhi();
                },
                getTimeHideGan: function() {
                  return LunarUtil2.ZHI_HIDE_GAN[this.getTimeZhi()];
                },
                getTimeWuXing: function() {
                  return LunarUtil2.WU_XING_GAN[this.getTimeGan()] + LunarUtil2.WU_XING_ZHI[this.getTimeZhi()];
                },
                getTimeNaYin: function() {
                  return LunarUtil2.NAYIN[this.getTime()];
                },
                getTimeShiShenGan: function() {
                  return LunarUtil2.SHI_SHEN[this.getDayGan() + this.getTimeGan()];
                },
                getTimeShiShenZhi: function() {
                  var dayGan = this.getDayGan();
                  var hideGan = LunarUtil2.ZHI_HIDE_GAN[this.getTimeZhi()];
                  var l = [];
                  for (var i = 0, j = hideGan.length; i < j; i++) {
                    l.push(LunarUtil2.SHI_SHEN[dayGan + hideGan[i]]);
                  }
                  return l;
                },
                getTimeDiShi: function() {
                  return this._getDiShi(this._p.lunar.getTimeZhiIndex());
                },
                getTimeXun: function() {
                  return this._p.lunar.getTimeXun();
                },
                getTimeXunKong: function() {
                  return this._p.lunar.getTimeXunKong();
                },
                getTaiYuan: function() {
                  var ganIndex = this._p.lunar.getMonthGanIndexExact() + 1;
                  if (ganIndex >= 10) {
                    ganIndex -= 10;
                  }
                  var zhiIndex = this._p.lunar.getMonthZhiIndexExact() + 3;
                  if (zhiIndex >= 12) {
                    zhiIndex -= 12;
                  }
                  return LunarUtil2.GAN[ganIndex + 1] + LunarUtil2.ZHI[zhiIndex + 1];
                },
                getTaiYuanNaYin: function() {
                  return LunarUtil2.NAYIN[this.getTaiYuan()];
                },
                getTaiXi: function() {
                  var lunar3 = this._p.lunar;
                  var ganIndex = 2 === this._p.sect ? lunar3.getDayGanIndexExact2() : lunar3.getDayGanIndexExact();
                  var zhiIndex = 2 === this._p.sect ? lunar3.getDayZhiIndexExact2() : lunar3.getDayZhiIndexExact();
                  return LunarUtil2.HE_GAN_5[ganIndex] + LunarUtil2.HE_ZHI_6[zhiIndex];
                },
                getTaiXiNaYin: function() {
                  return LunarUtil2.NAYIN[this.getTaiXi()];
                },
                getMingGong: function() {
                  var monthZhiIndex = LunarUtil2.index(this.getMonthZhi(), LunarUtil2.MONTH_ZHI, 0);
                  var timeZhiIndex = LunarUtil2.index(this.getTimeZhi(), LunarUtil2.MONTH_ZHI, 0);
                  var offset = monthZhiIndex + timeZhiIndex;
                  offset = (offset >= 14 ? 26 : 14) - offset;
                  var ganIndex = (this._p.lunar.getYearGanIndexExact() + 1) * 2 + offset;
                  while (ganIndex > 10) {
                    ganIndex -= 10;
                  }
                  return LunarUtil2.GAN[ganIndex] + LunarUtil2.MONTH_ZHI[offset];
                },
                getMingGongNaYin: function() {
                  return LunarUtil2.NAYIN[this.getMingGong()];
                },
                getShenGong: function() {
                  var monthZhiIndex = LunarUtil2.index(this.getMonthZhi(), LunarUtil2.MONTH_ZHI, 0);
                  var timeZhiIndex = LunarUtil2.index(this.getTimeZhi(), LunarUtil2.ZHI, 0);
                  var offset = monthZhiIndex + timeZhiIndex;
                  while (offset > 12) {
                    offset -= 12;
                  }
                  var ganIndex = (this._p.lunar.getYearGanIndexExact() + 1) * 2 + offset % 12;
                  while (ganIndex > 10) {
                    ganIndex -= 10;
                  }
                  return LunarUtil2.GAN[ganIndex] + LunarUtil2.MONTH_ZHI[offset];
                },
                getShenGongNaYin: function() {
                  return LunarUtil2.NAYIN[this.getShenGong()];
                },
                getLunar: function() {
                  return this._p.lunar;
                },
                getYun: function(gender, sect) {
                  sect *= 1;
                  sect = 2 === sect ? sect : 1;
                  var lunar3 = this.getLunar();
                  var yang = 0 === lunar3.getYearGanIndexExact() % 2;
                  var man = 1 === gender;
                  var forward = yang && man || !yang && !man;
                  var start = function() {
                    var prev = lunar3.getPrevJie();
                    var next = lunar3.getNextJie();
                    var current = lunar3.getSolar();
                    var start2 = forward ? current : prev.getSolar();
                    var end = forward ? next.getSolar() : current;
                    var year;
                    var month;
                    var day;
                    var hour = 0;
                    if (2 === sect) {
                      var minutes = end.subtractMinute(start2);
                      year = Math.floor(minutes / 4320);
                      minutes -= year * 4320;
                      month = Math.floor(minutes / 360);
                      minutes -= month * 360;
                      day = Math.floor(minutes / 12);
                      minutes -= day * 12;
                      hour = minutes * 2;
                    } else {
                      var endTimeZhiIndex = end.getHour() === 23 ? 11 : LunarUtil2.getTimeZhiIndex(end.toYmdHms().substring(11, 16));
                      var startTimeZhiIndex = start2.getHour() === 23 ? 11 : LunarUtil2.getTimeZhiIndex(start2.toYmdHms().substring(11, 16));
                      var hourDiff = endTimeZhiIndex - startTimeZhiIndex;
                      var dayDiff = end.subtract(start2);
                      if (hourDiff < 0) {
                        hourDiff += 12;
                        dayDiff--;
                      }
                      var monthDiff = Math.floor(hourDiff * 10 / 30);
                      month = dayDiff * 4 + monthDiff;
                      day = hourDiff * 10 - monthDiff * 30;
                      year = Math.floor(month / 12);
                      month = month - year * 12;
                    }
                    return {
                      year,
                      month,
                      day,
                      hour
                    };
                  }();
                  var buildLiuYue = function(liuNian, index) {
                    return {
                      _p: {
                        index,
                        liuNian
                      },
                      getIndex: function() {
                        return this._p.index;
                      },
                      getMonthInChinese: function() {
                        return LunarUtil2.MONTH[this._p.index + 1];
                      },
                      getGanZhi: function() {
                        var yearGanIndex = LunarUtil2.find(this._p.liuNian.getGanZhi(), LunarUtil2.GAN).index - 1;
                        var offset = [2, 4, 6, 8, 0][yearGanIndex % 5];
                        var gan = LunarUtil2.GAN[(this._p.index + offset) % 10 + 1];
                        var zhi = LunarUtil2.ZHI[(this._p.index + LunarUtil2.BASE_MONTH_ZHI_INDEX) % 12 + 1];
                        return gan + zhi;
                      },
                      getXun: function() {
                        return LunarUtil2.getXun(this.getGanZhi());
                      },
                      getXunKong: function() {
                        return LunarUtil2.getXunKong(this.getGanZhi());
                      }
                    };
                  };
                  var buildLiuNian = function(daYun, index) {
                    return {
                      _p: {
                        year: daYun.getStartYear() + index,
                        age: daYun.getStartAge() + index,
                        index,
                        daYun,
                        lunar: daYun.getLunar()
                      },
                      getYear: function() {
                        return this._p.year;
                      },
                      getAge: function() {
                        return this._p.age;
                      },
                      getIndex: function() {
                        return this._p.index;
                      },
                      getLunar: function() {
                        return this._p.lunar;
                      },
                      getGanZhi: function() {
                        var offset = LunarUtil2.getJiaZiIndex(this._p.lunar.getJieQiTable()[I18n2.getMessage("jq.liChun")].getLunar().getYearInGanZhiExact()) + this._p.index;
                        if (this._p.daYun.getIndex() > 0) {
                          offset += this._p.daYun.getStartAge() - 1;
                        }
                        offset %= LunarUtil2.JIA_ZI.length;
                        return LunarUtil2.JIA_ZI[offset];
                      },
                      getXun: function() {
                        return LunarUtil2.getXun(this.getGanZhi());
                      },
                      getXunKong: function() {
                        return LunarUtil2.getXunKong(this.getGanZhi());
                      },
                      getLiuYue: function() {
                        var l = [];
                        for (var i = 0; i < 12; i++) {
                          l.push(buildLiuYue(this, i));
                        }
                        return l;
                      }
                    };
                  };
                  var buildXiaoYun = function(daYun, index, forward2) {
                    return {
                      _p: {
                        year: daYun.getStartYear() + index,
                        age: daYun.getStartAge() + index,
                        index,
                        daYun,
                        forward: forward2,
                        lunar: daYun.getLunar()
                      },
                      getYear: function() {
                        return this._p.year;
                      },
                      getAge: function() {
                        return this._p.age;
                      },
                      getIndex: function() {
                        return this._p.index;
                      },
                      getGanZhi: function() {
                        var offset = LunarUtil2.getJiaZiIndex(this._p.lunar.getTimeInGanZhi());
                        var add = this._p.index + 1;
                        if (this._p.daYun.getIndex() > 0) {
                          add += this._p.daYun.getStartAge() - 1;
                        }
                        offset += this._p.forward ? add : -add;
                        var size2 = LunarUtil2.JIA_ZI.length;
                        while (offset < 0) {
                          offset += size2;
                        }
                        offset %= size2;
                        return LunarUtil2.JIA_ZI[offset];
                      },
                      getXun: function() {
                        return LunarUtil2.getXun(this.getGanZhi());
                      },
                      getXunKong: function() {
                        return LunarUtil2.getXunKong(this.getGanZhi());
                      }
                    };
                  };
                  var buildDaYun = function(yun, index) {
                    var birthYear = yun.getLunar().getSolar().getYear();
                    var year = yun.getStartSolar().getYear();
                    var startYear;
                    var startAge;
                    var endYear;
                    var endAge;
                    if (index < 1) {
                      startYear = birthYear;
                      startAge = 1;
                      endYear = year - 1;
                      endAge = year - birthYear;
                    } else {
                      var add = (index - 1) * 10;
                      startYear = year + add;
                      startAge = startYear - birthYear + 1;
                      endYear = startYear + 9;
                      endAge = startAge + 9;
                    }
                    return {
                      _p: {
                        startYear,
                        endYear,
                        startAge,
                        endAge,
                        index,
                        yun,
                        lunar: yun.getLunar()
                      },
                      getStartYear: function() {
                        return this._p.startYear;
                      },
                      getEndYear: function() {
                        return this._p.endYear;
                      },
                      getStartAge: function() {
                        return this._p.startAge;
                      },
                      getEndAge: function() {
                        return this._p.endAge;
                      },
                      getIndex: function() {
                        return this._p.index;
                      },
                      getLunar: function() {
                        return this._p.lunar;
                      },
                      getGanZhi: function() {
                        if (this._p.index < 1) {
                          return "";
                        }
                        var offset = LunarUtil2.getJiaZiIndex(this._p.lunar.getMonthInGanZhiExact());
                        offset += this._p.yun.isForward() ? this._p.index : -this._p.index;
                        var size2 = LunarUtil2.JIA_ZI.length;
                        if (offset >= size2) {
                          offset -= size2;
                        }
                        if (offset < 0) {
                          offset += size2;
                        }
                        return LunarUtil2.JIA_ZI[offset];
                      },
                      getXun: function() {
                        return LunarUtil2.getXun(this.getGanZhi());
                      },
                      getXunKong: function() {
                        return LunarUtil2.getXunKong(this.getGanZhi());
                      },
                      getLiuNian: function(n) {
                        if (!n) {
                          n = 10;
                        }
                        if (this._p.index < 1) {
                          n = this._p.endYear - this._p.startYear + 1;
                        }
                        var l = [];
                        for (var i = 0; i < n; i++) {
                          l.push(buildLiuNian(this, i));
                        }
                        return l;
                      },
                      getXiaoYun: function(n) {
                        if (!n) {
                          n = 10;
                        }
                        if (this._p.index < 1) {
                          n = this._p.endYear - this._p.startYear + 1;
                        }
                        var l = [];
                        for (var i = 0; i < n; i++) {
                          l.push(buildXiaoYun(this, i, this._p.yun.isForward()));
                        }
                        return l;
                      }
                    };
                  };
                  return {
                    _p: {
                      gender,
                      startYear: start.year,
                      startMonth: start.month,
                      startDay: start.day,
                      startHour: start.hour,
                      forward,
                      lunar: lunar3
                    },
                    getGender: function() {
                      return this._p.gender;
                    },
                    getStartYear: function() {
                      return this._p.startYear;
                    },
                    getStartMonth: function() {
                      return this._p.startMonth;
                    },
                    getStartDay: function() {
                      return this._p.startDay;
                    },
                    getStartHour: function() {
                      return this._p.startHour;
                    },
                    isForward: function() {
                      return this._p.forward;
                    },
                    getLunar: function() {
                      return this._p.lunar;
                    },
                    getStartSolar: function() {
                      var solar = this._p.lunar.getSolar();
                      solar = solar.nextYear(this._p.startYear);
                      solar = solar.nextMonth(this._p.startMonth);
                      solar = solar.next(this._p.startDay);
                      return solar.nextHour(this._p.startHour);
                    },
                    getDaYun: function(n) {
                      if (!n) {
                        n = 10;
                      }
                      var l = [];
                      for (var i = 0; i < n; i++) {
                        l.push(buildDaYun(this, i));
                      }
                      return l;
                    }
                  };
                },
                toString: function() {
                  return this.getYear() + " " + this.getMonth() + " " + this.getDay() + " " + this.getTime();
                }
              };
            };
            return {
              fromLunar: function(lunar2) {
                return _fromLunar(lunar2);
              }
            };
          }();
          var LunarTime2 = /* @__PURE__ */ function() {
            var _fromYmdHms = function(lunarYear, lunarMonth, lunarDay, hour, minute, second) {
              var lunar2 = Lunar2.fromYmdHms(lunarYear, lunarMonth, lunarDay, hour, minute, second);
              var zhiIndex = LunarUtil2.getTimeZhiIndex([(hour < 10 ? "0" : "") + hour, (minute < 10 ? "0" : "") + minute].join(":"));
              var ganIndex = (lunar2.getDayGanIndexExact() % 5 * 2 + zhiIndex) % 10;
              return {
                _p: {
                  ganIndex,
                  zhiIndex,
                  lunar: lunar2
                },
                getGanIndex: function() {
                  return this._p.ganIndex;
                },
                getZhiIndex: function() {
                  return this._p.zhiIndex;
                },
                getGan: function() {
                  return LunarUtil2.GAN[this._p.ganIndex + 1];
                },
                getZhi: function() {
                  return LunarUtil2.ZHI[this._p.zhiIndex + 1];
                },
                getGanZhi: function() {
                  return this.getGan() + this.getZhi();
                },
                getShengXiao: function() {
                  return LunarUtil2.SHENGXIAO[this._p.zhiIndex + 1];
                },
                getPositionXi: function() {
                  return LunarUtil2.POSITION_XI[this._p.ganIndex + 1];
                },
                getPositionXiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionXi()];
                },
                getPositionYangGui: function() {
                  return LunarUtil2.POSITION_YANG_GUI[this._p.ganIndex + 1];
                },
                getPositionYangGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionYangGui()];
                },
                getPositionYinGui: function() {
                  return LunarUtil2.POSITION_YIN_GUI[this._p.ganIndex + 1];
                },
                getPositionYinGuiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionYinGui()];
                },
                getPositionFu: function(sect) {
                  return (1 === sect ? LunarUtil2.POSITION_FU : LunarUtil2.POSITION_FU_2)[this._p.ganIndex + 1];
                },
                getPositionFuDesc: function(sect) {
                  return LunarUtil2.POSITION_DESC[this.getPositionFu(sect)];
                },
                getPositionCai: function() {
                  return LunarUtil2.POSITION_CAI[this._p.ganIndex + 1];
                },
                getPositionCaiDesc: function() {
                  return LunarUtil2.POSITION_DESC[this.getPositionCai()];
                },
                getNaYin: function() {
                  return LunarUtil2.NAYIN[this.getGanZhi()];
                },
                getTianShen: function() {
                  return LunarUtil2.TIAN_SHEN[(this._p.zhiIndex + LunarUtil2.ZHI_TIAN_SHEN_OFFSET[this._p.lunar.getDayZhiExact()]) % 12 + 1];
                },
                getTianShenType: function() {
                  return LunarUtil2.TIAN_SHEN_TYPE[this.getTianShen()];
                },
                getTianShenLuck: function() {
                  return LunarUtil2.TIAN_SHEN_TYPE_LUCK[this.getTianShenType()];
                },
                getChong: function() {
                  return LunarUtil2.CHONG[this._p.zhiIndex];
                },
                getSha: function() {
                  return LunarUtil2.SHA[this.getZhi()];
                },
                getChongShengXiao: function() {
                  var chong = this.getChong();
                  for (var i = 0, j = LunarUtil2.ZHI.length; i < j; i++) {
                    if (LunarUtil2.ZHI[i] === chong) {
                      return LunarUtil2.SHENGXIAO[i];
                    }
                  }
                  return "";
                },
                getChongDesc: function() {
                  return "(" + this.getChongGan() + this.getChong() + ")" + this.getChongShengXiao();
                },
                getChongGan: function() {
                  return LunarUtil2.CHONG_GAN[this._p.ganIndex];
                },
                getChongGanTie: function() {
                  return LunarUtil2.CHONG_GAN_TIE[this._p.ganIndex];
                },
                getYi: function() {
                  return LunarUtil2.getTimeYi(this._p.lunar.getDayInGanZhiExact(), this.getGanZhi());
                },
                getJi: function() {
                  return LunarUtil2.getTimeJi(this._p.lunar.getDayInGanZhiExact(), this.getGanZhi());
                },
                getNineStar: function() {
                  var solarYmd = this._p.lunar.getSolar().toYmd();
                  var jieQi = this._p.lunar.getJieQiTable();
                  var asc = false;
                  if (solarYmd >= jieQi[I18n2.getMessage("jq.dongZhi")].toYmd() && solarYmd < jieQi[I18n2.getMessage("jq.xiaZhi")].toYmd()) {
                    asc = true;
                  }
                  var offset = asc ? [0, 3, 6] : [8, 5, 2];
                  var start = offset[this._p.lunar.getDayZhiIndex() % 3];
                  var index = asc ? start + this._p.zhiIndex : start + 9 - this._p.zhiIndex;
                  return NineStar2.fromIndex(index % 9);
                },
                getXun: function() {
                  return LunarUtil2.getXun(this.getGanZhi());
                },
                getXunKong: function() {
                  return LunarUtil2.getXunKong(this.getGanZhi());
                },
                getMinHm: function() {
                  var hour2 = this._p.lunar.getHour();
                  if (hour2 < 1) {
                    return "00:00";
                  } else if (hour2 > 22) {
                    return "23:00";
                  }
                  if (hour2 % 2 === 0) {
                    hour2 -= 1;
                  }
                  return (hour2 < 10 ? "0" : "") + hour2 + ":00";
                },
                getMaxHm: function() {
                  var hour2 = this._p.lunar.getHour();
                  if (hour2 < 1) {
                    return "00:59";
                  } else if (hour2 > 22) {
                    return "23:59";
                  }
                  if (hour2 % 2 !== 0) {
                    hour2 += 1;
                  }
                  return (hour2 < 10 ? "0" : "") + hour2 + ":59";
                },
                toString: function() {
                  return this.getGanZhi();
                }
              };
            };
            return {
              fromYmdHms: function(lunarYear, lunarMonth, lunarDay, hour, minute, second) {
                return _fromYmdHms(lunarYear, lunarMonth, lunarDay, hour, minute, second);
              }
            };
          }();
          var FotoUtil2 = function() {
            var XIU_OFFSET = [11, 13, 15, 17, 19, 21, 24, 0, 2, 4, 7, 9];
            var _f = function(name, result, everyMonth, remark) {
              return {
                _p: {
                  name,
                  result: result ? result : "",
                  everyMonth: !!everyMonth,
                  remark: remark ? remark : ""
                },
                getName: function() {
                  return this._p.name;
                },
                getResult: function() {
                  return this._p.result;
                },
                isEveryMonth: function() {
                  return this._p.everyMonth;
                },
                getRemark: function() {
                  return this._p.remark;
                },
                toString: function() {
                  return this._p.name;
                },
                toFullString: function() {
                  var l = [this._p.name];
                  if (this._p.result) {
                    l.push(this._p.result);
                  }
                  if (this._p.remark) {
                    l.push(this._p.remark);
                  }
                  return l.join(" ");
                }
              };
            };
            var _getXiu = function(m, d) {
              return FotoUtil2.XIU_27[(XIU_OFFSET[Math.abs(m) - 1] + d - 1) % FotoUtil2.XIU_27.length];
            };
            var dj = "犯者夺纪";
            var js = "犯者减寿";
            var ss = "犯者损寿";
            var xl = "犯者削禄夺纪";
            var jw = "犯者三年内夫妇俱亡";
            var _y = _f("杨公忌");
            var _t = _f("四天王巡行", "", true);
            var _d = _f("斗降", dj, true);
            var _s = _f("月朔", dj, true);
            var _w = _f("月望", dj, true);
            var _h = _f("月晦", js, true);
            var _l = _f("雷斋日", js, true);
            var _j = _f("九毒日", "犯者夭亡，奇祸不测");
            var _r = _f("人神在阴", "犯者得病", true, "宜先一日即戒");
            var _m = _f("司命奏事", js, true, "如月小，即戒廿九");
            var _hh = _f("月晦", js, true, "如月小，即戒廿九");
            return {
              XIU_27: [
                "{xx.jiao}",
                "{xx.kang}",
                "{xx.di}",
                "{xx.fang}",
                "{xx.xin}",
                "{xx.tail}",
                "{xx.ji}",
                "{xx.dou}",
                "{xx.nv}",
                "{xx.xu}",
                "{xx.wei}",
                "{xx.shi}",
                "{xx.qiang}",
                "{xx.kui}",
                "{xx.lou}",
                "{xx.vei}",
                "{xx.mao}",
                "{xx.bi}",
                "{xx.zi}",
                "{xx.can}",
                "{xx.jing}",
                "{xx.gui}",
                "{xx.liu}",
                "{xx.xing}",
                "{xx.zhang}",
                "{xx.yi}",
                "{xx.zhen}"
              ],
              DAY_ZHAI_GUAN_YIN: ["1-8", "2-7", "2-9", "2-19", "3-3", "3-6", "3-13", "4-22", "5-3", "5-17", "6-16", "6-18", "6-19", "6-23", "7-13", "8-16", "9-19", "9-23", "10-2", "11-19", "11-24", "12-25"],
              FESTIVAL: {
                "1-1": [_f("天腊，玉帝校世人神气禄命", xl), _s],
                "1-3": [_f("万神都会", dj), _d],
                "1-5": [_f("五虚忌")],
                "1-6": [_f("六耗忌"), _l],
                "1-7": [_f("上会日", ss)],
                "1-8": [_f("五殿阎罗天子诞", dj), _t],
                "1-9": [_f("玉皇上帝诞", dj)],
                "1-13": [_y],
                "1-14": [_f("三元降", js), _t],
                "1-15": [_f("三元降", js), _f("上元神会", dj), _w, _t],
                "1-16": [_f("三元降", js)],
                "1-19": [_f("长春真人诞")],
                "1-23": [_f("三尸神奏事"), _t],
                "1-25": [_h, _f("天地仓开日", "犯者损寿，子带疾")],
                "1-27": [_d],
                "1-28": [_r],
                "1-29": [_t],
                "1-30": [_hh, _m, _t],
                "2-1": [_f("一殿秦广王诞", dj), _s],
                "2-2": [_f("万神都会", dj), _f("福德土地正神诞", "犯者得祸")],
                "2-3": [_f("文昌帝君诞", xl), _d],
                "2-6": [_f("东华帝君诞"), _l],
                "2-8": [_f("释迦牟尼佛出家", dj), _f("三殿宋帝王诞", dj), _f("张大帝诞", dj), _t],
                "2-11": [_y],
                "2-14": [_t],
                "2-15": [_f("释迦牟尼佛涅槃", xl), _f("太上老君诞", xl), _f("月望", xl, true), _t],
                "2-17": [_f("东方杜将军诞")],
                "2-18": [_f("四殿五官王诞", xl), _f("至圣先师孔子讳辰", xl)],
                "2-19": [_f("观音大士诞", dj)],
                "2-21": [_f("普贤菩萨诞")],
                "2-23": [_t],
                "2-25": [_h],
                "2-27": [_d],
                "2-28": [_r],
                "2-29": [_t],
                "2-30": [_hh, _m, _t],
                "3-1": [_f("二殿楚江王诞", dj), _s],
                "3-3": [_f("玄天上帝诞", dj), _d],
                "3-6": [_l],
                "3-8": [_f("六殿卞城王诞", dj), _t],
                "3-9": [_f("牛鬼神出", "犯者产恶胎"), _y],
                "3-12": [_f("中央五道诞")],
                "3-14": [_t],
                "3-15": [_f("昊天上帝诞", dj), _f("玄坛诞", dj), _w, _t],
                "3-16": [_f("准提菩萨诞", dj)],
                "3-19": [_f("中岳大帝诞"), _f("后土娘娘诞"), _f("三茅降")],
                "3-20": [_f("天地仓开日", ss), _f("子孙娘娘诞")],
                "3-23": [_t],
                "3-25": [_h],
                "3-27": [_f("七殿泰山王诞"), _d],
                "3-28": [_r, _f("苍颉至圣先师诞", xl), _f("东岳大帝诞")],
                "3-29": [_t],
                "3-30": [_hh, _m, _t],
                "4-1": [_f("八殿都市王诞", dj), _s],
                "4-3": [_d],
                "4-4": [_f("万神善会", "犯者失瘼夭胎"), _f("文殊菩萨诞")],
                "4-6": [_l],
                "4-7": [_f("南斗、北斗、西斗同降", js), _y],
                "4-8": [_f("释迦牟尼佛诞", dj), _f("万神善会", "犯者失瘼夭胎"), _f("善恶童子降", "犯者血死"), _f("九殿平等王诞"), _t],
                "4-14": [_f("纯阳祖师诞", js), _t],
                "4-15": [_w, _f("钟离祖师诞"), _t],
                "4-16": [_f("天地仓开日", ss)],
                "4-17": [_f("十殿转轮王诞", dj)],
                "4-18": [_f("天地仓开日", ss), _f("紫徽大帝诞", ss)],
                "4-20": [_f("眼光圣母诞")],
                "4-23": [_t],
                "4-25": [_h],
                "4-27": [_d],
                "4-28": [_r],
                "4-29": [_t],
                "4-30": [_hh, _m, _t],
                "5-1": [_f("南极长生大帝诞", dj), _s],
                "5-3": [_d],
                "5-5": [_f("地腊", xl), _f("五帝校定生人官爵", xl), _j, _y],
                "5-6": [_j, _l],
                "5-7": [_j],
                "5-8": [_f("南方五道诞"), _t],
                "5-11": [_f("天地仓开日", ss), _f("天下都城隍诞")],
                "5-12": [_f("炳灵公诞")],
                "5-13": [_f("关圣降", xl)],
                "5-14": [_f("夜子时为天地交泰", jw), _t],
                "5-15": [_w, _j, _t],
                "5-16": [_f("九毒日", jw), _f("天地元气造化万物之辰", jw)],
                "5-17": [_j],
                "5-18": [_f("张天师诞")],
                "5-22": [_f("孝娥神诞", dj)],
                "5-23": [_t],
                "5-25": [_j, _h],
                "5-26": [_j],
                "5-27": [_j, _d],
                "5-28": [_r],
                "5-29": [_t],
                "5-30": [_hh, _m, _t],
                "6-1": [_s],
                "6-3": [_f("韦驮菩萨圣诞"), _d, _y],
                "6-5": [_f("南赡部洲转大轮", ss)],
                "6-6": [_f("天地仓开日", ss), _l],
                "6-8": [_t],
                "6-10": [_f("金粟如来诞")],
                "6-14": [_t],
                "6-15": [_w, _t],
                "6-19": [_f("观世音菩萨成道", dj)],
                "6-23": [_f("南方火神诞", "犯者遭回禄"), _t],
                "6-24": [_f("雷祖诞", xl), _f("关帝诞", xl)],
                "6-25": [_h],
                "6-27": [_d],
                "6-28": [_r],
                "6-29": [_t],
                "6-30": [_hh, _m, _t],
                "7-1": [_s, _y],
                "7-3": [_d],
                "7-5": [_f("中会日", ss, false, "一作初七")],
                "7-6": [_l],
                "7-7": [_f("道德腊", xl), _f("五帝校生人善恶", xl), _f("魁星诞", xl)],
                "7-8": [_t],
                "7-10": [_f("阴毒日", "", false, "大忌")],
                "7-12": [_f("长真谭真人诞")],
                "7-13": [_f("大势至菩萨诞", js)],
                "7-14": [_f("三元降", js), _t],
                "7-15": [_w, _f("三元降", dj), _f("地官校籍", dj), _t],
                "7-16": [_f("三元降", js)],
                "7-18": [_f("西王母诞", dj)],
                "7-19": [_f("太岁诞", dj)],
                "7-22": [_f("增福财神诞", xl)],
                "7-23": [_t],
                "7-25": [_h],
                "7-27": [_d],
                "7-28": [_r],
                "7-29": [_y, _t],
                "7-30": [_f("地藏菩萨诞", dj), _hh, _m, _t],
                "8-1": [_s, _f("许真君诞")],
                "8-3": [_d, _f("北斗诞", xl), _f("司命灶君诞", "犯者遭回禄")],
                "8-5": [_f("雷声大帝诞", dj)],
                "8-6": [_l],
                "8-8": [_t],
                "8-10": [_f("北斗大帝诞")],
                "8-12": [_f("西方五道诞")],
                "8-14": [_t],
                "8-15": [_w, _f("太明朝元", "犯者暴亡", false, "宜焚香守夜"), _t],
                "8-16": [_f("天曹掠刷真君降", "犯者贫夭")],
                "8-18": [_f("天人兴福之辰", "", false, "宜斋戒，存想吉事")],
                "8-23": [_f("汉恒候张显王诞"), _t],
                "8-24": [_f("灶君夫人诞")],
                "8-25": [_h],
                "8-27": [_d, _f("至圣先师孔子诞", xl), _y],
                "8-28": [_r, _f("四天会事")],
                "8-29": [_t],
                "8-30": [_f("诸神考校", "犯者夺算"), _hh, _m, _t],
                "9-1": [_s, _f("南斗诞", xl), _f("北斗九星降世", dj, false, "此九日俱宜斋戒")],
                "9-3": [_d, _f("五瘟神诞")],
                "9-6": [_l],
                "9-8": [_t],
                "9-9": [_f("斗母诞", xl), _f("酆都大帝诞"), _f("玄天上帝飞升")],
                "9-10": [_f("斗母降", dj)],
                "9-11": [_f("宜戒")],
                "9-13": [_f("孟婆尊神诞")],
                "9-14": [_t],
                "9-15": [_w, _t],
                "9-17": [_f("金龙四大王诞", "犯者遭水厄")],
                "9-19": [_f("日宫月宫会合", js), _f("观世音菩萨诞", js)],
                "9-23": [_t],
                "9-25": [_h, _y],
                "9-27": [_d],
                "9-28": [_r],
                "9-29": [_t],
                "9-30": [_f("药师琉璃光佛诞", "犯者危疾"), _hh, _m, _t],
                "10-1": [_s, _f("民岁腊", dj), _f("四天王降", "犯者一年内死")],
                "10-3": [_d, _f("三茅诞")],
                "10-5": [_f("下会日", js), _f("达摩祖师诞", js)],
                "10-6": [_l, _f("天曹考察", dj)],
                "10-8": [_f("佛涅槃日", "", false, "大忌色欲"), _t],
                "10-10": [_f("四天王降", "犯者一年内死")],
                "10-11": [_f("宜戒")],
                "10-14": [_f("三元降", js), _t],
                "10-15": [_w, _f("三元降", dj), _f("下元水府校籍", dj), _t],
                "10-16": [_f("三元降", js), _t],
                "10-23": [_y, _t],
                "10-25": [_h],
                "10-27": [_d, _f("北极紫徽大帝降")],
                "10-28": [_r],
                "10-29": [_t],
                "10-30": [_hh, _m, _t],
                "11-1": [_s],
                "11-3": [_d],
                "11-4": [_f("至圣先师孔子诞", xl)],
                "11-6": [_f("西岳大帝诞")],
                "11-8": [_t],
                "11-11": [_f("天地仓开日", dj), _f("太乙救苦天尊诞", dj)],
                "11-14": [_t],
                "11-15": [_f("月望", "上半夜犯男死 下半夜犯女死"), _f("四天王巡行", "上半夜犯男死 下半夜犯女死")],
                "11-17": [_f("阿弥陀佛诞")],
                "11-19": [_f("太阳日宫诞", "犯者得奇祸")],
                "11-21": [_y],
                "11-23": [_f("张仙诞", "犯者绝嗣"), _t],
                "11-25": [_f("掠刷大夫降", "犯者遭大凶"), _h],
                "11-26": [_f("北方五道诞")],
                "11-27": [_d],
                "11-28": [_r],
                "11-29": [_t],
                "11-30": [_hh, _m, _t],
                "12-1": [_s],
                "12-3": [_d],
                "12-6": [_f("天地仓开日", js), _l],
                "12-7": [_f("掠刷大夫降", "犯者得恶疾")],
                "12-8": [_f("王侯腊", dj), _f("释迦如来成佛之辰"), _t, _f("初旬内戊日，亦名王侯腊", dj)],
                "12-12": [_f("太素三元君朝真")],
                "12-14": [_t],
                "12-15": [_w, _t],
                "12-16": [_f("南岳大帝诞")],
                "12-19": [_y],
                "12-20": [_f("天地交道", "犯者促寿")],
                "12-21": [_f("天猷上帝诞")],
                "12-23": [_f("五岳诞降"), _t],
                "12-24": [_f("司今朝天奏人善恶", "犯者得大祸")],
                "12-25": [_f("三清玉帝同降，考察善恶", "犯者得奇祸"), _h],
                "12-27": [_d],
                "12-28": [_r],
                "12-29": [_f("华严菩萨诞"), _t],
                "12-30": [_f("诸神下降，察访善恶", "犯者男女俱亡")]
              },
              OTHER_FESTIVAL: {
                "1-1": ["弥勒菩萨圣诞"],
                "1-6": ["定光佛圣诞"],
                "2-8": ["释迦牟尼佛出家"],
                "2-15": ["释迦牟尼佛涅槃"],
                "2-19": ["观世音菩萨圣诞"],
                "2-21": ["普贤菩萨圣诞"],
                "3-16": ["准提菩萨圣诞"],
                "4-4": ["文殊菩萨圣诞"],
                "4-8": ["释迦牟尼佛圣诞"],
                "4-15": ["佛吉祥日"],
                "4-28": ["药王菩萨圣诞"],
                "5-13": ["伽蓝菩萨圣诞"],
                "6-3": ["韦驮菩萨圣诞"],
                "6-19": ["观音菩萨成道"],
                "7-13": ["大势至菩萨圣诞"],
                "7-15": ["佛欢喜日"],
                "7-24": ["龙树菩萨圣诞"],
                "7-30": ["地藏菩萨圣诞"],
                "8-15": ["月光菩萨圣诞"],
                "8-22": ["燃灯佛圣诞"],
                "9-9": ["摩利支天菩萨圣诞"],
                "9-19": ["观世音菩萨出家"],
                "9-30": ["药师琉璃光佛圣诞"],
                "10-5": ["达摩祖师圣诞"],
                "10-20": ["文殊菩萨出家"],
                "11-17": ["阿弥陀佛圣诞"],
                "11-19": ["日光菩萨圣诞"],
                "12-8": ["释迦牟尼佛成道"],
                "12-23": ["监斋菩萨圣诞"],
                "12-29": ["华严菩萨圣诞"]
              },
              getXiu: function(m, d) {
                return _getXiu(m, d);
              }
            };
          }();
          var Foto2 = /* @__PURE__ */ function() {
            var _fromYmdHms = function(y, m, d, hour, minute, second) {
              return _fromLunar(Lunar2.fromYmdHms(y + Foto2.DEAD_YEAR - 1, m, d, hour, minute, second));
            };
            var _fromLunar = function(lunar2) {
              return {
                _p: {
                  lunar: lunar2
                },
                getLunar: function() {
                  return this._p.lunar;
                },
                getYear: function() {
                  var sy = this._p.lunar.getSolar().getYear();
                  var y = sy - Foto2.DEAD_YEAR;
                  if (sy === this._p.lunar.getYear()) {
                    y++;
                  }
                  return y;
                },
                getMonth: function() {
                  return this._p.lunar.getMonth();
                },
                getDay: function() {
                  return this._p.lunar.getDay();
                },
                getYearInChinese: function() {
                  var y = this.getYear() + "";
                  var s = "";
                  var zero2 = "0".charCodeAt(0);
                  for (var i = 0, j = y.length; i < j; i++) {
                    s += LunarUtil2.NUMBER[y.charCodeAt(i) - zero2];
                  }
                  return s;
                },
                getMonthInChinese: function() {
                  return this._p.lunar.getMonthInChinese();
                },
                getDayInChinese: function() {
                  return this._p.lunar.getDayInChinese();
                },
                getFestivals: function() {
                  var l = FotoUtil2.FESTIVAL[this.getMonth() + "-" + this.getDay()];
                  return l ? l : [];
                },
                getOtherFestivals: function() {
                  var l = [];
                  var fs = FotoUtil2.OTHER_FESTIVAL[this.getMonth() + "-" + this.getDay()];
                  if (fs) {
                    l = l.concat(fs);
                  }
                  return l;
                },
                isMonthZhai: function() {
                  var m = this.getMonth();
                  return 1 === m || 5 === m || 9 === m;
                },
                isDayYangGong: function() {
                  var l = this.getFestivals();
                  for (var i = 0, j = l.length; i < j; i++) {
                    if ("杨公忌" === l[i].getName()) {
                      return true;
                    }
                  }
                  return false;
                },
                isDayZhaiShuoWang: function() {
                  var d = this.getDay();
                  return 1 === d || 15 === d;
                },
                isDayZhaiSix: function() {
                  var d = this.getDay();
                  if (8 === d || 14 === d || 15 === d || 23 === d || 29 === d || 30 === d) {
                    return true;
                  } else if (28 === d) {
                    var m = LunarMonth2.fromYm(this._p.lunar.getYear(), this.getMonth());
                    if (30 !== m.getDayCount()) {
                      return true;
                    }
                  }
                  return false;
                },
                isDayZhaiTen: function() {
                  var d = this.getDay();
                  return 1 === d || 8 === d || 14 === d || 15 === d || 18 === d || 23 === d || 24 === d || 28 === d || 29 === d || 30 === d;
                },
                isDayZhaiGuanYin: function() {
                  var k = this.getMonth() + "-" + this.getDay();
                  for (var i = 0, j = FotoUtil2.DAY_ZHAI_GUAN_YIN.length; i < j; i++) {
                    if (k === FotoUtil2.DAY_ZHAI_GUAN_YIN[i]) {
                      return true;
                    }
                  }
                  return false;
                },
                getXiu: function() {
                  return FotoUtil2.getXiu(this.getMonth(), this.getDay());
                },
                getXiuLuck: function() {
                  return LunarUtil2.XIU_LUCK[this.getXiu()];
                },
                getXiuSong: function() {
                  return LunarUtil2.XIU_SONG[this.getXiu()];
                },
                getZheng: function() {
                  return LunarUtil2.ZHENG[this.getXiu()];
                },
                getAnimal: function() {
                  return LunarUtil2.ANIMAL[this.getXiu()];
                },
                getGong: function() {
                  return LunarUtil2.GONG[this.getXiu()];
                },
                getShou: function() {
                  return LunarUtil2.SHOU[this.getGong()];
                },
                toString: function() {
                  return this.getYearInChinese() + "年" + this.getMonthInChinese() + "月" + this.getDayInChinese();
                },
                toFullString: function() {
                  var s = this.toString();
                  var fs = this.getFestivals();
                  for (var i = 0, j = fs.length; i < j; i++) {
                    s += " (" + fs[i] + ")";
                  }
                  return s;
                }
              };
            };
            return {
              DEAD_YEAR: -543,
              fromYmdHms: function(y, m, d, hour, minute, second) {
                return _fromYmdHms(y, m, d, hour, minute, second);
              },
              fromYmd: function(y, m, d) {
                return _fromYmdHms(y, m, d, 0, 0, 0);
              },
              fromLunar: function(lunar2) {
                return _fromLunar(lunar2);
              }
            };
          }();
          var TaoFestival = /* @__PURE__ */ function() {
            var _f = function(name, remark) {
              return {
                _p: {
                  name,
                  remark: remark ? remark : ""
                },
                getName: function() {
                  return this._p.name;
                },
                getRemark: function() {
                  return this._p.remark;
                },
                toString: function() {
                  return this._p.name;
                },
                toFullString: function() {
                  var l = [this._p.name];
                  if (this._p.remark) {
                    l.push("[" + this._p.remark + "]");
                  }
                  return l.join("");
                }
              };
            };
            return {
              create: function(name, remark) {
                return _f(name, remark);
              }
            };
          }();
          var TaoUtil2 = function() {
            var _f = TaoFestival.create;
            return {
              SAN_HUI: ["1-7", "7-7", "10-15"],
              SAN_YUAN: ["1-15", "7-15", "10-15"],
              WU_LA: ["1-1", "5-5", "7-7", "10-1", "12-8"],
              AN_WU: ["{dz.wei}", "{dz.xu}", "{dz.chen}", "{dz.yin}", "{dz.wu}", "{dz.zi}", "{dz.you}", "{dz.shen}", "{dz.si}", "{dz.hai}", "{dz.mao}", "{dz.chou}"],
              BA_HUI: {
                "{jz.bingWu}": "天会",
                "{jz.renWu}": "地会",
                "{jz.renZi}": "人会",
                "{jz.gengWu}": "日会",
                "{jz.gengShen}": "月会",
                "{jz.xinYou}": "星辰会",
                "{jz.jiaChen}": "五行会",
                "{jz.jiaXu}": "四时会"
              },
              BA_JIE: {
                "{jq.liChun}": "东北方度仙上圣天尊同梵炁始青天君下降",
                "{jq.chunFen}": "东方玉宝星上天尊同青帝九炁天君下降",
                "{jq.liXia}": "东南方好生度命天尊同梵炁始丹天君下降",
                "{jq.xiaZhi}": "南方玄真万福天尊同赤帝三炁天君下降",
                "{jq.liQiu}": "西南方太灵虚皇天尊同梵炁始素天君下降",
                "{jq.qiuFen}": "西方太妙至极天尊同白帝七炁天君下降",
                "{jq.liDong}": "西北方无量太华天尊同梵炁始玄天君下降",
                "{jq.dongZhi}": "北方玄上玉宸天尊同黑帝五炁天君下降"
              },
              FESTIVAL: {
                "1-1": [_f("天腊之辰", "天腊，此日五帝会于东方九炁青天")],
                "1-3": [_f("郝真人圣诞"), _f("孙真人圣诞")],
                "1-5": [_f("孙祖清静元君诞")],
                "1-7": [_f("举迁赏会", "此日上元赐福，天官同地水二官考校罪福")],
                "1-9": [_f("玉皇上帝圣诞")],
                "1-13": [_f("关圣帝君飞升")],
                "1-15": [_f("上元天官圣诞"), _f("老祖天师圣诞")],
                "1-19": [_f("长春邱真人(邱处机)圣诞")],
                "1-28": [_f("许真君(许逊天师)圣诞")],
                "2-1": [_f("勾陈天皇大帝圣诞"), _f("长春刘真人(刘渊然)圣诞")],
                "2-2": [_f("土地正神诞"), _f("姜太公圣诞")],
                "2-3": [_f("文昌梓潼帝君圣诞")],
                "2-6": [_f("东华帝君圣诞")],
                "2-13": [_f("度人无量葛真君圣诞")],
                "2-15": [_f("太清道德天尊(太上老君)圣诞")],
                "2-19": [_f("慈航真人圣诞")],
                "3-1": [_f("谭祖(谭处端)长真真人圣诞")],
                "3-3": [_f("玄天上帝圣诞")],
                "3-6": [_f("眼光娘娘圣诞")],
                "3-15": [_f("天师张大真人圣诞"), _f("财神赵公元帅圣诞")],
                "3-16": [_f("三茅真君得道之辰"), _f("中岳大帝圣诞")],
                "3-18": [_f("王祖(王处一)玉阳真人圣诞"), _f("后土娘娘圣诞")],
                "3-19": [_f("太阳星君圣诞")],
                "3-20": [_f("子孙娘娘圣诞")],
                "3-23": [_f("天后妈祖圣诞")],
                "3-26": [_f("鬼谷先师诞")],
                "3-28": [_f("东岳大帝圣诞")],
                "4-1": [_f("长生谭真君成道之辰")],
                "4-10": [_f("何仙姑圣诞")],
                "4-14": [_f("吕祖纯阳祖师圣诞")],
                "4-15": [_f("钟离祖师圣诞")],
                "4-18": [_f("北极紫微大帝圣诞"), _f("泰山圣母碧霞元君诞"), _f("华佗神医先师诞")],
                "4-20": [_f("眼光圣母娘娘诞")],
                "4-28": [_f("神农先帝诞")],
                "5-1": [_f("南极长生大帝圣诞")],
                "5-5": [_f("地腊之辰", "地腊，此日五帝会于南方三炁丹天"), _f("南方雷祖圣诞"), _f("地祗温元帅圣诞"), _f("雷霆邓天君圣诞")],
                "5-11": [_f("城隍爷圣诞")],
                "5-13": [_f("关圣帝君降神"), _f("关平太子圣诞")],
                "5-18": [_f("张天师圣诞")],
                "5-20": [_f("马祖丹阳真人圣诞")],
                "5-29": [_f("紫青白祖师圣诞")],
                "6-1": [_f("南斗星君下降")],
                "6-2": [_f("南斗星君下降")],
                "6-3": [_f("南斗星君下降")],
                "6-4": [_f("南斗星君下降")],
                "6-5": [_f("南斗星君下降")],
                "6-6": [_f("南斗星君下降")],
                "6-10": [_f("刘海蟾祖师圣诞")],
                "6-15": [_f("灵官王天君圣诞")],
                "6-19": [_f("慈航(观音)成道日")],
                "6-23": [_f("火神圣诞")],
                "6-24": [_f("南极大帝中方雷祖圣诞"), _f("关圣帝君圣诞")],
                "6-26": [_f("二郎真君圣诞")],
                "7-7": [_f("道德腊之辰", "道德腊，此日五帝会于西方七炁素天"), _f("庆生中会", "此日中元赦罪，地官同天水二官考校罪福")],
                "7-12": [_f("西方雷祖圣诞")],
                "7-15": [_f("中元地官大帝圣诞")],
                "7-18": [_f("王母娘娘圣诞")],
                "7-20": [_f("刘祖(刘处玄)长生真人圣诞")],
                "7-22": [_f("财帛星君文财神增福相公李诡祖圣诞")],
                "7-26": [_f("张三丰祖师圣诞")],
                "8-1": [_f("许真君飞升日")],
                "8-3": [_f("九天司命灶君诞")],
                "8-5": [_f("北方雷祖圣诞")],
                "8-10": [_f("北岳大帝诞辰")],
                "8-15": [_f("太阴星君诞")],
                "9-1": [_f("北斗九皇降世之辰")],
                "9-2": [_f("北斗九皇降世之辰")],
                "9-3": [_f("北斗九皇降世之辰")],
                "9-4": [_f("北斗九皇降世之辰")],
                "9-5": [_f("北斗九皇降世之辰")],
                "9-6": [_f("北斗九皇降世之辰")],
                "9-7": [_f("北斗九皇降世之辰")],
                "9-8": [_f("北斗九皇降世之辰")],
                "9-9": [_f("北斗九皇降世之辰"), _f("斗姥元君圣诞"), _f("重阳帝君圣诞"), _f("玄天上帝飞升"), _f("酆都大帝圣诞")],
                "9-22": [_f("增福财神诞")],
                "9-23": [_f("萨翁真君圣诞")],
                "9-28": [_f("五显灵官马元帅圣诞")],
                "10-1": [_f("民岁腊之辰", "民岁腊，此日五帝会于北方五炁黑天"), _f("东皇大帝圣诞")],
                "10-3": [_f("三茅应化真君圣诞")],
                "10-6": [_f("天曹诸司五岳五帝圣诞")],
                "10-15": [_f("下元水官大帝圣诞"), _f("建生大会", "此日下元解厄，水官同天地二官考校罪福")],
                "10-18": [_f("地母娘娘圣诞")],
                "10-19": [_f("长春邱真君飞升")],
                "10-20": [_f("虚靖天师(即三十代天师弘悟张真人)诞")],
                "11-6": [_f("西岳大帝圣诞")],
                "11-9": [_f("湘子韩祖圣诞")],
                "11-11": [_f("太乙救苦天尊圣诞")],
                "11-26": [_f("北方五道圣诞")],
                "12-8": [_f("王侯腊之辰", "王侯腊，此日五帝会于上方玄都玉京")],
                "12-16": [_f("南岳大帝圣诞"), _f("福德正神诞")],
                "12-20": [_f("鲁班先师圣诞")],
                "12-21": [_f("天猷上帝圣诞")],
                "12-22": [_f("重阳祖师圣诞")],
                "12-23": [_f("祭灶王", "最适宜谢旧年太岁，开启拜新年太岁")],
                "12-25": [_f("玉帝巡天"), _f("天神下降")],
                "12-29": [_f("清静孙真君(孙不二)成道")]
              }
            };
          }();
          var NineStarUtil2 = /* @__PURE__ */ function() {
            return {
              NUMBER: [
                "{n.one}",
                "{n.two}",
                "{n.three}",
                "{n.four}",
                "{n.five}",
                "{n.six}",
                "{n.seven}",
                "{n.eight}",
                "{n.nine}"
              ],
              WU_XING: [
                "{wx.shui}",
                "{wx.tu}",
                "{wx.mu}",
                "{wx.mu}",
                "{wx.tu}",
                "{wx.jin}",
                "{wx.jin}",
                "{wx.tu}",
                "{wx.huo}"
              ],
              POSITION: [
                "{bg.kan}",
                "{bg.kun}",
                "{bg.zhen}",
                "{bg.xun}",
                "{ps.center}",
                "{bg.qian}",
                "{bg.dui}",
                "{bg.gen}",
                "{bg.li}"
              ],
              LUCK_XUAN_KONG: [
                "{s.goodLuck}",
                "{s.badLuck}",
                "{s.badLuck}",
                "{s.goodLuck}",
                "{s.badLuck}",
                "{s.goodLuck}",
                "{s.badLuck}",
                "{s.goodLuck}",
                "{s.goodLuck}"
              ],
              YIN_YANG_QI_MEN: [
                "{s.yang}",
                "{s.yin}",
                "{s.yang}",
                "{s.yang}",
                "{s.yang}",
                "{s.yin}",
                "{s.yin}",
                "{s.yang}",
                "{s.yin}"
              ],
              COLOR: [
                "{s.white}",
                "{s.black}",
                "{s.blue}",
                "{s.green}",
                "{s.yellow}",
                "{s.white}",
                "{s.red}",
                "{s.white}",
                "{s.purple}"
              ]
            };
          }();
          var Tao2 = /* @__PURE__ */ function() {
            var _fromYmdHms = function(y, m, d, hour, minute, second) {
              return _fromLunar(Lunar2.fromYmdHms(y + Tao2.BIRTH_YEAR, m, d, hour, minute, second));
            };
            var _fromLunar = function(lunar2) {
              return {
                _p: {
                  lunar: lunar2
                },
                getLunar: function() {
                  return this._p.lunar;
                },
                getYear: function() {
                  return this._p.lunar.getYear() - Tao2.BIRTH_YEAR;
                },
                getMonth: function() {
                  return this._p.lunar.getMonth();
                },
                getDay: function() {
                  return this._p.lunar.getDay();
                },
                getYearInChinese: function() {
                  var y = this.getYear() + "";
                  var s = "";
                  var zero2 = "0".charCodeAt(0);
                  for (var i = 0, j = y.length; i < j; i++) {
                    s += LunarUtil2.NUMBER[y.charCodeAt(i) - zero2];
                  }
                  return s;
                },
                getMonthInChinese: function() {
                  return this._p.lunar.getMonthInChinese();
                },
                getDayInChinese: function() {
                  return this._p.lunar.getDayInChinese();
                },
                getFestivals: function() {
                  var l = [];
                  var fs = TaoUtil2.FESTIVAL[this.getMonth() + "-" + this.getDay()];
                  if (fs) {
                    l = l.concat(fs);
                  }
                  var jq = this._p.lunar.getJieQi();
                  if (I18n2.getMessage("jq.dongZhi") === jq) {
                    l.push(TaoFestival.create("元始天尊圣诞"));
                  } else if (I18n2.getMessage("jq.xiaZhi") === jq) {
                    l.push(TaoFestival.create("灵宝天尊圣诞"));
                  }
                  var f = TaoUtil2.BA_JIE[jq];
                  if (f) {
                    l.push(TaoFestival.create(f));
                  }
                  f = TaoUtil2.BA_HUI[this._p.lunar.getDayInGanZhi()];
                  if (f) {
                    l.push(TaoFestival.create(f));
                  }
                  return l;
                },
                _isDayIn: function(days) {
                  var md = this.getMonth() + "-" + this.getDay();
                  for (var i = 0, j = days.length; i < j; i++) {
                    if (md === days[i]) {
                      return true;
                    }
                  }
                  return false;
                },
                isDaySanHui: function() {
                  return this._isDayIn(TaoUtil2.SAN_HUI);
                },
                isDaySanYuan: function() {
                  return this._isDayIn(TaoUtil2.SAN_YUAN);
                },
                isDayBaJie: function() {
                  return !!TaoUtil2.BA_JIE[this._p.lunar.getJieQi()];
                },
                isDayWuLa: function() {
                  return this._isDayIn(TaoUtil2.WU_LA);
                },
                isDayBaHui: function() {
                  return !!TaoUtil2.BA_HUI[this._p.lunar.getDayInGanZhi()];
                },
                isDayMingWu: function() {
                  return I18n2.getMessage("tg.wu") === this._p.lunar.getDayGan();
                },
                isDayAnWu: function() {
                  return this._p.lunar.getDayZhi() === TaoUtil2.AN_WU[Math.abs(this.getMonth()) - 1];
                },
                isDayWu: function() {
                  return this.isDayMingWu() || this.isDayAnWu();
                },
                isDayTianShe: function() {
                  var ret = false;
                  var mz = this._p.lunar.getMonthZhi();
                  var dgz = this._p.lunar.getDayInGanZhi();
                  if ([I18n2.getMessage("dz.yin"), I18n2.getMessage("dz.mao"), I18n2.getMessage("dz.chen")].join(",").indexOf(mz) > -1) {
                    if (I18n2.getMessage("jz.wuYin") === dgz) {
                      ret = true;
                    }
                  } else if ([I18n2.getMessage("dz.si"), I18n2.getMessage("dz.wu"), I18n2.getMessage("dz.wei")].join(",").indexOf(mz) > -1) {
                    if (I18n2.getMessage("jz.jiaWu") === dgz) {
                      ret = true;
                    }
                  } else if ([I18n2.getMessage("dz.shen"), I18n2.getMessage("dz.you"), I18n2.getMessage("dz.xu")].join(",").indexOf(mz) > -1) {
                    if (I18n2.getMessage("jz.wuShen") === dgz) {
                      ret = true;
                    }
                  } else if ([I18n2.getMessage("dz.hai"), I18n2.getMessage("dz.zi"), I18n2.getMessage("dz.chou")].join(",").indexOf(mz) > -1) {
                    if (I18n2.getMessage("jz.jiaZi") === dgz) {
                      ret = true;
                    }
                  }
                  return ret;
                },
                toString: function() {
                  return this.getYearInChinese() + "年" + this.getMonthInChinese() + "月" + this.getDayInChinese();
                },
                toFullString: function() {
                  return "道歷" + this.getYearInChinese() + "年，天運" + this._p.lunar.getYearInGanZhi() + "年，" + this._p.lunar.getMonthInGanZhi() + "月，" + this._p.lunar.getDayInGanZhi() + "日。" + this.getMonthInChinese() + "月" + this.getDayInChinese() + "日，" + this._p.lunar.getTimeZhi() + "時。";
                }
              };
            };
            return {
              BIRTH_YEAR: -2697,
              fromYmdHms: function(y, m, d, hour, minute, second) {
                return _fromYmdHms(y, m, d, hour, minute, second);
              },
              fromYmd: function(y, m, d) {
                return _fromYmdHms(y, m, d, 0, 0, 0);
              },
              fromLunar: function(lunar2) {
                return _fromLunar(lunar2);
              }
            };
          }();
          var I18n2 = function() {
            var _defaultLang = "chs";
            var _lang = _defaultLang;
            var _inited = false;
            var _messages = {
              "chs": {
                "tg.jia": "甲",
                "tg.yi": "乙",
                "tg.bing": "丙",
                "tg.ding": "丁",
                "tg.wu": "戊",
                "tg.ji": "己",
                "tg.geng": "庚",
                "tg.xin": "辛",
                "tg.ren": "壬",
                "tg.gui": "癸",
                "dz.zi": "子",
                "dz.chou": "丑",
                "dz.yin": "寅",
                "dz.mao": "卯",
                "dz.chen": "辰",
                "dz.si": "巳",
                "dz.wu": "午",
                "dz.wei": "未",
                "dz.shen": "申",
                "dz.you": "酉",
                "dz.xu": "戌",
                "dz.hai": "亥",
                "zx.jian": "建",
                "zx.chu": "除",
                "zx.man": "满",
                "zx.ping": "平",
                "zx.ding": "定",
                "zx.zhi": "执",
                "zx.po": "破",
                "zx.wei": "危",
                "zx.cheng": "成",
                "zx.shou": "收",
                "zx.kai": "开",
                "zx.bi": "闭",
                "jz.jiaZi": "甲子",
                "jz.yiChou": "乙丑",
                "jz.bingYin": "丙寅",
                "jz.dingMao": "丁卯",
                "jz.wuChen": "戊辰",
                "jz.jiSi": "己巳",
                "jz.gengWu": "庚午",
                "jz.xinWei": "辛未",
                "jz.renShen": "壬申",
                "jz.guiYou": "癸酉",
                "jz.jiaXu": "甲戌",
                "jz.yiHai": "乙亥",
                "jz.bingZi": "丙子",
                "jz.dingChou": "丁丑",
                "jz.wuYin": "戊寅",
                "jz.jiMao": "己卯",
                "jz.gengChen": "庚辰",
                "jz.xinSi": "辛巳",
                "jz.renWu": "壬午",
                "jz.guiWei": "癸未",
                "jz.jiaShen": "甲申",
                "jz.yiYou": "乙酉",
                "jz.bingXu": "丙戌",
                "jz.dingHai": "丁亥",
                "jz.wuZi": "戊子",
                "jz.jiChou": "己丑",
                "jz.gengYin": "庚寅",
                "jz.xinMao": "辛卯",
                "jz.renChen": "壬辰",
                "jz.guiSi": "癸巳",
                "jz.jiaWu": "甲午",
                "jz.yiWei": "乙未",
                "jz.bingShen": "丙申",
                "jz.dingYou": "丁酉",
                "jz.wuXu": "戊戌",
                "jz.jiHai": "己亥",
                "jz.gengZi": "庚子",
                "jz.xinChou": "辛丑",
                "jz.renYin": "壬寅",
                "jz.guiMao": "癸卯",
                "jz.jiaChen": "甲辰",
                "jz.yiSi": "乙巳",
                "jz.bingWu": "丙午",
                "jz.dingWei": "丁未",
                "jz.wuShen": "戊申",
                "jz.jiYou": "己酉",
                "jz.gengXu": "庚戌",
                "jz.xinHai": "辛亥",
                "jz.renZi": "壬子",
                "jz.guiChou": "癸丑",
                "jz.jiaYin": "甲寅",
                "jz.yiMao": "乙卯",
                "jz.bingChen": "丙辰",
                "jz.dingSi": "丁巳",
                "jz.wuWu": "戊午",
                "jz.jiWei": "己未",
                "jz.gengShen": "庚申",
                "jz.xinYou": "辛酉",
                "jz.renXu": "壬戌",
                "jz.guiHai": "癸亥",
                "sx.rat": "鼠",
                "sx.ox": "牛",
                "sx.tiger": "虎",
                "sx.rabbit": "兔",
                "sx.dragon": "龙",
                "sx.snake": "蛇",
                "sx.horse": "马",
                "sx.goat": "羊",
                "sx.monkey": "猴",
                "sx.rooster": "鸡",
                "sx.dog": "狗",
                "sx.pig": "猪",
                "dw.long": "龙",
                "dw.niu": "牛",
                "dw.gou": "狗",
                "dw.yang": "羊",
                "dw.tu": "兔",
                "dw.shu": "鼠",
                "dw.ji": "鸡",
                "dw.ma": "马",
                "dw.hu": "虎",
                "dw.zhu": "猪",
                "dw.hou": "猴",
                "dw.she": "蛇",
                "dw.huLi": "狐",
                "dw.yan": "燕",
                "dw.bao": "豹",
                "dw.yuan": "猿",
                "dw.yin": "蚓",
                "dw.lu": "鹿",
                "dw.wu": "乌",
                "dw.jiao": "蛟",
                "dw.lang": "狼",
                "dw.fu": "蝠",
                "dw.zhang": "獐",
                "dw.xu": "獝",
                "dw.xie": "獬",
                "dw.han": "犴",
                "dw.he": "貉",
                "dw.zhi": "彘",
                "wx.jin": "金",
                "wx.mu": "木",
                "wx.shui": "水",
                "wx.huo": "火",
                "wx.tu": "土",
                "wx.ri": "日",
                "wx.yue": "月",
                "n.zero": "〇",
                "n.one": "一",
                "n.two": "二",
                "n.three": "三",
                "n.four": "四",
                "n.five": "五",
                "n.six": "六",
                "n.seven": "七",
                "n.eight": "八",
                "n.nine": "九",
                "n.ten": "十",
                "n.eleven": "十一",
                "n.twelve": "十二",
                "d.one": "初一",
                "d.two": "初二",
                "d.three": "初三",
                "d.four": "初四",
                "d.five": "初五",
                "d.six": "初六",
                "d.seven": "初七",
                "d.eight": "初八",
                "d.nine": "初九",
                "d.ten": "初十",
                "d.eleven": "十一",
                "d.twelve": "十二",
                "d.thirteen": "十三",
                "d.fourteen": "十四",
                "d.fifteen": "十五",
                "d.sixteen": "十六",
                "d.seventeen": "十七",
                "d.eighteen": "十八",
                "d.nighteen": "十九",
                "d.twenty": "二十",
                "d.twentyOne": "廿一",
                "d.twentyTwo": "廿二",
                "d.twentyThree": "廿三",
                "d.twentyFour": "廿四",
                "d.twentyFive": "廿五",
                "d.twentySix": "廿六",
                "d.twentySeven": "廿七",
                "d.twentyEight": "廿八",
                "d.twentyNine": "廿九",
                "d.thirty": "三十",
                "m.one": "正",
                "m.two": "二",
                "m.three": "三",
                "m.four": "四",
                "m.five": "五",
                "m.six": "六",
                "m.seven": "七",
                "m.eight": "八",
                "m.nine": "九",
                "m.ten": "十",
                "m.eleven": "冬",
                "m.twelve": "腊",
                "w.sun": "日",
                "w.mon": "一",
                "w.tues": "二",
                "w.wed": "三",
                "w.thur": "四",
                "w.fri": "五",
                "w.sat": "六",
                "xz.aries": "白羊",
                "xz.taurus": "金牛",
                "xz.gemini": "双子",
                "xz.cancer": "巨蟹",
                "xz.leo": "狮子",
                "xz.virgo": "处女",
                "xz.libra": "天秤",
                "xz.scorpio": "天蝎",
                "xz.sagittarius": "射手",
                "xz.capricornus": "摩羯",
                "xz.aquarius": "水瓶",
                "xz.pisces": "双鱼",
                "bg.qian": "乾",
                "bg.kun": "坤",
                "bg.zhen": "震",
                "bg.xun": "巽",
                "bg.kan": "坎",
                "bg.li": "离",
                "bg.gen": "艮",
                "bg.dui": "兑",
                "ps.center": "中",
                "ps.dong": "东",
                "ps.nan": "南",
                "ps.xi": "西",
                "ps.bei": "北",
                "ps.zhong": "中宫",
                "ps.zhengDong": "正东",
                "ps.zhengNan": "正南",
                "ps.zhengXi": "正西",
                "ps.zhengBei": "正北",
                "ps.dongBei": "东北",
                "ps.dongNan": "东南",
                "ps.xiBei": "西北",
                "ps.xiNan": "西南",
                "ps.wai": "外",
                "ps.fangNei": "房内",
                "jq.dongZhi": "冬至",
                "jq.xiaoHan": "小寒",
                "jq.daHan": "大寒",
                "jq.liChun": "立春",
                "jq.yuShui": "雨水",
                "jq.jingZhe": "惊蛰",
                "jq.chunFen": "春分",
                "jq.qingMing": "清明",
                "jq.guYu": "谷雨",
                "jq.liXia": "立夏",
                "jq.xiaoMan": "小满",
                "jq.mangZhong": "芒种",
                "jq.xiaZhi": "夏至",
                "jq.xiaoShu": "小暑",
                "jq.daShu": "大暑",
                "jq.liQiu": "立秋",
                "jq.chuShu": "处暑",
                "jq.baiLu": "白露",
                "jq.qiuFen": "秋分",
                "jq.hanLu": "寒露",
                "jq.shuangJiang": "霜降",
                "jq.liDong": "立冬",
                "jq.xiaoXue": "小雪",
                "jq.daXue": "大雪",
                "sn.qingLong": "青龙",
                "sn.baiHu": "白虎",
                "sn.zhuQue": "朱雀",
                "sn.xuanWu": "玄武",
                "sn.mingTang": "明堂",
                "sn.tianXing": "天刑",
                "sn.tianDe": "天德",
                "sn.jinKui": "金匮",
                "sn.yuTang": "玉堂",
                "sn.siMing": "司命",
                "sn.tianLao": "天牢",
                "sn.gouChen": "勾陈",
                "sn.tianEn": "天恩",
                "sn.muCang": "母仓",
                "sn.shiYang": "时阳",
                "sn.shengQi": "生气",
                "sn.yiHou": "益后",
                "sn.zaiSha": "灾煞",
                "sn.tianHuo": "天火",
                "sn.siJi": "四忌",
                "sn.baLong": "八龙",
                "sn.fuRi": "复日",
                "sn.xuShi": "续世",
                "sn.yueSha": "月煞",
                "sn.yueXu": "月虚",
                "sn.xueZhi": "血支",
                "sn.tianZei": "天贼",
                "sn.wuXu": "五虚",
                "sn.tuFu": "土符",
                "sn.guiJi": "归忌",
                "sn.xueJi": "血忌",
                "sn.yueDe": "月德",
                "sn.yueEn": "月恩",
                "sn.siXiang": "四相",
                "sn.wangRi": "王日",
                "sn.tianCang": "天仓",
                "sn.buJiang": "不将",
                "sn.wuHe": "五合",
                "sn.mingFeiDui": "鸣吠对",
                "sn.yueJian": "月建",
                "sn.xiaoShi": "小时",
                "sn.tuHu": "土府",
                "sn.wangWang": "往亡",
                "sn.yaoAn": "要安",
                "sn.siShen": "死神",
                "sn.tianMa": "天马",
                "sn.jiuHu": "九虎",
                "sn.qiNiao": "七鸟",
                "sn.liuShe": "六蛇",
                "sn.guanRi": "官日",
                "sn.jiQi": "吉期",
                "sn.yuYu": "玉宇",
                "sn.daShi": "大时",
                "sn.daBai": "大败",
                "sn.xianChi": "咸池",
                "sn.shouRi": "守日",
                "sn.tianWu": "天巫",
                "sn.fuDe": "福德",
                "sn.liuYi": "六仪",
                "sn.jinTang": "金堂",
                "sn.yanDui": "厌对",
                "sn.zhaoYao": "招摇",
                "sn.jiuKong": "九空",
                "sn.jiuKan": "九坎",
                "sn.jiuJiao": "九焦",
                "sn.xiangRi": "相日",
                "sn.baoGuang": "宝光",
                "sn.tianGang": "天罡",
                "sn.yueXing": "月刑",
                "sn.yueHai": "月害",
                "sn.youHuo": "游祸",
                "sn.chongRi": "重日",
                "sn.shiDe": "时德",
                "sn.minRi": "民日",
                "sn.sanHe": "三合",
                "sn.linRi": "临日",
                "sn.shiYin": "时阴",
                "sn.mingFei": "鸣吠",
                "sn.siQi": "死气",
                "sn.diNang": "地囊",
                "sn.yueDeHe": "月德合",
                "sn.jingAn": "敬安",
                "sn.puHu": "普护",
                "sn.jieShen": "解神",
                "sn.xiaoHao": "小耗",
                "sn.tianDeHe": "天德合",
                "sn.yueKong": "月空",
                "sn.yiMa": "驿马",
                "sn.tianHou": "天后",
                "sn.chuShen": "除神",
                "sn.yuePo": "月破",
                "sn.daHao": "大耗",
                "sn.wuLi": "五离",
                "sn.yinDe": "阴德",
                "sn.fuSheng": "福生",
                "sn.tianLi": "天吏",
                "sn.zhiSi": "致死",
                "sn.yuanWu": "元武",
                "sn.yangDe": "阳德",
                "sn.tianXi": "天喜",
                "sn.tianYi": "天医",
                "sn.yueYan": "月厌",
                "sn.diHuo": "地火",
                "sn.fourHit": "四击",
                "sn.daSha": "大煞",
                "sn.daHui": "大会",
                "sn.tianYuan": "天愿",
                "sn.liuHe": "六合",
                "sn.wuFu": "五富",
                "sn.shengXin": "圣心",
                "sn.heKui": "河魁",
                "sn.jieSha": "劫煞",
                "sn.siQiong": "四穷",
                "sn.chuShuiLong": "触水龙",
                "sn.baFeng": "八风",
                "sn.tianShe": "天赦",
                "sn.wuMu": "五墓",
                "sn.baZhuan": "八专",
                "sn.yinCuo": "阴错",
                "sn.siHao": "四耗",
                "sn.yangCuo": "阳错",
                "sn.siFei": "四废",
                "sn.sanYin": "三阴",
                "sn.xiaoHui": "小会",
                "sn.yinDaoChongYang": "阴道冲阳",
                "sn.danYin": "单阴",
                "sn.guChen": "孤辰",
                "sn.yinWei": "阴位",
                "sn.xingHen": "行狠",
                "sn.liaoLi": "了戾",
                "sn.jueYin": "绝阴",
                "sn.chunYang": "纯阳",
                "sn.suiBo": "岁薄",
                "sn.yinYangJiaoPo": "阴阳交破",
                "sn.yinYangJuCuo": "阴阳俱错",
                "sn.yinYangJiChong": "阴阳击冲",
                "sn.zhuZhen": "逐阵",
                "sn.yangCuoYinChong": "阳错阴冲",
                "sn.qiFu": "七符",
                "sn.tianGou": "天狗",
                "sn.chengRi": "成日",
                "sn.tianFu": "天符",
                "sn.guYang": "孤阳",
                "sn.jueYang": "绝阳",
                "sn.chunYin": "纯阴",
                "sn.yinShen": "阴神",
                "sn.jieChu": "解除",
                "sn.yangPoYinChong": "阳破阴冲",
                "ss.biJian": "比肩",
                "ss.jieCai": "劫财",
                "ss.shiShen": "食神",
                "ss.shangGuan": "伤官",
                "ss.pianCai": "偏财",
                "ss.zhengCai": "正财",
                "ss.qiSha": "七杀",
                "ss.zhengGuan": "正官",
                "ss.pianYin": "偏印",
                "ss.zhengYin": "正印",
                "s.none": "无",
                "s.huangDao": "黄道",
                "s.heiDao": "黑道",
                "s.goodLuck": "吉",
                "s.badLuck": "凶",
                "s.yin": "阴",
                "s.yang": "阳",
                "s.white": "白",
                "s.black": "黑",
                "s.blue": "碧",
                "s.green": "绿",
                "s.yellow": "黄",
                "s.red": "赤",
                "s.purple": "紫",
                "jr.chuXi": "除夕",
                "jr.chunJie": "春节",
                "jr.yuanXiao": "元宵节",
                "jr.longTou": "龙头节",
                "jr.duanWu": "端午节",
                "jr.qiXi": "七夕节",
                "jr.zhongQiu": "中秋节",
                "jr.chongYang": "重阳节",
                "jr.laBa": "腊八节",
                "jr.yuanDan": "元旦节",
                "jr.qingRen": "情人节",
                "jr.fuNv": "妇女节",
                "jr.zhiShu": "植树节",
                "jr.xiaoFei": "消费者权益日",
                "jr.wuYi": "劳动节",
                "jr.qingNian": "青年节",
                "jr.erTong": "儿童节",
                "jr.yuRen": "愚人节",
                "jr.jianDang": "建党节",
                "jr.jianJun": "建军节",
                "jr.jiaoShi": "教师节",
                "jr.guoQing": "国庆节",
                "jr.wanShengYe": "万圣节前夜",
                "jr.wanSheng": "万圣节",
                "jr.pingAn": "平安夜",
                "jr.shengDan": "圣诞节",
                "ds.changSheng": "长生",
                "ds.muYu": "沐浴",
                "ds.guanDai": "冠带",
                "ds.linGuan": "临官",
                "ds.diWang": "帝旺",
                "ds.shuai": "衰",
                "ds.bing": "病",
                "ds.si": "死",
                "ds.mu": "墓",
                "ds.jue": "绝",
                "ds.tai": "胎",
                "ds.yang": "养",
                "h.first": "初候",
                "h.second": "二候",
                "h.third": "三候",
                "h.qiuYinJie": "蚯蚓结",
                "h.miJiao": "麋角解",
                "h.shuiQuan": "水泉动",
                "h.yanBei": "雁北乡",
                "h.queShi": "鹊始巢",
                "h.zhiShi": "雉始雊",
                "h.jiShi": "鸡始乳",
                "h.zhengNiao": "征鸟厉疾",
                "h.shuiZe": "水泽腹坚",
                "h.dongFeng": "东风解冻",
                "h.zheChongShiZhen": "蛰虫始振",
                "h.yuZhi": "鱼陟负冰",
                "h.taJi": "獭祭鱼",
                "h.houYan": "候雁北",
                "h.caoMuMengDong": "草木萌动",
                "h.taoShi": "桃始华",
                "h.cangGeng": "仓庚鸣",
                "h.yingHua": "鹰化为鸠",
                "h.xuanNiaoZhi": "玄鸟至",
                "h.leiNai": "雷乃发声",
                "h.shiDian": "始电",
                "h.tongShi": "桐始华",
                "h.tianShu": "田鼠化为鴽",
                "h.hongShi": "虹始见",
                "h.pingShi": "萍始生",
                "h.mingJiu": "鸣鸠拂奇羽",
                "h.daiSheng": "戴胜降于桑",
                "h.louGuo": "蝼蝈鸣",
                "h.qiuYinChu": "蚯蚓出",
                "h.wangGua": "王瓜生",
                "h.kuCai": "苦菜秀",
                "h.miCao": "靡草死",
                "h.maiQiu": "麦秋至",
                "h.tangLang": "螳螂生",
                "h.juShi": "鵙始鸣",
                "h.fanShe": "反舌无声",
                "h.luJia": "鹿角解",
                "h.tiaoShi": "蜩始鸣",
                "h.banXia": "半夏生",
                "h.wenFeng": "温风至",
                "h.xiShuai": "蟋蟀居壁",
                "h.yingShi": "鹰始挚",
                "h.fuCao": "腐草为萤",
                "h.tuRun": "土润溽暑",
                "h.daYu": "大雨行时",
                "h.liangFeng": "凉风至",
                "h.baiLu": "白露降",
                "h.hanChan": "寒蝉鸣",
                "h.yingNai": "鹰乃祭鸟",
                "h.tianDi": "天地始肃",
                "h.heNai": "禾乃登",
                "h.hongYanLai": "鸿雁来",
                "h.xuanNiaoGui": "玄鸟归",
                "h.qunNiao": "群鸟养羞",
                "h.leiShi": "雷始收声",
                "h.zheChongPiHu": "蛰虫坯户",
                "h.shuiShiHe": "水始涸",
                "h.hongYanLaiBin": "鸿雁来宾",
                "h.queRu": "雀入大水为蛤",
                "h.juYou": "菊有黄花",
                "h.caiNai": "豺乃祭兽",
                "h.caoMuHuangLuo": "草木黄落",
                "h.zheChongXianFu": "蛰虫咸俯",
                "h.shuiShiBing": "水始冰",
                "h.diShi": "地始冻",
                "h.zhiRu": "雉入大水为蜃",
                "h.hongCang": "虹藏不见",
                "h.tianQi": "天气上升地气下降",
                "h.biSe": "闭塞而成冬",
                "h.heDan": "鹖鴠不鸣",
                "h.huShi": "虎始交",
                "h.liTing": "荔挺出",
                "ts.zhan": "占",
                "ts.hu": "户",
                "ts.win": "窗",
                "ts.fang": "房",
                "ts.chuang": "床",
                "ts.lu": "炉",
                "ts.zao": "灶",
                "ts.dui": "碓",
                "ts.mo": "磨",
                "ts.xi": "栖",
                "ts.chu": "厨",
                "ts.ce": "厕",
                "ts.cang": "仓",
                "ts.cangKu": "仓库",
                "ts.daMen": "大门",
                "ts.men": "门",
                "ts.tang": "堂",
                "ly.xianSheng": "先胜",
                "ly.xianFu": "先负",
                "ly.youYin": "友引",
                "ly.foMie": "佛灭",
                "ly.daAn": "大安",
                "ly.chiKou": "赤口",
                "yj.jiSi": "祭祀",
                "yj.qiFu": "祈福",
                "yj.qiuSi": "求嗣",
                "yj.kaiGuang": "开光",
                "yj.suHui": "塑绘",
                "yj.qiJiao": "齐醮",
                "yj.zhaiJiao": "斋醮",
                "yj.muYu": "沐浴",
                "yj.chouShen": "酬神",
                "yj.zaoMiao": "造庙",
                "yj.siZhao": "祀灶",
                "yj.fenXiang": "焚香",
                "yj.xieTu": "谢土",
                "yj.chuHuo": "出火",
                "yj.diaoKe": "雕刻",
                "yj.jiaQu": "嫁娶",
                "yj.DingHun": "订婚",
                "yj.naCai": "纳采",
                "yj.wenMing": "问名",
                "yj.naXu": "纳婿",
                "yj.guiNing": "归宁",
                "yj.anChuang": "安床",
                "yj.heZhang": "合帐",
                "yj.guanJi": "冠笄",
                "yj.dingMeng": "订盟",
                "yj.jinRenKou": "进人口",
                "yj.caiYi": "裁衣",
                "yj.wanMian": "挽面",
                "yj.kaiRong": "开容",
                "yj.xiuFen": "修坟",
                "yj.qiZuan": "启钻",
                "yj.poTu": "破土",
                "yj.anZang": "安葬",
                "yj.liBei": "立碑",
                "yj.chengFu": "成服",
                "yj.chuFu": "除服",
                "yj.kaiShengFen": "开生坟",
                "yj.heShouMu": "合寿木",
                "yj.ruLian": "入殓",
                "yj.yiJiu": "移柩",
                "yj.puDu": "普渡",
                "yj.ruZhai": "入宅",
                "yj.anXiang": "安香",
                "yj.anMen": "安门",
                "yj.xiuZao": "修造",
                "yj.qiJi": "起基",
                "yj.dongTu": "动土",
                "yj.shangLiang": "上梁",
                "yj.shuZhu": "竖柱",
                "yj.kaiJing": "开井开池",
                "yj.zuoBei": "作陂放水",
                "yj.chaiXie": "拆卸",
                "yj.poWu": "破屋",
                "yj.huaiYuan": "坏垣",
                "yj.buYuan": "补垣",
                "yj.faMuZuoLiang": "伐木做梁",
                "yj.zuoZhao": "作灶",
                "yj.jieChu": "解除",
                "yj.kaiZhuYan": "开柱眼",
                "yj.chuanPing": "穿屏扇架",
                "yj.gaiWuHeJi": "盖屋合脊",
                "yj.kaiCe": "开厕",
                "yj.zaoCang": "造仓",
                "yj.saiXue": "塞穴",
                "yj.pingZhi": "平治道涂",
                "yj.zaoQiao": "造桥",
                "yj.zuoCe": "作厕",
                "yj.zhuDi": "筑堤",
                "yj.kaiChi": "开池",
                "yj.faMu": "伐木",
                "yj.kaiQu": "开渠",
                "yj.jueJing": "掘井",
                "yj.saoShe": "扫舍",
                "yj.fangShui": "放水",
                "yj.zaoWu": "造屋",
                "yj.heJi": "合脊",
                "yj.zaoChuChou": "造畜稠",
                "yj.xiuMen": "修门",
                "yj.dingSang": "定磉",
                "yj.zuoLiang": "作梁",
                "yj.xiuShi": "修饰垣墙",
                "yj.jiaMa": "架马",
                "yj.kaiShi": "开市",
                "yj.guaBian": "挂匾",
                "yj.naChai": "纳财",
                "yj.qiuCai": "求财",
                "yj.kaiCang": "开仓",
                "yj.maiChe": "买车",
                "yj.zhiChan": "置产",
                "yj.guYong": "雇庸",
                "yj.chuHuoCai": "出货财",
                "yj.anJiXie": "安机械",
                "yj.zaoCheQi": "造车器",
                "yj.jingLuo": "经络",
                "yj.yunNiang": "酝酿",
                "yj.zuoRan": "作染",
                "yj.guZhu": "鼓铸",
                "yj.zaoChuan": "造船",
                "yj.geMi": "割蜜",
                "yj.zaiZhong": "栽种",
                "yj.quYu": "取渔",
                "yj.jieWang": "结网",
                "yj.muYang": "牧养",
                "yj.anDuiWei": "安碓磑",
                "yj.xiYi": "习艺",
                "yj.ruXue": "入学",
                "yj.liFa": "理发",
                "yj.tanBing": "探病",
                "yj.jianGui": "见贵",
                "yj.chengChuan": "乘船",
                "yj.duShui": "渡水",
                "yj.zhenJiu": "针灸",
                "yj.chuXing": "出行",
                "yj.yiXi": "移徙",
                "yj.fenJu": "分居",
                "yj.TiTou": "剃头",
                "yj.zhengShou": "整手足甲",
                "yj.naChu": "纳畜",
                "yj.buZhuo": "捕捉",
                "yj.tianLie": "畋猎",
                "yj.jiaoNiuMa": "教牛马",
                "yj.huiQinYou": "会亲友",
                "yj.fuRen": "赴任",
                "yj.qiuYi": "求医",
                "yj.zhiBing": "治病",
                "yj.ciSong": "词讼",
                "yj.qiJiDongTu": "起基动土",
                "yj.poWuHuaiYuan": "破屋坏垣",
                "yj.gaiWu": "盖屋",
                "yj.zaoCangKu": "造仓库",
                "yj.liQuanJiaoYi": "立券交易",
                "yj.jiaoYi": "交易",
                "yj.liQuan": "立券",
                "yj.anJi": "安机",
                "yj.huiYou": "会友",
                "yj.qiuYiLiaoBing": "求医疗病",
                "yj.zhuShi": "诸事不宜",
                "yj.yuShi": "馀事勿取",
                "yj.xingSang": "行丧",
                "yj.duanYi": "断蚁",
                "yj.guiXiu": "归岫",
                "xx.bi": "毕",
                "xx.yi": "翼",
                "xx.ji": "箕",
                "xx.kui": "奎",
                "xx.gui": "鬼",
                "xx.di": "氐",
                "xx.xu": "虚",
                "xx.wei": "危",
                "xx.zi": "觜",
                "xx.zhen": "轸",
                "xx.dou": "斗",
                "xx.lou": "娄",
                "xx.liu": "柳",
                "xx.fang": "房",
                "xx.xin": "心",
                "xx.shi": "室",
                "xx.can": "参",
                "xx.jiao": "角",
                "xx.niu": "牛",
                "xx.vei": "胃",
                "xx.xing": "星",
                "xx.zhang": "张",
                "xx.tail": "尾",
                "xx.qiang": "壁",
                "xx.jing": "井",
                "xx.kang": "亢",
                "xx.nv": "女",
                "xx.mao": "昴",
                "sz.chun": "春",
                "sz.xia": "夏",
                "sz.qiu": "秋",
                "sz.dong": "冬",
                "od.first": "孟",
                "od.second": "仲",
                "od.third": "季",
                "yx.shuo": "朔",
                "yx.jiShuo": "既朔",
                "yx.eMeiXin": "蛾眉新",
                "yx.eMei": "蛾眉",
                "yx.xi": "夕",
                "yx.shangXian": "上弦",
                "yx.jiuYe": "九夜",
                "yx.night": "宵",
                "yx.jianYingTu": "渐盈凸",
                "yx.xiaoWang": "小望",
                "yx.wang": "望",
                "yx.jiWang": "既望",
                "yx.liDai": "立待",
                "yx.juDai": "居待",
                "yx.qinDai": "寝待",
                "yx.gengDai": "更待",
                "yx.jianKuiTu": "渐亏凸",
                "yx.xiaXian": "下弦",
                "yx.youMing": "有明",
                "yx.eMeiCan": "蛾眉残",
                "yx.can": "残",
                "yx.xiao": "晓",
                "yx.hui": "晦",
                "ny.sangZhe": "桑柘",
                "ny.baiLa": "白蜡",
                "ny.yangLiu": "杨柳",
                "ny.jinBo": "金箔",
                "ny.haiZhong": "海中",
                "ny.daHai": "大海",
                "ny.shaZhong": "沙中",
                "ny.luZhong": "炉中",
                "ny.shanXia": "山下",
                "ny.daLin": "大林",
                "ny.pingDi": "平地",
                "ny.luPang": "路旁",
                "ny.biShang": "壁上",
                "ny.jianFeng": "剑锋",
                "ny.shanTou": "山头",
                "ny.fuDeng": "覆灯",
                "ny.jianXia": "涧下",
                "ny.tianHe": "天河",
                "ny.chengTou": "城头",
                "ny.daYi": "大驿",
                "ny.chaiChuan": "钗钏",
                "ny.quanZhong": "泉中",
                "ny.daXi": "大溪",
                "ny.wuShang": "屋上",
                "ny.piLi": "霹雳",
                "ny.tianShang": "天上",
                "ny.songBo": "松柏",
                "ny.shiLiu": "石榴",
                "ny.changLiu": "长流"
              },
              "en": {
                "tg.jia": "Jia",
                "tg.yi": "Yi",
                "tg.bing": "Bing",
                "tg.ding": "Ding",
                "tg.wu": "Wu",
                "tg.ji": "Ji",
                "tg.geng": "Geng",
                "tg.xin": "Xin",
                "tg.ren": "Ren",
                "tg.gui": "Gui",
                "dz.zi": "Zi",
                "dz.chou": "Chou",
                "dz.yin": "Yin",
                "dz.mao": "Mao",
                "dz.chen": "Chen",
                "dz.si": "Si",
                "dz.wu": "Wu",
                "dz.wei": "Wei",
                "dz.shen": "Shen",
                "dz.you": "You",
                "dz.xu": "Xu",
                "dz.hai": "Hai",
                "zx.jian": "Build",
                "zx.chu": "Remove",
                "zx.man": "Full",
                "zx.ping": "Flat",
                "zx.ding": "Stable",
                "zx.zhi": "Hold",
                "zx.po": "Break",
                "zx.wei": "Danger",
                "zx.cheng": "Complete",
                "zx.shou": "Collect",
                "zx.kai": "Open",
                "zx.bi": "Close",
                "jz.jiaZi": "JiaZi",
                "jz.yiChou": "YiChou",
                "jz.bingYin": "BingYin",
                "jz.dingMao": "DingMao",
                "jz.wuChen": "WuChen",
                "jz.jiSi": "JiSi",
                "jz.gengWu": "GengWu",
                "jz.xinWei": "XinWei",
                "jz.renShen": "RenShen",
                "jz.guiYou": "GuiYou",
                "jz.jiaXu": "JiaXu",
                "jz.yiHai": "YiHai",
                "jz.bingZi": "BingZi",
                "jz.dingChou": "DingChou",
                "jz.wuYin": "WuYin",
                "jz.jiMao": "JiMao",
                "jz.gengChen": "GengChen",
                "jz.xinSi": "XinSi",
                "jz.renWu": "RenWu",
                "jz.guiWei": "GuiWei",
                "jz.jiaShen": "JiaShen",
                "jz.yiYou": "YiYou",
                "jz.bingXu": "BingXu",
                "jz.dingHai": "DingHai",
                "jz.wuZi": "WuZi",
                "jz.jiChou": "JiChou",
                "jz.gengYin": "GengYin",
                "jz.xinMao": "XinMao",
                "jz.renChen": "RenChen",
                "jz.guiSi": "GuiSi",
                "jz.jiaWu": "JiaWu",
                "jz.yiWei": "YiWei",
                "jz.bingShen": "BingShen",
                "jz.dingYou": "DingYou",
                "jz.wuXu": "WuXu",
                "jz.jiHai": "JiHai",
                "jz.gengZi": "GengZi",
                "jz.xinChou": "XinChou",
                "jz.renYin": "RenYin",
                "jz.guiMao": "GuiMao",
                "jz.jiaChen": "JiaChen",
                "jz.yiSi": "YiSi",
                "jz.bingWu": "BingWu",
                "jz.dingWei": "DingWei",
                "jz.wuShen": "WuShen",
                "jz.jiYou": "JiYou",
                "jz.gengXu": "GengXu",
                "jz.xinHai": "XinHai",
                "jz.renZi": "RenZi",
                "jz.guiChou": "GuiChou",
                "jz.jiaYin": "JiaYin",
                "jz.yiMao": "YiMao",
                "jz.bingChen": "BingChen",
                "jz.dingSi": "DingSi",
                "jz.wuWu": "WuWu",
                "jz.jiWei": "JiWei",
                "jz.gengShen": "GengShen",
                "jz.xinYou": "XinYou",
                "jz.renXu": "RenXu",
                "jz.guiHai": "GuiHai",
                "sx.rat": "Rat",
                "sx.ox": "Ox",
                "sx.tiger": "Tiger",
                "sx.rabbit": "Rabbit",
                "sx.dragon": "Dragon",
                "sx.snake": "Snake",
                "sx.horse": "Horse",
                "sx.goat": "Goat",
                "sx.monkey": "Monkey",
                "sx.rooster": "Rooster",
                "sx.dog": "Dog",
                "sx.pig": "Pig",
                "dw.long": "Dragon",
                "dw.niu": "Ox",
                "dw.gou": "Dog",
                "dw.yang": "Goat",
                "dw.tu": "Rabbit",
                "dw.shu": "Rat",
                "dw.ji": "Rooster",
                "dw.ma": "Horse",
                "dw.hu": "Tiger",
                "dw.zhu": "Pig",
                "dw.hou": "Monkey",
                "dw.she": "Snake",
                "dw.huLi": "Fox",
                "dw.yan": "Swallow",
                "dw.bao": "Leopard",
                "dw.yuan": "Ape",
                "dw.yin": "Earthworm",
                "dw.lu": "Deer",
                "dw.wu": "Crow",
                "dw.lang": "Wolf",
                "dw.fu": "Bat",
                "wx.jin": "Metal",
                "wx.mu": "Wood",
                "wx.shui": "Water",
                "wx.huo": "Fire",
                "wx.tu": "Earth",
                "wx.ri": "Sun",
                "wx.yue": "Moon",
                "n.zero": "0",
                "n.one": "1",
                "n.two": "2",
                "n.three": "3",
                "n.four": "4",
                "n.five": "5",
                "n.six": "6",
                "n.seven": "7",
                "n.eight": "8",
                "n.nine": "9",
                "n.ten": "10",
                "n.eleven": "11",
                "n.twelve": "12",
                "w.sun": "Sunday",
                "w.mon": "Monday",
                "w.tues": "Tuesday",
                "w.wed": "Wednesday",
                "w.thur": "Thursday",
                "w.fri": "Friday",
                "w.sat": "Saturday",
                "xz.aries": "Aries",
                "xz.taurus": "Taurus",
                "xz.gemini": "Gemini",
                "xz.cancer": "Cancer",
                "xz.leo": "Leo",
                "xz.virgo": "Virgo",
                "xz.libra": "Libra",
                "xz.scorpio": "Scorpio",
                "xz.sagittarius": "Sagittarius",
                "xz.capricornus": "Capricornus",
                "xz.aquarius": "Aquarius",
                "xz.pisces": "Pisces",
                "bg.qian": "Qian",
                "bg.kun": "Kun",
                "bg.zhen": "Zhen",
                "bg.xun": "Xun",
                "bg.kan": "Kan",
                "bg.li": "Li",
                "bg.gen": "Gen",
                "bg.dui": "Dui",
                "ps.center": "Center",
                "ps.dong": "East",
                "ps.nan": "South",
                "ps.xi": "West",
                "ps.bei": "North",
                "ps.zhong": "Center",
                "ps.zhengDong": "East",
                "ps.zhengNan": "South",
                "ps.zhengXi": "West",
                "ps.zhengBei": "North",
                "ps.dongBei": "Northeast",
                "ps.dongNan": "Southeast",
                "ps.xiBei": "Northwest",
                "ps.xiNan": "Southwest",
                "jq.dongZhi": "Winter Solstice",
                "jq.xiaoHan": "Lesser Cold",
                "jq.daHan": "Great Cold",
                "jq.liChun": "Spring Beginning",
                "jq.yuShui": "Rain Water",
                "jq.jingZhe": "Awakening from Hibernation",
                "jq.chunFen": "Spring Equinox",
                "jq.qingMing": "Fresh Green",
                "jq.guYu": "Grain Rain",
                "jq.liXia": "Beginning of Summer",
                "jq.xiaoMan": "Lesser Fullness",
                "jq.mangZhong": "Grain in Ear",
                "jq.xiaZhi": "Summer Solstice",
                "jq.xiaoShu": "Lesser Heat",
                "jq.daShu": "Greater Heat",
                "jq.liQiu": "Beginning of Autumn",
                "jq.chuShu": "End of Heat",
                "jq.baiLu": "White Dew",
                "jq.qiuFen": "Autumnal Equinox",
                "jq.hanLu": "Cold Dew",
                "jq.shuangJiang": "First Frost",
                "jq.liDong": "Beginning of Winter",
                "jq.xiaoXue": "Light Snow",
                "jq.daXue": "Heavy Snow",
                "sn.qingLong": "Azure Dragon",
                "sn.baiHu": "White Tiger",
                "sn.zhuQue": "Rosefinch",
                "sn.xuanWu": "Black Tortoise",
                "sn.tianEn": "Serene Grace",
                "sn.siShen": "Death",
                "sn.tianMa": "Pegasus",
                "sn.baLong": "Eight Dragon",
                "sn.jiuHu": "Nine Tiger",
                "sn.qiNiao": "Seven Bird",
                "sn.liuShe": "Six Snake",
                "s.none": "None",
                "s.goodLuck": "Good luck",
                "s.badLuck": "Bad luck",
                "s.yin": "Yin",
                "s.yang": "Yang",
                "s.white": "White",
                "s.black": "Black",
                "s.blue": "Blue",
                "s.green": "Green",
                "s.yellow": "Yellow",
                "s.red": "Red",
                "s.purple": "Purple",
                "jr.chuXi": "Chinese New Year's Eve",
                "jr.chunJie": "Luna New Year",
                "jr.yuanXiao": "Lantern Festival",
                "jr.duanWu": "Dragon Boat Festival",
                "jr.qiXi": "Begging Festival",
                "jr.zhongQiu": "Mid-Autumn Festival",
                "jr.laBa": "Laba Festival",
                "jr.yuanDan": "New Year's Day",
                "jr.qingRen": "Valentine's Day",
                "jr.fuNv": "Women's Day",
                "jr.xiaoFei": "Consumer Rights Day",
                "jr.zhiShu": "Arbor Day",
                "jr.wuYi": "International Worker's Day",
                "jr.erTong": "Children's Day",
                "jr.qingNian": "Youth Day",
                "jr.yuRen": "April Fools' Day",
                "jr.jianDang": "Party's Day",
                "jr.jianJun": "Army Day",
                "jr.jiaoShi": "Teachers' Day",
                "jr.guoQing": "National Day",
                "jr.wanShengYe": "All Saints' Eve",
                "jr.wanSheng": "All Saints' Day",
                "jr.pingAn": "Christmas Eve",
                "jr.shengDan": "Christmas Day",
                "ts.zhan": "At",
                "ts.hu": "Household",
                "ts.zao": "Cooker",
                "ts.dui": "Pestle",
                "ts.xi": "Habitat",
                "ts.win": "Window",
                "ts.fang": "Room",
                "ts.chuang": "Bed",
                "ts.lu": "Stove",
                "ts.mo": "Mill",
                "ts.chu": "Kitchen",
                "ts.ce": "Toilet",
                "ts.cang": "Depot",
                "ts.cangKu": "Depot",
                "ts.daMen": "Gate",
                "ts.men": "Door",
                "ts.tang": "Hall",
                "ly.xianSheng": "Win first",
                "ly.xianFu": "Lose first",
                "ly.youYin": "Friend's referral",
                "ly.foMie": "Buddhism's demise",
                "ly.daAn": "Great safety",
                "ly.chiKou": "Chikagoro",
                "yj.jiSi": "Sacrifice",
                "yj.qiFu": "Pray",
                "yj.qiuSi": "Seek heirs",
                "yj.kaiGuang": "Consecretion",
                "yj.suHui": "Paint sculptural",
                "yj.qiJiao": "Build altar",
                "yj.zhaiJiao": "Taoist rites",
                "yj.muYu": "Bathing",
                "yj.chouShen": "Reward gods",
                "yj.zaoMiao": "Build temple",
                "yj.siZhao": "Offer kitchen god",
                "yj.fenXiang": "Burn incense",
                "yj.xieTu": "Earth gratitude",
                "yj.chuHuo": "Expel the flame",
                "yj.diaoKe": "Carving",
                "yj.jiaQu": "Marriage",
                "yj.DingHun": "Engagement",
                "yj.naCai": "Proposing",
                "yj.wenMing": "Ask name",
                "yj.naXu": "Uxorilocal marriage",
                "yj.guiNing": "Visit parents",
                "yj.anChuang": "Bed placing",
                "yj.heZhang": "Make up accounts",
                "yj.guanJi": "Crowning adulthood",
                "yj.dingMeng": "Make alliance",
                "yj.jinRenKou": "Adopt",
                "yj.caiYi": "Dressmaking",
                "yj.wanMian": "Cosmeticsurgery",
                "yj.kaiRong": "Open face",
                "yj.xiuFen": "Grave repair",
                "yj.qiZuan": "Open coffin",
                "yj.poTu": "Break earth",
                "yj.anZang": "Burial",
                "yj.liBei": "Tombstone erecting",
                "yj.chengFu": "Formation of clothes",
                "yj.chuFu": "Mourning clothes removal",
                "yj.kaiShengFen": "Open grave",
                "yj.heShouMu": "Make coffin",
                "yj.ruLian": "Body placing",
                "yj.yiJiu": "Move coffin",
                "yj.puDu": "Save soul",
                "yj.ruZhai": "Enter house",
                "yj.anXiang": "Incenst placement",
                "yj.anMen": "Door placing",
                "yj.xiuZao": "Repair",
                "yj.qiJi": "Digging",
                "yj.dongTu": "Break ground",
                "yj.shangLiang": "Beam placing",
                "yj.shuZhu": "Erecting pillars",
                "yj.kaiJing": "Open pond and well",
                "yj.zuoBei": "Make pond and fill water",
                "yj.chaiXie": "Smash house",
                "yj.poWu": "Break house",
                "yj.huaiYuan": "Demolish",
                "yj.buYuan": "Mending",
                "yj.faMuZuoLiang": "Make beams",
                "yj.zuoZhao": "Make stove",
                "yj.jieChu": "Removal",
                "yj.kaiZhuYan": "Build beam",
                "yj.chuanPing": "Build door",
                "yj.gaiWuHeJi": "Cover house",
                "yj.kaiCe": "Open toilet",
                "yj.zaoCang": "Build depot",
                "yj.saiXue": "Block nest",
                "yj.pingZhi": "Repair roads",
                "yj.zaoQiao": "Build bridge",
                "yj.zuoCe": "Build toilet",
                "yj.zhuDi": "Fill",
                "yj.kaiChi": "Open pond",
                "yj.faMu": "Lumbering",
                "yj.kaiQu": "Canalization",
                "yj.jueJing": "Dig well",
                "yj.saoShe": "Sweep house",
                "yj.fangShui": "Drainage",
                "yj.zaoWu": "Build house",
                "yj.heJi": "Close ridge",
                "yj.zaoChuChou": "Livestock thickening",
                "yj.xiuMen": "Repair door",
                "yj.dingSang": "Fix stone",
                "yj.zuoLiang": "Beam construction",
                "yj.xiuShi": "Decorate wall",
                "yj.jiaMa": "Erect horse",
                "yj.kaiShi": "Opening",
                "yj.guaBian": "Hang plaque",
                "yj.naChai": "Accept wealth",
                "yj.qiuCai": "Seek wealth",
                "yj.kaiCang": "Open depot",
                "yj.maiChe": "Buy car",
                "yj.zhiChan": "Buy property",
                "yj.guYong": "Hire",
                "yj.chuHuoCai": "Delivery",
                "yj.anJiXie": "Build machine",
                "yj.zaoCheQi": "Build car",
                "yj.jingLuo": "Build loom",
                "yj.yunNiang": "Brew",
                "yj.zuoRan": "Dye",
                "yj.guZhu": "Cast",
                "yj.zaoChuan": "Build boat",
                "yj.geMi": "Harvest honey",
                "yj.zaiZhong": "Farming",
                "yj.quYu": "Fishing",
                "yj.jieWang": "Netting",
                "yj.muYang": "Graze",
                "yj.anDuiWei": "Build rub",
                "yj.xiYi": "Learn",
                "yj.ruXue": "Enter school",
                "yj.liFa": "Haircut",
                "yj.tanBing": "Visiting",
                "yj.jianGui": "Meet noble",
                "yj.chengChuan": "Ride boat",
                "yj.duShui": "Cross water",
                "yj.zhenJiu": "Acupuncture",
                "yj.chuXing": "Travel",
                "yj.yiXi": "Move",
                "yj.fenJu": "Live apart",
                "yj.TiTou": "Shave",
                "yj.zhengShou": "Manicure",
                "yj.naChu": "Feed livestock",
                "yj.buZhuo": "Catch",
                "yj.tianLie": "Hunt",
                "yj.jiaoNiuMa": "Train horse",
                "yj.huiQinYou": "Meet friends",
                "yj.fuRen": "Go post",
                "yj.qiuYi": "See doctor",
                "yj.zhiBing": "Treat",
                "yj.ciSong": "Litigation",
                "yj.qiJiDongTu": "Lay foundation",
                "yj.poWuHuaiYuan": "Demolish",
                "yj.gaiWu": "Build house",
                "yj.zaoCangKu": "Build depot",
                "yj.liQuanJiaoYi": "Covenant trade",
                "yj.jiaoYi": "Trade",
                "yj.liQuan": "Covenant",
                "yj.anJi": "Install machine",
                "yj.huiYou": "Meet friends",
                "yj.qiuYiLiaoBing": "Seek treatment",
                "yj.zhuShi": "Everything Sucks",
                "yj.yuShi": "Do nothing else",
                "yj.xingSang": "Funeral",
                "yj.duanYi": "Block ant hole",
                "yj.guiXiu": "Place beam",
                "xx.bi": "Finish",
                "xx.yi": "Wing",
                "xx.ji": "Sieve",
                "xx.kui": "Qui",
                "xx.gui": "Ghost",
                "xx.di": "Foundation",
                "xx.xu": "Virtual",
                "xx.wei": "Danger",
                "xx.zi": "Mouth",
                "xx.zhen": "Cross-bar",
                "xx.dou": "Fight",
                "xx.lou": "Weak",
                "xx.liu": "Willow",
                "xx.fang": "House",
                "xx.xin": "Heart",
                "xx.shi": "Room",
                "xx.can": "Join",
                "xx.jiao": "Horn",
                "xx.niu": "Ox",
                "xx.vei": "Stomach",
                "xx.xing": "Star",
                "xx.zhang": "Chang",
                "xx.tail": "Tail",
                "xx.qiang": "Wall",
                "xx.jing": "Well",
                "xx.kang": "Kang",
                "xx.nv": "Female",
                "xx.mao": "Mao",
                "sz.chun": "Spring",
                "sz.xia": "Summer",
                "sz.qiu": "Autumn",
                "sz.dong": "Winter",
                "yx.shuo": "New",
                "yx.eMeiXin": "New waxing",
                "yx.eMei": "Waxing",
                "yx.xi": "Evening",
                "yx.shangXian": "First quarter",
                "yx.jiuYe": "Nine night",
                "yx.night": "Night",
                "yx.jianYingTu": "Gibbous",
                "yx.xiaoWang": "Little full",
                "yx.wang": "Full",
                "yx.jianKuiTu": "Disseminating",
                "yx.xiaXian": "Third quarter",
                "yx.eMeiCan": "Waning waxing",
                "yx.can": "Waning",
                "yx.xiao": "Daybreak",
                "yx.hui": "Obscure",
                "ny.sangZhe": "Cudrania",
                "ny.baiLa": "Wax",
                "ny.yangLiu": "Willow",
                "ny.jinBo": "Foil",
                "ny.haiZhong": "Sea",
                "ny.daHai": "Ocean",
                "ny.shaZhong": "Sand",
                "ny.luZhong": "Stove",
                "ny.shanXia": "Piedmont",
                "ny.daLin": "Forest",
                "ny.pingDi": "Land",
                "ny.luPang": "Roadside",
                "ny.biShang": "Wall",
                "ny.jianFeng": "Blade",
                "ny.shanTou": "Hilltop",
                "ny.fuDeng": "Light",
                "ny.jianXia": "Valleyn",
                "ny.tianHe": "River",
                "ny.chengTou": "City",
                "ny.daYi": "Post",
                "ny.chaiChuan": "Ornaments",
                "ny.quanZhong": "Spring",
                "ny.daXi": "Stream",
                "ny.wuShang": "Roof",
                "ny.piLi": "Thunderbolt",
                "ny.tianShang": "Sky",
                "ny.songBo": "Coniferin",
                "ny.shiLiu": "Pomegranate",
                "ny.changLiu": "Flows"
              }
            };
            var _objs = {
              "LunarUtil": LunarUtil2,
              "SolarUtil": SolarUtil2,
              "TaoUtil": TaoUtil2,
              "FotoUtil": FotoUtil2,
              "NineStarUtil": NineStarUtil2
            };
            var _dictString = {
              "LunarUtil": {
                "TIAN_SHEN_TYPE": {},
                "TIAN_SHEN_TYPE_LUCK": {},
                "XIU_LUCK": {},
                "LU": {},
                "XIU": {},
                "SHA": {},
                "POSITION_DESC": {},
                "NAYIN": {},
                "WU_XING_GAN": {},
                "WU_XING_ZHI": {},
                "SHOU": {},
                "GONG": {},
                "FESTIVAL": {},
                "ZHENG": {},
                "ANIMAL": {},
                "SHI_SHEN": {},
                "XIU_SONG": {}
              },
              "SolarUtil": {
                "FESTIVAL": {}
              },
              "TaoUtil": {
                "BA_HUI": {},
                "BA_JIE": {}
              }
            };
            var _dictNumber = {
              "LunarUtil": {
                "ZHI_TIAN_SHEN_OFFSET": {},
                "CHANG_SHENG_OFFSET": {}
              }
            };
            var _dictArray = {
              "LunarUtil": {
                "ZHI_HIDE_GAN": {}
              }
            };
            var _arrays = {
              "LunarUtil": {
                "GAN": [],
                "ZHI": [],
                "JIA_ZI": [],
                "ZHI_XING": [],
                "XUN": [],
                "XUN_KONG": [],
                "CHONG": [],
                "CHONG_GAN": [],
                "CHONG_GAN_TIE": [],
                "HE_GAN_5": [],
                "HE_ZHI_6": [],
                "SHENGXIAO": [],
                "NUMBER": [],
                "POSITION_XI": [],
                "POSITION_YANG_GUI": [],
                "POSITION_YIN_GUI": [],
                "POSITION_FU": [],
                "POSITION_FU_2": [],
                "POSITION_CAI": [],
                "POSITION_TAI_SUI_YEAR": [],
                "POSITION_GAN": [],
                "POSITION_ZHI": [],
                "JIE_QI": [],
                "JIE_QI_IN_USE": [],
                "TIAN_SHEN": [],
                "SHEN_SHA": [],
                "PENGZU_GAN": [],
                "PENGZU_ZHI": [],
                "MONTH_ZHI": [],
                "CHANG_SHENG": [],
                "HOU": [],
                "WU_HOU": [],
                "POSITION_TAI_DAY": [],
                "POSITION_TAI_MONTH": [],
                "YI_JI": [],
                "LIU_YAO": [],
                "MONTH": [],
                "SEASON": [],
                "DAY": [],
                "YUE_XIANG": []
              },
              "SolarUtil": {
                "WEEK": [],
                "XINGZUO": []
              },
              "TaoUtil": {
                "AN_WU": []
              },
              "FotoUtil": {
                "XIU_27": []
              },
              "NineStarUtil": {
                "NUMBER": [],
                "WU_XING": [],
                "POSITION": [],
                "LUCK_XUAN_KONG": [],
                "YIN_YANG_QI_MEN": [],
                "COLOR": []
              }
            };
            var _updateArray = function(c2) {
              var v = _arrays[c2];
              var o = _objs[c2];
              for (var k in v) {
                var arr = v[k];
                for (var i = 0, j = arr.length; i < j; i++) {
                  o[k][i] = arr[i].replace(/{(.[^}]*)}/g, function($0, $1) {
                    return _getMessage($1);
                  });
                }
              }
            };
            var _updateStringDictionary = function(c2) {
              var v = _dictString[c2];
              var o = _objs[c2];
              for (var k in v) {
                var dict = v[k];
                for (var key in dict) {
                  var i = key.replace(/{(.[^}]*)}/g, function($0, $1) {
                    return _getMessage($1);
                  });
                  o[k][i] = dict[key].replace(/{(.[^}]*)}/g, function($0, $1) {
                    return _getMessage($1);
                  });
                }
              }
            };
            var _updateNumberDictionary = function(c2) {
              var v = _dictNumber[c2];
              var o = _objs[c2];
              for (var k in v) {
                var dict = v[k];
                for (var key in dict) {
                  var i = key.replace(/{(.[^}]*)}/g, function($0, $1) {
                    return _getMessage($1);
                  });
                  o[k][i] = dict[key];
                }
              }
            };
            var _updateArrayDictionary = function(c2) {
              var v = _dictArray[c2];
              var o = _objs[c2];
              for (var k in v) {
                var dict = v[k];
                for (var key in dict) {
                  var x = key.replace(/{(.[^}]*)}/g, function($0, $1) {
                    return _getMessage($1);
                  });
                  var arr = dict[key];
                  for (var i = 0, j = arr.length; i < j; i++) {
                    arr[i] = arr[i].replace(/{(.[^}]*)}/g, function($0, $1) {
                      return _getMessage($1);
                    });
                  }
                  o[k][x] = arr;
                }
              }
            };
            var _update = function() {
              var c2;
              for (c2 in _arrays) {
                _updateArray(c2);
              }
              for (c2 in _dictString) {
                _updateStringDictionary(c2);
              }
              for (c2 in _dictNumber) {
                _updateNumberDictionary(c2);
              }
              for (c2 in _dictArray) {
                _updateArrayDictionary(c2);
              }
            };
            var _setLanguage = function(lang) {
              if (_messages[lang]) {
                _lang = lang;
                _update();
              }
            };
            var _getLanguage = function() {
              return _lang;
            };
            var _setMessages = function(lang, messages2) {
              if (!messages2) {
                return;
              }
              if (!_messages[lang]) {
                _messages[lang] = {};
              }
              for (var key in messages2) {
                _messages[lang][key] = messages2[key];
              }
              _update();
            };
            var _getMessage = function(key) {
              var s = _messages[_lang][key];
              if (void 0 === s) {
                s = _messages[_defaultLang][key];
              }
              if (void 0 === s) {
                s = key;
              }
              return s;
            };
            var _initArray = function(c2) {
              var v = _arrays[c2];
              var o = _objs[c2];
              for (var k in v) {
                v[k].length = 0;
                var arr = o[k];
                for (var i = 0, j = arr.length; i < j; i++) {
                  v[k].push(arr[i]);
                }
              }
            };
            var _initDictionary = function(c2, type) {
              var v;
              switch (type) {
                case "string":
                  v = _dictString[c2];
                  break;
                case "number":
                  v = _dictNumber[c2];
                  break;
                case "array":
                  v = _dictArray[c2];
                  break;
              }
              var o = _objs[c2];
              for (var k in v) {
                var dict = o[k];
                for (var key in dict) {
                  v[k][key] = dict[key];
                }
              }
            };
            var _init = function() {
              if (_inited) {
                return;
              }
              _inited = true;
              var c2;
              for (c2 in _arrays) {
                _initArray(c2);
              }
              for (c2 in _dictString) {
                _initDictionary(c2, "string");
              }
              for (c2 in _dictNumber) {
                _initDictionary(c2, "number");
              }
              for (c2 in _dictArray) {
                _initDictionary(c2, "array");
              }
              _setLanguage(_defaultLang);
            };
            _init();
            return {
              getLanguage: function() {
                return _getLanguage();
              },
              setLanguage: function(lang) {
                _setLanguage(lang);
              },
              getMessage: function(key) {
                return _getMessage(key);
              },
              setMessages: function(lang, messages2) {
                _setMessages(lang, messages2);
              }
            };
          }();
          return {
            ShouXingUtil: ShouXingUtil2,
            SolarUtil: SolarUtil2,
            LunarUtil: LunarUtil2,
            FotoUtil: FotoUtil2,
            TaoUtil: TaoUtil2,
            NineStarUtil: NineStarUtil2,
            Solar: Solar2,
            Lunar: Lunar2,
            Foto: Foto2,
            Tao: Tao2,
            NineStar: NineStar2,
            EightChar: EightChar2,
            SolarWeek: SolarWeek2,
            SolarMonth: SolarMonth2,
            SolarSeason: SolarSeason2,
            SolarHalfYear: SolarHalfYear2,
            SolarYear: SolarYear2,
            LunarMonth: LunarMonth2,
            LunarYear: LunarYear2,
            LunarTime: LunarTime2,
            HolidayUtil: HolidayUtil2,
            I18n: I18n2
          };
        });
      })(lunar);
      var lunarExports = lunar.exports;
      const { Solar, Lunar, Foto, Tao, NineStar, EightChar, SolarWeek, SolarMonth, SolarSeason, SolarHalfYear, SolarYear, LunarMonth, LunarYear, LunarTime, ShouXingUtil, SolarUtil, LunarUtil, FotoUtil, TaoUtil, HolidayUtil, NineStarUtil, I18n } = lunarExports;
      var lunarJavascript = {
        Solar,
        Lunar,
        Foto,
        Tao,
        NineStar,
        EightChar,
        SolarWeek,
        SolarMonth,
        SolarSeason,
        SolarHalfYear,
        SolarYear,
        LunarMonth,
        LunarYear,
        LunarTime,
        ShouXingUtil,
        SolarUtil,
        LunarUtil,
        FotoUtil,
        TaoUtil,
        HolidayUtil,
        NineStarUtil,
        I18n
      };
      const _withScopeId = (n) => (vue.pushScopeId("data-v-cca88874"), n = n(), vue.popScopeId(), n);
      const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, null, -1));
      const _hoisted_2 = { key: 0 };
      const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("iframe", {
        style: { "height": "600px" },
        src: "https://passer-by.com/relationship/vue/#/"
      }, null, -1));
      const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("iframe", {
        style: { "height": "600px", "width": "450px" },
        src: "https://www.huilvbiao.com/gold"
      }, null, -1));
      const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("iframe", {
        style: { "height": "600px", "width": "450px" },
        src: "https://www.huilvbiao.com/youjia"
      }, null, -1));
      const _sfc_main = {
        __name: "App",
        setup(__props) {
          const active = vue.ref(false);
          const placement = vue.ref("right");
          const activate = (place) => {
            active.value = true;
            placement.value = place;
          };
          let yangli = vue.ref("");
          let yinli = vue.ref("");
          vue.onMounted(() => {
            console.log(lunarJavascript.Solar);
            const now2 = /* @__PURE__ */ new Date();
            const year = now2.getFullYear();
            const month = now2.getMonth() + 1;
            const date = now2.getDate();
            let solar = lunarJavascript.Solar.fromYmd(year, month, date);
            yangli = solar.toFullString().split(" ");
            yinli = solar.getLunar().toFullString().split(" ");
            console.log(solar.toFullString());
            console.log(solar.getLunar().toFullString());
          });
          return (_ctx, _cache) => {
            const _component_n_button = vue.resolveComponent("n-button");
            const _component_n_tab_pane = vue.resolveComponent("n-tab-pane");
            const _component_n_tabs = vue.resolveComponent("n-tabs");
            const _component_n_drawer_content = vue.resolveComponent("n-drawer-content");
            const _component_n_drawer = vue.resolveComponent("n-drawer");
            return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
              _hoisted_1,
              vue.createVNode(_component_n_button, {
                onClick: _cache[0] || (_cache[0] = ($event) => activate("right"))
              }, {
                default: vue.withCtx(() => [
                  vue.createTextVNode(" 打开侧边栏 ")
                ]),
                _: 1
              }),
              vue.createVNode(_component_n_drawer, {
                show: active.value,
                "onUpdate:show": _cache[1] || (_cache[1] = ($event) => active.value = $event),
                width: 502,
                placement: placement.value
              }, {
                default: vue.withCtx(() => [
                  vue.createVNode(_component_n_drawer_content, { title: "小工具合集" }, {
                    default: vue.withCtx(() => [
                      vue.createVNode(_component_n_tabs, {
                        type: "line",
                        animated: ""
                      }, {
                        default: vue.withCtx(() => [
                          vue.createVNode(_component_n_tab_pane, {
                            name: "wannianli",
                            tab: "万年历"
                          }, {
                            default: vue.withCtx(() => [
                              vue.createElementVNode("div", null, [
                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(yangli), (item) => {
                                  return vue.openBlock(), vue.createElementBlock("div", null, [
                                    item !== "00:00:00" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(item), 1)) : vue.createCommentVNode("", true)
                                  ]);
                                }), 256)),
                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(yinli), (item) => {
                                  return vue.openBlock(), vue.createElementBlock("div", null, vue.toDisplayString(item), 1);
                                }), 256))
                              ])
                            ]),
                            _: 1
                          }),
                          vue.createVNode(_component_n_tab_pane, {
                            name: "relationship",
                            tab: "亲戚计算器"
                          }, {
                            default: vue.withCtx(() => [
                              _hoisted_3
                            ]),
                            _: 1
                          }),
                          vue.createVNode(_component_n_tab_pane, {
                            name: "jinjia",
                            tab: "每日金价"
                          }, {
                            default: vue.withCtx(() => [
                              _hoisted_4
                            ]),
                            _: 1
                          }),
                          vue.createVNode(_component_n_tab_pane, {
                            name: "youjia",
                            tab: "每日油价"
                          }, {
                            default: vue.withCtx(() => [
                              _hoisted_5
                            ]),
                            _: 1
                          })
                        ]),
                        _: 1
                      })
                    ]),
                    _: 1
                  })
                ]),
                _: 1
              }, 8, ["show", "placement"])
            ], 64);
          };
        }
      };
      const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cca88874"]]);
      let onceCbs = [];
      const paramsMap = /* @__PURE__ */ new WeakMap();
      function flushOnceCallbacks() {
        onceCbs.forEach((cb) => cb(...paramsMap.get(cb)));
        onceCbs = [];
      }
      function beforeNextFrameOnce(cb, ...params) {
        paramsMap.set(cb, params);
        if (onceCbs.includes(cb))
          return;
        onceCbs.push(cb) === 1 && requestAnimationFrame(flushOnceCallbacks);
      }
      function getParentNode$1(node) {
        if (node.nodeType === 9) {
          return null;
        }
        return node.parentNode;
      }
      function getScrollParent$1(node) {
        if (node === null)
          return null;
        const parentNode = getParentNode$1(node);
        if (parentNode === null) {
          return null;
        }
        if (parentNode.nodeType === 9) {
          return document.documentElement;
        }
        if (parentNode.nodeType === 1) {
          const { overflow, overflowX, overflowY } = getComputedStyle(parentNode);
          if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
            return parentNode;
          }
        }
        return getScrollParent$1(parentNode);
      }
      function unwrapElement(target) {
        if (typeof target === "string")
          return document.querySelector(target);
        if (typeof target === "function")
          return target();
        return target;
      }
      function happensIn(e, dataSetPropName) {
        let { target } = e;
        while (target) {
          if (target.dataset) {
            if (target.dataset[dataSetPropName] !== void 0)
              return true;
          }
          target = target.parentElement;
        }
        return false;
      }
      function getPreciseEventTarget(event) {
        return event.composedPath()[0] || null;
      }
      function parseResponsiveProp(reponsiveProp) {
        if (typeof reponsiveProp === "number") {
          return {
            "": reponsiveProp.toString()
          };
        }
        const params = {};
        reponsiveProp.split(/ +/).forEach((pairLiteral) => {
          if (pairLiteral === "")
            return;
          const [prefix2, value] = pairLiteral.split(":");
          if (value === void 0) {
            params[""] = prefix2;
          } else {
            params[prefix2] = value;
          }
        });
        return params;
      }
      function parseResponsivePropValue(reponsiveProp, activeKeyOrSize) {
        var _a;
        if (reponsiveProp === void 0 || reponsiveProp === null)
          return void 0;
        const classObj = parseResponsiveProp(reponsiveProp);
        if (activeKeyOrSize === void 0)
          return classObj[""];
        if (typeof activeKeyOrSize === "string") {
          return (_a = classObj[activeKeyOrSize]) !== null && _a !== void 0 ? _a : classObj[""];
        } else if (Array.isArray(activeKeyOrSize)) {
          for (let i = activeKeyOrSize.length - 1; i >= 0; --i) {
            const key = activeKeyOrSize[i];
            if (key in classObj)
              return classObj[key];
          }
          return classObj[""];
        } else {
          let activeValue = void 0;
          let activeKey = -1;
          Object.keys(classObj).forEach((key) => {
            const keyAsNum = Number(key);
            if (!Number.isNaN(keyAsNum) && activeKeyOrSize >= keyAsNum && keyAsNum >= activeKey) {
              activeKey = keyAsNum;
              activeValue = classObj[key];
            }
          });
          return activeValue;
        }
      }
      function depx(value) {
        if (typeof value === "string") {
          if (value.endsWith("px")) {
            return Number(value.slice(0, value.length - 2));
          }
          return Number(value);
        }
        return value;
      }
      function pxfy(value) {
        if (value === void 0 || value === null)
          return void 0;
        if (typeof value === "number")
          return `${value}px`;
        if (value.endsWith("px"))
          return value;
        return `${value}px`;
      }
      function getMargin(value, position) {
        const parts = value.trim().split(/\s+/g);
        const margin = {
          top: parts[0]
        };
        switch (parts.length) {
          case 1:
            margin.right = parts[0];
            margin.bottom = parts[0];
            margin.left = parts[0];
            break;
          case 2:
            margin.right = parts[1];
            margin.left = parts[1];
            margin.bottom = parts[0];
            break;
          case 3:
            margin.right = parts[1];
            margin.bottom = parts[2];
            margin.left = parts[1];
            break;
          case 4:
            margin.right = parts[1];
            margin.bottom = parts[2];
            margin.left = parts[3];
            break;
          default:
            throw new Error("[seemly/getMargin]:" + value + " is not a valid value.");
        }
        if (position === void 0)
          return margin;
        return margin[position];
      }
      function getGap(value, orient) {
        const [rowGap, colGap] = value.split(" ");
        return {
          row: rowGap,
          col: colGap || rowGap
        };
      }
      const colors = {
        black: "#000",
        silver: "#C0C0C0",
        gray: "#808080",
        white: "#FFF",
        maroon: "#800000",
        red: "#F00",
        purple: "#800080",
        fuchsia: "#F0F",
        green: "#008000",
        lime: "#0F0",
        olive: "#808000",
        yellow: "#FF0",
        navy: "#000080",
        blue: "#00F",
        teal: "#008080",
        aqua: "#0FF",
        transparent: "#0000"
      };
      function hsl2hsv(h2, s, l) {
        s /= 100;
        l /= 100;
        const v = s * Math.min(l, 1 - l) + l;
        return [h2, v ? (2 - 2 * l / v) * 100 : 0, v * 100];
      }
      function hsv2hsl(h2, s, v) {
        s /= 100;
        v /= 100;
        const l = v - v * s / 2;
        const m = Math.min(l, 1 - l);
        return [h2, m ? (v - l) / m * 100 : 0, l * 100];
      }
      function hsv2rgb(h2, s, v) {
        s /= 100;
        v /= 100;
        let f = (n, k = (n + h2 / 60) % 6) => v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
        return [f(5) * 255, f(3) * 255, f(1) * 255];
      }
      function rgb2hsv(r, g, b) {
        r /= 255;
        g /= 255;
        b /= 255;
        let v = Math.max(r, g, b), c2 = v - Math.min(r, g, b);
        let h2 = c2 && (v == r ? (g - b) / c2 : v == g ? 2 + (b - r) / c2 : 4 + (r - g) / c2);
        return [60 * (h2 < 0 ? h2 + 6 : h2), v && c2 / v * 100, v * 100];
      }
      function rgb2hsl(r, g, b) {
        r /= 255;
        g /= 255;
        b /= 255;
        let v = Math.max(r, g, b), c2 = v - Math.min(r, g, b), f = 1 - Math.abs(v + v - c2 - 1);
        let h2 = c2 && (v == r ? (g - b) / c2 : v == g ? 2 + (b - r) / c2 : 4 + (r - g) / c2);
        return [60 * (h2 < 0 ? h2 + 6 : h2), f ? c2 / f * 100 : 0, (v + v - c2) * 50];
      }
      function hsl2rgb(h2, s, l) {
        s /= 100;
        l /= 100;
        let a2 = s * Math.min(l, 1 - l);
        let f = (n, k = (n + h2 / 30) % 12) => l - a2 * Math.max(Math.min(k - 3, 9 - k, 1), -1);
        return [f(0) * 255, f(8) * 255, f(4) * 255];
      }
      const prefix$1 = "^\\s*";
      const suffix = "\\s*$";
      const percent = "\\s*((\\.\\d+)|(\\d+(\\.\\d*)?))%\\s*";
      const float = "\\s*((\\.\\d+)|(\\d+(\\.\\d*)?))\\s*";
      const hex = "([0-9A-Fa-f])";
      const dhex = "([0-9A-Fa-f]{2})";
      const hslRegex = new RegExp(`${prefix$1}hsl\\s*\\(${float},${percent},${percent}\\)${suffix}`);
      const hsvRegex = new RegExp(`${prefix$1}hsv\\s*\\(${float},${percent},${percent}\\)${suffix}`);
      const hslaRegex = new RegExp(`${prefix$1}hsla\\s*\\(${float},${percent},${percent},${float}\\)${suffix}`);
      const hsvaRegex = new RegExp(`${prefix$1}hsva\\s*\\(${float},${percent},${percent},${float}\\)${suffix}`);
      const rgbRegex = new RegExp(`${prefix$1}rgb\\s*\\(${float},${float},${float}\\)${suffix}`);
      const rgbaRegex = new RegExp(`${prefix$1}rgba\\s*\\(${float},${float},${float},${float}\\)${suffix}`);
      const sHexRegex = new RegExp(`${prefix$1}#${hex}${hex}${hex}${suffix}`);
      const hexRegex = new RegExp(`${prefix$1}#${dhex}${dhex}${dhex}${suffix}`);
      const sHexaRegex = new RegExp(`${prefix$1}#${hex}${hex}${hex}${hex}${suffix}`);
      const hexaRegex = new RegExp(`${prefix$1}#${dhex}${dhex}${dhex}${dhex}${suffix}`);
      function parseHex(value) {
        return parseInt(value, 16);
      }
      function hsla(color) {
        try {
          let i;
          if (i = hslaRegex.exec(color)) {
            return [
              roundDeg(i[1]),
              roundPercent(i[5]),
              roundPercent(i[9]),
              roundAlpha(i[13])
            ];
          } else if (i = hslRegex.exec(color)) {
            return [roundDeg(i[1]), roundPercent(i[5]), roundPercent(i[9]), 1];
          }
          throw new Error(`[seemly/hsla]: Invalid color value ${color}.`);
        } catch (e) {
          throw e;
        }
      }
      function hsva(color) {
        try {
          let i;
          if (i = hsvaRegex.exec(color)) {
            return [
              roundDeg(i[1]),
              roundPercent(i[5]),
              roundPercent(i[9]),
              roundAlpha(i[13])
            ];
          } else if (i = hsvRegex.exec(color)) {
            return [roundDeg(i[1]), roundPercent(i[5]), roundPercent(i[9]), 1];
          }
          throw new Error(`[seemly/hsva]: Invalid color value ${color}.`);
        } catch (e) {
          throw e;
        }
      }
      function rgba(color) {
        try {
          let i;
          if (i = hexRegex.exec(color)) {
            return [parseHex(i[1]), parseHex(i[2]), parseHex(i[3]), 1];
          } else if (i = rgbRegex.exec(color)) {
            return [roundChannel(i[1]), roundChannel(i[5]), roundChannel(i[9]), 1];
          } else if (i = rgbaRegex.exec(color)) {
            return [
              roundChannel(i[1]),
              roundChannel(i[5]),
              roundChannel(i[9]),
              roundAlpha(i[13])
            ];
          } else if (i = sHexRegex.exec(color)) {
            return [
              parseHex(i[1] + i[1]),
              parseHex(i[2] + i[2]),
              parseHex(i[3] + i[3]),
              1
            ];
          } else if (i = hexaRegex.exec(color)) {
            return [
              parseHex(i[1]),
              parseHex(i[2]),
              parseHex(i[3]),
              roundAlpha(parseHex(i[4]) / 255)
            ];
          } else if (i = sHexaRegex.exec(color)) {
            return [
              parseHex(i[1] + i[1]),
              parseHex(i[2] + i[2]),
              parseHex(i[3] + i[3]),
              roundAlpha(parseHex(i[4] + i[4]) / 255)
            ];
          } else if (color in colors) {
            return rgba(colors[color]);
          }
          throw new Error(`[seemly/rgba]: Invalid color value ${color}.`);
        } catch (e) {
          throw e;
        }
      }
      function normalizeAlpha$1(alphaValue) {
        return alphaValue > 1 ? 1 : alphaValue < 0 ? 0 : alphaValue;
      }
      function stringifyRgb(r, g, b) {
        return `rgb(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)})`;
      }
      function stringifyRgba(r, g, b, a2) {
        return `rgba(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)}, ${normalizeAlpha$1(a2)})`;
      }
      function compositeChannel(v1, a1, v2, a2, a3) {
        return roundChannel((v1 * a1 * (1 - a2) + v2 * a2) / a3);
      }
      function composite(background, overlay2) {
        if (!Array.isArray(background))
          background = rgba(background);
        if (!Array.isArray(overlay2))
          overlay2 = rgba(overlay2);
        const a1 = background[3];
        const a2 = overlay2[3];
        const alpha = roundAlpha(a1 + a2 - a1 * a2);
        return stringifyRgba(compositeChannel(background[0], a1, overlay2[0], a2, alpha), compositeChannel(background[1], a1, overlay2[1], a2, alpha), compositeChannel(background[2], a1, overlay2[2], a2, alpha), alpha);
      }
      function changeColor(base2, options) {
        const [r, g, b, a2 = 1] = Array.isArray(base2) ? base2 : rgba(base2);
        if (options.alpha) {
          return stringifyRgba(r, g, b, options.alpha);
        }
        return stringifyRgba(r, g, b, a2);
      }
      function scaleColor(base2, options) {
        const [r, g, b, a2 = 1] = Array.isArray(base2) ? base2 : rgba(base2);
        const { lightness = 1, alpha = 1 } = options;
        return toRgbaString([r * lightness, g * lightness, b * lightness, a2 * alpha]);
      }
      function roundAlpha(value) {
        const v = Math.round(Number(value) * 100) / 100;
        if (v > 1)
          return 1;
        if (v < 0)
          return 0;
        return v;
      }
      function roundDeg(value) {
        const v = Math.round(Number(value));
        if (v >= 360)
          return 0;
        if (v < 0)
          return 0;
        return v;
      }
      function roundChannel(value) {
        const v = Math.round(Number(value));
        if (v > 255)
          return 255;
        if (v < 0)
          return 0;
        return v;
      }
      function roundPercent(value) {
        const v = Math.round(Number(value));
        if (v > 100)
          return 100;
        if (v < 0)
          return 0;
        return v;
      }
      function toRgbString(base2) {
        const [r, g, b] = Array.isArray(base2) ? base2 : rgba(base2);
        return stringifyRgb(r, g, b);
      }
      function toRgbaString(base2) {
        const [r, g, b] = base2;
        if (3 in base2) {
          return `rgba(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)}, ${roundAlpha(base2[3])})`;
        }
        return `rgba(${roundChannel(r)}, ${roundChannel(g)}, ${roundChannel(b)}, 1)`;
      }
      function toHsvString(base2) {
        return `hsv(${roundDeg(base2[0])}, ${roundPercent(base2[1])}%, ${roundPercent(base2[2])}%)`;
      }
      function toHsvaString(base2) {
        const [h2, s, v] = base2;
        if (3 in base2) {
          return `hsva(${roundDeg(h2)}, ${roundPercent(s)}%, ${roundPercent(v)}%, ${roundAlpha(base2[3])})`;
        }
        return `hsva(${roundDeg(h2)}, ${roundPercent(s)}%, ${roundPercent(v)}%, 1)`;
      }
      function toHslString(base2) {
        return `hsl(${roundDeg(base2[0])}, ${roundPercent(base2[1])}%, ${roundPercent(base2[2])}%)`;
      }
      function toHslaString(base2) {
        const [h2, s, l] = base2;
        if (3 in base2) {
          return `hsla(${roundDeg(h2)}, ${roundPercent(s)}%, ${roundPercent(l)}%, ${roundAlpha(base2[3])})`;
        }
        return `hsla(${roundDeg(h2)}, ${roundPercent(s)}%, ${roundPercent(l)}%, 1)`;
      }
      function toHexaString(base2) {
        if (typeof base2 === "string") {
          let i;
          if (i = hexRegex.exec(base2)) {
            return `${i[0]}FF`;
          } else if (i = hexaRegex.exec(base2)) {
            return i[0];
          } else if (i = sHexRegex.exec(base2)) {
            return `#${i[1]}${i[1]}${i[2]}${i[2]}${i[3]}${i[3]}FF`;
          } else if (i = sHexaRegex.exec(base2)) {
            return `#${i[1]}${i[1]}${i[2]}${i[2]}${i[3]}${i[3]}${i[4]}${i[4]}`;
          }
          throw new Error(`[seemly/toHexString]: Invalid hex value ${base2}.`);
        }
        const hex2 = `#${base2.slice(0, 3).map((unit) => roundChannel(unit).toString(16).toUpperCase().padStart(2, "0")).join("")}`;
        const a2 = base2.length === 3 ? "FF" : roundChannel(base2[3] * 255).toString(16).padStart(2, "0").toUpperCase();
        return hex2 + a2;
      }
      function toHexString(base2) {
        if (typeof base2 === "string") {
          let i;
          if (i = hexRegex.exec(base2)) {
            return i[0];
          } else if (i = hexaRegex.exec(base2)) {
            return i[0].slice(0, 7);
          } else if (i = sHexRegex.exec(base2) || sHexaRegex.exec(base2)) {
            return `#${i[1]}${i[1]}${i[2]}${i[2]}${i[3]}${i[3]}`;
          }
          throw new Error(`[seemly/toHexString]: Invalid hex value ${base2}.`);
        }
        return `#${base2.slice(0, 3).map((unit) => roundChannel(unit).toString(16).toUpperCase().padStart(2, "0")).join("")}`;
      }
      function createId(length = 8) {
        return Math.random().toString(16).slice(2, 2 + length);
      }
      function repeat(count, v) {
        const ret = [];
        for (let i = 0; i < count; ++i) {
          ret.push(v);
        }
        return ret;
      }
      function indexMap(count, createValue) {
        const ret = [];
        if (!createValue) {
          for (let i = 0; i < count; ++i) {
            ret.push(i);
          }
          return ret;
        }
        for (let i = 0; i < count; ++i) {
          ret.push(createValue(i));
        }
        return ret;
      }
      function getSlot$1(instance, slotName = "default", fallback = []) {
        const slots = instance.$slots;
        const slot = slots[slotName];
        if (slot === void 0)
          return fallback;
        return slot();
      }
      function getVNodeChildren(vNode, slotName = "default", fallback = []) {
        const {
          children
        } = vNode;
        if (children !== null && typeof children === "object" && !Array.isArray(children)) {
          const slot = children[slotName];
          if (typeof slot === "function") {
            return slot();
          }
        }
        return fallback;
      }
      function keep(object, keys2 = [], rest) {
        const keepedObject = {};
        keys2.forEach((key) => {
          keepedObject[key] = object[key];
        });
        return Object.assign(keepedObject, rest);
      }
      function omit(object, keys2 = [], rest) {
        const omitedObject = {};
        const originalKeys = Object.getOwnPropertyNames(object);
        originalKeys.forEach((originalKey) => {
          if (!keys2.includes(originalKey)) {
            omitedObject[originalKey] = object[originalKey];
          }
        });
        return Object.assign(omitedObject, rest);
      }
      function flatten$3(vNodes, filterCommentNode = true, result = []) {
        vNodes.forEach((vNode) => {
          if (vNode === null)
            return;
          if (typeof vNode !== "object") {
            if (typeof vNode === "string" || typeof vNode === "number") {
              result.push(vue.createTextVNode(String(vNode)));
            }
            return;
          }
          if (Array.isArray(vNode)) {
            flatten$3(vNode, filterCommentNode, result);
            return;
          }
          if (vNode.type === vue.Fragment) {
            if (vNode.children === null)
              return;
            if (Array.isArray(vNode.children)) {
              flatten$3(vNode.children, filterCommentNode, result);
            }
          } else {
            if (vNode.type === vue.Comment && filterCommentNode)
              return;
            result.push(vNode);
          }
        });
        return result;
      }
      function call(funcs, ...args) {
        if (Array.isArray(funcs)) {
          funcs.forEach((func) => call(func, ...args));
        } else
          return funcs(...args);
      }
      function keysOf(obj) {
        return Object.keys(obj);
      }
      const render$1 = (r, ...args) => {
        if (typeof r === "function") {
          return r(...args);
        } else if (typeof r === "string") {
          return vue.createTextVNode(r);
        } else if (typeof r === "number") {
          return vue.createTextVNode(String(r));
        } else {
          return null;
        }
      };
      const warnedMessages = /* @__PURE__ */ new Set();
      function warnOnce(location, message) {
        const mergedMessage = `[naive/${location}]: ${message}`;
        if (warnedMessages.has(mergedMessage))
          return;
        warnedMessages.add(mergedMessage);
        console.error(mergedMessage);
      }
      function warn$2(location, message) {
        console.error(`[naive/${location}]: ${message}`);
      }
      function throwError(location, message) {
        throw new Error(`[naive/${location}]: ${message}`);
      }
      function smallerSize(size2) {
        switch (size2) {
          case "tiny":
            return "mini";
          case "small":
            return "tiny";
          case "medium":
            return "small";
          case "large":
            return "medium";
          case "huge":
            return "large";
        }
        throw Error(`${size2} has no smaller size.`);
      }
      function getTitleAttribute(value) {
        switch (typeof value) {
          case "string":
            return value || void 0;
          case "number":
            return String(value);
          default:
            return void 0;
        }
      }
      function getFirstSlotVNode(slots, slotName = "default", props = void 0) {
        const slot = slots[slotName];
        if (!slot) {
          warn$2("getFirstSlotVNode", `slot[${slotName}] is empty`);
          return null;
        }
        const slotContent = flatten$3(slot(props));
        if (slotContent.length === 1) {
          return slotContent[0];
        } else {
          warn$2("getFirstSlotVNode", `slot[${slotName}] should have exactly one child`);
          return null;
        }
      }
      function createDataKey(key) {
        return typeof key === "string" ? `s-${key}` : `n-${key}`;
      }
      function createRefSetter(ref2) {
        return (inst) => {
          if (inst) {
            ref2.value = inst.$el;
          } else {
            ref2.value = null;
          }
        };
      }
      function createInjectionKey(key) {
        return key;
      }
      function ensureValidVNode(vnodes) {
        return vnodes.some((child) => {
          if (!vue.isVNode(child)) {
            return true;
          }
          if (child.type === vue.Comment) {
            return false;
          }
          if (child.type === vue.Fragment && !ensureValidVNode(child.children)) {
            return false;
          }
          return true;
        }) ? vnodes : null;
      }
      function resolveSlot(slot, fallback) {
        return slot && ensureValidVNode(slot()) || fallback();
      }
      function resolveSlotWithProps(slot, props, fallback) {
        return slot && ensureValidVNode(slot(props)) || fallback(props);
      }
      function resolveWrappedSlot(slot, wrapper) {
        const children = slot && ensureValidVNode(slot());
        return wrapper(children || null);
      }
      function resolveWrappedSlotWithProps(slot, props, wrapper) {
        const children = slot && ensureValidVNode(slot(props));
        return wrapper(children || null);
      }
      function isSlotEmpty(slot) {
        return !(slot && ensureValidVNode(slot()));
      }
      function mergeEventHandlers(handlers) {
        const filteredHandlers = handlers.filter((handler) => handler !== void 0);
        if (filteredHandlers.length === 0)
          return void 0;
        if (filteredHandlers.length === 1)
          return filteredHandlers[0];
        return (e) => {
          handlers.forEach((handler) => {
            if (handler) {
              handler(e);
            }
          });
        };
      }
      function isNodeVShowFalse(vNode) {
        var _a;
        const showDir = (_a = vNode.dirs) === null || _a === void 0 ? void 0 : _a.find(({
          dir
        }) => dir === vue.vShow);
        return !!(showDir && showDir.value === false);
      }
      const Wrapper = vue.defineComponent({
        render() {
          var _a, _b;
          return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
        }
      });
      const pureNumberRegex = /^(\d|\.)+$/;
      const numberRegex = /(\d|\.)+/;
      function formatLength(length, {
        c: c2 = 1,
        offset = 0,
        attachPx = true
      } = {}) {
        if (typeof length === "number") {
          const result = (length + offset) * c2;
          if (result === 0)
            return "0";
          return `${result}px`;
        } else if (typeof length === "string") {
          if (pureNumberRegex.test(length)) {
            const result = (Number(length) + offset) * c2;
            if (attachPx) {
              if (result === 0)
                return "0";
              return `${result}px`;
            } else {
              return `${result}`;
            }
          } else {
            const result = numberRegex.exec(length);
            if (!result)
              return length;
            return length.replace(numberRegex, String((Number(result[0]) + offset) * c2));
          }
        }
        return length;
      }
      function color2Class(color) {
        return color.replace(/#|\(|\)|,|\s|\./g, "_");
      }
      function rtlInset(inset) {
        const {
          left,
          right,
          top,
          bottom
        } = getMargin(inset);
        return `${top} ${right} ${bottom} ${left}`;
      }
      function ampCount(selector) {
        let cnt = 0;
        for (let i = 0; i < selector.length; ++i) {
          if (selector[i] === "&")
            ++cnt;
        }
        return cnt;
      }
      const separatorRegex = /\s*,(?![^(]*\))\s*/g;
      const extraSpaceRegex = /\s+/g;
      function resolveSelectorWithAmp(amp, selector) {
        const nextAmp = [];
        selector.split(separatorRegex).forEach((partialSelector) => {
          let round2 = ampCount(partialSelector);
          if (!round2) {
            amp.forEach((partialAmp) => {
              nextAmp.push(
                // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
                (partialAmp && partialAmp + " ") + partialSelector
              );
            });
            return;
          } else if (round2 === 1) {
            amp.forEach((partialAmp) => {
              nextAmp.push(partialSelector.replace("&", partialAmp));
            });
            return;
          }
          let partialNextAmp = [
            partialSelector
          ];
          while (round2--) {
            const nextPartialNextAmp = [];
            partialNextAmp.forEach((selectorItr) => {
              amp.forEach((partialAmp) => {
                nextPartialNextAmp.push(selectorItr.replace("&", partialAmp));
              });
            });
            partialNextAmp = nextPartialNextAmp;
          }
          partialNextAmp.forEach((part) => nextAmp.push(part));
        });
        return nextAmp;
      }
      function resolveSelector(amp, selector) {
        const nextAmp = [];
        selector.split(separatorRegex).forEach((partialSelector) => {
          amp.forEach((partialAmp) => {
            nextAmp.push((partialAmp && partialAmp + " ") + partialSelector);
          });
        });
        return nextAmp;
      }
      function parseSelectorPath(selectorPaths) {
        let amp = [""];
        selectorPaths.forEach((selector) => {
          selector = selector && selector.trim();
          if (
            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
            !selector
          ) {
            return;
          }
          if (selector.includes("&")) {
            amp = resolveSelectorWithAmp(amp, selector);
          } else {
            amp = resolveSelector(amp, selector);
          }
        });
        return amp.join(", ").replace(extraSpaceRegex, " ");
      }
      function removeElement(el) {
        if (!el)
          return;
        const parentElement = el.parentElement;
        if (parentElement)
          parentElement.removeChild(el);
      }
      function queryElement(id, parent) {
        return (parent !== null && parent !== void 0 ? parent : document.head).querySelector(`style[cssr-id="${id}"]`);
      }
      function createElement(id) {
        const el = document.createElement("style");
        el.setAttribute("cssr-id", id);
        return el;
      }
      function isMediaOrSupports(selector) {
        if (!selector)
          return false;
        return /^\s*@(s|m)/.test(selector);
      }
      const kebabRegex = /[A-Z]/g;
      function kebabCase$1(pattern) {
        return pattern.replace(kebabRegex, (match2) => "-" + match2.toLowerCase());
      }
      function unwrapProperty(prop, indent = "  ") {
        if (typeof prop === "object" && prop !== null) {
          return " {\n" + Object.entries(prop).map((v) => {
            return indent + `  ${kebabCase$1(v[0])}: ${v[1]};`;
          }).join("\n") + "\n" + indent + "}";
        }
        return `: ${prop};`;
      }
      function unwrapProperties(props, instance, params) {
        if (typeof props === "function") {
          return props({
            context: instance.context,
            props: params
          });
        }
        return props;
      }
      function createStyle(selector, props, instance, params) {
        if (!props)
          return "";
        const unwrappedProps = unwrapProperties(props, instance, params);
        if (!unwrappedProps)
          return "";
        if (typeof unwrappedProps === "string") {
          return `${selector} {
${unwrappedProps}
}`;
        }
        const propertyNames = Object.keys(unwrappedProps);
        if (propertyNames.length === 0) {
          if (instance.config.keepEmptyBlock)
            return selector + " {\n}";
          return "";
        }
        const statements = selector ? [
          selector + " {"
        ] : [];
        propertyNames.forEach((propertyName) => {
          const property2 = unwrappedProps[propertyName];
          if (propertyName === "raw") {
            statements.push("\n" + property2 + "\n");
            return;
          }
          propertyName = kebabCase$1(propertyName);
          if (property2 !== null && property2 !== void 0) {
            statements.push(`  ${propertyName}${unwrapProperty(property2)}`);
          }
        });
        if (selector) {
          statements.push("}");
        }
        return statements.join("\n");
      }
      function loopCNodeListWithCallback(children, options, callback) {
        if (!children)
          return;
        children.forEach((child) => {
          if (Array.isArray(child)) {
            loopCNodeListWithCallback(child, options, callback);
          } else if (typeof child === "function") {
            const grandChildren = child(options);
            if (Array.isArray(grandChildren)) {
              loopCNodeListWithCallback(grandChildren, options, callback);
            } else if (grandChildren) {
              callback(grandChildren);
            }
          } else if (child) {
            callback(child);
          }
        });
      }
      function traverseCNode(node, selectorPaths, styles2, instance, params) {
        const $ = node.$;
        let blockSelector = "";
        if (!$ || typeof $ === "string") {
          if (isMediaOrSupports($)) {
            blockSelector = $;
          } else {
            selectorPaths.push($);
          }
        } else if (typeof $ === "function") {
          const selector2 = $({
            context: instance.context,
            props: params
          });
          if (isMediaOrSupports(selector2)) {
            blockSelector = selector2;
          } else {
            selectorPaths.push(selector2);
          }
        } else {
          if ($.before)
            $.before(instance.context);
          if (!$.$ || typeof $.$ === "string") {
            if (isMediaOrSupports($.$)) {
              blockSelector = $.$;
            } else {
              selectorPaths.push($.$);
            }
          } else if ($.$) {
            const selector2 = $.$({
              context: instance.context,
              props: params
            });
            if (isMediaOrSupports(selector2)) {
              blockSelector = selector2;
            } else {
              selectorPaths.push(selector2);
            }
          }
        }
        const selector = parseSelectorPath(selectorPaths);
        const style2 = createStyle(selector, node.props, instance, params);
        if (blockSelector) {
          styles2.push(`${blockSelector} {`);
        } else if (style2.length) {
          styles2.push(style2);
        }
        if (node.children) {
          loopCNodeListWithCallback(node.children, {
            context: instance.context,
            props: params
          }, (childNode) => {
            if (typeof childNode === "string") {
              const style3 = createStyle(selector, { raw: childNode }, instance, params);
              styles2.push(style3);
            } else {
              traverseCNode(childNode, selectorPaths, styles2, instance, params);
            }
          });
        }
        selectorPaths.pop();
        if (blockSelector) {
          styles2.push("}");
        }
        if ($ && $.after)
          $.after(instance.context);
      }
      function render(node, instance, props) {
        const styles2 = [];
        traverseCNode(node, [], styles2, instance, props);
        return styles2.join("\n\n");
      }
      function murmur2(str) {
        var h2 = 0;
        var k, i = 0, len2 = str.length;
        for (; len2 >= 4; ++i, len2 -= 4) {
          k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
          k = /* Math.imul(k, m): */
          (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
          k ^= /* k >>> r: */
          k >>> 24;
          h2 = /* Math.imul(k, m): */
          (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
          (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16);
        }
        switch (len2) {
          case 3:
            h2 ^= (str.charCodeAt(i + 2) & 255) << 16;
          case 2:
            h2 ^= (str.charCodeAt(i + 1) & 255) << 8;
          case 1:
            h2 ^= str.charCodeAt(i) & 255;
            h2 = /* Math.imul(h, m): */
            (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16);
        }
        h2 ^= h2 >>> 13;
        h2 = /* Math.imul(h, m): */
        (h2 & 65535) * 1540483477 + ((h2 >>> 16) * 59797 << 16);
        return ((h2 ^ h2 >>> 15) >>> 0).toString(36);
      }
      if (typeof window !== "undefined") {
        window.__cssrContext = {};
      }
      function unmount(instance, node, id, parent) {
        const { els } = node;
        if (id === void 0) {
          els.forEach(removeElement);
          node.els = [];
        } else {
          const target = queryElement(id, parent);
          if (target && els.includes(target)) {
            removeElement(target);
            node.els = els.filter((el) => el !== target);
          }
        }
      }
      function addElementToList(els, target) {
        els.push(target);
      }
      function mount(instance, node, id, props, head, force, anchorMetaName, parent, ssrAdapter2) {
        let style2;
        if (id === void 0) {
          style2 = node.render(props);
          id = murmur2(style2);
        }
        if (ssrAdapter2) {
          ssrAdapter2.adapter(id, style2 !== null && style2 !== void 0 ? style2 : node.render(props));
          return;
        }
        if (parent === void 0) {
          parent = document.head;
        }
        const queriedTarget = queryElement(id, parent);
        if (queriedTarget !== null && !force) {
          return queriedTarget;
        }
        const target = queriedTarget !== null && queriedTarget !== void 0 ? queriedTarget : createElement(id);
        if (style2 === void 0)
          style2 = node.render(props);
        target.textContent = style2;
        if (queriedTarget !== null)
          return queriedTarget;
        if (anchorMetaName) {
          const anchorMetaEl = parent.querySelector(`meta[name="${anchorMetaName}"]`);
          if (anchorMetaEl) {
            parent.insertBefore(target, anchorMetaEl);
            addElementToList(node.els, target);
            return target;
          }
        }
        if (head) {
          parent.insertBefore(target, parent.querySelector("style, link"));
        } else {
          parent.appendChild(target);
        }
        addElementToList(node.els, target);
        return target;
      }
      function wrappedRender(props) {
        return render(this, this.instance, props);
      }
      function wrappedMount(options = {}) {
        const { id, ssr, props, head = false, force = false, anchorMetaName, parent } = options;
        const targetElement = mount(this.instance, this, id, props, head, force, anchorMetaName, parent, ssr);
        return targetElement;
      }
      function wrappedUnmount(options = {}) {
        const { id, parent } = options;
        unmount(this.instance, this, id, parent);
      }
      const createCNode = function(instance, $, props, children) {
        return {
          instance,
          $,
          props,
          children,
          els: [],
          render: wrappedRender,
          mount: wrappedMount,
          unmount: wrappedUnmount
        };
      };
      const c$2 = function(instance, $, props, children) {
        if (Array.isArray($)) {
          return createCNode(instance, { $: null }, null, $);
        } else if (Array.isArray(props)) {
          return createCNode(instance, $, null, props);
        } else if (Array.isArray(children)) {
          return createCNode(instance, $, props, children);
        } else {
          return createCNode(instance, $, props, null);
        }
      };
      function CssRender(config = {}) {
        const cssr2 = {
          c: (...args) => c$2(cssr2, ...args),
          use: (plugin2, ...args) => plugin2.install(cssr2, ...args),
          find: queryElement,
          context: {},
          config
        };
        return cssr2;
      }
      function exists(id, ssr) {
        if (id === void 0)
          return false;
        if (ssr) {
          const { context: { ids } } = ssr;
          return ids.has(id);
        }
        return queryElement(id) !== null;
      }
      function plugin$1(options) {
        let _bPrefix = ".";
        let _ePrefix = "__";
        let _mPrefix = "--";
        let c2;
        if (options) {
          let t = options.blockPrefix;
          if (t) {
            _bPrefix = t;
          }
          t = options.elementPrefix;
          if (t) {
            _ePrefix = t;
          }
          t = options.modifierPrefix;
          if (t) {
            _mPrefix = t;
          }
        }
        const _plugin = {
          install(instance) {
            c2 = instance.c;
            const ctx2 = instance.context;
            ctx2.bem = {};
            ctx2.bem.b = null;
            ctx2.bem.els = null;
          }
        };
        function b(arg) {
          let memorizedB;
          let memorizedE;
          return {
            before(ctx2) {
              memorizedB = ctx2.bem.b;
              memorizedE = ctx2.bem.els;
              ctx2.bem.els = null;
            },
            after(ctx2) {
              ctx2.bem.b = memorizedB;
              ctx2.bem.els = memorizedE;
            },
            $({ context, props }) {
              arg = typeof arg === "string" ? arg : arg({ context, props });
              context.bem.b = arg;
              return `${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}`;
            }
          };
        }
        function e(arg) {
          let memorizedE;
          return {
            before(ctx2) {
              memorizedE = ctx2.bem.els;
            },
            after(ctx2) {
              ctx2.bem.els = memorizedE;
            },
            $({ context, props }) {
              arg = typeof arg === "string" ? arg : arg({ context, props });
              context.bem.els = arg.split(",").map((v) => v.trim());
              return context.bem.els.map((el) => `${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}${_ePrefix}${el}`).join(", ");
            }
          };
        }
        function m(arg) {
          return {
            $({ context, props }) {
              arg = typeof arg === "string" ? arg : arg({ context, props });
              const modifiers = arg.split(",").map((v) => v.trim());
              function elementToSelector(el) {
                return modifiers.map((modifier) => `&${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}${el !== void 0 ? `${_ePrefix}${el}` : ""}${_mPrefix}${modifier}`).join(", ");
              }
              const els = context.bem.els;
              if (els !== null) {
                return elementToSelector(els[0]);
              } else {
                return elementToSelector();
              }
            }
          };
        }
        function notM(arg) {
          return {
            $({ context, props }) {
              arg = typeof arg === "string" ? arg : arg({ context, props });
              const els = context.bem.els;
              return `&:not(${(props === null || props === void 0 ? void 0 : props.bPrefix) || _bPrefix}${context.bem.b}${els !== null && els.length > 0 ? `${_ePrefix}${els[0]}` : ""}${_mPrefix}${arg})`;
            }
          };
        }
        const cB2 = (...args) => c2(b(args[0]), args[1], args[2]);
        const cE2 = (...args) => c2(e(args[0]), args[1], args[2]);
        const cM2 = (...args) => c2(m(args[0]), args[1], args[2]);
        const cNotM2 = (...args) => c2(notM(args[0]), args[1], args[2]);
        Object.assign(_plugin, {
          cB: cB2,
          cE: cE2,
          cM: cM2,
          cNotM: cNotM2
        });
        return _plugin;
      }
      const namespace = "n";
      const prefix = `.${namespace}-`;
      const elementPrefix = "__";
      const modifierPrefix = "--";
      const cssr = CssRender();
      const plugin = plugin$1({
        blockPrefix: prefix,
        elementPrefix,
        modifierPrefix
      });
      cssr.use(plugin);
      const {
        c: c$1,
        find
      } = cssr;
      const {
        cB,
        cE,
        cM,
        cNotM
      } = plugin;
      function insideModal(style2) {
        return c$1(({
          props: {
            bPrefix
          }
        }) => `${bPrefix || prefix}modal, ${bPrefix || prefix}drawer`, [style2]);
      }
      function insidePopover(style2) {
        return c$1(({
          props: {
            bPrefix
          }
        }) => `${bPrefix || prefix}popover`, [style2]);
      }
      function asModal(style2) {
        return c$1(({
          props: {
            bPrefix
          }
        }) => `&${bPrefix || prefix}modal`, style2);
      }
      const cCB = (...args) => {
        return c$1(">", [cB(...args)]);
      };
      function createKey(prefix2, suffix2) {
        return prefix2 + (suffix2 === "default" ? "" : suffix2.replace(/^[a-z]/, (startChar) => startChar.toUpperCase()));
      }
      let _isJsdom;
      function isJsdom() {
        if (_isJsdom === void 0) {
          _isJsdom = navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom");
        }
        return _isJsdom;
      }
      const isBrowser$2 = typeof document !== "undefined" && typeof window !== "undefined";
      const eventSet = /* @__PURE__ */ new WeakSet();
      function markEventEffectPerformed(event) {
        eventSet.add(event);
      }
      function eventEffectNotPerformed(event) {
        return !eventSet.has(event);
      }
      function useInjectionInstanceCollection(injectionName, collectionKey, registerKeyRef) {
        var _a;
        const injection = vue.inject(injectionName, null);
        if (injection === null)
          return;
        const vm = (_a = vue.getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
        vue.watch(registerKeyRef, registerInstance);
        registerInstance(registerKeyRef.value);
        vue.onBeforeUnmount(() => {
          registerInstance(void 0, registerKeyRef.value);
        });
        function registerInstance(key, oldKey) {
          if (!injection)
            return;
          const collection = injection[collectionKey];
          if (oldKey !== void 0)
            removeInstance(collection, oldKey);
          if (key !== void 0)
            addInstance(collection, key);
        }
        function removeInstance(collection, key) {
          if (!collection[key])
            collection[key] = [];
          collection[key].splice(collection[key].findIndex((instance) => instance === vm), 1);
        }
        function addInstance(collection, key) {
          if (!collection[key])
            collection[key] = [];
          if (!~collection[key].findIndex((instance) => instance === vm)) {
            collection[key].push(vm);
          }
        }
      }
      function useInjectionCollection(injectionName, collectionKey, valueRef) {
        const injection = vue.inject(injectionName, null);
        if (injection === null)
          return;
        if (!(collectionKey in injection)) {
          injection[collectionKey] = [];
        }
        injection[collectionKey].push(valueRef.value);
        vue.watch(valueRef, (value, prevValue) => {
          const collectionArray = injection[collectionKey];
          const index = collectionArray.findIndex((collectionValue) => collectionValue === prevValue);
          if (~index)
            collectionArray.splice(index, 1);
          collectionArray.push(value);
        });
        vue.onBeforeUnmount(() => {
          const collectionArray = injection[collectionKey];
          const index = collectionArray.findIndex((collectionValue) => collectionValue === valueRef.value);
          if (~index)
            collectionArray.splice(index, 1);
        });
      }
      function useInjectionElementCollection(injectionName, collectionKey, getElement) {
        const injection = vue.inject(injectionName, null);
        if (injection === null)
          return;
        if (!(collectionKey in injection)) {
          injection[collectionKey] = [];
        }
        vue.onMounted(() => {
          const el = getElement();
          if (!el)
            return;
          injection[collectionKey].push(el);
        });
        vue.onBeforeUnmount(() => {
          const collectionArray = injection[collectionKey];
          const element = getElement();
          const index = collectionArray.findIndex((collectionElement) => collectionElement === element);
          if (~index)
            collectionArray.splice(index, 1);
        });
      }
      function useDeferredTrue(valueRef, delay, shouldDelayRef) {
        const delayedRef = vue.ref(valueRef.value);
        let timerId = null;
        vue.watch(valueRef, (value) => {
          if (timerId !== null)
            window.clearTimeout(timerId);
          if (value === true) {
            if (shouldDelayRef && !shouldDelayRef.value) {
              delayedRef.value = true;
            } else {
              timerId = window.setTimeout(() => {
                delayedRef.value = true;
              }, delay);
            }
          } else {
            delayedRef.value = false;
          }
        });
        return delayedRef;
      }
      function useFalseUntilTruthy(originalRef) {
        const currentRef = vue.ref(!!originalRef.value);
        if (currentRef.value)
          return vue.readonly(currentRef);
        const stop = vue.watch(originalRef, (value) => {
          if (value) {
            currentRef.value = true;
            stop();
          }
        });
        return vue.readonly(currentRef);
      }
      function useMemo(getterOrOptions) {
        const computedValueRef = vue.computed(getterOrOptions);
        const valueRef = vue.ref(computedValueRef.value);
        vue.watch(computedValueRef, (value) => {
          valueRef.value = value;
        });
        if (typeof getterOrOptions === "function") {
          return valueRef;
        } else {
          return {
            __v_isRef: true,
            get value() {
              return valueRef.value;
            },
            set value(v) {
              getterOrOptions.set(v);
            }
          };
        }
      }
      function hasInstance() {
        return vue.getCurrentInstance() !== null;
      }
      const isBrowser$1 = typeof window !== "undefined";
      let fontsReady;
      let isFontReady;
      const init = () => {
        var _a, _b;
        fontsReady = isBrowser$1 ? (_b = (_a = document) === null || _a === void 0 ? void 0 : _a.fonts) === null || _b === void 0 ? void 0 : _b.ready : void 0;
        isFontReady = false;
        if (fontsReady !== void 0) {
          void fontsReady.then(() => {
            isFontReady = true;
          });
        } else {
          isFontReady = true;
        }
      };
      init();
      function onFontsReady(cb) {
        if (isFontReady)
          return;
        let deactivated = false;
        vue.onMounted(() => {
          if (!isFontReady) {
            fontsReady === null || fontsReady === void 0 ? void 0 : fontsReady.then(() => {
              if (deactivated)
                return;
              cb();
            });
          }
        });
        vue.onBeforeUnmount(() => {
          deactivated = true;
        });
      }
      function getEventTarget(e) {
        const path = e.composedPath();
        return path[0];
      }
      const traps = {
        mousemoveoutside: /* @__PURE__ */ new WeakMap(),
        clickoutside: /* @__PURE__ */ new WeakMap()
      };
      function createTrapHandler(name, el, originalHandler) {
        if (name === "mousemoveoutside") {
          const moveHandler = (e) => {
            if (el.contains(getEventTarget(e)))
              return;
            originalHandler(e);
          };
          return {
            mousemove: moveHandler,
            touchstart: moveHandler
          };
        } else if (name === "clickoutside") {
          let mouseDownOutside = false;
          const downHandler = (e) => {
            mouseDownOutside = !el.contains(getEventTarget(e));
          };
          const upHanlder = (e) => {
            if (!mouseDownOutside)
              return;
            if (el.contains(getEventTarget(e)))
              return;
            originalHandler(e);
          };
          return {
            mousedown: downHandler,
            mouseup: upHanlder,
            touchstart: downHandler,
            touchend: upHanlder
          };
        }
        console.error(
          // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
          `[evtd/create-trap-handler]: name \`${name}\` is invalid. This could be a bug of evtd.`
        );
        return {};
      }
      function ensureTrapHandlers(name, el, handler) {
        const handlers = traps[name];
        let elHandlers = handlers.get(el);
        if (elHandlers === void 0) {
          handlers.set(el, elHandlers = /* @__PURE__ */ new WeakMap());
        }
        let trapHandler = elHandlers.get(handler);
        if (trapHandler === void 0) {
          elHandlers.set(handler, trapHandler = createTrapHandler(name, el, handler));
        }
        return trapHandler;
      }
      function trapOn(name, el, handler, options) {
        if (name === "mousemoveoutside" || name === "clickoutside") {
          const trapHandlers = ensureTrapHandlers(name, el, handler);
          Object.keys(trapHandlers).forEach((key) => {
            on(key, document, trapHandlers[key], options);
          });
          return true;
        }
        return false;
      }
      function trapOff(name, el, handler, options) {
        if (name === "mousemoveoutside" || name === "clickoutside") {
          const trapHandlers = ensureTrapHandlers(name, el, handler);
          Object.keys(trapHandlers).forEach((key) => {
            off(key, document, trapHandlers[key], options);
          });
          return true;
        }
        return false;
      }
      function createDelegate() {
        if (typeof window === "undefined") {
          return {
            on: () => {
            },
            off: () => {
            }
          };
        }
        const propagationStopped = /* @__PURE__ */ new WeakMap();
        const immediatePropagationStopped = /* @__PURE__ */ new WeakMap();
        function trackPropagation() {
          propagationStopped.set(this, true);
        }
        function trackImmediate() {
          propagationStopped.set(this, true);
          immediatePropagationStopped.set(this, true);
        }
        function spy(event, propName, fn) {
          const source = event[propName];
          event[propName] = function() {
            fn.apply(event, arguments);
            return source.apply(event, arguments);
          };
          return event;
        }
        function unspy(event, propName) {
          event[propName] = Event.prototype[propName];
        }
        const currentTargets = /* @__PURE__ */ new WeakMap();
        const currentTargetDescriptor = Object.getOwnPropertyDescriptor(Event.prototype, "currentTarget");
        function getCurrentTarget() {
          var _a;
          return (_a = currentTargets.get(this)) !== null && _a !== void 0 ? _a : null;
        }
        function defineCurrentTarget(event, getter) {
          if (currentTargetDescriptor === void 0)
            return;
          Object.defineProperty(event, "currentTarget", {
            configurable: true,
            enumerable: true,
            get: getter !== null && getter !== void 0 ? getter : currentTargetDescriptor.get
          });
        }
        const phaseToTypeToElToHandlers = {
          bubble: {},
          capture: {}
        };
        const typeToWindowEventHandlers = {};
        function createUnifiedHandler() {
          const delegeteHandler = function(e) {
            const { type, eventPhase, bubbles } = e;
            const target = getEventTarget(e);
            if (eventPhase === 2)
              return;
            const phase = eventPhase === 1 ? "capture" : "bubble";
            let cursor = target;
            const path = [];
            while (true) {
              if (cursor === null)
                cursor = window;
              path.push(cursor);
              if (cursor === window) {
                break;
              }
              cursor = cursor.parentNode || null;
            }
            const captureElToHandlers = phaseToTypeToElToHandlers.capture[type];
            const bubbleElToHandlers = phaseToTypeToElToHandlers.bubble[type];
            spy(e, "stopPropagation", trackPropagation);
            spy(e, "stopImmediatePropagation", trackImmediate);
            defineCurrentTarget(e, getCurrentTarget);
            if (phase === "capture") {
              if (captureElToHandlers === void 0)
                return;
              for (let i = path.length - 1; i >= 0; --i) {
                if (propagationStopped.has(e))
                  break;
                const target2 = path[i];
                const handlers = captureElToHandlers.get(target2);
                if (handlers !== void 0) {
                  currentTargets.set(e, target2);
                  for (const handler of handlers) {
                    if (immediatePropagationStopped.has(e))
                      break;
                    handler(e);
                  }
                }
                if (i === 0 && !bubbles && bubbleElToHandlers !== void 0) {
                  const bubbleHandlers = bubbleElToHandlers.get(target2);
                  if (bubbleHandlers !== void 0) {
                    for (const handler of bubbleHandlers) {
                      if (immediatePropagationStopped.has(e))
                        break;
                      handler(e);
                    }
                  }
                }
              }
            } else if (phase === "bubble") {
              if (bubbleElToHandlers === void 0)
                return;
              for (let i = 0; i < path.length; ++i) {
                if (propagationStopped.has(e))
                  break;
                const target2 = path[i];
                const handlers = bubbleElToHandlers.get(target2);
                if (handlers !== void 0) {
                  currentTargets.set(e, target2);
                  for (const handler of handlers) {
                    if (immediatePropagationStopped.has(e))
                      break;
                    handler(e);
                  }
                }
              }
            }
            unspy(e, "stopPropagation");
            unspy(e, "stopImmediatePropagation");
            defineCurrentTarget(e);
          };
          delegeteHandler.displayName = "evtdUnifiedHandler";
          return delegeteHandler;
        }
        function createUnifiedWindowEventHandler() {
          const delegateHandler = function(e) {
            const { type, eventPhase } = e;
            if (eventPhase !== 2)
              return;
            const handlers = typeToWindowEventHandlers[type];
            if (handlers === void 0)
              return;
            handlers.forEach((handler) => handler(e));
          };
          delegateHandler.displayName = "evtdUnifiedWindowEventHandler";
          return delegateHandler;
        }
        const unifiedHandler = createUnifiedHandler();
        const unfiendWindowEventHandler = createUnifiedWindowEventHandler();
        function ensureElToHandlers(phase, type) {
          const phaseHandlers = phaseToTypeToElToHandlers[phase];
          if (phaseHandlers[type] === void 0) {
            phaseHandlers[type] = /* @__PURE__ */ new Map();
            window.addEventListener(type, unifiedHandler, phase === "capture");
          }
          return phaseHandlers[type];
        }
        function ensureWindowEventHandlers(type) {
          const windowEventHandlers = typeToWindowEventHandlers[type];
          if (windowEventHandlers === void 0) {
            typeToWindowEventHandlers[type] = /* @__PURE__ */ new Set();
            window.addEventListener(type, unfiendWindowEventHandler);
          }
          return typeToWindowEventHandlers[type];
        }
        function ensureHandlers(elToHandlers, el) {
          let elHandlers = elToHandlers.get(el);
          if (elHandlers === void 0) {
            elToHandlers.set(el, elHandlers = /* @__PURE__ */ new Set());
          }
          return elHandlers;
        }
        function handlerExist(el, phase, type, handler) {
          const elToHandlers = phaseToTypeToElToHandlers[phase][type];
          if (elToHandlers !== void 0) {
            const handlers = elToHandlers.get(el);
            if (handlers !== void 0) {
              if (handlers.has(handler))
                return true;
            }
          }
          return false;
        }
        function windowEventHandlerExist(type, handler) {
          const handlers = typeToWindowEventHandlers[type];
          if (handlers !== void 0) {
            if (handlers.has(handler)) {
              return true;
            }
          }
          return false;
        }
        function on2(type, el, handler, options) {
          let mergedHandler;
          if (typeof options === "object" && options.once === true) {
            mergedHandler = (e) => {
              off2(type, el, mergedHandler, options);
              handler(e);
            };
          } else {
            mergedHandler = handler;
          }
          const trapped = trapOn(type, el, mergedHandler, options);
          if (trapped)
            return;
          const phase = options === true || typeof options === "object" && options.capture === true ? "capture" : "bubble";
          const elToHandlers = ensureElToHandlers(phase, type);
          const handlers = ensureHandlers(elToHandlers, el);
          if (!handlers.has(mergedHandler))
            handlers.add(mergedHandler);
          if (el === window) {
            const windowEventHandlers = ensureWindowEventHandlers(type);
            if (!windowEventHandlers.has(mergedHandler)) {
              windowEventHandlers.add(mergedHandler);
            }
          }
        }
        function off2(type, el, handler, options) {
          const trapped = trapOff(type, el, handler, options);
          if (trapped)
            return;
          const capture = options === true || typeof options === "object" && options.capture === true;
          const phase = capture ? "capture" : "bubble";
          const elToHandlers = ensureElToHandlers(phase, type);
          const handlers = ensureHandlers(elToHandlers, el);
          if (el === window) {
            const mirrorPhase = capture ? "bubble" : "capture";
            if (!handlerExist(el, mirrorPhase, type, handler) && windowEventHandlerExist(type, handler)) {
              const windowEventHandlers = typeToWindowEventHandlers[type];
              windowEventHandlers.delete(handler);
              if (windowEventHandlers.size === 0) {
                window.removeEventListener(type, unfiendWindowEventHandler);
                typeToWindowEventHandlers[type] = void 0;
              }
            }
          }
          if (handlers.has(handler))
            handlers.delete(handler);
          if (handlers.size === 0) {
            elToHandlers.delete(el);
          }
          if (elToHandlers.size === 0) {
            window.removeEventListener(type, unifiedHandler, phase === "capture");
            phaseToTypeToElToHandlers[phase][type] = void 0;
          }
        }
        return {
          on: on2,
          off: off2
        };
      }
      const { on, off } = createDelegate();
      const mousePositionRef = vue.ref(null);
      function clickHandler(e) {
        if (e.clientX > 0 || e.clientY > 0) {
          mousePositionRef.value = {
            x: e.clientX,
            y: e.clientY
          };
        } else {
          const { target } = e;
          if (target instanceof Element) {
            const { left, top, width, height } = target.getBoundingClientRect();
            if (left > 0 || top > 0) {
              mousePositionRef.value = {
                x: left + width / 2,
                y: top + height / 2
              };
            } else {
              mousePositionRef.value = { x: 0, y: 0 };
            }
          } else {
            mousePositionRef.value = null;
          }
        }
      }
      let usedCount$1 = 0;
      let managable$1 = true;
      function useClickPosition() {
        if (!isBrowser$1)
          return vue.readonly(vue.ref(null));
        if (usedCount$1 === 0)
          on("click", document, clickHandler, true);
        const setup2 = () => {
          usedCount$1 += 1;
        };
        if (managable$1 && (managable$1 = hasInstance())) {
          vue.onBeforeMount(setup2);
          vue.onBeforeUnmount(() => {
            usedCount$1 -= 1;
            if (usedCount$1 === 0)
              off("click", document, clickHandler, true);
          });
        } else {
          setup2();
        }
        return vue.readonly(mousePositionRef);
      }
      const clickedTimeRef = vue.ref(void 0);
      let usedCount = 0;
      function handleClick() {
        clickedTimeRef.value = Date.now();
      }
      let managable = true;
      function useClicked(timeout) {
        if (!isBrowser$1)
          return vue.readonly(vue.ref(false));
        const clickedRef = vue.ref(false);
        let timerId = null;
        function clearTimer() {
          if (timerId !== null)
            window.clearTimeout(timerId);
        }
        function clickedHandler() {
          clearTimer();
          clickedRef.value = true;
          timerId = window.setTimeout(() => {
            clickedRef.value = false;
          }, timeout);
        }
        if (usedCount === 0) {
          on("click", window, handleClick, true);
        }
        const setup2 = () => {
          usedCount += 1;
          on("click", window, clickedHandler, true);
        };
        if (managable && (managable = hasInstance())) {
          vue.onBeforeMount(setup2);
          vue.onBeforeUnmount(() => {
            usedCount -= 1;
            if (usedCount === 0) {
              off("click", window, handleClick, true);
            }
            off("click", window, clickedHandler, true);
            clearTimer();
          });
        } else {
          setup2();
        }
        return vue.readonly(clickedRef);
      }
      function useMergedState(controlledStateRef, uncontrolledStateRef) {
        vue.watch(controlledStateRef, (value) => {
          if (value !== void 0) {
            uncontrolledStateRef.value = value;
          }
        });
        return vue.computed(() => {
          if (controlledStateRef.value === void 0) {
            return uncontrolledStateRef.value;
          }
          return controlledStateRef.value;
        });
      }
      function isMounted() {
        const isMounted2 = vue.ref(false);
        vue.onMounted(() => {
          isMounted2.value = true;
        });
        return vue.readonly(isMounted2);
      }
      function useCompitable(reactive2, keys2) {
        return vue.computed(() => {
          for (const key of keys2) {
            if (reactive2[key] !== void 0)
              return reactive2[key];
          }
          return reactive2[keys2[keys2.length - 1]];
        });
      }
      const isIos = (typeof window === "undefined" ? false : /iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
      !window.MSStream;
      function useIsIos() {
        return isIos;
      }
      const defaultBreakpointOptions = {
        // mobile
        // 0 ~ 640 doesn't mean it should display well in all the range,
        // but means you should treat it like a mobile phone.)
        xs: 0,
        s: 640,
        m: 1024,
        l: 1280,
        xl: 1536,
        "2xl": 1920
        // normal desktop display
      };
      function createMediaQuery(screenWidth) {
        return `(min-width: ${screenWidth}px)`;
      }
      const mqlMap = {};
      function useBreakpoints(screens = defaultBreakpointOptions) {
        if (!isBrowser$1)
          return vue.computed(() => []);
        if (typeof window.matchMedia !== "function")
          return vue.computed(() => []);
        const breakpointStatusRef = vue.ref({});
        const breakpoints = Object.keys(screens);
        const updateBreakpoints = (e, breakpointName) => {
          if (e.matches)
            breakpointStatusRef.value[breakpointName] = true;
          else
            breakpointStatusRef.value[breakpointName] = false;
        };
        breakpoints.forEach((key) => {
          const breakpointValue = screens[key];
          let mql;
          let cbs;
          if (mqlMap[breakpointValue] === void 0) {
            mql = window.matchMedia(createMediaQuery(breakpointValue));
            if (mql.addEventListener) {
              mql.addEventListener("change", (e) => {
                cbs.forEach((cb) => {
                  cb(e, key);
                });
              });
            } else if (mql.addListener) {
              mql.addListener((e) => {
                cbs.forEach((cb) => {
                  cb(e, key);
                });
              });
            }
            cbs = /* @__PURE__ */ new Set();
            mqlMap[breakpointValue] = {
              mql,
              cbs
            };
          } else {
            mql = mqlMap[breakpointValue].mql;
            cbs = mqlMap[breakpointValue].cbs;
          }
          cbs.add(updateBreakpoints);
          if (mql.matches) {
            cbs.forEach((cb) => {
              cb(mql, key);
            });
          }
        });
        vue.onBeforeUnmount(() => {
          breakpoints.forEach((breakpoint) => {
            const { cbs } = mqlMap[screens[breakpoint]];
            if (cbs.has(updateBreakpoints)) {
              cbs.delete(updateBreakpoints);
            }
          });
        });
        return vue.computed(() => {
          const { value } = breakpointStatusRef;
          return breakpoints.filter((key) => value[key]);
        });
      }
      function useKeyboard$1(options = {}, enabledRef) {
        const state = vue.reactive({
          ctrl: false,
          command: false,
          win: false,
          shift: false,
          tab: false
        });
        const { keydown, keyup } = options;
        const keydownHandler = (e) => {
          switch (e.key) {
            case "Control":
              state.ctrl = true;
              break;
            case "Meta":
              state.command = true;
              state.win = true;
              break;
            case "Shift":
              state.shift = true;
              break;
            case "Tab":
              state.tab = true;
              break;
          }
          if (keydown !== void 0) {
            Object.keys(keydown).forEach((key) => {
              if (key !== e.key)
                return;
              const handler = keydown[key];
              if (typeof handler === "function") {
                handler(e);
              } else {
                const { stop = false, prevent = false } = handler;
                if (stop)
                  e.stopPropagation();
                if (prevent)
                  e.preventDefault();
                handler.handler(e);
              }
            });
          }
        };
        const keyupHandler = (e) => {
          switch (e.key) {
            case "Control":
              state.ctrl = false;
              break;
            case "Meta":
              state.command = false;
              state.win = false;
              break;
            case "Shift":
              state.shift = false;
              break;
            case "Tab":
              state.tab = false;
              break;
          }
          if (keyup !== void 0) {
            Object.keys(keyup).forEach((key) => {
              if (key !== e.key)
                return;
              const handler = keyup[key];
              if (typeof handler === "function") {
                handler(e);
              } else {
                const { stop = false, prevent = false } = handler;
                if (stop)
                  e.stopPropagation();
                if (prevent)
                  e.preventDefault();
                handler.handler(e);
              }
            });
          }
        };
        const setup2 = () => {
          if (enabledRef === void 0 || enabledRef.value) {
            on("keydown", document, keydownHandler);
            on("keyup", document, keyupHandler);
          }
          if (enabledRef !== void 0) {
            vue.watch(enabledRef, (value) => {
              if (value) {
                on("keydown", document, keydownHandler);
                on("keyup", document, keyupHandler);
              } else {
                off("keydown", document, keydownHandler);
                off("keyup", document, keyupHandler);
              }
            });
          }
        };
        if (hasInstance()) {
          vue.onBeforeMount(setup2);
          vue.onBeforeUnmount(() => {
            if (enabledRef === void 0 || enabledRef.value) {
              off("keydown", document, keydownHandler);
              off("keyup", document, keyupHandler);
            }
          });
        } else {
          setup2();
        }
        return vue.readonly(state);
      }
      const internalSelectionMenuInjectionKey = createInjectionKey("n-internal-select-menu");
      const internalSelectionMenuBodyInjectionKey = createInjectionKey("n-internal-select-menu-body");
      const modalBodyInjectionKey = createInjectionKey("n-modal-body");
      const modalProviderInjectionKey$1 = createInjectionKey("n-modal-provider");
      const modalInjectionKey = createInjectionKey("n-modal");
      const drawerBodyInjectionKey = createInjectionKey("n-drawer-body");
      const drawerInjectionKey = createInjectionKey("n-drawer");
      const popoverBodyInjectionKey = createInjectionKey("n-popover-body");
      const teleportDisabled = "__disabled__";
      function useAdjustedTo(props) {
        const modal = vue.inject(modalBodyInjectionKey, null);
        const drawer = vue.inject(drawerBodyInjectionKey, null);
        const popover = vue.inject(popoverBodyInjectionKey, null);
        const selectMenu = vue.inject(internalSelectionMenuBodyInjectionKey, null);
        const fullscreenElementRef = vue.ref();
        if (typeof document !== "undefined") {
          fullscreenElementRef.value = document.fullscreenElement;
          const handleFullscreenChange = () => {
            fullscreenElementRef.value = document.fullscreenElement;
          };
          vue.onMounted(() => {
            on("fullscreenchange", document, handleFullscreenChange);
          });
          vue.onBeforeUnmount(() => {
            off("fullscreenchange", document, handleFullscreenChange);
          });
        }
        return useMemo(() => {
          var _a;
          const {
            to
          } = props;
          if (to !== void 0) {
            if (to === false)
              return teleportDisabled;
            if (to === true)
              return fullscreenElementRef.value || "body";
            return to;
          }
          if (modal === null || modal === void 0 ? void 0 : modal.value) {
            return (_a = modal.value.$el) !== null && _a !== void 0 ? _a : modal.value;
          }
          if (drawer === null || drawer === void 0 ? void 0 : drawer.value)
            return drawer.value;
          if (popover === null || popover === void 0 ? void 0 : popover.value)
            return popover.value;
          if (selectMenu === null || selectMenu === void 0 ? void 0 : selectMenu.value)
            return selectMenu.value;
          return to !== null && to !== void 0 ? to : fullscreenElementRef.value || "body";
        });
      }
      useAdjustedTo.tdkey = teleportDisabled;
      useAdjustedTo.propTo = {
        type: [String, Object, Boolean],
        default: void 0
      };
      let houdiniRegistered = false;
      function useHoudini() {
        if (!isBrowser$2)
          return;
        if (!window.CSS)
          return;
        if (!houdiniRegistered) {
          houdiniRegistered = true;
          if ("registerProperty" in (window === null || window === void 0 ? void 0 : window.CSS)) {
            try {
              ;
              CSS.registerProperty({
                name: "--n-color-start",
                syntax: "<color>",
                inherits: false,
                initialValue: "#0000"
              });
              CSS.registerProperty({
                name: "--n-color-end",
                syntax: "<color>",
                inherits: false,
                initialValue: "#0000"
              });
            } catch (e) {
            }
          }
        }
      }
      function getSlot(scope, slots, slotName = "default") {
        const slot = slots[slotName];
        if (slot === void 0) {
          throw new Error(`[vueuc/${scope}]: slot[${slotName}] is empty.`);
        }
        return slot();
      }
      function flatten$2(vNodes, filterCommentNode = true, result = []) {
        vNodes.forEach((vNode) => {
          if (vNode === null)
            return;
          if (typeof vNode !== "object") {
            if (typeof vNode === "string" || typeof vNode === "number") {
              result.push(vue.createTextVNode(String(vNode)));
            }
            return;
          }
          if (Array.isArray(vNode)) {
            flatten$2(vNode, filterCommentNode, result);
            return;
          }
          if (vNode.type === vue.Fragment) {
            if (vNode.children === null)
              return;
            if (Array.isArray(vNode.children)) {
              flatten$2(vNode.children, filterCommentNode, result);
            }
          } else if (vNode.type !== vue.Comment) {
            result.push(vNode);
          }
        });
        return result;
      }
      function getFirstVNode(scope, slots, slotName = "default") {
        const slot = slots[slotName];
        if (slot === void 0) {
          throw new Error(`[vueuc/${scope}]: slot[${slotName}] is empty.`);
        }
        const content = flatten$2(slot());
        if (content.length === 1) {
          return content[0];
        } else {
          throw new Error(`[vueuc/${scope}]: slot[${slotName}] should have exactly one child.`);
        }
      }
      let viewMeasurer = null;
      function ensureViewBoundingRect() {
        if (viewMeasurer === null) {
          viewMeasurer = document.getElementById("v-binder-view-measurer");
          if (viewMeasurer === null) {
            viewMeasurer = document.createElement("div");
            viewMeasurer.id = "v-binder-view-measurer";
            const { style: style2 } = viewMeasurer;
            style2.position = "fixed";
            style2.left = "0";
            style2.right = "0";
            style2.top = "0";
            style2.bottom = "0";
            style2.pointerEvents = "none";
            style2.visibility = "hidden";
            document.body.appendChild(viewMeasurer);
          }
        }
        return viewMeasurer.getBoundingClientRect();
      }
      function getPointRect(x, y) {
        const viewRect = ensureViewBoundingRect();
        return {
          top: y,
          left: x,
          height: 0,
          width: 0,
          right: viewRect.width - x,
          bottom: viewRect.height - y
        };
      }
      function getRect$1(el) {
        const elRect = el.getBoundingClientRect();
        const viewRect = ensureViewBoundingRect();
        return {
          left: elRect.left - viewRect.left,
          top: elRect.top - viewRect.top,
          bottom: viewRect.height + viewRect.top - elRect.bottom,
          right: viewRect.width + viewRect.left - elRect.right,
          width: elRect.width,
          height: elRect.height
        };
      }
      function getParentNode(node) {
        if (node.nodeType === 9) {
          return null;
        }
        return node.parentNode;
      }
      function getScrollParent(node) {
        if (node === null)
          return null;
        const parentNode = getParentNode(node);
        if (parentNode === null) {
          return null;
        }
        if (parentNode.nodeType === 9) {
          return document;
        }
        if (parentNode.nodeType === 1) {
          const { overflow, overflowX, overflowY } = getComputedStyle(parentNode);
          if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
            return parentNode;
          }
        }
        return getScrollParent(parentNode);
      }
      const Binder = vue.defineComponent({
        name: "Binder",
        props: {
          syncTargetWithParent: Boolean,
          syncTarget: {
            type: Boolean,
            default: true
          }
        },
        setup(props) {
          var _a;
          vue.provide("VBinder", (_a = vue.getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy);
          const VBinder = vue.inject("VBinder", null);
          const targetRef = vue.ref(null);
          const setTargetRef = (el) => {
            targetRef.value = el;
            if (VBinder && props.syncTargetWithParent) {
              VBinder.setTargetRef(el);
            }
          };
          let scrollableNodes = [];
          const ensureScrollListener = () => {
            let cursor = targetRef.value;
            while (true) {
              cursor = getScrollParent(cursor);
              if (cursor === null)
                break;
              scrollableNodes.push(cursor);
            }
            for (const el of scrollableNodes) {
              on("scroll", el, onScroll, true);
            }
          };
          const removeScrollListeners = () => {
            for (const el of scrollableNodes) {
              off("scroll", el, onScroll, true);
            }
            scrollableNodes = [];
          };
          const followerScrollListeners = /* @__PURE__ */ new Set();
          const addScrollListener = (listener) => {
            if (followerScrollListeners.size === 0) {
              ensureScrollListener();
            }
            if (!followerScrollListeners.has(listener)) {
              followerScrollListeners.add(listener);
            }
          };
          const removeScrollListener = (listener) => {
            if (followerScrollListeners.has(listener)) {
              followerScrollListeners.delete(listener);
            }
            if (followerScrollListeners.size === 0) {
              removeScrollListeners();
            }
          };
          const onScroll = () => {
            beforeNextFrameOnce(onScrollRaf);
          };
          const onScrollRaf = () => {
            followerScrollListeners.forEach((listener) => listener());
          };
          const followerResizeListeners = /* @__PURE__ */ new Set();
          const addResizeListener = (listener) => {
            if (followerResizeListeners.size === 0) {
              on("resize", window, onResize);
            }
            if (!followerResizeListeners.has(listener)) {
              followerResizeListeners.add(listener);
            }
          };
          const removeResizeListener = (listener) => {
            if (followerResizeListeners.has(listener)) {
              followerResizeListeners.delete(listener);
            }
            if (followerResizeListeners.size === 0) {
              off("resize", window, onResize);
            }
          };
          const onResize = () => {
            followerResizeListeners.forEach((listener) => listener());
          };
          vue.onBeforeUnmount(() => {
            off("resize", window, onResize);
            removeScrollListeners();
          });
          return {
            targetRef,
            setTargetRef,
            addScrollListener,
            removeScrollListener,
            addResizeListener,
            removeResizeListener
          };
        },
        render() {
          return getSlot("binder", this.$slots);
        }
      });
      const VTarget = vue.defineComponent({
        name: "Target",
        setup() {
          const { setTargetRef, syncTarget } = vue.inject("VBinder");
          const setTargetDirective = {
            mounted: setTargetRef,
            updated: setTargetRef
          };
          return {
            syncTarget,
            setTargetDirective
          };
        },
        render() {
          const { syncTarget, setTargetDirective } = this;
          if (syncTarget) {
            return vue.withDirectives(getFirstVNode("follower", this.$slots), [
              [setTargetDirective]
            ]);
          }
          return getFirstVNode("follower", this.$slots);
        }
      });
      const ctxKey$1 = "@@mmoContext";
      const mousemoveoutside = {
        mounted(el, { value }) {
          el[ctxKey$1] = {
            handler: void 0
          };
          if (typeof value === "function") {
            el[ctxKey$1].handler = value;
            on("mousemoveoutside", el, value);
          }
        },
        updated(el, { value }) {
          const ctx2 = el[ctxKey$1];
          if (typeof value === "function") {
            if (ctx2.handler) {
              if (ctx2.handler !== value) {
                off("mousemoveoutside", el, ctx2.handler);
                ctx2.handler = value;
                on("mousemoveoutside", el, value);
              }
            } else {
              el[ctxKey$1].handler = value;
              on("mousemoveoutside", el, value);
            }
          } else {
            if (ctx2.handler) {
              off("mousemoveoutside", el, ctx2.handler);
              ctx2.handler = void 0;
            }
          }
        },
        unmounted(el) {
          const { handler } = el[ctxKey$1];
          if (handler) {
            off("mousemoveoutside", el, handler);
          }
          el[ctxKey$1].handler = void 0;
        }
      };
      const ctxKey = "@@coContext";
      const clickoutside = {
        mounted(el, { value, modifiers }) {
          el[ctxKey] = {
            handler: void 0
          };
          if (typeof value === "function") {
            el[ctxKey].handler = value;
            on("clickoutside", el, value, {
              capture: modifiers.capture
            });
          }
        },
        updated(el, { value, modifiers }) {
          const ctx2 = el[ctxKey];
          if (typeof value === "function") {
            if (ctx2.handler) {
              if (ctx2.handler !== value) {
                off("clickoutside", el, ctx2.handler, {
                  capture: modifiers.capture
                });
                ctx2.handler = value;
                on("clickoutside", el, value, {
                  capture: modifiers.capture
                });
              }
            } else {
              el[ctxKey].handler = value;
              on("clickoutside", el, value, {
                capture: modifiers.capture
              });
            }
          } else {
            if (ctx2.handler) {
              off("clickoutside", el, ctx2.handler, {
                capture: modifiers.capture
              });
              ctx2.handler = void 0;
            }
          }
        },
        unmounted(el, { modifiers }) {
          const { handler } = el[ctxKey];
          if (handler) {
            off("clickoutside", el, handler, {
              capture: modifiers.capture
            });
          }
          el[ctxKey].handler = void 0;
        }
      };
      function warn$1(location, message) {
        console.error(`[vdirs/${location}]: ${message}`);
      }
      class ZIndexManager {
        constructor() {
          this.elementZIndex = /* @__PURE__ */ new Map();
          this.nextZIndex = 2e3;
        }
        get elementCount() {
          return this.elementZIndex.size;
        }
        ensureZIndex(el, zIndex) {
          const { elementZIndex } = this;
          if (zIndex !== void 0) {
            el.style.zIndex = `${zIndex}`;
            elementZIndex.delete(el);
            return;
          }
          const { nextZIndex } = this;
          if (elementZIndex.has(el)) {
            const currentZIndex = elementZIndex.get(el);
            if (currentZIndex + 1 === this.nextZIndex)
              return;
          }
          el.style.zIndex = `${nextZIndex}`;
          elementZIndex.set(el, nextZIndex);
          this.nextZIndex = nextZIndex + 1;
          this.squashState();
        }
        unregister(el, zIndex) {
          const { elementZIndex } = this;
          if (elementZIndex.has(el)) {
            elementZIndex.delete(el);
          } else if (zIndex === void 0) {
            warn$1("z-index-manager/unregister-element", "Element not found when unregistering.");
          }
          this.squashState();
        }
        squashState() {
          const { elementCount } = this;
          if (!elementCount) {
            this.nextZIndex = 2e3;
          }
          if (this.nextZIndex - elementCount > 2500)
            this.rearrange();
        }
        rearrange() {
          const elementZIndexPair = Array.from(this.elementZIndex.entries());
          elementZIndexPair.sort((pair1, pair2) => {
            return pair1[1] - pair2[1];
          });
          this.nextZIndex = 2e3;
          elementZIndexPair.forEach((pair) => {
            const el = pair[0];
            const zIndex = this.nextZIndex++;
            if (`${zIndex}` !== el.style.zIndex)
              el.style.zIndex = `${zIndex}`;
          });
        }
      }
      const zIndexManager = new ZIndexManager();
      const ctx = "@@ziContext";
      const zindexable = {
        mounted(el, bindings) {
          const { value = {} } = bindings;
          const { zIndex, enabled } = value;
          el[ctx] = {
            enabled: !!enabled,
            initialized: false
          };
          if (enabled) {
            zIndexManager.ensureZIndex(el, zIndex);
            el[ctx].initialized = true;
          }
        },
        updated(el, bindings) {
          const { value = {} } = bindings;
          const { zIndex, enabled } = value;
          const cachedEnabled = el[ctx].enabled;
          if (enabled && !cachedEnabled) {
            zIndexManager.ensureZIndex(el, zIndex);
            el[ctx].initialized = true;
          }
          el[ctx].enabled = !!enabled;
        },
        unmounted(el, bindings) {
          if (!el[ctx].initialized)
            return;
          const { value = {} } = bindings;
          const { zIndex } = value;
          zIndexManager.unregister(el, zIndex);
        }
      };
      const ssrContextKey = "@css-render/vue3-ssr";
      function createStyleString(id, style2) {
        return `<style cssr-id="${id}">
${style2}
</style>`;
      }
      function ssrAdapter(id, style2, ssrContext) {
        const { styles: styles2, ids } = ssrContext;
        if (ids.has(id))
          return;
        if (styles2 !== null) {
          ids.add(id);
          styles2.push(createStyleString(id, style2));
        }
      }
      const isBrowser = typeof document !== "undefined";
      function useSsrAdapter() {
        if (isBrowser)
          return void 0;
        const context = vue.inject(ssrContextKey, null);
        if (context === null)
          return void 0;
        return {
          adapter: (id, style2) => ssrAdapter(id, style2, context),
          context
        };
      }
      function warn(location, message) {
        console.error(`[vueuc/${location}]: ${message}`);
      }
      const { c } = CssRender();
      const cssrAnchorMetaName$1 = "vueuc-style";
      function lowBit(n) {
        return n & -n;
      }
      class FinweckTree {
        /**
         * @param l length of the array
         * @param min min value of the array
         */
        constructor(l, min) {
          this.l = l;
          this.min = min;
          const ft = new Array(l + 1);
          for (let i = 0; i < l + 1; ++i) {
            ft[i] = 0;
          }
          this.ft = ft;
        }
        /**
         * Add arr[i] by n, start from 0
         * @param i the index of the element to be added
         * @param n the value to be added
         */
        add(i, n) {
          if (n === 0)
            return;
          const { l, ft } = this;
          i += 1;
          while (i <= l) {
            ft[i] += n;
            i += lowBit(i);
          }
        }
        /**
         * Get the value of index i
         * @param i index
         * @returns value of the index
         */
        get(i) {
          return this.sum(i + 1) - this.sum(i);
        }
        /**
         * Get the sum of first i elements
         * @param i count of head elements to be added
         * @returns the sum of first i elements
         */
        sum(i) {
          if (i === void 0)
            i = this.l;
          if (i <= 0)
            return 0;
          const { ft, min, l } = this;
          if (i > l)
            throw new Error("[FinweckTree.sum]: `i` is larger than length.");
          let ret = i * min;
          while (i > 0) {
            ret += ft[i];
            i -= lowBit(i);
          }
          return ret;
        }
        /**
         * Get the largest count of head elements whose sum are <= threshold
         * @param threshold
         * @returns the largest count of head elements whose sum are <= threshold
         */
        getBound(threshold) {
          let l = 0;
          let r = this.l;
          while (r > l) {
            const m = Math.floor((l + r) / 2);
            const sumM = this.sum(m);
            if (sumM > threshold) {
              r = m;
              continue;
            } else if (sumM < threshold) {
              if (l === m) {
                if (this.sum(l + 1) <= threshold)
                  return l + 1;
                return m;
              }
              l = m;
            } else {
              return m;
            }
          }
          return l;
        }
      }
      function resolveTo(selector) {
        if (typeof selector === "string") {
          return document.querySelector(selector);
        }
        return selector();
      }
      const LazyTeleport = vue.defineComponent({
        name: "LazyTeleport",
        props: {
          to: {
            type: [String, Object],
            default: void 0
          },
          disabled: Boolean,
          show: {
            type: Boolean,
            required: true
          }
        },
        setup(props) {
          return {
            showTeleport: useFalseUntilTruthy(vue.toRef(props, "show")),
            mergedTo: vue.computed(() => {
              const { to } = props;
              return to !== null && to !== void 0 ? to : "body";
            })
          };
        },
        render() {
          return this.showTeleport ? this.disabled ? getSlot("lazy-teleport", this.$slots) : vue.h(vue.Teleport, {
            disabled: this.disabled,
            to: this.mergedTo
          }, getSlot("lazy-teleport", this.$slots)) : null;
        }
      });
      const oppositionPositions = {
        top: "bottom",
        bottom: "top",
        left: "right",
        right: "left"
      };
      const oppositeAligns = {
        start: "end",
        center: "center",
        end: "start"
      };
      const propToCompare = {
        top: "height",
        bottom: "height",
        left: "width",
        right: "width"
      };
      const transformOrigins = {
        "bottom-start": "top left",
        bottom: "top center",
        "bottom-end": "top right",
        "top-start": "bottom left",
        top: "bottom center",
        "top-end": "bottom right",
        "right-start": "top left",
        right: "center left",
        "right-end": "bottom left",
        "left-start": "top right",
        left: "center right",
        "left-end": "bottom right"
      };
      const overlapTransformOrigin = {
        "bottom-start": "bottom left",
        bottom: "bottom center",
        "bottom-end": "bottom right",
        "top-start": "top left",
        top: "top center",
        "top-end": "top right",
        "right-start": "top right",
        right: "center right",
        "right-end": "bottom right",
        "left-start": "top left",
        left: "center left",
        "left-end": "bottom left"
      };
      const oppositeAlignCssPositionProps = {
        "bottom-start": "right",
        "bottom-end": "left",
        "top-start": "right",
        "top-end": "left",
        "right-start": "bottom",
        "right-end": "top",
        "left-start": "bottom",
        "left-end": "top"
      };
      const keepOffsetDirection = {
        top: true,
        bottom: false,
        left: true,
        right: false
        // left--
      };
      const cssPositionToOppositeAlign = {
        top: "end",
        bottom: "start",
        left: "end",
        right: "start"
      };
      function getPlacementAndOffsetOfFollower(placement, targetRect, followerRect, shift, flip, overlap) {
        if (!flip || overlap) {
          return { placement, top: 0, left: 0 };
        }
        const [position, align] = placement.split("-");
        let properAlign = align !== null && align !== void 0 ? align : "center";
        let properOffset = {
          top: 0,
          left: 0
        };
        const deriveOffset = (oppositeAlignCssSizeProp, alignCssPositionProp, offsetVertically2) => {
          let left = 0;
          let top = 0;
          const diff = followerRect[oppositeAlignCssSizeProp] - targetRect[alignCssPositionProp] - targetRect[oppositeAlignCssSizeProp];
          if (diff > 0 && shift) {
            if (offsetVertically2) {
              top = keepOffsetDirection[alignCssPositionProp] ? diff : -diff;
            } else {
              left = keepOffsetDirection[alignCssPositionProp] ? diff : -diff;
            }
          }
          return {
            left,
            top
          };
        };
        const offsetVertically = position === "left" || position === "right";
        if (properAlign !== "center") {
          const oppositeAlignCssPositionProp = oppositeAlignCssPositionProps[placement];
          const currentAlignCssPositionProp = oppositionPositions[oppositeAlignCssPositionProp];
          const oppositeAlignCssSizeProp = propToCompare[oppositeAlignCssPositionProp];
          if (followerRect[oppositeAlignCssSizeProp] > targetRect[oppositeAlignCssSizeProp]) {
            if (
              // current space is not enough
              // ----------[ target ]---------|
              // -------[     follower        ]
              targetRect[oppositeAlignCssPositionProp] + targetRect[oppositeAlignCssSizeProp] < followerRect[oppositeAlignCssSizeProp]
            ) {
              const followerOverTargetSize = (followerRect[oppositeAlignCssSizeProp] - targetRect[oppositeAlignCssSizeProp]) / 2;
              if (targetRect[oppositeAlignCssPositionProp] < followerOverTargetSize || targetRect[currentAlignCssPositionProp] < followerOverTargetSize) {
                if (targetRect[oppositeAlignCssPositionProp] < targetRect[currentAlignCssPositionProp]) {
                  properAlign = oppositeAligns[align];
                  properOffset = deriveOffset(oppositeAlignCssSizeProp, currentAlignCssPositionProp, offsetVertically);
                } else {
                  properOffset = deriveOffset(oppositeAlignCssSizeProp, oppositeAlignCssPositionProp, offsetVertically);
                }
              } else {
                properAlign = "center";
              }
            }
          } else if (followerRect[oppositeAlignCssSizeProp] < targetRect[oppositeAlignCssSizeProp]) {
            if (targetRect[currentAlignCssPositionProp] < 0 && // opposite align has larger space
            // ------------[   target   ]
            // ----------------[follower]
            targetRect[oppositeAlignCssPositionProp] > targetRect[currentAlignCssPositionProp]) {
              properAlign = oppositeAligns[align];
            }
          }
        } else {
          const possibleAlternativeAlignCssPositionProp1 = position === "bottom" || position === "top" ? "left" : "top";
          const possibleAlternativeAlignCssPositionProp2 = oppositionPositions[possibleAlternativeAlignCssPositionProp1];
          const alternativeAlignCssSizeProp = propToCompare[possibleAlternativeAlignCssPositionProp1];
          const followerOverTargetSize = (followerRect[alternativeAlignCssSizeProp] - targetRect[alternativeAlignCssSizeProp]) / 2;
          if (
            // center is not enough
            // ----------- [ target ]--|
            // -------[     follower     ]
            targetRect[possibleAlternativeAlignCssPositionProp1] < followerOverTargetSize || targetRect[possibleAlternativeAlignCssPositionProp2] < followerOverTargetSize
          ) {
            if (targetRect[possibleAlternativeAlignCssPositionProp1] > targetRect[possibleAlternativeAlignCssPositionProp2]) {
              properAlign = cssPositionToOppositeAlign[possibleAlternativeAlignCssPositionProp1];
              properOffset = deriveOffset(alternativeAlignCssSizeProp, possibleAlternativeAlignCssPositionProp1, offsetVertically);
            } else {
              properAlign = cssPositionToOppositeAlign[possibleAlternativeAlignCssPositionProp2];
              properOffset = deriveOffset(alternativeAlignCssSizeProp, possibleAlternativeAlignCssPositionProp2, offsetVertically);
            }
          }
        }
        let properPosition = position;
        if (
          // space is not enough
          targetRect[position] < followerRect[propToCompare[position]] && // opposite position's space is larger
          targetRect[position] < targetRect[oppositionPositions[position]]
        ) {
          properPosition = oppositionPositions[position];
        }
        return {
          placement: properAlign !== "center" ? `${properPosition}-${properAlign}` : properPosition,
          left: properOffset.left,
          top: properOffset.top
        };
      }
      function getProperTransformOrigin(placement, overlap) {
        if (overlap)
          return overlapTransformOrigin[placement];
        return transformOrigins[placement];
      }
      function getOffset$1(placement, offsetRect, targetRect, offsetTopToStandardPlacement, offsetLeftToStandardPlacement, overlap) {
        if (overlap) {
          switch (placement) {
            case "bottom-start":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left)}px`,
                transform: "translateY(-100%)"
              };
            case "bottom-end":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width)}px`,
                transform: "translateX(-100%) translateY(-100%)"
              };
            case "top-start":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left)}px`,
                transform: ""
              };
            case "top-end":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width)}px`,
                transform: "translateX(-100%)"
              };
            case "right-start":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width)}px`,
                transform: "translateX(-100%)"
              };
            case "right-end":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width)}px`,
                transform: "translateX(-100%) translateY(-100%)"
              };
            case "left-start":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left)}px`,
                transform: ""
              };
            case "left-end":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left)}px`,
                transform: "translateY(-100%)"
              };
            case "top":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width / 2)}px`,
                transform: "translateX(-50%)"
              };
            case "right":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height / 2)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width)}px`,
                transform: "translateX(-100%) translateY(-50%)"
              };
            case "left":
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height / 2)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left)}px`,
                transform: "translateY(-50%)"
              };
            case "bottom":
            default:
              return {
                top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height)}px`,
                left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width / 2)}px`,
                transform: "translateX(-50%) translateY(-100%)"
              };
          }
        }
        switch (placement) {
          case "bottom-start":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + offsetLeftToStandardPlacement)}px`,
              transform: ""
            };
          case "bottom-end":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width + offsetLeftToStandardPlacement)}px`,
              transform: "translateX(-100%)"
            };
          case "top-start":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + offsetLeftToStandardPlacement)}px`,
              transform: "translateY(-100%)"
            };
          case "top-end":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width + offsetLeftToStandardPlacement)}px`,
              transform: "translateX(-100%) translateY(-100%)"
            };
          case "right-start":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width + offsetLeftToStandardPlacement)}px`,
              transform: ""
            };
          case "right-end":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width + offsetLeftToStandardPlacement)}px`,
              transform: "translateY(-100%)"
            };
          case "left-start":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + offsetLeftToStandardPlacement)}px`,
              transform: "translateX(-100%)"
            };
          case "left-end":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + offsetLeftToStandardPlacement)}px`,
              transform: "translateX(-100%) translateY(-100%)"
            };
          case "top":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width / 2 + offsetLeftToStandardPlacement)}px`,
              transform: "translateY(-100%) translateX(-50%)"
            };
          case "right":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height / 2 + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width + offsetLeftToStandardPlacement)}px`,
              transform: "translateY(-50%)"
            };
          case "left":
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height / 2 + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + offsetLeftToStandardPlacement)}px`,
              transform: "translateY(-50%) translateX(-100%)"
            };
          case "bottom":
          default:
            return {
              top: `${Math.round(targetRect.top - offsetRect.top + targetRect.height + offsetTopToStandardPlacement)}px`,
              left: `${Math.round(targetRect.left - offsetRect.left + targetRect.width / 2 + offsetLeftToStandardPlacement)}px`,
              transform: "translateX(-50%)"
            };
        }
      }
      const style$1F = c([
        c(".v-binder-follower-container", {
          position: "absolute",
          left: "0",
          right: "0",
          top: "0",
          height: "0",
          pointerEvents: "none",
          zIndex: "auto"
        }),
        c(".v-binder-follower-content", {
          position: "absolute",
          zIndex: "auto"
        }, [
          c("> *", {
            pointerEvents: "all"
          })
        ])
      ]);
      const VFollower = vue.defineComponent({
        name: "Follower",
        inheritAttrs: false,
        props: {
          show: Boolean,
          enabled: {
            type: Boolean,
            default: void 0
          },
          placement: {
            type: String,
            default: "bottom"
          },
          syncTrigger: {
            type: Array,
            default: ["resize", "scroll"]
          },
          to: [String, Object],
          flip: {
            type: Boolean,
            default: true
          },
          internalShift: Boolean,
          x: Number,
          y: Number,
          width: String,
          minWidth: String,
          containerClass: String,
          teleportDisabled: Boolean,
          zindexable: {
            type: Boolean,
            default: true
          },
          zIndex: Number,
          overlap: Boolean
        },
        setup(props) {
          const VBinder = vue.inject("VBinder");
          const mergedEnabledRef = useMemo(() => {
            return props.enabled !== void 0 ? props.enabled : props.show;
          });
          const followerRef = vue.ref(null);
          const offsetContainerRef = vue.ref(null);
          const ensureListeners = () => {
            const { syncTrigger } = props;
            if (syncTrigger.includes("scroll")) {
              VBinder.addScrollListener(syncPosition);
            }
            if (syncTrigger.includes("resize")) {
              VBinder.addResizeListener(syncPosition);
            }
          };
          const removeListeners = () => {
            VBinder.removeScrollListener(syncPosition);
            VBinder.removeResizeListener(syncPosition);
          };
          vue.onMounted(() => {
            if (mergedEnabledRef.value) {
              syncPosition();
              ensureListeners();
            }
          });
          const ssrAdapter2 = useSsrAdapter();
          style$1F.mount({
            id: "vueuc/binder",
            head: true,
            anchorMetaName: cssrAnchorMetaName$1,
            ssr: ssrAdapter2
          });
          vue.onBeforeUnmount(() => {
            removeListeners();
          });
          onFontsReady(() => {
            if (mergedEnabledRef.value) {
              syncPosition();
            }
          });
          const syncPosition = () => {
            if (!mergedEnabledRef.value) {
              return;
            }
            const follower = followerRef.value;
            if (follower === null)
              return;
            const target = VBinder.targetRef;
            const { x, y, overlap } = props;
            const targetRect = x !== void 0 && y !== void 0 ? getPointRect(x, y) : getRect$1(target);
            follower.style.setProperty("--v-target-width", `${Math.round(targetRect.width)}px`);
            follower.style.setProperty("--v-target-height", `${Math.round(targetRect.height)}px`);
            const { width, minWidth, placement, internalShift, flip } = props;
            follower.setAttribute("v-placement", placement);
            if (overlap) {
              follower.setAttribute("v-overlap", "");
            } else {
              follower.removeAttribute("v-overlap");
            }
            const { style: style2 } = follower;
            if (width === "target") {
              style2.width = `${targetRect.width}px`;
            } else if (width !== void 0) {
              style2.width = width;
            } else {
              style2.width = "";
            }
            if (minWidth === "target") {
              style2.minWidth = `${targetRect.width}px`;
            } else if (minWidth !== void 0) {
              style2.minWidth = minWidth;
            } else {
              style2.minWidth = "";
            }
            const followerRect = getRect$1(follower);
            const offsetContainerRect = getRect$1(offsetContainerRef.value);
            const { left: offsetLeftToStandardPlacement, top: offsetTopToStandardPlacement, placement: properPlacement } = getPlacementAndOffsetOfFollower(placement, targetRect, followerRect, internalShift, flip, overlap);
            const properTransformOrigin = getProperTransformOrigin(properPlacement, overlap);
            const { left, top, transform } = getOffset$1(properPlacement, offsetContainerRect, targetRect, offsetTopToStandardPlacement, offsetLeftToStandardPlacement, overlap);
            follower.setAttribute("v-placement", properPlacement);
            follower.style.setProperty("--v-offset-left", `${Math.round(offsetLeftToStandardPlacement)}px`);
            follower.style.setProperty("--v-offset-top", `${Math.round(offsetTopToStandardPlacement)}px`);
            follower.style.transform = `translateX(${left}) translateY(${top}) ${transform}`;
            follower.style.setProperty("--v-transform-origin", properTransformOrigin);
            follower.style.transformOrigin = properTransformOrigin;
          };
          vue.watch(mergedEnabledRef, (value) => {
            if (value) {
              ensureListeners();
              syncOnNextTick();
            } else {
              removeListeners();
            }
          });
          const syncOnNextTick = () => {
            vue.nextTick().then(syncPosition).catch((e) => console.error(e));
          };
          [
            "placement",
            "x",
            "y",
            "internalShift",
            "flip",
            "width",
            "overlap",
            "minWidth"
          ].forEach((prop) => {
            vue.watch(vue.toRef(props, prop), syncPosition);
          });
          ["teleportDisabled"].forEach((prop) => {
            vue.watch(vue.toRef(props, prop), syncOnNextTick);
          });
          vue.watch(vue.toRef(props, "syncTrigger"), (value) => {
            if (!value.includes("resize")) {
              VBinder.removeResizeListener(syncPosition);
            } else {
              VBinder.addResizeListener(syncPosition);
            }
            if (!value.includes("scroll")) {
              VBinder.removeScrollListener(syncPosition);
            } else {
              VBinder.addScrollListener(syncPosition);
            }
          });
          const isMountedRef = isMounted();
          const mergedToRef = useMemo(() => {
            const { to } = props;
            if (to !== void 0)
              return to;
            if (isMountedRef.value) {
              return void 0;
            }
            return void 0;
          });
          return {
            VBinder,
            mergedEnabled: mergedEnabledRef,
            offsetContainerRef,
            followerRef,
            mergedTo: mergedToRef,
            syncPosition
          };
        },
        render() {
          return vue.h(LazyTeleport, {
            show: this.show,
            to: this.mergedTo,
            disabled: this.teleportDisabled
          }, {
            default: () => {
              var _a, _b;
              const vNode = vue.h("div", {
                class: ["v-binder-follower-container", this.containerClass],
                ref: "offsetContainerRef"
              }, [
                vue.h("div", {
                  class: "v-binder-follower-content",
                  ref: "followerRef"
                }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a))
              ]);
              if (this.zindexable) {
                return vue.withDirectives(vNode, [
                  [
                    zindexable,
                    {
                      enabled: this.mergedEnabled,
                      zIndex: this.zIndex
                    }
                  ]
                ]);
              }
              return vNode;
            }
          });
        }
      });
      var resizeObservers = [];
      var hasActiveObservations = function() {
        return resizeObservers.some(function(ro) {
          return ro.activeTargets.length > 0;
        });
      };
      var hasSkippedObservations = function() {
        return resizeObservers.some(function(ro) {
          return ro.skippedTargets.length > 0;
        });
      };
      var msg = "ResizeObserver loop completed with undelivered notifications.";
      var deliverResizeLoopError = function() {
        var event;
        if (typeof ErrorEvent === "function") {
          event = new ErrorEvent("error", {
            message: msg
          });
        } else {
          event = document.createEvent("Event");
          event.initEvent("error", false, false);
          event.message = msg;
        }
        window.dispatchEvent(event);
      };
      var ResizeObserverBoxOptions;
      (function(ResizeObserverBoxOptions2) {
        ResizeObserverBoxOptions2["BORDER_BOX"] = "border-box";
        ResizeObserverBoxOptions2["CONTENT_BOX"] = "content-box";
        ResizeObserverBoxOptions2["DEVICE_PIXEL_CONTENT_BOX"] = "device-pixel-content-box";
      })(ResizeObserverBoxOptions || (ResizeObserverBoxOptions = {}));
      var freeze = function(obj) {
        return Object.freeze(obj);
      };
      var ResizeObserverSize = /* @__PURE__ */ function() {
        function ResizeObserverSize2(inlineSize, blockSize) {
          this.inlineSize = inlineSize;
          this.blockSize = blockSize;
          freeze(this);
        }
        return ResizeObserverSize2;
      }();
      var DOMRectReadOnly = function() {
        function DOMRectReadOnly2(x, y, width, height) {
          this.x = x;
          this.y = y;
          this.width = width;
          this.height = height;
          this.top = this.y;
          this.left = this.x;
          this.bottom = this.top + this.height;
          this.right = this.left + this.width;
          return freeze(this);
        }
        DOMRectReadOnly2.prototype.toJSON = function() {
          var _a = this, x = _a.x, y = _a.y, top = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width = _a.width, height = _a.height;
          return { x, y, top, right, bottom, left, width, height };
        };
        DOMRectReadOnly2.fromRect = function(rectangle) {
          return new DOMRectReadOnly2(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
        };
        return DOMRectReadOnly2;
      }();
      var isSVG = function(target) {
        return target instanceof SVGElement && "getBBox" in target;
      };
      var isHidden = function(target) {
        if (isSVG(target)) {
          var _a = target.getBBox(), width = _a.width, height = _a.height;
          return !width && !height;
        }
        var _b = target, offsetWidth = _b.offsetWidth, offsetHeight = _b.offsetHeight;
        return !(offsetWidth || offsetHeight || target.getClientRects().length);
      };
      var isElement = function(obj) {
        var _a;
        if (obj instanceof Element) {
          return true;
        }
        var scope = (_a = obj === null || obj === void 0 ? void 0 : obj.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
        return !!(scope && obj instanceof scope.Element);
      };
      var isReplacedElement = function(target) {
        switch (target.tagName) {
          case "INPUT":
            if (target.type !== "image") {
              break;
            }
          case "VIDEO":
          case "AUDIO":
          case "EMBED":
          case "OBJECT":
          case "CANVAS":
          case "IFRAME":
          case "IMG":
            return true;
        }
        return false;
      };
      var global$1 = typeof window !== "undefined" ? window : {};
      var cache = /* @__PURE__ */ new WeakMap();
      var scrollRegexp = /auto|scroll/;
      var verticalRegexp = /^tb|vertical/;
      var IE = /msie|trident/i.test(global$1.navigator && global$1.navigator.userAgent);
      var parseDimension = function(pixel) {
        return parseFloat(pixel || "0");
      };
      var size = function(inlineSize, blockSize, switchSizes) {
        if (inlineSize === void 0) {
          inlineSize = 0;
        }
        if (blockSize === void 0) {
          blockSize = 0;
        }
        if (switchSizes === void 0) {
          switchSizes = false;
        }
        return new ResizeObserverSize((switchSizes ? blockSize : inlineSize) || 0, (switchSizes ? inlineSize : blockSize) || 0);
      };
      var zeroBoxes = freeze({
        devicePixelContentBoxSize: size(),
        borderBoxSize: size(),
        contentBoxSize: size(),
        contentRect: new DOMRectReadOnly(0, 0, 0, 0)
      });
      var calculateBoxSizes = function(target, forceRecalculation) {
        if (forceRecalculation === void 0) {
          forceRecalculation = false;
        }
        if (cache.has(target) && !forceRecalculation) {
          return cache.get(target);
        }
        if (isHidden(target)) {
          cache.set(target, zeroBoxes);
          return zeroBoxes;
        }
        var cs = getComputedStyle(target);
        var svg = isSVG(target) && target.ownerSVGElement && target.getBBox();
        var removePadding = !IE && cs.boxSizing === "border-box";
        var switchSizes = verticalRegexp.test(cs.writingMode || "");
        var canScrollVertically = !svg && scrollRegexp.test(cs.overflowY || "");
        var canScrollHorizontally = !svg && scrollRegexp.test(cs.overflowX || "");
        var paddingTop = svg ? 0 : parseDimension(cs.paddingTop);
        var paddingRight = svg ? 0 : parseDimension(cs.paddingRight);
        var paddingBottom = svg ? 0 : parseDimension(cs.paddingBottom);
        var paddingLeft = svg ? 0 : parseDimension(cs.paddingLeft);
        var borderTop = svg ? 0 : parseDimension(cs.borderTopWidth);
        var borderRight = svg ? 0 : parseDimension(cs.borderRightWidth);
        var borderBottom = svg ? 0 : parseDimension(cs.borderBottomWidth);
        var borderLeft = svg ? 0 : parseDimension(cs.borderLeftWidth);
        var horizontalPadding = paddingLeft + paddingRight;
        var verticalPadding = paddingTop + paddingBottom;
        var horizontalBorderArea = borderLeft + borderRight;
        var verticalBorderArea = borderTop + borderBottom;
        var horizontalScrollbarThickness = !canScrollHorizontally ? 0 : target.offsetHeight - verticalBorderArea - target.clientHeight;
        var verticalScrollbarThickness = !canScrollVertically ? 0 : target.offsetWidth - horizontalBorderArea - target.clientWidth;
        var widthReduction = removePadding ? horizontalPadding + horizontalBorderArea : 0;
        var heightReduction = removePadding ? verticalPadding + verticalBorderArea : 0;
        var contentWidth = svg ? svg.width : parseDimension(cs.width) - widthReduction - verticalScrollbarThickness;
        var contentHeight = svg ? svg.height : parseDimension(cs.height) - heightReduction - horizontalScrollbarThickness;
        var borderBoxWidth = contentWidth + horizontalPadding + verticalScrollbarThickness + horizontalBorderArea;
        var borderBoxHeight = contentHeight + verticalPadding + horizontalScrollbarThickness + verticalBorderArea;
        var boxes = freeze({
          devicePixelContentBoxSize: size(Math.round(contentWidth * devicePixelRatio), Math.round(contentHeight * devicePixelRatio), switchSizes),
          borderBoxSize: size(borderBoxWidth, borderBoxHeight, switchSizes),
          contentBoxSize: size(contentWidth, contentHeight, switchSizes),
          contentRect: new DOMRectReadOnly(paddingLeft, paddingTop, contentWidth, contentHeight)
        });
        cache.set(target, boxes);
        return boxes;
      };
      var calculateBoxSize = function(target, observedBox, forceRecalculation) {
        var _a = calculateBoxSizes(target, forceRecalculation), borderBoxSize = _a.borderBoxSize, contentBoxSize = _a.contentBoxSize, devicePixelContentBoxSize = _a.devicePixelContentBoxSize;
        switch (observedBox) {
          case ResizeObserverBoxOptions.DEVICE_PIXEL_CONTENT_BOX:
            return devicePixelContentBoxSize;
          case ResizeObserverBoxOptions.BORDER_BOX:
            return borderBoxSize;
          default:
            return contentBoxSize;
        }
      };
      var ResizeObserverEntry = /* @__PURE__ */ function() {
        function ResizeObserverEntry2(target) {
          var boxes = calculateBoxSizes(target);
          this.target = target;
          this.contentRect = boxes.contentRect;
          this.borderBoxSize = freeze([boxes.borderBoxSize]);
          this.contentBoxSize = freeze([boxes.contentBoxSize]);
          this.devicePixelContentBoxSize = freeze([boxes.devicePixelContentBoxSize]);
        }
        return ResizeObserverEntry2;
      }();
      var calculateDepthForNode = function(node) {
        if (isHidden(node)) {
          return Infinity;
        }
        var depth = 0;
        var parent = node.parentNode;
        while (parent) {
          depth += 1;
          parent = parent.parentNode;
        }
        return depth;
      };
      var broadcastActiveObservations = function() {
        var shallowestDepth = Infinity;
        var callbacks2 = [];
        resizeObservers.forEach(function processObserver(ro) {
          if (ro.activeTargets.length === 0) {
            return;
          }
          var entries = [];
          ro.activeTargets.forEach(function processTarget(ot) {
            var entry = new ResizeObserverEntry(ot.target);
            var targetDepth = calculateDepthForNode(ot.target);
            entries.push(entry);
            ot.lastReportedSize = calculateBoxSize(ot.target, ot.observedBox);
            if (targetDepth < shallowestDepth) {
              shallowestDepth = targetDepth;
            }
          });
          callbacks2.push(function resizeObserverCallback() {
            ro.callback.call(ro.observer, entries, ro.observer);
          });
          ro.activeTargets.splice(0, ro.activeTargets.length);
        });
        for (var _i = 0, callbacks_1 = callbacks2; _i < callbacks_1.length; _i++) {
          var callback = callbacks_1[_i];
          callback();
        }
        return shallowestDepth;
      };
      var gatherActiveObservationsAtDepth = function(depth) {
        resizeObservers.forEach(function processObserver(ro) {
          ro.activeTargets.splice(0, ro.activeTargets.length);
          ro.skippedTargets.splice(0, ro.skippedTargets.length);
          ro.observationTargets.forEach(function processTarget(ot) {
            if (ot.isActive()) {
              if (calculateDepthForNode(ot.target) > depth) {
                ro.activeTargets.push(ot);
              } else {
                ro.skippedTargets.push(ot);
              }
            }
          });
        });
      };
      var process$1 = function() {
        var depth = 0;
        gatherActiveObservationsAtDepth(depth);
        while (hasActiveObservations()) {
          depth = broadcastActiveObservations();
          gatherActiveObservationsAtDepth(depth);
        }
        if (hasSkippedObservations()) {
          deliverResizeLoopError();
        }
        return depth > 0;
      };
      var trigger;
      var callbacks = [];
      var notify = function() {
        return callbacks.splice(0).forEach(function(cb) {
          return cb();
        });
      };
      var queueMicroTask = function(callback) {
        if (!trigger) {
          var toggle_1 = 0;
          var el_1 = document.createTextNode("");
          var config = { characterData: true };
          new MutationObserver(function() {
            return notify();
          }).observe(el_1, config);
          trigger = function() {
            el_1.textContent = "".concat(toggle_1 ? toggle_1-- : toggle_1++);
          };
        }
        callbacks.push(callback);
        trigger();
      };
      var queueResizeObserver = function(cb) {
        queueMicroTask(function ResizeObserver2() {
          requestAnimationFrame(cb);
        });
      };
      var watching = 0;
      var isWatching = function() {
        return !!watching;
      };
      var CATCH_PERIOD = 250;
      var observerConfig = { attributes: true, characterData: true, childList: true, subtree: true };
      var events = [
        "resize",
        "load",
        "transitionend",
        "animationend",
        "animationstart",
        "animationiteration",
        "keyup",
        "keydown",
        "mouseup",
        "mousedown",
        "mouseover",
        "mouseout",
        "blur",
        "focus"
      ];
      var time$1 = function(timeout) {
        if (timeout === void 0) {
          timeout = 0;
        }
        return Date.now() + timeout;
      };
      var scheduled = false;
      var Scheduler = function() {
        function Scheduler2() {
          var _this = this;
          this.stopped = true;
          this.listener = function() {
            return _this.schedule();
          };
        }
        Scheduler2.prototype.run = function(timeout) {
          var _this = this;
          if (timeout === void 0) {
            timeout = CATCH_PERIOD;
          }
          if (scheduled) {
            return;
          }
          scheduled = true;
          var until = time$1(timeout);
          queueResizeObserver(function() {
            var elementsHaveResized = false;
            try {
              elementsHaveResized = process$1();
            } finally {
              scheduled = false;
              timeout = until - time$1();
              if (!isWatching()) {
                return;
              }
              if (elementsHaveResized) {
                _this.run(1e3);
              } else if (timeout > 0) {
                _this.run(timeout);
              } else {
                _this.start();
              }
            }
          });
        };
        Scheduler2.prototype.schedule = function() {
          this.stop();
          this.run();
        };
        Scheduler2.prototype.observe = function() {
          var _this = this;
          var cb = function() {
            return _this.observer && _this.observer.observe(document.body, observerConfig);
          };
          document.body ? cb() : global$1.addEventListener("DOMContentLoaded", cb);
        };
        Scheduler2.prototype.start = function() {
          var _this = this;
          if (this.stopped) {
            this.stopped = false;
            this.observer = new MutationObserver(this.listener);
            this.observe();
            events.forEach(function(name) {
              return global$1.addEventListener(name, _this.listener, true);
            });
          }
        };
        Scheduler2.prototype.stop = function() {
          var _this = this;
          if (!this.stopped) {
            this.observer && this.observer.disconnect();
            events.forEach(function(name) {
              return global$1.removeEventListener(name, _this.listener, true);
            });
            this.stopped = true;
          }
        };
        return Scheduler2;
      }();
      var scheduler = new Scheduler();
      var updateCount = function(n) {
        !watching && n > 0 && scheduler.start();
        watching += n;
        !watching && scheduler.stop();
      };
      var skipNotifyOnElement = function(target) {
        return !isSVG(target) && !isReplacedElement(target) && getComputedStyle(target).display === "inline";
      };
      var ResizeObservation = function() {
        function ResizeObservation2(target, observedBox) {
          this.target = target;
          this.observedBox = observedBox || ResizeObserverBoxOptions.CONTENT_BOX;
          this.lastReportedSize = {
            inlineSize: 0,
            blockSize: 0
          };
        }
        ResizeObservation2.prototype.isActive = function() {
          var size2 = calculateBoxSize(this.target, this.observedBox, true);
          if (skipNotifyOnElement(this.target)) {
            this.lastReportedSize = size2;
          }
          if (this.lastReportedSize.inlineSize !== size2.inlineSize || this.lastReportedSize.blockSize !== size2.blockSize) {
            return true;
          }
          return false;
        };
        return ResizeObservation2;
      }();
      var ResizeObserverDetail = /* @__PURE__ */ function() {
        function ResizeObserverDetail2(resizeObserver, callback) {
          this.activeTargets = [];
          this.skippedTargets = [];
          this.observationTargets = [];
          this.observer = resizeObserver;
          this.callback = callback;
        }
        return ResizeObserverDetail2;
      }();
      var observerMap = /* @__PURE__ */ new WeakMap();
      var getObservationIndex = function(observationTargets, target) {
        for (var i = 0; i < observationTargets.length; i += 1) {
          if (observationTargets[i].target === target) {
            return i;
          }
        }
        return -1;
      };
      var ResizeObserverController = function() {
        function ResizeObserverController2() {
        }
        ResizeObserverController2.connect = function(resizeObserver, callback) {
          var detail = new ResizeObserverDetail(resizeObserver, callback);
          observerMap.set(resizeObserver, detail);
        };
        ResizeObserverController2.observe = function(resizeObserver, target, options) {
          var detail = observerMap.get(resizeObserver);
          var firstObservation = detail.observationTargets.length === 0;
          if (getObservationIndex(detail.observationTargets, target) < 0) {
            firstObservation && resizeObservers.push(detail);
            detail.observationTargets.push(new ResizeObservation(target, options && options.box));
            updateCount(1);
            scheduler.schedule();
          }
        };
        ResizeObserverController2.unobserve = function(resizeObserver, target) {
          var detail = observerMap.get(resizeObserver);
          var index = getObservationIndex(detail.observationTargets, target);
          var lastObservation = detail.observationTargets.length === 1;
          if (index >= 0) {
            lastObservation && resizeObservers.splice(resizeObservers.indexOf(detail), 1);
            detail.observationTargets.splice(index, 1);
            updateCount(-1);
          }
        };
        ResizeObserverController2.disconnect = function(resizeObserver) {
          var _this = this;
          var detail = observerMap.get(resizeObserver);
          detail.observationTargets.slice().forEach(function(ot) {
            return _this.unobserve(resizeObserver, ot.target);
          });
          detail.activeTargets.splice(0, detail.activeTargets.length);
        };
        return ResizeObserverController2;
      }();
      var ResizeObserver = function() {
        function ResizeObserver2(callback) {
          if (arguments.length === 0) {
            throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
          }
          if (typeof callback !== "function") {
            throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
          }
          ResizeObserverController.connect(this, callback);
        }
        ResizeObserver2.prototype.observe = function(target, options) {
          if (arguments.length === 0) {
            throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
          }
          if (!isElement(target)) {
            throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
          }
          ResizeObserverController.observe(this, target, options);
        };
        ResizeObserver2.prototype.unobserve = function(target) {
          if (arguments.length === 0) {
            throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
          }
          if (!isElement(target)) {
            throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
          }
          ResizeObserverController.unobserve(this, target);
        };
        ResizeObserver2.prototype.disconnect = function() {
          ResizeObserverController.disconnect(this);
        };
        ResizeObserver2.toString = function() {
          return "function ResizeObserver () { [polyfill code] }";
        };
        return ResizeObserver2;
      }();
      class ResizeObserverDelegate {
        constructor() {
          this.handleResize = this.handleResize.bind(this);
          this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver)(this.handleResize);
          this.elHandlersMap = /* @__PURE__ */ new Map();
        }
        handleResize(entries) {
          for (const entry of entries) {
            const handler = this.elHandlersMap.get(entry.target);
            if (handler !== void 0) {
              handler(entry);
            }
          }
        }
        registerHandler(el, handler) {
          this.elHandlersMap.set(el, handler);
          this.observer.observe(el);
        }
        unregisterHandler(el) {
          if (!this.elHandlersMap.has(el)) {
            return;
          }
          this.elHandlersMap.delete(el);
          this.observer.unobserve(el);
        }
      }
      const resizeObserverManager = new ResizeObserverDelegate();
      const VResizeObserver = vue.defineComponent({
        name: "ResizeObserver",
        props: {
          onResize: Function
        },
        setup(props) {
          let registered = false;
          const proxy = vue.getCurrentInstance().proxy;
          function handleResize(entry) {
            const { onResize } = props;
            if (onResize !== void 0)
              onResize(entry);
          }
          vue.onMounted(() => {
            const el = proxy.$el;
            if (el === void 0) {
              warn("resize-observer", "$el does not exist.");
              return;
            }
            if (el.nextElementSibling !== el.nextSibling) {
              if (el.nodeType === 3 && el.nodeValue !== "") {
                warn("resize-observer", "$el can not be observed (it may be a text node).");
                return;
              }
            }
            if (el.nextElementSibling !== null) {
              resizeObserverManager.registerHandler(el.nextElementSibling, handleResize);
              registered = true;
            }
          });
          vue.onBeforeUnmount(() => {
            if (registered) {
              resizeObserverManager.unregisterHandler(proxy.$el.nextElementSibling);
            }
          });
        },
        render() {
          return vue.renderSlot(this.$slots, "default");
        }
      });
      let maybeTouch;
      function ensureMaybeTouch() {
        if (typeof document === "undefined")
          return false;
        if (maybeTouch === void 0) {
          if ("matchMedia" in window) {
            maybeTouch = window.matchMedia("(pointer:coarse)").matches;
          } else {
            maybeTouch = false;
          }
        }
        return maybeTouch;
      }
      let wheelScale;
      function ensureWheelScale() {
        if (typeof document === "undefined")
          return 1;
        if (wheelScale === void 0) {
          wheelScale = "chrome" in window ? window.devicePixelRatio : 1;
        }
        return wheelScale;
      }
      const styles$1 = c(".v-vl", {
        maxHeight: "inherit",
        height: "100%",
        overflow: "auto",
        minWidth: "1px"
        // a zero width container won't be scrollable
      }, [
        c("&:not(.v-vl--show-scrollbar)", {
          scrollbarWidth: "none"
        }, [
          c("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb", {
            width: 0,
            height: 0,
            display: "none"
          })
        ])
      ]);
      const VVirtualList = vue.defineComponent({
        name: "VirtualList",
        inheritAttrs: false,
        props: {
          showScrollbar: {
            type: Boolean,
            default: true
          },
          items: {
            type: Array,
            default: () => []
          },
          // it is suppose to be the min height
          itemSize: {
            type: Number,
            required: true
          },
          itemResizable: Boolean,
          itemsStyle: [String, Object],
          visibleItemsTag: {
            type: [String, Object],
            default: "div"
          },
          visibleItemsProps: Object,
          ignoreItemResize: Boolean,
          onScroll: Function,
          onWheel: Function,
          onResize: Function,
          defaultScrollKey: [Number, String],
          defaultScrollIndex: Number,
          keyField: {
            type: String,
            default: "key"
          },
          // Whether it is a good API?
          // ResizeObserver + footer & header is not enough.
          // Too complex for simple case
          paddingTop: {
            type: [Number, String],
            default: 0
          },
          paddingBottom: {
            type: [Number, String],
            default: 0
          }
        },
        setup(props) {
          const ssrAdapter2 = useSsrAdapter();
          styles$1.mount({
            id: "vueuc/virtual-list",
            head: true,
            anchorMetaName: cssrAnchorMetaName$1,
            ssr: ssrAdapter2
          });
          vue.onMounted(() => {
            const { defaultScrollIndex, defaultScrollKey } = props;
            if (defaultScrollIndex !== void 0 && defaultScrollIndex !== null) {
              scrollTo({ index: defaultScrollIndex });
            } else if (defaultScrollKey !== void 0 && defaultScrollKey !== null) {
              scrollTo({ key: defaultScrollKey });
            }
          });
          let isDeactivated = false;
          let activateStateInitialized = false;
          vue.onActivated(() => {
            isDeactivated = false;
            if (!activateStateInitialized) {
              activateStateInitialized = true;
              return;
            }
            scrollTo({ top: scrollTopRef.value, left: scrollLeft });
          });
          vue.onDeactivated(() => {
            isDeactivated = true;
            if (!activateStateInitialized) {
              activateStateInitialized = true;
            }
          });
          const keyIndexMapRef = vue.computed(() => {
            const map2 = /* @__PURE__ */ new Map();
            const { keyField } = props;
            props.items.forEach((item, index) => {
              map2.set(item[keyField], index);
            });
            return map2;
          });
          const listElRef = vue.ref(null);
          const listHeightRef = vue.ref(void 0);
          const keyToHeightOffset = /* @__PURE__ */ new Map();
          const finweckTreeRef = vue.computed(() => {
            const { items, itemSize, keyField } = props;
            const ft = new FinweckTree(items.length, itemSize);
            items.forEach((item, index) => {
              const key = item[keyField];
              const heightOffset = keyToHeightOffset.get(key);
              if (heightOffset !== void 0) {
                ft.add(index, heightOffset);
              }
            });
            return ft;
          });
          const finweckTreeUpdateTrigger = vue.ref(0);
          let scrollLeft = 0;
          const scrollTopRef = vue.ref(0);
          const startIndexRef = useMemo(() => {
            return Math.max(finweckTreeRef.value.getBound(scrollTopRef.value - depx(props.paddingTop)) - 1, 0);
          });
          const viewportItemsRef = vue.computed(() => {
            const { value: listHeight } = listHeightRef;
            if (listHeight === void 0)
              return [];
            const { items, itemSize } = props;
            const startIndex = startIndexRef.value;
            const endIndex = Math.min(startIndex + Math.ceil(listHeight / itemSize + 1), items.length - 1);
            const viewportItems = [];
            for (let i = startIndex; i <= endIndex; ++i) {
              viewportItems.push(items[i]);
            }
            return viewportItems;
          });
          const scrollTo = (options, y) => {
            if (typeof options === "number") {
              scrollToPosition(options, y, "auto");
              return;
            }
            const { left, top, index, key, position, behavior, debounce: debounce2 = true } = options;
            if (left !== void 0 || top !== void 0) {
              scrollToPosition(left, top, behavior);
            } else if (index !== void 0) {
              scrollToIndex(index, behavior, debounce2);
            } else if (key !== void 0) {
              const toIndex = keyIndexMapRef.value.get(key);
              if (toIndex !== void 0)
                scrollToIndex(toIndex, behavior, debounce2);
            } else if (position === "bottom") {
              scrollToPosition(0, Number.MAX_SAFE_INTEGER, behavior);
            } else if (position === "top") {
              scrollToPosition(0, 0, behavior);
            }
          };
          let anchorIndex;
          let anchorTimerId = null;
          function scrollToIndex(index, behavior, debounce2) {
            const { value: ft } = finweckTreeRef;
            const targetTop = ft.sum(index) + depx(props.paddingTop);
            if (!debounce2) {
              listElRef.value.scrollTo({
                left: 0,
                top: targetTop,
                behavior
              });
            } else {
              anchorIndex = index;
              if (anchorTimerId !== null) {
                window.clearTimeout(anchorTimerId);
              }
              anchorTimerId = window.setTimeout(() => {
                anchorIndex = void 0;
                anchorTimerId = null;
              }, 16);
              const { scrollTop, offsetHeight } = listElRef.value;
              if (targetTop > scrollTop) {
                const itemSize = ft.get(index);
                if (targetTop + itemSize <= scrollTop + offsetHeight)
                  ;
                else {
                  listElRef.value.scrollTo({
                    left: 0,
                    top: targetTop + itemSize - offsetHeight,
                    behavior
                  });
                }
              } else {
                listElRef.value.scrollTo({
                  left: 0,
                  top: targetTop,
                  behavior
                });
              }
            }
          }
          function scrollToPosition(left, top, behavior) {
            listElRef.value.scrollTo({
              left,
              top,
              behavior
            });
          }
          function handleItemResize(key, entry) {
            var _a, _b, _c;
            if (isDeactivated)
              return;
            if (props.ignoreItemResize)
              return;
            if (isHideByVShow(entry.target))
              return;
            const { value: ft } = finweckTreeRef;
            const index = keyIndexMapRef.value.get(key);
            const previousHeight = ft.get(index);
            const height = (_c = (_b = (_a = entry.borderBoxSize) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.blockSize) !== null && _c !== void 0 ? _c : entry.contentRect.height;
            if (height === previousHeight)
              return;
            const offset = height - props.itemSize;
            if (offset === 0) {
              keyToHeightOffset.delete(key);
            } else {
              keyToHeightOffset.set(key, height - props.itemSize);
            }
            const delta = height - previousHeight;
            if (delta === 0)
              return;
            ft.add(index, delta);
            const listEl = listElRef.value;
            if (listEl != null) {
              if (anchorIndex === void 0) {
                const previousHeightSum = ft.sum(index);
                if (listEl.scrollTop > previousHeightSum) {
                  listEl.scrollBy(0, delta);
                }
              } else {
                if (index < anchorIndex) {
                  listEl.scrollBy(0, delta);
                } else if (index === anchorIndex) {
                  const previousHeightSum = ft.sum(index);
                  if (height + previousHeightSum > // Note, listEl shouldn't have border, nor offsetHeight won't be
                  // correct
                  listEl.scrollTop + listEl.offsetHeight) {
                    listEl.scrollBy(0, delta);
                  }
                }
              }
              syncViewport();
            }
            finweckTreeUpdateTrigger.value++;
          }
          const mayUseWheel = !ensureMaybeTouch();
          let wheelCatched = false;
          function handleListScroll(e) {
            var _a;
            (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
            if (!mayUseWheel || !wheelCatched) {
              syncViewport();
            }
          }
          function handleListWheel(e) {
            var _a;
            (_a = props.onWheel) === null || _a === void 0 ? void 0 : _a.call(props, e);
            if (mayUseWheel) {
              const listEl = listElRef.value;
              if (listEl != null) {
                if (e.deltaX === 0) {
                  if (listEl.scrollTop === 0 && e.deltaY <= 0) {
                    return;
                  }
                  if (listEl.scrollTop + listEl.offsetHeight >= listEl.scrollHeight && e.deltaY >= 0) {
                    return;
                  }
                }
                e.preventDefault();
                listEl.scrollTop += e.deltaY / ensureWheelScale();
                listEl.scrollLeft += e.deltaX / ensureWheelScale();
                syncViewport();
                wheelCatched = true;
                beforeNextFrameOnce(() => {
                  wheelCatched = false;
                });
              }
            }
          }
          function handleListResize(entry) {
            if (isDeactivated)
              return;
            if (isHideByVShow(entry.target))
              return;
            if (entry.contentRect.height === listHeightRef.value)
              return;
            listHeightRef.value = entry.contentRect.height;
            const { onResize } = props;
            if (onResize !== void 0)
              onResize(entry);
          }
          function syncViewport() {
            const { value: listEl } = listElRef;
            if (listEl == null)
              return;
            scrollTopRef.value = listEl.scrollTop;
            scrollLeft = listEl.scrollLeft;
          }
          function isHideByVShow(el) {
            let cursor = el;
            while (cursor !== null) {
              if (cursor.style.display === "none")
                return true;
              cursor = cursor.parentElement;
            }
            return false;
          }
          return {
            listHeight: listHeightRef,
            listStyle: {
              overflow: "auto"
            },
            keyToIndex: keyIndexMapRef,
            itemsStyle: vue.computed(() => {
              const { itemResizable } = props;
              const height = pxfy(finweckTreeRef.value.sum());
              finweckTreeUpdateTrigger.value;
              return [
                props.itemsStyle,
                {
                  boxSizing: "content-box",
                  height: itemResizable ? "" : height,
                  minHeight: itemResizable ? height : "",
                  paddingTop: pxfy(props.paddingTop),
                  paddingBottom: pxfy(props.paddingBottom)
                }
              ];
            }),
            visibleItemsStyle: vue.computed(() => {
              finweckTreeUpdateTrigger.value;
              return {
                transform: `translateY(${pxfy(finweckTreeRef.value.sum(startIndexRef.value))})`
              };
            }),
            viewportItems: viewportItemsRef,
            listElRef,
            itemsElRef: vue.ref(null),
            scrollTo,
            handleListResize,
            handleListScroll,
            handleListWheel,
            handleItemResize
          };
        },
        render() {
          const { itemResizable, keyField, keyToIndex, visibleItemsTag } = this;
          return vue.h(VResizeObserver, {
            onResize: this.handleListResize
          }, {
            default: () => {
              var _a, _b;
              return vue.h("div", vue.mergeProps(this.$attrs, {
                class: ["v-vl", this.showScrollbar && "v-vl--show-scrollbar"],
                onScroll: this.handleListScroll,
                onWheel: this.handleListWheel,
                ref: "listElRef"
              }), [
                this.items.length !== 0 ? vue.h("div", {
                  ref: "itemsElRef",
                  class: "v-vl-items",
                  style: this.itemsStyle
                }, [
                  vue.h(visibleItemsTag, Object.assign({
                    class: "v-vl-visible-items",
                    style: this.visibleItemsStyle
                  }, this.visibleItemsProps), {
                    default: () => this.viewportItems.map((item) => {
                      const key = item[keyField];
                      const index = keyToIndex.get(key);
                      const itemVNode = this.$slots.default({
                        item,
                        index
                      })[0];
                      if (itemResizable) {
                        return vue.h(VResizeObserver, {
                          key,
                          onResize: (entry) => this.handleItemResize(key, entry)
                        }, {
                          default: () => itemVNode
                        });
                      }
                      itemVNode.key = key;
                      return itemVNode;
                    })
                  })
                ]) : (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)
              ]);
            }
          });
        }
      });
      const styles = c(".v-x-scroll", {
        overflow: "auto",
        scrollbarWidth: "none"
      }, [
        c("&::-webkit-scrollbar", {
          width: 0,
          height: 0
        })
      ]);
      const VXScroll = vue.defineComponent({
        name: "XScroll",
        props: {
          disabled: Boolean,
          onScroll: Function
        },
        setup() {
          const selfRef = vue.ref(null);
          function handleWheel(e) {
            const preventYWheel = e.currentTarget.offsetWidth < e.currentTarget.scrollWidth;
            if (!preventYWheel || e.deltaY === 0)
              return;
            e.currentTarget.scrollLeft += e.deltaY + e.deltaX;
            e.preventDefault();
          }
          const ssrAdapter2 = useSsrAdapter();
          styles.mount({
            id: "vueuc/x-scroll",
            head: true,
            anchorMetaName: cssrAnchorMetaName$1,
            ssr: ssrAdapter2
          });
          const exposedMethods = {
            scrollTo(...args) {
              var _a;
              (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(...args);
            }
          };
          return Object.assign({
            selfRef,
            handleWheel
          }, exposedMethods);
        },
        render() {
          return vue.h("div", {
            ref: "selfRef",
            onScroll: this.onScroll,
            onWheel: this.disabled ? void 0 : this.handleWheel,
            class: "v-x-scroll"
          }, this.$slots);
        }
      });
      const hiddenAttr = "v-hidden";
      const style$1E = c("[v-hidden]", {
        display: "none!important"
      });
      const VOverflow = vue.defineComponent({
        name: "Overflow",
        props: {
          getCounter: Function,
          getTail: Function,
          updateCounter: Function,
          onUpdateCount: Function,
          onUpdateOverflow: Function
        },
        setup(props, { slots }) {
          const selfRef = vue.ref(null);
          const counterRef = vue.ref(null);
          function deriveCounter(options) {
            const { value: self2 } = selfRef;
            const { getCounter, getTail } = props;
            let counter;
            if (getCounter !== void 0)
              counter = getCounter();
            else {
              counter = counterRef.value;
            }
            if (!self2 || !counter)
              return;
            if (counter.hasAttribute(hiddenAttr)) {
              counter.removeAttribute(hiddenAttr);
            }
            const { children } = self2;
            if (options.showAllItemsBeforeCalculate) {
              for (const child of children) {
                if (child.hasAttribute(hiddenAttr)) {
                  child.removeAttribute(hiddenAttr);
                }
              }
            }
            const containerWidth = self2.offsetWidth;
            const childWidths = [];
            const tail = slots.tail ? getTail === null || getTail === void 0 ? void 0 : getTail() : null;
            let childWidthSum = tail ? tail.offsetWidth : 0;
            let overflow = false;
            const len2 = self2.children.length - (slots.tail ? 1 : 0);
            for (let i = 0; i < len2 - 1; ++i) {
              if (i < 0)
                continue;
              const child = children[i];
              if (overflow) {
                if (!child.hasAttribute(hiddenAttr)) {
                  child.setAttribute(hiddenAttr, "");
                }
                continue;
              } else if (child.hasAttribute(hiddenAttr)) {
                child.removeAttribute(hiddenAttr);
              }
              const childWidth = child.offsetWidth;
              childWidthSum += childWidth;
              childWidths[i] = childWidth;
              if (childWidthSum > containerWidth) {
                const { updateCounter } = props;
                for (let j = i; j >= 0; --j) {
                  const restCount = len2 - 1 - j;
                  if (updateCounter !== void 0) {
                    updateCounter(restCount);
                  } else {
                    counter.textContent = `${restCount}`;
                  }
                  const counterWidth = counter.offsetWidth;
                  childWidthSum -= childWidths[j];
                  if (childWidthSum + counterWidth <= containerWidth || j === 0) {
                    overflow = true;
                    i = j - 1;
                    if (tail) {
                      if (i === -1) {
                        tail.style.maxWidth = `${containerWidth - counterWidth}px`;
                        tail.style.boxSizing = "border-box";
                      } else {
                        tail.style.maxWidth = "";
                      }
                    }
                    const { onUpdateCount } = props;
                    if (onUpdateCount)
                      onUpdateCount(restCount);
                    break;
                  }
                }
              }
            }
            const { onUpdateOverflow } = props;
            if (!overflow) {
              if (onUpdateOverflow !== void 0) {
                onUpdateOverflow(false);
              }
              counter.setAttribute(hiddenAttr, "");
            } else {
              if (onUpdateOverflow !== void 0) {
                onUpdateOverflow(true);
              }
            }
          }
          const ssrAdapter2 = useSsrAdapter();
          style$1E.mount({
            id: "vueuc/overflow",
            head: true,
            anchorMetaName: cssrAnchorMetaName$1,
            ssr: ssrAdapter2
          });
          vue.onMounted(() => deriveCounter({
            showAllItemsBeforeCalculate: false
          }));
          return {
            selfRef,
            counterRef,
            sync: deriveCounter
          };
        },
        render() {
          const { $slots } = this;
          vue.nextTick(() => this.sync({
            showAllItemsBeforeCalculate: false
          }));
          return vue.h("div", {
            class: "v-overflow",
            ref: "selfRef"
          }, [
            vue.renderSlot($slots, "default"),
            // $slots.counter should only has 1 element
            $slots.counter ? $slots.counter() : vue.h("span", {
              style: {
                display: "inline-block"
              },
              ref: "counterRef"
            }),
            // $slots.tail should only has 1 element
            $slots.tail ? $slots.tail() : null
          ]);
        }
      });
      function isHTMLElement(node) {
        return node instanceof HTMLElement;
      }
      function focusFirstDescendant(node) {
        for (let i = 0; i < node.childNodes.length; i++) {
          const child = node.childNodes[i];
          if (isHTMLElement(child)) {
            if (attemptFocus(child) || focusFirstDescendant(child)) {
              return true;
            }
          }
        }
        return false;
      }
      function focusLastDescendant(element) {
        for (let i = element.childNodes.length - 1; i >= 0; i--) {
          const child = element.childNodes[i];
          if (isHTMLElement(child)) {
            if (attemptFocus(child) || focusLastDescendant(child)) {
              return true;
            }
          }
        }
        return false;
      }
      function attemptFocus(element) {
        if (!isFocusable(element)) {
          return false;
        }
        try {
          element.focus({ preventScroll: true });
        } catch (e) {
        }
        return document.activeElement === element;
      }
      function isFocusable(element) {
        if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null) {
          return true;
        }
        if (element.getAttribute("disabled")) {
          return false;
        }
        switch (element.nodeName) {
          case "A":
            return !!element.href && element.rel !== "ignore";
          case "INPUT":
            return element.type !== "hidden" && element.type !== "file";
          case "BUTTON":
          case "SELECT":
          case "TEXTAREA":
            return true;
          default:
            return false;
        }
      }
      let stack = [];
      const FocusTrap = vue.defineComponent({
        name: "FocusTrap",
        props: {
          disabled: Boolean,
          active: Boolean,
          autoFocus: {
            type: Boolean,
            default: true
          },
          onEsc: Function,
          initialFocusTo: String,
          finalFocusTo: String,
          returnFocusOnDeactivated: {
            type: Boolean,
            default: true
          }
        },
        setup(props) {
          const id = createId();
          const focusableStartRef = vue.ref(null);
          const focusableEndRef = vue.ref(null);
          let activated = false;
          let ignoreInternalFocusChange = false;
          const lastFocusedElement = typeof document === "undefined" ? null : document.activeElement;
          function isCurrentActive() {
            const currentActiveId = stack[stack.length - 1];
            return currentActiveId === id;
          }
          function handleDocumentKeydown(e) {
            var _a;
            if (e.code === "Escape") {
              if (isCurrentActive()) {
                (_a = props.onEsc) === null || _a === void 0 ? void 0 : _a.call(props, e);
              }
            }
          }
          vue.onMounted(() => {
            vue.watch(() => props.active, (value) => {
              if (value) {
                activate();
                on("keydown", document, handleDocumentKeydown);
              } else {
                off("keydown", document, handleDocumentKeydown);
                if (activated) {
                  deactivate();
                }
              }
            }, {
              immediate: true
            });
          });
          vue.onBeforeUnmount(() => {
            off("keydown", document, handleDocumentKeydown);
            if (activated)
              deactivate();
          });
          function handleDocumentFocus(e) {
            if (ignoreInternalFocusChange)
              return;
            if (isCurrentActive()) {
              const mainEl = getMainEl();
              if (mainEl === null)
                return;
              if (mainEl.contains(getPreciseEventTarget(e)))
                return;
              resetFocusTo("first");
            }
          }
          function getMainEl() {
            const focusableStartEl = focusableStartRef.value;
            if (focusableStartEl === null)
              return null;
            let mainEl = focusableStartEl;
            while (true) {
              mainEl = mainEl.nextSibling;
              if (mainEl === null)
                break;
              if (mainEl instanceof Element && mainEl.tagName === "DIV") {
                break;
              }
            }
            return mainEl;
          }
          function activate() {
            var _a;
            if (props.disabled)
              return;
            stack.push(id);
            if (props.autoFocus) {
              const { initialFocusTo } = props;
              if (initialFocusTo === void 0) {
                resetFocusTo("first");
              } else {
                (_a = resolveTo(initialFocusTo)) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
              }
            }
            activated = true;
            document.addEventListener("focus", handleDocumentFocus, true);
          }
          function deactivate() {
            var _a;
            if (props.disabled)
              return;
            document.removeEventListener("focus", handleDocumentFocus, true);
            stack = stack.filter((idInStack) => idInStack !== id);
            if (isCurrentActive())
              return;
            const { finalFocusTo } = props;
            if (finalFocusTo !== void 0) {
              (_a = resolveTo(finalFocusTo)) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
            } else if (props.returnFocusOnDeactivated) {
              if (lastFocusedElement instanceof HTMLElement) {
                ignoreInternalFocusChange = true;
                lastFocusedElement.focus({ preventScroll: true });
                ignoreInternalFocusChange = false;
              }
            }
          }
          function resetFocusTo(target) {
            if (!isCurrentActive())
              return;
            if (props.active) {
              const focusableStartEl = focusableStartRef.value;
              const focusableEndEl = focusableEndRef.value;
              if (focusableStartEl !== null && focusableEndEl !== null) {
                const mainEl = getMainEl();
                if (mainEl == null || mainEl === focusableEndEl) {
                  ignoreInternalFocusChange = true;
                  focusableStartEl.focus({ preventScroll: true });
                  ignoreInternalFocusChange = false;
                  return;
                }
                ignoreInternalFocusChange = true;
                const focused = target === "first" ? focusFirstDescendant(mainEl) : focusLastDescendant(mainEl);
                ignoreInternalFocusChange = false;
                if (!focused) {
                  ignoreInternalFocusChange = true;
                  focusableStartEl.focus({ preventScroll: true });
                  ignoreInternalFocusChange = false;
                }
              }
            }
          }
          function handleStartFocus(e) {
            if (ignoreInternalFocusChange)
              return;
            const mainEl = getMainEl();
            if (mainEl === null)
              return;
            if (e.relatedTarget !== null && mainEl.contains(e.relatedTarget)) {
              resetFocusTo("last");
            } else {
              resetFocusTo("first");
            }
          }
          function handleEndFocus(e) {
            if (ignoreInternalFocusChange)
              return;
            if (e.relatedTarget !== null && e.relatedTarget === focusableStartRef.value) {
              resetFocusTo("last");
            } else {
              resetFocusTo("first");
            }
          }
          return {
            focusableStartRef,
            focusableEndRef,
            focusableStyle: "position: absolute; height: 0; width: 0;",
            handleStartFocus,
            handleEndFocus
          };
        },
        render() {
          const { default: defaultSlot } = this.$slots;
          if (defaultSlot === void 0)
            return null;
          if (this.disabled)
            return defaultSlot();
          const { active, focusableStyle } = this;
          return vue.h(vue.Fragment, null, [
            vue.h("div", {
              "aria-hidden": "true",
              tabindex: active ? "0" : "-1",
              ref: "focusableStartRef",
              style: focusableStyle,
              onFocus: this.handleStartFocus
            }),
            defaultSlot(),
            vue.h("div", {
              "aria-hidden": "true",
              style: focusableStyle,
              ref: "focusableEndRef",
              tabindex: active ? "0" : "-1",
              onFocus: this.handleEndFocus
            })
          ]);
        }
      });
      function useOnResize(elRef, onResize) {
        if (onResize) {
          vue.onMounted(() => {
            const {
              value: el
            } = elRef;
            if (el) {
              resizeObserverManager.registerHandler(el, onResize);
            }
          });
          vue.onBeforeUnmount(() => {
            const {
              value: el
            } = elRef;
            if (el) {
              resizeObserverManager.unregisterHandler(el);
            }
          });
        }
      }
      let lockCount = 0;
      let originalMarginRight = "";
      let originalOverflow = "";
      let originalOverflowX = "";
      let originalOverflowY = "";
      const lockHtmlScrollRightCompensationRef = vue.ref("0px");
      function useLockHtmlScroll(lockRef) {
        if (typeof document === "undefined")
          return;
        const el = document.documentElement;
        let watchStopHandle;
        let activated = false;
        const unlock = () => {
          el.style.marginRight = originalMarginRight;
          el.style.overflow = originalOverflow;
          el.style.overflowX = originalOverflowX;
          el.style.overflowY = originalOverflowY;
          lockHtmlScrollRightCompensationRef.value = "0px";
        };
        vue.onMounted(() => {
          watchStopHandle = vue.watch(lockRef, (value) => {
            if (value) {
              if (!lockCount) {
                const scrollbarWidth = window.innerWidth - el.offsetWidth;
                if (scrollbarWidth > 0) {
                  originalMarginRight = el.style.marginRight;
                  el.style.marginRight = `${scrollbarWidth}px`;
                  lockHtmlScrollRightCompensationRef.value = `${scrollbarWidth}px`;
                }
                originalOverflow = el.style.overflow;
                originalOverflowX = el.style.overflowX;
                originalOverflowY = el.style.overflowY;
                el.style.overflow = "hidden";
                el.style.overflowX = "hidden";
                el.style.overflowY = "hidden";
              }
              activated = true;
              lockCount++;
            } else {
              lockCount--;
              if (!lockCount) {
                unlock();
              }
              activated = false;
            }
          }, {
            immediate: true
          });
        });
        vue.onBeforeUnmount(() => {
          watchStopHandle === null || watchStopHandle === void 0 ? void 0 : watchStopHandle();
          if (activated) {
            lockCount--;
            if (!lockCount) {
              unlock();
            }
            activated = false;
          }
        });
      }
      const isComposingRef = vue.ref(false);
      const compositionStartHandler = () => {
        isComposingRef.value = true;
      };
      const compositionEndHandler = () => {
        isComposingRef.value = false;
      };
      let mountedCount = 0;
      const useIsComposing = () => {
        if (isBrowser$2) {
          vue.onBeforeMount(() => {
            if (!mountedCount) {
              window.addEventListener("compositionstart", compositionStartHandler);
              window.addEventListener("compositionend", compositionEndHandler);
            }
            mountedCount++;
          });
          vue.onBeforeUnmount(() => {
            if (mountedCount <= 1) {
              window.removeEventListener("compositionstart", compositionStartHandler);
              window.removeEventListener("compositionend", compositionEndHandler);
              mountedCount = 0;
            } else {
              mountedCount--;
            }
          });
        }
        return isComposingRef;
      };
      function useReactivated(callback) {
        const isDeactivatedRef = {
          isDeactivated: false
        };
        let activateStateInitialized = false;
        vue.onActivated(() => {
          isDeactivatedRef.isDeactivated = false;
          if (!activateStateInitialized) {
            activateStateInitialized = true;
            return;
          }
          callback();
        });
        vue.onDeactivated(() => {
          isDeactivatedRef.isDeactivated = true;
          if (!activateStateInitialized) {
            activateStateInitialized = true;
          }
        });
        return isDeactivatedRef;
      }
      function isDocument(node) {
        return node.nodeName === "#document";
      }
      const download = (url, name) => {
        if (!url)
          return;
        const a2 = document.createElement("a");
        a2.href = url;
        if (name !== void 0) {
          a2.download = name;
        }
        document.body.appendChild(a2);
        a2.click();
        document.body.removeChild(a2);
      };
      const formItemInjectionKey = createInjectionKey("n-form-item");
      function useFormItem(props, {
        defaultSize = "medium",
        mergedSize,
        mergedDisabled
      } = {}) {
        const NFormItem2 = vue.inject(formItemInjectionKey, null);
        vue.provide(formItemInjectionKey, null);
        const mergedSizeRef = vue.computed(mergedSize ? () => mergedSize(NFormItem2) : () => {
          const {
            size: size2
          } = props;
          if (size2)
            return size2;
          if (NFormItem2) {
            const {
              mergedSize: mergedSize2
            } = NFormItem2;
            if (mergedSize2.value !== void 0) {
              return mergedSize2.value;
            }
          }
          return defaultSize;
        });
        const mergedDisabledRef = vue.computed(mergedDisabled ? () => mergedDisabled(NFormItem2) : () => {
          const {
            disabled
          } = props;
          if (disabled !== void 0) {
            return disabled;
          }
          if (NFormItem2) {
            return NFormItem2.disabled.value;
          }
          return false;
        });
        const mergedStatusRef = vue.computed(() => {
          const {
            status
          } = props;
          if (status)
            return status;
          return NFormItem2 === null || NFormItem2 === void 0 ? void 0 : NFormItem2.mergedValidationStatus.value;
        });
        vue.onBeforeUnmount(() => {
          if (NFormItem2) {
            NFormItem2.restoreValidation();
          }
        });
        return {
          mergedSizeRef,
          mergedDisabledRef,
          mergedStatusRef,
          nTriggerFormBlur() {
            if (NFormItem2) {
              NFormItem2.handleContentBlur();
            }
          },
          nTriggerFormChange() {
            if (NFormItem2) {
              NFormItem2.handleContentChange();
            }
          },
          nTriggerFormFocus() {
            if (NFormItem2) {
              NFormItem2.handleContentFocus();
            }
          },
          nTriggerFormInput() {
            if (NFormItem2) {
              NFormItem2.handleContentInput();
            }
          }
        };
      }
      var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
      var freeSelf = typeof self == "object" && self && self.Object === Object && self;
      var root = freeGlobal || freeSelf || Function("return this")();
      var Symbol$1 = root.Symbol;
      var objectProto$e = Object.prototype;
      var hasOwnProperty$b = objectProto$e.hasOwnProperty;
      var nativeObjectToString$1 = objectProto$e.toString;
      var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0;
      function getRawTag(value) {
        var isOwn = hasOwnProperty$b.call(value, symToStringTag$1), tag = value[symToStringTag$1];
        try {
          value[symToStringTag$1] = void 0;
          var unmasked = true;
        } catch (e) {
        }
        var result = nativeObjectToString$1.call(value);
        if (unmasked) {
          if (isOwn) {
            value[symToStringTag$1] = tag;
          } else {
            delete value[symToStringTag$1];
          }
        }
        return result;
      }
      var objectProto$d = Object.prototype;
      var nativeObjectToString = objectProto$d.toString;
      function objectToString(value) {
        return nativeObjectToString.call(value);
      }
      var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
      var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
      function baseGetTag(value) {
        if (value == null) {
          return value === void 0 ? undefinedTag : nullTag;
        }
        return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
      }
      function isObjectLike(value) {
        return value != null && typeof value == "object";
      }
      var symbolTag$1 = "[object Symbol]";
      function isSymbol(value) {
        return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$1;
      }
      function arrayMap(array, iteratee) {
        var index = -1, length = array == null ? 0 : array.length, result = Array(length);
        while (++index < length) {
          result[index] = iteratee(array[index], index, array);
        }
        return result;
      }
      var isArray = Array.isArray;
      var INFINITY$2 = 1 / 0;
      var symbolProto$1 = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
      function baseToString(value) {
        if (typeof value == "string") {
          return value;
        }
        if (isArray(value)) {
          return arrayMap(value, baseToString) + "";
        }
        if (isSymbol(value)) {
          return symbolToString ? symbolToString.call(value) : "";
        }
        var result = value + "";
        return result == "0" && 1 / value == -INFINITY$2 ? "-0" : result;
      }
      var reWhitespace = /\s/;
      function trimmedEndIndex(string2) {
        var index = string2.length;
        while (index-- && reWhitespace.test(string2.charAt(index))) {
        }
        return index;
      }
      var reTrimStart = /^\s+/;
      function baseTrim(string2) {
        return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
      }
      function isObject(value) {
        var type = typeof value;
        return value != null && (type == "object" || type == "function");
      }
      var NAN = 0 / 0;
      var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
      var reIsBinary = /^0b[01]+$/i;
      var reIsOctal = /^0o[0-7]+$/i;
      var freeParseInt = parseInt;
      function toNumber(value) {
        if (typeof value == "number") {
          return value;
        }
        if (isSymbol(value)) {
          return NAN;
        }
        if (isObject(value)) {
          var other = typeof value.valueOf == "function" ? value.valueOf() : value;
          value = isObject(other) ? other + "" : other;
        }
        if (typeof value != "string") {
          return value === 0 ? value : +value;
        }
        value = baseTrim(value);
        var isBinary = reIsBinary.test(value);
        return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
      }
      var INFINITY$1 = 1 / 0, MAX_INTEGER = 17976931348623157e292;
      function toFinite(value) {
        if (!value) {
          return value === 0 ? value : 0;
        }
        value = toNumber(value);
        if (value === INFINITY$1 || value === -INFINITY$1) {
          var sign = value < 0 ? -1 : 1;
          return sign * MAX_INTEGER;
        }
        return value === value ? value : 0;
      }
      function toInteger$3(value) {
        var result = toFinite(value), remainder = result % 1;
        return result === result ? remainder ? result - remainder : result : 0;
      }
      function identity(value) {
        return value;
      }
      var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
      function isFunction(value) {
        if (!isObject(value)) {
          return false;
        }
        var tag = baseGetTag(value);
        return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
      }
      var coreJsData = root["__core-js_shared__"];
      var maskSrcKey = function() {
        var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
        return uid ? "Symbol(src)_1." + uid : "";
      }();
      function isMasked(func) {
        return !!maskSrcKey && maskSrcKey in func;
      }
      var funcProto$2 = Function.prototype;
      var funcToString$2 = funcProto$2.toString;
      function toSource(func) {
        if (func != null) {
          try {
            return funcToString$2.call(func);
          } catch (e) {
          }
          try {
            return func + "";
          } catch (e) {
          }
        }
        return "";
      }
      var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
      var reIsHostCtor = /^\[object .+?Constructor\]$/;
      var funcProto$1 = Function.prototype, objectProto$c = Object.prototype;
      var funcToString$1 = funcProto$1.toString;
      var hasOwnProperty$a = objectProto$c.hasOwnProperty;
      var reIsNative = RegExp(
        "^" + funcToString$1.call(hasOwnProperty$a).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
      );
      function baseIsNative(value) {
        if (!isObject(value) || isMasked(value)) {
          return false;
        }
        var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
        return pattern.test(toSource(value));
      }
      function getValue$1(object, key) {
        return object == null ? void 0 : object[key];
      }
      function getNative(object, key) {
        var value = getValue$1(object, key);
        return baseIsNative(value) ? value : void 0;
      }
      var WeakMap$1 = getNative(root, "WeakMap");
      var objectCreate = Object.create;
      var baseCreate = /* @__PURE__ */ function() {
        function object() {
        }
        return function(proto) {
          if (!isObject(proto)) {
            return {};
          }
          if (objectCreate) {
            return objectCreate(proto);
          }
          object.prototype = proto;
          var result = new object();
          object.prototype = void 0;
          return result;
        };
      }();
      function apply(func, thisArg, args) {
        switch (args.length) {
          case 0:
            return func.call(thisArg);
          case 1:
            return func.call(thisArg, args[0]);
          case 2:
            return func.call(thisArg, args[0], args[1]);
          case 3:
            return func.call(thisArg, args[0], args[1], args[2]);
        }
        return func.apply(thisArg, args);
      }
      function copyArray(source, array) {
        var index = -1, length = source.length;
        array || (array = Array(length));
        while (++index < length) {
          array[index] = source[index];
        }
        return array;
      }
      var HOT_COUNT = 800, HOT_SPAN = 16;
      var nativeNow = Date.now;
      function shortOut(func) {
        var count = 0, lastCalled = 0;
        return function() {
          var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
          lastCalled = stamp;
          if (remaining > 0) {
            if (++count >= HOT_COUNT) {
              return arguments[0];
            }
          } else {
            count = 0;
          }
          return func.apply(void 0, arguments);
        };
      }
      function constant(value) {
        return function() {
          return value;
        };
      }
      var defineProperty = function() {
        try {
          var func = getNative(Object, "defineProperty");
          func({}, "", {});
          return func;
        } catch (e) {
        }
      }();
      var baseSetToString = !defineProperty ? identity : function(func, string2) {
        return defineProperty(func, "toString", {
          "configurable": true,
          "enumerable": false,
          "value": constant(string2),
          "writable": true
        });
      };
      var setToString = shortOut(baseSetToString);
      var MAX_SAFE_INTEGER$1 = 9007199254740991;
      var reIsUint = /^(?:0|[1-9]\d*)$/;
      function isIndex(value, length) {
        var type = typeof value;
        length = length == null ? MAX_SAFE_INTEGER$1 : length;
        return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
      }
      function baseAssignValue(object, key, value) {
        if (key == "__proto__" && defineProperty) {
          defineProperty(object, key, {
            "configurable": true,
            "enumerable": true,
            "value": value,
            "writable": true
          });
        } else {
          object[key] = value;
        }
      }
      function eq(value, other) {
        return value === other || value !== value && other !== other;
      }
      var objectProto$b = Object.prototype;
      var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
      function assignValue(object, key, value) {
        var objValue = object[key];
        if (!(hasOwnProperty$9.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
          baseAssignValue(object, key, value);
        }
      }
      function copyObject(source, props, object, customizer) {
        var isNew = !object;
        object || (object = {});
        var index = -1, length = props.length;
        while (++index < length) {
          var key = props[index];
          var newValue = void 0;
          if (newValue === void 0) {
            newValue = source[key];
          }
          if (isNew) {
            baseAssignValue(object, key, newValue);
          } else {
            assignValue(object, key, newValue);
          }
        }
        return object;
      }
      var nativeMax$1 = Math.max;
      function overRest(func, start, transform) {
        start = nativeMax$1(start === void 0 ? func.length - 1 : start, 0);
        return function() {
          var args = arguments, index = -1, length = nativeMax$1(args.length - start, 0), array = Array(length);
          while (++index < length) {
            array[index] = args[start + index];
          }
          index = -1;
          var otherArgs = Array(start + 1);
          while (++index < start) {
            otherArgs[index] = args[index];
          }
          otherArgs[start] = transform(array);
          return apply(func, this, otherArgs);
        };
      }
      function baseRest(func, start) {
        return setToString(overRest(func, start, identity), func + "");
      }
      var MAX_SAFE_INTEGER = 9007199254740991;
      function isLength(value) {
        return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
      }
      function isArrayLike(value) {
        return value != null && isLength(value.length) && !isFunction(value);
      }
      function isIterateeCall(value, index, object) {
        if (!isObject(object)) {
          return false;
        }
        var type = typeof index;
        if (type == "number" ? isArrayLike(object) && isIndex(index, object.length) : type == "string" && index in object) {
          return eq(object[index], value);
        }
        return false;
      }
      function createAssigner(assigner) {
        return baseRest(function(object, sources) {
          var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
          customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
          if (guard && isIterateeCall(sources[0], sources[1], guard)) {
            customizer = length < 3 ? void 0 : customizer;
            length = 1;
          }
          object = Object(object);
          while (++index < length) {
            var source = sources[index];
            if (source) {
              assigner(object, source, index, customizer);
            }
          }
          return object;
        });
      }
      var objectProto$a = Object.prototype;
      function isPrototype(value) {
        var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$a;
        return value === proto;
      }
      function baseTimes(n, iteratee) {
        var index = -1, result = Array(n);
        while (++index < n) {
          result[index] = iteratee(index);
        }
        return result;
      }
      var argsTag$2 = "[object Arguments]";
      function baseIsArguments(value) {
        return isObjectLike(value) && baseGetTag(value) == argsTag$2;
      }
      var objectProto$9 = Object.prototype;
      var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
      var propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable;
      var isArguments = baseIsArguments(/* @__PURE__ */ function() {
        return arguments;
      }()) ? baseIsArguments : function(value) {
        return isObjectLike(value) && hasOwnProperty$8.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
      };
      function stubFalse() {
        return false;
      }
      var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
      var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
      var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
      var Buffer$1 = moduleExports$2 ? root.Buffer : void 0;
      var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
      var isBuffer = nativeIsBuffer || stubFalse;
      var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", objectTag$3 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", weakMapTag$1 = "[object WeakMap]";
      var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
      var typedArrayTags = {};
      typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
      typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$1] = typedArrayTags[boolTag$1] = typedArrayTags[dataViewTag$2] = typedArrayTags[dateTag$1] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag$1] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$1] = typedArrayTags[setTag$2] = typedArrayTags[stringTag$1] = typedArrayTags[weakMapTag$1] = false;
      function baseIsTypedArray(value) {
        return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
      }
      function baseUnary(func) {
        return function(value) {
          return func(value);
        };
      }
      var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
      var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
      var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
      var freeProcess = moduleExports$1 && freeGlobal.process;
      var nodeUtil = function() {
        try {
          var types2 = freeModule$1 && freeModule$1.require && freeModule$1.require("util").types;
          if (types2) {
            return types2;
          }
          return freeProcess && freeProcess.binding && freeProcess.binding("util");
        } catch (e) {
        }
      }();
      var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
      var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
      var objectProto$8 = Object.prototype;
      var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
      function arrayLikeKeys(value, inherited) {
        var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
        for (var key in value) {
          if ((inherited || hasOwnProperty$7.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
          (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
          isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
          isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
          isIndex(key, length)))) {
            result.push(key);
          }
        }
        return result;
      }
      function overArg(func, transform) {
        return function(arg) {
          return func(transform(arg));
        };
      }
      var nativeKeys = overArg(Object.keys, Object);
      var objectProto$7 = Object.prototype;
      var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
      function baseKeys(object) {
        if (!isPrototype(object)) {
          return nativeKeys(object);
        }
        var result = [];
        for (var key in Object(object)) {
          if (hasOwnProperty$6.call(object, key) && key != "constructor") {
            result.push(key);
          }
        }
        return result;
      }
      function keys(object) {
        return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
      }
      function nativeKeysIn(object) {
        var result = [];
        if (object != null) {
          for (var key in Object(object)) {
            result.push(key);
          }
        }
        return result;
      }
      var objectProto$6 = Object.prototype;
      var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
      function baseKeysIn(object) {
        if (!isObject(object)) {
          return nativeKeysIn(object);
        }
        var isProto = isPrototype(object), result = [];
        for (var key in object) {
          if (!(key == "constructor" && (isProto || !hasOwnProperty$5.call(object, key)))) {
            result.push(key);
          }
        }
        return result;
      }
      function keysIn(object) {
        return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
      }
      var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
      function isKey(value, object) {
        if (isArray(value)) {
          return false;
        }
        var type = typeof value;
        if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) {
          return true;
        }
        return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
      }
      var nativeCreate = getNative(Object, "create");
      function hashClear() {
        this.__data__ = nativeCreate ? nativeCreate(null) : {};
        this.size = 0;
      }
      function hashDelete(key) {
        var result = this.has(key) && delete this.__data__[key];
        this.size -= result ? 1 : 0;
        return result;
      }
      var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
      var objectProto$5 = Object.prototype;
      var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
      function hashGet(key) {
        var data = this.__data__;
        if (nativeCreate) {
          var result = data[key];
          return result === HASH_UNDEFINED$2 ? void 0 : result;
        }
        return hasOwnProperty$4.call(data, key) ? data[key] : void 0;
      }
      var objectProto$4 = Object.prototype;
      var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
      function hashHas(key) {
        var data = this.__data__;
        return nativeCreate ? data[key] !== void 0 : hasOwnProperty$3.call(data, key);
      }
      var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
      function hashSet(key, value) {
        var data = this.__data__;
        this.size += this.has(key) ? 0 : 1;
        data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED$1 : value;
        return this;
      }
      function Hash(entries) {
        var index = -1, length = entries == null ? 0 : entries.length;
        this.clear();
        while (++index < length) {
          var entry = entries[index];
          this.set(entry[0], entry[1]);
        }
      }
      Hash.prototype.clear = hashClear;
      Hash.prototype["delete"] = hashDelete;
      Hash.prototype.get = hashGet;
      Hash.prototype.has = hashHas;
      Hash.prototype.set = hashSet;
      function listCacheClear() {
        this.__data__ = [];
        this.size = 0;
      }
      function assocIndexOf(array, key) {
        var length = array.length;
        while (length--) {
          if (eq(array[length][0], key)) {
            return length;
          }
        }
        return -1;
      }
      var arrayProto = Array.prototype;
      var splice = arrayProto.splice;
      function listCacheDelete(key) {
        var data = this.__data__, index = assocIndexOf(data, key);
        if (index < 0) {
          return false;
        }
        var lastIndex = data.length - 1;
        if (index == lastIndex) {
          data.pop();
        } else {
          splice.call(data, index, 1);
        }
        --this.size;
        return true;
      }
      function listCacheGet(key) {
        var data = this.__data__, index = assocIndexOf(data, key);
        return index < 0 ? void 0 : data[index][1];
      }
      function listCacheHas(key) {
        return assocIndexOf(this.__data__, key) > -1;
      }
      function listCacheSet(key, value) {
        var data = this.__data__, index = assocIndexOf(data, key);
        if (index < 0) {
          ++this.size;
          data.push([key, value]);
        } else {
          data[index][1] = value;
        }
        return this;
      }
      function ListCache(entries) {
        var index = -1, length = entries == null ? 0 : entries.length;
        this.clear();
        while (++index < length) {
          var entry = entries[index];
          this.set(entry[0], entry[1]);
        }
      }
      ListCache.prototype.clear = listCacheClear;
      ListCache.prototype["delete"] = listCacheDelete;
      ListCache.prototype.get = listCacheGet;
      ListCache.prototype.has = listCacheHas;
      ListCache.prototype.set = listCacheSet;
      var Map$1 = getNative(root, "Map");
      function mapCacheClear() {
        this.size = 0;
        this.__data__ = {
          "hash": new Hash(),
          "map": new (Map$1 || ListCache)(),
          "string": new Hash()
        };
      }
      function isKeyable(value) {
        var type = typeof value;
        return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
      }
      function getMapData(map2, key) {
        var data = map2.__data__;
        return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
      }
      function mapCacheDelete(key) {
        var result = getMapData(this, key)["delete"](key);
        this.size -= result ? 1 : 0;
        return result;
      }
      function mapCacheGet(key) {
        return getMapData(this, key).get(key);
      }
      function mapCacheHas(key) {
        return getMapData(this, key).has(key);
      }
      function mapCacheSet(key, value) {
        var data = getMapData(this, key), size2 = data.size;
        data.set(key, value);
        this.size += data.size == size2 ? 0 : 1;
        return this;
      }
      function MapCache(entries) {
        var index = -1, length = entries == null ? 0 : entries.length;
        this.clear();
        while (++index < length) {
          var entry = entries[index];
          this.set(entry[0], entry[1]);
        }
      }
      MapCache.prototype.clear = mapCacheClear;
      MapCache.prototype["delete"] = mapCacheDelete;
      MapCache.prototype.get = mapCacheGet;
      MapCache.prototype.has = mapCacheHas;
      MapCache.prototype.set = mapCacheSet;
      var FUNC_ERROR_TEXT$2 = "Expected a function";
      function memoize(func, resolver) {
        if (typeof func != "function" || resolver != null && typeof resolver != "function") {
          throw new TypeError(FUNC_ERROR_TEXT$2);
        }
        var memoized = function() {
          var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache2 = memoized.cache;
          if (cache2.has(key)) {
            return cache2.get(key);
          }
          var result = func.apply(this, args);
          memoized.cache = cache2.set(key, result) || cache2;
          return result;
        };
        memoized.cache = new (memoize.Cache || MapCache)();
        return memoized;
      }
      memoize.Cache = MapCache;
      var MAX_MEMOIZE_SIZE = 500;
      function memoizeCapped(func) {
        var result = memoize(func, function(key) {
          if (cache2.size === MAX_MEMOIZE_SIZE) {
            cache2.clear();
          }
          return key;
        });
        var cache2 = result.cache;
        return result;
      }
      var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
      var reEscapeChar = /\\(\\)?/g;
      var stringToPath = memoizeCapped(function(string2) {
        var result = [];
        if (string2.charCodeAt(0) === 46) {
          result.push("");
        }
        string2.replace(rePropName, function(match2, number, quote, subString) {
          result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match2);
        });
        return result;
      });
      function toString(value) {
        return value == null ? "" : baseToString(value);
      }
      function castPath(value, object) {
        if (isArray(value)) {
          return value;
        }
        return isKey(value, object) ? [value] : stringToPath(toString(value));
      }
      var INFINITY = 1 / 0;
      function toKey(value) {
        if (typeof value == "string" || isSymbol(value)) {
          return value;
        }
        var result = value + "";
        return result == "0" && 1 / value == -INFINITY ? "-0" : result;
      }
      function baseGet(object, path) {
        path = castPath(path, object);
        var index = 0, length = path.length;
        while (object != null && index < length) {
          object = object[toKey(path[index++])];
        }
        return index && index == length ? object : void 0;
      }
      function get(object, path, defaultValue) {
        var result = object == null ? void 0 : baseGet(object, path);
        return result === void 0 ? defaultValue : result;
      }
      function arrayPush(array, values) {
        var index = -1, length = values.length, offset = array.length;
        while (++index < length) {
          array[offset + index] = values[index];
        }
        return array;
      }
      var getPrototype = overArg(Object.getPrototypeOf, Object);
      var objectTag$2 = "[object Object]";
      var funcProto = Function.prototype, objectProto$3 = Object.prototype;
      var funcToString = funcProto.toString;
      var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
      var objectCtorString = funcToString.call(Object);
      function isPlainObject(value) {
        if (!isObjectLike(value) || baseGetTag(value) != objectTag$2) {
          return false;
        }
        var proto = getPrototype(value);
        if (proto === null) {
          return true;
        }
        var Ctor = hasOwnProperty$2.call(proto, "constructor") && proto.constructor;
        return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
      }
      function baseSlice(array, start, end) {
        var index = -1, length = array.length;
        if (start < 0) {
          start = -start > length ? 0 : length + start;
        }
        end = end > length ? length : end;
        if (end < 0) {
          end += length;
        }
        length = start > end ? 0 : end - start >>> 0;
        start >>>= 0;
        var result = Array(length);
        while (++index < length) {
          result[index] = array[index + start];
        }
        return result;
      }
      function castSlice(array, start, end) {
        var length = array.length;
        end = end === void 0 ? length : end;
        return !start && end >= length ? array : baseSlice(array, start, end);
      }
      var rsAstralRange$2 = "\\ud800-\\udfff", rsComboMarksRange$3 = "\\u0300-\\u036f", reComboHalfMarksRange$3 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$3 = "\\u20d0-\\u20ff", rsComboRange$3 = rsComboMarksRange$3 + reComboHalfMarksRange$3 + rsComboSymbolsRange$3, rsVarRange$2 = "\\ufe0e\\ufe0f";
      var rsZWJ$2 = "\\u200d";
      var reHasUnicode = RegExp("[" + rsZWJ$2 + rsAstralRange$2 + rsComboRange$3 + rsVarRange$2 + "]");
      function hasUnicode(string2) {
        return reHasUnicode.test(string2);
      }
      function asciiToArray(string2) {
        return string2.split("");
      }
      var rsAstralRange$1 = "\\ud800-\\udfff", rsComboMarksRange$2 = "\\u0300-\\u036f", reComboHalfMarksRange$2 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$2 = "\\u20d0-\\u20ff", rsComboRange$2 = rsComboMarksRange$2 + reComboHalfMarksRange$2 + rsComboSymbolsRange$2, rsVarRange$1 = "\\ufe0e\\ufe0f";
      var rsAstral = "[" + rsAstralRange$1 + "]", rsCombo$2 = "[" + rsComboRange$2 + "]", rsFitz$1 = "\\ud83c[\\udffb-\\udfff]", rsModifier$1 = "(?:" + rsCombo$2 + "|" + rsFitz$1 + ")", rsNonAstral$1 = "[^" + rsAstralRange$1 + "]", rsRegional$1 = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair$1 = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsZWJ$1 = "\\u200d";
      var reOptMod$1 = rsModifier$1 + "?", rsOptVar$1 = "[" + rsVarRange$1 + "]?", rsOptJoin$1 = "(?:" + rsZWJ$1 + "(?:" + [rsNonAstral$1, rsRegional$1, rsSurrPair$1].join("|") + ")" + rsOptVar$1 + reOptMod$1 + ")*", rsSeq$1 = rsOptVar$1 + reOptMod$1 + rsOptJoin$1, rsSymbol = "(?:" + [rsNonAstral$1 + rsCombo$2 + "?", rsCombo$2, rsRegional$1, rsSurrPair$1, rsAstral].join("|") + ")";
      var reUnicode = RegExp(rsFitz$1 + "(?=" + rsFitz$1 + ")|" + rsSymbol + rsSeq$1, "g");
      function unicodeToArray(string2) {
        return string2.match(reUnicode) || [];
      }
      function stringToArray(string2) {
        return hasUnicode(string2) ? unicodeToArray(string2) : asciiToArray(string2);
      }
      function createCaseFirst(methodName) {
        return function(string2) {
          string2 = toString(string2);
          var strSymbols = hasUnicode(string2) ? stringToArray(string2) : void 0;
          var chr = strSymbols ? strSymbols[0] : string2.charAt(0);
          var trailing = strSymbols ? castSlice(strSymbols, 1).join("") : string2.slice(1);
          return chr[methodName]() + trailing;
        };
      }
      var upperFirst = createCaseFirst("toUpperCase");
      function capitalize(string2) {
        return upperFirst(toString(string2).toLowerCase());
      }
      function arrayReduce(array, iteratee, accumulator, initAccum) {
        var index = -1, length = array == null ? 0 : array.length;
        while (++index < length) {
          accumulator = iteratee(accumulator, array[index], index, array);
        }
        return accumulator;
      }
      function basePropertyOf(object) {
        return function(key) {
          return object == null ? void 0 : object[key];
        };
      }
      var deburredLetters = {
        // Latin-1 Supplement block.
        "À": "A",
        "Á": "A",
        "Â": "A",
        "Ã": "A",
        "Ä": "A",
        "Å": "A",
        "à": "a",
        "á": "a",
        "â": "a",
        "ã": "a",
        "ä": "a",
        "å": "a",
        "Ç": "C",
        "ç": "c",
        "Ð": "D",
        "ð": "d",
        "È": "E",
        "É": "E",
        "Ê": "E",
        "Ë": "E",
        "è": "e",
        "é": "e",
        "ê": "e",
        "ë": "e",
        "Ì": "I",
        "Í": "I",
        "Î": "I",
        "Ï": "I",
        "ì": "i",
        "í": "i",
        "î": "i",
        "ï": "i",
        "Ñ": "N",
        "ñ": "n",
        "Ò": "O",
        "Ó": "O",
        "Ô": "O",
        "Õ": "O",
        "Ö": "O",
        "Ø": "O",
        "ò": "o",
        "ó": "o",
        "ô": "o",
        "õ": "o",
        "ö": "o",
        "ø": "o",
        "Ù": "U",
        "Ú": "U",
        "Û": "U",
        "Ü": "U",
        "ù": "u",
        "ú": "u",
        "û": "u",
        "ü": "u",
        "Ý": "Y",
        "ý": "y",
        "ÿ": "y",
        "Æ": "Ae",
        "æ": "ae",
        "Þ": "Th",
        "þ": "th",
        "ß": "ss",
        // Latin Extended-A block.
        "Ā": "A",
        "Ă": "A",
        "Ą": "A",
        "ā": "a",
        "ă": "a",
        "ą": "a",
        "Ć": "C",
        "Ĉ": "C",
        "Ċ": "C",
        "Č": "C",
        "ć": "c",
        "ĉ": "c",
        "ċ": "c",
        "č": "c",
        "Ď": "D",
        "Đ": "D",
        "ď": "d",
        "đ": "d",
        "Ē": "E",
        "Ĕ": "E",
        "Ė": "E",
        "Ę": "E",
        "Ě": "E",
        "ē": "e",
        "ĕ": "e",
        "ė": "e",
        "ę": "e",
        "ě": "e",
        "Ĝ": "G",
        "Ğ": "G",
        "Ġ": "G",
        "Ģ": "G",
        "ĝ": "g",
        "ğ": "g",
        "ġ": "g",
        "ģ": "g",
        "Ĥ": "H",
        "Ħ": "H",
        "ĥ": "h",
        "ħ": "h",
        "Ĩ": "I",
        "Ī": "I",
        "Ĭ": "I",
        "Į": "I",
        "İ": "I",
        "ĩ": "i",
        "ī": "i",
        "ĭ": "i",
        "į": "i",
        "ı": "i",
        "Ĵ": "J",
        "ĵ": "j",
        "Ķ": "K",
        "ķ": "k",
        "ĸ": "k",
        "Ĺ": "L",
        "Ļ": "L",
        "Ľ": "L",
        "Ŀ": "L",
        "Ł": "L",
        "ĺ": "l",
        "ļ": "l",
        "ľ": "l",
        "ŀ": "l",
        "ł": "l",
        "Ń": "N",
        "Ņ": "N",
        "Ň": "N",
        "Ŋ": "N",
        "ń": "n",
        "ņ": "n",
        "ň": "n",
        "ŋ": "n",
        "Ō": "O",
        "Ŏ": "O",
        "Ő": "O",
        "ō": "o",
        "ŏ": "o",
        "ő": "o",
        "Ŕ": "R",
        "Ŗ": "R",
        "Ř": "R",
        "ŕ": "r",
        "ŗ": "r",
        "ř": "r",
        "Ś": "S",
        "Ŝ": "S",
        "Ş": "S",
        "Š": "S",
        "ś": "s",
        "ŝ": "s",
        "ş": "s",
        "š": "s",
        "Ţ": "T",
        "Ť": "T",
        "Ŧ": "T",
        "ţ": "t",
        "ť": "t",
        "ŧ": "t",
        "Ũ": "U",
        "Ū": "U",
        "Ŭ": "U",
        "Ů": "U",
        "Ű": "U",
        "Ų": "U",
        "ũ": "u",
        "ū": "u",
        "ŭ": "u",
        "ů": "u",
        "ű": "u",
        "ų": "u",
        "Ŵ": "W",
        "ŵ": "w",
        "Ŷ": "Y",
        "ŷ": "y",
        "Ÿ": "Y",
        "Ź": "Z",
        "Ż": "Z",
        "Ž": "Z",
        "ź": "z",
        "ż": "z",
        "ž": "z",
        "IJ": "IJ",
        "ij": "ij",
        "Œ": "Oe",
        "œ": "oe",
        "ʼn": "'n",
        "ſ": "s"
      };
      var deburrLetter = basePropertyOf(deburredLetters);
      var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
      var rsComboMarksRange$1 = "\\u0300-\\u036f", reComboHalfMarksRange$1 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$1 = "\\u20d0-\\u20ff", rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1;
      var rsCombo$1 = "[" + rsComboRange$1 + "]";
      var reComboMark = RegExp(rsCombo$1, "g");
      function deburr(string2) {
        string2 = toString(string2);
        return string2 && string2.replace(reLatin, deburrLetter).replace(reComboMark, "");
      }
      var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
      function asciiWords(string2) {
        return string2.match(reAsciiWord) || [];
      }
      var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
      function hasUnicodeWord(string2) {
        return reHasUnicodeWord.test(string2);
      }
      var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsDingbatRange = "\\u2700-\\u27bf", rsLowerRange = "a-z\\xdf-\\xf6\\xf8-\\xff", rsMathOpRange = "\\xac\\xb1\\xd7\\xf7", rsNonCharRange = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", rsPunctuationRange = "\\u2000-\\u206f", rsSpaceRange = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", rsUpperRange = "A-Z\\xc0-\\xd6\\xd8-\\xde", rsVarRange = "\\ufe0e\\ufe0f", rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
      var rsApos$1 = "['’]", rsBreak = "[" + rsBreakRange + "]", rsCombo = "[" + rsComboRange + "]", rsDigits = "\\d+", rsDingbat = "[" + rsDingbatRange + "]", rsLower = "[" + rsLowerRange + "]", rsMisc = "[^" + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsUpper = "[" + rsUpperRange + "]", rsZWJ = "\\u200d";
      var rsMiscLower = "(?:" + rsLower + "|" + rsMisc + ")", rsMiscUpper = "(?:" + rsUpper + "|" + rsMisc + ")", rsOptContrLower = "(?:" + rsApos$1 + "(?:d|ll|m|re|s|t|ve))?", rsOptContrUpper = "(?:" + rsApos$1 + "(?:D|LL|M|RE|S|T|VE))?", reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsOrdLower = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", rsOrdUpper = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsEmoji = "(?:" + [rsDingbat, rsRegional, rsSurrPair].join("|") + ")" + rsSeq;
      var reUnicodeWord = RegExp([
        rsUpper + "?" + rsLower + "+" + rsOptContrLower + "(?=" + [rsBreak, rsUpper, "$"].join("|") + ")",
        rsMiscUpper + "+" + rsOptContrUpper + "(?=" + [rsBreak, rsUpper + rsMiscLower, "$"].join("|") + ")",
        rsUpper + "?" + rsMiscLower + "+" + rsOptContrLower,
        rsUpper + "+" + rsOptContrUpper,
        rsOrdUpper,
        rsOrdLower,
        rsDigits,
        rsEmoji
      ].join("|"), "g");
      function unicodeWords(string2) {
        return string2.match(reUnicodeWord) || [];
      }
      function words(string2, pattern, guard) {
        string2 = toString(string2);
        pattern = pattern;
        if (pattern === void 0) {
          return hasUnicodeWord(string2) ? unicodeWords(string2) : asciiWords(string2);
        }
        return string2.match(pattern) || [];
      }
      var rsApos = "['’]";
      var reApos = RegExp(rsApos, "g");
      function createCompounder(callback) {
        return function(string2) {
          return arrayReduce(words(deburr(string2).replace(reApos, "")), callback, "");
        };
      }
      var camelCase = createCompounder(function(result, word, index) {
        word = word.toLowerCase();
        return result + (index ? capitalize(word) : word);
      });
      var nativeIsFinite = root.isFinite, nativeMin$1 = Math.min;
      function createRound(methodName) {
        var func = Math[methodName];
        return function(number, precision) {
          number = toNumber(number);
          precision = precision == null ? 0 : nativeMin$1(toInteger$3(precision), 292);
          if (precision && nativeIsFinite(number)) {
            var pair = (toString(number) + "e").split("e"), value = func(pair[0] + "e" + (+pair[1] + precision));
            pair = (toString(value) + "e").split("e");
            return +(pair[0] + "e" + (+pair[1] - precision));
          }
          return func(number);
        };
      }
      function stackClear() {
        this.__data__ = new ListCache();
        this.size = 0;
      }
      function stackDelete(key) {
        var data = this.__data__, result = data["delete"](key);
        this.size = data.size;
        return result;
      }
      function stackGet(key) {
        return this.__data__.get(key);
      }
      function stackHas(key) {
        return this.__data__.has(key);
      }
      var LARGE_ARRAY_SIZE = 200;
      function stackSet(key, value) {
        var data = this.__data__;
        if (data instanceof ListCache) {
          var pairs = data.__data__;
          if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE - 1) {
            pairs.push([key, value]);
            this.size = ++data.size;
            return this;
          }
          data = this.__data__ = new MapCache(pairs);
        }
        data.set(key, value);
        this.size = data.size;
        return this;
      }
      function Stack(entries) {
        var data = this.__data__ = new ListCache(entries);
        this.size = data.size;
      }
      Stack.prototype.clear = stackClear;
      Stack.prototype["delete"] = stackDelete;
      Stack.prototype.get = stackGet;
      Stack.prototype.has = stackHas;
      Stack.prototype.set = stackSet;
      var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
      var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
      var moduleExports = freeModule && freeModule.exports === freeExports;
      var Buffer2 = moduleExports ? root.Buffer : void 0;
      Buffer2 ? Buffer2.allocUnsafe : void 0;
      function cloneBuffer(buffer, isDeep) {
        {
          return buffer.slice();
        }
      }
      function arrayFilter(array, predicate) {
        var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
        while (++index < length) {
          var value = array[index];
          if (predicate(value, index, array)) {
            result[resIndex++] = value;
          }
        }
        return result;
      }
      function stubArray() {
        return [];
      }
      var objectProto$2 = Object.prototype;
      var propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
      var nativeGetSymbols = Object.getOwnPropertySymbols;
      var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
        if (object == null) {
          return [];
        }
        object = Object(object);
        return arrayFilter(nativeGetSymbols(object), function(symbol) {
          return propertyIsEnumerable.call(object, symbol);
        });
      };
      function baseGetAllKeys(object, keysFunc, symbolsFunc) {
        var result = keysFunc(object);
        return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
      }
      function getAllKeys(object) {
        return baseGetAllKeys(object, keys, getSymbols);
      }
      var DataView = getNative(root, "DataView");
      var Promise$1 = getNative(root, "Promise");
      var Set$1 = getNative(root, "Set");
      var mapTag$1 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]";
      var dataViewTag$1 = "[object DataView]";
      var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
      var getTag = baseGetTag;
      if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$1 || Map$1 && getTag(new Map$1()) != mapTag$1 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$1 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
        getTag = function(value) {
          var result = baseGetTag(value), Ctor = result == objectTag$1 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
          if (ctorString) {
            switch (ctorString) {
              case dataViewCtorString:
                return dataViewTag$1;
              case mapCtorString:
                return mapTag$1;
              case promiseCtorString:
                return promiseTag;
              case setCtorString:
                return setTag$1;
              case weakMapCtorString:
                return weakMapTag;
            }
          }
          return result;
        };
      }
      var Uint8Array2 = root.Uint8Array;
      function cloneArrayBuffer(arrayBuffer) {
        var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
        new Uint8Array2(result).set(new Uint8Array2(arrayBuffer));
        return result;
      }
      function cloneTypedArray(typedArray, isDeep) {
        var buffer = cloneArrayBuffer(typedArray.buffer);
        return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
      }
      function initCloneObject(object) {
        return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate(getPrototype(object)) : {};
      }
      var HASH_UNDEFINED = "__lodash_hash_undefined__";
      function setCacheAdd(value) {
        this.__data__.set(value, HASH_UNDEFINED);
        return this;
      }
      function setCacheHas(value) {
        return this.__data__.has(value);
      }
      function SetCache(values) {
        var index = -1, length = values == null ? 0 : values.length;
        this.__data__ = new MapCache();
        while (++index < length) {
          this.add(values[index]);
        }
      }
      SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
      SetCache.prototype.has = setCacheHas;
      function arraySome(array, predicate) {
        var index = -1, length = array == null ? 0 : array.length;
        while (++index < length) {
          if (predicate(array[index], index, array)) {
            return true;
          }
        }
        return false;
      }
      function cacheHas(cache2, key) {
        return cache2.has(key);
      }
      var COMPARE_PARTIAL_FLAG$5 = 1, COMPARE_UNORDERED_FLAG$3 = 2;
      function equalArrays(array, other, bitmask, customizer, equalFunc, stack2) {
        var isPartial = bitmask & COMPARE_PARTIAL_FLAG$5, arrLength = array.length, othLength = other.length;
        if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
          return false;
        }
        var arrStacked = stack2.get(array);
        var othStacked = stack2.get(other);
        if (arrStacked && othStacked) {
          return arrStacked == other && othStacked == array;
        }
        var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
        stack2.set(array, other);
        stack2.set(other, array);
        while (++index < arrLength) {
          var arrValue = array[index], othValue = other[index];
          if (customizer) {
            var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack2) : customizer(arrValue, othValue, index, array, other, stack2);
          }
          if (compared !== void 0) {
            if (compared) {
              continue;
            }
            result = false;
            break;
          }
          if (seen) {
            if (!arraySome(other, function(othValue2, othIndex) {
              if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer, stack2))) {
                return seen.push(othIndex);
              }
            })) {
              result = false;
              break;
            }
          } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack2))) {
            result = false;
            break;
          }
        }
        stack2["delete"](array);
        stack2["delete"](other);
        return result;
      }
      function mapToArray(map2) {
        var index = -1, result = Array(map2.size);
        map2.forEach(function(value, key) {
          result[++index] = [key, value];
        });
        return result;
      }
      function setToArray(set2) {
        var index = -1, result = Array(set2.size);
        set2.forEach(function(value) {
          result[++index] = value;
        });
        return result;
      }
      var COMPARE_PARTIAL_FLAG$4 = 1, COMPARE_UNORDERED_FLAG$2 = 2;
      var boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]";
      var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]";
      var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
      function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack2) {
        switch (tag) {
          case dataViewTag:
            if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
              return false;
            }
            object = object.buffer;
            other = other.buffer;
          case arrayBufferTag:
            if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
              return false;
            }
            return true;
          case boolTag:
          case dateTag:
          case numberTag:
            return eq(+object, +other);
          case errorTag:
            return object.name == other.name && object.message == other.message;
          case regexpTag:
          case stringTag:
            return object == other + "";
          case mapTag:
            var convert2 = mapToArray;
          case setTag:
            var isPartial = bitmask & COMPARE_PARTIAL_FLAG$4;
            convert2 || (convert2 = setToArray);
            if (object.size != other.size && !isPartial) {
              return false;
            }
            var stacked = stack2.get(object);
            if (stacked) {
              return stacked == other;
            }
            bitmask |= COMPARE_UNORDERED_FLAG$2;
            stack2.set(object, other);
            var result = equalArrays(convert2(object), convert2(other), bitmask, customizer, equalFunc, stack2);
            stack2["delete"](object);
            return result;
          case symbolTag:
            if (symbolValueOf) {
              return symbolValueOf.call(object) == symbolValueOf.call(other);
            }
        }
        return false;
      }
      var COMPARE_PARTIAL_FLAG$3 = 1;
      var objectProto$1 = Object.prototype;
      var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
      function equalObjects(object, other, bitmask, customizer, equalFunc, stack2) {
        var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
        if (objLength != othLength && !isPartial) {
          return false;
        }
        var index = objLength;
        while (index--) {
          var key = objProps[index];
          if (!(isPartial ? key in other : hasOwnProperty$1.call(other, key))) {
            return false;
          }
        }
        var objStacked = stack2.get(object);
        var othStacked = stack2.get(other);
        if (objStacked && othStacked) {
          return objStacked == other && othStacked == object;
        }
        var result = true;
        stack2.set(object, other);
        stack2.set(other, object);
        var skipCtor = isPartial;
        while (++index < objLength) {
          key = objProps[index];
          var objValue = object[key], othValue = other[key];
          if (customizer) {
            var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack2) : customizer(objValue, othValue, key, object, other, stack2);
          }
          if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack2) : compared)) {
            result = false;
            break;
          }
          skipCtor || (skipCtor = key == "constructor");
        }
        if (result && !skipCtor) {
          var objCtor = object.constructor, othCtor = other.constructor;
          if (objCtor != othCtor && ("constructor" in object && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
            result = false;
          }
        }
        stack2["delete"](object);
        stack2["delete"](other);
        return result;
      }
      var COMPARE_PARTIAL_FLAG$2 = 1;
      var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
      var objectProto = Object.prototype;
      var hasOwnProperty = objectProto.hasOwnProperty;
      function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack2) {
        var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other);
        objTag = objTag == argsTag ? objectTag : objTag;
        othTag = othTag == argsTag ? objectTag : othTag;
        var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
        if (isSameTag && isBuffer(object)) {
          if (!isBuffer(other)) {
            return false;
          }
          objIsArr = true;
          objIsObj = false;
        }
        if (isSameTag && !objIsObj) {
          stack2 || (stack2 = new Stack());
          return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack2) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack2);
        }
        if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
          var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
          if (objIsWrapped || othIsWrapped) {
            var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
            stack2 || (stack2 = new Stack());
            return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack2);
          }
        }
        if (!isSameTag) {
          return false;
        }
        stack2 || (stack2 = new Stack());
        return equalObjects(object, other, bitmask, customizer, equalFunc, stack2);
      }
      function baseIsEqual(value, other, bitmask, customizer, stack2) {
        if (value === other) {
          return true;
        }
        if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) {
          return value !== value && other !== other;
        }
        return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack2);
      }
      var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
      function baseIsMatch(object, source, matchData, customizer) {
        var index = matchData.length, length = index;
        if (object == null) {
          return !length;
        }
        object = Object(object);
        while (index--) {
          var data = matchData[index];
          if (data[2] ? data[1] !== object[data[0]] : !(data[0] in object)) {
            return false;
          }
        }
        while (++index < length) {
          data = matchData[index];
          var key = data[0], objValue = object[key], srcValue = data[1];
          if (data[2]) {
            if (objValue === void 0 && !(key in object)) {
              return false;
            }
          } else {
            var stack2 = new Stack();
            var result;
            if (!(result === void 0 ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack2) : result)) {
              return false;
            }
          }
        }
        return true;
      }
      function isStrictComparable(value) {
        return value === value && !isObject(value);
      }
      function getMatchData(object) {
        var result = keys(object), length = result.length;
        while (length--) {
          var key = result[length], value = object[key];
          result[length] = [key, value, isStrictComparable(value)];
        }
        return result;
      }
      function matchesStrictComparable(key, srcValue) {
        return function(object) {
          if (object == null) {
            return false;
          }
          return object[key] === srcValue && (srcValue !== void 0 || key in Object(object));
        };
      }
      function baseMatches(source) {
        var matchData = getMatchData(source);
        if (matchData.length == 1 && matchData[0][2]) {
          return matchesStrictComparable(matchData[0][0], matchData[0][1]);
        }
        return function(object) {
          return object === source || baseIsMatch(object, source, matchData);
        };
      }
      function baseHasIn(object, key) {
        return object != null && key in Object(object);
      }
      function hasPath(object, path, hasFunc) {
        path = castPath(path, object);
        var index = -1, length = path.length, result = false;
        while (++index < length) {
          var key = toKey(path[index]);
          if (!(result = object != null && hasFunc(object, key))) {
            break;
          }
          object = object[key];
        }
        if (result || ++index != length) {
          return result;
        }
        length = object == null ? 0 : object.length;
        return !!length && isLength(length) && isIndex(key, length) && (isArray(object) || isArguments(object));
      }
      function hasIn(object, path) {
        return object != null && hasPath(object, path, baseHasIn);
      }
      var COMPARE_PARTIAL_FLAG = 1, COMPARE_UNORDERED_FLAG = 2;
      function baseMatchesProperty(path, srcValue) {
        if (isKey(path) && isStrictComparable(srcValue)) {
          return matchesStrictComparable(toKey(path), srcValue);
        }
        return function(object) {
          var objValue = get(object, path);
          return objValue === void 0 && objValue === srcValue ? hasIn(object, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
        };
      }
      function baseProperty(key) {
        return function(object) {
          return object == null ? void 0 : object[key];
        };
      }
      function basePropertyDeep(path) {
        return function(object) {
          return baseGet(object, path);
        };
      }
      function property(path) {
        return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
      }
      function baseIteratee(value) {
        if (typeof value == "function") {
          return value;
        }
        if (value == null) {
          return identity;
        }
        if (typeof value == "object") {
          return isArray(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
        }
        return property(value);
      }
      function createBaseFor(fromRight) {
        return function(object, iteratee, keysFunc) {
          var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
          while (length--) {
            var key = props[++index];
            if (iteratee(iterable[key], key, iterable) === false) {
              break;
            }
          }
          return object;
        };
      }
      var baseFor = createBaseFor();
      function baseForOwn(object, iteratee) {
        return object && baseFor(object, iteratee, keys);
      }
      function createBaseEach(eachFunc, fromRight) {
        return function(collection, iteratee) {
          if (collection == null) {
            return collection;
          }
          if (!isArrayLike(collection)) {
            return eachFunc(collection, iteratee);
          }
          var length = collection.length, index = -1, iterable = Object(collection);
          while (++index < length) {
            if (iteratee(iterable[index], index, iterable) === false) {
              break;
            }
          }
          return collection;
        };
      }
      var baseEach = createBaseEach(baseForOwn);
      var now = function() {
        return root.Date.now();
      };
      var FUNC_ERROR_TEXT$1 = "Expected a function";
      var nativeMax = Math.max, nativeMin = Math.min;
      function debounce(func, wait, options) {
        var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
        if (typeof func != "function") {
          throw new TypeError(FUNC_ERROR_TEXT$1);
        }
        wait = toNumber(wait) || 0;
        if (isObject(options)) {
          leading = !!options.leading;
          maxing = "maxWait" in options;
          maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
          trailing = "trailing" in options ? !!options.trailing : trailing;
        }
        function invokeFunc(time2) {
          var args = lastArgs, thisArg = lastThis;
          lastArgs = lastThis = void 0;
          lastInvokeTime = time2;
          result = func.apply(thisArg, args);
          return result;
        }
        function leadingEdge(time2) {
          lastInvokeTime = time2;
          timerId = setTimeout(timerExpired, wait);
          return leading ? invokeFunc(time2) : result;
        }
        function remainingWait(time2) {
          var timeSinceLastCall = time2 - lastCallTime, timeSinceLastInvoke = time2 - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
          return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
        }
        function shouldInvoke(time2) {
          var timeSinceLastCall = time2 - lastCallTime, timeSinceLastInvoke = time2 - lastInvokeTime;
          return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
        }
        function timerExpired() {
          var time2 = now();
          if (shouldInvoke(time2)) {
            return trailingEdge(time2);
          }
          timerId = setTimeout(timerExpired, remainingWait(time2));
        }
        function trailingEdge(time2) {
          timerId = void 0;
          if (trailing && lastArgs) {
            return invokeFunc(time2);
          }
          lastArgs = lastThis = void 0;
          return result;
        }
        function cancel() {
          if (timerId !== void 0) {
            clearTimeout(timerId);
          }
          lastInvokeTime = 0;
          lastArgs = lastCallTime = lastThis = timerId = void 0;
        }
        function flush() {
          return timerId === void 0 ? result : trailingEdge(now());
        }
        function debounced() {
          var time2 = now(), isInvoking = shouldInvoke(time2);
          lastArgs = arguments;
          lastThis = this;
          lastCallTime = time2;
          if (isInvoking) {
            if (timerId === void 0) {
              return leadingEdge(lastCallTime);
            }
            if (maxing) {
              clearTimeout(timerId);
              timerId = setTimeout(timerExpired, wait);
              return invokeFunc(lastCallTime);
            }
          }
          if (timerId === void 0) {
            timerId = setTimeout(timerExpired, wait);
          }
          return result;
        }
        debounced.cancel = cancel;
        debounced.flush = flush;
        return debounced;
      }
      function assignMergeValue(object, key, value) {
        if (value !== void 0 && !eq(object[key], value) || value === void 0 && !(key in object)) {
          baseAssignValue(object, key, value);
        }
      }
      function isArrayLikeObject(value) {
        return isObjectLike(value) && isArrayLike(value);
      }
      function safeGet(object, key) {
        if (key === "constructor" && typeof object[key] === "function") {
          return;
        }
        if (key == "__proto__") {
          return;
        }
        return object[key];
      }
      function toPlainObject(value) {
        return copyObject(value, keysIn(value));
      }
      function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack2) {
        var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack2.get(srcValue);
        if (stacked) {
          assignMergeValue(object, key, stacked);
          return;
        }
        var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack2) : void 0;
        var isCommon = newValue === void 0;
        if (isCommon) {
          var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
          newValue = srcValue;
          if (isArr || isBuff || isTyped) {
            if (isArray(objValue)) {
              newValue = objValue;
            } else if (isArrayLikeObject(objValue)) {
              newValue = copyArray(objValue);
            } else if (isBuff) {
              isCommon = false;
              newValue = cloneBuffer(srcValue);
            } else if (isTyped) {
              isCommon = false;
              newValue = cloneTypedArray(srcValue);
            } else {
              newValue = [];
            }
          } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
            newValue = objValue;
            if (isArguments(objValue)) {
              newValue = toPlainObject(objValue);
            } else if (!isObject(objValue) || isFunction(objValue)) {
              newValue = initCloneObject(srcValue);
            }
          } else {
            isCommon = false;
          }
        }
        if (isCommon) {
          stack2.set(srcValue, newValue);
          mergeFunc(newValue, srcValue, srcIndex, customizer, stack2);
          stack2["delete"](srcValue);
        }
        assignMergeValue(object, key, newValue);
      }
      function baseMerge(object, source, srcIndex, customizer, stack2) {
        if (object === source) {
          return;
        }
        baseFor(source, function(srcValue, key) {
          stack2 || (stack2 = new Stack());
          if (isObject(srcValue)) {
            baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack2);
          } else {
            var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack2) : void 0;
            if (newValue === void 0) {
              newValue = srcValue;
            }
            assignMergeValue(object, key, newValue);
          }
        }, keysIn);
      }
      function baseMap(collection, iteratee) {
        var index = -1, result = isArrayLike(collection) ? Array(collection.length) : [];
        baseEach(collection, function(value, key, collection2) {
          result[++index] = iteratee(value, key, collection2);
        });
        return result;
      }
      function map(collection, iteratee) {
        var func = isArray(collection) ? arrayMap : baseMap;
        return func(collection, baseIteratee(iteratee));
      }
      var kebabCase = createCompounder(function(result, word, index) {
        return result + (index ? "-" : "") + word.toLowerCase();
      });
      var merge$1 = createAssigner(function(object, source, srcIndex) {
        baseMerge(object, source, srcIndex);
      });
      var round = createRound("round");
      var FUNC_ERROR_TEXT = "Expected a function";
      function throttle(func, wait, options) {
        var leading = true, trailing = true;
        if (typeof func != "function") {
          throw new TypeError(FUNC_ERROR_TEXT);
        }
        if (isObject(options)) {
          leading = "leading" in options ? !!options.leading : leading;
          trailing = "trailing" in options ? !!options.trailing : trailing;
        }
        return debounce(func, wait, {
          "leading": leading,
          "maxWait": wait,
          "trailing": trailing
        });
      }
      const commonVariables$m = {
        fontFamily: 'v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
        fontFamilyMono: "v-mono, SFMono-Regular, Menlo, Consolas, Courier, monospace",
        fontWeight: "400",
        fontWeightStrong: "500",
        cubicBezierEaseInOut: "cubic-bezier(.4, 0, .2, 1)",
        cubicBezierEaseOut: "cubic-bezier(0, 0, .2, 1)",
        cubicBezierEaseIn: "cubic-bezier(.4, 0, 1, 1)",
        borderRadius: "3px",
        borderRadiusSmall: "2px",
        fontSize: "14px",
        fontSizeMini: "12px",
        fontSizeTiny: "12px",
        fontSizeSmall: "14px",
        fontSizeMedium: "14px",
        fontSizeLarge: "15px",
        fontSizeHuge: "16px",
        lineHeight: "1.6",
        heightMini: "16px",
        // private now, it's too small
        heightTiny: "22px",
        heightSmall: "28px",
        heightMedium: "34px",
        heightLarge: "40px",
        heightHuge: "46px"
      };
      const {
        fontSize,
        fontFamily,
        lineHeight: lineHeight$1
      } = commonVariables$m;
      const globalStyle = c$1("body", `
 margin: 0;
 font-size: ${fontSize};
 font-family: ${fontFamily};
 line-height: ${lineHeight$1};
 -webkit-text-size-adjust: 100%;
 -webkit-tap-highlight-color: transparent;
`, [c$1("input", `
 font-family: inherit;
 font-size: inherit;
 `)]);
      const configProviderInjectionKey = createInjectionKey("n-config-provider");
      const cssrAnchorMetaName = "naive-ui-style";
      function createTheme(theme) {
        return theme;
      }
      function useTheme(resolveId, mountId, style2, defaultTheme, props, clsPrefixRef) {
        const ssrAdapter2 = useSsrAdapter();
        const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
        if (style2) {
          const mountStyle = () => {
            const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
            style2.mount({
              id: clsPrefix === void 0 ? mountId : clsPrefix + mountId,
              head: true,
              props: {
                bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
              },
              anchorMetaName: cssrAnchorMetaName,
              ssr: ssrAdapter2
            });
            if (!(NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled)) {
              globalStyle.mount({
                id: "n-global",
                head: true,
                anchorMetaName: cssrAnchorMetaName,
                ssr: ssrAdapter2
              });
            }
          };
          if (ssrAdapter2) {
            mountStyle();
          } else {
            vue.onBeforeMount(mountStyle);
          }
        }
        const mergedThemeRef = vue.computed(() => {
          var _a;
          const {
            theme: {
              common: selfCommon,
              self: self2,
              peers = {}
            } = {},
            themeOverrides: selfOverrides = {},
            builtinThemeOverrides: builtinOverrides = {}
          } = props;
          const {
            common: selfCommonOverrides,
            peers: peersOverrides
          } = selfOverrides;
          const {
            common: globalCommon = void 0,
            [resolveId]: {
              common: globalSelfCommon = void 0,
              self: globalSelf = void 0,
              peers: globalPeers = {}
            } = {}
          } = (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeRef.value) || {};
          const {
            common: globalCommonOverrides = void 0,
            [resolveId]: globalSelfOverrides = {}
          } = (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value) || {};
          const {
            common: globalSelfCommonOverrides,
            peers: globalPeersOverrides = {}
          } = globalSelfOverrides;
          const mergedCommon = merge$1({}, selfCommon || globalSelfCommon || globalCommon || defaultTheme.common, globalCommonOverrides, globalSelfCommonOverrides, selfCommonOverrides);
          const mergedSelf = merge$1(
            // {}, executed every time, no need for empty obj
            (_a = self2 || globalSelf || defaultTheme.self) === null || _a === void 0 ? void 0 : _a(mergedCommon),
            builtinOverrides,
            globalSelfOverrides,
            selfOverrides
          );
          return {
            common: mergedCommon,
            self: mergedSelf,
            peers: merge$1({}, defaultTheme.peers, globalPeers, peers),
            peerOverrides: merge$1({}, builtinOverrides.peers, globalPeersOverrides, peersOverrides)
          };
        });
        return mergedThemeRef;
      }
      useTheme.props = {
        theme: Object,
        themeOverrides: Object,
        builtinThemeOverrides: Object
      };
      const defaultClsPrefix = "n";
      function useConfig(props = {}, options = {
        defaultBordered: true
      }) {
        const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
        return {
          // NConfigProvider,
          inlineThemeDisabled: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.inlineThemeDisabled,
          mergedRtlRef: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedRtlRef,
          mergedComponentPropsRef: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef,
          mergedBreakpointsRef: NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBreakpointsRef,
          mergedBorderedRef: vue.computed(() => {
            var _a, _b;
            const {
              bordered
            } = props;
            if (bordered !== void 0)
              return bordered;
            return (_b = (_a = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBorderedRef.value) !== null && _a !== void 0 ? _a : options.defaultBordered) !== null && _b !== void 0 ? _b : true;
          }),
          mergedClsPrefixRef: NConfigProvider2 ? NConfigProvider2.mergedClsPrefixRef : vue.shallowRef(defaultClsPrefix),
          namespaceRef: vue.computed(() => NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedNamespaceRef.value)
        };
      }
      function useMergedClsPrefix() {
        const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
        return NConfigProvider2 ? NConfigProvider2.mergedClsPrefixRef : vue.shallowRef(defaultClsPrefix);
      }
      const enUS$1 = {
        name: "en-US",
        global: {
          undo: "Undo",
          redo: "Redo",
          confirm: "Confirm",
          clear: "Clear"
        },
        Popconfirm: {
          positiveText: "Confirm",
          negativeText: "Cancel"
        },
        Cascader: {
          placeholder: "Please Select",
          loading: "Loading",
          loadingRequiredMessage: (label) => `Please load all ${label}'s descendants before checking it.`
        },
        Time: {
          dateFormat: "yyyy-MM-dd",
          dateTimeFormat: "yyyy-MM-dd HH:mm:ss"
        },
        DatePicker: {
          yearFormat: "yyyy",
          monthFormat: "MMM",
          dayFormat: "eeeeee",
          yearTypeFormat: "yyyy",
          monthTypeFormat: "yyyy-MM",
          dateFormat: "yyyy-MM-dd",
          dateTimeFormat: "yyyy-MM-dd HH:mm:ss",
          quarterFormat: "yyyy-qqq",
          weekFormat: "yyyy-w",
          clear: "Clear",
          now: "Now",
          confirm: "Confirm",
          selectTime: "Select Time",
          selectDate: "Select Date",
          datePlaceholder: "Select Date",
          datetimePlaceholder: "Select Date and Time",
          monthPlaceholder: "Select Month",
          yearPlaceholder: "Select Year",
          quarterPlaceholder: "Select Quarter",
          weekPlaceholder: "Select Week",
          startDatePlaceholder: "Start Date",
          endDatePlaceholder: "End Date",
          startDatetimePlaceholder: "Start Date and Time",
          endDatetimePlaceholder: "End Date and Time",
          startMonthPlaceholder: "Start Month",
          endMonthPlaceholder: "End Month",
          monthBeforeYear: true,
          firstDayOfWeek: 6,
          today: "Today"
        },
        DataTable: {
          checkTableAll: "Select all in the table",
          uncheckTableAll: "Unselect all in the table",
          confirm: "Confirm",
          clear: "Clear"
        },
        LegacyTransfer: {
          sourceTitle: "Source",
          targetTitle: "Target"
        },
        Transfer: {
          selectAll: "Select all",
          unselectAll: "Unselect all",
          clearAll: "Clear",
          total: (num) => `Total ${num} items`,
          selected: (num) => `${num} items selected`
        },
        Empty: {
          description: "No Data"
        },
        Select: {
          placeholder: "Please Select"
        },
        TimePicker: {
          placeholder: "Select Time",
          positiveText: "OK",
          negativeText: "Cancel",
          now: "Now",
          clear: "Clear"
        },
        Pagination: {
          goto: "Goto",
          selectionSuffix: "page"
        },
        DynamicTags: {
          add: "Add"
        },
        Log: {
          loading: "Loading"
        },
        Input: {
          placeholder: "Please Input"
        },
        InputNumber: {
          placeholder: "Please Input"
        },
        DynamicInput: {
          create: "Create"
        },
        ThemeEditor: {
          title: "Theme Editor",
          clearAllVars: "Clear All Variables",
          clearSearch: "Clear Search",
          filterCompName: "Filter Component Name",
          filterVarName: "Filter Variable Name",
          import: "Import",
          export: "Export",
          restore: "Reset to Default"
        },
        Image: {
          tipPrevious: "Previous picture (←)",
          tipNext: "Next picture (→)",
          tipCounterclockwise: "Counterclockwise",
          tipClockwise: "Clockwise",
          tipZoomOut: "Zoom out",
          tipZoomIn: "Zoom in",
          tipDownload: "Download",
          tipClose: "Close (Esc)",
          // TODO: translation
          tipOriginalSize: "Zoom to original size"
        }
      };
      function buildFormatLongFn$1(args) {
        return function() {
          var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
          var width = options.width ? String(options.width) : args.defaultWidth;
          var format2 = args.formats[width] || args.formats[args.defaultWidth];
          return format2;
        };
      }
      function requiredArgs$1(required, args) {
        if (args.length < required) {
          throw new TypeError(required + " argument" + (required > 1 ? "s" : "") + " required, but only " + args.length + " present");
        }
      }
      function _typeof$1(o) {
        "@babel/helpers - typeof";
        return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
          return typeof o2;
        } : function(o2) {
          return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
        }, _typeof$1(o);
      }
      function toDate$2(argument) {
        requiredArgs$1(1, arguments);
        var argStr = Object.prototype.toString.call(argument);
        if (argument instanceof Date || _typeof$1(argument) === "object" && argStr === "[object Date]") {
          return new Date(argument.getTime());
        } else if (typeof argument === "number" || argStr === "[object Number]") {
          return new Date(argument);
        } else {
          if ((typeof argument === "string" || argStr === "[object String]") && typeof console !== "undefined") {
            console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
            console.warn(new Error().stack);
          }
          return /* @__PURE__ */ new Date(NaN);
        }
      }
      function toInteger$2(dirtyNumber) {
        if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
          return NaN;
        }
        var number = Number(dirtyNumber);
        if (isNaN(number)) {
          return number;
        }
        return number < 0 ? Math.ceil(number) : Math.floor(number);
      }
      var defaultOptions$2 = {};
      function getDefaultOptions$1() {
        return defaultOptions$2;
      }
      function startOfUTCWeek$1(dirtyDate, options) {
        var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
        requiredArgs$1(1, arguments);
        var defaultOptions2 = getDefaultOptions$1();
        var weekStartsOn = toInteger$2((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
        if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
          throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
        }
        var date = toDate$2(dirtyDate);
        var day = date.getUTCDay();
        var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
        date.setUTCDate(date.getUTCDate() - diff);
        date.setUTCHours(0, 0, 0, 0);
        return date;
      }
      function buildLocalizeFn$1(args) {
        return function(dirtyIndex, options) {
          var context = options !== null && options !== void 0 && options.context ? String(options.context) : "standalone";
          var valuesArray;
          if (context === "formatting" && args.formattingValues) {
            var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
            var width = options !== null && options !== void 0 && options.width ? String(options.width) : defaultWidth;
            valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
          } else {
            var _defaultWidth = args.defaultWidth;
            var _width = options !== null && options !== void 0 && options.width ? String(options.width) : args.defaultWidth;
            valuesArray = args.values[_width] || args.values[_defaultWidth];
          }
          var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex;
          return valuesArray[index];
        };
      }
      function buildMatchFn$1(args) {
        return function(string2) {
          var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
          var width = options.width;
          var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
          var matchResult = string2.match(matchPattern);
          if (!matchResult) {
            return null;
          }
          var matchedString = matchResult[0];
          var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
          var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function(pattern) {
            return pattern.test(matchedString);
          }) : findKey(parsePatterns, function(pattern) {
            return pattern.test(matchedString);
          });
          var value;
          value = args.valueCallback ? args.valueCallback(key) : key;
          value = options.valueCallback ? options.valueCallback(value) : value;
          var rest = string2.slice(matchedString.length);
          return {
            value,
            rest
          };
        };
      }
      function findKey(object, predicate) {
        for (var key in object) {
          if (object.hasOwnProperty(key) && predicate(object[key])) {
            return key;
          }
        }
        return void 0;
      }
      function findIndex(array, predicate) {
        for (var key = 0; key < array.length; key++) {
          if (predicate(array[key])) {
            return key;
          }
        }
        return void 0;
      }
      function buildMatchPatternFn$1(args) {
        return function(string2) {
          var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
          var matchResult = string2.match(args.matchPattern);
          if (!matchResult)
            return null;
          var matchedString = matchResult[0];
          var parseResult = string2.match(args.parsePattern);
          if (!parseResult)
            return null;
          var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
          value = options.valueCallback ? options.valueCallback(value) : value;
          var rest = string2.slice(matchedString.length);
          return {
            value,
            rest
          };
        };
      }
      var formatDistanceLocale = {
        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"
        }
      };
      var formatDistance$1 = function formatDistance2(token, count, options) {
        var result;
        var tokenValue = formatDistanceLocale[token];
        if (typeof tokenValue === "string") {
          result = tokenValue;
        } else if (count === 1) {
          result = tokenValue.one;
        } else {
          result = tokenValue.other.replace("{{count}}", count.toString());
        }
        if (options !== null && options !== void 0 && options.addSuffix) {
          if (options.comparison && options.comparison > 0) {
            return "in " + result;
          } else {
            return result + " ago";
          }
        }
        return result;
      };
      var dateFormats = {
        full: "EEEE, MMMM do, y",
        long: "MMMM do, y",
        medium: "MMM d, y",
        short: "MM/dd/yyyy"
      };
      var timeFormats = {
        full: "h:mm:ss a zzzz",
        long: "h:mm:ss a z",
        medium: "h:mm:ss a",
        short: "h:mm a"
      };
      var dateTimeFormats = {
        full: "{{date}} 'at' {{time}}",
        long: "{{date}} 'at' {{time}}",
        medium: "{{date}}, {{time}}",
        short: "{{date}}, {{time}}"
      };
      var formatLong$1 = {
        date: buildFormatLongFn$1({
          formats: dateFormats,
          defaultWidth: "full"
        }),
        time: buildFormatLongFn$1({
          formats: timeFormats,
          defaultWidth: "full"
        }),
        dateTime: buildFormatLongFn$1({
          formats: dateTimeFormats,
          defaultWidth: "full"
        })
      };
      var formatRelativeLocale = {
        lastWeek: "'last' eeee 'at' p",
        yesterday: "'yesterday at' p",
        today: "'today at' p",
        tomorrow: "'tomorrow at' p",
        nextWeek: "eeee 'at' p",
        other: "P"
      };
      var formatRelative$1 = function formatRelative2(token, _date, _baseDate, _options) {
        return formatRelativeLocale[token];
      };
      var eraValues = {
        narrow: ["B", "A"],
        abbreviated: ["BC", "AD"],
        wide: ["Before Christ", "Anno Domini"]
      };
      var quarterValues = {
        narrow: ["1", "2", "3", "4"],
        abbreviated: ["Q1", "Q2", "Q3", "Q4"],
        wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
      };
      var monthValues = {
        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"]
      };
      var dayValues = {
        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"]
      };
      var dayPeriodValues = {
        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"
        }
      };
      var formattingDayPeriodValues = {
        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"
        }
      };
      var ordinalNumber = function ordinalNumber2(dirtyNumber, _options) {
        var number = Number(dirtyNumber);
        var rem100 = number % 100;
        if (rem100 > 20 || rem100 < 10) {
          switch (rem100 % 10) {
            case 1:
              return number + "st";
            case 2:
              return number + "nd";
            case 3:
              return number + "rd";
          }
        }
        return number + "th";
      };
      var localize$1 = {
        ordinalNumber,
        era: buildLocalizeFn$1({
          values: eraValues,
          defaultWidth: "wide"
        }),
        quarter: buildLocalizeFn$1({
          values: quarterValues,
          defaultWidth: "wide",
          argumentCallback: function argumentCallback(quarter) {
            return quarter - 1;
          }
        }),
        month: buildLocalizeFn$1({
          values: monthValues,
          defaultWidth: "wide"
        }),
        day: buildLocalizeFn$1({
          values: dayValues,
          defaultWidth: "wide"
        }),
        dayPeriod: buildLocalizeFn$1({
          values: dayPeriodValues,
          defaultWidth: "wide",
          formattingValues: formattingDayPeriodValues,
          defaultFormattingWidth: "wide"
        })
      };
      var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
      var parseOrdinalNumberPattern = /\d+/i;
      var matchEraPatterns = {
        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
      };
      var parseEraPatterns = {
        any: [/^b/i, /^(a|c)/i]
      };
      var matchQuarterPatterns = {
        narrow: /^[1234]/i,
        abbreviated: /^q[1234]/i,
        wide: /^[1234](th|st|nd|rd)? quarter/i
      };
      var parseQuarterPatterns = {
        any: [/1/i, /2/i, /3/i, /4/i]
      };
      var matchMonthPatterns = {
        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
      };
      var parseMonthPatterns = {
        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]
      };
      var matchDayPatterns = {
        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
      };
      var parseDayPatterns = {
        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]
      };
      var matchDayPeriodPatterns = {
        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
      };
      var parseDayPeriodPatterns = {
        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
        }
      };
      var match$1 = {
        ordinalNumber: buildMatchPatternFn$1({
          matchPattern: matchOrdinalNumberPattern,
          parsePattern: parseOrdinalNumberPattern,
          valueCallback: function valueCallback(value) {
            return parseInt(value, 10);
          }
        }),
        era: buildMatchFn$1({
          matchPatterns: matchEraPatterns,
          defaultMatchWidth: "wide",
          parsePatterns: parseEraPatterns,
          defaultParseWidth: "any"
        }),
        quarter: buildMatchFn$1({
          matchPatterns: matchQuarterPatterns,
          defaultMatchWidth: "wide",
          parsePatterns: parseQuarterPatterns,
          defaultParseWidth: "any",
          valueCallback: function valueCallback(index) {
            return index + 1;
          }
        }),
        month: buildMatchFn$1({
          matchPatterns: matchMonthPatterns,
          defaultMatchWidth: "wide",
          parsePatterns: parseMonthPatterns,
          defaultParseWidth: "any"
        }),
        day: buildMatchFn$1({
          matchPatterns: matchDayPatterns,
          defaultMatchWidth: "wide",
          parsePatterns: parseDayPatterns,
          defaultParseWidth: "any"
        }),
        dayPeriod: buildMatchFn$1({
          matchPatterns: matchDayPeriodPatterns,
          defaultMatchWidth: "any",
          parsePatterns: parseDayPeriodPatterns,
          defaultParseWidth: "any"
        })
      };
      var locale = {
        code: "en-US",
        formatDistance: formatDistance$1,
        formatLong: formatLong$1,
        formatRelative: formatRelative$1,
        localize: localize$1,
        match: match$1,
        options: {
          weekStartsOn: 0,
          firstWeekContainsDate: 1
        }
      };
      const dateEnUs = {
        name: "en-US",
        locale
      };
      function addDays(dirtyDate, dirtyAmount) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var amount = toInteger$2(dirtyAmount);
        if (isNaN(amount)) {
          return /* @__PURE__ */ new Date(NaN);
        }
        if (!amount) {
          return date;
        }
        date.setDate(date.getDate() + amount);
        return date;
      }
      function addMonths(dirtyDate, dirtyAmount) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var amount = toInteger$2(dirtyAmount);
        if (isNaN(amount)) {
          return /* @__PURE__ */ new Date(NaN);
        }
        if (!amount) {
          return date;
        }
        var dayOfMonth = date.getDate();
        var endOfDesiredMonth = new Date(date.getTime());
        endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
        var daysInMonth = endOfDesiredMonth.getDate();
        if (dayOfMonth >= daysInMonth) {
          return endOfDesiredMonth;
        } else {
          date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
          return date;
        }
      }
      function addMilliseconds$1(dirtyDate, dirtyAmount) {
        requiredArgs$1(2, arguments);
        var timestamp = toDate$2(dirtyDate).getTime();
        var amount = toInteger$2(dirtyAmount);
        return new Date(timestamp + amount);
      }
      function startOfWeek(dirtyDate, options) {
        var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
        requiredArgs$1(1, arguments);
        var defaultOptions2 = getDefaultOptions$1();
        var weekStartsOn = toInteger$2((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
        if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
          throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
        }
        var date = toDate$2(dirtyDate);
        var day = date.getDay();
        var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
        date.setDate(date.getDate() - diff);
        date.setHours(0, 0, 0, 0);
        return date;
      }
      function getTimezoneOffsetInMilliseconds$2(date) {
        var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
        utcDate.setUTCFullYear(date.getFullYear());
        return date.getTime() - utcDate.getTime();
      }
      function startOfDay(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        date.setHours(0, 0, 0, 0);
        return date;
      }
      function addQuarters(dirtyDate, dirtyAmount) {
        requiredArgs$1(2, arguments);
        var amount = toInteger$2(dirtyAmount);
        var months = amount * 3;
        return addMonths(dirtyDate, months);
      }
      function addYears(dirtyDate, dirtyAmount) {
        requiredArgs$1(2, arguments);
        var amount = toInteger$2(dirtyAmount);
        return addMonths(dirtyDate, amount * 12);
      }
      function compareAsc(dirtyDateLeft, dirtyDateRight) {
        requiredArgs$1(2, arguments);
        var dateLeft = toDate$2(dirtyDateLeft);
        var dateRight = toDate$2(dirtyDateRight);
        var diff = dateLeft.getTime() - dateRight.getTime();
        if (diff < 0) {
          return -1;
        } else if (diff > 0) {
          return 1;
        } else {
          return diff;
        }
      }
      var millisecondsInMinute = 6e4;
      var millisecondsInHour = 36e5;
      var millisecondsInSecond = 1e3;
      function isSameDay(dirtyDateLeft, dirtyDateRight) {
        requiredArgs$1(2, arguments);
        var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
        var dateRightStartOfDay = startOfDay(dirtyDateRight);
        return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
      }
      function isDate$1(value) {
        requiredArgs$1(1, arguments);
        return value instanceof Date || _typeof$1(value) === "object" && Object.prototype.toString.call(value) === "[object Date]";
      }
      function isValid$1(dirtyDate) {
        requiredArgs$1(1, arguments);
        if (!isDate$1(dirtyDate) && typeof dirtyDate !== "number") {
          return false;
        }
        var date = toDate$2(dirtyDate);
        return !isNaN(Number(date));
      }
      function getQuarter(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var quarter = Math.floor(date.getMonth() / 3) + 1;
        return quarter;
      }
      function startOfMinute(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        date.setSeconds(0, 0);
        return date;
      }
      function startOfQuarter(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var currentMonth = date.getMonth();
        var month = currentMonth - currentMonth % 3;
        date.setMonth(month, 1);
        date.setHours(0, 0, 0, 0);
        return date;
      }
      function startOfMonth(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        date.setDate(1);
        date.setHours(0, 0, 0, 0);
        return date;
      }
      function startOfYear(dirtyDate) {
        requiredArgs$1(1, arguments);
        var cleanDate = toDate$2(dirtyDate);
        var date = /* @__PURE__ */ new Date(0);
        date.setFullYear(cleanDate.getFullYear(), 0, 1);
        date.setHours(0, 0, 0, 0);
        return date;
      }
      function subMilliseconds$1(dirtyDate, dirtyAmount) {
        requiredArgs$1(2, arguments);
        var amount = toInteger$2(dirtyAmount);
        return addMilliseconds$1(dirtyDate, -amount);
      }
      var MILLISECONDS_IN_DAY = 864e5;
      function getUTCDayOfYear$1(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var timestamp = date.getTime();
        date.setUTCMonth(0, 1);
        date.setUTCHours(0, 0, 0, 0);
        var startOfYearTimestamp = date.getTime();
        var difference = timestamp - startOfYearTimestamp;
        return Math.floor(difference / MILLISECONDS_IN_DAY) + 1;
      }
      function startOfUTCISOWeek$1(dirtyDate) {
        requiredArgs$1(1, arguments);
        var weekStartsOn = 1;
        var date = toDate$2(dirtyDate);
        var day = date.getUTCDay();
        var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
        date.setUTCDate(date.getUTCDate() - diff);
        date.setUTCHours(0, 0, 0, 0);
        return date;
      }
      function getUTCISOWeekYear$1(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var year = date.getUTCFullYear();
        var fourthOfJanuaryOfNextYear = /* @__PURE__ */ new Date(0);
        fourthOfJanuaryOfNextYear.setUTCFullYear(year + 1, 0, 4);
        fourthOfJanuaryOfNextYear.setUTCHours(0, 0, 0, 0);
        var startOfNextYear = startOfUTCISOWeek$1(fourthOfJanuaryOfNextYear);
        var fourthOfJanuaryOfThisYear = /* @__PURE__ */ new Date(0);
        fourthOfJanuaryOfThisYear.setUTCFullYear(year, 0, 4);
        fourthOfJanuaryOfThisYear.setUTCHours(0, 0, 0, 0);
        var startOfThisYear = startOfUTCISOWeek$1(fourthOfJanuaryOfThisYear);
        if (date.getTime() >= startOfNextYear.getTime()) {
          return year + 1;
        } else if (date.getTime() >= startOfThisYear.getTime()) {
          return year;
        } else {
          return year - 1;
        }
      }
      function startOfUTCISOWeekYear$1(dirtyDate) {
        requiredArgs$1(1, arguments);
        var year = getUTCISOWeekYear$1(dirtyDate);
        var fourthOfJanuary = /* @__PURE__ */ new Date(0);
        fourthOfJanuary.setUTCFullYear(year, 0, 4);
        fourthOfJanuary.setUTCHours(0, 0, 0, 0);
        var date = startOfUTCISOWeek$1(fourthOfJanuary);
        return date;
      }
      var MILLISECONDS_IN_WEEK$1 = 6048e5;
      function getUTCISOWeek$1(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var diff = startOfUTCISOWeek$1(date).getTime() - startOfUTCISOWeekYear$1(date).getTime();
        return Math.round(diff / MILLISECONDS_IN_WEEK$1) + 1;
      }
      function getUTCWeekYear$1(dirtyDate, options) {
        var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var year = date.getUTCFullYear();
        var defaultOptions2 = getDefaultOptions$1();
        var firstWeekContainsDate = toInteger$2((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
        if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
          throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
        }
        var firstWeekOfNextYear = /* @__PURE__ */ new Date(0);
        firstWeekOfNextYear.setUTCFullYear(year + 1, 0, firstWeekContainsDate);
        firstWeekOfNextYear.setUTCHours(0, 0, 0, 0);
        var startOfNextYear = startOfUTCWeek$1(firstWeekOfNextYear, options);
        var firstWeekOfThisYear = /* @__PURE__ */ new Date(0);
        firstWeekOfThisYear.setUTCFullYear(year, 0, firstWeekContainsDate);
        firstWeekOfThisYear.setUTCHours(0, 0, 0, 0);
        var startOfThisYear = startOfUTCWeek$1(firstWeekOfThisYear, options);
        if (date.getTime() >= startOfNextYear.getTime()) {
          return year + 1;
        } else if (date.getTime() >= startOfThisYear.getTime()) {
          return year;
        } else {
          return year - 1;
        }
      }
      function startOfUTCWeekYear$1(dirtyDate, options) {
        var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
        requiredArgs$1(1, arguments);
        var defaultOptions2 = getDefaultOptions$1();
        var firstWeekContainsDate = toInteger$2((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
        var year = getUTCWeekYear$1(dirtyDate, options);
        var firstWeek = /* @__PURE__ */ new Date(0);
        firstWeek.setUTCFullYear(year, 0, firstWeekContainsDate);
        firstWeek.setUTCHours(0, 0, 0, 0);
        var date = startOfUTCWeek$1(firstWeek, options);
        return date;
      }
      var MILLISECONDS_IN_WEEK = 6048e5;
      function getUTCWeek$1(dirtyDate, options) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var diff = startOfUTCWeek$1(date, options).getTime() - startOfUTCWeekYear$1(date, options).getTime();
        return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
      }
      function addLeadingZeros$2(number, targetLength) {
        var sign = number < 0 ? "-" : "";
        var output = Math.abs(number).toString();
        while (output.length < targetLength) {
          output = "0" + output;
        }
        return sign + output;
      }
      var formatters$3 = {
        // Year
        y: function y(date, token) {
          var signedYear = date.getUTCFullYear();
          var year = signedYear > 0 ? signedYear : 1 - signedYear;
          return addLeadingZeros$2(token === "yy" ? year % 100 : year, token.length);
        },
        // Month
        M: function M(date, token) {
          var month = date.getUTCMonth();
          return token === "M" ? String(month + 1) : addLeadingZeros$2(month + 1, 2);
        },
        // Day of the month
        d: function d(date, token) {
          return addLeadingZeros$2(date.getUTCDate(), token.length);
        },
        // AM or PM
        a: function a2(date, token) {
          var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? "pm" : "am";
          switch (token) {
            case "a":
            case "aa":
              return dayPeriodEnumValue.toUpperCase();
            case "aaa":
              return dayPeriodEnumValue;
            case "aaaaa":
              return dayPeriodEnumValue[0];
            case "aaaa":
            default:
              return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
          }
        },
        // Hour [1-12]
        h: function h2(date, token) {
          return addLeadingZeros$2(date.getUTCHours() % 12 || 12, token.length);
        },
        // Hour [0-23]
        H: function H(date, token) {
          return addLeadingZeros$2(date.getUTCHours(), token.length);
        },
        // Minute
        m: function m(date, token) {
          return addLeadingZeros$2(date.getUTCMinutes(), token.length);
        },
        // Second
        s: function s(date, token) {
          return addLeadingZeros$2(date.getUTCSeconds(), token.length);
        },
        // Fraction of second
        S: function S(date, token) {
          var numberOfDigits = token.length;
          var milliseconds = date.getUTCMilliseconds();
          var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
          return addLeadingZeros$2(fractionalSeconds, token.length);
        }
      };
      var dayPeriodEnum = {
        am: "am",
        pm: "pm",
        midnight: "midnight",
        noon: "noon",
        morning: "morning",
        afternoon: "afternoon",
        evening: "evening",
        night: "night"
      };
      var formatters$2 = {
        // Era
        G: function G(date, token, localize2) {
          var era = date.getUTCFullYear() > 0 ? 1 : 0;
          switch (token) {
            case "G":
            case "GG":
            case "GGG":
              return localize2.era(era, {
                width: "abbreviated"
              });
            case "GGGGG":
              return localize2.era(era, {
                width: "narrow"
              });
            case "GGGG":
            default:
              return localize2.era(era, {
                width: "wide"
              });
          }
        },
        // Year
        y: function y(date, token, localize2) {
          if (token === "yo") {
            var signedYear = date.getUTCFullYear();
            var year = signedYear > 0 ? signedYear : 1 - signedYear;
            return localize2.ordinalNumber(year, {
              unit: "year"
            });
          }
          return formatters$3.y(date, token);
        },
        // Local week-numbering year
        Y: function Y(date, token, localize2, options) {
          var signedWeekYear = getUTCWeekYear$1(date, options);
          var weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
          if (token === "YY") {
            var twoDigitYear = weekYear % 100;
            return addLeadingZeros$2(twoDigitYear, 2);
          }
          if (token === "Yo") {
            return localize2.ordinalNumber(weekYear, {
              unit: "year"
            });
          }
          return addLeadingZeros$2(weekYear, token.length);
        },
        // ISO week-numbering year
        R: function R(date, token) {
          var isoWeekYear = getUTCISOWeekYear$1(date);
          return addLeadingZeros$2(isoWeekYear, token.length);
        },
        // Extended year. This is a single number designating the year of this calendar system.
        // The main difference between `y` and `u` localizers are B.C. years:
        // | Year | `y` | `u` |
        // |------|-----|-----|
        // | AC 1 |   1 |   1 |
        // | BC 1 |   1 |   0 |
        // | BC 2 |   2 |  -1 |
        // Also `yy` always returns the last two digits of a year,
        // while `uu` pads single digit years to 2 characters and returns other years unchanged.
        u: function u(date, token) {
          var year = date.getUTCFullYear();
          return addLeadingZeros$2(year, token.length);
        },
        // Quarter
        Q: function Q(date, token, localize2) {
          var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
          switch (token) {
            case "Q":
              return String(quarter);
            case "QQ":
              return addLeadingZeros$2(quarter, 2);
            case "Qo":
              return localize2.ordinalNumber(quarter, {
                unit: "quarter"
              });
            case "QQQ":
              return localize2.quarter(quarter, {
                width: "abbreviated",
                context: "formatting"
              });
            case "QQQQQ":
              return localize2.quarter(quarter, {
                width: "narrow",
                context: "formatting"
              });
            case "QQQQ":
            default:
              return localize2.quarter(quarter, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // Stand-alone quarter
        q: function q(date, token, localize2) {
          var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
          switch (token) {
            case "q":
              return String(quarter);
            case "qq":
              return addLeadingZeros$2(quarter, 2);
            case "qo":
              return localize2.ordinalNumber(quarter, {
                unit: "quarter"
              });
            case "qqq":
              return localize2.quarter(quarter, {
                width: "abbreviated",
                context: "standalone"
              });
            case "qqqqq":
              return localize2.quarter(quarter, {
                width: "narrow",
                context: "standalone"
              });
            case "qqqq":
            default:
              return localize2.quarter(quarter, {
                width: "wide",
                context: "standalone"
              });
          }
        },
        // Month
        M: function M(date, token, localize2) {
          var month = date.getUTCMonth();
          switch (token) {
            case "M":
            case "MM":
              return formatters$3.M(date, token);
            case "Mo":
              return localize2.ordinalNumber(month + 1, {
                unit: "month"
              });
            case "MMM":
              return localize2.month(month, {
                width: "abbreviated",
                context: "formatting"
              });
            case "MMMMM":
              return localize2.month(month, {
                width: "narrow",
                context: "formatting"
              });
            case "MMMM":
            default:
              return localize2.month(month, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // Stand-alone month
        L: function L(date, token, localize2) {
          var month = date.getUTCMonth();
          switch (token) {
            case "L":
              return String(month + 1);
            case "LL":
              return addLeadingZeros$2(month + 1, 2);
            case "Lo":
              return localize2.ordinalNumber(month + 1, {
                unit: "month"
              });
            case "LLL":
              return localize2.month(month, {
                width: "abbreviated",
                context: "standalone"
              });
            case "LLLLL":
              return localize2.month(month, {
                width: "narrow",
                context: "standalone"
              });
            case "LLLL":
            default:
              return localize2.month(month, {
                width: "wide",
                context: "standalone"
              });
          }
        },
        // Local week of year
        w: function w(date, token, localize2, options) {
          var week = getUTCWeek$1(date, options);
          if (token === "wo") {
            return localize2.ordinalNumber(week, {
              unit: "week"
            });
          }
          return addLeadingZeros$2(week, token.length);
        },
        // ISO week of year
        I: function I(date, token, localize2) {
          var isoWeek = getUTCISOWeek$1(date);
          if (token === "Io") {
            return localize2.ordinalNumber(isoWeek, {
              unit: "week"
            });
          }
          return addLeadingZeros$2(isoWeek, token.length);
        },
        // Day of the month
        d: function d(date, token, localize2) {
          if (token === "do") {
            return localize2.ordinalNumber(date.getUTCDate(), {
              unit: "date"
            });
          }
          return formatters$3.d(date, token);
        },
        // Day of year
        D: function D(date, token, localize2) {
          var dayOfYear = getUTCDayOfYear$1(date);
          if (token === "Do") {
            return localize2.ordinalNumber(dayOfYear, {
              unit: "dayOfYear"
            });
          }
          return addLeadingZeros$2(dayOfYear, token.length);
        },
        // Day of week
        E: function E(date, token, localize2) {
          var dayOfWeek = date.getUTCDay();
          switch (token) {
            case "E":
            case "EE":
            case "EEE":
              return localize2.day(dayOfWeek, {
                width: "abbreviated",
                context: "formatting"
              });
            case "EEEEE":
              return localize2.day(dayOfWeek, {
                width: "narrow",
                context: "formatting"
              });
            case "EEEEEE":
              return localize2.day(dayOfWeek, {
                width: "short",
                context: "formatting"
              });
            case "EEEE":
            default:
              return localize2.day(dayOfWeek, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // Local day of week
        e: function e(date, token, localize2, options) {
          var dayOfWeek = date.getUTCDay();
          var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
          switch (token) {
            case "e":
              return String(localDayOfWeek);
            case "ee":
              return addLeadingZeros$2(localDayOfWeek, 2);
            case "eo":
              return localize2.ordinalNumber(localDayOfWeek, {
                unit: "day"
              });
            case "eee":
              return localize2.day(dayOfWeek, {
                width: "abbreviated",
                context: "formatting"
              });
            case "eeeee":
              return localize2.day(dayOfWeek, {
                width: "narrow",
                context: "formatting"
              });
            case "eeeeee":
              return localize2.day(dayOfWeek, {
                width: "short",
                context: "formatting"
              });
            case "eeee":
            default:
              return localize2.day(dayOfWeek, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // Stand-alone local day of week
        c: function c2(date, token, localize2, options) {
          var dayOfWeek = date.getUTCDay();
          var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
          switch (token) {
            case "c":
              return String(localDayOfWeek);
            case "cc":
              return addLeadingZeros$2(localDayOfWeek, token.length);
            case "co":
              return localize2.ordinalNumber(localDayOfWeek, {
                unit: "day"
              });
            case "ccc":
              return localize2.day(dayOfWeek, {
                width: "abbreviated",
                context: "standalone"
              });
            case "ccccc":
              return localize2.day(dayOfWeek, {
                width: "narrow",
                context: "standalone"
              });
            case "cccccc":
              return localize2.day(dayOfWeek, {
                width: "short",
                context: "standalone"
              });
            case "cccc":
            default:
              return localize2.day(dayOfWeek, {
                width: "wide",
                context: "standalone"
              });
          }
        },
        // ISO day of week
        i: function i(date, token, localize2) {
          var dayOfWeek = date.getUTCDay();
          var isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
          switch (token) {
            case "i":
              return String(isoDayOfWeek);
            case "ii":
              return addLeadingZeros$2(isoDayOfWeek, token.length);
            case "io":
              return localize2.ordinalNumber(isoDayOfWeek, {
                unit: "day"
              });
            case "iii":
              return localize2.day(dayOfWeek, {
                width: "abbreviated",
                context: "formatting"
              });
            case "iiiii":
              return localize2.day(dayOfWeek, {
                width: "narrow",
                context: "formatting"
              });
            case "iiiiii":
              return localize2.day(dayOfWeek, {
                width: "short",
                context: "formatting"
              });
            case "iiii":
            default:
              return localize2.day(dayOfWeek, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // AM or PM
        a: function a2(date, token, localize2) {
          var hours = date.getUTCHours();
          var dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
          switch (token) {
            case "a":
            case "aa":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "abbreviated",
                context: "formatting"
              });
            case "aaa":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "abbreviated",
                context: "formatting"
              }).toLowerCase();
            case "aaaaa":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "narrow",
                context: "formatting"
              });
            case "aaaa":
            default:
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // AM, PM, midnight, noon
        b: function b(date, token, localize2) {
          var hours = date.getUTCHours();
          var dayPeriodEnumValue;
          if (hours === 12) {
            dayPeriodEnumValue = dayPeriodEnum.noon;
          } else if (hours === 0) {
            dayPeriodEnumValue = dayPeriodEnum.midnight;
          } else {
            dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
          }
          switch (token) {
            case "b":
            case "bb":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "abbreviated",
                context: "formatting"
              });
            case "bbb":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "abbreviated",
                context: "formatting"
              }).toLowerCase();
            case "bbbbb":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "narrow",
                context: "formatting"
              });
            case "bbbb":
            default:
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // in the morning, in the afternoon, in the evening, at night
        B: function B(date, token, localize2) {
          var hours = date.getUTCHours();
          var dayPeriodEnumValue;
          if (hours >= 17) {
            dayPeriodEnumValue = dayPeriodEnum.evening;
          } else if (hours >= 12) {
            dayPeriodEnumValue = dayPeriodEnum.afternoon;
          } else if (hours >= 4) {
            dayPeriodEnumValue = dayPeriodEnum.morning;
          } else {
            dayPeriodEnumValue = dayPeriodEnum.night;
          }
          switch (token) {
            case "B":
            case "BB":
            case "BBB":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "abbreviated",
                context: "formatting"
              });
            case "BBBBB":
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "narrow",
                context: "formatting"
              });
            case "BBBB":
            default:
              return localize2.dayPeriod(dayPeriodEnumValue, {
                width: "wide",
                context: "formatting"
              });
          }
        },
        // Hour [1-12]
        h: function h2(date, token, localize2) {
          if (token === "ho") {
            var hours = date.getUTCHours() % 12;
            if (hours === 0)
              hours = 12;
            return localize2.ordinalNumber(hours, {
              unit: "hour"
            });
          }
          return formatters$3.h(date, token);
        },
        // Hour [0-23]
        H: function H(date, token, localize2) {
          if (token === "Ho") {
            return localize2.ordinalNumber(date.getUTCHours(), {
              unit: "hour"
            });
          }
          return formatters$3.H(date, token);
        },
        // Hour [0-11]
        K: function K(date, token, localize2) {
          var hours = date.getUTCHours() % 12;
          if (token === "Ko") {
            return localize2.ordinalNumber(hours, {
              unit: "hour"
            });
          }
          return addLeadingZeros$2(hours, token.length);
        },
        // Hour [1-24]
        k: function k(date, token, localize2) {
          var hours = date.getUTCHours();
          if (hours === 0)
            hours = 24;
          if (token === "ko") {
            return localize2.ordinalNumber(hours, {
              unit: "hour"
            });
          }
          return addLeadingZeros$2(hours, token.length);
        },
        // Minute
        m: function m(date, token, localize2) {
          if (token === "mo") {
            return localize2.ordinalNumber(date.getUTCMinutes(), {
              unit: "minute"
            });
          }
          return formatters$3.m(date, token);
        },
        // Second
        s: function s(date, token, localize2) {
          if (token === "so") {
            return localize2.ordinalNumber(date.getUTCSeconds(), {
              unit: "second"
            });
          }
          return formatters$3.s(date, token);
        },
        // Fraction of second
        S: function S(date, token) {
          return formatters$3.S(date, token);
        },
        // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
        X: function X(date, token, _localize, options) {
          var originalDate = options._originalDate || date;
          var timezoneOffset = originalDate.getTimezoneOffset();
          if (timezoneOffset === 0) {
            return "Z";
          }
          switch (token) {
            case "X":
              return formatTimezoneWithOptionalMinutes$1(timezoneOffset);
            case "XXXX":
            case "XX":
              return formatTimezone$1(timezoneOffset);
            case "XXXXX":
            case "XXX":
            default:
              return formatTimezone$1(timezoneOffset, ":");
          }
        },
        // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
        x: function x(date, token, _localize, options) {
          var originalDate = options._originalDate || date;
          var timezoneOffset = originalDate.getTimezoneOffset();
          switch (token) {
            case "x":
              return formatTimezoneWithOptionalMinutes$1(timezoneOffset);
            case "xxxx":
            case "xx":
              return formatTimezone$1(timezoneOffset);
            case "xxxxx":
            case "xxx":
            default:
              return formatTimezone$1(timezoneOffset, ":");
          }
        },
        // Timezone (GMT)
        O: function O(date, token, _localize, options) {
          var originalDate = options._originalDate || date;
          var timezoneOffset = originalDate.getTimezoneOffset();
          switch (token) {
            case "O":
            case "OO":
            case "OOO":
              return "GMT" + formatTimezoneShort$1(timezoneOffset, ":");
            case "OOOO":
            default:
              return "GMT" + formatTimezone$1(timezoneOffset, ":");
          }
        },
        // Timezone (specific non-location)
        z: function z(date, token, _localize, options) {
          var originalDate = options._originalDate || date;
          var timezoneOffset = originalDate.getTimezoneOffset();
          switch (token) {
            case "z":
            case "zz":
            case "zzz":
              return "GMT" + formatTimezoneShort$1(timezoneOffset, ":");
            case "zzzz":
            default:
              return "GMT" + formatTimezone$1(timezoneOffset, ":");
          }
        },
        // Seconds timestamp
        t: function t(date, token, _localize, options) {
          var originalDate = options._originalDate || date;
          var timestamp = Math.floor(originalDate.getTime() / 1e3);
          return addLeadingZeros$2(timestamp, token.length);
        },
        // Milliseconds timestamp
        T: function T(date, token, _localize, options) {
          var originalDate = options._originalDate || date;
          var timestamp = originalDate.getTime();
          return addLeadingZeros$2(timestamp, token.length);
        }
      };
      function formatTimezoneShort$1(offset, dirtyDelimiter) {
        var sign = offset > 0 ? "-" : "+";
        var absOffset = Math.abs(offset);
        var hours = Math.floor(absOffset / 60);
        var minutes = absOffset % 60;
        if (minutes === 0) {
          return sign + String(hours);
        }
        var delimiter = dirtyDelimiter;
        return sign + String(hours) + delimiter + addLeadingZeros$2(minutes, 2);
      }
      function formatTimezoneWithOptionalMinutes$1(offset, dirtyDelimiter) {
        if (offset % 60 === 0) {
          var sign = offset > 0 ? "-" : "+";
          return sign + addLeadingZeros$2(Math.abs(offset) / 60, 2);
        }
        return formatTimezone$1(offset, dirtyDelimiter);
      }
      function formatTimezone$1(offset, dirtyDelimiter) {
        var delimiter = dirtyDelimiter || "";
        var sign = offset > 0 ? "-" : "+";
        var absOffset = Math.abs(offset);
        var hours = addLeadingZeros$2(Math.floor(absOffset / 60), 2);
        var minutes = addLeadingZeros$2(absOffset % 60, 2);
        return sign + hours + delimiter + minutes;
      }
      var dateLongFormatter = function dateLongFormatter2(pattern, formatLong2) {
        switch (pattern) {
          case "P":
            return formatLong2.date({
              width: "short"
            });
          case "PP":
            return formatLong2.date({
              width: "medium"
            });
          case "PPP":
            return formatLong2.date({
              width: "long"
            });
          case "PPPP":
          default:
            return formatLong2.date({
              width: "full"
            });
        }
      };
      var timeLongFormatter = function timeLongFormatter2(pattern, formatLong2) {
        switch (pattern) {
          case "p":
            return formatLong2.time({
              width: "short"
            });
          case "pp":
            return formatLong2.time({
              width: "medium"
            });
          case "ppp":
            return formatLong2.time({
              width: "long"
            });
          case "pppp":
          default:
            return formatLong2.time({
              width: "full"
            });
        }
      };
      var dateTimeLongFormatter = function dateTimeLongFormatter2(pattern, formatLong2) {
        var matchResult = pattern.match(/(P+)(p+)?/) || [];
        var datePattern = matchResult[1];
        var timePattern = matchResult[2];
        if (!timePattern) {
          return dateLongFormatter(pattern, formatLong2);
        }
        var dateTimeFormat;
        switch (datePattern) {
          case "P":
            dateTimeFormat = formatLong2.dateTime({
              width: "short"
            });
            break;
          case "PP":
            dateTimeFormat = formatLong2.dateTime({
              width: "medium"
            });
            break;
          case "PPP":
            dateTimeFormat = formatLong2.dateTime({
              width: "long"
            });
            break;
          case "PPPP":
          default:
            dateTimeFormat = formatLong2.dateTime({
              width: "full"
            });
            break;
        }
        return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong2)).replace("{{time}}", timeLongFormatter(timePattern, formatLong2));
      };
      var longFormatters$1 = {
        p: timeLongFormatter,
        P: dateTimeLongFormatter
      };
      var protectedDayOfYearTokens$1 = ["D", "DD"];
      var protectedWeekYearTokens$1 = ["YY", "YYYY"];
      function isProtectedDayOfYearToken$1(token) {
        return protectedDayOfYearTokens$1.indexOf(token) !== -1;
      }
      function isProtectedWeekYearToken$1(token) {
        return protectedWeekYearTokens$1.indexOf(token) !== -1;
      }
      function throwProtectedError$1(token, format2, input) {
        if (token === "YYYY") {
          throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        } else if (token === "YY") {
          throw new RangeError("Use `yy` instead of `YY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        } else if (token === "D") {
          throw new RangeError("Use `d` instead of `D` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        } else if (token === "DD") {
          throw new RangeError("Use `dd` instead of `DD` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        }
      }
      var formattingTokensRegExp$1 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
      var longFormattingTokensRegExp$1 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
      var escapedStringRegExp$1 = /^'([^]*?)'?$/;
      var doubleQuoteRegExp$1 = /''/g;
      var unescapedLatinCharacterRegExp$1 = /[a-zA-Z]/;
      function format$4(dirtyDate, dirtyFormatStr, options) {
        var _ref, _options$locale, _ref2, _ref3, _ref4, _options$firstWeekCon, _options$locale2, _options$locale2$opti, _defaultOptions$local, _defaultOptions$local2, _ref5, _ref6, _ref7, _options$weekStartsOn, _options$locale3, _options$locale3$opti, _defaultOptions$local3, _defaultOptions$local4;
        requiredArgs$1(2, arguments);
        var formatStr = String(dirtyFormatStr);
        var defaultOptions2 = getDefaultOptions$1();
        var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions2.locale) !== null && _ref !== void 0 ? _ref : locale;
        var firstWeekContainsDate = toInteger$2((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions2.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
        if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
          throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
        }
        var weekStartsOn = toInteger$2((_ref5 = (_ref6 = (_ref7 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale3 = options.locale) === null || _options$locale3 === void 0 ? void 0 : (_options$locale3$opti = _options$locale3.options) === null || _options$locale3$opti === void 0 ? void 0 : _options$locale3$opti.weekStartsOn) !== null && _ref7 !== void 0 ? _ref7 : defaultOptions2.weekStartsOn) !== null && _ref6 !== void 0 ? _ref6 : (_defaultOptions$local3 = defaultOptions2.locale) === null || _defaultOptions$local3 === void 0 ? void 0 : (_defaultOptions$local4 = _defaultOptions$local3.options) === null || _defaultOptions$local4 === void 0 ? void 0 : _defaultOptions$local4.weekStartsOn) !== null && _ref5 !== void 0 ? _ref5 : 0);
        if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
          throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
        }
        if (!locale$1.localize) {
          throw new RangeError("locale must contain localize property");
        }
        if (!locale$1.formatLong) {
          throw new RangeError("locale must contain formatLong property");
        }
        var originalDate = toDate$2(dirtyDate);
        if (!isValid$1(originalDate)) {
          throw new RangeError("Invalid time value");
        }
        var timezoneOffset = getTimezoneOffsetInMilliseconds$2(originalDate);
        var utcDate = subMilliseconds$1(originalDate, timezoneOffset);
        var formatterOptions = {
          firstWeekContainsDate,
          weekStartsOn,
          locale: locale$1,
          _originalDate: originalDate
        };
        var result = formatStr.match(longFormattingTokensRegExp$1).map(function(substring) {
          var firstCharacter = substring[0];
          if (firstCharacter === "p" || firstCharacter === "P") {
            var longFormatter = longFormatters$1[firstCharacter];
            return longFormatter(substring, locale$1.formatLong);
          }
          return substring;
        }).join("").match(formattingTokensRegExp$1).map(function(substring) {
          if (substring === "''") {
            return "'";
          }
          var firstCharacter = substring[0];
          if (firstCharacter === "'") {
            return cleanEscapedString$1(substring);
          }
          var formatter = formatters$2[firstCharacter];
          if (formatter) {
            if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken$1(substring)) {
              throwProtectedError$1(substring, dirtyFormatStr, String(dirtyDate));
            }
            if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken$1(substring)) {
              throwProtectedError$1(substring, dirtyFormatStr, String(dirtyDate));
            }
            return formatter(utcDate, substring, locale$1.localize, formatterOptions);
          }
          if (firstCharacter.match(unescapedLatinCharacterRegExp$1)) {
            throw new RangeError("Format string contains an unescaped latin alphabet character `" + firstCharacter + "`");
          }
          return substring;
        }).join("");
        return result;
      }
      function cleanEscapedString$1(input) {
        var matched = input.match(escapedStringRegExp$1);
        if (!matched) {
          return input;
        }
        return matched[1].replace(doubleQuoteRegExp$1, "'");
      }
      function assign$1(target, object) {
        if (target == null) {
          throw new TypeError("assign requires that input parameter not be null or undefined");
        }
        for (var property2 in object) {
          if (Object.prototype.hasOwnProperty.call(object, property2)) {
            target[property2] = object[property2];
          }
        }
        return target;
      }
      function cloneObject$2(object) {
        return assign$1({}, object);
      }
      var MILLISECONDS_IN_MINUTE$3 = 1e3 * 60;
      var MINUTES_IN_DAY = 60 * 24;
      var MINUTES_IN_MONTH = MINUTES_IN_DAY * 30;
      var MINUTES_IN_YEAR = MINUTES_IN_DAY * 365;
      function formatDistanceStrict(dirtyDate, dirtyBaseDate, options) {
        var _ref, _options$locale, _options$roundingMeth;
        requiredArgs$1(2, arguments);
        var defaultOptions2 = getDefaultOptions$1();
        var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions2.locale) !== null && _ref !== void 0 ? _ref : locale;
        if (!locale$1.formatDistance) {
          throw new RangeError("locale must contain localize.formatDistance property");
        }
        var comparison = compareAsc(dirtyDate, dirtyBaseDate);
        if (isNaN(comparison)) {
          throw new RangeError("Invalid time value");
        }
        var localizeOptions = assign$1(cloneObject$2(options), {
          addSuffix: Boolean(options === null || options === void 0 ? void 0 : options.addSuffix),
          comparison
        });
        var dateLeft;
        var dateRight;
        if (comparison > 0) {
          dateLeft = toDate$2(dirtyBaseDate);
          dateRight = toDate$2(dirtyDate);
        } else {
          dateLeft = toDate$2(dirtyDate);
          dateRight = toDate$2(dirtyBaseDate);
        }
        var roundingMethod = String((_options$roundingMeth = options === null || options === void 0 ? void 0 : options.roundingMethod) !== null && _options$roundingMeth !== void 0 ? _options$roundingMeth : "round");
        var roundingMethodFn;
        if (roundingMethod === "floor") {
          roundingMethodFn = Math.floor;
        } else if (roundingMethod === "ceil") {
          roundingMethodFn = Math.ceil;
        } else if (roundingMethod === "round") {
          roundingMethodFn = Math.round;
        } else {
          throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
        }
        var milliseconds = dateRight.getTime() - dateLeft.getTime();
        var minutes = milliseconds / MILLISECONDS_IN_MINUTE$3;
        var timezoneOffset = getTimezoneOffsetInMilliseconds$2(dateRight) - getTimezoneOffsetInMilliseconds$2(dateLeft);
        var dstNormalizedMinutes = (milliseconds - timezoneOffset) / MILLISECONDS_IN_MINUTE$3;
        var defaultUnit = options === null || options === void 0 ? void 0 : options.unit;
        var unit;
        if (!defaultUnit) {
          if (minutes < 1) {
            unit = "second";
          } else if (minutes < 60) {
            unit = "minute";
          } else if (minutes < MINUTES_IN_DAY) {
            unit = "hour";
          } else if (dstNormalizedMinutes < MINUTES_IN_MONTH) {
            unit = "day";
          } else if (dstNormalizedMinutes < MINUTES_IN_YEAR) {
            unit = "month";
          } else {
            unit = "year";
          }
        } else {
          unit = String(defaultUnit);
        }
        if (unit === "second") {
          var seconds = roundingMethodFn(milliseconds / 1e3);
          return locale$1.formatDistance("xSeconds", seconds, localizeOptions);
        } else if (unit === "minute") {
          var roundedMinutes = roundingMethodFn(minutes);
          return locale$1.formatDistance("xMinutes", roundedMinutes, localizeOptions);
        } else if (unit === "hour") {
          var hours = roundingMethodFn(minutes / 60);
          return locale$1.formatDistance("xHours", hours, localizeOptions);
        } else if (unit === "day") {
          var days = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_DAY);
          return locale$1.formatDistance("xDays", days, localizeOptions);
        } else if (unit === "month") {
          var months = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_MONTH);
          return months === 12 && defaultUnit !== "month" ? locale$1.formatDistance("xYears", 1, localizeOptions) : locale$1.formatDistance("xMonths", months, localizeOptions);
        } else if (unit === "year") {
          var years = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_YEAR);
          return locale$1.formatDistance("xYears", years, localizeOptions);
        }
        throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
      }
      function fromUnixTime(dirtyUnixTime) {
        requiredArgs$1(1, arguments);
        var unixTime = toInteger$2(dirtyUnixTime);
        return toDate$2(unixTime * 1e3);
      }
      function getDate(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var dayOfMonth = date.getDate();
        return dayOfMonth;
      }
      function getDay(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var day = date.getDay();
        return day;
      }
      function getDaysInMonth(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var year = date.getFullYear();
        var monthIndex = date.getMonth();
        var lastDayOfMonth = /* @__PURE__ */ new Date(0);
        lastDayOfMonth.setFullYear(year, monthIndex + 1, 0);
        lastDayOfMonth.setHours(0, 0, 0, 0);
        return lastDayOfMonth.getDate();
      }
      function getHours(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var hours = date.getHours();
        return hours;
      }
      function getMilliseconds(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var milliseconds = date.getMilliseconds();
        return milliseconds;
      }
      function getMinutes(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var minutes = date.getMinutes();
        return minutes;
      }
      function getMonth(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var month = date.getMonth();
        return month;
      }
      function getSeconds(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var seconds = date.getSeconds();
        return seconds;
      }
      function getTime(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        var timestamp = date.getTime();
        return timestamp;
      }
      function getYear(dirtyDate) {
        requiredArgs$1(1, arguments);
        return toDate$2(dirtyDate).getFullYear();
      }
      function _arrayLikeToArray(arr, len2) {
        if (len2 == null || len2 > arr.length)
          len2 = arr.length;
        for (var i = 0, arr2 = new Array(len2); i < len2; i++)
          arr2[i] = arr[i];
        return arr2;
      }
      function _unsupportedIterableToArray(o, minLen) {
        if (!o)
          return;
        if (typeof o === "string")
          return _arrayLikeToArray(o, minLen);
        var n = Object.prototype.toString.call(o).slice(8, -1);
        if (n === "Object" && o.constructor)
          n = o.constructor.name;
        if (n === "Map" || n === "Set")
          return Array.from(o);
        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
          return _arrayLikeToArray(o, minLen);
      }
      function _createForOfIteratorHelper(o, allowArrayLike) {
        var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
        if (!it) {
          if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) {
            if (it)
              o = it;
            var i = 0;
            var F = function F2() {
            };
            return {
              s: F,
              n: function n() {
                if (i >= o.length)
                  return {
                    done: true
                  };
                return {
                  done: false,
                  value: o[i++]
                };
              },
              e: function e(_e) {
                throw _e;
              },
              f: F
            };
          }
          throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
        }
        var normalCompletion = true, didErr = false, err;
        return {
          s: function s() {
            it = it.call(o);
          },
          n: function n() {
            var step = it.next();
            normalCompletion = step.done;
            return step;
          },
          e: function e(_e2) {
            didErr = true;
            err = _e2;
          },
          f: function f() {
            try {
              if (!normalCompletion && it["return"] != null)
                it["return"]();
            } finally {
              if (didErr)
                throw err;
            }
          }
        };
      }
      function _assertThisInitialized(self2) {
        if (self2 === void 0) {
          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
        }
        return self2;
      }
      function _setPrototypeOf$1(o, p2) {
        _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
          o2.__proto__ = p3;
          return o2;
        };
        return _setPrototypeOf$1(o, p2);
      }
      function _inherits(subClass, superClass) {
        if (typeof superClass !== "function" && superClass !== null) {
          throw new TypeError("Super expression must either be null or a function");
        }
        subClass.prototype = Object.create(superClass && superClass.prototype, {
          constructor: {
            value: subClass,
            writable: true,
            configurable: true
          }
        });
        Object.defineProperty(subClass, "prototype", {
          writable: false
        });
        if (superClass)
          _setPrototypeOf$1(subClass, superClass);
      }
      function _getPrototypeOf$1(o) {
        _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
          return o2.__proto__ || Object.getPrototypeOf(o2);
        };
        return _getPrototypeOf$1(o);
      }
      function _isNativeReflectConstruct$1() {
        try {
          var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
          }));
        } catch (t2) {
        }
        return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct2() {
          return !!t;
        })();
      }
      function _possibleConstructorReturn(self2, call2) {
        if (call2 && (_typeof$1(call2) === "object" || typeof call2 === "function")) {
          return call2;
        } else if (call2 !== void 0) {
          throw new TypeError("Derived constructors may only return object or undefined");
        }
        return _assertThisInitialized(self2);
      }
      function _createSuper(Derived) {
        var hasNativeReflectConstruct = _isNativeReflectConstruct$1();
        return function _createSuperInternal() {
          var Super = _getPrototypeOf$1(Derived), result;
          if (hasNativeReflectConstruct) {
            var NewTarget = _getPrototypeOf$1(this).constructor;
            result = Reflect.construct(Super, arguments, NewTarget);
          } else {
            result = Super.apply(this, arguments);
          }
          return _possibleConstructorReturn(this, result);
        };
      }
      function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
          throw new TypeError("Cannot call a class as a function");
        }
      }
      function toPrimitive(t, r) {
        if ("object" != _typeof$1(t) || !t)
          return t;
        var e = t[Symbol.toPrimitive];
        if (void 0 !== e) {
          var i = e.call(t, r || "default");
          if ("object" != _typeof$1(i))
            return i;
          throw new TypeError("@@toPrimitive must return a primitive value.");
        }
        return ("string" === r ? String : Number)(t);
      }
      function toPropertyKey(t) {
        var i = toPrimitive(t, "string");
        return "symbol" == _typeof$1(i) ? i : i + "";
      }
      function _defineProperties(target, props) {
        for (var i = 0; i < props.length; i++) {
          var descriptor = props[i];
          descriptor.enumerable = descriptor.enumerable || false;
          descriptor.configurable = true;
          if ("value" in descriptor)
            descriptor.writable = true;
          Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
        }
      }
      function _createClass(Constructor, protoProps, staticProps) {
        if (protoProps)
          _defineProperties(Constructor.prototype, protoProps);
        Object.defineProperty(Constructor, "prototype", {
          writable: false
        });
        return Constructor;
      }
      function _defineProperty(obj, key, value) {
        key = toPropertyKey(key);
        if (key in obj) {
          Object.defineProperty(obj, key, {
            value,
            enumerable: true,
            configurable: true,
            writable: true
          });
        } else {
          obj[key] = value;
        }
        return obj;
      }
      var TIMEZONE_UNIT_PRIORITY = 10;
      var Setter = /* @__PURE__ */ function() {
        function Setter2() {
          _classCallCheck(this, Setter2);
          _defineProperty(this, "priority", void 0);
          _defineProperty(this, "subPriority", 0);
        }
        _createClass(Setter2, [{
          key: "validate",
          value: function validate(_utcDate, _options) {
            return true;
          }
        }]);
        return Setter2;
      }();
      var ValueSetter = /* @__PURE__ */ function(_Setter) {
        _inherits(ValueSetter2, _Setter);
        var _super = _createSuper(ValueSetter2);
        function ValueSetter2(value, validateValue, setValue, priority, subPriority) {
          var _this;
          _classCallCheck(this, ValueSetter2);
          _this = _super.call(this);
          _this.value = value;
          _this.validateValue = validateValue;
          _this.setValue = setValue;
          _this.priority = priority;
          if (subPriority) {
            _this.subPriority = subPriority;
          }
          return _this;
        }
        _createClass(ValueSetter2, [{
          key: "validate",
          value: function validate(utcDate, options) {
            return this.validateValue(utcDate, this.value, options);
          }
        }, {
          key: "set",
          value: function set2(utcDate, flags, options) {
            return this.setValue(utcDate, flags, this.value, options);
          }
        }]);
        return ValueSetter2;
      }(Setter);
      var DateToSystemTimezoneSetter = /* @__PURE__ */ function(_Setter2) {
        _inherits(DateToSystemTimezoneSetter2, _Setter2);
        var _super2 = _createSuper(DateToSystemTimezoneSetter2);
        function DateToSystemTimezoneSetter2() {
          var _this2;
          _classCallCheck(this, DateToSystemTimezoneSetter2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this2 = _super2.call.apply(_super2, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this2), "priority", TIMEZONE_UNIT_PRIORITY);
          _defineProperty(_assertThisInitialized(_this2), "subPriority", -1);
          return _this2;
        }
        _createClass(DateToSystemTimezoneSetter2, [{
          key: "set",
          value: function set2(date, flags) {
            if (flags.timestampIsSet) {
              return date;
            }
            var convertedDate = /* @__PURE__ */ new Date(0);
            convertedDate.setFullYear(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
            convertedDate.setHours(date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), date.getUTCMilliseconds());
            return convertedDate;
          }
        }]);
        return DateToSystemTimezoneSetter2;
      }(Setter);
      var Parser = /* @__PURE__ */ function() {
        function Parser2() {
          _classCallCheck(this, Parser2);
          _defineProperty(this, "incompatibleTokens", void 0);
          _defineProperty(this, "priority", void 0);
          _defineProperty(this, "subPriority", void 0);
        }
        _createClass(Parser2, [{
          key: "run",
          value: function run(dateString, token, match2, options) {
            var result = this.parse(dateString, token, match2, options);
            if (!result) {
              return null;
            }
            return {
              setter: new ValueSetter(result.value, this.validate, this.set, this.priority, this.subPriority),
              rest: result.rest
            };
          }
        }, {
          key: "validate",
          value: function validate(_utcDate, _value, _options) {
            return true;
          }
        }]);
        return Parser2;
      }();
      var EraParser = /* @__PURE__ */ function(_Parser) {
        _inherits(EraParser2, _Parser);
        var _super = _createSuper(EraParser2);
        function EraParser2() {
          var _this;
          _classCallCheck(this, EraParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 140);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["R", "u", "t", "T"]);
          return _this;
        }
        _createClass(EraParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "G":
              case "GG":
              case "GGG":
                return match2.era(dateString, {
                  width: "abbreviated"
                }) || match2.era(dateString, {
                  width: "narrow"
                });
              case "GGGGG":
                return match2.era(dateString, {
                  width: "narrow"
                });
              case "GGGG":
              default:
                return match2.era(dateString, {
                  width: "wide"
                }) || match2.era(dateString, {
                  width: "abbreviated"
                }) || match2.era(dateString, {
                  width: "narrow"
                });
            }
          }
        }, {
          key: "set",
          value: function set2(date, flags, value) {
            flags.era = value;
            date.setUTCFullYear(value, 0, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return EraParser2;
      }(Parser);
      var numericPatterns = {
        month: /^(1[0-2]|0?\d)/,
        // 0 to 12
        date: /^(3[0-1]|[0-2]?\d)/,
        // 0 to 31
        dayOfYear: /^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,
        // 0 to 366
        week: /^(5[0-3]|[0-4]?\d)/,
        // 0 to 53
        hour23h: /^(2[0-3]|[0-1]?\d)/,
        // 0 to 23
        hour24h: /^(2[0-4]|[0-1]?\d)/,
        // 0 to 24
        hour11h: /^(1[0-1]|0?\d)/,
        // 0 to 11
        hour12h: /^(1[0-2]|0?\d)/,
        // 0 to 12
        minute: /^[0-5]?\d/,
        // 0 to 59
        second: /^[0-5]?\d/,
        // 0 to 59
        singleDigit: /^\d/,
        // 0 to 9
        twoDigits: /^\d{1,2}/,
        // 0 to 99
        threeDigits: /^\d{1,3}/,
        // 0 to 999
        fourDigits: /^\d{1,4}/,
        // 0 to 9999
        anyDigitsSigned: /^-?\d+/,
        singleDigitSigned: /^-?\d/,
        // 0 to 9, -0 to -9
        twoDigitsSigned: /^-?\d{1,2}/,
        // 0 to 99, -0 to -99
        threeDigitsSigned: /^-?\d{1,3}/,
        // 0 to 999, -0 to -999
        fourDigitsSigned: /^-?\d{1,4}/
        // 0 to 9999, -0 to -9999
      };
      var timezonePatterns = {
        basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
        basic: /^([+-])(\d{2})(\d{2})|Z/,
        basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
        extended: /^([+-])(\d{2}):(\d{2})|Z/,
        extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
      };
      function mapValue(parseFnResult, mapFn) {
        if (!parseFnResult) {
          return parseFnResult;
        }
        return {
          value: mapFn(parseFnResult.value),
          rest: parseFnResult.rest
        };
      }
      function parseNumericPattern(pattern, dateString) {
        var matchResult = dateString.match(pattern);
        if (!matchResult) {
          return null;
        }
        return {
          value: parseInt(matchResult[0], 10),
          rest: dateString.slice(matchResult[0].length)
        };
      }
      function parseTimezonePattern(pattern, dateString) {
        var matchResult = dateString.match(pattern);
        if (!matchResult) {
          return null;
        }
        if (matchResult[0] === "Z") {
          return {
            value: 0,
            rest: dateString.slice(1)
          };
        }
        var sign = matchResult[1] === "+" ? 1 : -1;
        var hours = matchResult[2] ? parseInt(matchResult[2], 10) : 0;
        var minutes = matchResult[3] ? parseInt(matchResult[3], 10) : 0;
        var seconds = matchResult[5] ? parseInt(matchResult[5], 10) : 0;
        return {
          value: sign * (hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * millisecondsInSecond),
          rest: dateString.slice(matchResult[0].length)
        };
      }
      function parseAnyDigitsSigned(dateString) {
        return parseNumericPattern(numericPatterns.anyDigitsSigned, dateString);
      }
      function parseNDigits(n, dateString) {
        switch (n) {
          case 1:
            return parseNumericPattern(numericPatterns.singleDigit, dateString);
          case 2:
            return parseNumericPattern(numericPatterns.twoDigits, dateString);
          case 3:
            return parseNumericPattern(numericPatterns.threeDigits, dateString);
          case 4:
            return parseNumericPattern(numericPatterns.fourDigits, dateString);
          default:
            return parseNumericPattern(new RegExp("^\\d{1," + n + "}"), dateString);
        }
      }
      function parseNDigitsSigned(n, dateString) {
        switch (n) {
          case 1:
            return parseNumericPattern(numericPatterns.singleDigitSigned, dateString);
          case 2:
            return parseNumericPattern(numericPatterns.twoDigitsSigned, dateString);
          case 3:
            return parseNumericPattern(numericPatterns.threeDigitsSigned, dateString);
          case 4:
            return parseNumericPattern(numericPatterns.fourDigitsSigned, dateString);
          default:
            return parseNumericPattern(new RegExp("^-?\\d{1," + n + "}"), dateString);
        }
      }
      function dayPeriodEnumToHours(dayPeriod) {
        switch (dayPeriod) {
          case "morning":
            return 4;
          case "evening":
            return 17;
          case "pm":
          case "noon":
          case "afternoon":
            return 12;
          case "am":
          case "midnight":
          case "night":
          default:
            return 0;
        }
      }
      function normalizeTwoDigitYear(twoDigitYear, currentYear) {
        var isCommonEra = currentYear > 0;
        var absCurrentYear = isCommonEra ? currentYear : 1 - currentYear;
        var result;
        if (absCurrentYear <= 50) {
          result = twoDigitYear || 100;
        } else {
          var rangeEnd = absCurrentYear + 50;
          var rangeEndCentury = Math.floor(rangeEnd / 100) * 100;
          var isPreviousCentury = twoDigitYear >= rangeEnd % 100;
          result = twoDigitYear + rangeEndCentury - (isPreviousCentury ? 100 : 0);
        }
        return isCommonEra ? result : 1 - result;
      }
      function isLeapYearIndex$1(year) {
        return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
      }
      var YearParser = /* @__PURE__ */ function(_Parser) {
        _inherits(YearParser2, _Parser);
        var _super = _createSuper(YearParser2);
        function YearParser2() {
          var _this;
          _classCallCheck(this, YearParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 130);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(YearParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            var valueCallback = function valueCallback2(year) {
              return {
                year,
                isTwoDigitYear: token === "yy"
              };
            };
            switch (token) {
              case "y":
                return mapValue(parseNDigits(4, dateString), valueCallback);
              case "yo":
                return mapValue(match2.ordinalNumber(dateString, {
                  unit: "year"
                }), valueCallback);
              default:
                return mapValue(parseNDigits(token.length, dateString), valueCallback);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value.isTwoDigitYear || value.year > 0;
          }
        }, {
          key: "set",
          value: function set2(date, flags, value) {
            var currentYear = date.getUTCFullYear();
            if (value.isTwoDigitYear) {
              var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
              date.setUTCFullYear(normalizedTwoDigitYear, 0, 1);
              date.setUTCHours(0, 0, 0, 0);
              return date;
            }
            var year = !("era" in flags) || flags.era === 1 ? value.year : 1 - value.year;
            date.setUTCFullYear(year, 0, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return YearParser2;
      }(Parser);
      var LocalWeekYearParser = /* @__PURE__ */ function(_Parser) {
        _inherits(LocalWeekYearParser2, _Parser);
        var _super = _createSuper(LocalWeekYearParser2);
        function LocalWeekYearParser2() {
          var _this;
          _classCallCheck(this, LocalWeekYearParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 130);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["y", "R", "u", "Q", "q", "M", "L", "I", "d", "D", "i", "t", "T"]);
          return _this;
        }
        _createClass(LocalWeekYearParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            var valueCallback = function valueCallback2(year) {
              return {
                year,
                isTwoDigitYear: token === "YY"
              };
            };
            switch (token) {
              case "Y":
                return mapValue(parseNDigits(4, dateString), valueCallback);
              case "Yo":
                return mapValue(match2.ordinalNumber(dateString, {
                  unit: "year"
                }), valueCallback);
              default:
                return mapValue(parseNDigits(token.length, dateString), valueCallback);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value.isTwoDigitYear || value.year > 0;
          }
        }, {
          key: "set",
          value: function set2(date, flags, value, options) {
            var currentYear = getUTCWeekYear$1(date, options);
            if (value.isTwoDigitYear) {
              var normalizedTwoDigitYear = normalizeTwoDigitYear(value.year, currentYear);
              date.setUTCFullYear(normalizedTwoDigitYear, 0, options.firstWeekContainsDate);
              date.setUTCHours(0, 0, 0, 0);
              return startOfUTCWeek$1(date, options);
            }
            var year = !("era" in flags) || flags.era === 1 ? value.year : 1 - value.year;
            date.setUTCFullYear(year, 0, options.firstWeekContainsDate);
            date.setUTCHours(0, 0, 0, 0);
            return startOfUTCWeek$1(date, options);
          }
        }]);
        return LocalWeekYearParser2;
      }(Parser);
      var ISOWeekYearParser = /* @__PURE__ */ function(_Parser) {
        _inherits(ISOWeekYearParser2, _Parser);
        var _super = _createSuper(ISOWeekYearParser2);
        function ISOWeekYearParser2() {
          var _this;
          _classCallCheck(this, ISOWeekYearParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 130);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["G", "y", "Y", "u", "Q", "q", "M", "L", "w", "d", "D", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(ISOWeekYearParser2, [{
          key: "parse",
          value: function parse2(dateString, token) {
            if (token === "R") {
              return parseNDigitsSigned(4, dateString);
            }
            return parseNDigitsSigned(token.length, dateString);
          }
        }, {
          key: "set",
          value: function set2(_date, _flags, value) {
            var firstWeekOfYear = /* @__PURE__ */ new Date(0);
            firstWeekOfYear.setUTCFullYear(value, 0, 4);
            firstWeekOfYear.setUTCHours(0, 0, 0, 0);
            return startOfUTCISOWeek$1(firstWeekOfYear);
          }
        }]);
        return ISOWeekYearParser2;
      }(Parser);
      var ExtendedYearParser = /* @__PURE__ */ function(_Parser) {
        _inherits(ExtendedYearParser2, _Parser);
        var _super = _createSuper(ExtendedYearParser2);
        function ExtendedYearParser2() {
          var _this;
          _classCallCheck(this, ExtendedYearParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 130);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(ExtendedYearParser2, [{
          key: "parse",
          value: function parse2(dateString, token) {
            if (token === "u") {
              return parseNDigitsSigned(4, dateString);
            }
            return parseNDigitsSigned(token.length, dateString);
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCFullYear(value, 0, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return ExtendedYearParser2;
      }(Parser);
      var QuarterParser = /* @__PURE__ */ function(_Parser) {
        _inherits(QuarterParser2, _Parser);
        var _super = _createSuper(QuarterParser2);
        function QuarterParser2() {
          var _this;
          _classCallCheck(this, QuarterParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 120);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "q", "M", "L", "w", "I", "d", "D", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(QuarterParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "Q":
              case "QQ":
                return parseNDigits(token.length, dateString);
              case "Qo":
                return match2.ordinalNumber(dateString, {
                  unit: "quarter"
                });
              case "QQQ":
                return match2.quarter(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.quarter(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "QQQQQ":
                return match2.quarter(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "QQQQ":
              default:
                return match2.quarter(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.quarter(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.quarter(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 4;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMonth((value - 1) * 3, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return QuarterParser2;
      }(Parser);
      var StandAloneQuarterParser = /* @__PURE__ */ function(_Parser) {
        _inherits(StandAloneQuarterParser2, _Parser);
        var _super = _createSuper(StandAloneQuarterParser2);
        function StandAloneQuarterParser2() {
          var _this;
          _classCallCheck(this, StandAloneQuarterParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 120);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "Q", "M", "L", "w", "I", "d", "D", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(StandAloneQuarterParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "q":
              case "qq":
                return parseNDigits(token.length, dateString);
              case "qo":
                return match2.ordinalNumber(dateString, {
                  unit: "quarter"
                });
              case "qqq":
                return match2.quarter(dateString, {
                  width: "abbreviated",
                  context: "standalone"
                }) || match2.quarter(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "qqqqq":
                return match2.quarter(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "qqqq":
              default:
                return match2.quarter(dateString, {
                  width: "wide",
                  context: "standalone"
                }) || match2.quarter(dateString, {
                  width: "abbreviated",
                  context: "standalone"
                }) || match2.quarter(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 4;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMonth((value - 1) * 3, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return StandAloneQuarterParser2;
      }(Parser);
      var MonthParser = /* @__PURE__ */ function(_Parser) {
        _inherits(MonthParser2, _Parser);
        var _super = _createSuper(MonthParser2);
        function MonthParser2() {
          var _this;
          _classCallCheck(this, MonthParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "q", "Q", "L", "w", "I", "D", "i", "e", "c", "t", "T"]);
          _defineProperty(_assertThisInitialized(_this), "priority", 110);
          return _this;
        }
        _createClass(MonthParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            var valueCallback = function valueCallback2(value) {
              return value - 1;
            };
            switch (token) {
              case "M":
                return mapValue(parseNumericPattern(numericPatterns.month, dateString), valueCallback);
              case "MM":
                return mapValue(parseNDigits(2, dateString), valueCallback);
              case "Mo":
                return mapValue(match2.ordinalNumber(dateString, {
                  unit: "month"
                }), valueCallback);
              case "MMM":
                return match2.month(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.month(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "MMMMM":
                return match2.month(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "MMMM":
              default:
                return match2.month(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.month(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.month(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 11;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMonth(value, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return MonthParser2;
      }(Parser);
      var StandAloneMonthParser = /* @__PURE__ */ function(_Parser) {
        _inherits(StandAloneMonthParser2, _Parser);
        var _super = _createSuper(StandAloneMonthParser2);
        function StandAloneMonthParser2() {
          var _this;
          _classCallCheck(this, StandAloneMonthParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 110);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "q", "Q", "M", "w", "I", "D", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(StandAloneMonthParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            var valueCallback = function valueCallback2(value) {
              return value - 1;
            };
            switch (token) {
              case "L":
                return mapValue(parseNumericPattern(numericPatterns.month, dateString), valueCallback);
              case "LL":
                return mapValue(parseNDigits(2, dateString), valueCallback);
              case "Lo":
                return mapValue(match2.ordinalNumber(dateString, {
                  unit: "month"
                }), valueCallback);
              case "LLL":
                return match2.month(dateString, {
                  width: "abbreviated",
                  context: "standalone"
                }) || match2.month(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "LLLLL":
                return match2.month(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "LLLL":
              default:
                return match2.month(dateString, {
                  width: "wide",
                  context: "standalone"
                }) || match2.month(dateString, {
                  width: "abbreviated",
                  context: "standalone"
                }) || match2.month(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 11;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMonth(value, 1);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return StandAloneMonthParser2;
      }(Parser);
      function setUTCWeek(dirtyDate, dirtyWeek, options) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var week = toInteger$2(dirtyWeek);
        var diff = getUTCWeek$1(date, options) - week;
        date.setUTCDate(date.getUTCDate() - diff * 7);
        return date;
      }
      var LocalWeekParser = /* @__PURE__ */ function(_Parser) {
        _inherits(LocalWeekParser2, _Parser);
        var _super = _createSuper(LocalWeekParser2);
        function LocalWeekParser2() {
          var _this;
          _classCallCheck(this, LocalWeekParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 100);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "i", "t", "T"]);
          return _this;
        }
        _createClass(LocalWeekParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "w":
                return parseNumericPattern(numericPatterns.week, dateString);
              case "wo":
                return match2.ordinalNumber(dateString, {
                  unit: "week"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 53;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value, options) {
            return startOfUTCWeek$1(setUTCWeek(date, value, options), options);
          }
        }]);
        return LocalWeekParser2;
      }(Parser);
      function setUTCISOWeek(dirtyDate, dirtyISOWeek) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var isoWeek = toInteger$2(dirtyISOWeek);
        var diff = getUTCISOWeek$1(date) - isoWeek;
        date.setUTCDate(date.getUTCDate() - diff * 7);
        return date;
      }
      var ISOWeekParser = /* @__PURE__ */ function(_Parser) {
        _inherits(ISOWeekParser2, _Parser);
        var _super = _createSuper(ISOWeekParser2);
        function ISOWeekParser2() {
          var _this;
          _classCallCheck(this, ISOWeekParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 100);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["y", "Y", "u", "q", "Q", "M", "L", "w", "d", "D", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(ISOWeekParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "I":
                return parseNumericPattern(numericPatterns.week, dateString);
              case "Io":
                return match2.ordinalNumber(dateString, {
                  unit: "week"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 53;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            return startOfUTCISOWeek$1(setUTCISOWeek(date, value));
          }
        }]);
        return ISOWeekParser2;
      }(Parser);
      var DAYS_IN_MONTH$1 = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
      var DAYS_IN_MONTH_LEAP_YEAR$1 = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
      var DateParser = /* @__PURE__ */ function(_Parser) {
        _inherits(DateParser2, _Parser);
        var _super = _createSuper(DateParser2);
        function DateParser2() {
          var _this;
          _classCallCheck(this, DateParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 90);
          _defineProperty(_assertThisInitialized(_this), "subPriority", 1);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "q", "Q", "w", "I", "D", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(DateParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "d":
                return parseNumericPattern(numericPatterns.date, dateString);
              case "do":
                return match2.ordinalNumber(dateString, {
                  unit: "date"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(date, value) {
            var year = date.getUTCFullYear();
            var isLeapYear = isLeapYearIndex$1(year);
            var month = date.getUTCMonth();
            if (isLeapYear) {
              return value >= 1 && value <= DAYS_IN_MONTH_LEAP_YEAR$1[month];
            } else {
              return value >= 1 && value <= DAYS_IN_MONTH$1[month];
            }
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCDate(value);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return DateParser2;
      }(Parser);
      var DayOfYearParser = /* @__PURE__ */ function(_Parser) {
        _inherits(DayOfYearParser2, _Parser);
        var _super = _createSuper(DayOfYearParser2);
        function DayOfYearParser2() {
          var _this;
          _classCallCheck(this, DayOfYearParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 90);
          _defineProperty(_assertThisInitialized(_this), "subpriority", 1);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["Y", "R", "q", "Q", "M", "L", "w", "I", "d", "E", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(DayOfYearParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "D":
              case "DD":
                return parseNumericPattern(numericPatterns.dayOfYear, dateString);
              case "Do":
                return match2.ordinalNumber(dateString, {
                  unit: "date"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(date, value) {
            var year = date.getUTCFullYear();
            var isLeapYear = isLeapYearIndex$1(year);
            if (isLeapYear) {
              return value >= 1 && value <= 366;
            } else {
              return value >= 1 && value <= 365;
            }
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMonth(0, value);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return DayOfYearParser2;
      }(Parser);
      function setUTCDay(dirtyDate, dirtyDay, options) {
        var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
        requiredArgs$1(2, arguments);
        var defaultOptions2 = getDefaultOptions$1();
        var weekStartsOn = toInteger$2((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
        if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
          throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
        }
        var date = toDate$2(dirtyDate);
        var day = toInteger$2(dirtyDay);
        var currentDay = date.getUTCDay();
        var remainder = day % 7;
        var dayIndex = (remainder + 7) % 7;
        var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
        date.setUTCDate(date.getUTCDate() + diff);
        return date;
      }
      var DayParser = /* @__PURE__ */ function(_Parser) {
        _inherits(DayParser2, _Parser);
        var _super = _createSuper(DayParser2);
        function DayParser2() {
          var _this;
          _classCallCheck(this, DayParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 90);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(DayParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "E":
              case "EE":
              case "EEE":
                return match2.day(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "EEEEE":
                return match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "EEEEEE":
                return match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "EEEE":
              default:
                return match2.day(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 6;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value, options) {
            date = setUTCDay(date, value, options);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return DayParser2;
      }(Parser);
      var LocalDayParser = /* @__PURE__ */ function(_Parser) {
        _inherits(LocalDayParser2, _Parser);
        var _super = _createSuper(LocalDayParser2);
        function LocalDayParser2() {
          var _this;
          _classCallCheck(this, LocalDayParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 90);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "E", "i", "c", "t", "T"]);
          return _this;
        }
        _createClass(LocalDayParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2, options) {
            var valueCallback = function valueCallback2(value) {
              var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
              return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
            };
            switch (token) {
              case "e":
              case "ee":
                return mapValue(parseNDigits(token.length, dateString), valueCallback);
              case "eo":
                return mapValue(match2.ordinalNumber(dateString, {
                  unit: "day"
                }), valueCallback);
              case "eee":
                return match2.day(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "eeeee":
                return match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "eeeeee":
                return match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "eeee":
              default:
                return match2.day(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 6;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value, options) {
            date = setUTCDay(date, value, options);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return LocalDayParser2;
      }(Parser);
      var StandAloneLocalDayParser = /* @__PURE__ */ function(_Parser) {
        _inherits(StandAloneLocalDayParser2, _Parser);
        var _super = _createSuper(StandAloneLocalDayParser2);
        function StandAloneLocalDayParser2() {
          var _this;
          _classCallCheck(this, StandAloneLocalDayParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 90);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "E", "i", "e", "t", "T"]);
          return _this;
        }
        _createClass(StandAloneLocalDayParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2, options) {
            var valueCallback = function valueCallback2(value) {
              var wholeWeekDays = Math.floor((value - 1) / 7) * 7;
              return (value + options.weekStartsOn + 6) % 7 + wholeWeekDays;
            };
            switch (token) {
              case "c":
              case "cc":
                return mapValue(parseNDigits(token.length, dateString), valueCallback);
              case "co":
                return mapValue(match2.ordinalNumber(dateString, {
                  unit: "day"
                }), valueCallback);
              case "ccc":
                return match2.day(dateString, {
                  width: "abbreviated",
                  context: "standalone"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "standalone"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "ccccc":
                return match2.day(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "cccccc":
                return match2.day(dateString, {
                  width: "short",
                  context: "standalone"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
              case "cccc":
              default:
                return match2.day(dateString, {
                  width: "wide",
                  context: "standalone"
                }) || match2.day(dateString, {
                  width: "abbreviated",
                  context: "standalone"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "standalone"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "standalone"
                });
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 6;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value, options) {
            date = setUTCDay(date, value, options);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return StandAloneLocalDayParser2;
      }(Parser);
      function setUTCISODay(dirtyDate, dirtyDay) {
        requiredArgs$1(2, arguments);
        var day = toInteger$2(dirtyDay);
        if (day % 7 === 0) {
          day = day - 7;
        }
        var weekStartsOn = 1;
        var date = toDate$2(dirtyDate);
        var currentDay = date.getUTCDay();
        var remainder = day % 7;
        var dayIndex = (remainder + 7) % 7;
        var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;
        date.setUTCDate(date.getUTCDate() + diff);
        return date;
      }
      var ISODayParser = /* @__PURE__ */ function(_Parser) {
        _inherits(ISODayParser2, _Parser);
        var _super = _createSuper(ISODayParser2);
        function ISODayParser2() {
          var _this;
          _classCallCheck(this, ISODayParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 90);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["y", "Y", "u", "q", "Q", "M", "L", "w", "d", "D", "E", "e", "c", "t", "T"]);
          return _this;
        }
        _createClass(ISODayParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            var valueCallback = function valueCallback2(value) {
              if (value === 0) {
                return 7;
              }
              return value;
            };
            switch (token) {
              case "i":
              case "ii":
                return parseNDigits(token.length, dateString);
              case "io":
                return match2.ordinalNumber(dateString, {
                  unit: "day"
                });
              case "iii":
                return mapValue(match2.day(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                }), valueCallback);
              case "iiiii":
                return mapValue(match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                }), valueCallback);
              case "iiiiii":
                return mapValue(match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                }), valueCallback);
              case "iiii":
              default:
                return mapValue(match2.day(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "short",
                  context: "formatting"
                }) || match2.day(dateString, {
                  width: "narrow",
                  context: "formatting"
                }), valueCallback);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 7;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date = setUTCISODay(date, value);
            date.setUTCHours(0, 0, 0, 0);
            return date;
          }
        }]);
        return ISODayParser2;
      }(Parser);
      var AMPMParser = /* @__PURE__ */ function(_Parser) {
        _inherits(AMPMParser2, _Parser);
        var _super = _createSuper(AMPMParser2);
        function AMPMParser2() {
          var _this;
          _classCallCheck(this, AMPMParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 80);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]);
          return _this;
        }
        _createClass(AMPMParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "a":
              case "aa":
              case "aaa":
                return match2.dayPeriod(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "aaaaa":
                return match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "aaaa":
              default:
                return match2.dayPeriod(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
            return date;
          }
        }]);
        return AMPMParser2;
      }(Parser);
      var AMPMMidnightParser = /* @__PURE__ */ function(_Parser) {
        _inherits(AMPMMidnightParser2, _Parser);
        var _super = _createSuper(AMPMMidnightParser2);
        function AMPMMidnightParser2() {
          var _this;
          _classCallCheck(this, AMPMMidnightParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 80);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]);
          return _this;
        }
        _createClass(AMPMMidnightParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "b":
              case "bb":
              case "bbb":
                return match2.dayPeriod(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "bbbbb":
                return match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "bbbb":
              default:
                return match2.dayPeriod(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
            return date;
          }
        }]);
        return AMPMMidnightParser2;
      }(Parser);
      var DayPeriodParser = /* @__PURE__ */ function(_Parser) {
        _inherits(DayPeriodParser2, _Parser);
        var _super = _createSuper(DayPeriodParser2);
        function DayPeriodParser2() {
          var _this;
          _classCallCheck(this, DayPeriodParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 80);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["a", "b", "t", "T"]);
          return _this;
        }
        _createClass(DayPeriodParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "B":
              case "BB":
              case "BBB":
                return match2.dayPeriod(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "BBBBB":
                return match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
              case "BBBB":
              default:
                return match2.dayPeriod(dateString, {
                  width: "wide",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "abbreviated",
                  context: "formatting"
                }) || match2.dayPeriod(dateString, {
                  width: "narrow",
                  context: "formatting"
                });
            }
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
            return date;
          }
        }]);
        return DayPeriodParser2;
      }(Parser);
      var Hour1to12Parser = /* @__PURE__ */ function(_Parser) {
        _inherits(Hour1to12Parser2, _Parser);
        var _super = _createSuper(Hour1to12Parser2);
        function Hour1to12Parser2() {
          var _this;
          _classCallCheck(this, Hour1to12Parser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 70);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["H", "K", "k", "t", "T"]);
          return _this;
        }
        _createClass(Hour1to12Parser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "h":
                return parseNumericPattern(numericPatterns.hour12h, dateString);
              case "ho":
                return match2.ordinalNumber(dateString, {
                  unit: "hour"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 12;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            var isPM = date.getUTCHours() >= 12;
            if (isPM && value < 12) {
              date.setUTCHours(value + 12, 0, 0, 0);
            } else if (!isPM && value === 12) {
              date.setUTCHours(0, 0, 0, 0);
            } else {
              date.setUTCHours(value, 0, 0, 0);
            }
            return date;
          }
        }]);
        return Hour1to12Parser2;
      }(Parser);
      var Hour0to23Parser = /* @__PURE__ */ function(_Parser) {
        _inherits(Hour0to23Parser2, _Parser);
        var _super = _createSuper(Hour0to23Parser2);
        function Hour0to23Parser2() {
          var _this;
          _classCallCheck(this, Hour0to23Parser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 70);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]);
          return _this;
        }
        _createClass(Hour0to23Parser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "H":
                return parseNumericPattern(numericPatterns.hour23h, dateString);
              case "Ho":
                return match2.ordinalNumber(dateString, {
                  unit: "hour"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 23;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCHours(value, 0, 0, 0);
            return date;
          }
        }]);
        return Hour0to23Parser2;
      }(Parser);
      var Hour0To11Parser = /* @__PURE__ */ function(_Parser) {
        _inherits(Hour0To11Parser2, _Parser);
        var _super = _createSuper(Hour0To11Parser2);
        function Hour0To11Parser2() {
          var _this;
          _classCallCheck(this, Hour0To11Parser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 70);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["h", "H", "k", "t", "T"]);
          return _this;
        }
        _createClass(Hour0To11Parser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "K":
                return parseNumericPattern(numericPatterns.hour11h, dateString);
              case "Ko":
                return match2.ordinalNumber(dateString, {
                  unit: "hour"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 11;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            var isPM = date.getUTCHours() >= 12;
            if (isPM && value < 12) {
              date.setUTCHours(value + 12, 0, 0, 0);
            } else {
              date.setUTCHours(value, 0, 0, 0);
            }
            return date;
          }
        }]);
        return Hour0To11Parser2;
      }(Parser);
      var Hour1To24Parser = /* @__PURE__ */ function(_Parser) {
        _inherits(Hour1To24Parser2, _Parser);
        var _super = _createSuper(Hour1To24Parser2);
        function Hour1To24Parser2() {
          var _this;
          _classCallCheck(this, Hour1To24Parser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 70);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]);
          return _this;
        }
        _createClass(Hour1To24Parser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "k":
                return parseNumericPattern(numericPatterns.hour24h, dateString);
              case "ko":
                return match2.ordinalNumber(dateString, {
                  unit: "hour"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 1 && value <= 24;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            var hours = value <= 24 ? value % 24 : value;
            date.setUTCHours(hours, 0, 0, 0);
            return date;
          }
        }]);
        return Hour1To24Parser2;
      }(Parser);
      var MinuteParser = /* @__PURE__ */ function(_Parser) {
        _inherits(MinuteParser2, _Parser);
        var _super = _createSuper(MinuteParser2);
        function MinuteParser2() {
          var _this;
          _classCallCheck(this, MinuteParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 60);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["t", "T"]);
          return _this;
        }
        _createClass(MinuteParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "m":
                return parseNumericPattern(numericPatterns.minute, dateString);
              case "mo":
                return match2.ordinalNumber(dateString, {
                  unit: "minute"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 59;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMinutes(value, 0, 0);
            return date;
          }
        }]);
        return MinuteParser2;
      }(Parser);
      var SecondParser = /* @__PURE__ */ function(_Parser) {
        _inherits(SecondParser2, _Parser);
        var _super = _createSuper(SecondParser2);
        function SecondParser2() {
          var _this;
          _classCallCheck(this, SecondParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 50);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["t", "T"]);
          return _this;
        }
        _createClass(SecondParser2, [{
          key: "parse",
          value: function parse2(dateString, token, match2) {
            switch (token) {
              case "s":
                return parseNumericPattern(numericPatterns.second, dateString);
              case "so":
                return match2.ordinalNumber(dateString, {
                  unit: "second"
                });
              default:
                return parseNDigits(token.length, dateString);
            }
          }
        }, {
          key: "validate",
          value: function validate(_date, value) {
            return value >= 0 && value <= 59;
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCSeconds(value, 0);
            return date;
          }
        }]);
        return SecondParser2;
      }(Parser);
      var FractionOfSecondParser = /* @__PURE__ */ function(_Parser) {
        _inherits(FractionOfSecondParser2, _Parser);
        var _super = _createSuper(FractionOfSecondParser2);
        function FractionOfSecondParser2() {
          var _this;
          _classCallCheck(this, FractionOfSecondParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 30);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["t", "T"]);
          return _this;
        }
        _createClass(FractionOfSecondParser2, [{
          key: "parse",
          value: function parse2(dateString, token) {
            var valueCallback = function valueCallback2(value) {
              return Math.floor(value * Math.pow(10, -token.length + 3));
            };
            return mapValue(parseNDigits(token.length, dateString), valueCallback);
          }
        }, {
          key: "set",
          value: function set2(date, _flags, value) {
            date.setUTCMilliseconds(value);
            return date;
          }
        }]);
        return FractionOfSecondParser2;
      }(Parser);
      var ISOTimezoneWithZParser = /* @__PURE__ */ function(_Parser) {
        _inherits(ISOTimezoneWithZParser2, _Parser);
        var _super = _createSuper(ISOTimezoneWithZParser2);
        function ISOTimezoneWithZParser2() {
          var _this;
          _classCallCheck(this, ISOTimezoneWithZParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 10);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["t", "T", "x"]);
          return _this;
        }
        _createClass(ISOTimezoneWithZParser2, [{
          key: "parse",
          value: function parse2(dateString, token) {
            switch (token) {
              case "X":
                return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, dateString);
              case "XX":
                return parseTimezonePattern(timezonePatterns.basic, dateString);
              case "XXXX":
                return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, dateString);
              case "XXXXX":
                return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, dateString);
              case "XXX":
              default:
                return parseTimezonePattern(timezonePatterns.extended, dateString);
            }
          }
        }, {
          key: "set",
          value: function set2(date, flags, value) {
            if (flags.timestampIsSet) {
              return date;
            }
            return new Date(date.getTime() - value);
          }
        }]);
        return ISOTimezoneWithZParser2;
      }(Parser);
      var ISOTimezoneParser = /* @__PURE__ */ function(_Parser) {
        _inherits(ISOTimezoneParser2, _Parser);
        var _super = _createSuper(ISOTimezoneParser2);
        function ISOTimezoneParser2() {
          var _this;
          _classCallCheck(this, ISOTimezoneParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 10);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", ["t", "T", "X"]);
          return _this;
        }
        _createClass(ISOTimezoneParser2, [{
          key: "parse",
          value: function parse2(dateString, token) {
            switch (token) {
              case "x":
                return parseTimezonePattern(timezonePatterns.basicOptionalMinutes, dateString);
              case "xx":
                return parseTimezonePattern(timezonePatterns.basic, dateString);
              case "xxxx":
                return parseTimezonePattern(timezonePatterns.basicOptionalSeconds, dateString);
              case "xxxxx":
                return parseTimezonePattern(timezonePatterns.extendedOptionalSeconds, dateString);
              case "xxx":
              default:
                return parseTimezonePattern(timezonePatterns.extended, dateString);
            }
          }
        }, {
          key: "set",
          value: function set2(date, flags, value) {
            if (flags.timestampIsSet) {
              return date;
            }
            return new Date(date.getTime() - value);
          }
        }]);
        return ISOTimezoneParser2;
      }(Parser);
      var TimestampSecondsParser = /* @__PURE__ */ function(_Parser) {
        _inherits(TimestampSecondsParser2, _Parser);
        var _super = _createSuper(TimestampSecondsParser2);
        function TimestampSecondsParser2() {
          var _this;
          _classCallCheck(this, TimestampSecondsParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 40);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", "*");
          return _this;
        }
        _createClass(TimestampSecondsParser2, [{
          key: "parse",
          value: function parse2(dateString) {
            return parseAnyDigitsSigned(dateString);
          }
        }, {
          key: "set",
          value: function set2(_date, _flags, value) {
            return [new Date(value * 1e3), {
              timestampIsSet: true
            }];
          }
        }]);
        return TimestampSecondsParser2;
      }(Parser);
      var TimestampMillisecondsParser = /* @__PURE__ */ function(_Parser) {
        _inherits(TimestampMillisecondsParser2, _Parser);
        var _super = _createSuper(TimestampMillisecondsParser2);
        function TimestampMillisecondsParser2() {
          var _this;
          _classCallCheck(this, TimestampMillisecondsParser2);
          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          _this = _super.call.apply(_super, [this].concat(args));
          _defineProperty(_assertThisInitialized(_this), "priority", 20);
          _defineProperty(_assertThisInitialized(_this), "incompatibleTokens", "*");
          return _this;
        }
        _createClass(TimestampMillisecondsParser2, [{
          key: "parse",
          value: function parse2(dateString) {
            return parseAnyDigitsSigned(dateString);
          }
        }, {
          key: "set",
          value: function set2(_date, _flags, value) {
            return [new Date(value), {
              timestampIsSet: true
            }];
          }
        }]);
        return TimestampMillisecondsParser2;
      }(Parser);
      var parsers = {
        G: new EraParser(),
        y: new YearParser(),
        Y: new LocalWeekYearParser(),
        R: new ISOWeekYearParser(),
        u: new ExtendedYearParser(),
        Q: new QuarterParser(),
        q: new StandAloneQuarterParser(),
        M: new MonthParser(),
        L: new StandAloneMonthParser(),
        w: new LocalWeekParser(),
        I: new ISOWeekParser(),
        d: new DateParser(),
        D: new DayOfYearParser(),
        E: new DayParser(),
        e: new LocalDayParser(),
        c: new StandAloneLocalDayParser(),
        i: new ISODayParser(),
        a: new AMPMParser(),
        b: new AMPMMidnightParser(),
        B: new DayPeriodParser(),
        h: new Hour1to12Parser(),
        H: new Hour0to23Parser(),
        K: new Hour0To11Parser(),
        k: new Hour1To24Parser(),
        m: new MinuteParser(),
        s: new SecondParser(),
        S: new FractionOfSecondParser(),
        X: new ISOTimezoneWithZParser(),
        x: new ISOTimezoneParser(),
        t: new TimestampSecondsParser(),
        T: new TimestampMillisecondsParser()
      };
      var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
      var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
      var escapedStringRegExp = /^'([^]*?)'?$/;
      var doubleQuoteRegExp = /''/g;
      var notWhitespaceRegExp = /\S/;
      var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
      function parse$1(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options) {
        var _ref, _options$locale, _ref2, _ref3, _ref4, _options$firstWeekCon, _options$locale2, _options$locale2$opti, _defaultOptions$local, _defaultOptions$local2, _ref5, _ref6, _ref7, _options$weekStartsOn, _options$locale3, _options$locale3$opti, _defaultOptions$local3, _defaultOptions$local4;
        requiredArgs$1(3, arguments);
        var dateString = String(dirtyDateString);
        var formatString = String(dirtyFormatString);
        var defaultOptions2 = getDefaultOptions$1();
        var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions2.locale) !== null && _ref !== void 0 ? _ref : locale;
        if (!locale$1.match) {
          throw new RangeError("locale must contain match property");
        }
        var firstWeekContainsDate = toInteger$2((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions2.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
        if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
          throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
        }
        var weekStartsOn = toInteger$2((_ref5 = (_ref6 = (_ref7 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale3 = options.locale) === null || _options$locale3 === void 0 ? void 0 : (_options$locale3$opti = _options$locale3.options) === null || _options$locale3$opti === void 0 ? void 0 : _options$locale3$opti.weekStartsOn) !== null && _ref7 !== void 0 ? _ref7 : defaultOptions2.weekStartsOn) !== null && _ref6 !== void 0 ? _ref6 : (_defaultOptions$local3 = defaultOptions2.locale) === null || _defaultOptions$local3 === void 0 ? void 0 : (_defaultOptions$local4 = _defaultOptions$local3.options) === null || _defaultOptions$local4 === void 0 ? void 0 : _defaultOptions$local4.weekStartsOn) !== null && _ref5 !== void 0 ? _ref5 : 0);
        if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
          throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
        }
        if (formatString === "") {
          if (dateString === "") {
            return toDate$2(dirtyReferenceDate);
          } else {
            return /* @__PURE__ */ new Date(NaN);
          }
        }
        var subFnOptions = {
          firstWeekContainsDate,
          weekStartsOn,
          locale: locale$1
        };
        var setters = [new DateToSystemTimezoneSetter()];
        var tokens = formatString.match(longFormattingTokensRegExp).map(function(substring) {
          var firstCharacter = substring[0];
          if (firstCharacter in longFormatters$1) {
            var longFormatter = longFormatters$1[firstCharacter];
            return longFormatter(substring, locale$1.formatLong);
          }
          return substring;
        }).join("").match(formattingTokensRegExp);
        var usedTokens = [];
        var _iterator = _createForOfIteratorHelper(tokens), _step;
        try {
          var _loop = function _loop2() {
            var token = _step.value;
            if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken$1(token)) {
              throwProtectedError$1(token, formatString, dirtyDateString);
            }
            if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken$1(token)) {
              throwProtectedError$1(token, formatString, dirtyDateString);
            }
            var firstCharacter = token[0];
            var parser = parsers[firstCharacter];
            if (parser) {
              var incompatibleTokens = parser.incompatibleTokens;
              if (Array.isArray(incompatibleTokens)) {
                var incompatibleToken = usedTokens.find(function(usedToken) {
                  return incompatibleTokens.includes(usedToken.token) || usedToken.token === firstCharacter;
                });
                if (incompatibleToken) {
                  throw new RangeError("The format string mustn't contain `".concat(incompatibleToken.fullToken, "` and `").concat(token, "` at the same time"));
                }
              } else if (parser.incompatibleTokens === "*" && usedTokens.length > 0) {
                throw new RangeError("The format string mustn't contain `".concat(token, "` and any other token at the same time"));
              }
              usedTokens.push({
                token: firstCharacter,
                fullToken: token
              });
              var parseResult = parser.run(dateString, token, locale$1.match, subFnOptions);
              if (!parseResult) {
                return {
                  v: /* @__PURE__ */ new Date(NaN)
                };
              }
              setters.push(parseResult.setter);
              dateString = parseResult.rest;
            } else {
              if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
                throw new RangeError("Format string contains an unescaped latin alphabet character `" + firstCharacter + "`");
              }
              if (token === "''") {
                token = "'";
              } else if (firstCharacter === "'") {
                token = cleanEscapedString(token);
              }
              if (dateString.indexOf(token) === 0) {
                dateString = dateString.slice(token.length);
              } else {
                return {
                  v: /* @__PURE__ */ new Date(NaN)
                };
              }
            }
          };
          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
            var _ret = _loop();
            if (_typeof$1(_ret) === "object")
              return _ret.v;
          }
        } catch (err) {
          _iterator.e(err);
        } finally {
          _iterator.f();
        }
        if (dateString.length > 0 && notWhitespaceRegExp.test(dateString)) {
          return /* @__PURE__ */ new Date(NaN);
        }
        var uniquePrioritySetters = setters.map(function(setter2) {
          return setter2.priority;
        }).sort(function(a2, b) {
          return b - a2;
        }).filter(function(priority, index, array) {
          return array.indexOf(priority) === index;
        }).map(function(priority) {
          return setters.filter(function(setter2) {
            return setter2.priority === priority;
          }).sort(function(a2, b) {
            return b.subPriority - a2.subPriority;
          });
        }).map(function(setterArray) {
          return setterArray[0];
        });
        var date = toDate$2(dirtyReferenceDate);
        if (isNaN(date.getTime())) {
          return /* @__PURE__ */ new Date(NaN);
        }
        var utcDate = subMilliseconds$1(date, getTimezoneOffsetInMilliseconds$2(date));
        var flags = {};
        var _iterator2 = _createForOfIteratorHelper(uniquePrioritySetters), _step2;
        try {
          for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
            var setter = _step2.value;
            if (!setter.validate(utcDate, subFnOptions)) {
              return /* @__PURE__ */ new Date(NaN);
            }
            var result = setter.set(utcDate, flags, subFnOptions);
            if (Array.isArray(result)) {
              utcDate = result[0];
              assign$1(flags, result[1]);
            } else {
              utcDate = result;
            }
          }
        } catch (err) {
          _iterator2.e(err);
        } finally {
          _iterator2.f();
        }
        return utcDate;
      }
      function cleanEscapedString(input) {
        return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
      }
      function startOfHour(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        date.setMinutes(0, 0, 0);
        return date;
      }
      function isSameWeek(dirtyDateLeft, dirtyDateRight, options) {
        requiredArgs$1(2, arguments);
        var dateLeftStartOfWeek = startOfWeek(dirtyDateLeft, options);
        var dateRightStartOfWeek = startOfWeek(dirtyDateRight, options);
        return dateLeftStartOfWeek.getTime() === dateRightStartOfWeek.getTime();
      }
      function isSameMonth(dirtyDateLeft, dirtyDateRight) {
        requiredArgs$1(2, arguments);
        var dateLeft = toDate$2(dirtyDateLeft);
        var dateRight = toDate$2(dirtyDateRight);
        return dateLeft.getFullYear() === dateRight.getFullYear() && dateLeft.getMonth() === dateRight.getMonth();
      }
      function isSameQuarter(dirtyDateLeft, dirtyDateRight) {
        requiredArgs$1(2, arguments);
        var dateLeftStartOfQuarter = startOfQuarter(dirtyDateLeft);
        var dateRightStartOfQuarter = startOfQuarter(dirtyDateRight);
        return dateLeftStartOfQuarter.getTime() === dateRightStartOfQuarter.getTime();
      }
      function startOfSecond(dirtyDate) {
        requiredArgs$1(1, arguments);
        var date = toDate$2(dirtyDate);
        date.setMilliseconds(0);
        return date;
      }
      function isSameYear(dirtyDateLeft, dirtyDateRight) {
        requiredArgs$1(2, arguments);
        var dateLeft = toDate$2(dirtyDateLeft);
        var dateRight = toDate$2(dirtyDateRight);
        return dateLeft.getFullYear() === dateRight.getFullYear();
      }
      function setMonth(dirtyDate, dirtyMonth) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var month = toInteger$2(dirtyMonth);
        var year = date.getFullYear();
        var day = date.getDate();
        var dateWithDesiredMonth = /* @__PURE__ */ new Date(0);
        dateWithDesiredMonth.setFullYear(year, month, 15);
        dateWithDesiredMonth.setHours(0, 0, 0, 0);
        var daysInMonth = getDaysInMonth(dateWithDesiredMonth);
        date.setMonth(month, Math.min(day, daysInMonth));
        return date;
      }
      function set(dirtyDate, values) {
        requiredArgs$1(2, arguments);
        if (_typeof$1(values) !== "object" || values === null) {
          throw new RangeError("values parameter must be an object");
        }
        var date = toDate$2(dirtyDate);
        if (isNaN(date.getTime())) {
          return /* @__PURE__ */ new Date(NaN);
        }
        if (values.year != null) {
          date.setFullYear(values.year);
        }
        if (values.month != null) {
          date = setMonth(date, values.month);
        }
        if (values.date != null) {
          date.setDate(toInteger$2(values.date));
        }
        if (values.hours != null) {
          date.setHours(toInteger$2(values.hours));
        }
        if (values.minutes != null) {
          date.setMinutes(toInteger$2(values.minutes));
        }
        if (values.seconds != null) {
          date.setSeconds(toInteger$2(values.seconds));
        }
        if (values.milliseconds != null) {
          date.setMilliseconds(toInteger$2(values.milliseconds));
        }
        return date;
      }
      function setHours(dirtyDate, dirtyHours) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var hours = toInteger$2(dirtyHours);
        date.setHours(hours);
        return date;
      }
      function setMinutes(dirtyDate, dirtyMinutes) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var minutes = toInteger$2(dirtyMinutes);
        date.setMinutes(minutes);
        return date;
      }
      function setQuarter(dirtyDate, dirtyQuarter) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var quarter = toInteger$2(dirtyQuarter);
        var oldQuarter = Math.floor(date.getMonth() / 3) + 1;
        var diff = quarter - oldQuarter;
        return setMonth(date, date.getMonth() + diff * 3);
      }
      function setSeconds(dirtyDate, dirtySeconds) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var seconds = toInteger$2(dirtySeconds);
        date.setSeconds(seconds);
        return date;
      }
      function setYear(dirtyDate, dirtyYear) {
        requiredArgs$1(2, arguments);
        var date = toDate$2(dirtyDate);
        var year = toInteger$2(dirtyYear);
        if (isNaN(date.getTime())) {
          return /* @__PURE__ */ new Date(NaN);
        }
        date.setFullYear(year);
        return date;
      }
      function useLocale(ns) {
        const {
          mergedLocaleRef,
          mergedDateLocaleRef
        } = vue.inject(configProviderInjectionKey, null) || {};
        const localeRef = vue.computed(() => {
          var _a, _b;
          return (_b = (_a = mergedLocaleRef === null || mergedLocaleRef === void 0 ? void 0 : mergedLocaleRef.value) === null || _a === void 0 ? void 0 : _a[ns]) !== null && _b !== void 0 ? _b : enUS$1[ns];
        });
        const dateLocaleRef = vue.computed(() => {
          var _a;
          return (_a = mergedDateLocaleRef === null || mergedDateLocaleRef === void 0 ? void 0 : mergedDateLocaleRef.value) !== null && _a !== void 0 ? _a : dateEnUs;
        });
        return {
          dateLocaleRef,
          localeRef
        };
      }
      function useStyle(mountId, style2, clsPrefixRef) {
        if (!style2) {
          return;
        }
        const ssrAdapter2 = useSsrAdapter();
        const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
        const mountStyle = () => {
          const clsPrefix = clsPrefixRef.value;
          style2.mount({
            id: clsPrefix === void 0 ? mountId : clsPrefix + mountId,
            head: true,
            anchorMetaName: cssrAnchorMetaName,
            props: {
              bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
            },
            ssr: ssrAdapter2
          });
          if (!(NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled)) {
            globalStyle.mount({
              id: "n-global",
              head: true,
              anchorMetaName: cssrAnchorMetaName,
              ssr: ssrAdapter2
            });
          }
        };
        if (ssrAdapter2) {
          mountStyle();
        } else {
          vue.onBeforeMount(mountStyle);
        }
      }
      function useHljs(props, shouldHighlightRef) {
        const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
        return vue.computed(() => {
          return props.hljs || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedHljsRef.value);
        });
      }
      function useThemeClass(componentName, hashRef, cssVarsRef, props) {
        var _a;
        if (!cssVarsRef)
          throwError("useThemeClass", "cssVarsRef is not passed");
        const mergedThemeHashRef = (_a = vue.inject(configProviderInjectionKey, null)) === null || _a === void 0 ? void 0 : _a.mergedThemeHashRef;
        const themeClassRef = vue.ref("");
        const ssrAdapter2 = useSsrAdapter();
        let renderCallback;
        const hashClassPrefix = `__${componentName}`;
        const mountStyle = () => {
          let finalThemeHash = hashClassPrefix;
          const hashValue = hashRef ? hashRef.value : void 0;
          const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
          if (themeHash)
            finalThemeHash += "-" + themeHash;
          if (hashValue)
            finalThemeHash += "-" + hashValue;
          const {
            themeOverrides,
            builtinThemeOverrides
          } = props;
          if (themeOverrides) {
            finalThemeHash += "-" + murmur2(JSON.stringify(themeOverrides));
          }
          if (builtinThemeOverrides) {
            finalThemeHash += "-" + murmur2(JSON.stringify(builtinThemeOverrides));
          }
          themeClassRef.value = finalThemeHash;
          renderCallback = () => {
            const cssVars = cssVarsRef.value;
            let style2 = "";
            for (const key in cssVars) {
              style2 += `${key}: ${cssVars[key]};`;
            }
            c$1(`.${finalThemeHash}`, style2).mount({
              id: finalThemeHash,
              ssr: ssrAdapter2
            });
            renderCallback = void 0;
          };
        };
        vue.watchEffect(() => {
          mountStyle();
        });
        return {
          themeClass: themeClassRef,
          onRender: () => {
            renderCallback === null || renderCallback === void 0 ? void 0 : renderCallback();
          }
        };
      }
      function useRtl(mountId, rtlStateRef, clsPrefixRef) {
        if (!rtlStateRef)
          return void 0;
        const ssrAdapter2 = useSsrAdapter();
        const componentRtlStateRef = vue.computed(() => {
          const {
            value: rtlState
          } = rtlStateRef;
          if (!rtlState) {
            return void 0;
          }
          const componentRtlState = rtlState[mountId];
          if (!componentRtlState) {
            return void 0;
          }
          return componentRtlState;
        });
        const mountStyle = () => {
          vue.watchEffect(() => {
            const {
              value: clsPrefix
            } = clsPrefixRef;
            const id = `${clsPrefix}${mountId}Rtl`;
            if (exists(id, ssrAdapter2))
              return;
            const {
              value: componentRtlState
            } = componentRtlStateRef;
            if (!componentRtlState)
              return;
            componentRtlState.style.mount({
              id,
              head: true,
              anchorMetaName: cssrAnchorMetaName,
              props: {
                bPrefix: clsPrefix ? `.${clsPrefix}-` : void 0
              },
              ssr: ssrAdapter2
            });
          });
        };
        if (ssrAdapter2) {
          mountStyle();
        } else {
          vue.onBeforeMount(mountStyle);
        }
        return componentRtlStateRef;
      }
      function getScrollTop(target) {
        return target instanceof HTMLElement ? target.scrollTop : window.scrollY;
      }
      function getRect(target) {
        return target instanceof HTMLElement ? target.getBoundingClientRect() : {
          top: 0,
          bottom: window.innerHeight
        };
      }
      const style$1D = cB("affix", [cM("affixed", {
        position: "fixed"
      }, [cM("absolute-positioned", {
        position: "absolute"
      })])]);
      const affixProps = {
        listenTo: [String, Object, Function],
        top: Number,
        bottom: Number,
        triggerTop: Number,
        triggerBottom: Number,
        position: {
          type: String,
          default: "fixed"
        },
        // deprecated
        offsetTop: {
          type: Number,
          validator: () => {
            return true;
          },
          default: void 0
        },
        offsetBottom: {
          type: Number,
          validator: () => {
            return true;
          },
          default: void 0
        },
        target: {
          type: Function,
          validator: () => {
            return true;
          },
          default: void 0
        }
      };
      const affixPropKeys = keysOf(affixProps);
      const NAffix = vue.defineComponent({
        name: "Affix",
        props: affixProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          useStyle("-affix", style$1D, mergedClsPrefixRef);
          let scrollTarget = null;
          const stickToTopRef = vue.ref(false);
          const stickToBottomRef = vue.ref(false);
          const bottomAffixedTriggerScrollTopRef = vue.ref(null);
          const topAffixedTriggerScrollTopRef = vue.ref(null);
          const affixedRef = vue.computed(() => {
            return stickToBottomRef.value || stickToTopRef.value;
          });
          const mergedOffsetTopRef = vue.computed(() => {
            var _a, _b;
            return (_b = (_a = props.triggerTop) !== null && _a !== void 0 ? _a : props.offsetTop) !== null && _b !== void 0 ? _b : props.top;
          });
          const mergedTopRef = vue.computed(() => {
            var _a, _b;
            return (_b = (_a = props.top) !== null && _a !== void 0 ? _a : props.triggerTop) !== null && _b !== void 0 ? _b : props.offsetTop;
          });
          const mergedBottomRef = vue.computed(() => {
            var _a, _b;
            return (_b = (_a = props.bottom) !== null && _a !== void 0 ? _a : props.triggerBottom) !== null && _b !== void 0 ? _b : props.offsetBottom;
          });
          const mergedOffsetBottomRef = vue.computed(() => {
            var _a, _b;
            return (_b = (_a = props.triggerBottom) !== null && _a !== void 0 ? _a : props.offsetBottom) !== null && _b !== void 0 ? _b : props.bottom;
          });
          const selfRef = vue.ref(null);
          const init2 = () => {
            const {
              target: getScrollTarget,
              listenTo
            } = props;
            if (getScrollTarget) {
              scrollTarget = getScrollTarget();
            } else if (listenTo) {
              scrollTarget = unwrapElement(listenTo);
            } else {
              scrollTarget = document;
            }
            if (scrollTarget) {
              scrollTarget.addEventListener("scroll", handleScroll);
              handleScroll();
            }
          };
          function handleScroll() {
            beforeNextFrameOnce(_handleScroll);
          }
          function _handleScroll() {
            const {
              value: selfEl
            } = selfRef;
            if (!scrollTarget || !selfEl)
              return;
            const scrollTop = getScrollTop(scrollTarget);
            if (affixedRef.value) {
              if (topAffixedTriggerScrollTopRef.value !== null && scrollTop < topAffixedTriggerScrollTopRef.value) {
                stickToTopRef.value = false;
                topAffixedTriggerScrollTopRef.value = null;
              }
              if (bottomAffixedTriggerScrollTopRef.value !== null && scrollTop > bottomAffixedTriggerScrollTopRef.value) {
                stickToBottomRef.value = false;
                bottomAffixedTriggerScrollTopRef.value = null;
              }
              return;
            }
            const containerRect = getRect(scrollTarget);
            const affixRect = selfEl.getBoundingClientRect();
            const pxToTop = affixRect.top - containerRect.top;
            const pxToBottom = containerRect.bottom - affixRect.bottom;
            const mergedOffsetTop = mergedOffsetTopRef.value;
            const mergedOffsetBottom = mergedOffsetBottomRef.value;
            if (mergedOffsetTop !== void 0 && pxToTop <= mergedOffsetTop) {
              stickToTopRef.value = true;
              topAffixedTriggerScrollTopRef.value = scrollTop - (mergedOffsetTop - pxToTop);
            } else {
              stickToTopRef.value = false;
              topAffixedTriggerScrollTopRef.value = null;
            }
            if (mergedOffsetBottom !== void 0 && pxToBottom <= mergedOffsetBottom) {
              stickToBottomRef.value = true;
              bottomAffixedTriggerScrollTopRef.value = scrollTop + mergedOffsetBottom - pxToBottom;
            } else {
              stickToBottomRef.value = false;
              bottomAffixedTriggerScrollTopRef.value = null;
            }
          }
          vue.onMounted(() => {
            init2();
          });
          vue.onBeforeUnmount(() => {
            if (!scrollTarget)
              return;
            scrollTarget.removeEventListener("scroll", handleScroll);
          });
          return {
            selfRef,
            affixed: affixedRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedstyle: vue.computed(() => {
              const style2 = {};
              if (stickToTopRef.value && mergedOffsetTopRef.value !== void 0 && mergedTopRef.value !== void 0) {
                style2.top = `${mergedTopRef.value}px`;
              }
              if (stickToBottomRef.value && mergedOffsetBottomRef.value !== void 0 && mergedBottomRef.value !== void 0) {
                style2.bottom = `${mergedBottomRef.value}px`;
              }
              return style2;
            })
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            ref: "selfRef",
            class: [`${mergedClsPrefix}-affix`, {
              [`${mergedClsPrefix}-affix--affixed`]: this.affixed,
              [`${mergedClsPrefix}-affix--absolute-positioned`]: this.position === "absolute"
            }],
            style: this.mergedstyle
          }, this.$slots);
        }
      });
      const AddIcon = vue.defineComponent({
        name: "Add",
        render() {
          return vue.h("svg", {
            width: "512",
            height: "512",
            viewBox: "0 0 512 512",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M256 112V400M400 256H112",
            stroke: "currentColor",
            "stroke-width": "32",
            "stroke-linecap": "round",
            "stroke-linejoin": "round"
          }));
        }
      });
      const ArrowDownIcon = vue.defineComponent({
        name: "ArrowDown",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 28 28",
            version: "1.1",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("g", {
            stroke: "none",
            "stroke-width": "1",
            "fill-rule": "evenodd"
          }, vue.h("g", {
            "fill-rule": "nonzero"
          }, vue.h("path", {
            d: "M23.7916,15.2664 C24.0788,14.9679 24.0696,14.4931 23.7711,14.206 C23.4726,13.9188 22.9978,13.928 22.7106,14.2265 L14.7511,22.5007 L14.7511,3.74792 C14.7511,3.33371 14.4153,2.99792 14.0011,2.99792 C13.5869,2.99792 13.2511,3.33371 13.2511,3.74793 L13.2511,22.4998 L5.29259,14.2265 C5.00543,13.928 4.53064,13.9188 4.23213,14.206 C3.93361,14.4931 3.9244,14.9679 4.21157,15.2664 L13.2809,24.6944 C13.6743,25.1034 14.3289,25.1034 14.7223,24.6944 L23.7916,15.2664 Z"
          }))));
        }
      });
      const ArrowUpIcon = vue.defineComponent({
        name: "ArrowUp",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 20 20"
          }, vue.h("g", {
            fill: "none"
          }, vue.h("path", {
            d: "M3.13 9.163a.5.5 0 1 0 .74.674L9.5 3.67V17.5a.5.5 0 0 0 1 0V3.672l5.63 6.165a.5.5 0 0 0 .738-.674l-6.315-6.916a.746.746 0 0 0-.632-.24a.746.746 0 0 0-.476.24L3.131 9.163z",
            fill: "currentColor"
          })));
        }
      });
      function replaceable(name, icon) {
        return vue.defineComponent({
          name: upperFirst(name),
          setup() {
            var _a;
            const mergedIconsRef = (_a = vue.inject(configProviderInjectionKey, null)) === null || _a === void 0 ? void 0 : _a.mergedIconsRef;
            return () => {
              var _a2;
              const iconOverride = (_a2 = mergedIconsRef === null || mergedIconsRef === void 0 ? void 0 : mergedIconsRef.value) === null || _a2 === void 0 ? void 0 : _a2[name];
              return iconOverride ? iconOverride() : icon;
            };
          }
        });
      }
      const AttachIcon = replaceable("attach", vue.h("svg", {
        viewBox: "0 0 16 16",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        fill: "none",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        fill: "currentColor",
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M3.25735931,8.70710678 L7.85355339,4.1109127 C8.82986412,3.13460197 10.4127766,3.13460197 11.3890873,4.1109127 C12.365398,5.08722343 12.365398,6.67013588 11.3890873,7.64644661 L6.08578644,12.9497475 C5.69526215,13.3402718 5.06209717,13.3402718 4.67157288,12.9497475 C4.28104858,12.5592232 4.28104858,11.9260582 4.67157288,11.5355339 L9.97487373,6.23223305 C10.1701359,6.0369709 10.1701359,5.72038841 9.97487373,5.52512627 C9.77961159,5.32986412 9.4630291,5.32986412 9.26776695,5.52512627 L3.96446609,10.8284271 C3.18341751,11.6094757 3.18341751,12.8758057 3.96446609,13.6568542 C4.74551468,14.4379028 6.01184464,14.4379028 6.79289322,13.6568542 L12.0961941,8.35355339 C13.4630291,6.98671837 13.4630291,4.77064094 12.0961941,3.40380592 C10.7293591,2.0369709 8.51328163,2.0369709 7.14644661,3.40380592 L2.55025253,8 C2.35499039,8.19526215 2.35499039,8.51184464 2.55025253,8.70710678 C2.74551468,8.90236893 3.06209717,8.90236893 3.25735931,8.70710678 Z"
      })))));
      const BackwardIcon = vue.defineComponent({
        name: "Backward",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 20 20",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M12.2674 15.793C11.9675 16.0787 11.4927 16.0672 11.2071 15.7673L6.20572 10.5168C5.9298 10.2271 5.9298 9.7719 6.20572 9.48223L11.2071 4.23177C11.4927 3.93184 11.9675 3.92031 12.2674 4.206C12.5673 4.49169 12.5789 4.96642 12.2932 5.26634L7.78458 9.99952L12.2932 14.7327C12.5789 15.0326 12.5673 15.5074 12.2674 15.793Z",
            fill: "currentColor"
          }));
        }
      });
      const DateIcon = replaceable("date", vue.h("svg", {
        width: "28px",
        height: "28px",
        viewBox: "0 0 28 28",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M21.75,3 C23.5449254,3 25,4.45507456 25,6.25 L25,21.75 C25,23.5449254 23.5449254,25 21.75,25 L6.25,25 C4.45507456,25 3,23.5449254 3,21.75 L3,6.25 C3,4.45507456 4.45507456,3 6.25,3 L21.75,3 Z M23.5,9.503 L4.5,9.503 L4.5,21.75 C4.5,22.7164983 5.28350169,23.5 6.25,23.5 L21.75,23.5 C22.7164983,23.5 23.5,22.7164983 23.5,21.75 L23.5,9.503 Z M21.75,4.5 L6.25,4.5 C5.28350169,4.5 4.5,5.28350169 4.5,6.25 L4.5,8.003 L23.5,8.003 L23.5,6.25 C23.5,5.28350169 22.7164983,4.5 21.75,4.5 Z"
      })))));
      const FinishedIcon = vue.defineComponent({
        name: "Checkmark",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 16 16"
          }, vue.h("g", {
            fill: "none"
          }, vue.h("path", {
            d: "M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032z",
            fill: "currentColor"
          })));
        }
      });
      const ChevronLeftIcon = vue.defineComponent({
        name: "ChevronLeft",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 16 16",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M10.3536 3.14645C10.5488 3.34171 10.5488 3.65829 10.3536 3.85355L6.20711 8L10.3536 12.1464C10.5488 12.3417 10.5488 12.6583 10.3536 12.8536C10.1583 13.0488 9.84171 13.0488 9.64645 12.8536L5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L9.64645 3.14645C9.84171 2.95118 10.1583 2.95118 10.3536 3.14645Z",
            fill: "currentColor"
          }));
        }
      });
      const ChevronRightIcon = vue.defineComponent({
        name: "ChevronRight",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 16 16",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z",
            fill: "currentColor"
          }));
        }
      });
      const ErrorIcon$1 = replaceable("close", vue.h("svg", {
        viewBox: "0 0 12 12",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg",
        "aria-hidden": true
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        fill: "none",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        fill: "currentColor",
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z"
      })))));
      const EyeIcon = vue.defineComponent({
        name: "Eye",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 512 512"
          }, vue.h("path", {
            d: "M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z",
            fill: "none",
            stroke: "currentColor",
            "stroke-linecap": "round",
            "stroke-linejoin": "round",
            "stroke-width": "32"
          }), vue.h("circle", {
            cx: "256",
            cy: "256",
            r: "80",
            fill: "none",
            stroke: "currentColor",
            "stroke-miterlimit": "10",
            "stroke-width": "32"
          }));
        }
      });
      const EyeOffIcon = vue.defineComponent({
        name: "EyeOff",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 512 512"
          }, vue.h("path", {
            d: "M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448z",
            fill: "currentColor"
          }), vue.h("path", {
            d: "M255.66 384c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47z",
            fill: "currentColor"
          }), vue.h("path", {
            d: "M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.82 192.82 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.72 310.72 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.49 343.49 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78z",
            fill: "currentColor"
          }), vue.h("path", {
            d: "M256 160a95.88 95.88 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160z",
            fill: "currentColor"
          }), vue.h("path", {
            d: "M165.78 233.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38z",
            fill: "currentColor"
          }));
        }
      });
      const TrashIcon = replaceable("trash", vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 512 512"
      }, vue.h("path", {
        d: "M432,144,403.33,419.74A32,32,0,0,1,371.55,448H140.46a32,32,0,0,1-31.78-28.26L80,144",
        style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"
      }), vue.h("rect", {
        x: "32",
        y: "64",
        width: "448",
        height: "80",
        rx: "16",
        ry: "16",
        style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"
      }), vue.h("line", {
        x1: "312",
        y1: "240",
        x2: "200",
        y2: "352",
        style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"
      }), vue.h("line", {
        x1: "312",
        y1: "352",
        x2: "200",
        y2: "240",
        style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"
      })));
      const DownloadIcon = replaceable("download", vue.h("svg", {
        viewBox: "0 0 16 16",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        fill: "none",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        fill: "currentColor",
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M3.5,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7454599 12.8231248,13.9496084 12.5898756,13.9919443 L12.5,14 L3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2545401 3.17687516,13.0503916 3.41012437,13.0080557 L3.5,13 L12.5,13 L3.5,13 Z M7.91012437,1.00805567 L8,1 C8.24545989,1 8.44960837,1.17687516 8.49194433,1.41012437 L8.5,1.5 L8.5,10.292 L11.1819805,7.6109127 C11.3555469,7.43734635 11.6249713,7.4180612 11.8198394,7.55305725 L11.8890873,7.6109127 C12.0626536,7.78447906 12.0819388,8.05390346 11.9469427,8.2487716 L11.8890873,8.31801948 L8.35355339,11.8535534 C8.17998704,12.0271197 7.91056264,12.0464049 7.7156945,11.9114088 L7.64644661,11.8535534 L4.1109127,8.31801948 C3.91565056,8.12275734 3.91565056,7.80617485 4.1109127,7.6109127 C4.28447906,7.43734635 4.55390346,7.4180612 4.7487716,7.55305725 L4.81801948,7.6109127 L7.5,10.292 L7.5,1.5 C7.5,1.25454011 7.67687516,1.05039163 7.91012437,1.00805567 L8,1 L7.91012437,1.00805567 Z"
      })))));
      const EmptyIcon = vue.defineComponent({
        name: "Empty",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 28 28",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M26 7.5C26 11.0899 23.0899 14 19.5 14C15.9101 14 13 11.0899 13 7.5C13 3.91015 15.9101 1 19.5 1C23.0899 1 26 3.91015 26 7.5ZM16.8536 4.14645C16.6583 3.95118 16.3417 3.95118 16.1464 4.14645C15.9512 4.34171 15.9512 4.65829 16.1464 4.85355L18.7929 7.5L16.1464 10.1464C15.9512 10.3417 15.9512 10.6583 16.1464 10.8536C16.3417 11.0488 16.6583 11.0488 16.8536 10.8536L19.5 8.20711L22.1464 10.8536C22.3417 11.0488 22.6583 11.0488 22.8536 10.8536C23.0488 10.6583 23.0488 10.3417 22.8536 10.1464L20.2071 7.5L22.8536 4.85355C23.0488 4.65829 23.0488 4.34171 22.8536 4.14645C22.6583 3.95118 22.3417 3.95118 22.1464 4.14645L19.5 6.79289L16.8536 4.14645Z",
            fill: "currentColor"
          }), vue.h("path", {
            d: "M25 22.75V12.5991C24.5572 13.0765 24.053 13.4961 23.5 13.8454V16H17.5L17.3982 16.0068C17.0322 16.0565 16.75 16.3703 16.75 16.75C16.75 18.2688 15.5188 19.5 14 19.5C12.4812 19.5 11.25 18.2688 11.25 16.75L11.2432 16.6482C11.1935 16.2822 10.8797 16 10.5 16H4.5V7.25C4.5 6.2835 5.2835 5.5 6.25 5.5H12.2696C12.4146 4.97463 12.6153 4.47237 12.865 4H6.25C4.45507 4 3 5.45507 3 7.25V22.75C3 24.5449 4.45507 26 6.25 26H21.75C23.5449 26 25 24.5449 25 22.75ZM4.5 22.75V17.5H9.81597L9.85751 17.7041C10.2905 19.5919 11.9808 21 14 21L14.215 20.9947C16.2095 20.8953 17.842 19.4209 18.184 17.5H23.5V22.75C23.5 23.7165 22.7165 24.5 21.75 24.5H6.25C5.2835 24.5 4.5 23.7165 4.5 22.75Z",
            fill: "currentColor"
          }));
        }
      });
      const ErrorIcon = replaceable("error", vue.h("svg", {
        viewBox: "0 0 48 48",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M17.8838835,16.1161165 L17.7823881,16.0249942 C17.3266086,15.6583353 16.6733914,15.6583353 16.2176119,16.0249942 L16.1161165,16.1161165 L16.0249942,16.2176119 C15.6583353,16.6733914 15.6583353,17.3266086 16.0249942,17.7823881 L16.1161165,17.8838835 L22.233,24 L16.1161165,30.1161165 L16.0249942,30.2176119 C15.6583353,30.6733914 15.6583353,31.3266086 16.0249942,31.7823881 L16.1161165,31.8838835 L16.2176119,31.9750058 C16.6733914,32.3416647 17.3266086,32.3416647 17.7823881,31.9750058 L17.8838835,31.8838835 L24,25.767 L30.1161165,31.8838835 L30.2176119,31.9750058 C30.6733914,32.3416647 31.3266086,32.3416647 31.7823881,31.9750058 L31.8838835,31.8838835 L31.9750058,31.7823881 C32.3416647,31.3266086 32.3416647,30.6733914 31.9750058,30.2176119 L31.8838835,30.1161165 L25.767,24 L31.8838835,17.8838835 L31.9750058,17.7823881 C32.3416647,17.3266086 32.3416647,16.6733914 31.9750058,16.2176119 L31.8838835,16.1161165 L31.7823881,16.0249942 C31.3266086,15.6583353 30.6733914,15.6583353 30.2176119,16.0249942 L30.1161165,16.1161165 L24,22.233 L17.8838835,16.1161165 L17.7823881,16.0249942 L17.8838835,16.1161165 Z"
      })))));
      const FastBackwardIcon = vue.defineComponent({
        name: "FastBackward",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 20 20",
            version: "1.1",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("g", {
            stroke: "none",
            "stroke-width": "1",
            fill: "none",
            "fill-rule": "evenodd"
          }, vue.h("g", {
            fill: "currentColor",
            "fill-rule": "nonzero"
          }, vue.h("path", {
            d: "M8.73171,16.7949 C9.03264,17.0795 9.50733,17.0663 9.79196,16.7654 C10.0766,16.4644 10.0634,15.9897 9.76243,15.7051 L4.52339,10.75 L17.2471,10.75 C17.6613,10.75 17.9971,10.4142 17.9971,10 C17.9971,9.58579 17.6613,9.25 17.2471,9.25 L4.52112,9.25 L9.76243,4.29275 C10.0634,4.00812 10.0766,3.53343 9.79196,3.2325 C9.50733,2.93156 9.03264,2.91834 8.73171,3.20297 L2.31449,9.27241 C2.14819,9.4297 2.04819,9.62981 2.01448,9.8386 C2.00308,9.89058 1.99707,9.94459 1.99707,10 C1.99707,10.0576 2.00356,10.1137 2.01585,10.1675 C2.05084,10.3733 2.15039,10.5702 2.31449,10.7254 L8.73171,16.7949 Z"
          }))));
        }
      });
      const FastForwardIcon = vue.defineComponent({
        name: "FastForward",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 20 20",
            version: "1.1",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("g", {
            stroke: "none",
            "stroke-width": "1",
            fill: "none",
            "fill-rule": "evenodd"
          }, vue.h("g", {
            fill: "currentColor",
            "fill-rule": "nonzero"
          }, vue.h("path", {
            d: "M11.2654,3.20511 C10.9644,2.92049 10.4897,2.93371 10.2051,3.23464 C9.92049,3.53558 9.93371,4.01027 10.2346,4.29489 L15.4737,9.25 L2.75,9.25 C2.33579,9.25 2,9.58579 2,10.0000012 C2,10.4142 2.33579,10.75 2.75,10.75 L15.476,10.75 L10.2346,15.7073 C9.93371,15.9919 9.92049,16.4666 10.2051,16.7675 C10.4897,17.0684 10.9644,17.0817 11.2654,16.797 L17.6826,10.7276 C17.8489,10.5703 17.9489,10.3702 17.9826,10.1614 C17.994,10.1094 18,10.0554 18,10.0000012 C18,9.94241 17.9935,9.88633 17.9812,9.83246 C17.9462,9.62667 17.8467,9.42976 17.6826,9.27455 L11.2654,3.20511 Z"
          }))));
        }
      });
      const FilterIcon = vue.defineComponent({
        name: "Filter",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 28 28",
            version: "1.1",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("g", {
            stroke: "none",
            "stroke-width": "1",
            "fill-rule": "evenodd"
          }, vue.h("g", {
            "fill-rule": "nonzero"
          }, vue.h("path", {
            d: "M17,19 C17.5522847,19 18,19.4477153 18,20 C18,20.5522847 17.5522847,21 17,21 L11,21 C10.4477153,21 10,20.5522847 10,20 C10,19.4477153 10.4477153,19 11,19 L17,19 Z M21,13 C21.5522847,13 22,13.4477153 22,14 C22,14.5522847 21.5522847,15 21,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4477153 6.44771525,13 7,13 L21,13 Z M24,7 C24.5522847,7 25,7.44771525 25,8 C25,8.55228475 24.5522847,9 24,9 L4,9 C3.44771525,9 3,8.55228475 3,8 C3,7.44771525 3.44771525,7 4,7 L24,7 Z"
          }))));
        }
      });
      const ForwardIcon = vue.defineComponent({
        name: "Forward",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 20 20",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z",
            fill: "currentColor"
          }));
        }
      });
      const InfoIcon = replaceable("info", vue.h("svg", {
        viewBox: "0 0 28 28",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M14,2 C20.6274,2 26,7.37258 26,14 C26,20.6274 20.6274,26 14,26 C7.37258,26 2,20.6274 2,14 C2,7.37258 7.37258,2 14,2 Z M14,11 C13.4477,11 13,11.4477 13,12 L13,12 L13,20 C13,20.5523 13.4477,21 14,21 C14.5523,21 15,20.5523 15,20 L15,20 L15,12 C15,11.4477 14.5523,11 14,11 Z M14,6.75 C13.3096,6.75 12.75,7.30964 12.75,8 C12.75,8.69036 13.3096,9.25 14,9.25 C14.6904,9.25 15.25,8.69036 15.25,8 C15.25,7.30964 14.6904,6.75 14,6.75 Z"
      })))));
      const MoreIcon = vue.defineComponent({
        name: "More",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 16 16",
            version: "1.1",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("g", {
            stroke: "none",
            "stroke-width": "1",
            fill: "none",
            "fill-rule": "evenodd"
          }, vue.h("g", {
            fill: "currentColor",
            "fill-rule": "nonzero"
          }, vue.h("path", {
            d: "M4,7 C4.55228,7 5,7.44772 5,8 C5,8.55229 4.55228,9 4,9 C3.44772,9 3,8.55229 3,8 C3,7.44772 3.44772,7 4,7 Z M8,7 C8.55229,7 9,7.44772 9,8 C9,8.55229 8.55229,9 8,9 C7.44772,9 7,8.55229 7,8 C7,7.44772 7.44772,7 8,7 Z M12,7 C12.5523,7 13,7.44772 13,8 C13,8.55229 12.5523,9 12,9 C11.4477,9 11,8.55229 11,8 C11,7.44772 11.4477,7 12,7 Z"
          }))));
        }
      });
      const RemoveIcon = vue.defineComponent({
        name: "Remove",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 512 512"
          }, vue.h("line", {
            x1: "400",
            y1: "256",
            x2: "112",
            y2: "256",
            style: "\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 32px;\n      "
          }));
        }
      });
      const SearchIcon = vue.defineComponent({
        name: "Search",
        render() {
          return vue.h("svg", {
            version: "1.1",
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 512 512",
            style: "enable-background: new 0 0 512 512"
          }, vue.h("path", {
            d: "M443.5,420.2L336.7,312.4c20.9-26.2,33.5-59.4,33.5-95.5c0-84.5-68.5-153-153.1-153S64,132.5,64,217s68.5,153,153.1,153\n  c36.6,0,70.1-12.8,96.5-34.2l106.1,107.1c3.2,3.4,7.6,5.1,11.9,5.1c4.1,0,8.2-1.5,11.3-4.5C449.5,437.2,449.7,426.8,443.5,420.2z\n   M217.1,337.1c-32.1,0-62.3-12.5-85-35.2c-22.7-22.7-35.2-52.9-35.2-84.9c0-32.1,12.5-62.3,35.2-84.9c22.7-22.7,52.9-35.2,85-35.2\n  c32.1,0,62.3,12.5,85,35.2c22.7,22.7,35.2,52.9,35.2,84.9c0,32.1-12.5,62.3-35.2,84.9C279.4,324.6,249.2,337.1,217.1,337.1z"
          }));
        }
      });
      const SuccessIcon = replaceable("success", vue.h("svg", {
        viewBox: "0 0 48 48",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M32.6338835,17.6161165 C32.1782718,17.1605048 31.4584514,17.1301307 30.9676119,17.5249942 L30.8661165,17.6161165 L20.75,27.732233 L17.1338835,24.1161165 C16.6457281,23.6279612 15.8542719,23.6279612 15.3661165,24.1161165 C14.9105048,24.5717282 14.8801307,25.2915486 15.2749942,25.7823881 L15.3661165,25.8838835 L19.8661165,30.3838835 C20.3217282,30.8394952 21.0415486,30.8698693 21.5323881,30.4750058 L21.6338835,30.3838835 L32.6338835,19.3838835 C33.1220388,18.8957281 33.1220388,18.1042719 32.6338835,17.6161165 Z"
      })))));
      const SwitcherIcon = vue.defineComponent({
        name: "Switcher",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 32 32"
          }, vue.h("path", {
            d: "M12 8l10 8l-10 8z"
          }));
        }
      });
      const TimeIcon = replaceable("time", vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 512 512"
      }, vue.h("path", {
        d: "M256,64C150,64,64,150,64,256s86,192,192,192,192-86,192-192S362,64,256,64Z",
        style: "\n        fill: none;\n        stroke: currentColor;\n        stroke-miterlimit: 10;\n        stroke-width: 32px;\n      "
      }), vue.h("polyline", {
        points: "256 128 256 272 352 272",
        style: "\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 32px;\n      "
      })));
      const WarningIcon = replaceable("warning", vue.h("svg", {
        viewBox: "0 0 24 24",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M12,2 C17.523,2 22,6.478 22,12 C22,17.522 17.523,22 12,22 C6.477,22 2,17.522 2,12 C2,6.478 6.477,2 12,2 Z M12.0018002,15.0037242 C11.450254,15.0037242 11.0031376,15.4508407 11.0031376,16.0023869 C11.0031376,16.553933 11.450254,17.0010495 12.0018002,17.0010495 C12.5533463,17.0010495 13.0004628,16.553933 13.0004628,16.0023869 C13.0004628,15.4508407 12.5533463,15.0037242 12.0018002,15.0037242 Z M11.99964,7 C11.4868042,7.00018474 11.0642719,7.38637706 11.0066858,7.8837365 L11,8.00036004 L11.0018003,13.0012393 L11.00857,13.117858 C11.0665141,13.6151758 11.4893244,14.0010638 12.0021602,14.0008793 C12.514996,14.0006946 12.9375283,13.6145023 12.9951144,13.1171428 L13.0018002,13.0005193 L13,7.99964009 L12.9932303,7.8830214 C12.9352861,7.38570354 12.5124758,6.99981552 11.99964,7 Z"
      })))));
      const CancelIcon = replaceable("cancel", vue.h("svg", {
        viewBox: "0 0 16 16",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        fill: "none",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        fill: "currentColor",
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M2.58859116,2.7156945 L2.64644661,2.64644661 C2.82001296,2.47288026 3.08943736,2.45359511 3.2843055,2.58859116 L3.35355339,2.64644661 L8,7.293 L12.6464466,2.64644661 C12.8417088,2.45118446 13.1582912,2.45118446 13.3535534,2.64644661 C13.5488155,2.84170876 13.5488155,3.15829124 13.3535534,3.35355339 L8.707,8 L13.3535534,12.6464466 C13.5271197,12.820013 13.5464049,13.0894374 13.4114088,13.2843055 L13.3535534,13.3535534 C13.179987,13.5271197 12.9105626,13.5464049 12.7156945,13.4114088 L12.6464466,13.3535534 L8,8.707 L3.35355339,13.3535534 C3.15829124,13.5488155 2.84170876,13.5488155 2.64644661,13.3535534 C2.45118446,13.1582912 2.45118446,12.8417088 2.64644661,12.6464466 L7.293,8 L2.64644661,3.35355339 C2.47288026,3.17998704 2.45359511,2.91056264 2.58859116,2.7156945 L2.64644661,2.64644661 L2.58859116,2.7156945 Z"
      })))));
      const ChevronDownIcon = vue.defineComponent({
        name: "ChevronDown",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 16 16",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M3.14645 5.64645C3.34171 5.45118 3.65829 5.45118 3.85355 5.64645L8 9.79289L12.1464 5.64645C12.3417 5.45118 12.6583 5.45118 12.8536 5.64645C13.0488 5.84171 13.0488 6.15829 12.8536 6.35355L8.35355 10.8536C8.15829 11.0488 7.84171 11.0488 7.64645 10.8536L3.14645 6.35355C2.95118 6.15829 2.95118 5.84171 3.14645 5.64645Z",
            fill: "currentColor"
          }));
        }
      });
      const ClearIcon = replaceable("clear", vue.h("svg", {
        viewBox: "0 0 16 16",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        fill: "none",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        fill: "currentColor",
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10.1035534 L5.89644661,10.1035534 L5.9656945,10.1614088 C6.16056264,10.2964049 6.42998704,10.2771197 6.60355339,10.1035534 L6.60355339,10.1035534 L8,8.707 L9.39644661,10.1035534 L9.4656945,10.1614088 C9.66056264,10.2964049 9.92998704,10.2771197 10.1035534,10.1035534 L10.1035534,10.1035534 L10.1614088,10.0343055 C10.2964049,9.83943736 10.2771197,9.57001296 10.1035534,9.39644661 L10.1035534,9.39644661 L8.707,8 L10.1035534,6.60355339 L10.1614088,6.5343055 C10.2964049,6.33943736 10.2771197,6.07001296 10.1035534,5.89644661 L10.1035534,5.89644661 L10.0343055,5.83859116 C9.83943736,5.70359511 9.57001296,5.72288026 9.39644661,5.89644661 L9.39644661,5.89644661 L8,7.293 L6.60355339,5.89644661 Z"
      })))));
      const ChevronDownFilledIcon = vue.defineComponent({
        name: "ChevronDownFilled",
        render() {
          return vue.h("svg", {
            viewBox: "0 0 16 16",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg"
          }, vue.h("path", {
            d: "M3.20041 5.73966C3.48226 5.43613 3.95681 5.41856 4.26034 5.70041L8 9.22652L11.7397 5.70041C12.0432 5.41856 12.5177 5.43613 12.7996 5.73966C13.0815 6.0432 13.0639 6.51775 12.7603 6.7996L8.51034 10.7996C8.22258 11.0668 7.77743 11.0668 7.48967 10.7996L3.23966 6.7996C2.93613 6.51775 2.91856 6.0432 3.20041 5.73966Z",
            fill: "currentColor"
          }));
        }
      });
      const ToIcon = replaceable("to", vue.h("svg", {
        viewBox: "0 0 20 20",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        fill: "none",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        fill: "currentColor",
        "fill-rule": "nonzero"
      }, vue.h("path", {
        d: "M11.2654,3.20511 C10.9644,2.92049 10.4897,2.93371 10.2051,3.23464 C9.92049,3.53558 9.93371,4.01027 10.2346,4.29489 L15.4737,9.25 L2.75,9.25 C2.33579,9.25 2,9.58579 2,10.0000012 C2,10.4142 2.33579,10.75 2.75,10.75 L15.476,10.75 L10.2346,15.7073 C9.93371,15.9919 9.92049,16.4666 10.2051,16.7675 C10.4897,17.0684 10.9644,17.0817 11.2654,16.797 L17.6826,10.7276 C17.8489,10.5703 17.9489,10.3702 17.9826,10.1614 C17.994,10.1094 18,10.0554 18,10.0000012 C18,9.94241 17.9935,9.88633 17.9812,9.83246 C17.9462,9.62667 17.8467,9.42976 17.6826,9.27455 L11.2654,3.20511 Z"
      })))));
      const RetryIcon = replaceable("retry", vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 512 512"
      }, vue.h("path", {
        d: "M320,146s24.36-12-64-12A160,160,0,1,0,416,294",
        style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 32px;"
      }), vue.h("polyline", {
        points: "256 58 336 138 256 218",
        style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;"
      })));
      const ArrowBackIcon = vue.defineComponent({
        name: "ArrowBack",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 24 24"
          }, vue.h("path", {
            d: "M0 0h24v24H0V0z",
            fill: "none"
          }), vue.h("path", {
            d: "M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"
          }));
        }
      });
      const RotateClockwiseIcon = replaceable("rotateClockwise", vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 12.7916 15.3658 15.2026 13 16.3265V14.5C13 14.2239 12.7761 14 12.5 14C12.2239 14 12 14.2239 12 14.5V17.5C12 17.7761 12.2239 18 12.5 18H15.5C15.7761 18 16 17.7761 16 17.5C16 17.2239 15.7761 17 15.5 17H13.8758C16.3346 15.6357 18 13.0128 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 10.2761 2.22386 10.5 2.5 10.5C2.77614 10.5 3 10.2761 3 10Z",
        fill: "currentColor"
      }), vue.h("path", {
        d: "M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10C11 10.5523 10.5523 11 10 11Z",
        fill: "currentColor"
      })));
      const RotateCounterclockwiseIcon = replaceable("rotateClockwise", vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 12.7916 4.63419 15.2026 7 16.3265V14.5C7 14.2239 7.22386 14 7.5 14C7.77614 14 8 14.2239 8 14.5V17.5C8 17.7761 7.77614 18 7.5 18H4.5C4.22386 18 4 17.7761 4 17.5C4 17.2239 4.22386 17 4.5 17H6.12422C3.66539 15.6357 2 13.0128 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 10.2761 17.7761 10.5 17.5 10.5C17.2239 10.5 17 10.2761 17 10Z",
        fill: "currentColor"
      }), vue.h("path", {
        d: "M10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10C12 11.1046 11.1046 12 10 12ZM10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z",
        fill: "currentColor"
      })));
      const ZoomInIcon = replaceable("zoomIn", vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5Z",
        fill: "currentColor"
      }), vue.h("path", {
        d: "M8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z",
        fill: "currentColor"
      })));
      const ZoomOutIcon = replaceable("zoomOut", vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11Z",
        fill: "currentColor"
      }), vue.h("path", {
        d: "M14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z",
        fill: "currentColor"
      })));
      const ResizeSmallIcon = vue.defineComponent({
        name: "ResizeSmall",
        render() {
          return vue.h("svg", {
            xmlns: "http://www.w3.org/2000/svg",
            viewBox: "0 0 20 20"
          }, vue.h("g", {
            fill: "none"
          }, vue.h("path", {
            d: "M5.5 4A1.5 1.5 0 0 0 4 5.5v1a.5.5 0 0 1-1 0v-1A2.5 2.5 0 0 1 5.5 3h1a.5.5 0 0 1 0 1h-1zM16 5.5A1.5 1.5 0 0 0 14.5 4h-1a.5.5 0 0 1 0-1h1A2.5 2.5 0 0 1 17 5.5v1a.5.5 0 0 1-1 0v-1zm0 9a1.5 1.5 0 0 1-1.5 1.5h-1a.5.5 0 0 0 0 1h1a2.5 2.5 0 0 0 2.5-2.5v-1a.5.5 0 0 0-1 0v1zm-12 0A1.5 1.5 0 0 0 5.5 16h1.25a.5.5 0 0 1 0 1H5.5A2.5 2.5 0 0 1 3 14.5v-1.25a.5.5 0 0 1 1 0v1.25zM8.5 7A1.5 1.5 0 0 0 7 8.5v3A1.5 1.5 0 0 0 8.5 13h3a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 11.5 7h-3zM8 8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3z",
            fill: "currentColor"
          })));
        }
      });
      const NIconSwitchTransition = vue.defineComponent({
        name: "BaseIconSwitchTransition",
        setup(_, {
          slots
        }) {
          const isMountedRef = isMounted();
          return () => vue.h(vue.Transition, {
            name: "icon-switch-transition",
            appear: isMountedRef.value
          }, slots);
        }
      });
      const NFadeInExpandTransition = vue.defineComponent({
        name: "FadeInExpandTransition",
        props: {
          appear: Boolean,
          group: Boolean,
          mode: String,
          onLeave: Function,
          onAfterLeave: Function,
          onAfterEnter: Function,
          width: Boolean,
          // reverse mode is only used in tree
          // it make it from expanded to collapsed after mounted
          reverse: Boolean
        },
        setup(props, {
          slots
        }) {
          function handleBeforeLeave(el) {
            if (props.width) {
              el.style.maxWidth = `${el.offsetWidth}px`;
            } else {
              el.style.maxHeight = `${el.offsetHeight}px`;
            }
            void el.offsetWidth;
          }
          function handleLeave(el) {
            if (props.width) {
              el.style.maxWidth = "0";
            } else {
              el.style.maxHeight = "0";
            }
            void el.offsetWidth;
            const {
              onLeave
            } = props;
            if (onLeave)
              onLeave();
          }
          function handleAfterLeave(el) {
            if (props.width) {
              el.style.maxWidth = "";
            } else {
              el.style.maxHeight = "";
            }
            const {
              onAfterLeave
            } = props;
            if (onAfterLeave)
              onAfterLeave();
          }
          function handleEnter(el) {
            el.style.transition = "none";
            if (props.width) {
              const memorizedWidth = el.offsetWidth;
              el.style.maxWidth = "0";
              void el.offsetWidth;
              el.style.transition = "";
              el.style.maxWidth = `${memorizedWidth}px`;
            } else {
              if (props.reverse) {
                el.style.maxHeight = `${el.offsetHeight}px`;
                void el.offsetHeight;
                el.style.transition = "";
                el.style.maxHeight = "0";
              } else {
                const memorizedHeight = el.offsetHeight;
                el.style.maxHeight = "0";
                void el.offsetWidth;
                el.style.transition = "";
                el.style.maxHeight = `${memorizedHeight}px`;
              }
            }
            void el.offsetWidth;
          }
          function handleAfterEnter(el) {
            var _a;
            if (props.width) {
              el.style.maxWidth = "";
            } else {
              if (!props.reverse) {
                el.style.maxHeight = "";
              }
            }
            (_a = props.onAfterEnter) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          return () => {
            const {
              group,
              width,
              appear,
              mode
            } = props;
            const type = group ? vue.TransitionGroup : vue.Transition;
            const resolvedProps = {
              name: width ? "fade-in-width-expand-transition" : "fade-in-height-expand-transition",
              appear,
              onEnter: handleEnter,
              onAfterEnter: handleAfterEnter,
              onBeforeLeave: handleBeforeLeave,
              onLeave: handleLeave,
              onAfterLeave: handleAfterLeave
            };
            if (!group) {
              resolvedProps.mode = mode;
            }
            return vue.h(type, resolvedProps, slots);
          };
        }
      });
      const style$1C = cB("base-icon", `
 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;
 transform: translateZ(0);
`, [c$1("svg", `
 height: 1em;
 width: 1em;
 `)]);
      const NBaseIcon = vue.defineComponent({
        name: "BaseIcon",
        props: {
          role: String,
          ariaLabel: String,
          ariaDisabled: {
            type: Boolean,
            default: void 0
          },
          ariaHidden: {
            type: Boolean,
            default: void 0
          },
          clsPrefix: {
            type: String,
            required: true
          },
          onClick: Function,
          onMousedown: Function,
          onMouseup: Function
        },
        setup(props) {
          useStyle("-base-icon", style$1C, vue.toRef(props, "clsPrefix"));
        },
        render() {
          return vue.h("i", {
            class: `${this.clsPrefix}-base-icon`,
            onClick: this.onClick,
            onMousedown: this.onMousedown,
            onMouseup: this.onMouseup,
            role: this.role,
            "aria-label": this.ariaLabel,
            "aria-hidden": this.ariaHidden,
            "aria-disabled": this.ariaDisabled
          }, this.$slots);
        }
      });
      const style$1B = cB("base-close", `
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 background-color: transparent;
 color: var(--n-close-icon-color);
 border-radius: var(--n-close-border-radius);
 height: var(--n-close-size);
 width: var(--n-close-size);
 font-size: var(--n-close-icon-size);
 outline: none;
 border: none;
 position: relative;
 padding: 0;
`, [cM("absolute", `
 height: var(--n-close-icon-size);
 width: var(--n-close-icon-size);
 `), c$1("&::before", `
 content: "";
 position: absolute;
 width: var(--n-close-size);
 height: var(--n-close-size);
 left: 50%;
 top: 50%;
 transform: translateY(-50%) translateX(-50%);
 transition: inherit;
 border-radius: inherit;
 `), cNotM("disabled", [c$1("&:hover", `
 color: var(--n-close-icon-color-hover);
 `), c$1("&:hover::before", `
 background-color: var(--n-close-color-hover);
 `), c$1("&:focus::before", `
 background-color: var(--n-close-color-hover);
 `), c$1("&:active", `
 color: var(--n-close-icon-color-pressed);
 `), c$1("&:active::before", `
 background-color: var(--n-close-color-pressed);
 `)]), cM("disabled", `
 cursor: not-allowed;
 color: var(--n-close-icon-color-disabled);
 background-color: transparent;
 `), cM("round", [c$1("&::before", `
 border-radius: 50%;
 `)])]);
      const NBaseClose = vue.defineComponent({
        name: "BaseClose",
        props: {
          isButtonTag: {
            type: Boolean,
            default: true
          },
          clsPrefix: {
            type: String,
            required: true
          },
          disabled: {
            type: Boolean,
            default: void 0
          },
          focusable: {
            type: Boolean,
            default: true
          },
          round: Boolean,
          onClick: Function,
          absolute: Boolean
        },
        setup(props) {
          useStyle("-base-close", style$1B, vue.toRef(props, "clsPrefix"));
          return () => {
            const {
              clsPrefix,
              disabled,
              absolute,
              round: round2,
              isButtonTag
            } = props;
            const Tag = isButtonTag ? "button" : "div";
            return vue.h(Tag, {
              type: isButtonTag ? "button" : void 0,
              tabindex: disabled || !props.focusable ? -1 : 0,
              "aria-disabled": disabled,
              "aria-label": "close",
              role: isButtonTag ? void 0 : "button",
              disabled,
              class: [`${clsPrefix}-base-close`, absolute && `${clsPrefix}-base-close--absolute`, disabled && `${clsPrefix}-base-close--disabled`, round2 && `${clsPrefix}-base-close--round`],
              onMousedown: (e) => {
                if (!props.focusable) {
                  e.preventDefault();
                }
              },
              onClick: props.onClick
            }, vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => vue.h(ErrorIcon$1, null)
            }));
          };
        }
      });
      const FocusDetector = vue.defineComponent({
        props: {
          onFocus: Function,
          onBlur: Function
        },
        setup(props) {
          return () => vue.h("div", {
            style: "width: 0; height: 0",
            tabindex: 0,
            onFocus: props.onFocus,
            onBlur: props.onBlur
          });
        }
      });
      const {
        cubicBezierEaseInOut: cubicBezierEaseInOut$4
      } = commonVariables$m;
      function iconSwitchTransition({
        originalTransform = "",
        left = 0,
        top = 0,
        transition = `all .3s ${cubicBezierEaseInOut$4} !important`
      } = {}) {
        return [c$1("&.icon-switch-transition-enter-from, &.icon-switch-transition-leave-to", {
          transform: originalTransform + " scale(0.75)",
          left,
          top,
          opacity: 0
        }), c$1("&.icon-switch-transition-enter-to, &.icon-switch-transition-leave-from", {
          transform: `scale(1) ${originalTransform}`,
          left,
          top,
          opacity: 1
        }), c$1("&.icon-switch-transition-enter-active, &.icon-switch-transition-leave-active", {
          transformOrigin: "center",
          position: "absolute",
          left,
          top,
          transition
        })];
      }
      const style$1A = c$1([c$1("@keyframes rotator", `
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }`), cB("base-loading", `
 position: relative;
 line-height: 0;
 width: 1em;
 height: 1em;
 `, [cE("transition-wrapper", `
 position: absolute;
 width: 100%;
 height: 100%;
 `, [iconSwitchTransition()]), cE("placeholder", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 `, [iconSwitchTransition({
        left: "50%",
        top: "50%",
        originalTransform: "translateX(-50%) translateY(-50%)"
      })]), cE("container", `
 animation: rotator 3s linear infinite both;
 `, [cE("icon", `
 height: 1em;
 width: 1em;
 `)])])]);
      const duration = "1.6s";
      const exposedLoadingProps = {
        strokeWidth: {
          type: Number,
          default: 28
        },
        stroke: {
          type: String,
          default: void 0
        }
      };
      const NBaseLoading = vue.defineComponent({
        name: "BaseLoading",
        props: Object.assign({
          clsPrefix: {
            type: String,
            required: true
          },
          show: {
            type: Boolean,
            default: true
          },
          scale: {
            type: Number,
            default: 1
          },
          radius: {
            type: Number,
            default: 100
          }
        }, exposedLoadingProps),
        setup(props) {
          useStyle("-base-loading", style$1A, vue.toRef(props, "clsPrefix"));
        },
        render() {
          const {
            clsPrefix,
            radius,
            strokeWidth,
            stroke,
            scale
          } = this;
          const scaledRadius = radius / scale;
          return vue.h("div", {
            class: `${clsPrefix}-base-loading`,
            role: "img",
            "aria-label": "loading"
          }, vue.h(NIconSwitchTransition, null, {
            default: () => this.show ? vue.h("div", {
              key: "icon",
              class: `${clsPrefix}-base-loading__transition-wrapper`
            }, vue.h("div", {
              class: `${clsPrefix}-base-loading__container`
            }, vue.h("svg", {
              class: `${clsPrefix}-base-loading__icon`,
              viewBox: `0 0 ${2 * scaledRadius} ${2 * scaledRadius}`,
              xmlns: "http://www.w3.org/2000/svg",
              style: {
                color: stroke
              }
            }, vue.h("g", null, vue.h("animateTransform", {
              attributeName: "transform",
              type: "rotate",
              values: `0 ${scaledRadius} ${scaledRadius};270 ${scaledRadius} ${scaledRadius}`,
              begin: "0s",
              dur: duration,
              fill: "freeze",
              repeatCount: "indefinite"
            }), vue.h("circle", {
              class: `${clsPrefix}-base-loading__icon`,
              fill: "none",
              stroke: "currentColor",
              "stroke-width": strokeWidth,
              "stroke-linecap": "round",
              cx: scaledRadius,
              cy: scaledRadius,
              r: radius - strokeWidth / 2,
              "stroke-dasharray": 5.67 * radius,
              "stroke-dashoffset": 18.48 * radius
            }, vue.h("animateTransform", {
              attributeName: "transform",
              type: "rotate",
              values: `0 ${scaledRadius} ${scaledRadius};135 ${scaledRadius} ${scaledRadius};450 ${scaledRadius} ${scaledRadius}`,
              begin: "0s",
              dur: duration,
              fill: "freeze",
              repeatCount: "indefinite"
            }), vue.h("animate", {
              attributeName: "stroke-dashoffset",
              values: `${5.67 * radius};${1.42 * radius};${5.67 * radius}`,
              begin: "0s",
              dur: duration,
              fill: "freeze",
              repeatCount: "indefinite"
            })))))) : vue.h("div", {
              key: "placeholder",
              class: `${clsPrefix}-base-loading__placeholder`
            }, this.$slots)
          }));
        }
      });
      function toArray(arg) {
        if (Array.isArray(arg))
          return arg;
        return [arg];
      }
      const TRAVERSE_COMMAND = {
        STOP: "STOP"
      };
      function traverseWithCb(treeNode, callback) {
        const command = callback(treeNode);
        if (treeNode.children !== void 0 && command !== TRAVERSE_COMMAND.STOP) {
          treeNode.children.forEach((childNode) => traverseWithCb(childNode, callback));
        }
      }
      function getNonLeafKeys(treeNodes, options = {}) {
        const { preserveGroup = false } = options;
        const keys2 = [];
        const cb = preserveGroup ? (node) => {
          if (!node.isLeaf) {
            keys2.push(node.key);
            traverse2(node.children);
          }
        } : (node) => {
          if (!node.isLeaf) {
            if (!node.isGroup)
              keys2.push(node.key);
            traverse2(node.children);
          }
        };
        function traverse2(nodes) {
          nodes.forEach(cb);
        }
        traverse2(treeNodes);
        return keys2;
      }
      function isLeaf(rawNode, getChildren) {
        const { isLeaf: isLeaf2 } = rawNode;
        if (isLeaf2 !== void 0)
          return isLeaf2;
        else if (!getChildren(rawNode))
          return true;
        return false;
      }
      function defaultGetChildren(node) {
        return node.children;
      }
      function defaultGetKey(node) {
        return node.key;
      }
      function isIgnored() {
        return false;
      }
      function isShallowLoaded(rawNode, getChildren) {
        const { isLeaf: isLeaf2 } = rawNode;
        if (isLeaf2 === false && !Array.isArray(getChildren(rawNode)))
          return false;
        return true;
      }
      function isDisabled(rawNode) {
        return rawNode.disabled === true;
      }
      function isExpilicitlyNotLoaded(rawNode, getChildren) {
        return rawNode.isLeaf === false && !Array.isArray(getChildren(rawNode));
      }
      function unwrapCheckedKeys(result) {
        var _a;
        if (result === void 0 || result === null)
          return [];
        if (Array.isArray(result))
          return result;
        return (_a = result.checkedKeys) !== null && _a !== void 0 ? _a : [];
      }
      function unwrapIndeterminateKeys(result) {
        var _a;
        if (result === void 0 || result === null || Array.isArray(result)) {
          return [];
        }
        return (_a = result.indeterminateKeys) !== null && _a !== void 0 ? _a : [];
      }
      function merge(originalKeys, keysToAdd) {
        const set2 = new Set(originalKeys);
        keysToAdd.forEach((key) => {
          if (!set2.has(key)) {
            set2.add(key);
          }
        });
        return Array.from(set2);
      }
      function minus(originalKeys, keysToRemove) {
        const set2 = new Set(originalKeys);
        keysToRemove.forEach((key) => {
          if (set2.has(key)) {
            set2.delete(key);
          }
        });
        return Array.from(set2);
      }
      function isGroup(rawNode) {
        return (rawNode === null || rawNode === void 0 ? void 0 : rawNode.type) === "group";
      }
      function createIndexGetter(treeNodes) {
        const map2 = /* @__PURE__ */ new Map();
        treeNodes.forEach((treeNode, i) => {
          map2.set(treeNode.key, i);
        });
        return (key) => {
          var _a;
          return (_a = map2.get(key)) !== null && _a !== void 0 ? _a : null;
        };
      }
      class SubtreeNotLoadedError extends Error {
        constructor() {
          super();
          this.message = "SubtreeNotLoadedError: checking a subtree whose required nodes are not fully loaded.";
        }
      }
      function getExtendedCheckedKeySetAfterCheck(checkKeys, currentCheckedKeys, treeMate, allowNotLoaded) {
        return getExtendedCheckedKeySet(currentCheckedKeys.concat(checkKeys), treeMate, allowNotLoaded, false);
      }
      function getAvailableAscendantNodeSet(uncheckedKeys, treeMate) {
        const visitedKeys = /* @__PURE__ */ new Set();
        uncheckedKeys.forEach((uncheckedKey) => {
          const uncheckedTreeNode = treeMate.treeNodeMap.get(uncheckedKey);
          if (uncheckedTreeNode !== void 0) {
            let nodeCursor = uncheckedTreeNode.parent;
            while (nodeCursor !== null) {
              if (nodeCursor.disabled)
                break;
              if (visitedKeys.has(nodeCursor.key))
                break;
              else {
                visitedKeys.add(nodeCursor.key);
              }
              nodeCursor = nodeCursor.parent;
            }
          }
        });
        return visitedKeys;
      }
      function getExtendedCheckedKeySetAfterUncheck(uncheckedKeys, currentCheckedKeys, treeMate, allowNotLoaded) {
        const extendedCheckedKeySet = getExtendedCheckedKeySet(currentCheckedKeys, treeMate, allowNotLoaded, false);
        const extendedKeySetToUncheck = getExtendedCheckedKeySet(uncheckedKeys, treeMate, allowNotLoaded, true);
        const ascendantKeySet = getAvailableAscendantNodeSet(uncheckedKeys, treeMate);
        const keysToRemove = [];
        extendedCheckedKeySet.forEach((key) => {
          if (extendedKeySetToUncheck.has(key) || ascendantKeySet.has(key)) {
            keysToRemove.push(key);
          }
        });
        keysToRemove.forEach((key) => extendedCheckedKeySet.delete(key));
        return extendedCheckedKeySet;
      }
      function getCheckedKeys(options, treeMate) {
        const { checkedKeys, keysToCheck, keysToUncheck, indeterminateKeys, cascade, leafOnly, checkStrategy, allowNotLoaded } = options;
        if (!cascade) {
          if (keysToCheck !== void 0) {
            return {
              checkedKeys: merge(checkedKeys, keysToCheck),
              indeterminateKeys: Array.from(indeterminateKeys)
            };
          } else if (keysToUncheck !== void 0) {
            return {
              checkedKeys: minus(checkedKeys, keysToUncheck),
              indeterminateKeys: Array.from(indeterminateKeys)
            };
          } else {
            return {
              checkedKeys: Array.from(checkedKeys),
              indeterminateKeys: Array.from(indeterminateKeys)
            };
          }
        }
        const { levelTreeNodeMap } = treeMate;
        let extendedCheckedKeySet;
        if (keysToUncheck !== void 0) {
          extendedCheckedKeySet = getExtendedCheckedKeySetAfterUncheck(keysToUncheck, checkedKeys, treeMate, allowNotLoaded);
        } else if (keysToCheck !== void 0) {
          extendedCheckedKeySet = getExtendedCheckedKeySetAfterCheck(keysToCheck, checkedKeys, treeMate, allowNotLoaded);
        } else {
          extendedCheckedKeySet = getExtendedCheckedKeySet(checkedKeys, treeMate, allowNotLoaded, false);
        }
        const checkStrategyIsParent = checkStrategy === "parent";
        const checkStrategyIsChild = checkStrategy === "child" || leafOnly;
        const syntheticCheckedKeySet = extendedCheckedKeySet;
        const syntheticIndeterminateKeySet = /* @__PURE__ */ new Set();
        const maxLevel = Math.max.apply(null, Array.from(levelTreeNodeMap.keys()));
        for (let level = maxLevel; level >= 0; level -= 1) {
          const levelIsZero = level === 0;
          const levelTreeNodes = levelTreeNodeMap.get(level);
          for (const levelTreeNode of levelTreeNodes) {
            if (levelTreeNode.isLeaf)
              continue;
            const { key: levelTreeNodeKey, shallowLoaded } = levelTreeNode;
            if (checkStrategyIsChild && shallowLoaded) {
              levelTreeNode.children.forEach((v) => {
                if (!v.disabled && !v.isLeaf && v.shallowLoaded && syntheticCheckedKeySet.has(v.key)) {
                  syntheticCheckedKeySet.delete(v.key);
                }
              });
            }
            if (levelTreeNode.disabled || !shallowLoaded) {
              continue;
            }
            let fullyChecked = true;
            let partialChecked = false;
            let allDisabled = true;
            for (const childNode of levelTreeNode.children) {
              const childKey = childNode.key;
              if (childNode.disabled)
                continue;
              if (allDisabled)
                allDisabled = false;
              if (syntheticCheckedKeySet.has(childKey)) {
                partialChecked = true;
              } else if (syntheticIndeterminateKeySet.has(childKey)) {
                partialChecked = true;
                fullyChecked = false;
                break;
              } else {
                fullyChecked = false;
                if (partialChecked) {
                  break;
                }
              }
            }
            if (fullyChecked && !allDisabled) {
              if (checkStrategyIsParent) {
                levelTreeNode.children.forEach((v) => {
                  if (!v.disabled && syntheticCheckedKeySet.has(v.key)) {
                    syntheticCheckedKeySet.delete(v.key);
                  }
                });
              }
              syntheticCheckedKeySet.add(levelTreeNodeKey);
            } else if (partialChecked) {
              syntheticIndeterminateKeySet.add(levelTreeNodeKey);
            }
            if (levelIsZero && checkStrategyIsChild && syntheticCheckedKeySet.has(levelTreeNodeKey)) {
              syntheticCheckedKeySet.delete(levelTreeNodeKey);
            }
          }
        }
        return {
          checkedKeys: Array.from(syntheticCheckedKeySet),
          indeterminateKeys: Array.from(syntheticIndeterminateKeySet)
        };
      }
      function getExtendedCheckedKeySet(checkedKeys, treeMate, allowNotLoaded, isUnchecking) {
        const { treeNodeMap, getChildren } = treeMate;
        const visitedKeySet = /* @__PURE__ */ new Set();
        const extendedKeySet = new Set(checkedKeys);
        checkedKeys.forEach((checkedKey) => {
          const checkedTreeNode = treeNodeMap.get(checkedKey);
          if (checkedTreeNode !== void 0) {
            traverseWithCb(checkedTreeNode, (treeNode) => {
              if (treeNode.disabled) {
                return TRAVERSE_COMMAND.STOP;
              }
              const { key } = treeNode;
              if (visitedKeySet.has(key))
                return;
              visitedKeySet.add(key);
              extendedKeySet.add(key);
              if (isExpilicitlyNotLoaded(treeNode.rawNode, getChildren)) {
                if (isUnchecking) {
                  return TRAVERSE_COMMAND.STOP;
                } else if (!allowNotLoaded) {
                  throw new SubtreeNotLoadedError();
                }
              }
            });
          }
        });
        return extendedKeySet;
      }
      function getPath(key, { includeGroup = false, includeSelf = true }, treeMate) {
        var _a;
        const treeNodeMap = treeMate.treeNodeMap;
        let treeNode = key === null || key === void 0 ? null : (_a = treeNodeMap.get(key)) !== null && _a !== void 0 ? _a : null;
        const mergedPath = {
          keyPath: [],
          treeNodePath: [],
          treeNode
        };
        if (treeNode === null || treeNode === void 0 ? void 0 : treeNode.ignored) {
          mergedPath.treeNode = null;
          return mergedPath;
        }
        while (treeNode) {
          if (!treeNode.ignored && (includeGroup || !treeNode.isGroup)) {
            mergedPath.treeNodePath.push(treeNode);
          }
          treeNode = treeNode.parent;
        }
        mergedPath.treeNodePath.reverse();
        if (!includeSelf)
          mergedPath.treeNodePath.pop();
        mergedPath.keyPath = mergedPath.treeNodePath.map((treeNode2) => treeNode2.key);
        return mergedPath;
      }
      function getFirstAvailableNode(nodes) {
        if (nodes.length === 0)
          return null;
        const node = nodes[0];
        if (node.isGroup || node.ignored || node.disabled) {
          return node.getNext();
        }
        return node;
      }
      function rawGetNext(node, loop) {
        const sibs = node.siblings;
        const l = sibs.length;
        const { index } = node;
        if (loop) {
          return sibs[(index + 1) % l];
        } else {
          if (index === sibs.length - 1)
            return null;
          return sibs[index + 1];
        }
      }
      function move(fromNode, dir, { loop = false, includeDisabled = false } = {}) {
        const iterate = dir === "prev" ? rawGetPrev : rawGetNext;
        const getChildOptions = {
          reverse: dir === "prev"
        };
        let meet = false;
        let endNode = null;
        function traverse2(node) {
          if (node === null)
            return;
          if (node === fromNode) {
            if (!meet) {
              meet = true;
            } else if (!fromNode.disabled && !fromNode.isGroup) {
              endNode = fromNode;
              return;
            }
          } else {
            if ((!node.disabled || includeDisabled) && !node.ignored && !node.isGroup) {
              endNode = node;
              return;
            }
          }
          if (node.isGroup) {
            const child = getChild(node, getChildOptions);
            if (child !== null) {
              endNode = child;
            } else {
              traverse2(iterate(node, loop));
            }
          } else {
            const nextNode = iterate(node, false);
            if (nextNode !== null) {
              traverse2(nextNode);
            } else {
              const parent = rawGetParent(node);
              if (parent === null || parent === void 0 ? void 0 : parent.isGroup) {
                traverse2(iterate(parent, loop));
              } else if (loop) {
                traverse2(iterate(node, true));
              }
            }
          }
        }
        traverse2(fromNode);
        return endNode;
      }
      function rawGetPrev(node, loop) {
        const sibs = node.siblings;
        const l = sibs.length;
        const { index } = node;
        if (loop) {
          return sibs[(index - 1 + l) % l];
        } else {
          if (index === 0)
            return null;
          return sibs[index - 1];
        }
      }
      function rawGetParent(node) {
        return node.parent;
      }
      function getChild(node, options = {}) {
        const { reverse = false } = options;
        const { children } = node;
        if (children) {
          const { length } = children;
          const start = reverse ? length - 1 : 0;
          const end = reverse ? -1 : length;
          const delta = reverse ? -1 : 1;
          for (let i = start; i !== end; i += delta) {
            const child = children[i];
            if (!child.disabled && !child.ignored) {
              if (child.isGroup) {
                const childInGroup = getChild(child, options);
                if (childInGroup !== null)
                  return childInGroup;
              } else {
                return child;
              }
            }
          }
        }
        return null;
      }
      const moveMethods = {
        getChild() {
          if (this.ignored)
            return null;
          return getChild(this);
        },
        getParent() {
          const { parent } = this;
          if (parent === null || parent === void 0 ? void 0 : parent.isGroup) {
            return parent.getParent();
          }
          return parent;
        },
        getNext(options = {}) {
          return move(this, "next", options);
        },
        getPrev(options = {}) {
          return move(this, "prev", options);
        }
      };
      function flatten$1(treeNodes, expandedKeys) {
        const expandedKeySet = expandedKeys ? new Set(expandedKeys) : void 0;
        const flattenedNodes = [];
        function traverse2(treeNodes2) {
          treeNodes2.forEach((treeNode) => {
            flattenedNodes.push(treeNode);
            if (treeNode.isLeaf || !treeNode.children || treeNode.ignored)
              return;
            if (treeNode.isGroup) {
              traverse2(treeNode.children);
            } else if (
              // normal non-leaf node
              expandedKeySet === void 0 || expandedKeySet.has(treeNode.key)
            ) {
              traverse2(treeNode.children);
            }
          });
        }
        traverse2(treeNodes);
        return flattenedNodes;
      }
      function contains(parent, child) {
        const parentKey = parent.key;
        while (child) {
          if (child.key === parentKey)
            return true;
          child = child.parent;
        }
        return false;
      }
      function createTreeNodes(rawNodes, treeNodeMap, levelTreeNodeMap, nodeProto, getChildren, parent = null, level = 0) {
        const treeNodes = [];
        rawNodes.forEach((rawNode, index) => {
          var _a;
          const treeNode = Object.create(nodeProto);
          treeNode.rawNode = rawNode;
          treeNode.siblings = treeNodes;
          treeNode.level = level;
          treeNode.index = index;
          treeNode.isFirstChild = index === 0;
          treeNode.isLastChild = index + 1 === rawNodes.length;
          treeNode.parent = parent;
          if (!treeNode.ignored) {
            const rawChildren = getChildren(rawNode);
            if (Array.isArray(rawChildren)) {
              treeNode.children = createTreeNodes(rawChildren, treeNodeMap, levelTreeNodeMap, nodeProto, getChildren, treeNode, level + 1);
            }
          }
          treeNodes.push(treeNode);
          treeNodeMap.set(treeNode.key, treeNode);
          if (!levelTreeNodeMap.has(level))
            levelTreeNodeMap.set(level, []);
          (_a = levelTreeNodeMap.get(level)) === null || _a === void 0 ? void 0 : _a.push(treeNode);
        });
        return treeNodes;
      }
      function createTreeMate(rawNodes, options = {}) {
        var _a;
        const treeNodeMap = /* @__PURE__ */ new Map();
        const levelTreeNodeMap = /* @__PURE__ */ new Map();
        const { getDisabled = isDisabled, getIgnored: getIgnored2 = isIgnored, getIsGroup: getIsGroup2 = isGroup, getKey = defaultGetKey } = options;
        const _getChildren = (_a = options.getChildren) !== null && _a !== void 0 ? _a : defaultGetChildren;
        const getChildren = options.ignoreEmptyChildren ? (node) => {
          const children = _getChildren(node);
          if (Array.isArray(children)) {
            if (!children.length)
              return null;
            return children;
          }
          return children;
        } : _getChildren;
        const nodeProto = Object.assign({
          get key() {
            return getKey(this.rawNode);
          },
          get disabled() {
            return getDisabled(this.rawNode);
          },
          get isGroup() {
            return getIsGroup2(this.rawNode);
          },
          get isLeaf() {
            return isLeaf(this.rawNode, getChildren);
          },
          get shallowLoaded() {
            return isShallowLoaded(this.rawNode, getChildren);
          },
          get ignored() {
            return getIgnored2(this.rawNode);
          },
          contains(node) {
            return contains(this, node);
          }
        }, moveMethods);
        const treeNodes = createTreeNodes(rawNodes, treeNodeMap, levelTreeNodeMap, nodeProto, getChildren);
        function getNode(key) {
          if (key === null || key === void 0)
            return null;
          const tmNode = treeNodeMap.get(key);
          if (tmNode && !tmNode.isGroup && !tmNode.ignored) {
            return tmNode;
          }
          return null;
        }
        function _getNode(key) {
          if (key === null || key === void 0)
            return null;
          const tmNode = treeNodeMap.get(key);
          if (tmNode && !tmNode.ignored) {
            return tmNode;
          }
          return null;
        }
        function getPrev(key, options2) {
          const node = _getNode(key);
          if (!node)
            return null;
          return node.getPrev(options2);
        }
        function getNext(key, options2) {
          const node = _getNode(key);
          if (!node)
            return null;
          return node.getNext(options2);
        }
        function getParent(key) {
          const node = _getNode(key);
          if (!node)
            return null;
          return node.getParent();
        }
        function getChild2(key) {
          const node = _getNode(key);
          if (!node)
            return null;
          return node.getChild();
        }
        const treemate = {
          treeNodes,
          treeNodeMap,
          levelTreeNodeMap,
          maxLevel: Math.max(...levelTreeNodeMap.keys()),
          getChildren,
          getFlattenedNodes(expandedKeys) {
            return flatten$1(treeNodes, expandedKeys);
          },
          getNode,
          getPrev,
          getNext,
          getParent,
          getChild: getChild2,
          getFirstAvailableNode() {
            return getFirstAvailableNode(treeNodes);
          },
          getPath(key, options2 = {}) {
            return getPath(key, options2, treemate);
          },
          getCheckedKeys(checkedKeys, options2 = {}) {
            const { cascade = true, leafOnly = false, checkStrategy = "all", allowNotLoaded = false } = options2;
            return getCheckedKeys({
              checkedKeys: unwrapCheckedKeys(checkedKeys),
              indeterminateKeys: unwrapIndeterminateKeys(checkedKeys),
              cascade,
              leafOnly,
              checkStrategy,
              allowNotLoaded
            }, treemate);
          },
          check(keysToCheck, checkedKeys, options2 = {}) {
            const { cascade = true, leafOnly = false, checkStrategy = "all", allowNotLoaded = false } = options2;
            return getCheckedKeys({
              checkedKeys: unwrapCheckedKeys(checkedKeys),
              indeterminateKeys: unwrapIndeterminateKeys(checkedKeys),
              keysToCheck: keysToCheck === void 0 || keysToCheck === null ? [] : toArray(keysToCheck),
              cascade,
              leafOnly,
              checkStrategy,
              allowNotLoaded
            }, treemate);
          },
          uncheck(keysToUncheck, checkedKeys, options2 = {}) {
            const { cascade = true, leafOnly = false, checkStrategy = "all", allowNotLoaded = false } = options2;
            return getCheckedKeys({
              checkedKeys: unwrapCheckedKeys(checkedKeys),
              indeterminateKeys: unwrapIndeterminateKeys(checkedKeys),
              keysToUncheck: keysToUncheck === null || keysToUncheck === void 0 ? [] : toArray(keysToUncheck),
              cascade,
              leafOnly,
              checkStrategy,
              allowNotLoaded
            }, treemate);
          },
          getNonLeafKeys(options2 = {}) {
            return getNonLeafKeys(treeNodes, options2);
          }
        };
        return treemate;
      }
      const base = {
        neutralBase: "#FFF",
        neutralInvertBase: "#000",
        neutralTextBase: "#000",
        neutralPopover: "#fff",
        neutralCard: "#fff",
        neutralModal: "#fff",
        neutralBody: "#fff",
        alpha1: "0.82",
        alpha2: "0.72",
        alpha3: "0.38",
        alpha4: "0.24",
        // disabled text, placeholder, icon
        alpha5: "0.18",
        // disabled placeholder
        alphaClose: "0.6",
        alphaDisabled: "0.5",
        alphaDisabledInput: "0.02",
        alphaPending: "0.05",
        alphaTablePending: "0.02",
        alphaPressed: "0.07",
        alphaAvatar: "0.2",
        alphaRail: "0.14",
        alphaProgressRail: ".08",
        alphaBorder: "0.12",
        alphaDivider: "0.06",
        alphaInput: "0",
        alphaAction: "0.02",
        alphaTab: "0.04",
        alphaScrollbar: "0.25",
        alphaScrollbarHover: "0.4",
        alphaCode: "0.05",
        alphaTag: "0.02",
        // primary
        primaryHover: "#36ad6a",
        primaryDefault: "#18a058",
        primaryActive: "#0c7a43",
        primarySuppl: "#36ad6a",
        // info
        infoHover: "#4098fc",
        infoDefault: "#2080f0",
        infoActive: "#1060c9",
        infoSuppl: "#4098fc",
        // error
        errorHover: "#de576d",
        errorDefault: "#d03050",
        errorActive: "#ab1f3f",
        errorSuppl: "#de576d",
        // warning
        warningHover: "#fcb040",
        warningDefault: "#f0a020",
        warningActive: "#c97c10",
        warningSuppl: "#fcb040",
        // success
        successHover: "#36ad6a",
        successDefault: "#18a058",
        successActive: "#0c7a43",
        successSuppl: "#36ad6a"
      };
      const baseBackgroundRgb = rgba(base.neutralBase);
      const baseInvertBackgroundRgb = rgba(base.neutralInvertBase);
      const overlayPrefix = "rgba(" + baseInvertBackgroundRgb.slice(0, 3).join(", ") + ", ";
      function overlay(alpha) {
        return overlayPrefix + String(alpha) + ")";
      }
      function neutral(alpha) {
        const overlayRgba = Array.from(baseInvertBackgroundRgb);
        overlayRgba[3] = Number(alpha);
        return composite(baseBackgroundRgb, overlayRgba);
      }
      const derived = Object.assign(Object.assign({
        name: "common"
      }, commonVariables$m), {
        baseColor: base.neutralBase,
        // primary color
        primaryColor: base.primaryDefault,
        primaryColorHover: base.primaryHover,
        primaryColorPressed: base.primaryActive,
        primaryColorSuppl: base.primarySuppl,
        // info color
        infoColor: base.infoDefault,
        infoColorHover: base.infoHover,
        infoColorPressed: base.infoActive,
        infoColorSuppl: base.infoSuppl,
        // success color
        successColor: base.successDefault,
        successColorHover: base.successHover,
        successColorPressed: base.successActive,
        successColorSuppl: base.successSuppl,
        // warning color
        warningColor: base.warningDefault,
        warningColorHover: base.warningHover,
        warningColorPressed: base.warningActive,
        warningColorSuppl: base.warningSuppl,
        // error color
        errorColor: base.errorDefault,
        errorColorHover: base.errorHover,
        errorColorPressed: base.errorActive,
        errorColorSuppl: base.errorSuppl,
        // text color
        textColorBase: base.neutralTextBase,
        textColor1: "rgb(31, 34, 37)",
        textColor2: "rgb(51, 54, 57)",
        textColor3: "rgb(118, 124, 130)",
        // textColor4: neutral(base.alpha4), // disabled, placeholder, icon
        // textColor5: neutral(base.alpha5),
        textColorDisabled: neutral(base.alpha4),
        placeholderColor: neutral(base.alpha4),
        placeholderColorDisabled: neutral(base.alpha5),
        iconColor: neutral(base.alpha4),
        iconColorHover: scaleColor(neutral(base.alpha4), {
          lightness: 0.75
        }),
        iconColorPressed: scaleColor(neutral(base.alpha4), {
          lightness: 0.9
        }),
        iconColorDisabled: neutral(base.alpha5),
        opacity1: base.alpha1,
        opacity2: base.alpha2,
        opacity3: base.alpha3,
        opacity4: base.alpha4,
        opacity5: base.alpha5,
        dividerColor: "rgb(239, 239, 245)",
        borderColor: "rgb(224, 224, 230)",
        // close
        closeIconColor: neutral(Number(base.alphaClose)),
        closeIconColorHover: neutral(Number(base.alphaClose)),
        closeIconColorPressed: neutral(Number(base.alphaClose)),
        closeColorHover: "rgba(0, 0, 0, .09)",
        closeColorPressed: "rgba(0, 0, 0, .13)",
        // clear
        clearColor: neutral(base.alpha4),
        clearColorHover: scaleColor(neutral(base.alpha4), {
          lightness: 0.75
        }),
        clearColorPressed: scaleColor(neutral(base.alpha4), {
          lightness: 0.9
        }),
        scrollbarColor: overlay(base.alphaScrollbar),
        scrollbarColorHover: overlay(base.alphaScrollbarHover),
        scrollbarWidth: "5px",
        scrollbarHeight: "5px",
        scrollbarBorderRadius: "5px",
        progressRailColor: neutral(base.alphaProgressRail),
        railColor: "rgb(219, 219, 223)",
        popoverColor: base.neutralPopover,
        tableColor: base.neutralCard,
        cardColor: base.neutralCard,
        modalColor: base.neutralModal,
        bodyColor: base.neutralBody,
        tagColor: "#eee",
        avatarColor: neutral(base.alphaAvatar),
        invertedColor: "rgb(0, 20, 40)",
        inputColor: neutral(base.alphaInput),
        codeColor: "rgb(244, 244, 248)",
        tabColor: "rgb(247, 247, 250)",
        actionColor: "rgb(250, 250, 252)",
        tableHeaderColor: "rgb(250, 250, 252)",
        hoverColor: "rgb(243, 243, 245)",
        // use color with alpha since it can be nested with header filter & sorter effect
        tableColorHover: "rgba(0, 0, 100, 0.03)",
        tableColorStriped: "rgba(0, 0, 100, 0.02)",
        pressedColor: "rgb(237, 237, 239)",
        opacityDisabled: base.alphaDisabled,
        inputColorDisabled: "rgb(250, 250, 252)",
        // secondary button color
        // can also be used in tertiary button & quaternary button
        buttonColor2: "rgba(46, 51, 56, .05)",
        buttonColor2Hover: "rgba(46, 51, 56, .09)",
        buttonColor2Pressed: "rgba(46, 51, 56, .13)",
        boxShadow1: "0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04)",
        boxShadow2: "0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)",
        boxShadow3: "0 6px 16px -9px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03)"
      });
      const commonVars$e = {
        iconSizeSmall: "34px",
        iconSizeMedium: "40px",
        iconSizeLarge: "46px",
        iconSizeHuge: "52px"
      };
      const self$1h = (vars) => {
        const {
          textColorDisabled,
          iconColor,
          textColor2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          fontSizeHuge
        } = vars;
        return Object.assign(Object.assign({}, commonVars$e), {
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          fontSizeHuge,
          textColor: textColorDisabled,
          iconColor,
          extraTextColor: textColor2
        });
      };
      const emptyLight = {
        name: "Empty",
        common: derived,
        self: self$1h
      };
      const style$1z = cB("empty", `
 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: var(--n-font-size);
`, [cE("icon", `
 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 line-height: var(--n-icon-size);
 color: var(--n-icon-color);
 transition:
 color .3s var(--n-bezier);
 `, [c$1("+", [cE("description", `
 margin-top: 8px;
 `)])]), cE("description", `
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 `), cE("extra", `
 text-align: center;
 transition: color .3s var(--n-bezier);
 margin-top: 12px;
 color: var(--n-extra-text-color);
 `)]);
      const emptyProps = Object.assign(Object.assign({}, useTheme.props), {
        description: String,
        showDescription: {
          type: Boolean,
          default: true
        },
        showIcon: {
          type: Boolean,
          default: true
        },
        size: {
          type: String,
          default: "medium"
        },
        renderIcon: Function
      });
      const NEmpty = vue.defineComponent({
        name: "Empty",
        props: emptyProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Empty", "-empty", style$1z, emptyLight, props, mergedClsPrefixRef);
          const {
            localeRef
          } = useLocale("Empty");
          const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
          const mergedDescriptionRef = vue.computed(() => {
            var _a, _b, _c;
            return (_a = props.description) !== null && _a !== void 0 ? _a : (_c = (_b = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef.value) === null || _b === void 0 ? void 0 : _b.Empty) === null || _c === void 0 ? void 0 : _c.description;
          });
          const mergedRenderIconRef = vue.computed(() => {
            var _a, _b;
            return ((_b = (_a = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Empty) === null || _b === void 0 ? void 0 : _b.renderIcon) || (() => vue.h(EmptyIcon, null));
          });
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                [createKey("iconSize", size2)]: iconSize,
                [createKey("fontSize", size2)]: fontSize2,
                textColor,
                iconColor,
                extraTextColor
              }
            } = themeRef.value;
            return {
              "--n-icon-size": iconSize,
              "--n-font-size": fontSize2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-text-color": textColor,
              "--n-icon-color": iconColor,
              "--n-extra-text-color": extraTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("empty", vue.computed(() => {
            let hash = "";
            const {
              size: size2
            } = props;
            hash += size2[0];
            return hash;
          }), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedRenderIcon: mergedRenderIconRef,
            localizedDescription: vue.computed(() => {
              return mergedDescriptionRef.value || localeRef.value.description;
            }),
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            $slots,
            mergedClsPrefix,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-empty`, this.themeClass],
            style: this.cssVars
          }, this.showIcon ? vue.h("div", {
            class: `${mergedClsPrefix}-empty__icon`
          }, $slots.icon ? $slots.icon() : vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: this.mergedRenderIcon
          })) : null, this.showDescription ? vue.h("div", {
            class: `${mergedClsPrefix}-empty__description`
          }, $slots.default ? $slots.default() : this.localizedDescription) : null, $slots.extra ? vue.h("div", {
            class: `${mergedClsPrefix}-empty__extra`
          }, $slots.extra()) : null);
        }
      });
      const commonVars$d = {
        railInsetHorizontal: "auto 2px 4px 2px",
        railInsetVertical: "2px 4px 2px auto",
        railColor: "transparent"
      };
      const self$1g = (vars) => {
        const {
          scrollbarColor,
          scrollbarColorHover,
          scrollbarHeight,
          scrollbarWidth,
          scrollbarBorderRadius
        } = vars;
        return Object.assign(Object.assign({}, commonVars$d), {
          height: scrollbarHeight,
          width: scrollbarWidth,
          borderRadius: scrollbarBorderRadius,
          color: scrollbarColor,
          colorHover: scrollbarColorHover
        });
      };
      const scrollbarLight = {
        name: "Scrollbar",
        common: derived,
        self: self$1g
      };
      const {
        cubicBezierEaseInOut: cubicBezierEaseInOut$3
      } = commonVariables$m;
      function fadeInTransition({
        name = "fade-in",
        enterDuration = "0.2s",
        leaveDuration = "0.2s",
        enterCubicBezier = cubicBezierEaseInOut$3,
        leaveCubicBezier = cubicBezierEaseInOut$3
      } = {}) {
        return [c$1(`&.${name}-transition-enter-active`, {
          transition: `all ${enterDuration} ${enterCubicBezier}!important`
        }), c$1(`&.${name}-transition-leave-active`, {
          transition: `all ${leaveDuration} ${leaveCubicBezier}!important`
        }), c$1(`&.${name}-transition-enter-from, &.${name}-transition-leave-to`, {
          opacity: 0
        }), c$1(`&.${name}-transition-leave-from, &.${name}-transition-enter-to`, {
          opacity: 1
        })];
      }
      const style$1y = cB("scrollbar", `
 overflow: hidden;
 position: relative;
 z-index: auto;
 height: 100%;
 width: 100%;
`, [c$1(">", [cB("scrollbar-container", `
 width: 100%;
 overflow: scroll;
 height: 100%;
 min-height: inherit;
 max-height: inherit;
 scrollbar-width: none;
 `, [c$1("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb", `
 width: 0;
 height: 0;
 display: none;
 `), c$1(">", [
        // We can't set overflow hidden since it affects positioning.
        cB("scrollbar-content", `
 box-sizing: border-box;
 min-width: 100%;
 `)
      ])])]), c$1(">, +", [cB("scrollbar-rail", `
 position: absolute;
 pointer-events: none;
 user-select: none;
 background: var(--n-scrollbar-rail-color);
 -webkit-user-select: none;
 `, [cM("horizontal", `
 inset: var(--n-scrollbar-rail-inset-horizontal);
 height: var(--n-scrollbar-height);
 `, [c$1(">", [cE("scrollbar", `
 height: var(--n-scrollbar-height);
 border-radius: var(--n-scrollbar-border-radius);
 right: 0;
 `)])]), cM("vertical", `
 inset: var(--n-scrollbar-rail-inset-vertical);
 width: var(--n-scrollbar-width);
 `, [c$1(">", [cE("scrollbar", `
 width: var(--n-scrollbar-width);
 border-radius: var(--n-scrollbar-border-radius);
 bottom: 0;
 `)])]), cM("disabled", [c$1(">", [cE("scrollbar", "pointer-events: none;")])]), c$1(">", [cE("scrollbar", `
 z-index: 1;
 position: absolute;
 cursor: pointer;
 pointer-events: all;
 background-color: var(--n-scrollbar-color);
 transition: background-color .2s var(--n-scrollbar-bezier);
 `, [fadeInTransition(), c$1("&:hover", "background-color: var(--n-scrollbar-color-hover);")])])])])]);
      const scrollbarProps$1 = Object.assign(Object.assign({}, useTheme.props), {
        duration: {
          type: Number,
          default: 0
        },
        scrollable: {
          type: Boolean,
          default: true
        },
        xScrollable: Boolean,
        trigger: {
          type: String,
          default: "hover"
        },
        useUnifiedContainer: Boolean,
        triggerDisplayManually: Boolean,
        // If container is set, resize observer won't not attached
        container: Function,
        content: Function,
        containerClass: String,
        containerStyle: [String, Object],
        contentClass: [String, Array],
        contentStyle: [String, Object],
        horizontalRailStyle: [String, Object],
        verticalRailStyle: [String, Object],
        onScroll: Function,
        onWheel: Function,
        onResize: Function,
        internalOnUpdateScrollLeft: Function,
        internalHoistYRail: Boolean
      });
      const Scrollbar$2 = vue.defineComponent({
        name: "Scrollbar",
        props: scrollbarProps$1,
        inheritAttrs: false,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("Scrollbar", mergedRtlRef, mergedClsPrefixRef);
          const wrapperRef = vue.ref(null);
          const containerRef = vue.ref(null);
          const contentRef = vue.ref(null);
          const yRailRef = vue.ref(null);
          const xRailRef = vue.ref(null);
          const contentHeightRef = vue.ref(null);
          const contentWidthRef = vue.ref(null);
          const containerHeightRef = vue.ref(null);
          const containerWidthRef = vue.ref(null);
          const yRailSizeRef = vue.ref(null);
          const xRailSizeRef = vue.ref(null);
          const containerScrollTopRef = vue.ref(0);
          const containerScrollLeftRef = vue.ref(0);
          const isShowXBarRef = vue.ref(false);
          const isShowYBarRef = vue.ref(false);
          let yBarPressed = false;
          let xBarPressed = false;
          let xBarVanishTimerId;
          let yBarVanishTimerId;
          let memoYTop = 0;
          let memoXLeft = 0;
          let memoMouseX = 0;
          let memoMouseY = 0;
          const isIos2 = useIsIos();
          const themeRef = useTheme("Scrollbar", "-scrollbar", style$1y, scrollbarLight, props, mergedClsPrefixRef);
          const yBarSizeRef = vue.computed(() => {
            const {
              value: containerHeight
            } = containerHeightRef;
            const {
              value: contentHeight
            } = contentHeightRef;
            const {
              value: yRailSize
            } = yRailSizeRef;
            if (containerHeight === null || contentHeight === null || yRailSize === null) {
              return 0;
            } else {
              return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + depx(themeRef.value.self.width) * 1.5);
            }
          });
          const yBarSizePxRef = vue.computed(() => {
            return `${yBarSizeRef.value}px`;
          });
          const xBarSizeRef = vue.computed(() => {
            const {
              value: containerWidth
            } = containerWidthRef;
            const {
              value: contentWidth
            } = contentWidthRef;
            const {
              value: xRailSize
            } = xRailSizeRef;
            if (containerWidth === null || contentWidth === null || xRailSize === null) {
              return 0;
            } else {
              return xRailSize * containerWidth / contentWidth + depx(themeRef.value.self.height) * 1.5;
            }
          });
          const xBarSizePxRef = vue.computed(() => {
            return `${xBarSizeRef.value}px`;
          });
          const yBarTopRef = vue.computed(() => {
            const {
              value: containerHeight
            } = containerHeightRef;
            const {
              value: containerScrollTop
            } = containerScrollTopRef;
            const {
              value: contentHeight
            } = contentHeightRef;
            const {
              value: yRailSize
            } = yRailSizeRef;
            if (containerHeight === null || contentHeight === null || yRailSize === null) {
              return 0;
            } else {
              const heightDiff = contentHeight - containerHeight;
              if (!heightDiff)
                return 0;
              return containerScrollTop / heightDiff * (yRailSize - yBarSizeRef.value);
            }
          });
          const yBarTopPxRef = vue.computed(() => {
            return `${yBarTopRef.value}px`;
          });
          const xBarLeftRef = vue.computed(() => {
            const {
              value: containerWidth
            } = containerWidthRef;
            const {
              value: containerScrollLeft
            } = containerScrollLeftRef;
            const {
              value: contentWidth
            } = contentWidthRef;
            const {
              value: xRailSize
            } = xRailSizeRef;
            if (containerWidth === null || contentWidth === null || xRailSize === null) {
              return 0;
            } else {
              const widthDiff = contentWidth - containerWidth;
              if (!widthDiff)
                return 0;
              return containerScrollLeft / widthDiff * (xRailSize - xBarSizeRef.value);
            }
          });
          const xBarLeftPxRef = vue.computed(() => {
            return `${xBarLeftRef.value}px`;
          });
          const needYBarRef = vue.computed(() => {
            const {
              value: containerHeight
            } = containerHeightRef;
            const {
              value: contentHeight
            } = contentHeightRef;
            return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight;
          });
          const needXBarRef = vue.computed(() => {
            const {
              value: containerWidth
            } = containerWidthRef;
            const {
              value: contentWidth
            } = contentWidthRef;
            return containerWidth !== null && contentWidth !== null && contentWidth > containerWidth;
          });
          const mergedShowXBarRef = vue.computed(() => {
            const {
              trigger: trigger2
            } = props;
            return trigger2 === "none" || isShowXBarRef.value;
          });
          const mergedShowYBarRef = vue.computed(() => {
            const {
              trigger: trigger2
            } = props;
            return trigger2 === "none" || isShowYBarRef.value;
          });
          const mergedContainerRef = vue.computed(() => {
            const {
              container
            } = props;
            if (container)
              return container();
            return containerRef.value;
          });
          const mergedContentRef = vue.computed(() => {
            const {
              content
            } = props;
            if (content)
              return content();
            return contentRef.value;
          });
          const activateState = useReactivated(() => {
            if (!props.container) {
              scrollTo({
                top: containerScrollTopRef.value,
                left: containerScrollLeftRef.value
              });
            }
          });
          const handleContentResize = () => {
            if (activateState.isDeactivated)
              return;
            sync();
          };
          const handleContainerResize = (e) => {
            if (activateState.isDeactivated)
              return;
            const {
              onResize
            } = props;
            if (onResize)
              onResize(e);
            sync();
          };
          const scrollTo = (options, y) => {
            if (!props.scrollable)
              return;
            if (typeof options === "number") {
              scrollToPosition(options, y !== null && y !== void 0 ? y : 0, 0, false, "auto");
              return;
            }
            const {
              left,
              top,
              index,
              elSize,
              position,
              behavior,
              el,
              debounce: debounce2 = true
            } = options;
            if (left !== void 0 || top !== void 0) {
              scrollToPosition(left !== null && left !== void 0 ? left : 0, top !== null && top !== void 0 ? top : 0, 0, false, behavior);
            }
            if (el !== void 0) {
              scrollToPosition(0, el.offsetTop, el.offsetHeight, debounce2, behavior);
            } else if (index !== void 0 && elSize !== void 0) {
              scrollToPosition(0, index * elSize, elSize, debounce2, behavior);
            } else if (position === "bottom") {
              scrollToPosition(0, Number.MAX_SAFE_INTEGER, 0, false, behavior);
            } else if (position === "top") {
              scrollToPosition(0, 0, 0, false, behavior);
            }
          };
          const scrollBy = (options, y) => {
            if (!props.scrollable)
              return;
            const {
              value: container
            } = mergedContainerRef;
            if (!container)
              return;
            if (typeof options === "object") {
              container.scrollBy(options);
            } else {
              container.scrollBy(options, y || 0);
            }
          };
          function scrollToPosition(left, top, elSize, debounce2, behavior) {
            const {
              value: container
            } = mergedContainerRef;
            if (!container)
              return;
            if (debounce2) {
              const {
                scrollTop,
                offsetHeight
              } = container;
              if (top > scrollTop) {
                if (top + elSize <= scrollTop + offsetHeight)
                  ;
                else {
                  container.scrollTo({
                    left,
                    top: top + elSize - offsetHeight,
                    behavior
                  });
                }
                return;
              }
            }
            container.scrollTo({
              left,
              top,
              behavior
            });
          }
          function handleMouseEnterWrapper() {
            showXBar();
            showYBar();
            sync();
          }
          function handleMouseLeaveWrapper() {
            hideBar();
          }
          function hideBar() {
            hideYBar();
            hideXBar();
          }
          function hideYBar() {
            if (yBarVanishTimerId !== void 0) {
              window.clearTimeout(yBarVanishTimerId);
            }
            yBarVanishTimerId = window.setTimeout(() => {
              isShowYBarRef.value = false;
            }, props.duration);
          }
          function hideXBar() {
            if (xBarVanishTimerId !== void 0) {
              window.clearTimeout(xBarVanishTimerId);
            }
            xBarVanishTimerId = window.setTimeout(() => {
              isShowXBarRef.value = false;
            }, props.duration);
          }
          function showXBar() {
            if (xBarVanishTimerId !== void 0) {
              window.clearTimeout(xBarVanishTimerId);
            }
            isShowXBarRef.value = true;
          }
          function showYBar() {
            if (yBarVanishTimerId !== void 0) {
              window.clearTimeout(yBarVanishTimerId);
            }
            isShowYBarRef.value = true;
          }
          function handleScroll(e) {
            const {
              onScroll
            } = props;
            if (onScroll)
              onScroll(e);
            syncScrollState();
          }
          function syncScrollState() {
            const {
              value: container
            } = mergedContainerRef;
            if (container) {
              containerScrollTopRef.value = container.scrollTop;
              containerScrollLeftRef.value = container.scrollLeft * ((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? -1 : 1);
            }
          }
          function syncPositionState() {
            const {
              value: content
            } = mergedContentRef;
            if (content) {
              contentHeightRef.value = content.offsetHeight;
              contentWidthRef.value = content.offsetWidth;
            }
            const {
              value: container
            } = mergedContainerRef;
            if (container) {
              containerHeightRef.value = container.offsetHeight;
              containerWidthRef.value = container.offsetWidth;
            }
            const {
              value: xRailEl
            } = xRailRef;
            const {
              value: yRailEl
            } = yRailRef;
            if (xRailEl) {
              xRailSizeRef.value = xRailEl.offsetWidth;
            }
            if (yRailEl) {
              yRailSizeRef.value = yRailEl.offsetHeight;
            }
          }
          function syncUnifiedContainer() {
            const {
              value: container
            } = mergedContainerRef;
            if (container) {
              containerScrollTopRef.value = container.scrollTop;
              containerScrollLeftRef.value = container.scrollLeft * ((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? -1 : 1);
              containerHeightRef.value = container.offsetHeight;
              containerWidthRef.value = container.offsetWidth;
              contentHeightRef.value = container.scrollHeight;
              contentWidthRef.value = container.scrollWidth;
            }
            const {
              value: xRailEl
            } = xRailRef;
            const {
              value: yRailEl
            } = yRailRef;
            if (xRailEl) {
              xRailSizeRef.value = xRailEl.offsetWidth;
            }
            if (yRailEl) {
              yRailSizeRef.value = yRailEl.offsetHeight;
            }
          }
          function sync() {
            if (!props.scrollable)
              return;
            if (props.useUnifiedContainer) {
              syncUnifiedContainer();
            } else {
              syncPositionState();
              syncScrollState();
            }
          }
          function isMouseUpAway(e) {
            var _a;
            return !((_a = wrapperRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e)));
          }
          function handleXScrollMouseDown(e) {
            e.preventDefault();
            e.stopPropagation();
            xBarPressed = true;
            on("mousemove", window, handleXScrollMouseMove, true);
            on("mouseup", window, handleXScrollMouseUp, true);
            memoXLeft = containerScrollLeftRef.value;
            memoMouseX = (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? window.innerWidth - e.clientX : e.clientX;
          }
          function handleXScrollMouseMove(e) {
            if (!xBarPressed)
              return;
            if (xBarVanishTimerId !== void 0) {
              window.clearTimeout(xBarVanishTimerId);
            }
            if (yBarVanishTimerId !== void 0) {
              window.clearTimeout(yBarVanishTimerId);
            }
            const {
              value: containerWidth
            } = containerWidthRef;
            const {
              value: contentWidth
            } = contentWidthRef;
            const {
              value: xBarSize
            } = xBarSizeRef;
            if (containerWidth === null || contentWidth === null)
              return;
            const dX = (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? window.innerWidth - e.clientX - memoMouseX : e.clientX - memoMouseX;
            const dScrollLeft = dX * (contentWidth - containerWidth) / (containerWidth - xBarSize);
            const toScrollLeftUpperBound = contentWidth - containerWidth;
            let toScrollLeft = memoXLeft + dScrollLeft;
            toScrollLeft = Math.min(toScrollLeftUpperBound, toScrollLeft);
            toScrollLeft = Math.max(toScrollLeft, 0);
            const {
              value: container
            } = mergedContainerRef;
            if (container) {
              container.scrollLeft = toScrollLeft * ((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? -1 : 1);
              const {
                internalOnUpdateScrollLeft
              } = props;
              if (internalOnUpdateScrollLeft)
                internalOnUpdateScrollLeft(toScrollLeft);
            }
          }
          function handleXScrollMouseUp(e) {
            e.preventDefault();
            e.stopPropagation();
            off("mousemove", window, handleXScrollMouseMove, true);
            off("mouseup", window, handleXScrollMouseUp, true);
            xBarPressed = false;
            sync();
            if (isMouseUpAway(e)) {
              hideBar();
            }
          }
          function handleYScrollMouseDown(e) {
            e.preventDefault();
            e.stopPropagation();
            yBarPressed = true;
            on("mousemove", window, handleYScrollMouseMove, true);
            on("mouseup", window, handleYScrollMouseUp, true);
            memoYTop = containerScrollTopRef.value;
            memoMouseY = e.clientY;
          }
          function handleYScrollMouseMove(e) {
            if (!yBarPressed)
              return;
            if (xBarVanishTimerId !== void 0) {
              window.clearTimeout(xBarVanishTimerId);
            }
            if (yBarVanishTimerId !== void 0) {
              window.clearTimeout(yBarVanishTimerId);
            }
            const {
              value: containerHeight
            } = containerHeightRef;
            const {
              value: contentHeight
            } = contentHeightRef;
            const {
              value: yBarSize
            } = yBarSizeRef;
            if (containerHeight === null || contentHeight === null)
              return;
            const dY = e.clientY - memoMouseY;
            const dScrollTop = dY * (contentHeight - containerHeight) / (containerHeight - yBarSize);
            const toScrollTopUpperBound = contentHeight - containerHeight;
            let toScrollTop = memoYTop + dScrollTop;
            toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop);
            toScrollTop = Math.max(toScrollTop, 0);
            const {
              value: container
            } = mergedContainerRef;
            if (container) {
              container.scrollTop = toScrollTop;
            }
          }
          function handleYScrollMouseUp(e) {
            e.preventDefault();
            e.stopPropagation();
            off("mousemove", window, handleYScrollMouseMove, true);
            off("mouseup", window, handleYScrollMouseUp, true);
            yBarPressed = false;
            sync();
            if (isMouseUpAway(e)) {
              hideBar();
            }
          }
          vue.watchEffect(() => {
            const {
              value: needXBar
            } = needXBarRef;
            const {
              value: needYBar
            } = needYBarRef;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            const {
              value: xRailEl
            } = xRailRef;
            const {
              value: yRailEl
            } = yRailRef;
            if (xRailEl) {
              if (!needXBar) {
                xRailEl.classList.add(`${mergedClsPrefix}-scrollbar-rail--disabled`);
              } else {
                xRailEl.classList.remove(`${mergedClsPrefix}-scrollbar-rail--disabled`);
              }
            }
            if (yRailEl) {
              if (!needYBar) {
                yRailEl.classList.add(`${mergedClsPrefix}-scrollbar-rail--disabled`);
              } else {
                yRailEl.classList.remove(`${mergedClsPrefix}-scrollbar-rail--disabled`);
              }
            }
          });
          vue.onMounted(() => {
            if (props.container)
              return;
            sync();
          });
          vue.onBeforeUnmount(() => {
            if (xBarVanishTimerId !== void 0) {
              window.clearTimeout(xBarVanishTimerId);
            }
            if (yBarVanishTimerId !== void 0) {
              window.clearTimeout(yBarVanishTimerId);
            }
            off("mousemove", window, handleYScrollMouseMove, true);
            off("mouseup", window, handleYScrollMouseUp, true);
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                color,
                colorHover,
                height,
                width,
                borderRadius,
                railInsetHorizontal,
                railInsetVertical,
                railColor
              }
            } = themeRef.value;
            return {
              "--n-scrollbar-bezier": cubicBezierEaseInOut2,
              "--n-scrollbar-color": color,
              "--n-scrollbar-color-hover": colorHover,
              "--n-scrollbar-border-radius": borderRadius,
              "--n-scrollbar-width": width,
              "--n-scrollbar-height": height,
              "--n-scrollbar-rail-inset-horizontal": railInsetHorizontal,
              "--n-scrollbar-rail-inset-vertical": (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? rtlInset(railInsetVertical) : railInsetVertical,
              "--n-scrollbar-rail-color": railColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("scrollbar", void 0, cssVarsRef, props) : void 0;
          const exposedMethods = {
            scrollTo,
            scrollBy,
            sync,
            syncUnifiedContainer,
            handleMouseEnterWrapper,
            handleMouseLeaveWrapper
          };
          return Object.assign(Object.assign({}, exposedMethods), {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            containerScrollTop: containerScrollTopRef,
            wrapperRef,
            containerRef,
            contentRef,
            yRailRef,
            xRailRef,
            needYBar: needYBarRef,
            needXBar: needXBarRef,
            yBarSizePx: yBarSizePxRef,
            xBarSizePx: xBarSizePxRef,
            yBarTopPx: yBarTopPxRef,
            xBarLeftPx: xBarLeftPxRef,
            isShowXBar: mergedShowXBarRef,
            isShowYBar: mergedShowYBarRef,
            isIos: isIos2,
            handleScroll,
            handleContentResize,
            handleContainerResize,
            handleYScrollMouseDown,
            handleXScrollMouseDown,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a;
          const {
            $slots,
            mergedClsPrefix,
            triggerDisplayManually,
            rtlEnabled,
            internalHoistYRail
          } = this;
          if (!this.scrollable)
            return (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots);
          const triggerIsNone = this.trigger === "none";
          const createYRail = (className, style2) => {
            return vue.h("div", {
              ref: "yRailRef",
              class: [`${mergedClsPrefix}-scrollbar-rail`, `${mergedClsPrefix}-scrollbar-rail--vertical`, className],
              "data-scrollbar-rail": true,
              style: [style2 || "", this.verticalRailStyle],
              "aria-hidden": true
            }, vue.h(
              // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
              triggerIsNone ? Wrapper : vue.Transition,
              triggerIsNone ? null : {
                name: "fade-in-transition"
              },
              {
                default: () => this.needYBar && this.isShowYBar && !this.isIos ? vue.h("div", {
                  class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`,
                  style: {
                    height: this.yBarSizePx,
                    top: this.yBarTopPx
                  },
                  onMousedown: this.handleYScrollMouseDown
                }) : null
              }
            ));
          };
          const createChildren = () => {
            var _a2, _b;
            (_a2 = this.onRender) === null || _a2 === void 0 ? void 0 : _a2.call(this);
            return vue.h("div", vue.mergeProps(this.$attrs, {
              role: "none",
              ref: "wrapperRef",
              class: [`${mergedClsPrefix}-scrollbar`, this.themeClass, rtlEnabled && `${mergedClsPrefix}-scrollbar--rtl`],
              style: this.cssVars,
              onMouseenter: triggerDisplayManually ? void 0 : this.handleMouseEnterWrapper,
              onMouseleave: triggerDisplayManually ? void 0 : this.handleMouseLeaveWrapper
            }), [this.container ? (_b = $slots.default) === null || _b === void 0 ? void 0 : _b.call($slots) : vue.h("div", {
              role: "none",
              ref: "containerRef",
              class: [`${mergedClsPrefix}-scrollbar-container`, this.containerClass],
              style: this.containerStyle,
              onScroll: this.handleScroll,
              onWheel: this.onWheel
            }, vue.h(VResizeObserver, {
              onResize: this.handleContentResize
            }, {
              default: () => vue.h("div", {
                ref: "contentRef",
                role: "none",
                style: [{
                  width: this.xScrollable ? "fit-content" : null
                }, this.contentStyle],
                class: [`${mergedClsPrefix}-scrollbar-content`, this.contentClass]
              }, $slots)
            })), internalHoistYRail ? null : createYRail(void 0, void 0), this.xScrollable && vue.h("div", {
              ref: "xRailRef",
              class: [`${mergedClsPrefix}-scrollbar-rail`, `${mergedClsPrefix}-scrollbar-rail--horizontal`],
              style: this.horizontalRailStyle,
              "data-scrollbar-rail": true,
              "aria-hidden": true
            }, vue.h(
              // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
              triggerIsNone ? Wrapper : vue.Transition,
              triggerIsNone ? null : {
                name: "fade-in-transition"
              },
              {
                default: () => this.needXBar && this.isShowXBar && !this.isIos ? vue.h("div", {
                  class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`,
                  style: {
                    width: this.xBarSizePx,
                    right: rtlEnabled ? this.xBarLeftPx : void 0,
                    left: rtlEnabled ? void 0 : this.xBarLeftPx
                  },
                  onMousedown: this.handleXScrollMouseDown
                }) : null
              }
            ))]);
          };
          const scrollbarNode = this.container ? createChildren() : vue.h(VResizeObserver, {
            onResize: this.handleContainerResize
          }, {
            default: createChildren
          });
          if (internalHoistYRail) {
            return vue.h(vue.Fragment, null, scrollbarNode, createYRail(this.themeClass, this.cssVars));
          } else {
            return scrollbarNode;
          }
        }
      });
      const XScrollbar = Scrollbar$2;
      const commonVariables$l = {
        height: "calc(var(--n-option-height) * 7.6)",
        paddingSmall: "4px 0",
        paddingMedium: "4px 0",
        paddingLarge: "4px 0",
        paddingHuge: "4px 0",
        optionPaddingSmall: "0 12px",
        optionPaddingMedium: "0 12px",
        optionPaddingLarge: "0 12px",
        optionPaddingHuge: "0 12px",
        loadingSize: "18px"
      };
      const self$1f = (vars) => {
        const {
          borderRadius,
          popoverColor,
          textColor3,
          dividerColor,
          textColor2,
          primaryColorPressed,
          textColorDisabled,
          primaryColor,
          opacityDisabled,
          hoverColor,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          fontSizeHuge,
          heightSmall,
          heightMedium,
          heightLarge,
          heightHuge
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$l), {
          optionFontSizeSmall: fontSizeSmall,
          optionFontSizeMedium: fontSizeMedium,
          optionFontSizeLarge: fontSizeLarge,
          optionFontSizeHuge: fontSizeHuge,
          optionHeightSmall: heightSmall,
          optionHeightMedium: heightMedium,
          optionHeightLarge: heightLarge,
          optionHeightHuge: heightHuge,
          borderRadius,
          color: popoverColor,
          groupHeaderTextColor: textColor3,
          actionDividerColor: dividerColor,
          optionTextColor: textColor2,
          optionTextColorPressed: primaryColorPressed,
          optionTextColorDisabled: textColorDisabled,
          optionTextColorActive: primaryColor,
          optionOpacityDisabled: opacityDisabled,
          optionCheckColor: primaryColor,
          optionColorPending: hoverColor,
          optionColorActive: "rgba(0, 0, 0, 0)",
          optionColorActivePending: hoverColor,
          actionTextColor: textColor2,
          loadingColor: primaryColor
        });
      };
      const internalSelectMenuLight = createTheme({
        name: "InternalSelectMenu",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight,
          Empty: emptyLight
        },
        self: self$1f
      });
      function renderCheckMark(show, clsPrefix) {
        return vue.h(vue.Transition, {
          name: "fade-in-scale-up-transition"
        }, {
          default: () => show ? vue.h(NBaseIcon, {
            clsPrefix,
            class: `${clsPrefix}-base-select-option__check`
          }, {
            default: () => vue.h(FinishedIcon)
          }) : null
        });
      }
      const NSelectOption = vue.defineComponent({
        name: "NBaseSelectOption",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          tmNode: {
            type: Object,
            required: true
          }
        },
        setup(props) {
          const {
            valueRef,
            pendingTmNodeRef,
            multipleRef,
            valueSetRef,
            renderLabelRef,
            renderOptionRef,
            labelFieldRef,
            valueFieldRef,
            showCheckmarkRef,
            nodePropsRef,
            handleOptionClick,
            handleOptionMouseEnter
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(internalSelectionMenuInjectionKey);
          const isPendingRef = useMemo(() => {
            const {
              value: pendingTmNode
            } = pendingTmNodeRef;
            if (!pendingTmNode)
              return false;
            return props.tmNode.key === pendingTmNode.key;
          });
          function handleClick2(e) {
            const {
              tmNode
            } = props;
            if (tmNode.disabled)
              return;
            handleOptionClick(e, tmNode);
          }
          function handleMouseEnter(e) {
            const {
              tmNode
            } = props;
            if (tmNode.disabled)
              return;
            handleOptionMouseEnter(e, tmNode);
          }
          function handleMouseMove(e) {
            const {
              tmNode
            } = props;
            const {
              value: isPending
            } = isPendingRef;
            if (tmNode.disabled || isPending)
              return;
            handleOptionMouseEnter(e, tmNode);
          }
          return {
            multiple: multipleRef,
            isGrouped: useMemo(() => {
              const {
                tmNode
              } = props;
              const {
                parent
              } = tmNode;
              return parent && parent.rawNode.type === "group";
            }),
            showCheckmark: showCheckmarkRef,
            nodeProps: nodePropsRef,
            isPending: isPendingRef,
            isSelected: useMemo(() => {
              const {
                value
              } = valueRef;
              const {
                value: multiple
              } = multipleRef;
              if (value === null)
                return false;
              const optionValue = props.tmNode.rawNode[valueFieldRef.value];
              if (multiple) {
                const {
                  value: valueSet
                } = valueSetRef;
                return valueSet.has(optionValue);
              } else {
                return value === optionValue;
              }
            }),
            labelField: labelFieldRef,
            renderLabel: renderLabelRef,
            renderOption: renderOptionRef,
            handleMouseMove,
            handleMouseEnter,
            handleClick: handleClick2
          };
        },
        render() {
          const {
            clsPrefix,
            tmNode: {
              rawNode
            },
            isSelected,
            isPending,
            isGrouped,
            showCheckmark,
            nodeProps,
            renderOption,
            renderLabel,
            handleClick: handleClick2,
            handleMouseEnter,
            handleMouseMove
          } = this;
          const checkmark = renderCheckMark(isSelected, clsPrefix);
          const children = renderLabel ? [renderLabel(rawNode, isSelected), showCheckmark && checkmark] : [render$1(rawNode[this.labelField], rawNode, isSelected), showCheckmark && checkmark];
          const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
          const node = vue.h("div", Object.assign({}, attrs, {
            class: [`${clsPrefix}-base-select-option`, rawNode.class, attrs === null || attrs === void 0 ? void 0 : attrs.class, {
              [`${clsPrefix}-base-select-option--disabled`]: rawNode.disabled,
              [`${clsPrefix}-base-select-option--selected`]: isSelected,
              [`${clsPrefix}-base-select-option--grouped`]: isGrouped,
              [`${clsPrefix}-base-select-option--pending`]: isPending,
              [`${clsPrefix}-base-select-option--show-checkmark`]: showCheckmark
            }],
            style: [(attrs === null || attrs === void 0 ? void 0 : attrs.style) || "", rawNode.style || ""],
            onClick: mergeEventHandlers([handleClick2, attrs === null || attrs === void 0 ? void 0 : attrs.onClick]),
            onMouseenter: mergeEventHandlers([handleMouseEnter, attrs === null || attrs === void 0 ? void 0 : attrs.onMouseenter]),
            onMousemove: mergeEventHandlers([handleMouseMove, attrs === null || attrs === void 0 ? void 0 : attrs.onMousemove])
          }), vue.h("div", {
            class: `${clsPrefix}-base-select-option__content`
          }, children));
          return rawNode.render ? rawNode.render({
            node,
            option: rawNode,
            selected: isSelected
          }) : renderOption ? renderOption({
            node,
            option: rawNode,
            selected: isSelected
          }) : node;
        }
      });
      const NSelectGroupHeader = vue.defineComponent({
        name: "NBaseSelectGroupHeader",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          tmNode: {
            type: Object,
            required: true
          }
        },
        setup() {
          const {
            renderLabelRef,
            renderOptionRef,
            labelFieldRef,
            nodePropsRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(internalSelectionMenuInjectionKey);
          return {
            labelField: labelFieldRef,
            nodeProps: nodePropsRef,
            renderLabel: renderLabelRef,
            renderOption: renderOptionRef
          };
        },
        render() {
          const {
            clsPrefix,
            renderLabel,
            renderOption,
            nodeProps,
            tmNode: {
              rawNode
            }
          } = this;
          const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
          const children = renderLabel ? renderLabel(rawNode, false) : render$1(rawNode[this.labelField], rawNode, false);
          const node = vue.h("div", Object.assign({}, attrs, {
            class: [`${clsPrefix}-base-select-group-header`, attrs === null || attrs === void 0 ? void 0 : attrs.class]
          }), children);
          return rawNode.render ? rawNode.render({
            node,
            option: rawNode
          }) : renderOption ? renderOption({
            node,
            option: rawNode,
            selected: false
          }) : node;
        }
      });
      const {
        cubicBezierEaseIn: cubicBezierEaseIn$5,
        cubicBezierEaseOut: cubicBezierEaseOut$6
      } = commonVariables$m;
      function fadeInScaleUpTransition({
        transformOrigin = "inherit",
        duration: duration2 = ".2s",
        enterScale = ".9",
        originalTransform = "",
        originalTransition = ""
      } = {}) {
        return [c$1("&.fade-in-scale-up-transition-leave-active", {
          transformOrigin,
          transition: `opacity ${duration2} ${cubicBezierEaseIn$5}, transform ${duration2} ${cubicBezierEaseIn$5} ${originalTransition && "," + originalTransition}`
        }), c$1("&.fade-in-scale-up-transition-enter-active", {
          transformOrigin,
          transition: `opacity ${duration2} ${cubicBezierEaseOut$6}, transform ${duration2} ${cubicBezierEaseOut$6} ${originalTransition && "," + originalTransition}`
        }), c$1("&.fade-in-scale-up-transition-enter-from, &.fade-in-scale-up-transition-leave-to", {
          opacity: 0,
          transform: `${originalTransform} scale(${enterScale})`
        }), c$1("&.fade-in-scale-up-transition-leave-from, &.fade-in-scale-up-transition-enter-to", {
          opacity: 1,
          transform: `${originalTransform} scale(1)`
        })];
      }
      const style$1x = cB("base-select-menu", `
 line-height: 1.5;
 outline: none;
 z-index: 0;
 position: relative;
 border-radius: var(--n-border-radius);
 transition:
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 background-color: var(--n-color);
`, [cB("scrollbar", `
 max-height: var(--n-height);
 `), cB("virtual-list", `
 max-height: var(--n-height);
 `), cB("base-select-option", `
 min-height: var(--n-option-height);
 font-size: var(--n-option-font-size);
 display: flex;
 align-items: center;
 `, [cE("content", `
 z-index: 1;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 `)]), cB("base-select-group-header", `
 min-height: var(--n-option-height);
 font-size: .93em;
 display: flex;
 align-items: center;
 `), cB("base-select-menu-option-wrapper", `
 position: relative;
 width: 100%;
 `), cE("loading, empty", `
 display: flex;
 padding: 12px 32px;
 flex: 1;
 justify-content: center;
 `), cE("loading", `
 color: var(--n-loading-color);
 font-size: var(--n-loading-size);
 `), cE("header", `
 padding: 8px var(--n-option-padding-left);
 font-size: var(--n-option-font-size);
 transition: 
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-action-divider-color);
 color: var(--n-action-text-color);
 `), cE("action", `
 padding: 8px var(--n-option-padding-left);
 font-size: var(--n-option-font-size);
 transition: 
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 border-top: 1px solid var(--n-action-divider-color);
 color: var(--n-action-text-color);
 `), cB("base-select-group-header", `
 position: relative;
 cursor: default;
 padding: var(--n-option-padding);
 color: var(--n-group-header-text-color);
 `), cB("base-select-option", `
 cursor: pointer;
 position: relative;
 padding: var(--n-option-padding);
 transition:
 color .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 box-sizing: border-box;
 color: var(--n-option-text-color);
 opacity: 1;
 `, [cM("show-checkmark", `
 padding-right: calc(var(--n-option-padding-right) + 20px);
 `), c$1("&::before", `
 content: "";
 position: absolute;
 left: 4px;
 right: 4px;
 top: 0;
 bottom: 0;
 border-radius: var(--n-border-radius);
 transition: background-color .3s var(--n-bezier);
 `), c$1("&:active", `
 color: var(--n-option-text-color-pressed);
 `), cM("grouped", `
 padding-left: calc(var(--n-option-padding-left) * 1.5);
 `), cM("pending", [c$1("&::before", `
 background-color: var(--n-option-color-pending);
 `)]), cM("selected", `
 color: var(--n-option-text-color-active);
 `, [c$1("&::before", `
 background-color: var(--n-option-color-active);
 `), cM("pending", [c$1("&::before", `
 background-color: var(--n-option-color-active-pending);
 `)])]), cM("disabled", `
 cursor: not-allowed;
 `, [cNotM("selected", `
 color: var(--n-option-text-color-disabled);
 `), cM("selected", `
 opacity: var(--n-option-opacity-disabled);
 `)]), cE("check", `
 font-size: 16px;
 position: absolute;
 right: calc(var(--n-option-padding-right) - 4px);
 top: calc(50% - 7px);
 color: var(--n-option-check-color);
 transition: color .3s var(--n-bezier);
 `, [fadeInScaleUpTransition({
        enterScale: "0.5"
      })])])]);
      const NInternalSelectMenu = vue.defineComponent({
        name: "InternalSelectMenu",
        props: Object.assign(Object.assign({}, useTheme.props), {
          clsPrefix: {
            type: String,
            required: true
          },
          scrollable: {
            type: Boolean,
            default: true
          },
          treeMate: {
            type: Object,
            required: true
          },
          multiple: Boolean,
          size: {
            type: String,
            default: "medium"
          },
          value: {
            type: [String, Number, Array],
            default: null
          },
          autoPending: Boolean,
          virtualScroll: {
            type: Boolean,
            default: true
          },
          // show is used to toggle pending state initialization
          show: {
            type: Boolean,
            default: true
          },
          labelField: {
            type: String,
            default: "label"
          },
          valueField: {
            type: String,
            default: "value"
          },
          loading: Boolean,
          focusable: Boolean,
          renderLabel: Function,
          renderOption: Function,
          nodeProps: Function,
          showCheckmark: {
            type: Boolean,
            default: true
          },
          onMousedown: Function,
          onScroll: Function,
          onFocus: Function,
          onBlur: Function,
          onKeyup: Function,
          onKeydown: Function,
          onTabOut: Function,
          onMouseenter: Function,
          onMouseleave: Function,
          onResize: Function,
          resetMenuOnOptionsChange: {
            type: Boolean,
            default: true
          },
          inlineThemeDisabled: Boolean,
          // deprecated
          onToggle: Function
        }),
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("InternalSelectMenu", mergedRtlRef, mergedClsPrefixRef);
          const themeRef = useTheme("InternalSelectMenu", "-internal-select-menu", style$1x, internalSelectMenuLight, props, vue.toRef(props, "clsPrefix"));
          const selfRef = vue.ref(null);
          const virtualListRef = vue.ref(null);
          const scrollbarRef = vue.ref(null);
          const flattenedNodesRef = vue.computed(() => props.treeMate.getFlattenedNodes());
          const fIndexGetterRef = vue.computed(() => createIndexGetter(flattenedNodesRef.value));
          const pendingNodeRef = vue.ref(null);
          function initPendingNode() {
            const {
              treeMate
            } = props;
            let defaultPendingNode = null;
            const {
              value
            } = props;
            if (value === null) {
              defaultPendingNode = treeMate.getFirstAvailableNode();
            } else {
              if (props.multiple) {
                defaultPendingNode = treeMate.getNode((value || [])[(value || []).length - 1]);
              } else {
                defaultPendingNode = treeMate.getNode(value);
              }
              if (!defaultPendingNode || defaultPendingNode.disabled) {
                defaultPendingNode = treeMate.getFirstAvailableNode();
              }
            }
            if (defaultPendingNode) {
              setPendingTmNode(defaultPendingNode);
            } else {
              setPendingTmNode(null);
            }
          }
          function clearPendingNodeIfInvalid() {
            const {
              value: pendingNode
            } = pendingNodeRef;
            if (pendingNode && !props.treeMate.getNode(pendingNode.key)) {
              pendingNodeRef.value = null;
            }
          }
          let initPendingNodeWatchStopHandle;
          vue.watch(() => props.show, (show) => {
            if (show) {
              initPendingNodeWatchStopHandle = vue.watch(() => props.treeMate, () => {
                if (props.resetMenuOnOptionsChange) {
                  if (props.autoPending) {
                    initPendingNode();
                  } else {
                    clearPendingNodeIfInvalid();
                  }
                  void vue.nextTick(scrollToPendingNode);
                } else {
                  clearPendingNodeIfInvalid();
                }
              }, {
                immediate: true
              });
            } else {
              initPendingNodeWatchStopHandle === null || initPendingNodeWatchStopHandle === void 0 ? void 0 : initPendingNodeWatchStopHandle();
            }
          }, {
            immediate: true
          });
          vue.onBeforeUnmount(() => {
            initPendingNodeWatchStopHandle === null || initPendingNodeWatchStopHandle === void 0 ? void 0 : initPendingNodeWatchStopHandle();
          });
          const itemSizeRef = vue.computed(() => {
            return depx(themeRef.value.self[createKey("optionHeight", props.size)]);
          });
          const paddingRef = vue.computed(() => {
            return getMargin(themeRef.value.self[createKey("padding", props.size)]);
          });
          const valueSetRef = vue.computed(() => {
            if (props.multiple && Array.isArray(props.value)) {
              return new Set(props.value);
            }
            return /* @__PURE__ */ new Set();
          });
          const emptyRef = vue.computed(() => {
            const tmNodes = flattenedNodesRef.value;
            return tmNodes && tmNodes.length === 0;
          });
          function doToggle(tmNode) {
            const {
              onToggle
            } = props;
            if (onToggle)
              onToggle(tmNode);
          }
          function doScroll(e) {
            const {
              onScroll
            } = props;
            if (onScroll)
              onScroll(e);
          }
          function handleVirtualListScroll(e) {
            var _a;
            (_a = scrollbarRef.value) === null || _a === void 0 ? void 0 : _a.sync();
            doScroll(e);
          }
          function handleVirtualListResize() {
            var _a;
            (_a = scrollbarRef.value) === null || _a === void 0 ? void 0 : _a.sync();
          }
          function getPendingTmNode() {
            const {
              value: pendingTmNode
            } = pendingNodeRef;
            if (pendingTmNode)
              return pendingTmNode;
            return null;
          }
          function handleOptionMouseEnter(e, tmNode) {
            if (tmNode.disabled)
              return;
            setPendingTmNode(tmNode, false);
          }
          function handleOptionClick(e, tmNode) {
            if (tmNode.disabled)
              return;
            doToggle(tmNode);
          }
          function handleKeyUp(e) {
            var _a;
            if (happensIn(e, "action"))
              return;
            (_a = props.onKeyup) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function handleKeyDown(e) {
            var _a;
            if (happensIn(e, "action"))
              return;
            (_a = props.onKeydown) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function handleMouseDown(e) {
            var _a;
            (_a = props.onMousedown) === null || _a === void 0 ? void 0 : _a.call(props, e);
            if (props.focusable)
              return;
            e.preventDefault();
          }
          function next() {
            const {
              value: pendingTmNode
            } = pendingNodeRef;
            if (pendingTmNode) {
              setPendingTmNode(pendingTmNode.getNext({
                loop: true
              }), true);
            }
          }
          function prev() {
            const {
              value: pendingTmNode
            } = pendingNodeRef;
            if (pendingTmNode) {
              setPendingTmNode(pendingTmNode.getPrev({
                loop: true
              }), true);
            }
          }
          function setPendingTmNode(tmNode, doScroll2 = false) {
            pendingNodeRef.value = tmNode;
            if (doScroll2)
              scrollToPendingNode();
          }
          function scrollToPendingNode() {
            var _a, _b;
            const tmNode = pendingNodeRef.value;
            if (!tmNode)
              return;
            const fIndex = fIndexGetterRef.value(tmNode.key);
            if (fIndex === null)
              return;
            if (props.virtualScroll) {
              (_a = virtualListRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo({
                index: fIndex
              });
            } else {
              (_b = scrollbarRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo({
                index: fIndex,
                elSize: itemSizeRef.value
              });
            }
          }
          function handleFocusin(e) {
            var _a, _b;
            if ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
              (_b = props.onFocus) === null || _b === void 0 ? void 0 : _b.call(props, e);
            }
          }
          function handleFocusout(e) {
            var _a, _b;
            if (!((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
              (_b = props.onBlur) === null || _b === void 0 ? void 0 : _b.call(props, e);
            }
          }
          vue.provide(internalSelectionMenuInjectionKey, {
            handleOptionMouseEnter,
            handleOptionClick,
            valueSetRef,
            pendingTmNodeRef: pendingNodeRef,
            nodePropsRef: vue.toRef(props, "nodeProps"),
            showCheckmarkRef: vue.toRef(props, "showCheckmark"),
            multipleRef: vue.toRef(props, "multiple"),
            valueRef: vue.toRef(props, "value"),
            renderLabelRef: vue.toRef(props, "renderLabel"),
            renderOptionRef: vue.toRef(props, "renderOption"),
            labelFieldRef: vue.toRef(props, "labelField"),
            valueFieldRef: vue.toRef(props, "valueField")
          });
          vue.provide(internalSelectionMenuBodyInjectionKey, selfRef);
          vue.onMounted(() => {
            const {
              value
            } = scrollbarRef;
            if (value)
              value.sync();
          });
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                height,
                borderRadius,
                color,
                groupHeaderTextColor,
                actionDividerColor,
                optionTextColorPressed,
                optionTextColor,
                optionTextColorDisabled,
                optionTextColorActive,
                optionOpacityDisabled,
                optionCheckColor,
                actionTextColor,
                optionColorPending,
                optionColorActive,
                loadingColor,
                loadingSize,
                optionColorActivePending,
                [createKey("optionFontSize", size2)]: fontSize2,
                [createKey("optionHeight", size2)]: optionHeight,
                [createKey("optionPadding", size2)]: optionPadding
              }
            } = themeRef.value;
            return {
              "--n-height": height,
              "--n-action-divider-color": actionDividerColor,
              "--n-action-text-color": actionTextColor,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-color": color,
              "--n-option-font-size": fontSize2,
              "--n-group-header-text-color": groupHeaderTextColor,
              "--n-option-check-color": optionCheckColor,
              "--n-option-color-pending": optionColorPending,
              "--n-option-color-active": optionColorActive,
              "--n-option-color-active-pending": optionColorActivePending,
              "--n-option-height": optionHeight,
              "--n-option-opacity-disabled": optionOpacityDisabled,
              "--n-option-text-color": optionTextColor,
              "--n-option-text-color-active": optionTextColorActive,
              "--n-option-text-color-disabled": optionTextColorDisabled,
              "--n-option-text-color-pressed": optionTextColorPressed,
              "--n-option-padding": optionPadding,
              "--n-option-padding-left": getMargin(optionPadding, "left"),
              "--n-option-padding-right": getMargin(optionPadding, "right"),
              "--n-loading-color": loadingColor,
              "--n-loading-size": loadingSize
            };
          });
          const {
            inlineThemeDisabled
          } = props;
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("internal-select-menu", vue.computed(() => props.size[0]), cssVarsRef, props) : void 0;
          const exposedProps = {
            selfRef,
            next,
            prev,
            getPendingTmNode
          };
          useOnResize(selfRef, props.onResize);
          return Object.assign({
            mergedTheme: themeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            virtualListRef,
            scrollbarRef,
            itemSize: itemSizeRef,
            padding: paddingRef,
            flattenedNodes: flattenedNodesRef,
            empty: emptyRef,
            virtualListContainer() {
              const {
                value
              } = virtualListRef;
              return value === null || value === void 0 ? void 0 : value.listElRef;
            },
            virtualListContent() {
              const {
                value
              } = virtualListRef;
              return value === null || value === void 0 ? void 0 : value.itemsElRef;
            },
            doScroll,
            handleFocusin,
            handleFocusout,
            handleKeyUp,
            handleKeyDown,
            handleMouseDown,
            handleVirtualListResize,
            handleVirtualListScroll,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          }, exposedProps);
        },
        render() {
          const {
            $slots,
            virtualScroll,
            clsPrefix,
            mergedTheme,
            themeClass,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: this.focusable ? 0 : -1,
            class: [`${clsPrefix}-base-select-menu`, this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`, themeClass, this.multiple && `${clsPrefix}-base-select-menu--multiple`],
            style: this.cssVars,
            onFocusin: this.handleFocusin,
            onFocusout: this.handleFocusout,
            onKeyup: this.handleKeyUp,
            onKeydown: this.handleKeyDown,
            onMousedown: this.handleMouseDown,
            onMouseenter: this.onMouseenter,
            onMouseleave: this.onMouseleave
          }, resolveWrappedSlot($slots.header, (children) => children && vue.h("div", {
            class: `${clsPrefix}-base-select-menu__header`,
            "data-header": true,
            key: "header"
          }, children)), this.loading ? vue.h("div", {
            class: `${clsPrefix}-base-select-menu__loading`
          }, vue.h(NBaseLoading, {
            clsPrefix,
            strokeWidth: 20
          })) : !this.empty ? vue.h(Scrollbar$2, {
            ref: "scrollbarRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            scrollable: this.scrollable,
            container: virtualScroll ? this.virtualListContainer : void 0,
            content: virtualScroll ? this.virtualListContent : void 0,
            onScroll: virtualScroll ? void 0 : this.doScroll
          }, {
            default: () => {
              return virtualScroll ? vue.h(VVirtualList, {
                ref: "virtualListRef",
                class: `${clsPrefix}-virtual-list`,
                items: this.flattenedNodes,
                itemSize: this.itemSize,
                showScrollbar: false,
                paddingTop: this.padding.top,
                paddingBottom: this.padding.bottom,
                onResize: this.handleVirtualListResize,
                onScroll: this.handleVirtualListScroll,
                itemResizable: true
              }, {
                default: ({
                  item: tmNode
                }) => {
                  return tmNode.isGroup ? vue.h(NSelectGroupHeader, {
                    key: tmNode.key,
                    clsPrefix,
                    tmNode
                  }) : tmNode.ignored ? null : vue.h(NSelectOption, {
                    clsPrefix,
                    key: tmNode.key,
                    tmNode
                  });
                }
              }) : vue.h("div", {
                class: `${clsPrefix}-base-select-menu-option-wrapper`,
                style: {
                  paddingTop: this.padding.top,
                  paddingBottom: this.padding.bottom
                }
              }, this.flattenedNodes.map((tmNode) => tmNode.isGroup ? vue.h(NSelectGroupHeader, {
                key: tmNode.key,
                clsPrefix,
                tmNode
              }) : vue.h(NSelectOption, {
                clsPrefix,
                key: tmNode.key,
                tmNode
              })));
            }
          }) : vue.h("div", {
            class: `${clsPrefix}-base-select-menu__empty`,
            "data-empty": true
          }, resolveSlot($slots.empty, () => [vue.h(NEmpty, {
            theme: mergedTheme.peers.Empty,
            themeOverrides: mergedTheme.peerOverrides.Empty
          })])), resolveWrappedSlot($slots.action, (children) => children && [vue.h("div", {
            class: `${clsPrefix}-base-select-menu__action`,
            "data-action": true,
            key: "action"
          }, children), vue.h(FocusDetector, {
            onFocus: this.onTabOut,
            key: "focus-detector"
          })]));
        }
      });
      const style$1w = cB("base-wave", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
`);
      const NBaseWave = vue.defineComponent({
        name: "BaseWave",
        props: {
          clsPrefix: {
            type: String,
            required: true
          }
        },
        setup(props) {
          useStyle("-base-wave", style$1w, vue.toRef(props, "clsPrefix"));
          const selfRef = vue.ref(null);
          const activeRef = vue.ref(false);
          let animationTimerId = null;
          vue.onBeforeUnmount(() => {
            if (animationTimerId !== null) {
              window.clearTimeout(animationTimerId);
            }
          });
          return {
            active: activeRef,
            selfRef,
            play() {
              if (animationTimerId !== null) {
                window.clearTimeout(animationTimerId);
                activeRef.value = false;
                animationTimerId = null;
              }
              void vue.nextTick(() => {
                var _a;
                void ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight);
                activeRef.value = true;
                animationTimerId = window.setTimeout(() => {
                  activeRef.value = false;
                  animationTimerId = null;
                }, 1e3);
              });
            }
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            ref: "selfRef",
            "aria-hidden": true,
            class: [`${clsPrefix}-base-wave`, this.active && `${clsPrefix}-base-wave--active`]
          });
        }
      });
      const style$1v = cB("base-menu-mask", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 14px;
 overflow: hidden;
`, [fadeInTransition()]);
      const NBaseMenuMask = vue.defineComponent({
        name: "BaseMenuMask",
        props: {
          clsPrefix: {
            type: String,
            required: true
          }
        },
        setup(props) {
          useStyle("-base-menu-mask", style$1v, vue.toRef(props, "clsPrefix"));
          const messageRef = vue.ref(null);
          let timerId = null;
          const uncontrolledShowRef = vue.ref(false);
          vue.onBeforeUnmount(() => {
            if (timerId !== null) {
              window.clearTimeout(timerId);
            }
          });
          const exposedRef = {
            showOnce(message, duration2 = 1500) {
              if (timerId)
                window.clearTimeout(timerId);
              uncontrolledShowRef.value = true;
              messageRef.value = message;
              timerId = window.setTimeout(() => {
                uncontrolledShowRef.value = false;
                messageRef.value = null;
              }, duration2);
            }
          };
          return Object.assign({
            message: messageRef,
            show: uncontrolledShowRef
          }, exposedRef);
        },
        render() {
          return vue.h(vue.Transition, {
            name: "fade-in-transition"
          }, {
            default: () => this.show ? vue.h("div", {
              class: `${this.clsPrefix}-base-menu-mask`
            }, this.message) : null
          });
        }
      });
      const commonVariables$k = {
        space: "6px",
        spaceArrow: "10px",
        arrowOffset: "10px",
        arrowOffsetVertical: "10px",
        arrowHeight: "6px",
        padding: "8px 14px"
      };
      const self$1e = (vars) => {
        const {
          boxShadow2,
          popoverColor,
          textColor2,
          borderRadius,
          fontSize: fontSize2,
          dividerColor
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$k), {
          fontSize: fontSize2,
          borderRadius,
          color: popoverColor,
          dividerColor,
          textColor: textColor2,
          boxShadow: boxShadow2
        });
      };
      const popoverLight = {
        name: "Popover",
        common: derived,
        self: self$1e
      };
      const oppositePlacement = {
        top: "bottom",
        bottom: "top",
        left: "right",
        right: "left"
      };
      const arrowSize = "var(--n-arrow-height) * 1.414";
      const style$1u = c$1([cB("popover", `
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 position: relative;
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 box-shadow: var(--n-box-shadow);
 word-break: break-word;
 `, [c$1(">", [cB("scrollbar", `
 height: inherit;
 max-height: inherit;
 `)]), cNotM("raw", `
 background-color: var(--n-color);
 border-radius: var(--n-border-radius);
 `, [cNotM("scrollable", [cNotM("show-header-or-footer", "padding: var(--n-padding);")])]), cE("header", `
 padding: var(--n-padding);
 border-bottom: 1px solid var(--n-divider-color);
 transition: border-color .3s var(--n-bezier);
 `), cE("footer", `
 padding: var(--n-padding);
 border-top: 1px solid var(--n-divider-color);
 transition: border-color .3s var(--n-bezier);
 `), cM("scrollable, show-header-or-footer", [cE("content", `
 padding: var(--n-padding);
 `)])]), cB("popover-shared", `
 transform-origin: inherit;
 `, [
        cB("popover-arrow-wrapper", `
 position: absolute;
 overflow: hidden;
 pointer-events: none;
 `, [cB("popover-arrow", `
 transition: background-color .3s var(--n-bezier);
 position: absolute;
 display: block;
 width: calc(${arrowSize});
 height: calc(${arrowSize});
 box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
 transform: rotate(45deg);
 background-color: var(--n-color);
 pointer-events: all;
 `)]),
        // body transition
        c$1("&.popover-transition-enter-from, &.popover-transition-leave-to", `
 opacity: 0;
 transform: scale(.85);
 `),
        c$1("&.popover-transition-enter-to, &.popover-transition-leave-from", `
 transform: scale(1);
 opacity: 1;
 `),
        c$1("&.popover-transition-enter-active", `
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .15s var(--n-bezier-ease-out),
 transform .15s var(--n-bezier-ease-out);
 `),
        c$1("&.popover-transition-leave-active", `
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .15s var(--n-bezier-ease-in),
 transform .15s var(--n-bezier-ease-in);
 `)
      ]), placementStyle("top-start", `
 top: calc(${arrowSize} / -2);
 left: calc(${getArrowOffset("top-start")} - var(--v-offset-left));
 `), placementStyle("top", `
 top: calc(${arrowSize} / -2);
 transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
 left: 50%;
 `), placementStyle("top-end", `
 top: calc(${arrowSize} / -2);
 right: calc(${getArrowOffset("top-end")} + var(--v-offset-left));
 `), placementStyle("bottom-start", `
 bottom: calc(${arrowSize} / -2);
 left: calc(${getArrowOffset("bottom-start")} - var(--v-offset-left));
 `), placementStyle("bottom", `
 bottom: calc(${arrowSize} / -2);
 transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
 left: 50%;
 `), placementStyle("bottom-end", `
 bottom: calc(${arrowSize} / -2);
 right: calc(${getArrowOffset("bottom-end")} + var(--v-offset-left));
 `), placementStyle("left-start", `
 left: calc(${arrowSize} / -2);
 top: calc(${getArrowOffset("left-start")} - var(--v-offset-top));
 `), placementStyle("left", `
 left: calc(${arrowSize} / -2);
 transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
 top: 50%;
 `), placementStyle("left-end", `
 left: calc(${arrowSize} / -2);
 bottom: calc(${getArrowOffset("left-end")} + var(--v-offset-top));
 `), placementStyle("right-start", `
 right: calc(${arrowSize} / -2);
 top: calc(${getArrowOffset("right-start")} - var(--v-offset-top));
 `), placementStyle("right", `
 right: calc(${arrowSize} / -2);
 transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
 top: 50%;
 `), placementStyle("right-end", `
 right: calc(${arrowSize} / -2);
 bottom: calc(${getArrowOffset("right-end")} + var(--v-offset-top));
 `), ...map({
        top: ["right-start", "left-start"],
        right: ["top-end", "bottom-end"],
        bottom: ["right-end", "left-end"],
        left: ["top-start", "bottom-start"]
      }, (placements, direction) => {
        const isVertical = ["right", "left"].includes(direction);
        const sizeType = isVertical ? "width" : "height";
        return placements.map((placement) => {
          const isReverse = placement.split("-")[1] === "end";
          const targetSize = `var(--v-target-${sizeType}, 0px)`;
          const centerOffset = `calc((${targetSize} - ${arrowSize}) / 2)`;
          const offset = getArrowOffset(placement);
          return c$1(`[v-placement="${placement}"] >`, [cB("popover-shared", [cM("center-arrow", [cB("popover-arrow", `${direction}: calc(max(${centerOffset}, ${offset}) ${isReverse ? "+" : "-"} var(--v-offset-${isVertical ? "left" : "top"}));`)])])]);
        });
      })]);
      function getArrowOffset(placement) {
        return ["top", "bottom"].includes(placement.split("-")[0]) ? "var(--n-arrow-offset)" : "var(--n-arrow-offset-vertical)";
      }
      function placementStyle(placement, arrowStyleLiteral) {
        const position = placement.split("-")[0];
        const sizeStyle = ["top", "bottom"].includes(position) ? "height: var(--n-space-arrow);" : "width: var(--n-space-arrow);";
        return c$1(`[v-placement="${placement}"] >`, [cB("popover-shared", `
 margin-${oppositePlacement[position]}: var(--n-space);
 `, [cM("show-arrow", `
 margin-${oppositePlacement[position]}: var(--n-space-arrow);
 `), cM("overlap", `
 margin: 0;
 `), cCB("popover-arrow-wrapper", `
 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 ${position}: 100%;
 ${oppositePlacement[position]}: auto;
 ${sizeStyle}
 `, [cB("popover-arrow", arrowStyleLiteral)])])]);
      }
      const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        show: Boolean,
        trigger: String,
        showArrow: Boolean,
        delay: Number,
        duration: Number,
        raw: Boolean,
        arrowPointToCenter: Boolean,
        arrowClass: String,
        arrowStyle: [String, Object],
        arrowWrapperClass: String,
        arrowWrapperStyle: [String, Object],
        displayDirective: String,
        x: Number,
        y: Number,
        flip: Boolean,
        overlap: Boolean,
        placement: String,
        width: [Number, String],
        keepAliveOnHover: Boolean,
        scrollable: Boolean,
        contentClass: String,
        contentStyle: [Object, String],
        headerClass: String,
        headerStyle: [Object, String],
        footerClass: String,
        footerStyle: [Object, String],
        // private
        internalDeactivateImmediately: Boolean,
        animated: Boolean,
        onClickoutside: Function,
        internalTrapFocus: Boolean,
        internalOnAfterLeave: Function,
        // deprecated
        minWidth: Number,
        maxWidth: Number
      });
      const renderArrow = ({
        arrowClass,
        arrowStyle,
        arrowWrapperClass,
        arrowWrapperStyle,
        clsPrefix
      }) => {
        return vue.h("div", {
          key: "__popover-arrow__",
          style: arrowWrapperStyle,
          class: [`${clsPrefix}-popover-arrow-wrapper`, arrowWrapperClass]
        }, vue.h("div", {
          class: [`${clsPrefix}-popover-arrow`, arrowClass],
          style: arrowStyle
        }));
      };
      const NPopoverBody = vue.defineComponent({
        name: "PopoverBody",
        inheritAttrs: false,
        props: popoverBodyProps,
        setup(props, {
          slots,
          attrs
        }) {
          const {
            namespaceRef,
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Popover", "-popover", style$1u, popoverLight, props, mergedClsPrefixRef);
          const followerRef = vue.ref(null);
          const NPopover2 = vue.inject("NPopover");
          const bodyRef = vue.ref(null);
          const followerEnabledRef = vue.ref(props.show);
          const displayedRef = vue.ref(false);
          vue.watchEffect(() => {
            const {
              show
            } = props;
            if (show && !isJsdom() && !props.internalDeactivateImmediately) {
              displayedRef.value = true;
            }
          });
          const directivesRef = vue.computed(() => {
            const {
              trigger: trigger2,
              onClickoutside
            } = props;
            const directives = [];
            const {
              positionManuallyRef: {
                value: positionManually
              }
            } = NPopover2;
            if (!positionManually) {
              if (trigger2 === "click" && !onClickoutside) {
                directives.push([clickoutside, handleClickOutside, void 0, {
                  capture: true
                }]);
              }
              if (trigger2 === "hover") {
                directives.push([mousemoveoutside, handleMouseMoveOutside]);
              }
            }
            if (onClickoutside) {
              directives.push([clickoutside, handleClickOutside, void 0, {
                capture: true
              }]);
            }
            if (props.displayDirective === "show" || props.animated && displayedRef.value) {
              directives.push([vue.vShow, props.show]);
            }
            return directives;
          });
          const styleRef = vue.computed(() => {
            const width = props.width === "trigger" ? void 0 : formatLength(props.width);
            const style2 = [];
            if (width) {
              style2.push({
                width
              });
            }
            const {
              maxWidth,
              minWidth
            } = props;
            if (maxWidth) {
              style2.push({
                maxWidth: formatLength(maxWidth)
              });
            }
            if (minWidth) {
              style2.push({
                maxWidth: formatLength(minWidth)
              });
            }
            if (!inlineThemeDisabled) {
              style2.push(cssVarsRef.value);
            }
            return style2;
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2,
                cubicBezierEaseIn: cubicBezierEaseIn2,
                cubicBezierEaseOut: cubicBezierEaseOut2
              },
              self: {
                space,
                spaceArrow,
                padding,
                fontSize: fontSize2,
                textColor,
                dividerColor,
                color,
                boxShadow,
                borderRadius,
                arrowHeight,
                arrowOffset,
                arrowOffsetVertical
              }
            } = themeRef.value;
            return {
              "--n-box-shadow": boxShadow,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-bezier-ease-in": cubicBezierEaseIn2,
              "--n-bezier-ease-out": cubicBezierEaseOut2,
              "--n-font-size": fontSize2,
              "--n-text-color": textColor,
              "--n-color": color,
              "--n-divider-color": dividerColor,
              "--n-border-radius": borderRadius,
              "--n-arrow-height": arrowHeight,
              "--n-arrow-offset": arrowOffset,
              "--n-arrow-offset-vertical": arrowOffsetVertical,
              "--n-padding": padding,
              "--n-space": space,
              "--n-space-arrow": spaceArrow
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("popover", void 0, cssVarsRef, props) : void 0;
          NPopover2.setBodyInstance({
            syncPosition
          });
          vue.onBeforeUnmount(() => {
            NPopover2.setBodyInstance(null);
          });
          vue.watch(vue.toRef(props, "show"), (value) => {
            if (props.animated)
              return;
            if (value) {
              followerEnabledRef.value = true;
            } else {
              followerEnabledRef.value = false;
            }
          });
          function syncPosition() {
            var _a;
            (_a = followerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          function handleMouseEnter(e) {
            if (props.trigger === "hover" && props.keepAliveOnHover && props.show) {
              NPopover2.handleMouseEnter(e);
            }
          }
          function handleMouseLeave(e) {
            if (props.trigger === "hover" && props.keepAliveOnHover) {
              NPopover2.handleMouseLeave(e);
            }
          }
          function handleMouseMoveOutside(e) {
            if (props.trigger === "hover" && !getTriggerElement().contains(getPreciseEventTarget(e))) {
              NPopover2.handleMouseMoveOutside(e);
            }
          }
          function handleClickOutside(e) {
            if (props.trigger === "click" && !getTriggerElement().contains(getPreciseEventTarget(e)) || props.onClickoutside) {
              NPopover2.handleClickOutside(e);
            }
          }
          function getTriggerElement() {
            return NPopover2.getTriggerElement();
          }
          vue.provide(popoverBodyInjectionKey, bodyRef);
          vue.provide(drawerBodyInjectionKey, null);
          vue.provide(modalBodyInjectionKey, null);
          function renderContentNode() {
            themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender();
            const shouldRenderDom = props.displayDirective === "show" || props.show || props.animated && displayedRef.value;
            if (!shouldRenderDom) {
              return null;
            }
            let contentNode;
            const renderBody = NPopover2.internalRenderBodyRef.value;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            if (!renderBody) {
              const {
                value: extraClass
              } = NPopover2.extraClassRef;
              const {
                internalTrapFocus
              } = props;
              const hasHeaderOrFooter = !isSlotEmpty(slots.header) || !isSlotEmpty(slots.footer);
              const renderContentInnerNode = () => {
                var _a, _b;
                const body = hasHeaderOrFooter ? vue.h(vue.Fragment, null, resolveWrappedSlot(slots.header, (children) => {
                  return children ? vue.h("div", {
                    class: [`${mergedClsPrefix}-popover__header`, props.headerClass],
                    style: props.headerStyle
                  }, children) : null;
                }), resolveWrappedSlot(slots.default, (children) => {
                  return children ? vue.h("div", {
                    class: [`${mergedClsPrefix}-popover__content`, props.contentClass],
                    style: props.contentStyle
                  }, slots) : null;
                }), resolveWrappedSlot(slots.footer, (children) => {
                  return children ? vue.h("div", {
                    class: [`${mergedClsPrefix}-popover__footer`, props.footerClass],
                    style: props.footerStyle
                  }, children) : null;
                })) : props.scrollable ? (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots) : vue.h("div", {
                  class: [`${mergedClsPrefix}-popover__content`, props.contentClass],
                  style: props.contentStyle
                }, slots);
                const maybeScrollableBody = props.scrollable ? vue.h(XScrollbar, {
                  contentClass: hasHeaderOrFooter ? void 0 : `${mergedClsPrefix}-popover__content ${(_b = props.contentClass) !== null && _b !== void 0 ? _b : ""}`,
                  contentStyle: hasHeaderOrFooter ? void 0 : props.contentStyle
                }, {
                  default: () => body
                }) : body;
                const arrow = props.showArrow ? renderArrow({
                  arrowClass: props.arrowClass,
                  arrowStyle: props.arrowStyle,
                  arrowWrapperClass: props.arrowWrapperClass,
                  arrowWrapperStyle: props.arrowWrapperStyle,
                  clsPrefix: mergedClsPrefix
                }) : null;
                return [maybeScrollableBody, arrow];
              };
              contentNode = vue.h("div", vue.mergeProps({
                class: [`${mergedClsPrefix}-popover`, `${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, extraClass.map((v) => `${mergedClsPrefix}-${v}`), {
                  [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
                  [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
                  [`${mergedClsPrefix}-popover--raw`]: props.raw,
                  [`${mergedClsPrefix}-popover-shared--overlap`]: props.overlap,
                  [`${mergedClsPrefix}-popover-shared--show-arrow`]: props.showArrow,
                  [`${mergedClsPrefix}-popover-shared--center-arrow`]: props.arrowPointToCenter
                }],
                ref: bodyRef,
                style: styleRef.value,
                onKeydown: NPopover2.handleKeydown,
                onMouseenter: handleMouseEnter,
                onMouseleave: handleMouseLeave
              }, attrs), internalTrapFocus ? vue.h(FocusTrap, {
                active: props.show,
                autoFocus: true
              }, {
                default: renderContentInnerNode
              }) : renderContentInnerNode());
            } else {
              contentNode = renderBody(
                // The popover class and overlap class must exists, they will be used
                // to place the body & transition animation.
                // Shadow class exists for reuse box-shadow.
                [`${mergedClsPrefix}-popover-shared`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value, props.overlap && `${mergedClsPrefix}-popover-shared--overlap`, props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`, props.arrowPointToCenter && `${mergedClsPrefix}-popover-shared--center-arrow`],
                bodyRef,
                styleRef.value,
                handleMouseEnter,
                handleMouseLeave
              );
            }
            return vue.withDirectives(contentNode, directivesRef.value);
          }
          return {
            displayed: displayedRef,
            namespace: namespaceRef,
            isMounted: NPopover2.isMountedRef,
            zIndex: NPopover2.zIndexRef,
            followerRef,
            adjustedTo: useAdjustedTo(props),
            followerEnabled: followerEnabledRef,
            renderContentNode
          };
        },
        render() {
          return vue.h(VFollower, {
            ref: "followerRef",
            zIndex: this.zIndex,
            show: this.show,
            enabled: this.followerEnabled,
            to: this.adjustedTo,
            x: this.x,
            y: this.y,
            flip: this.flip,
            placement: this.placement,
            containerClass: this.namespace,
            overlap: this.overlap,
            width: this.width === "trigger" ? "target" : void 0,
            teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey
          }, {
            default: () => {
              return this.animated ? vue.h(vue.Transition, {
                name: "popover-transition",
                appear: this.isMounted,
                // Don't use watch to enable follower, since the transition may
                // make position sync timing very subtle and buggy.
                onEnter: () => {
                  this.followerEnabled = true;
                },
                onAfterLeave: () => {
                  var _a;
                  (_a = this.internalOnAfterLeave) === null || _a === void 0 ? void 0 : _a.call(this);
                  this.followerEnabled = false;
                  this.displayed = false;
                }
              }, {
                default: this.renderContentNode
              }) : this.renderContentNode();
            }
          });
        }
      });
      const bodyPropKeys = Object.keys(popoverBodyProps);
      const triggerEventMap = {
        focus: ["onFocus", "onBlur"],
        click: ["onClick"],
        hover: ["onMouseenter", "onMouseleave"],
        manual: [],
        nested: ["onFocus", "onBlur", "onMouseenter", "onMouseleave", "onClick"]
      };
      function appendEvents(vNode, trigger2, events2) {
        triggerEventMap[trigger2].forEach((eventName) => {
          if (!vNode.props)
            vNode.props = {};
          else {
            vNode.props = Object.assign({}, vNode.props);
          }
          const originalHandler = vNode.props[eventName];
          const handler = events2[eventName];
          if (!originalHandler)
            vNode.props[eventName] = handler;
          else {
            vNode.props[eventName] = (...args) => {
              originalHandler(...args);
              handler(...args);
            };
          }
        });
      }
      const popoverBaseProps = {
        show: {
          type: Boolean,
          default: void 0
        },
        defaultShow: Boolean,
        showArrow: {
          type: Boolean,
          default: true
        },
        trigger: {
          type: String,
          default: "hover"
        },
        delay: {
          type: Number,
          default: 100
        },
        duration: {
          type: Number,
          default: 100
        },
        raw: Boolean,
        placement: {
          type: String,
          default: "top"
        },
        x: Number,
        y: Number,
        arrowPointToCenter: Boolean,
        disabled: Boolean,
        getDisabled: Function,
        displayDirective: {
          type: String,
          default: "if"
        },
        arrowClass: String,
        arrowStyle: [String, Object],
        arrowWrapperClass: String,
        arrowWrapperStyle: [String, Object],
        flip: {
          type: Boolean,
          default: true
        },
        animated: {
          type: Boolean,
          default: true
        },
        width: {
          type: [Number, String],
          default: void 0
        },
        overlap: Boolean,
        keepAliveOnHover: {
          type: Boolean,
          default: true
        },
        zIndex: Number,
        to: useAdjustedTo.propTo,
        scrollable: Boolean,
        contentClass: String,
        contentStyle: [Object, String],
        headerClass: String,
        headerStyle: [Object, String],
        footerClass: String,
        footerStyle: [Object, String],
        // events
        onClickoutside: Function,
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        // internal
        internalDeactivateImmediately: Boolean,
        internalSyncTargetWithParent: Boolean,
        internalInheritedEventHandlers: {
          type: Array,
          default: () => []
        },
        internalTrapFocus: Boolean,
        internalExtraClass: {
          type: Array,
          default: () => []
        },
        // deprecated
        onShow: [Function, Array],
        onHide: [Function, Array],
        arrow: {
          type: Boolean,
          default: void 0
        },
        minWidth: Number,
        maxWidth: Number
      };
      const popoverProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), popoverBaseProps), {
        internalOnAfterLeave: Function,
        internalRenderBody: Function
      });
      const NPopover = vue.defineComponent({
        name: "Popover",
        inheritAttrs: false,
        props: popoverProps,
        __popover__: true,
        setup(props) {
          const isMountedRef = isMounted();
          const binderInstRef = vue.ref(null);
          const controlledShowRef = vue.computed(() => props.show);
          const uncontrolledShowRef = vue.ref(props.defaultShow);
          const mergedShowWithoutDisabledRef = useMergedState(controlledShowRef, uncontrolledShowRef);
          const mergedShowConsideringDisabledPropRef = useMemo(() => {
            if (props.disabled)
              return false;
            return mergedShowWithoutDisabledRef.value;
          });
          const getMergedDisabled = () => {
            if (props.disabled)
              return true;
            const {
              getDisabled
            } = props;
            if (getDisabled === null || getDisabled === void 0 ? void 0 : getDisabled())
              return true;
            return false;
          };
          const getMergedShow = () => {
            if (getMergedDisabled())
              return false;
            return mergedShowWithoutDisabledRef.value;
          };
          const compatibleShowArrowRef = useCompitable(props, ["arrow", "showArrow"]);
          const mergedShowArrowRef = vue.computed(() => {
            if (props.overlap)
              return false;
            return compatibleShowArrowRef.value;
          });
          let bodyInstance = null;
          const showTimerIdRef = vue.ref(null);
          const hideTimerIdRef = vue.ref(null);
          const positionManuallyRef = useMemo(() => {
            return props.x !== void 0 && props.y !== void 0;
          });
          function doUpdateShow(value) {
            const {
              "onUpdate:show": _onUpdateShow,
              onUpdateShow,
              onShow,
              onHide
            } = props;
            uncontrolledShowRef.value = value;
            if (_onUpdateShow) {
              call(_onUpdateShow, value);
            }
            if (onUpdateShow) {
              call(onUpdateShow, value);
            }
            if (value && onShow) {
              call(onShow, true);
            }
            if (value && onHide) {
              call(onHide, false);
            }
          }
          function syncPosition() {
            if (bodyInstance) {
              bodyInstance.syncPosition();
            }
          }
          function clearShowTimer() {
            const {
              value: showTimerId
            } = showTimerIdRef;
            if (showTimerId) {
              window.clearTimeout(showTimerId);
              showTimerIdRef.value = null;
            }
          }
          function clearHideTimer() {
            const {
              value: hideTimerId
            } = hideTimerIdRef;
            if (hideTimerId) {
              window.clearTimeout(hideTimerId);
              hideTimerIdRef.value = null;
            }
          }
          function handleFocus() {
            const mergedDisabled = getMergedDisabled();
            if (props.trigger === "focus" && !mergedDisabled) {
              if (getMergedShow())
                return;
              doUpdateShow(true);
            }
          }
          function handleBlur() {
            const mergedDisabled = getMergedDisabled();
            if (props.trigger === "focus" && !mergedDisabled) {
              if (!getMergedShow())
                return;
              doUpdateShow(false);
            }
          }
          function handleMouseEnter() {
            const mergedDisabled = getMergedDisabled();
            if (props.trigger === "hover" && !mergedDisabled) {
              clearHideTimer();
              if (showTimerIdRef.value !== null)
                return;
              if (getMergedShow())
                return;
              const delayCallback = () => {
                doUpdateShow(true);
                showTimerIdRef.value = null;
              };
              const {
                delay
              } = props;
              if (delay === 0) {
                delayCallback();
              } else {
                showTimerIdRef.value = window.setTimeout(delayCallback, delay);
              }
            }
          }
          function handleMouseLeave() {
            const mergedDisabled = getMergedDisabled();
            if (props.trigger === "hover" && !mergedDisabled) {
              clearShowTimer();
              if (hideTimerIdRef.value !== null)
                return;
              if (!getMergedShow())
                return;
              const delayedCallback = () => {
                doUpdateShow(false);
                hideTimerIdRef.value = null;
              };
              const {
                duration: duration2
              } = props;
              if (duration2 === 0) {
                delayedCallback();
              } else {
                hideTimerIdRef.value = window.setTimeout(delayedCallback, duration2);
              }
            }
          }
          function handleMouseMoveOutside() {
            handleMouseLeave();
          }
          function handleClickOutside(e) {
            var _a;
            if (!getMergedShow())
              return;
            if (props.trigger === "click") {
              clearShowTimer();
              clearHideTimer();
              doUpdateShow(false);
            }
            (_a = props.onClickoutside) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function handleClick2() {
            if (props.trigger === "click" && !getMergedDisabled()) {
              clearShowTimer();
              clearHideTimer();
              const nextShow = !getMergedShow();
              doUpdateShow(nextShow);
            }
          }
          function handleKeydown(e) {
            if (!props.internalTrapFocus)
              return;
            if (e.key === "Escape") {
              clearShowTimer();
              clearHideTimer();
              doUpdateShow(false);
            }
          }
          function setShow(value) {
            uncontrolledShowRef.value = value;
          }
          function getTriggerElement() {
            var _a;
            return (_a = binderInstRef.value) === null || _a === void 0 ? void 0 : _a.targetRef;
          }
          function setBodyInstance(value) {
            bodyInstance = value;
          }
          vue.provide("NPopover", {
            getTriggerElement,
            handleKeydown,
            handleMouseEnter,
            handleMouseLeave,
            handleClickOutside,
            handleMouseMoveOutside,
            setBodyInstance,
            positionManuallyRef,
            isMountedRef,
            zIndexRef: vue.toRef(props, "zIndex"),
            extraClassRef: vue.toRef(props, "internalExtraClass"),
            internalRenderBodyRef: vue.toRef(props, "internalRenderBody")
          });
          vue.watchEffect(() => {
            if (mergedShowWithoutDisabledRef.value && getMergedDisabled()) {
              doUpdateShow(false);
            }
          });
          const returned = {
            binderInstRef,
            positionManually: positionManuallyRef,
            mergedShowConsideringDisabledProp: mergedShowConsideringDisabledPropRef,
            // if to show popover body
            uncontrolledShow: uncontrolledShowRef,
            mergedShowArrow: mergedShowArrowRef,
            getMergedShow,
            setShow,
            handleClick: handleClick2,
            handleMouseEnter,
            handleMouseLeave,
            handleFocus,
            handleBlur,
            syncPosition
          };
          return returned;
        },
        render() {
          var _a;
          const {
            positionManually,
            $slots: slots
          } = this;
          let triggerVNode;
          let popoverInside = false;
          if (!positionManually) {
            if (slots.activator) {
              triggerVNode = getFirstSlotVNode(slots, "activator");
            } else {
              triggerVNode = getFirstSlotVNode(slots, "trigger");
            }
            if (triggerVNode) {
              triggerVNode = vue.cloneVNode(triggerVNode);
              triggerVNode = triggerVNode.type === vue.Text ? vue.h("span", [triggerVNode]) : triggerVNode;
              const handlers = {
                onClick: this.handleClick,
                onMouseenter: this.handleMouseEnter,
                onMouseleave: this.handleMouseLeave,
                onFocus: this.handleFocus,
                onBlur: this.handleBlur
              };
              if ((_a = triggerVNode.type) === null || _a === void 0 ? void 0 : _a.__popover__) {
                popoverInside = true;
                if (!triggerVNode.props) {
                  triggerVNode.props = {
                    internalSyncTargetWithParent: true,
                    internalInheritedEventHandlers: []
                  };
                }
                triggerVNode.props.internalSyncTargetWithParent = true;
                if (!triggerVNode.props.internalInheritedEventHandlers) {
                  triggerVNode.props.internalInheritedEventHandlers = [handlers];
                } else {
                  triggerVNode.props.internalInheritedEventHandlers = [handlers, ...triggerVNode.props.internalInheritedEventHandlers];
                }
              } else {
                const {
                  internalInheritedEventHandlers
                } = this;
                const ascendantAndCurrentHandlers = [handlers, ...internalInheritedEventHandlers];
                const mergedHandlers = {
                  onBlur: (e) => {
                    ascendantAndCurrentHandlers.forEach((_handlers) => {
                      _handlers.onBlur(e);
                    });
                  },
                  onFocus: (e) => {
                    ascendantAndCurrentHandlers.forEach((_handlers) => {
                      _handlers.onFocus(e);
                    });
                  },
                  onClick: (e) => {
                    ascendantAndCurrentHandlers.forEach((_handlers) => {
                      _handlers.onClick(e);
                    });
                  },
                  onMouseenter: (e) => {
                    ascendantAndCurrentHandlers.forEach((_handlers) => {
                      _handlers.onMouseenter(e);
                    });
                  },
                  onMouseleave: (e) => {
                    ascendantAndCurrentHandlers.forEach((_handlers) => {
                      _handlers.onMouseleave(e);
                    });
                  }
                };
                appendEvents(triggerVNode, internalInheritedEventHandlers ? "nested" : positionManually ? "manual" : this.trigger, mergedHandlers);
              }
            }
          }
          return vue.h(Binder, {
            ref: "binderInstRef",
            syncTarget: !popoverInside,
            syncTargetWithParent: this.internalSyncTargetWithParent
          }, {
            default: () => {
              void this.mergedShowConsideringDisabledProp;
              const mergedShow = this.getMergedShow();
              return [this.internalTrapFocus && mergedShow ? vue.withDirectives(vue.h("div", {
                style: {
                  position: "fixed",
                  inset: 0
                }
              }), [[zindexable, {
                enabled: mergedShow,
                zIndex: this.zIndex
              }]]) : null, positionManually ? null : vue.h(VTarget, null, {
                default: () => triggerVNode
              }), vue.h(NPopoverBody, keep(this.$props, bodyPropKeys, Object.assign(Object.assign({}, this.$attrs), {
                showArrow: this.mergedShowArrow,
                show: mergedShow
              })), {
                default: () => {
                  var _a2, _b;
                  return (_b = (_a2 = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a2);
                },
                header: () => {
                  var _a2, _b;
                  return (_b = (_a2 = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a2);
                },
                footer: () => {
                  var _a2, _b;
                  return (_b = (_a2 = this.$slots).footer) === null || _b === void 0 ? void 0 : _b.call(_a2);
                }
              })];
            }
          });
        }
      });
      const commonVariables$j = {
        closeIconSizeTiny: "12px",
        closeIconSizeSmall: "12px",
        closeIconSizeMedium: "14px",
        closeIconSizeLarge: "14px",
        closeSizeTiny: "16px",
        closeSizeSmall: "16px",
        closeSizeMedium: "18px",
        closeSizeLarge: "18px",
        padding: "0 7px",
        closeMargin: "0 0 0 4px"
      };
      const self$1d = (vars) => {
        const {
          textColor2,
          primaryColorHover,
          primaryColorPressed,
          primaryColor,
          infoColor,
          successColor,
          warningColor,
          errorColor,
          baseColor,
          borderColor,
          opacityDisabled,
          tagColor,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          borderRadiusSmall: borderRadius,
          fontSizeMini,
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          heightMini,
          heightTiny,
          heightSmall,
          heightMedium,
          closeColorHover,
          closeColorPressed,
          buttonColor2Hover,
          buttonColor2Pressed,
          fontWeightStrong
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$j), {
          closeBorderRadius: borderRadius,
          heightTiny: heightMini,
          heightSmall: heightTiny,
          heightMedium: heightSmall,
          heightLarge: heightMedium,
          borderRadius,
          opacityDisabled,
          fontSizeTiny: fontSizeMini,
          fontSizeSmall: fontSizeTiny,
          fontSizeMedium: fontSizeSmall,
          fontSizeLarge: fontSizeMedium,
          fontWeightStrong,
          // checked
          textColorCheckable: textColor2,
          textColorHoverCheckable: textColor2,
          textColorPressedCheckable: textColor2,
          textColorChecked: baseColor,
          colorCheckable: "#0000",
          colorHoverCheckable: buttonColor2Hover,
          colorPressedCheckable: buttonColor2Pressed,
          colorChecked: primaryColor,
          colorCheckedHover: primaryColorHover,
          colorCheckedPressed: primaryColorPressed,
          // default
          border: `1px solid ${borderColor}`,
          textColor: textColor2,
          color: tagColor,
          colorBordered: "rgb(250, 250, 252)",
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHover,
          closeColorPressed,
          borderPrimary: `1px solid ${changeColor(primaryColor, {
          alpha: 0.3
        })}`,
          textColorPrimary: primaryColor,
          colorPrimary: changeColor(primaryColor, {
            alpha: 0.12
          }),
          colorBorderedPrimary: changeColor(primaryColor, {
            alpha: 0.1
          }),
          closeIconColorPrimary: primaryColor,
          closeIconColorHoverPrimary: primaryColor,
          closeIconColorPressedPrimary: primaryColor,
          closeColorHoverPrimary: changeColor(primaryColor, {
            alpha: 0.12
          }),
          closeColorPressedPrimary: changeColor(primaryColor, {
            alpha: 0.18
          }),
          borderInfo: `1px solid ${changeColor(infoColor, {
          alpha: 0.3
        })}`,
          textColorInfo: infoColor,
          colorInfo: changeColor(infoColor, {
            alpha: 0.12
          }),
          colorBorderedInfo: changeColor(infoColor, {
            alpha: 0.1
          }),
          closeIconColorInfo: infoColor,
          closeIconColorHoverInfo: infoColor,
          closeIconColorPressedInfo: infoColor,
          closeColorHoverInfo: changeColor(infoColor, {
            alpha: 0.12
          }),
          closeColorPressedInfo: changeColor(infoColor, {
            alpha: 0.18
          }),
          borderSuccess: `1px solid ${changeColor(successColor, {
          alpha: 0.3
        })}`,
          textColorSuccess: successColor,
          colorSuccess: changeColor(successColor, {
            alpha: 0.12
          }),
          colorBorderedSuccess: changeColor(successColor, {
            alpha: 0.1
          }),
          closeIconColorSuccess: successColor,
          closeIconColorHoverSuccess: successColor,
          closeIconColorPressedSuccess: successColor,
          closeColorHoverSuccess: changeColor(successColor, {
            alpha: 0.12
          }),
          closeColorPressedSuccess: changeColor(successColor, {
            alpha: 0.18
          }),
          borderWarning: `1px solid ${changeColor(warningColor, {
          alpha: 0.35
        })}`,
          textColorWarning: warningColor,
          colorWarning: changeColor(warningColor, {
            alpha: 0.15
          }),
          colorBorderedWarning: changeColor(warningColor, {
            alpha: 0.12
          }),
          closeIconColorWarning: warningColor,
          closeIconColorHoverWarning: warningColor,
          closeIconColorPressedWarning: warningColor,
          closeColorHoverWarning: changeColor(warningColor, {
            alpha: 0.12
          }),
          closeColorPressedWarning: changeColor(warningColor, {
            alpha: 0.18
          }),
          borderError: `1px solid ${changeColor(errorColor, {
          alpha: 0.23
        })}`,
          textColorError: errorColor,
          colorError: changeColor(errorColor, {
            alpha: 0.1
          }),
          colorBorderedError: changeColor(errorColor, {
            alpha: 0.08
          }),
          closeIconColorError: errorColor,
          closeIconColorHoverError: errorColor,
          closeIconColorPressedError: errorColor,
          closeColorHoverError: changeColor(errorColor, {
            alpha: 0.12
          }),
          closeColorPressedError: changeColor(errorColor, {
            alpha: 0.18
          })
        });
      };
      const tagLight = {
        name: "Tag",
        common: derived,
        self: self$1d
      };
      const commonProps = {
        color: Object,
        type: {
          type: String,
          default: "default"
        },
        round: Boolean,
        size: {
          type: String,
          default: "medium"
        },
        closable: Boolean,
        disabled: {
          type: Boolean,
          default: void 0
        }
      };
      const style$1t = cB("tag", `
 --n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);
 white-space: nowrap;
 position: relative;
 box-sizing: border-box;
 cursor: default;
 display: inline-flex;
 align-items: center;
 flex-wrap: nowrap;
 padding: var(--n-padding);
 border-radius: var(--n-border-radius);
 color: var(--n-text-color);
 background-color: var(--n-color);
 transition: 
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 line-height: 1;
 height: var(--n-height);
 font-size: var(--n-font-size);
`, [cM("strong", `
 font-weight: var(--n-font-weight-strong);
 `), cE("border", `
 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 border: var(--n-border);
 transition: border-color .3s var(--n-bezier);
 `), cE("icon", `
 display: flex;
 margin: 0 4px 0 0;
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 font-size: var(--n-avatar-size-override);
 `), cE("avatar", `
 display: flex;
 margin: 0 6px 0 0;
 `), cE("close", `
 margin: var(--n-close-margin);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `), cM("round", `
 padding: 0 calc(var(--n-height) / 3);
 border-radius: calc(var(--n-height) / 2);
 `, [cE("icon", `
 margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
 `), cE("avatar", `
 margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
 `), cM("closable", `
 padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
 `)]), cM("icon, avatar", [cM("round", `
 padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
 `)]), cM("disabled", `
 cursor: not-allowed !important;
 opacity: var(--n-opacity-disabled);
 `), cM("checkable", `
 cursor: pointer;
 box-shadow: none;
 color: var(--n-text-color-checkable);
 background-color: var(--n-color-checkable);
 `, [cNotM("disabled", [c$1("&:hover", "background-color: var(--n-color-hover-checkable);", [cNotM("checked", "color: var(--n-text-color-hover-checkable);")]), c$1("&:active", "background-color: var(--n-color-pressed-checkable);", [cNotM("checked", "color: var(--n-text-color-pressed-checkable);")])]), cM("checked", `
 color: var(--n-text-color-checked);
 background-color: var(--n-color-checked);
 `, [cNotM("disabled", [c$1("&:hover", "background-color: var(--n-color-checked-hover);"), c$1("&:active", "background-color: var(--n-color-checked-pressed);")])])])]);
      const tagProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), commonProps), {
        bordered: {
          type: Boolean,
          default: void 0
        },
        checked: Boolean,
        checkable: Boolean,
        strong: Boolean,
        triggerClickOnClose: Boolean,
        onClose: [Array, Function],
        onMouseenter: Function,
        onMouseleave: Function,
        "onUpdate:checked": Function,
        onUpdateChecked: Function,
        // private
        internalCloseFocusable: {
          type: Boolean,
          default: true
        },
        internalCloseIsButtonTag: {
          type: Boolean,
          default: true
        },
        // deprecated
        onCheckedChange: Function
      });
      const tagInjectionKey = createInjectionKey("n-tag");
      const NTag = vue.defineComponent({
        name: "Tag",
        props: tagProps,
        setup(props) {
          const contentRef = vue.ref(null);
          const {
            mergedBorderedRef,
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Tag", "-tag", style$1t, tagLight, props, mergedClsPrefixRef);
          vue.provide(tagInjectionKey, {
            roundRef: vue.toRef(props, "round")
          });
          function handleClick2(e) {
            if (!props.disabled) {
              if (props.checkable) {
                const {
                  checked,
                  onCheckedChange,
                  onUpdateChecked,
                  "onUpdate:checked": _onUpdateChecked
                } = props;
                if (onUpdateChecked)
                  onUpdateChecked(!checked);
                if (_onUpdateChecked)
                  _onUpdateChecked(!checked);
                if (onCheckedChange)
                  onCheckedChange(!checked);
              }
            }
          }
          function handleCloseClick(e) {
            if (!props.triggerClickOnClose) {
              e.stopPropagation();
            }
            if (!props.disabled) {
              const {
                onClose
              } = props;
              if (onClose)
                call(onClose, e);
            }
          }
          const tagPublicMethods = {
            setTextContent(textContent) {
              const {
                value
              } = contentRef;
              if (value)
                value.textContent = textContent;
            }
          };
          const rtlEnabledRef = useRtl("Tag", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              type,
              size: size2,
              color: {
                color,
                textColor
              } = {}
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                padding,
                closeMargin,
                borderRadius,
                opacityDisabled,
                textColorCheckable,
                textColorHoverCheckable,
                textColorPressedCheckable,
                textColorChecked,
                colorCheckable,
                colorHoverCheckable,
                colorPressedCheckable,
                colorChecked,
                colorCheckedHover,
                colorCheckedPressed,
                closeBorderRadius,
                fontWeightStrong,
                [createKey("colorBordered", type)]: colorBordered,
                [createKey("closeSize", size2)]: closeSize,
                [createKey("closeIconSize", size2)]: closeIconSize,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("height", size2)]: height,
                [createKey("color", type)]: typedColor,
                [createKey("textColor", type)]: typeTextColor,
                [createKey("border", type)]: border,
                [createKey("closeIconColor", type)]: closeIconColor,
                [createKey("closeIconColorHover", type)]: closeIconColorHover,
                [createKey("closeIconColorPressed", type)]: closeIconColorPressed,
                [createKey("closeColorHover", type)]: closeColorHover,
                [createKey("closeColorPressed", type)]: closeColorPressed
              }
            } = themeRef.value;
            const closeMarginDiscrete = getMargin(closeMargin);
            return {
              "--n-font-weight-strong": fontWeightStrong,
              "--n-avatar-size-override": `calc(${height} - 8px)`,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-border": border,
              "--n-close-icon-size": closeIconSize,
              "--n-close-color-pressed": closeColorPressed,
              "--n-close-color-hover": closeColorHover,
              "--n-close-border-radius": closeBorderRadius,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-close-icon-color-disabled": closeIconColor,
              "--n-close-margin-top": closeMarginDiscrete.top,
              "--n-close-margin-right": closeMarginDiscrete.right,
              "--n-close-margin-bottom": closeMarginDiscrete.bottom,
              "--n-close-margin-left": closeMarginDiscrete.left,
              "--n-close-size": closeSize,
              "--n-color": color || (mergedBorderedRef.value ? colorBordered : typedColor),
              "--n-color-checkable": colorCheckable,
              "--n-color-checked": colorChecked,
              "--n-color-checked-hover": colorCheckedHover,
              "--n-color-checked-pressed": colorCheckedPressed,
              "--n-color-hover-checkable": colorHoverCheckable,
              "--n-color-pressed-checkable": colorPressedCheckable,
              "--n-font-size": fontSize2,
              "--n-height": height,
              "--n-opacity-disabled": opacityDisabled,
              "--n-padding": padding,
              "--n-text-color": textColor || typeTextColor,
              "--n-text-color-checkable": textColorCheckable,
              "--n-text-color-checked": textColorChecked,
              "--n-text-color-hover-checkable": textColorHoverCheckable,
              "--n-text-color-pressed-checkable": textColorPressedCheckable
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("tag", vue.computed(() => {
            let hash = "";
            const {
              type,
              size: size2,
              color: {
                color,
                textColor
              } = {}
            } = props;
            hash += type[0];
            hash += size2[0];
            if (color) {
              hash += `a${color2Class(color)}`;
            }
            if (textColor) {
              hash += `b${color2Class(textColor)}`;
            }
            if (mergedBorderedRef.value) {
              hash += "c";
            }
            return hash;
          }), cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, tagPublicMethods), {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            contentRef,
            mergedBordered: mergedBorderedRef,
            handleClick: handleClick2,
            handleCloseClick,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a, _b;
          const {
            mergedClsPrefix,
            rtlEnabled,
            closable,
            color: {
              borderColor
            } = {},
            round: round2,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const avatarNode = resolveWrappedSlot($slots.avatar, (children) => children && vue.h("div", {
            class: `${mergedClsPrefix}-tag__avatar`
          }, children));
          const iconNode = resolveWrappedSlot($slots.icon, (children) => children && vue.h("div", {
            class: `${mergedClsPrefix}-tag__icon`
          }, children));
          return vue.h("div", {
            class: [`${mergedClsPrefix}-tag`, this.themeClass, {
              [`${mergedClsPrefix}-tag--rtl`]: rtlEnabled,
              [`${mergedClsPrefix}-tag--strong`]: this.strong,
              [`${mergedClsPrefix}-tag--disabled`]: this.disabled,
              [`${mergedClsPrefix}-tag--checkable`]: this.checkable,
              [`${mergedClsPrefix}-tag--checked`]: this.checkable && this.checked,
              [`${mergedClsPrefix}-tag--round`]: round2,
              [`${mergedClsPrefix}-tag--avatar`]: avatarNode,
              [`${mergedClsPrefix}-tag--icon`]: iconNode,
              [`${mergedClsPrefix}-tag--closable`]: closable
            }],
            style: this.cssVars,
            onClick: this.handleClick,
            onMouseenter: this.onMouseenter,
            onMouseleave: this.onMouseleave
          }, iconNode || avatarNode, vue.h("span", {
            class: `${mergedClsPrefix}-tag__content`,
            ref: "contentRef"
          }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)), !this.checkable && closable ? vue.h(NBaseClose, {
            clsPrefix: mergedClsPrefix,
            class: `${mergedClsPrefix}-tag__close`,
            disabled: this.disabled,
            onClick: this.handleCloseClick,
            focusable: this.internalCloseFocusable,
            round: round2,
            isButtonTag: this.internalCloseIsButtonTag,
            absolute: true
          }) : null, !this.checkable && this.mergedBordered ? vue.h("div", {
            class: `${mergedClsPrefix}-tag__border`,
            style: {
              borderColor
            }
          }) : null);
        }
      });
      const style$1s = cB("base-clear", `
 flex-shrink: 0;
 height: 1em;
 width: 1em;
 position: relative;
`, [c$1(">", [cE("clear", `
 font-size: var(--n-clear-size);
 height: 1em;
 width: 1em;
 cursor: pointer;
 color: var(--n-clear-color);
 transition: color .3s var(--n-bezier);
 display: flex;
 `, [c$1("&:hover", `
 color: var(--n-clear-color-hover)!important;
 `), c$1("&:active", `
 color: var(--n-clear-color-pressed)!important;
 `)]), cE("placeholder", `
 display: flex;
 `), cE("clear, placeholder", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 `, [iconSwitchTransition({
        originalTransform: "translateX(-50%) translateY(-50%)",
        left: "50%",
        top: "50%"
      })])])]);
      const NBaseClear = vue.defineComponent({
        name: "BaseClear",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          show: Boolean,
          onClear: Function
        },
        setup(props) {
          useStyle("-base-clear", style$1s, vue.toRef(props, "clsPrefix"));
          return {
            handleMouseDown(e) {
              e.preventDefault();
            }
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-base-clear`
          }, vue.h(NIconSwitchTransition, null, {
            default: () => {
              var _a, _b;
              return this.show ? vue.h("div", {
                key: "dismiss",
                class: `${clsPrefix}-base-clear__clear`,
                onClick: this.onClear,
                onMousedown: this.handleMouseDown,
                "data-clear": true
              }, resolveSlot(this.$slots.icon, () => [vue.h(NBaseIcon, {
                clsPrefix
              }, {
                default: () => vue.h(ClearIcon, null)
              })])) : vue.h("div", {
                key: "icon",
                class: `${clsPrefix}-base-clear__placeholder`
              }, (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a));
            }
          }));
        }
      });
      const NBaseSuffix = vue.defineComponent({
        name: "InternalSelectionSuffix",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          showArrow: {
            type: Boolean,
            default: void 0
          },
          showClear: {
            type: Boolean,
            default: void 0
          },
          loading: {
            type: Boolean,
            default: false
          },
          onClear: Function
        },
        setup(props, {
          slots
        }) {
          return () => {
            const {
              clsPrefix
            } = props;
            return vue.h(NBaseLoading, {
              clsPrefix,
              class: `${clsPrefix}-base-suffix`,
              strokeWidth: 24,
              scale: 0.85,
              show: props.loading
            }, {
              default: () => props.showArrow ? vue.h(NBaseClear, {
                clsPrefix,
                show: props.showClear,
                onClear: props.onClear
              }, {
                placeholder: () => vue.h(NBaseIcon, {
                  clsPrefix,
                  class: `${clsPrefix}-base-suffix__arrow`
                }, {
                  default: () => resolveSlot(slots.default, () => [vue.h(ChevronDownIcon, null)])
                })
              }) : null
            });
          };
        }
      });
      const commonVars$c = {
        paddingSingle: "0 26px 0 12px",
        paddingMultiple: "3px 26px 0 12px",
        clearSize: "16px",
        arrowSize: "16px"
      };
      const self$1c = (vars) => {
        const {
          borderRadius,
          textColor2,
          textColorDisabled,
          inputColor,
          inputColorDisabled,
          primaryColor,
          primaryColorHover,
          warningColor,
          warningColorHover,
          errorColor,
          errorColorHover,
          borderColor,
          iconColor,
          iconColorDisabled,
          clearColor,
          clearColorHover,
          clearColorPressed,
          placeholderColor,
          placeholderColorDisabled,
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge
        } = vars;
        return Object.assign(Object.assign({}, commonVars$c), {
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          borderRadius,
          // default
          textColor: textColor2,
          textColorDisabled,
          placeholderColor,
          placeholderColorDisabled,
          color: inputColor,
          colorDisabled: inputColorDisabled,
          colorActive: inputColor,
          border: `1px solid ${borderColor}`,
          borderHover: `1px solid ${primaryColorHover}`,
          borderActive: `1px solid ${primaryColor}`,
          borderFocus: `1px solid ${primaryColorHover}`,
          boxShadowHover: "none",
          boxShadowActive: `0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.2
        })}`,
          boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.2
        })}`,
          caretColor: primaryColor,
          arrowColor: iconColor,
          arrowColorDisabled: iconColorDisabled,
          loadingColor: primaryColor,
          // warning
          borderWarning: `1px solid ${warningColor}`,
          borderHoverWarning: `1px solid ${warningColorHover}`,
          borderActiveWarning: `1px solid ${warningColor}`,
          borderFocusWarning: `1px solid ${warningColorHover}`,
          boxShadowHoverWarning: "none",
          boxShadowActiveWarning: `0 0 0 2px ${changeColor(warningColor, {
          alpha: 0.2
        })}`,
          boxShadowFocusWarning: `0 0 0 2px ${changeColor(warningColor, {
          alpha: 0.2
        })}`,
          colorActiveWarning: inputColor,
          caretColorWarning: warningColor,
          // error
          borderError: `1px solid ${errorColor}`,
          borderHoverError: `1px solid ${errorColorHover}`,
          borderActiveError: `1px solid ${errorColor}`,
          borderFocusError: `1px solid ${errorColorHover}`,
          boxShadowHoverError: "none",
          boxShadowActiveError: `0 0 0 2px ${changeColor(errorColor, {
          alpha: 0.2
        })}`,
          boxShadowFocusError: `0 0 0 2px ${changeColor(errorColor, {
          alpha: 0.2
        })}`,
          colorActiveError: inputColor,
          caretColorError: errorColor,
          clearColor,
          clearColorHover,
          clearColorPressed
        });
      };
      const internalSelectionLight = createTheme({
        name: "InternalSelection",
        common: derived,
        peers: {
          Popover: popoverLight
        },
        self: self$1c
      });
      const style$1r = c$1([cB("base-selection", `
 --n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right) var(--n-padding-single-bottom) var(--n-padding-single-left);
 --n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-right) var(--n-padding-multiple-bottom) var(--n-padding-multiple-left);
 position: relative;
 z-index: auto;
 box-shadow: none;
 width: 100%;
 max-width: 100%;
 display: inline-block;
 vertical-align: bottom;
 border-radius: var(--n-border-radius);
 min-height: var(--n-height);
 line-height: 1.5;
 font-size: var(--n-font-size);
 `, [cB("base-loading", `
 color: var(--n-loading-color);
 `), cB("base-selection-tags", "min-height: var(--n-height);"), cE("border, state-border", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 pointer-events: none;
 border: var(--n-border);
 border-radius: inherit;
 transition:
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `), cE("state-border", `
 z-index: 1;
 border-color: #0000;
 `), cB("base-suffix", `
 cursor: pointer;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 10px;
 `, [cE("arrow", `
 font-size: var(--n-arrow-size);
 color: var(--n-arrow-color);
 transition: color .3s var(--n-bezier);
 `)]), cB("base-selection-overlay", `
 display: flex;
 align-items: center;
 white-space: nowrap;
 pointer-events: none;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 padding: var(--n-padding-single);
 transition: color .3s var(--n-bezier);
 `, [cE("wrapper", `
 flex-basis: 0;
 flex-grow: 1;
 overflow: hidden;
 text-overflow: ellipsis;
 `)]), cB("base-selection-placeholder", `
 color: var(--n-placeholder-color);
 `, [cE("inner", `
 max-width: 100%;
 overflow: hidden;
 `)]), cB("base-selection-tags", `
 cursor: pointer;
 outline: none;
 box-sizing: border-box;
 position: relative;
 z-index: auto;
 display: flex;
 padding: var(--n-padding-multiple);
 flex-wrap: wrap;
 align-items: center;
 width: 100%;
 vertical-align: bottom;
 background-color: var(--n-color);
 border-radius: inherit;
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `), cB("base-selection-label", `
 height: var(--n-height);
 display: inline-flex;
 width: 100%;
 vertical-align: bottom;
 cursor: pointer;
 outline: none;
 z-index: auto;
 box-sizing: border-box;
 position: relative;
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 border-radius: inherit;
 background-color: var(--n-color);
 align-items: center;
 `, [cB("base-selection-input", `
 font-size: inherit;
 line-height: inherit;
 outline: none;
 cursor: pointer;
 box-sizing: border-box;
 border:none;
 width: 100%;
 padding: var(--n-padding-single);
 background-color: #0000;
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 caret-color: var(--n-caret-color);
 `, [cE("content", `
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap; 
 `)]), cE("render-label", `
 color: var(--n-text-color);
 `)]), cNotM("disabled", [c$1("&:hover", [cE("state-border", `
 box-shadow: var(--n-box-shadow-hover);
 border: var(--n-border-hover);
 `)]), cM("focus", [cE("state-border", `
 box-shadow: var(--n-box-shadow-focus);
 border: var(--n-border-focus);
 `)]), cM("active", [cE("state-border", `
 box-shadow: var(--n-box-shadow-active);
 border: var(--n-border-active);
 `), cB("base-selection-label", "background-color: var(--n-color-active);"), cB("base-selection-tags", "background-color: var(--n-color-active);")])]), cM("disabled", "cursor: not-allowed;", [cE("arrow", `
 color: var(--n-arrow-color-disabled);
 `), cB("base-selection-label", `
 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 `, [cB("base-selection-input", `
 cursor: not-allowed;
 color: var(--n-text-color-disabled);
 `), cE("render-label", `
 color: var(--n-text-color-disabled);
 `)]), cB("base-selection-tags", `
 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 `), cB("base-selection-placeholder", `
 cursor: not-allowed;
 color: var(--n-placeholder-color-disabled);
 `)]), cB("base-selection-input-tag", `
 height: calc(var(--n-height) - 6px);
 line-height: calc(var(--n-height) - 6px);
 outline: none;
 display: none;
 position: relative;
 margin-bottom: 3px;
 max-width: 100%;
 vertical-align: bottom;
 `, [cE("input", `
 font-size: inherit;
 font-family: inherit;
 min-width: 1px;
 padding: 0;
 background-color: #0000;
 outline: none;
 border: none;
 max-width: 100%;
 overflow: hidden;
 width: 1em;
 line-height: inherit;
 cursor: pointer;
 color: var(--n-text-color);
 caret-color: var(--n-caret-color);
 `), cE("mirror", `
 position: absolute;
 left: 0;
 top: 0;
 white-space: pre;
 visibility: hidden;
 user-select: none;
 -webkit-user-select: none;
 opacity: 0;
 `)]), ["warning", "error"].map((status) => cM(`${status}-status`, [cE("state-border", `border: var(--n-border-${status});`), cNotM("disabled", [c$1("&:hover", [cE("state-border", `
 box-shadow: var(--n-box-shadow-hover-${status});
 border: var(--n-border-hover-${status});
 `)]), cM("active", [cE("state-border", `
 box-shadow: var(--n-box-shadow-active-${status});
 border: var(--n-border-active-${status});
 `), cB("base-selection-label", `background-color: var(--n-color-active-${status});`), cB("base-selection-tags", `background-color: var(--n-color-active-${status});`)]), cM("focus", [cE("state-border", `
 box-shadow: var(--n-box-shadow-focus-${status});
 border: var(--n-border-focus-${status});
 `)])])]))]), cB("base-selection-popover", `
 margin-bottom: -3px;
 display: flex;
 flex-wrap: wrap;
 margin-right: -8px;
 `), cB("base-selection-tag-wrapper", `
 max-width: 100%;
 display: inline-flex;
 padding: 0 7px 3px 0;
 `, [c$1("&:last-child", "padding-right: 0;"), cB("tag", `
 font-size: 14px;
 max-width: 100%;
 `, [cE("content", `
 line-height: 1.25;
 text-overflow: ellipsis;
 overflow: hidden;
 `)])])]);
      const NInternalSelection = vue.defineComponent({
        name: "InternalSelection",
        props: Object.assign(Object.assign({}, useTheme.props), {
          clsPrefix: {
            type: String,
            required: true
          },
          bordered: {
            type: Boolean,
            default: void 0
          },
          active: Boolean,
          pattern: {
            type: String,
            default: ""
          },
          placeholder: String,
          selectedOption: {
            type: Object,
            default: null
          },
          selectedOptions: {
            type: Array,
            default: null
          },
          labelField: {
            type: String,
            default: "label"
          },
          valueField: {
            type: String,
            default: "value"
          },
          multiple: Boolean,
          filterable: Boolean,
          clearable: Boolean,
          disabled: Boolean,
          size: {
            type: String,
            default: "medium"
          },
          loading: Boolean,
          autofocus: Boolean,
          showArrow: {
            type: Boolean,
            default: true
          },
          inputProps: Object,
          focused: Boolean,
          renderTag: Function,
          onKeydown: Function,
          onClick: Function,
          onBlur: Function,
          onFocus: Function,
          onDeleteOption: Function,
          maxTagCount: [String, Number],
          ellipsisTagPopoverProps: Object,
          onClear: Function,
          onPatternInput: Function,
          onPatternFocus: Function,
          onPatternBlur: Function,
          renderLabel: Function,
          status: String,
          inlineThemeDisabled: Boolean,
          ignoreComposition: {
            type: Boolean,
            default: true
          },
          onResize: Function
        }),
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("InternalSelection", mergedRtlRef, mergedClsPrefixRef);
          const patternInputMirrorRef = vue.ref(null);
          const patternInputRef = vue.ref(null);
          const selfRef = vue.ref(null);
          const multipleElRef = vue.ref(null);
          const singleElRef = vue.ref(null);
          const patternInputWrapperRef = vue.ref(null);
          const counterRef = vue.ref(null);
          const counterWrapperRef = vue.ref(null);
          const overflowRef = vue.ref(null);
          const inputTagElRef = vue.ref(null);
          const showTagsPopoverRef = vue.ref(false);
          const patternInputFocusedRef = vue.ref(false);
          const hoverRef = vue.ref(false);
          const themeRef = useTheme("InternalSelection", "-internal-selection", style$1r, internalSelectionLight, props, vue.toRef(props, "clsPrefix"));
          const mergedClearableRef = vue.computed(() => {
            return props.clearable && !props.disabled && (hoverRef.value || props.active);
          });
          const filterablePlaceholderRef = vue.computed(() => {
            return props.selectedOption ? props.renderTag ? props.renderTag({
              option: props.selectedOption,
              handleClose: () => {
              }
            }) : props.renderLabel ? props.renderLabel(props.selectedOption, true) : render$1(props.selectedOption[props.labelField], props.selectedOption, true) : props.placeholder;
          });
          const labelRef = vue.computed(() => {
            const option = props.selectedOption;
            if (!option)
              return void 0;
            return option[props.labelField];
          });
          const selectedRef = vue.computed(() => {
            if (props.multiple) {
              return !!(Array.isArray(props.selectedOptions) && props.selectedOptions.length);
            } else {
              return props.selectedOption !== null;
            }
          });
          function syncMirrorWidth() {
            var _a;
            const {
              value: patternInputMirrorEl
            } = patternInputMirrorRef;
            if (patternInputMirrorEl) {
              const {
                value: patternInputEl
              } = patternInputRef;
              if (patternInputEl) {
                patternInputEl.style.width = `${patternInputMirrorEl.offsetWidth}px`;
                if (props.maxTagCount !== "responsive") {
                  (_a = overflowRef.value) === null || _a === void 0 ? void 0 : _a.sync({
                    showAllItemsBeforeCalculate: false
                  });
                }
              }
            }
          }
          function hideInputTag() {
            const {
              value: inputTagEl
            } = inputTagElRef;
            if (inputTagEl)
              inputTagEl.style.display = "none";
          }
          function showInputTag() {
            const {
              value: inputTagEl
            } = inputTagElRef;
            if (inputTagEl)
              inputTagEl.style.display = "inline-block";
          }
          vue.watch(vue.toRef(props, "active"), (value) => {
            if (!value)
              hideInputTag();
          });
          vue.watch(vue.toRef(props, "pattern"), () => {
            if (props.multiple) {
              void vue.nextTick(syncMirrorWidth);
            }
          });
          function doFocus(e) {
            const {
              onFocus
            } = props;
            if (onFocus)
              onFocus(e);
          }
          function doBlur(e) {
            const {
              onBlur
            } = props;
            if (onBlur)
              onBlur(e);
          }
          function doDeleteOption(value) {
            const {
              onDeleteOption
            } = props;
            if (onDeleteOption)
              onDeleteOption(value);
          }
          function doClear(e) {
            const {
              onClear
            } = props;
            if (onClear)
              onClear(e);
          }
          function doPatternInput(value) {
            const {
              onPatternInput
            } = props;
            if (onPatternInput)
              onPatternInput(value);
          }
          function handleFocusin(e) {
            var _a;
            if (!e.relatedTarget || !((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
              doFocus(e);
            }
          }
          function handleFocusout(e) {
            var _a;
            if ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))
              return;
            doBlur(e);
          }
          function handleClear(e) {
            doClear(e);
          }
          function handleMouseEnter() {
            hoverRef.value = true;
          }
          function handleMouseLeave() {
            hoverRef.value = false;
          }
          function handleMouseDown(e) {
            if (!props.active || !props.filterable)
              return;
            if (e.target === patternInputRef.value)
              return;
            e.preventDefault();
          }
          function handleDeleteOption(option) {
            doDeleteOption(option);
          }
          function handlePatternKeyDown(e) {
            if (e.key === "Backspace" && !isComposingRef2.value) {
              if (!props.pattern.length) {
                const {
                  selectedOptions
                } = props;
                if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
                  handleDeleteOption(selectedOptions[selectedOptions.length - 1]);
                }
              }
            }
          }
          const isComposingRef2 = vue.ref(false);
          let cachedInputEvent = null;
          function handlePatternInputInput(e) {
            const {
              value: patternInputMirrorEl
            } = patternInputMirrorRef;
            if (patternInputMirrorEl) {
              const inputText = e.target.value;
              patternInputMirrorEl.textContent = inputText;
              syncMirrorWidth();
            }
            if (props.ignoreComposition) {
              if (!isComposingRef2.value) {
                doPatternInput(e);
              } else {
                cachedInputEvent = e;
              }
            } else {
              doPatternInput(e);
            }
          }
          function handleCompositionStart() {
            isComposingRef2.value = true;
          }
          function handleCompositionEnd() {
            isComposingRef2.value = false;
            if (props.ignoreComposition) {
              doPatternInput(cachedInputEvent);
            }
            cachedInputEvent = null;
          }
          function handlePatternInputFocus(e) {
            var _a;
            patternInputFocusedRef.value = true;
            (_a = props.onPatternFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function handlePatternInputBlur(e) {
            var _a;
            patternInputFocusedRef.value = false;
            (_a = props.onPatternBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function blur() {
            var _a, _b;
            if (props.filterable) {
              patternInputFocusedRef.value = false;
              (_a = patternInputWrapperRef.value) === null || _a === void 0 ? void 0 : _a.blur();
              (_b = patternInputRef.value) === null || _b === void 0 ? void 0 : _b.blur();
            } else if (props.multiple) {
              const {
                value: multipleEl
              } = multipleElRef;
              multipleEl === null || multipleEl === void 0 ? void 0 : multipleEl.blur();
            } else {
              const {
                value: singleEl
              } = singleElRef;
              singleEl === null || singleEl === void 0 ? void 0 : singleEl.blur();
            }
          }
          function focus() {
            var _a, _b, _c;
            if (props.filterable) {
              patternInputFocusedRef.value = false;
              (_a = patternInputWrapperRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            } else if (props.multiple) {
              (_b = multipleElRef.value) === null || _b === void 0 ? void 0 : _b.focus();
            } else {
              (_c = singleElRef.value) === null || _c === void 0 ? void 0 : _c.focus();
            }
          }
          function focusInput() {
            const {
              value: patternInputEl
            } = patternInputRef;
            if (patternInputEl) {
              showInputTag();
              patternInputEl.focus();
            }
          }
          function blurInput() {
            const {
              value: patternInputEl
            } = patternInputRef;
            if (patternInputEl) {
              patternInputEl.blur();
            }
          }
          function updateCounter(count) {
            const {
              value
            } = counterRef;
            if (value) {
              value.setTextContent(`+${count}`);
            }
          }
          function getCounter() {
            const {
              value
            } = counterWrapperRef;
            return value;
          }
          function getTail() {
            return patternInputRef.value;
          }
          let enterTimerId = null;
          function clearEnterTimer() {
            if (enterTimerId !== null)
              window.clearTimeout(enterTimerId);
          }
          function handleMouseEnterCounter() {
            if (props.active)
              return;
            clearEnterTimer();
            enterTimerId = window.setTimeout(() => {
              if (selectedRef.value) {
                showTagsPopoverRef.value = true;
              }
            }, 100);
          }
          function handleMouseLeaveCounter() {
            clearEnterTimer();
          }
          function onPopoverUpdateShow(show) {
            if (!show) {
              clearEnterTimer();
              showTagsPopoverRef.value = false;
            }
          }
          vue.watch(selectedRef, (value) => {
            if (!value) {
              showTagsPopoverRef.value = false;
            }
          });
          vue.onMounted(() => {
            vue.watchEffect(() => {
              const patternInputWrapperEl = patternInputWrapperRef.value;
              if (!patternInputWrapperEl)
                return;
              if (props.disabled) {
                patternInputWrapperEl.removeAttribute("tabindex");
              } else {
                patternInputWrapperEl.tabIndex = patternInputFocusedRef.value ? -1 : 0;
              }
            });
          });
          useOnResize(selfRef, props.onResize);
          const {
            inlineThemeDisabled
          } = props;
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                borderRadius,
                color,
                placeholderColor,
                textColor,
                paddingSingle,
                paddingMultiple,
                caretColor,
                colorDisabled,
                textColorDisabled,
                placeholderColorDisabled,
                colorActive,
                boxShadowFocus,
                boxShadowActive,
                boxShadowHover,
                border,
                borderFocus,
                borderHover,
                borderActive,
                arrowColor,
                arrowColorDisabled,
                loadingColor,
                // form warning
                colorActiveWarning,
                boxShadowFocusWarning,
                boxShadowActiveWarning,
                boxShadowHoverWarning,
                borderWarning,
                borderFocusWarning,
                borderHoverWarning,
                borderActiveWarning,
                // form error
                colorActiveError,
                boxShadowFocusError,
                boxShadowActiveError,
                boxShadowHoverError,
                borderError,
                borderFocusError,
                borderHoverError,
                borderActiveError,
                // clear
                clearColor,
                clearColorHover,
                clearColorPressed,
                clearSize,
                // arrow
                arrowSize: arrowSize2,
                [createKey("height", size2)]: height,
                [createKey("fontSize", size2)]: fontSize2
              }
            } = themeRef.value;
            const paddingSingleDiscrete = getMargin(paddingSingle);
            const paddingMultipleDiscrete = getMargin(paddingMultiple);
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border": border,
              "--n-border-active": borderActive,
              "--n-border-focus": borderFocus,
              "--n-border-hover": borderHover,
              "--n-border-radius": borderRadius,
              "--n-box-shadow-active": boxShadowActive,
              "--n-box-shadow-focus": boxShadowFocus,
              "--n-box-shadow-hover": boxShadowHover,
              "--n-caret-color": caretColor,
              "--n-color": color,
              "--n-color-active": colorActive,
              "--n-color-disabled": colorDisabled,
              "--n-font-size": fontSize2,
              "--n-height": height,
              "--n-padding-single-top": paddingSingleDiscrete.top,
              "--n-padding-multiple-top": paddingMultipleDiscrete.top,
              "--n-padding-single-right": paddingSingleDiscrete.right,
              "--n-padding-multiple-right": paddingMultipleDiscrete.right,
              "--n-padding-single-left": paddingSingleDiscrete.left,
              "--n-padding-multiple-left": paddingMultipleDiscrete.left,
              "--n-padding-single-bottom": paddingSingleDiscrete.bottom,
              "--n-padding-multiple-bottom": paddingMultipleDiscrete.bottom,
              "--n-placeholder-color": placeholderColor,
              "--n-placeholder-color-disabled": placeholderColorDisabled,
              "--n-text-color": textColor,
              "--n-text-color-disabled": textColorDisabled,
              "--n-arrow-color": arrowColor,
              "--n-arrow-color-disabled": arrowColorDisabled,
              "--n-loading-color": loadingColor,
              // form warning
              "--n-color-active-warning": colorActiveWarning,
              "--n-box-shadow-focus-warning": boxShadowFocusWarning,
              "--n-box-shadow-active-warning": boxShadowActiveWarning,
              "--n-box-shadow-hover-warning": boxShadowHoverWarning,
              "--n-border-warning": borderWarning,
              "--n-border-focus-warning": borderFocusWarning,
              "--n-border-hover-warning": borderHoverWarning,
              "--n-border-active-warning": borderActiveWarning,
              // form error
              "--n-color-active-error": colorActiveError,
              "--n-box-shadow-focus-error": boxShadowFocusError,
              "--n-box-shadow-active-error": boxShadowActiveError,
              "--n-box-shadow-hover-error": boxShadowHoverError,
              "--n-border-error": borderError,
              "--n-border-focus-error": borderFocusError,
              "--n-border-hover-error": borderHoverError,
              "--n-border-active-error": borderActiveError,
              // clear
              "--n-clear-size": clearSize,
              "--n-clear-color": clearColor,
              "--n-clear-color-hover": clearColorHover,
              "--n-clear-color-pressed": clearColorPressed,
              // arrow-size
              "--n-arrow-size": arrowSize2
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("internal-selection", vue.computed(() => {
            return props.size[0];
          }), cssVarsRef, props) : void 0;
          return {
            mergedTheme: themeRef,
            mergedClearable: mergedClearableRef,
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            patternInputFocused: patternInputFocusedRef,
            filterablePlaceholder: filterablePlaceholderRef,
            label: labelRef,
            selected: selectedRef,
            showTagsPanel: showTagsPopoverRef,
            isComposing: isComposingRef2,
            // dom ref
            counterRef,
            counterWrapperRef,
            patternInputMirrorRef,
            patternInputRef,
            selfRef,
            multipleElRef,
            singleElRef,
            patternInputWrapperRef,
            overflowRef,
            inputTagElRef,
            handleMouseDown,
            handleFocusin,
            handleClear,
            handleMouseEnter,
            handleMouseLeave,
            handleDeleteOption,
            handlePatternKeyDown,
            handlePatternInputInput,
            handlePatternInputBlur,
            handlePatternInputFocus,
            handleMouseEnterCounter,
            handleMouseLeaveCounter,
            handleFocusout,
            handleCompositionEnd,
            handleCompositionStart,
            onPopoverUpdateShow,
            focus,
            focusInput,
            blur,
            blurInput,
            updateCounter,
            getCounter,
            getTail,
            renderLabel: props.renderLabel,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            status,
            multiple,
            size: size2,
            disabled,
            filterable,
            maxTagCount,
            bordered,
            clsPrefix,
            ellipsisTagPopoverProps,
            onRender,
            renderTag,
            renderLabel
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const maxTagCountResponsive = maxTagCount === "responsive";
          const maxTagCountNumeric = typeof maxTagCount === "number";
          const useMaxTagCount = maxTagCountResponsive || maxTagCountNumeric;
          const suffix2 = vue.h(Wrapper, null, {
            default: () => vue.h(NBaseSuffix, {
              clsPrefix,
              loading: this.loading,
              showArrow: this.showArrow,
              showClear: this.mergedClearable && this.selected,
              onClear: this.handleClear
            }, {
              default: () => {
                var _a, _b;
                return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a);
              }
            })
          });
          let body;
          if (multiple) {
            const {
              labelField
            } = this;
            const createTag = (option) => vue.h("div", {
              class: `${clsPrefix}-base-selection-tag-wrapper`,
              key: option.value
            }, renderTag ? renderTag({
              option,
              handleClose: () => {
                this.handleDeleteOption(option);
              }
            }) : vue.h(NTag, {
              size: size2,
              closable: !option.disabled,
              disabled,
              onClose: () => {
                this.handleDeleteOption(option);
              },
              internalCloseIsButtonTag: false,
              internalCloseFocusable: false
            }, {
              default: () => renderLabel ? renderLabel(option, true) : render$1(option[labelField], option, true)
            }));
            const createOriginalTagNodes = () => (maxTagCountNumeric ? this.selectedOptions.slice(0, maxTagCount) : this.selectedOptions).map(createTag);
            const input = filterable ? vue.h("div", {
              class: `${clsPrefix}-base-selection-input-tag`,
              ref: "inputTagElRef",
              key: "__input-tag__"
            }, vue.h("input", Object.assign({}, this.inputProps, {
              ref: "patternInputRef",
              tabindex: -1,
              disabled,
              value: this.pattern,
              autofocus: this.autofocus,
              class: `${clsPrefix}-base-selection-input-tag__input`,
              onBlur: this.handlePatternInputBlur,
              onFocus: this.handlePatternInputFocus,
              onKeydown: this.handlePatternKeyDown,
              onInput: this.handlePatternInputInput,
              onCompositionstart: this.handleCompositionStart,
              onCompositionend: this.handleCompositionEnd
            })), vue.h("span", {
              ref: "patternInputMirrorRef",
              class: `${clsPrefix}-base-selection-input-tag__mirror`
            }, this.pattern)) : null;
            const renderCounter = maxTagCountResponsive ? () => vue.h("div", {
              class: `${clsPrefix}-base-selection-tag-wrapper`,
              ref: "counterWrapperRef"
            }, vue.h(NTag, {
              size: size2,
              ref: "counterRef",
              onMouseenter: this.handleMouseEnterCounter,
              onMouseleave: this.handleMouseLeaveCounter,
              disabled
            })) : void 0;
            let counter;
            if (maxTagCountNumeric) {
              const rest = this.selectedOptions.length - maxTagCount;
              if (rest > 0) {
                counter = vue.h("div", {
                  class: `${clsPrefix}-base-selection-tag-wrapper`,
                  key: "__counter__"
                }, vue.h(NTag, {
                  size: size2,
                  ref: "counterRef",
                  onMouseenter: this.handleMouseEnterCounter,
                  disabled
                }, {
                  default: () => `+${rest}`
                }));
              }
            }
            const tags = maxTagCountResponsive ? filterable ? vue.h(VOverflow, {
              ref: "overflowRef",
              updateCounter: this.updateCounter,
              getCounter: this.getCounter,
              getTail: this.getTail,
              style: {
                width: "100%",
                display: "flex",
                overflow: "hidden"
              }
            }, {
              default: createOriginalTagNodes,
              counter: renderCounter,
              tail: () => input
            }) : vue.h(VOverflow, {
              ref: "overflowRef",
              updateCounter: this.updateCounter,
              getCounter: this.getCounter,
              style: {
                width: "100%",
                display: "flex",
                overflow: "hidden"
              }
            }, {
              default: createOriginalTagNodes,
              counter: renderCounter
            }) : maxTagCountNumeric && counter ? createOriginalTagNodes().concat(counter) : createOriginalTagNodes();
            const renderPopover = useMaxTagCount ? () => vue.h("div", {
              class: `${clsPrefix}-base-selection-popover`
            }, maxTagCountResponsive ? createOriginalTagNodes() : this.selectedOptions.map(createTag)) : void 0;
            const popoverProps2 = useMaxTagCount ? Object.assign({
              show: this.showTagsPanel,
              trigger: "hover",
              overlap: true,
              placement: "top",
              width: "trigger",
              onUpdateShow: this.onPopoverUpdateShow,
              theme: this.mergedTheme.peers.Popover,
              themeOverrides: this.mergedTheme.peerOverrides.Popover
            }, ellipsisTagPopoverProps) : null;
            const showPlaceholder = this.selected ? false : this.active ? !this.pattern && !this.isComposing : true;
            const placeholder = showPlaceholder ? vue.h("div", {
              class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay`
            }, vue.h("div", {
              class: `${clsPrefix}-base-selection-placeholder__inner`
            }, this.placeholder)) : null;
            const popoverTrigger = filterable ? vue.h("div", {
              ref: "patternInputWrapperRef",
              class: `${clsPrefix}-base-selection-tags`
            }, tags, maxTagCountResponsive ? null : input, suffix2) : vue.h("div", {
              ref: "multipleElRef",
              class: `${clsPrefix}-base-selection-tags`,
              tabindex: disabled ? void 0 : 0
            }, tags, suffix2);
            body = vue.h(vue.Fragment, null, useMaxTagCount ? vue.h(NPopover, Object.assign({}, popoverProps2, {
              scrollable: true,
              style: "max-height: calc(var(--v-target-height) * 6.6);"
            }), {
              trigger: () => popoverTrigger,
              default: renderPopover
            }) : popoverTrigger, placeholder);
          } else {
            if (filterable) {
              const hasInput = this.pattern || this.isComposing;
              const showPlaceholder = this.active ? !hasInput : !this.selected;
              const showSelectedLabel = this.active ? false : this.selected;
              body = vue.h("div", {
                ref: "patternInputWrapperRef",
                class: `${clsPrefix}-base-selection-label`,
                title: this.patternInputFocused ? void 0 : getTitleAttribute(this.label)
              }, vue.h("input", Object.assign({}, this.inputProps, {
                ref: "patternInputRef",
                class: `${clsPrefix}-base-selection-input`,
                value: this.active ? this.pattern : "",
                placeholder: "",
                readonly: disabled,
                disabled,
                tabindex: -1,
                autofocus: this.autofocus,
                onFocus: this.handlePatternInputFocus,
                onBlur: this.handlePatternInputBlur,
                onInput: this.handlePatternInputInput,
                onCompositionstart: this.handleCompositionStart,
                onCompositionend: this.handleCompositionEnd
              })), showSelectedLabel ? vue.h("div", {
                class: `${clsPrefix}-base-selection-label__render-label ${clsPrefix}-base-selection-overlay`,
                key: "input"
              }, vue.h("div", {
                class: `${clsPrefix}-base-selection-overlay__wrapper`
              }, renderTag ? renderTag({
                option: this.selectedOption,
                handleClose: () => {
                }
              }) : renderLabel ? renderLabel(this.selectedOption, true) : render$1(this.label, this.selectedOption, true))) : null, showPlaceholder ? vue.h("div", {
                class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay`,
                key: "placeholder"
              }, vue.h("div", {
                class: `${clsPrefix}-base-selection-overlay__wrapper`
              }, this.filterablePlaceholder)) : null, suffix2);
            } else {
              body = vue.h("div", {
                ref: "singleElRef",
                class: `${clsPrefix}-base-selection-label`,
                tabindex: this.disabled ? void 0 : 0
              }, this.label !== void 0 ? vue.h("div", {
                class: `${clsPrefix}-base-selection-input`,
                title: getTitleAttribute(this.label),
                key: "input"
              }, vue.h("div", {
                class: `${clsPrefix}-base-selection-input__content`
              }, renderTag ? renderTag({
                option: this.selectedOption,
                handleClose: () => {
                }
              }) : renderLabel ? renderLabel(this.selectedOption, true) : render$1(this.label, this.selectedOption, true))) : vue.h("div", {
                class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay`,
                key: "placeholder"
              }, vue.h("div", {
                class: `${clsPrefix}-base-selection-placeholder__inner`
              }, this.placeholder)), suffix2);
            }
          }
          return vue.h("div", {
            ref: "selfRef",
            class: [`${clsPrefix}-base-selection`, this.rtlEnabled && `${clsPrefix}-base-selection--rtl`, this.themeClass, status && `${clsPrefix}-base-selection--${status}-status`, {
              [`${clsPrefix}-base-selection--active`]: this.active,
              [`${clsPrefix}-base-selection--selected`]: this.selected || this.active && this.pattern,
              [`${clsPrefix}-base-selection--disabled`]: this.disabled,
              [`${clsPrefix}-base-selection--multiple`]: this.multiple,
              // focus is not controlled by selection itself since it always need
              // to be managed together with menu. provide :focus style will cause
              // many redundant codes.
              [`${clsPrefix}-base-selection--focus`]: this.focused
            }],
            style: this.cssVars,
            onClick: this.onClick,
            onMouseenter: this.handleMouseEnter,
            onMouseleave: this.handleMouseLeave,
            onKeydown: this.onKeydown,
            onFocusin: this.handleFocusin,
            onFocusout: this.handleFocusout,
            onMousedown: this.handleMouseDown
          }, body, bordered ? vue.h("div", {
            class: `${clsPrefix}-base-selection__border`
          }) : null, bordered ? vue.h("div", {
            class: `${clsPrefix}-base-selection__state-border`
          }) : null);
        }
      });
      const SlotMachineNumber = vue.defineComponent({
        name: "SlotMachineNumber",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          value: {
            // could be '+', 1, 2, ...
            type: [Number, String],
            required: true
          },
          oldOriginalNumber: {
            type: Number,
            default: void 0
          },
          newOriginalNumber: {
            type: Number,
            default: void 0
          }
        },
        setup(props) {
          const numberRef = vue.ref(null);
          const oldNumberRef = vue.ref(props.value);
          const newNumberRef = vue.ref(props.value);
          const scrollAnimationDirectionRef = vue.ref("up");
          const activeRef = vue.ref(false);
          const newNumberScrollAnimationClassRef = vue.computed(() => {
            return activeRef.value ? `${props.clsPrefix}-base-slot-machine-current-number--${scrollAnimationDirectionRef.value}-scroll` : null;
          });
          const oldNumberScrollAnimationClassRef = vue.computed(() => {
            return activeRef.value ? `${props.clsPrefix}-base-slot-machine-old-number--${scrollAnimationDirectionRef.value}-scroll` : null;
          });
          vue.watch(vue.toRef(props, "value"), (value, oldValue) => {
            oldNumberRef.value = oldValue;
            newNumberRef.value = value;
            void vue.nextTick(scroll);
          });
          function scroll() {
            const newOriginalNumber = props.newOriginalNumber;
            const oldOriginalNumber = props.oldOriginalNumber;
            if (oldOriginalNumber === void 0 || newOriginalNumber === void 0) {
              return;
            }
            if (newOriginalNumber > oldOriginalNumber) {
              scrollByDir("up");
            } else if (oldOriginalNumber > newOriginalNumber) {
              scrollByDir("down");
            }
          }
          function scrollByDir(dir) {
            scrollAnimationDirectionRef.value = dir;
            activeRef.value = false;
            void vue.nextTick(() => {
              var _a;
              void ((_a = numberRef.value) === null || _a === void 0 ? void 0 : _a.offsetWidth);
              activeRef.value = true;
            });
          }
          return () => {
            const {
              clsPrefix
            } = props;
            return vue.h("span", {
              ref: numberRef,
              class: `${clsPrefix}-base-slot-machine-number`
            }, oldNumberRef.value !== null ? vue.h("span", {
              class: [`${clsPrefix}-base-slot-machine-old-number ${clsPrefix}-base-slot-machine-old-number--top`, oldNumberScrollAnimationClassRef.value]
            }, oldNumberRef.value) : null, vue.h("span", {
              class: [`${clsPrefix}-base-slot-machine-current-number`, newNumberScrollAnimationClassRef.value]
            }, vue.h("span", {
              ref: "numberWrapper",
              class: [`${clsPrefix}-base-slot-machine-current-number__inner`, typeof props.value !== "number" && `${clsPrefix}-base-slot-machine-current-number__inner--not-number`]
            }, newNumberRef.value)), oldNumberRef.value !== null ? vue.h("span", {
              class: [`${clsPrefix}-base-slot-machine-old-number ${clsPrefix}-base-slot-machine-old-number--bottom`, oldNumberScrollAnimationClassRef.value]
            }, oldNumberRef.value) : null);
          };
        }
      });
      const {
        cubicBezierEaseInOut: cubicBezierEaseInOut$2
      } = commonVariables$m;
      function fadeInWidthExpandTransition({
        duration: duration2 = ".2s",
        delay = ".1s"
      } = {}) {
        return [c$1("&.fade-in-width-expand-transition-leave-from, &.fade-in-width-expand-transition-enter-to", {
          opacity: 1
        }), c$1("&.fade-in-width-expand-transition-leave-to, &.fade-in-width-expand-transition-enter-from", `
 opacity: 0!important;
 margin-left: 0!important;
 margin-right: 0!important;
 `), c$1("&.fade-in-width-expand-transition-leave-active", `
 overflow: hidden;
 transition:
 opacity ${duration2} ${cubicBezierEaseInOut$2},
 max-width ${duration2} ${cubicBezierEaseInOut$2} ${delay},
 margin-left ${duration2} ${cubicBezierEaseInOut$2} ${delay},
 margin-right ${duration2} ${cubicBezierEaseInOut$2} ${delay};
 `), c$1("&.fade-in-width-expand-transition-enter-active", `
 overflow: hidden;
 transition:
 opacity ${duration2} ${cubicBezierEaseInOut$2} ${delay},
 max-width ${duration2} ${cubicBezierEaseInOut$2},
 margin-left ${duration2} ${cubicBezierEaseInOut$2},
 margin-right ${duration2} ${cubicBezierEaseInOut$2};
 `)];
      }
      const {
        cubicBezierEaseOut: cubicBezierEaseOut$5
      } = commonVariables$m;
      function fadeUpWidthExpandTransition({
        duration: duration2 = ".2s"
      } = {}) {
        return [c$1("&.fade-up-width-expand-transition-leave-active", {
          transition: `
 opacity ${duration2} ${cubicBezierEaseOut$5},
 max-width ${duration2} ${cubicBezierEaseOut$5},
 transform ${duration2} ${cubicBezierEaseOut$5}
 `
        }), c$1("&.fade-up-width-expand-transition-enter-active", {
          transition: `
 opacity ${duration2} ${cubicBezierEaseOut$5},
 max-width ${duration2} ${cubicBezierEaseOut$5},
 transform ${duration2} ${cubicBezierEaseOut$5}
 `
        }), c$1("&.fade-up-width-expand-transition-enter-to", {
          opacity: 1,
          transform: "translateX(0) translateY(0)"
        }), c$1("&.fade-up-width-expand-transition-enter-from", {
          maxWidth: "0 !important",
          opacity: 0,
          transform: "translateY(60%)"
        }), c$1("&.fade-up-width-expand-transition-leave-from", {
          opacity: 1,
          transform: "translateY(0)"
        }), c$1("&.fade-up-width-expand-transition-leave-to", {
          maxWidth: "0 !important",
          opacity: 0,
          transform: "translateY(60%)"
        })];
      }
      const style$1q = c$1([c$1("@keyframes n-base-slot-machine-fade-up-in", `
 from {
 transform: translateY(60%);
 opacity: 0;
 }
 to {
 transform: translateY(0);
 opacity: 1;
 }
 `), c$1("@keyframes n-base-slot-machine-fade-down-in", `
 from {
 transform: translateY(-60%);
 opacity: 0;
 }
 to {
 transform: translateY(0);
 opacity: 1;
 }
 `), c$1("@keyframes n-base-slot-machine-fade-up-out", `
 from {
 transform: translateY(0%);
 opacity: 1;
 }
 to {
 transform: translateY(-60%);
 opacity: 0;
 }
 `), c$1("@keyframes n-base-slot-machine-fade-down-out", `
 from {
 transform: translateY(0%);
 opacity: 1;
 }
 to {
 transform: translateY(60%);
 opacity: 0;
 }
 `), cB("base-slot-machine", `
 overflow: hidden;
 white-space: nowrap;
 display: inline-block;
 height: 18px;
 line-height: 18px;
 `, [cB("base-slot-machine-number", `
 display: inline-block;
 position: relative;
 height: 18px;
 width: .6em;
 max-width: .6em;
 `, [
        fadeUpWidthExpandTransition({
          duration: ".2s"
        }),
        // use 0s, not 0
        fadeInWidthExpandTransition({
          duration: ".2s",
          delay: "0s"
        }),
        cB("base-slot-machine-old-number", `
 display: inline-block;
 opacity: 0;
 position: absolute;
 left: 0;
 right: 0;
 `, [cM("top", {
          transform: "translateY(-100%)"
        }), cM("bottom", {
          transform: "translateY(100%)"
        }), cM("down-scroll", {
          animation: "n-base-slot-machine-fade-down-out .2s cubic-bezier(0, 0, .2, 1)",
          animationIterationCount: 1
        }), cM("up-scroll", {
          animation: "n-base-slot-machine-fade-up-out .2s cubic-bezier(0, 0, .2, 1)",
          animationIterationCount: 1
        })]),
        cB("base-slot-machine-current-number", `
 display: inline-block;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 opacity: 1;
 transform: translateY(0);
 width: .6em;
 `, [cM("down-scroll", {
          animation: "n-base-slot-machine-fade-down-in .2s cubic-bezier(0, 0, .2, 1)",
          animationIterationCount: 1
        }), cM("up-scroll", {
          animation: "n-base-slot-machine-fade-up-in .2s cubic-bezier(0, 0, .2, 1)",
          animationIterationCount: 1
        }), cE("inner", `
 display: inline-block;
 position: absolute;
 right: 0;
 top: 0;
 width: .6em;
 `, [cM("not-number", `
 right: unset;
 left: 0;
 `)])])
      ])])]);
      const NBaseSlotMachine = vue.defineComponent({
        name: "BaseSlotMachine",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          value: {
            type: [Number, String],
            default: 0
          },
          max: {
            type: Number,
            default: void 0
          },
          appeared: {
            type: Boolean,
            required: true
          }
        },
        setup(props) {
          useStyle("-base-slot-machine", style$1q, vue.toRef(props, "clsPrefix"));
          const oldValueRef = vue.ref();
          const newValueRef = vue.ref();
          const numbersRef = vue.computed(() => {
            if (typeof props.value === "string")
              return [];
            if (props.value < 1)
              return [0];
            const numbers = [];
            let value = props.value;
            if (props.max !== void 0) {
              value = Math.min(props.max, value);
            }
            while (value >= 1) {
              numbers.push(value % 10);
              value /= 10;
              value = Math.floor(value);
            }
            numbers.reverse();
            return numbers;
          });
          vue.watch(vue.toRef(props, "value"), (value, oldValue) => {
            if (typeof value === "string") {
              newValueRef.value = void 0;
              oldValueRef.value = void 0;
            } else {
              if (typeof oldValue === "string") {
                newValueRef.value = value;
                oldValueRef.value = void 0;
              } else {
                newValueRef.value = value;
                oldValueRef.value = oldValue;
              }
            }
          });
          return () => {
            const {
              value,
              clsPrefix
            } = props;
            return typeof value === "number" ? vue.h("span", {
              class: `${clsPrefix}-base-slot-machine`
            }, vue.h(vue.TransitionGroup, {
              name: "fade-up-width-expand-transition",
              tag: "span"
            }, {
              default: () => numbersRef.value.map((number, i) => vue.h(SlotMachineNumber, {
                clsPrefix,
                key: numbersRef.value.length - i - 1,
                oldOriginalNumber: oldValueRef.value,
                newOriginalNumber: newValueRef.value,
                value: number
              }))
            }), vue.h(NFadeInExpandTransition, {
              key: "+",
              width: true
            }, {
              default: () => props.max !== void 0 && props.max < value ? vue.h(SlotMachineNumber, {
                clsPrefix,
                value: "+"
              }) : null
            })) : vue.h("span", {
              class: `${clsPrefix}-base-slot-machine`
            }, value);
          };
        }
      });
      const commonVars$b = {
        iconMargin: "11px 8px 0 12px",
        iconMarginRtl: "11px 12px 0 8px",
        iconSize: "24px",
        closeIconSize: "16px",
        closeSize: "20px",
        closeMargin: "13px 14px 0 0",
        closeMarginRtl: "13px 0 0 14px",
        padding: "13px"
      };
      const self$1b = (vars) => {
        const {
          lineHeight: lineHeight2,
          borderRadius,
          fontWeightStrong,
          baseColor,
          dividerColor,
          actionColor,
          textColor1,
          textColor2,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          infoColor,
          successColor,
          warningColor,
          errorColor,
          fontSize: fontSize2
        } = vars;
        return Object.assign(Object.assign({}, commonVars$b), {
          fontSize: fontSize2,
          lineHeight: lineHeight2,
          titleFontWeight: fontWeightStrong,
          borderRadius,
          border: `1px solid ${dividerColor}`,
          color: actionColor,
          titleTextColor: textColor1,
          iconColor: textColor2,
          contentTextColor: textColor2,
          closeBorderRadius: borderRadius,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          borderInfo: `1px solid ${composite(baseColor, changeColor(infoColor, {
          alpha: 0.25
        }))}`,
          colorInfo: composite(baseColor, changeColor(infoColor, {
            alpha: 0.08
          })),
          titleTextColorInfo: textColor1,
          iconColorInfo: infoColor,
          contentTextColorInfo: textColor2,
          closeColorHoverInfo: closeColorHover,
          closeColorPressedInfo: closeColorPressed,
          closeIconColorInfo: closeIconColor,
          closeIconColorHoverInfo: closeIconColorHover,
          closeIconColorPressedInfo: closeIconColorPressed,
          borderSuccess: `1px solid ${composite(baseColor, changeColor(successColor, {
          alpha: 0.25
        }))}`,
          colorSuccess: composite(baseColor, changeColor(successColor, {
            alpha: 0.08
          })),
          titleTextColorSuccess: textColor1,
          iconColorSuccess: successColor,
          contentTextColorSuccess: textColor2,
          closeColorHoverSuccess: closeColorHover,
          closeColorPressedSuccess: closeColorPressed,
          closeIconColorSuccess: closeIconColor,
          closeIconColorHoverSuccess: closeIconColorHover,
          closeIconColorPressedSuccess: closeIconColorPressed,
          borderWarning: `1px solid ${composite(baseColor, changeColor(warningColor, {
          alpha: 0.33
        }))}`,
          colorWarning: composite(baseColor, changeColor(warningColor, {
            alpha: 0.08
          })),
          titleTextColorWarning: textColor1,
          iconColorWarning: warningColor,
          contentTextColorWarning: textColor2,
          closeColorHoverWarning: closeColorHover,
          closeColorPressedWarning: closeColorPressed,
          closeIconColorWarning: closeIconColor,
          closeIconColorHoverWarning: closeIconColorHover,
          closeIconColorPressedWarning: closeIconColorPressed,
          borderError: `1px solid ${composite(baseColor, changeColor(errorColor, {
          alpha: 0.25
        }))}`,
          colorError: composite(baseColor, changeColor(errorColor, {
            alpha: 0.08
          })),
          titleTextColorError: textColor1,
          iconColorError: errorColor,
          contentTextColorError: textColor2,
          closeColorHoverError: closeColorHover,
          closeColorPressedError: closeColorPressed,
          closeIconColorError: closeIconColor,
          closeIconColorHoverError: closeIconColorHover,
          closeIconColorPressedError: closeIconColorPressed
        });
      };
      const alertLight = {
        name: "Alert",
        common: derived,
        self: self$1b
      };
      const {
        cubicBezierEaseInOut: cubicBezierEaseInOut$1,
        cubicBezierEaseOut: cubicBezierEaseOut$4,
        cubicBezierEaseIn: cubicBezierEaseIn$4
      } = commonVariables$m;
      function fadeInHeightExpandTransition({
        overflow = "hidden",
        duration: duration2 = ".3s",
        originalTransition = "",
        leavingDelay = "0s",
        foldPadding = false,
        enterToProps = void 0,
        leaveToProps = void 0,
        reverse = false
      } = {}) {
        const enterClass = reverse ? "leave" : "enter";
        const leaveClass = reverse ? "enter" : "leave";
        return [c$1(`&.fade-in-height-expand-transition-${leaveClass}-from,
 &.fade-in-height-expand-transition-${enterClass}-to`, Object.assign(Object.assign({}, enterToProps), {
          opacity: 1
        })), c$1(`&.fade-in-height-expand-transition-${leaveClass}-to,
 &.fade-in-height-expand-transition-${enterClass}-from`, Object.assign(Object.assign({}, leaveToProps), {
          opacity: 0,
          marginTop: "0 !important",
          marginBottom: "0 !important",
          paddingTop: foldPadding ? "0 !important" : void 0,
          paddingBottom: foldPadding ? "0 !important" : void 0
        })), c$1(`&.fade-in-height-expand-transition-${leaveClass}-active`, `
 overflow: ${overflow};
 transition:
 max-height ${duration2} ${cubicBezierEaseInOut$1} ${leavingDelay},
 opacity ${duration2} ${cubicBezierEaseOut$4} ${leavingDelay},
 margin-top ${duration2} ${cubicBezierEaseInOut$1} ${leavingDelay},
 margin-bottom ${duration2} ${cubicBezierEaseInOut$1} ${leavingDelay},
 padding-top ${duration2} ${cubicBezierEaseInOut$1} ${leavingDelay},
 padding-bottom ${duration2} ${cubicBezierEaseInOut$1} ${leavingDelay}
 ${originalTransition ? "," + originalTransition : ""}
 `), c$1(`&.fade-in-height-expand-transition-${enterClass}-active`, `
 overflow: ${overflow};
 transition:
 max-height ${duration2} ${cubicBezierEaseInOut$1},
 opacity ${duration2} ${cubicBezierEaseIn$4},
 margin-top ${duration2} ${cubicBezierEaseInOut$1},
 margin-bottom ${duration2} ${cubicBezierEaseInOut$1},
 padding-top ${duration2} ${cubicBezierEaseInOut$1},
 padding-bottom ${duration2} ${cubicBezierEaseInOut$1}
 ${originalTransition ? "," + originalTransition : ""}
 `)];
      }
      const style$1p = cB("alert", `
 line-height: var(--n-line-height);
 border-radius: var(--n-border-radius);
 position: relative;
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-color);
 text-align: start;
 word-break: break-word;
`, [
        cE("border", `
 border-radius: inherit;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 transition: border-color .3s var(--n-bezier);
 border: var(--n-border);
 pointer-events: none;
 `),
        cM("closable", [cB("alert-body", [cE("title", `
 padding-right: 24px;
 `)])]),
        cE("icon", {
          color: "var(--n-icon-color)"
        }),
        cB("alert-body", {
          padding: "var(--n-padding)"
        }, [cE("title", {
          color: "var(--n-title-text-color)"
        }), cE("content", {
          color: "var(--n-content-text-color)"
        })]),
        fadeInHeightExpandTransition({
          originalTransition: "transform .3s var(--n-bezier)",
          enterToProps: {
            transform: "scale(1)"
          },
          leaveToProps: {
            transform: "scale(0.9)"
          }
        }),
        cE("icon", `
 position: absolute;
 left: 0;
 top: 0;
 align-items: center;
 justify-content: center;
 display: flex;
 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 margin: var(--n-icon-margin);
 `),
        cE("close", `
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 position: absolute;
 right: 0;
 top: 0;
 margin: var(--n-close-margin);
 `),
        cM("show-icon", [cB("alert-body", {
          paddingLeft: "calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))"
        })]),
        // fix: https://github.com/tusen-ai/naive-ui/issues/4588
        cM("right-adjust", [cB("alert-body", {
          paddingRight: "calc(var(--n-close-size) + var(--n-padding) + 2px)"
        })]),
        cB("alert-body", `
 border-radius: var(--n-border-radius);
 transition: border-color .3s var(--n-bezier);
 `, [cE("title", `
 transition: color .3s var(--n-bezier);
 font-size: 16px;
 line-height: 19px;
 font-weight: var(--n-title-font-weight);
 `, [c$1("& +", [cE("content", {
          marginTop: "9px"
        })])]), cE("content", {
          transition: "color .3s var(--n-bezier)",
          fontSize: "var(--n-font-size)"
        })]),
        cE("icon", {
          transition: "color .3s var(--n-bezier)"
        })
      ]);
      const alertProps = Object.assign(Object.assign({}, useTheme.props), {
        title: String,
        showIcon: {
          type: Boolean,
          default: true
        },
        type: {
          type: String,
          default: "default"
        },
        bordered: {
          type: Boolean,
          default: true
        },
        closable: Boolean,
        onClose: Function,
        onAfterLeave: Function,
        /** @deprecated */
        onAfterHide: Function
      });
      const Alert = vue.defineComponent({
        name: "Alert",
        inheritAttrs: false,
        props: alertProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedBorderedRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Alert", "-alert", style$1p, alertLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Alert", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const {
              fontSize: fontSize2,
              borderRadius,
              titleFontWeight,
              lineHeight: lineHeight2,
              iconSize,
              iconMargin,
              iconMarginRtl,
              closeIconSize,
              closeBorderRadius,
              closeSize,
              closeMargin,
              closeMarginRtl,
              padding
            } = self2;
            const {
              type
            } = props;
            const {
              left,
              right
            } = getMargin(iconMargin);
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-color": self2[createKey("color", type)],
              "--n-close-icon-size": closeIconSize,
              "--n-close-border-radius": closeBorderRadius,
              "--n-close-color-hover": self2[createKey("closeColorHover", type)],
              "--n-close-color-pressed": self2[createKey("closeColorPressed", type)],
              "--n-close-icon-color": self2[createKey("closeIconColor", type)],
              "--n-close-icon-color-hover": self2[createKey("closeIconColorHover", type)],
              "--n-close-icon-color-pressed": self2[createKey("closeIconColorPressed", type)],
              "--n-icon-color": self2[createKey("iconColor", type)],
              "--n-border": self2[createKey("border", type)],
              "--n-title-text-color": self2[createKey("titleTextColor", type)],
              "--n-content-text-color": self2[createKey("contentTextColor", type)],
              "--n-line-height": lineHeight2,
              "--n-border-radius": borderRadius,
              "--n-font-size": fontSize2,
              "--n-title-font-weight": titleFontWeight,
              "--n-icon-size": iconSize,
              "--n-icon-margin": iconMargin,
              "--n-icon-margin-rtl": iconMarginRtl,
              "--n-close-size": closeSize,
              "--n-close-margin": closeMargin,
              "--n-close-margin-rtl": closeMarginRtl,
              "--n-padding": padding,
              "--n-icon-margin-left": left,
              "--n-icon-margin-right": right
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("alert", vue.computed(() => {
            return props.type[0];
          }), cssVarsRef, props) : void 0;
          const visibleRef = vue.ref(true);
          const doAfterLeave = () => {
            const {
              onAfterLeave,
              onAfterHide
              // deprecated
            } = props;
            if (onAfterLeave)
              onAfterLeave();
            if (onAfterHide)
              onAfterHide();
          };
          const handleCloseClick = () => {
            var _a;
            void Promise.resolve((_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props)).then((result) => {
              if (result === false)
                return;
              visibleRef.value = false;
            });
          };
          const handleAfterLeave = () => {
            doAfterLeave();
          };
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            visible: visibleRef,
            handleCloseClick,
            handleAfterLeave,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h(NFadeInExpandTransition, {
            onAfterLeave: this.handleAfterLeave
          }, {
            default: () => {
              const {
                mergedClsPrefix,
                $slots
              } = this;
              const attrs = {
                class: [
                  `${mergedClsPrefix}-alert`,
                  this.themeClass,
                  this.closable && `${mergedClsPrefix}-alert--closable`,
                  this.showIcon && `${mergedClsPrefix}-alert--show-icon`,
                  // fix: https://github.com/tusen-ai/naive-ui/issues/4588
                  !this.title && this.closable && `${mergedClsPrefix}-alert--right-adjust`,
                  this.rtlEnabled && `${mergedClsPrefix}-alert--rtl`
                ],
                style: this.cssVars,
                role: "alert"
              };
              return this.visible ? (
                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                vue.h("div", Object.assign({}, vue.mergeProps(this.$attrs, attrs)), this.closable && vue.h(NBaseClose, {
                  clsPrefix: mergedClsPrefix,
                  class: `${mergedClsPrefix}-alert__close`,
                  onClick: this.handleCloseClick
                }), this.bordered && vue.h("div", {
                  class: `${mergedClsPrefix}-alert__border`
                }), this.showIcon && vue.h("div", {
                  class: `${mergedClsPrefix}-alert__icon`,
                  "aria-hidden": "true"
                }, resolveSlot($slots.icon, () => [vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix
                }, {
                  default: () => {
                    switch (this.type) {
                      case "success":
                        return vue.h(SuccessIcon, null);
                      case "info":
                        return vue.h(InfoIcon, null);
                      case "warning":
                        return vue.h(WarningIcon, null);
                      case "error":
                        return vue.h(ErrorIcon, null);
                      default:
                        return null;
                    }
                  }
                })])), vue.h("div", {
                  class: [`${mergedClsPrefix}-alert-body`, this.mergedBordered && `${mergedClsPrefix}-alert-body--bordered`]
                }, resolveWrappedSlot($slots.header, (children) => {
                  const mergedChildren = children || this.title;
                  return mergedChildren ? vue.h("div", {
                    class: `${mergedClsPrefix}-alert-body__title`
                  }, mergedChildren) : null;
                }), $slots.default && vue.h("div", {
                  class: `${mergedClsPrefix}-alert-body__content`
                }, $slots)))
              ) : null;
            }
          });
        }
      });
      const commonVars$a = {
        linkFontSize: "13px",
        linkPadding: "0 0 0 16px",
        railWidth: "4px"
      };
      const self$1a = (vars) => {
        const {
          borderRadius,
          railColor,
          primaryColor,
          primaryColorHover,
          primaryColorPressed,
          textColor2
        } = vars;
        return Object.assign(Object.assign({}, commonVars$a), {
          borderRadius,
          railColor,
          railColorActive: primaryColor,
          linkColor: changeColor(primaryColor, {
            alpha: 0.15
          }),
          linkTextColor: textColor2,
          linkTextColorHover: primaryColorHover,
          linkTextColorPressed: primaryColorPressed,
          linkTextColorActive: primaryColor
        });
      };
      const anchorLight = {
        name: "Anchor",
        common: derived,
        self: self$1a
      };
      const style$1o = cB("anchor", `
 position: relative;
`, [cNotM("block", `
 padding-left: var(--n-rail-width);
 `, [cB("anchor-link", [c$1("+, >", [cB("anchor-link", `
 margin-top: .5em;
 `)])]), cB("anchor-link-background", `
 max-width: 0;
 border-top-right-radius: 10.5px;
 border-bottom-right-radius: 10.5px;
 `), cNotM("show-rail", [c$1(">", [cB("anchor-link", "padding-left: 0;")])])]), cM("block", [cB("anchor-link", `
 margin-bottom: 4px;
 padding: 2px 8px;
 transition: background-color .3s var(--n-bezier);
 background-color: transparent;
 border-radius: var(--n-link-border-radius);
 `, [cM("active", `
 background-color: var(--n-link-color);
 `)])]), cB("anchor-link-background", `
 position: absolute;
 left: calc(var(--n-rail-width) / 2);
 width: 100%;
 background-color: var(--n-link-color);
 transition:
 top .15s var(--n-bezier),
 max-width .15s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `), cB("anchor-rail", `
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: var(--n-rail-width);
 border-radius: calc(var(--n-rail-width) / 2);
 overflow: hidden;
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-rail-color);
 `, [cE("bar", `
 position: absolute;
 left: 0;
 width: var(--n-rail-width);
 height: 21px;
 background-color: #0000;
 transition: 
 top .15s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [cM("active", {
        backgroundColor: "var(--n-rail-color-active)"
      })])]), cB("anchor-link", `
 padding: var(--n-link-padding);
 position: relative;
 line-height: 1.5;
 font-size: var(--n-link-font-size);
 min-height: 1.5em;
 display: flex;
 flex-direction: column;
 `, [cM("active", [c$1(">", [cE("title", `
 color: var(--n-link-text-color-active);
 `)])]), cE("title", `
 outline: none;
 max-width: 100%;
 text-decoration: none;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 cursor: pointer;
 display: inline-block;
 padding-right: 16px;
 transition: color .3s var(--n-bezier);
 color: var(--n-link-text-color);
 `, [c$1("&:hover, &:focus", `
 color: var(--n-link-text-color-hover);
 `), c$1("&:active", `
 color: var(--n-link-text-color-pressed);
 `)])])]);
      const anchorInjectionKey = createInjectionKey("n-anchor");
      const anchorLinkProps = {
        title: String,
        href: String
      };
      const Link = vue.defineComponent({
        name: "AnchorLink",
        props: anchorLinkProps,
        setup(props, {
          slots
        }) {
          const titleRef = vue.ref(null);
          const NAnchor = vue.inject(anchorInjectionKey);
          const hrefRef = vue.toRef(props, "href");
          const activeRef = useMemo(() => {
            return hrefRef.value && hrefRef.value === NAnchor.activeHref.value;
          });
          useInjectionCollection(anchorInjectionKey, "collectedLinkHrefs", hrefRef);
          useInjectionElementCollection(anchorInjectionKey, "titleEls", () => titleRef.value);
          vue.watch(activeRef, (value) => {
            if (value && titleRef.value) {
              NAnchor.updateBarPosition(titleRef.value);
            }
          });
          function handleClick2() {
            if (props.href !== void 0) {
              NAnchor.setActiveHref(props.href);
            }
          }
          return () => {
            var _a;
            const {
              value: mergedClsPrefix
            } = NAnchor.mergedClsPrefix;
            return vue.h("div", {
              class: [`${mergedClsPrefix}-anchor-link`, activeRef.value && `${mergedClsPrefix}-anchor-link--active`]
            }, vue.h("a", {
              ref: titleRef,
              class: [`${mergedClsPrefix}-anchor-link__title`],
              href: props.href,
              title: getTitleAttribute(props.title),
              onClick: handleClick2
            }, props.title), (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
          };
        }
      });
      function getOffset(el, scrollTarget) {
        const {
          top: elTop,
          height
        } = el.getBoundingClientRect();
        const scrollTargetTop = scrollTarget instanceof HTMLElement ? scrollTarget.getBoundingClientRect().top : 0;
        return {
          top: elTop - scrollTargetTop,
          height
        };
      }
      const baseAnchorProps = {
        type: {
          type: String,
          default: "rail"
        },
        showRail: {
          type: Boolean,
          default: true
        },
        showBackground: {
          type: Boolean,
          default: true
        },
        bound: {
          type: Number,
          default: 12
        },
        internalScrollable: Boolean,
        ignoreGap: Boolean,
        offsetTarget: [String, Object, Function]
      };
      const baseAnchorPropKeys = keysOf(baseAnchorProps);
      const NBaseAnchor = vue.defineComponent({
        name: "BaseAnchor",
        props: Object.assign(Object.assign({}, baseAnchorProps), {
          mergedClsPrefix: {
            type: String,
            required: true
          }
        }),
        setup(props) {
          const collectedLinkHrefs = [];
          const titleEls = [];
          const activeHrefRef = vue.ref(null);
          const slotRef = vue.ref(null);
          const barRef = vue.ref(null);
          const selfRef = vue.ref(null);
          const isBlockTypeRef = vue.computed(() => {
            return props.type === "block";
          });
          const mergedShowRailRef = vue.computed(() => {
            return !isBlockTypeRef.value && props.showRail;
          });
          function disableTransitionOneTick() {
            const {
              value: barEl
            } = barRef;
            const {
              value: slotEl
            } = slotRef;
            if (barEl) {
              barEl.style.transition = "none";
            }
            if (slotEl) {
              slotEl.style.transition = "none";
            }
            if (titleEls) {
              titleEls.forEach((titleEl) => {
                titleEl.style.transition = "none";
              });
            }
            void vue.nextTick(() => {
              const {
                value: nextBarEl
              } = barRef;
              const {
                value: nextSlotEl
              } = slotRef;
              if (nextBarEl) {
                void nextBarEl.offsetWidth;
                nextBarEl.style.transition = "";
              }
              if (nextSlotEl) {
                void nextSlotEl.offsetWidth;
                nextSlotEl.style.transition = "";
              }
              if (titleEls) {
                titleEls.forEach((titleEl) => {
                  void titleEl.offsetWidth;
                  titleEl.style.transition = "";
                });
              }
            });
          }
          function updateBarPosition(linkTitleEl, transition = true) {
            const {
              value: barEl
            } = barRef;
            const {
              value: slotEl
            } = slotRef;
            const {
              value: selfEl
            } = selfRef;
            if (!selfEl || !barEl)
              return;
            if (!transition) {
              barEl.style.transition = "none";
              if (slotEl)
                slotEl.style.transition = "none";
            }
            const {
              offsetHeight,
              offsetWidth
            } = linkTitleEl;
            const {
              top: linkTitleClientTop,
              left: linkTitleClientLeft
            } = linkTitleEl.getBoundingClientRect();
            const {
              top: anchorClientTop,
              left: anchorClientLeft
            } = selfEl.getBoundingClientRect();
            const offsetTop = linkTitleClientTop - anchorClientTop;
            const offsetLeft = linkTitleClientLeft - anchorClientLeft;
            barEl.style.top = `${offsetTop}px`;
            barEl.style.height = `${offsetHeight}px`;
            if (slotEl) {
              slotEl.style.top = `${offsetTop}px`;
              slotEl.style.height = `${offsetHeight}px`;
              slotEl.style.maxWidth = `${offsetWidth + offsetLeft}px`;
            }
            void barEl.offsetHeight;
            if (slotEl)
              void slotEl.offsetHeight;
            if (!transition) {
              barEl.style.transition = "";
              if (slotEl)
                slotEl.style.transition = "";
            }
          }
          function setActiveHref(href, transition = true) {
            const idMatchResult = /^#([^#]+)$/.exec(href);
            if (!idMatchResult)
              return;
            const linkEl = document.getElementById(idMatchResult[1]);
            if (!linkEl)
              return;
            activeHrefRef.value = href;
            linkEl.scrollIntoView();
            if (!transition) {
              disableTransitionOneTick();
            }
            handleScroll();
          }
          const handleScroll = throttle(() => {
            _handleScroll(true);
          }, 128);
          function _handleScroll(transition = true) {
            var _a;
            const links = [];
            const offsetTarget = unwrapElement((_a = props.offsetTarget) !== null && _a !== void 0 ? _a : document);
            collectedLinkHrefs.forEach((href) => {
              const idMatchResult = /#([^#]+)$/.exec(href);
              if (!idMatchResult)
                return;
              const linkEl = document.getElementById(idMatchResult[1]);
              if (linkEl && offsetTarget) {
                const {
                  top,
                  height
                } = getOffset(linkEl, offsetTarget);
                links.push({
                  top,
                  height,
                  href
                });
              }
            });
            links.sort((a2, b) => {
              if (a2.top > b.top) {
                return 1;
              } else if (a2.top === b.top && a2.height < b.height) {
                return -1;
              }
              return -1;
            });
            const currentActiveHref = activeHrefRef.value;
            const {
              bound,
              ignoreGap
            } = props;
            const activeLink = links.reduce((prevLink, link) => {
              if (link.top + link.height < 0) {
                if (ignoreGap) {
                  return link;
                } else {
                  return prevLink;
                }
              }
              if (link.top <= bound) {
                if (prevLink === null) {
                  return link;
                } else if (link.top === prevLink.top) {
                  if (link.href === currentActiveHref) {
                    return link;
                  } else
                    return prevLink;
                } else if (link.top > prevLink.top) {
                  return link;
                } else {
                  return prevLink;
                }
              }
              return prevLink;
            }, null);
            if (!transition)
              disableTransitionOneTick();
            if (activeLink) {
              activeHrefRef.value = activeLink.href;
            } else {
              activeHrefRef.value = null;
            }
          }
          vue.provide(anchorInjectionKey, {
            activeHref: activeHrefRef,
            mergedClsPrefix: vue.toRef(props, "mergedClsPrefix"),
            updateBarPosition,
            setActiveHref,
            collectedLinkHrefs,
            titleEls
          });
          vue.onMounted(() => {
            document.addEventListener("scroll", handleScroll, true);
            setActiveHref(window.location.hash);
            _handleScroll(false);
          });
          onFontsReady(() => {
            setActiveHref(window.location.hash);
            _handleScroll(false);
          });
          vue.onBeforeUnmount(() => {
            document.removeEventListener("scroll", handleScroll, true);
          });
          vue.watch(activeHrefRef, (value) => {
            if (value === null) {
              const {
                value: slotEl
              } = slotRef;
              if (slotEl && !isBlockTypeRef.value) {
                slotEl.style.maxWidth = "0";
              }
            }
          });
          return {
            selfRef,
            barRef,
            slotRef,
            setActiveHref,
            activeHref: activeHrefRef,
            isBlockType: isBlockTypeRef,
            mergedShowRail: mergedShowRailRef
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            mergedShowRail,
            isBlockType,
            $slots
          } = this;
          const Anchor = vue.h("div", {
            class: [`${mergedClsPrefix}-anchor`, isBlockType && `${mergedClsPrefix}-anchor--block`, mergedShowRail && `${mergedClsPrefix}-anchor--show-rail`],
            ref: "selfRef"
          }, mergedShowRail && this.showBackground ? vue.h("div", {
            ref: "slotRef",
            class: `${mergedClsPrefix}-anchor-link-background`
          }) : null, mergedShowRail ? vue.h("div", {
            class: `${mergedClsPrefix}-anchor-rail`
          }, vue.h("div", {
            ref: "barRef",
            class: [`${mergedClsPrefix}-anchor-rail__bar`, this.activeHref !== null && `${mergedClsPrefix}-anchor-rail__bar--active`]
          })) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots));
          return this.internalScrollable ? vue.h(Scrollbar$2, null, {
            default: () => Anchor
          }) : Anchor;
        }
      });
      const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
        affix: Boolean
      }), affixProps), baseAnchorProps);
      const AnchorAdapter = vue.defineComponent({
        name: "Anchor",
        props: anchorProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Anchor", "-anchor", style$1o, anchorLight, props, mergedClsPrefixRef);
          const anchorRef = vue.ref(null);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                railColor,
                linkColor,
                railColorActive,
                linkTextColor,
                linkTextColorHover,
                linkTextColorPressed,
                linkTextColorActive,
                linkFontSize,
                railWidth,
                linkPadding,
                borderRadius
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-link-border-radius": borderRadius,
              "--n-link-color": linkColor,
              "--n-link-font-size": linkFontSize,
              "--n-link-text-color": linkTextColor,
              "--n-link-text-color-hover": linkTextColorHover,
              "--n-link-text-color-active": linkTextColorActive,
              "--n-link-text-color-pressed": linkTextColorPressed,
              "--n-link-padding": linkPadding,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-rail-color": railColor,
              "--n-rail-color-active": railColorActive,
              "--n-rail-width": railWidth
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("anchor", void 0, cssVarsRef, props) : void 0;
          return {
            scrollTo(href) {
              var _a;
              (_a = anchorRef.value) === null || _a === void 0 ? void 0 : _a.setActiveHref(href);
            },
            renderAnchor: () => {
              themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender();
              return vue.h(NBaseAnchor, Object.assign({
                ref: anchorRef,
                style: inlineThemeDisabled ? void 0 : cssVarsRef.value,
                class: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value
              }, keep(props, baseAnchorPropKeys), {
                mergedClsPrefix: mergedClsPrefixRef.value
              }), slots);
            }
          };
        },
        render() {
          return !this.affix ? this.renderAnchor() : vue.h(NAffix, Object.assign({}, keep(this, affixPropKeys)), {
            default: this.renderAnchor
          });
        }
      });
      function getIsGroup(option) {
        return option.type === "group";
      }
      function getIgnored(option) {
        return option.type === "ignored";
      }
      function patternMatched(pattern, value) {
        try {
          return !!(1 + value.toString().toLowerCase().indexOf(pattern.trim().toLowerCase()));
        } catch (err) {
          return false;
        }
      }
      function createTmOptions(valueField, childrenField) {
        const options = {
          getIsGroup,
          getIgnored,
          getKey(option) {
            if (getIsGroup(option)) {
              return option.name || option.key || "key-required";
            }
            return option[valueField];
          },
          getChildren(option) {
            return option[childrenField];
          }
        };
        return options;
      }
      function filterOptions(originalOpts, filter, pattern, childrenField) {
        if (!filter)
          return originalOpts;
        function traverse2(options) {
          if (!Array.isArray(options))
            return [];
          const filteredOptions = [];
          for (const option of options) {
            if (getIsGroup(option)) {
              const children = traverse2(option[childrenField]);
              if (children.length) {
                filteredOptions.push(Object.assign({}, option, {
                  [childrenField]: children
                }));
              }
            } else if (getIgnored(option)) {
              continue;
            } else if (filter(pattern, option)) {
              filteredOptions.push(option);
            }
          }
          return filteredOptions;
        }
        return traverse2(originalOpts);
      }
      function createValOptMap(options, valueField, childrenField) {
        const valOptMap = /* @__PURE__ */ new Map();
        options.forEach((option) => {
          if (getIsGroup(option)) {
            option[childrenField].forEach((selectGroupOption) => {
              valOptMap.set(selectGroupOption[valueField], selectGroupOption);
            });
          } else {
            valOptMap.set(option[valueField], option);
          }
        });
        return valOptMap;
      }
      const isChrome = isBrowser$2 && "chrome" in window;
      isBrowser$2 && navigator.userAgent.includes("Firefox");
      const isSafari = isBrowser$2 && navigator.userAgent.includes("Safari") && !isChrome;
      const commonVariables$i = {
        paddingTiny: "0 8px",
        paddingSmall: "0 10px",
        paddingMedium: "0 12px",
        paddingLarge: "0 14px",
        clearSize: "16px"
      };
      const self$19 = (vars) => {
        const {
          textColor2,
          textColor3,
          textColorDisabled,
          primaryColor,
          primaryColorHover,
          inputColor,
          inputColorDisabled,
          borderColor,
          warningColor,
          warningColorHover,
          errorColor,
          errorColorHover,
          borderRadius,
          lineHeight: lineHeight2,
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          actionColor,
          clearColor,
          clearColorHover,
          clearColorPressed,
          placeholderColor,
          placeholderColorDisabled,
          iconColor,
          iconColorDisabled,
          iconColorHover,
          iconColorPressed
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$i), {
          countTextColorDisabled: textColorDisabled,
          countTextColor: textColor3,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          lineHeight: lineHeight2,
          lineHeightTextarea: lineHeight2,
          borderRadius,
          iconSize: "16px",
          groupLabelColor: actionColor,
          groupLabelTextColor: textColor2,
          textColor: textColor2,
          textColorDisabled,
          textDecorationColor: textColor2,
          caretColor: primaryColor,
          placeholderColor,
          placeholderColorDisabled,
          color: inputColor,
          colorDisabled: inputColorDisabled,
          colorFocus: inputColor,
          groupLabelBorder: `1px solid ${borderColor}`,
          border: `1px solid ${borderColor}`,
          borderHover: `1px solid ${primaryColorHover}`,
          borderDisabled: `1px solid ${borderColor}`,
          borderFocus: `1px solid ${primaryColorHover}`,
          boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.2
        })}`,
          loadingColor: primaryColor,
          // warning
          loadingColorWarning: warningColor,
          borderWarning: `1px solid ${warningColor}`,
          borderHoverWarning: `1px solid ${warningColorHover}`,
          colorFocusWarning: inputColor,
          borderFocusWarning: `1px solid ${warningColorHover}`,
          boxShadowFocusWarning: `0 0 0 2px ${changeColor(warningColor, {
          alpha: 0.2
        })}`,
          caretColorWarning: warningColor,
          // error
          loadingColorError: errorColor,
          borderError: `1px solid ${errorColor}`,
          borderHoverError: `1px solid ${errorColorHover}`,
          colorFocusError: inputColor,
          borderFocusError: `1px solid ${errorColorHover}`,
          boxShadowFocusError: `0 0 0 2px ${changeColor(errorColor, {
          alpha: 0.2
        })}`,
          caretColorError: errorColor,
          clearColor,
          clearColorHover,
          clearColorPressed,
          iconColor,
          iconColorDisabled,
          iconColorHover,
          iconColorPressed,
          suffixTextColor: textColor2
        });
      };
      const inputLight = {
        name: "Input",
        common: derived,
        self: self$19
      };
      const inputInjectionKey = createInjectionKey("n-input");
      function len(s) {
        let count = 0;
        for (const _ of s) {
          count++;
        }
        return count;
      }
      function isEmptyInputValue(value) {
        return value === "" || value == null;
      }
      function useCursor(inputElRef) {
        const selectionRef = vue.ref(null);
        function recordCursor() {
          const {
            value: input
          } = inputElRef;
          if (!(input === null || input === void 0 ? void 0 : input.focus)) {
            reset();
            return;
          }
          const {
            selectionStart,
            selectionEnd,
            value
          } = input;
          if (selectionStart == null || selectionEnd == null) {
            reset();
            return;
          }
          selectionRef.value = {
            start: selectionStart,
            end: selectionEnd,
            beforeText: value.slice(0, selectionStart),
            afterText: value.slice(selectionEnd)
          };
        }
        function restoreCursor() {
          var _a;
          const {
            value: selection
          } = selectionRef;
          const {
            value: inputEl
          } = inputElRef;
          if (!selection || !inputEl) {
            return;
          }
          const {
            value
          } = inputEl;
          const {
            start,
            beforeText,
            afterText
          } = selection;
          let startPos = value.length;
          if (value.endsWith(afterText)) {
            startPos = value.length - afterText.length;
          } else if (value.startsWith(beforeText)) {
            startPos = beforeText.length;
          } else {
            const beforeLastChar = beforeText[start - 1];
            const newIndex = value.indexOf(beforeLastChar, start - 1);
            if (newIndex !== -1) {
              startPos = newIndex + 1;
            }
          }
          (_a = inputEl.setSelectionRange) === null || _a === void 0 ? void 0 : _a.call(inputEl, startPos, startPos);
        }
        function reset() {
          selectionRef.value = null;
        }
        vue.watch(inputElRef, reset);
        return {
          recordCursor,
          restoreCursor
        };
      }
      const WordCount = vue.defineComponent({
        name: "InputWordCount",
        setup(_, {
          slots
        }) {
          const {
            mergedValueRef,
            maxlengthRef,
            mergedClsPrefixRef,
            countGraphemesRef
          } = (
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            vue.inject(inputInjectionKey)
          );
          const wordCountRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (mergedValue === null || Array.isArray(mergedValue))
              return 0;
            return (countGraphemesRef.value || len)(mergedValue);
          });
          return () => {
            const {
              value: maxlength
            } = maxlengthRef;
            const {
              value: mergedValue
            } = mergedValueRef;
            return vue.h("span", {
              class: `${mergedClsPrefixRef.value}-input-word-count`
            }, resolveSlotWithProps(slots.default, {
              value: mergedValue === null || Array.isArray(mergedValue) ? "" : mergedValue
            }, () => [maxlength === void 0 ? wordCountRef.value : `${wordCountRef.value} / ${maxlength}`]));
          };
        }
      });
      const style$1n = cB("input", `
 max-width: 100%;
 cursor: text;
 line-height: 1.5;
 z-index: auto;
 outline: none;
 box-sizing: border-box;
 position: relative;
 display: inline-flex;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 transition: background-color .3s var(--n-bezier);
 font-size: var(--n-font-size);
 --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
`, [
        // common
        cE("input, textarea", `
 overflow: hidden;
 flex-grow: 1;
 position: relative;
 `),
        cE("input-el, textarea-el, input-mirror, textarea-mirror, separator, placeholder", `
 box-sizing: border-box;
 font-size: inherit;
 line-height: 1.5;
 font-family: inherit;
 border: none;
 outline: none;
 background-color: #0000;
 text-align: inherit;
 transition:
 -webkit-text-fill-color .3s var(--n-bezier),
 caret-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier);
 `),
        cE("input-el, textarea-el", `
 -webkit-appearance: none;
 scrollbar-width: none;
 width: 100%;
 min-width: 0;
 text-decoration-color: var(--n-text-decoration-color);
 color: var(--n-text-color);
 caret-color: var(--n-caret-color);
 background-color: transparent;
 `, [c$1("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb", `
 width: 0;
 height: 0;
 display: none;
 `), c$1("&::placeholder", `
 color: #0000;
 -webkit-text-fill-color: transparent !important;
 `), c$1("&:-webkit-autofill ~", [cE("placeholder", "display: none;")])]),
        cM("round", [cNotM("textarea", "border-radius: calc(var(--n-height) / 2);")]),
        cE("placeholder", `
 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow: hidden;
 color: var(--n-placeholder-color);
 `, [c$1("span", `
 width: 100%;
 display: inline-block;
 `)]),
        cM("textarea", [cE("placeholder", "overflow: visible;")]),
        cNotM("autosize", "width: 100%;"),
        cM("autosize", [cE("textarea-el, input-el", `
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 `)]),
        // input
        cB("input-wrapper", `
 overflow: hidden;
 display: inline-flex;
 flex-grow: 1;
 position: relative;
 padding-left: var(--n-padding-left);
 padding-right: var(--n-padding-right);
 `),
        cE("input-mirror", `
 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre;
 pointer-events: none;
 `),
        cE("input-el", `
 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 `, [c$1("&[type=password]::-ms-reveal", "display: none;"), c$1("+", [cE("placeholder", `
 display: flex;
 align-items: center; 
 `)])]),
        cNotM("textarea", [cE("placeholder", "white-space: nowrap;")]),
        cE("eye", `
 display: flex;
 align-items: center;
 justify-content: center;
 transition: color .3s var(--n-bezier);
 `),
        // textarea
        cM("textarea", "width: 100%;", [cB("input-word-count", `
 position: absolute;
 right: var(--n-padding-right);
 bottom: var(--n-padding-vertical);
 `), cM("resizable", [cB("input-wrapper", `
 resize: vertical;
 min-height: var(--n-height);
 `)]), cE("textarea-el, textarea-mirror, placeholder", `
 height: 100%;
 padding-left: 0;
 padding-right: 0;
 padding-top: var(--n-padding-vertical);
 padding-bottom: var(--n-padding-vertical);
 word-break: break-word;
 display: inline-block;
 vertical-align: bottom;
 box-sizing: border-box;
 line-height: var(--n-line-height-textarea);
 margin: 0;
 resize: none;
 white-space: pre-wrap;
 scroll-padding-block-end: var(--n-padding-vertical);
 `), cE("textarea-mirror", `
 width: 100%;
 pointer-events: none;
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre-wrap;
 overflow-wrap: break-word;
 `)]),
        // pair
        cM("pair", [cE("input-el, placeholder", "text-align: center;"), cE("separator", `
 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 white-space: nowrap;
 `, [cB("icon", `
 color: var(--n-icon-color);
 `), cB("base-icon", `
 color: var(--n-icon-color);
 `)])]),
        cM("disabled", `
 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 `, [cE("border", "border: var(--n-border-disabled);"), cE("input-el, textarea-el", `
 cursor: not-allowed;
 color: var(--n-text-color-disabled);
 text-decoration-color: var(--n-text-color-disabled);
 `), cE("placeholder", "color: var(--n-placeholder-color-disabled);"), cE("separator", "color: var(--n-text-color-disabled);", [cB("icon", `
 color: var(--n-icon-color-disabled);
 `), cB("base-icon", `
 color: var(--n-icon-color-disabled);
 `)]), cB("input-word-count", `
 color: var(--n-count-text-color-disabled);
 `), cE("suffix, prefix", "color: var(--n-text-color-disabled);", [cB("icon", `
 color: var(--n-icon-color-disabled);
 `), cB("internal-icon", `
 color: var(--n-icon-color-disabled);
 `)])]),
        cNotM("disabled", [cE("eye", `
 color: var(--n-icon-color);
 cursor: pointer;
 `, [c$1("&:hover", `
 color: var(--n-icon-color-hover);
 `), c$1("&:active", `
 color: var(--n-icon-color-pressed);
 `)]), c$1("&:hover", [cE("state-border", "border: var(--n-border-hover);")]), cM("focus", "background-color: var(--n-color-focus);", [cE("state-border", `
 border: var(--n-border-focus);
 box-shadow: var(--n-box-shadow-focus);
 `)])]),
        cE("border, state-border", `
 box-sizing: border-box;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 pointer-events: none;
 border-radius: inherit;
 border: var(--n-border);
 transition:
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `),
        cE("state-border", `
 border-color: #0000;
 z-index: 1;
 `),
        cE("prefix", "margin-right: 4px;"),
        cE("suffix", `
 margin-left: 4px;
 `),
        cE("suffix, prefix", `
 transition: color .3s var(--n-bezier);
 flex-wrap: nowrap;
 flex-shrink: 0;
 line-height: var(--n-height);
 white-space: nowrap;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: var(--n-suffix-text-color);
 `, [cB("base-loading", `
 font-size: var(--n-icon-size);
 margin: 0 2px;
 color: var(--n-loading-color);
 `), cB("base-clear", `
 font-size: var(--n-icon-size);
 `, [cE("placeholder", [cB("base-icon", `
 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 `)])]), c$1(">", [cB("icon", `
 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 `)]), cB("base-icon", `
 font-size: var(--n-icon-size);
 `)]),
        cB("input-word-count", `
 pointer-events: none;
 line-height: 1.5;
 font-size: .85em;
 color: var(--n-count-text-color);
 transition: color .3s var(--n-bezier);
 margin-left: 4px;
 font-variant: tabular-nums;
 `),
        ["warning", "error"].map((status) => cM(`${status}-status`, [cNotM("disabled", [cB("base-loading", `
 color: var(--n-loading-color-${status})
 `), cE("input-el, textarea-el", `
 caret-color: var(--n-caret-color-${status});
 `), cE("state-border", `
 border: var(--n-border-${status});
 `), c$1("&:hover", [cE("state-border", `
 border: var(--n-border-hover-${status});
 `)]), c$1("&:focus", `
 background-color: var(--n-color-focus-${status});
 `, [cE("state-border", `
 box-shadow: var(--n-box-shadow-focus-${status});
 border: var(--n-border-focus-${status});
 `)]), cM("focus", `
 background-color: var(--n-color-focus-${status});
 `, [cE("state-border", `
 box-shadow: var(--n-box-shadow-focus-${status});
 border: var(--n-border-focus-${status});
 `)])])]))
      ]);
      const safariStyle = cB("input", [cM("disabled", [cE("input-el, textarea-el", `
 -webkit-text-fill-color: var(--n-text-color-disabled);
 `)])]);
      const inputProps = Object.assign(Object.assign({}, useTheme.props), {
        bordered: {
          type: Boolean,
          default: void 0
        },
        type: {
          type: String,
          default: "text"
        },
        placeholder: [Array, String],
        defaultValue: {
          type: [String, Array],
          default: null
        },
        value: [String, Array],
        disabled: {
          type: Boolean,
          default: void 0
        },
        size: String,
        rows: {
          type: [Number, String],
          default: 3
        },
        round: Boolean,
        minlength: [String, Number],
        maxlength: [String, Number],
        clearable: Boolean,
        autosize: {
          type: [Boolean, Object],
          default: false
        },
        pair: Boolean,
        separator: String,
        readonly: {
          type: [String, Boolean],
          default: false
        },
        passivelyActivated: Boolean,
        showPasswordOn: String,
        stateful: {
          type: Boolean,
          default: true
        },
        autofocus: Boolean,
        inputProps: Object,
        resizable: {
          type: Boolean,
          default: true
        },
        showCount: Boolean,
        loading: {
          type: Boolean,
          default: void 0
        },
        allowInput: Function,
        renderCount: Function,
        onMousedown: Function,
        onKeydown: Function,
        onKeyup: [Function, Array],
        onInput: [Function, Array],
        onFocus: [Function, Array],
        onBlur: [Function, Array],
        onClick: [Function, Array],
        onChange: [Function, Array],
        onClear: [Function, Array],
        countGraphemes: Function,
        status: String,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        /** private */
        textDecoration: [String, Array],
        attrSize: {
          type: Number,
          default: 20
        },
        onInputBlur: [Function, Array],
        onInputFocus: [Function, Array],
        onDeactivate: [Function, Array],
        onActivate: [Function, Array],
        onWrapperFocus: [Function, Array],
        onWrapperBlur: [Function, Array],
        internalDeactivateOnEnter: Boolean,
        internalForceFocus: Boolean,
        internalLoadingBeforeSuffix: {
          type: Boolean,
          default: true
        },
        /** deprecated */
        showPasswordToggle: Boolean
      });
      const NInput = vue.defineComponent({
        name: "Input",
        props: inputProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedBorderedRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Input", "-input", style$1n, inputLight, props, mergedClsPrefixRef);
          if (isSafari) {
            useStyle("-input-safari", safariStyle, mergedClsPrefixRef);
          }
          const wrapperElRef = vue.ref(null);
          const textareaElRef = vue.ref(null);
          const textareaMirrorElRef = vue.ref(null);
          const inputMirrorElRef = vue.ref(null);
          const inputElRef = vue.ref(null);
          const inputEl2Ref = vue.ref(null);
          const currentFocusedInputRef = vue.ref(null);
          const focusedInputCursorControl = useCursor(currentFocusedInputRef);
          const textareaScrollbarInstRef = vue.ref(null);
          const {
            localeRef
          } = useLocale("Input");
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          const focusedRef = vue.ref(false);
          const hoverRef = vue.ref(false);
          const isComposingRef2 = vue.ref(false);
          const activatedRef = vue.ref(false);
          let syncSource = null;
          const mergedPlaceholderRef = vue.computed(() => {
            const {
              placeholder,
              pair
            } = props;
            if (pair) {
              if (Array.isArray(placeholder)) {
                return placeholder;
              } else if (placeholder === void 0) {
                return ["", ""];
              }
              return [placeholder, placeholder];
            } else if (placeholder === void 0) {
              return [localeRef.value.placeholder];
            } else {
              return [placeholder];
            }
          });
          const showPlaceholder1Ref = vue.computed(() => {
            const {
              value: isComposing
            } = isComposingRef2;
            const {
              value: mergedValue
            } = mergedValueRef;
            const {
              value: mergedPlaceholder
            } = mergedPlaceholderRef;
            return !isComposing && (isEmptyInputValue(mergedValue) || Array.isArray(mergedValue) && isEmptyInputValue(mergedValue[0])) && mergedPlaceholder[0];
          });
          const showPlaceholder2Ref = vue.computed(() => {
            const {
              value: isComposing
            } = isComposingRef2;
            const {
              value: mergedValue
            } = mergedValueRef;
            const {
              value: mergedPlaceholder
            } = mergedPlaceholderRef;
            return !isComposing && mergedPlaceholder[1] && (isEmptyInputValue(mergedValue) || Array.isArray(mergedValue) && isEmptyInputValue(mergedValue[1]));
          });
          const mergedFocusRef = useMemo(() => {
            return props.internalForceFocus || focusedRef.value;
          });
          const showClearButton = useMemo(() => {
            if (mergedDisabledRef.value || props.readonly || !props.clearable || !mergedFocusRef.value && !hoverRef.value) {
              return false;
            }
            const {
              value: mergedValue
            } = mergedValueRef;
            const {
              value: mergedFocus
            } = mergedFocusRef;
            if (props.pair) {
              return !!(Array.isArray(mergedValue) && (mergedValue[0] || mergedValue[1])) && (hoverRef.value || mergedFocus);
            } else {
              return !!mergedValue && (hoverRef.value || mergedFocus);
            }
          });
          const mergedShowPasswordOnRef = vue.computed(() => {
            const {
              showPasswordOn
            } = props;
            if (showPasswordOn) {
              return showPasswordOn;
            }
            if (props.showPasswordToggle)
              return "click";
            return void 0;
          });
          const passwordVisibleRef = vue.ref(false);
          const textDecorationStyleRef = vue.computed(() => {
            const {
              textDecoration
            } = props;
            if (!textDecoration)
              return ["", ""];
            if (Array.isArray(textDecoration)) {
              return textDecoration.map((v) => ({
                textDecoration: v
              }));
            }
            return [{
              textDecoration
            }];
          });
          const textAreaScrollContainerWidthRef = vue.ref(void 0);
          const updateTextAreaStyle = () => {
            var _a, _b;
            if (props.type === "textarea") {
              const {
                autosize
              } = props;
              if (autosize) {
                textAreaScrollContainerWidthRef.value = (_b = (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.offsetWidth;
              }
              if (!textareaElRef.value)
                return;
              if (typeof autosize === "boolean")
                return;
              const {
                paddingTop: stylePaddingTop,
                paddingBottom: stylePaddingBottom,
                lineHeight: styleLineHeight
              } = window.getComputedStyle(textareaElRef.value);
              const paddingTop = Number(stylePaddingTop.slice(0, -2));
              const paddingBottom = Number(stylePaddingBottom.slice(0, -2));
              const lineHeight2 = Number(styleLineHeight.slice(0, -2));
              const {
                value: textareaMirrorEl
              } = textareaMirrorElRef;
              if (!textareaMirrorEl)
                return;
              if (autosize.minRows) {
                const minRows = Math.max(autosize.minRows, 1);
                const styleMinHeight = `${paddingTop + paddingBottom + lineHeight2 * minRows}px`;
                textareaMirrorEl.style.minHeight = styleMinHeight;
              }
              if (autosize.maxRows) {
                const styleMaxHeight = `${paddingTop + paddingBottom + lineHeight2 * autosize.maxRows}px`;
                textareaMirrorEl.style.maxHeight = styleMaxHeight;
              }
            }
          };
          const maxlengthRef = vue.computed(() => {
            const {
              maxlength
            } = props;
            return maxlength === void 0 ? void 0 : Number(maxlength);
          });
          vue.onMounted(() => {
            const {
              value
            } = mergedValueRef;
            if (!Array.isArray(value)) {
              syncMirror(value);
            }
          });
          const vm = vue.getCurrentInstance().proxy;
          function doUpdateValue(value, meta) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue,
              onInput
            } = props;
            const {
              nTriggerFormInput
            } = formItem;
            if (onUpdateValue)
              call(onUpdateValue, value, meta);
            if (_onUpdateValue)
              call(_onUpdateValue, value, meta);
            if (onInput)
              call(onInput, value, meta);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
          }
          function doChange(value, meta) {
            const {
              onChange
            } = props;
            const {
              nTriggerFormChange
            } = formItem;
            if (onChange)
              call(onChange, value, meta);
            uncontrolledValueRef.value = value;
            nTriggerFormChange();
          }
          function doBlur(e) {
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
          }
          function doFocus(e) {
            const {
              onFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
          }
          function doClear(e) {
            const {
              onClear
            } = props;
            if (onClear)
              call(onClear, e);
          }
          function doUpdateValueBlur(e) {
            const {
              onInputBlur
            } = props;
            if (onInputBlur)
              call(onInputBlur, e);
          }
          function doUpdateValueFocus(e) {
            const {
              onInputFocus
            } = props;
            if (onInputFocus)
              call(onInputFocus, e);
          }
          function doDeactivate() {
            const {
              onDeactivate
            } = props;
            if (onDeactivate)
              call(onDeactivate);
          }
          function doActivate() {
            const {
              onActivate
            } = props;
            if (onActivate)
              call(onActivate);
          }
          function doClick(e) {
            const {
              onClick
            } = props;
            if (onClick)
              call(onClick, e);
          }
          function doWrapperFocus(e) {
            const {
              onWrapperFocus
            } = props;
            if (onWrapperFocus)
              call(onWrapperFocus, e);
          }
          function doWrapperBlur(e) {
            const {
              onWrapperBlur
            } = props;
            if (onWrapperBlur)
              call(onWrapperBlur, e);
          }
          function handleCompositionStart() {
            isComposingRef2.value = true;
          }
          function handleCompositionEnd(e) {
            isComposingRef2.value = false;
            if (e.target === inputEl2Ref.value) {
              handleInput(e, 1);
            } else {
              handleInput(e, 0);
            }
          }
          function handleInput(e, index = 0, event = "input") {
            const targetValue = e.target.value;
            syncMirror(targetValue);
            if (e instanceof InputEvent && !e.isComposing) {
              isComposingRef2.value = false;
            }
            if (props.type === "textarea") {
              const {
                value: textareaScrollbarInst
              } = textareaScrollbarInstRef;
              if (textareaScrollbarInst) {
                textareaScrollbarInst.syncUnifiedContainer();
              }
            }
            syncSource = targetValue;
            if (isComposingRef2.value)
              return;
            focusedInputCursorControl.recordCursor();
            const isIncomingValueValid = allowInput(targetValue);
            if (isIncomingValueValid) {
              if (!props.pair) {
                event === "input" ? doUpdateValue(targetValue, {
                  source: index
                }) : doChange(targetValue, {
                  source: index
                });
              } else {
                let {
                  value
                } = mergedValueRef;
                if (!Array.isArray(value)) {
                  value = ["", ""];
                } else {
                  value = [value[0], value[1]];
                }
                value[index] = targetValue;
                event === "input" ? doUpdateValue(value, {
                  source: index
                }) : doChange(value, {
                  source: index
                });
              }
            }
            vm.$forceUpdate();
            if (!isIncomingValueValid) {
              void vue.nextTick(focusedInputCursorControl.restoreCursor);
            }
          }
          function allowInput(value) {
            const {
              countGraphemes,
              maxlength,
              minlength
            } = props;
            if (countGraphemes) {
              let graphemesCount;
              if (maxlength !== void 0) {
                if (graphemesCount === void 0) {
                  graphemesCount = countGraphemes(value);
                }
                if (graphemesCount > Number(maxlength))
                  return false;
              }
              if (minlength !== void 0) {
                if (graphemesCount === void 0) {
                  graphemesCount = countGraphemes(value);
                }
                if (graphemesCount < Number(maxlength))
                  return false;
              }
            }
            const {
              allowInput: allowInput2
            } = props;
            if (typeof allowInput2 === "function") {
              return allowInput2(value);
            }
            return true;
          }
          function handleInputBlur(e) {
            doUpdateValueBlur(e);
            if (e.relatedTarget === wrapperElRef.value) {
              doDeactivate();
            }
            if (!(e.relatedTarget !== null && (e.relatedTarget === inputElRef.value || e.relatedTarget === inputEl2Ref.value || e.relatedTarget === textareaElRef.value))) {
              activatedRef.value = false;
            }
            dealWithEvent(e, "blur");
            currentFocusedInputRef.value = null;
          }
          function handleInputFocus(e, index) {
            doUpdateValueFocus(e);
            focusedRef.value = true;
            activatedRef.value = true;
            doActivate();
            dealWithEvent(e, "focus");
            if (index === 0) {
              currentFocusedInputRef.value = inputElRef.value;
            } else if (index === 1) {
              currentFocusedInputRef.value = inputEl2Ref.value;
            } else if (index === 2) {
              currentFocusedInputRef.value = textareaElRef.value;
            }
          }
          function handleWrapperBlur(e) {
            if (props.passivelyActivated) {
              doWrapperBlur(e);
              dealWithEvent(e, "blur");
            }
          }
          function handleWrapperFocus(e) {
            if (props.passivelyActivated) {
              focusedRef.value = true;
              doWrapperFocus(e);
              dealWithEvent(e, "focus");
            }
          }
          function dealWithEvent(e, type) {
            if (e.relatedTarget !== null && (e.relatedTarget === inputElRef.value || e.relatedTarget === inputEl2Ref.value || e.relatedTarget === textareaElRef.value || e.relatedTarget === wrapperElRef.value))
              ;
            else {
              if (type === "focus") {
                doFocus(e);
                focusedRef.value = true;
              } else if (type === "blur") {
                doBlur(e);
                focusedRef.value = false;
              }
            }
          }
          function handleChange(e, index) {
            handleInput(e, index, "change");
          }
          function handleClick2(e) {
            doClick(e);
          }
          function handleClear(e) {
            doClear(e);
            clearValue();
          }
          function clearValue() {
            if (props.pair) {
              doUpdateValue(["", ""], {
                source: "clear"
              });
              doChange(["", ""], {
                source: "clear"
              });
            } else {
              doUpdateValue("", {
                source: "clear"
              });
              doChange("", {
                source: "clear"
              });
            }
          }
          function handleMouseDown(e) {
            const {
              onMousedown
            } = props;
            if (onMousedown)
              onMousedown(e);
            const {
              tagName
            } = e.target;
            if (tagName !== "INPUT" && tagName !== "TEXTAREA") {
              if (props.resizable) {
                const {
                  value: wrapperEl
                } = wrapperElRef;
                if (wrapperEl) {
                  const {
                    left,
                    top,
                    width,
                    height
                  } = wrapperEl.getBoundingClientRect();
                  const resizeHandleSize = 14;
                  if (left + width - resizeHandleSize < e.clientX && e.clientX < left + width && top + height - resizeHandleSize < e.clientY && e.clientY < top + height) {
                    return;
                  }
                }
              }
              e.preventDefault();
              if (!focusedRef.value) {
                focus();
              }
            }
          }
          function handleMouseEnter() {
            var _a;
            hoverRef.value = true;
            if (props.type === "textarea") {
              (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.handleMouseEnterWrapper();
            }
          }
          function handleMouseLeave() {
            var _a;
            hoverRef.value = false;
            if (props.type === "textarea") {
              (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.handleMouseLeaveWrapper();
            }
          }
          function handlePasswordToggleClick() {
            if (mergedDisabledRef.value)
              return;
            if (mergedShowPasswordOnRef.value !== "click")
              return;
            passwordVisibleRef.value = !passwordVisibleRef.value;
          }
          function handlePasswordToggleMousedown(e) {
            if (mergedDisabledRef.value)
              return;
            e.preventDefault();
            const preventDefaultOnce = (e2) => {
              e2.preventDefault();
              off("mouseup", document, preventDefaultOnce);
            };
            on("mouseup", document, preventDefaultOnce);
            if (mergedShowPasswordOnRef.value !== "mousedown")
              return;
            passwordVisibleRef.value = true;
            const hidePassword = () => {
              passwordVisibleRef.value = false;
              off("mouseup", document, hidePassword);
            };
            on("mouseup", document, hidePassword);
          }
          function handleWrapperKeyup(e) {
            if (props.onKeyup)
              call(props.onKeyup, e);
          }
          function handleWrapperKeydown(e) {
            if (props.onKeydown)
              call(props.onKeydown, e);
            switch (e.key) {
              case "Escape":
                handleWrapperKeydownEsc();
                break;
              case "Enter":
                handleWrapperKeydownEnter(e);
                break;
            }
          }
          function handleWrapperKeydownEnter(e) {
            var _a, _b;
            if (props.passivelyActivated) {
              const {
                value: focused
              } = activatedRef;
              if (focused) {
                if (props.internalDeactivateOnEnter) {
                  handleWrapperKeydownEsc();
                }
                return;
              }
              e.preventDefault();
              if (props.type === "textarea") {
                (_a = textareaElRef.value) === null || _a === void 0 ? void 0 : _a.focus();
              } else {
                (_b = inputElRef.value) === null || _b === void 0 ? void 0 : _b.focus();
              }
            }
          }
          function handleWrapperKeydownEsc() {
            if (props.passivelyActivated) {
              activatedRef.value = false;
              void vue.nextTick(() => {
                var _a;
                (_a = wrapperElRef.value) === null || _a === void 0 ? void 0 : _a.focus();
              });
            }
          }
          function focus() {
            var _a, _b, _c;
            if (mergedDisabledRef.value)
              return;
            if (props.passivelyActivated) {
              (_a = wrapperElRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            } else {
              (_b = textareaElRef.value) === null || _b === void 0 ? void 0 : _b.focus();
              (_c = inputElRef.value) === null || _c === void 0 ? void 0 : _c.focus();
            }
          }
          function blur() {
            var _a;
            if ((_a = wrapperElRef.value) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) {
              document.activeElement.blur();
            }
          }
          function select() {
            var _a, _b;
            (_a = textareaElRef.value) === null || _a === void 0 ? void 0 : _a.select();
            (_b = inputElRef.value) === null || _b === void 0 ? void 0 : _b.select();
          }
          function activate() {
            if (mergedDisabledRef.value)
              return;
            if (textareaElRef.value)
              textareaElRef.value.focus();
            else if (inputElRef.value)
              inputElRef.value.focus();
          }
          function deactivate() {
            const {
              value: wrapperEl
            } = wrapperElRef;
            if ((wrapperEl === null || wrapperEl === void 0 ? void 0 : wrapperEl.contains(document.activeElement)) && wrapperEl !== document.activeElement) {
              handleWrapperKeydownEsc();
            }
          }
          function scrollTo(options) {
            if (props.type === "textarea") {
              const {
                value: textareaEl
              } = textareaElRef;
              textareaEl === null || textareaEl === void 0 ? void 0 : textareaEl.scrollTo(options);
            } else {
              const {
                value: inputEl
              } = inputElRef;
              inputEl === null || inputEl === void 0 ? void 0 : inputEl.scrollTo(options);
            }
          }
          function syncMirror(value) {
            const {
              type,
              pair,
              autosize
            } = props;
            if (!pair && autosize) {
              if (type === "textarea") {
                const {
                  value: textareaMirrorEl
                } = textareaMirrorElRef;
                if (textareaMirrorEl) {
                  textareaMirrorEl.textContent = (value !== null && value !== void 0 ? value : "") + "\r\n";
                }
              } else {
                const {
                  value: inputMirrorEl
                } = inputMirrorElRef;
                if (inputMirrorEl) {
                  if (value) {
                    inputMirrorEl.textContent = value;
                  } else {
                    inputMirrorEl.innerHTML = "&nbsp;";
                  }
                }
              }
            }
          }
          function handleTextAreaMirrorResize() {
            updateTextAreaStyle();
          }
          const placeholderStyleRef = vue.ref({
            top: "0"
          });
          function handleTextAreaScroll(e) {
            var _a;
            const {
              scrollTop
            } = e.target;
            placeholderStyleRef.value.top = `${-scrollTop}px`;
            (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.syncUnifiedContainer();
          }
          let stopWatchMergedValue1 = null;
          vue.watchEffect(() => {
            const {
              autosize,
              type
            } = props;
            if (autosize && type === "textarea") {
              stopWatchMergedValue1 = vue.watch(mergedValueRef, (value) => {
                if (!Array.isArray(value) && value !== syncSource) {
                  syncMirror(value);
                }
              });
            } else {
              stopWatchMergedValue1 === null || stopWatchMergedValue1 === void 0 ? void 0 : stopWatchMergedValue1();
            }
          });
          let stopWatchMergedValue2 = null;
          vue.watchEffect(() => {
            if (props.type === "textarea") {
              stopWatchMergedValue2 = vue.watch(mergedValueRef, (value) => {
                var _a;
                if (!Array.isArray(value) && value !== syncSource) {
                  (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.syncUnifiedContainer();
                }
              });
            } else {
              stopWatchMergedValue2 === null || stopWatchMergedValue2 === void 0 ? void 0 : stopWatchMergedValue2();
            }
          });
          vue.provide(inputInjectionKey, {
            mergedValueRef,
            maxlengthRef,
            mergedClsPrefixRef,
            countGraphemesRef: vue.toRef(props, "countGraphemes")
          });
          const exposedProps = {
            wrapperElRef,
            inputElRef,
            textareaElRef,
            isCompositing: isComposingRef2,
            clear: clearValue,
            focus,
            blur,
            select,
            deactivate,
            activate,
            scrollTo
          };
          const rtlEnabledRef = useRtl("Input", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              value: size2
            } = mergedSizeRef;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                color,
                borderRadius,
                textColor,
                caretColor,
                caretColorError,
                caretColorWarning,
                textDecorationColor,
                border,
                borderDisabled,
                borderHover,
                borderFocus,
                placeholderColor,
                placeholderColorDisabled,
                lineHeightTextarea,
                colorDisabled,
                colorFocus,
                textColorDisabled,
                boxShadowFocus,
                iconSize,
                colorFocusWarning,
                boxShadowFocusWarning,
                borderWarning,
                borderFocusWarning,
                borderHoverWarning,
                colorFocusError,
                boxShadowFocusError,
                borderError,
                borderFocusError,
                borderHoverError,
                clearSize,
                clearColor,
                clearColorHover,
                clearColorPressed,
                iconColor,
                iconColorDisabled,
                suffixTextColor,
                countTextColor,
                countTextColorDisabled,
                iconColorHover,
                iconColorPressed,
                loadingColor,
                loadingColorError,
                loadingColorWarning,
                [createKey("padding", size2)]: padding,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("height", size2)]: height
              }
            } = themeRef.value;
            const {
              left: paddingLeft,
              right: paddingRight
            } = getMargin(padding);
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-count-text-color": countTextColor,
              "--n-count-text-color-disabled": countTextColorDisabled,
              "--n-color": color,
              "--n-font-size": fontSize2,
              "--n-border-radius": borderRadius,
              "--n-height": height,
              "--n-padding-left": paddingLeft,
              "--n-padding-right": paddingRight,
              "--n-text-color": textColor,
              "--n-caret-color": caretColor,
              "--n-text-decoration-color": textDecorationColor,
              "--n-border": border,
              "--n-border-disabled": borderDisabled,
              "--n-border-hover": borderHover,
              "--n-border-focus": borderFocus,
              "--n-placeholder-color": placeholderColor,
              "--n-placeholder-color-disabled": placeholderColorDisabled,
              "--n-icon-size": iconSize,
              "--n-line-height-textarea": lineHeightTextarea,
              "--n-color-disabled": colorDisabled,
              "--n-color-focus": colorFocus,
              "--n-text-color-disabled": textColorDisabled,
              "--n-box-shadow-focus": boxShadowFocus,
              "--n-loading-color": loadingColor,
              // form warning
              "--n-caret-color-warning": caretColorWarning,
              "--n-color-focus-warning": colorFocusWarning,
              "--n-box-shadow-focus-warning": boxShadowFocusWarning,
              "--n-border-warning": borderWarning,
              "--n-border-focus-warning": borderFocusWarning,
              "--n-border-hover-warning": borderHoverWarning,
              "--n-loading-color-warning": loadingColorWarning,
              // form error
              "--n-caret-color-error": caretColorError,
              "--n-color-focus-error": colorFocusError,
              "--n-box-shadow-focus-error": boxShadowFocusError,
              "--n-border-error": borderError,
              "--n-border-focus-error": borderFocusError,
              "--n-border-hover-error": borderHoverError,
              "--n-loading-color-error": loadingColorError,
              // clear-button
              "--n-clear-color": clearColor,
              "--n-clear-size": clearSize,
              "--n-clear-color-hover": clearColorHover,
              "--n-clear-color-pressed": clearColorPressed,
              "--n-icon-color": iconColor,
              "--n-icon-color-hover": iconColorHover,
              "--n-icon-color-pressed": iconColorPressed,
              "--n-icon-color-disabled": iconColorDisabled,
              "--n-suffix-text-color": suffixTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("input", vue.computed(() => {
            const {
              value: size2
            } = mergedSizeRef;
            return size2[0];
          }), cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exposedProps), {
            // DOM ref
            wrapperElRef,
            inputElRef,
            inputMirrorElRef,
            inputEl2Ref,
            textareaElRef,
            textareaMirrorElRef,
            textareaScrollbarInstRef,
            // value
            rtlEnabled: rtlEnabledRef,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            passwordVisible: passwordVisibleRef,
            mergedPlaceholder: mergedPlaceholderRef,
            showPlaceholder1: showPlaceholder1Ref,
            showPlaceholder2: showPlaceholder2Ref,
            mergedFocus: mergedFocusRef,
            isComposing: isComposingRef2,
            activated: activatedRef,
            showClearButton,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            textDecorationStyle: textDecorationStyleRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            mergedShowPasswordOn: mergedShowPasswordOnRef,
            placeholderStyle: placeholderStyleRef,
            mergedStatus: mergedStatusRef,
            textAreaScrollContainerWidth: textAreaScrollContainerWidthRef,
            // methods
            handleTextAreaScroll,
            handleCompositionStart,
            handleCompositionEnd,
            handleInput,
            handleInputBlur,
            handleInputFocus,
            handleWrapperBlur,
            handleWrapperFocus,
            handleMouseEnter,
            handleMouseLeave,
            handleMouseDown,
            handleChange,
            handleClick: handleClick2,
            handleClear,
            handlePasswordToggleClick,
            handlePasswordToggleMousedown,
            handleWrapperKeydown,
            handleWrapperKeyup,
            handleTextAreaMirrorResize,
            getTextareaScrollContainer: () => {
              return textareaElRef.value;
            },
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a, _b;
          const {
            mergedClsPrefix,
            mergedStatus,
            themeClass,
            type,
            countGraphemes,
            onRender
          } = this;
          const $slots = this.$slots;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "wrapperElRef",
            class: [`${mergedClsPrefix}-input`, themeClass, mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`, {
              [`${mergedClsPrefix}-input--rtl`]: this.rtlEnabled,
              [`${mergedClsPrefix}-input--disabled`]: this.mergedDisabled,
              [`${mergedClsPrefix}-input--textarea`]: type === "textarea",
              [`${mergedClsPrefix}-input--resizable`]: this.resizable && !this.autosize,
              [`${mergedClsPrefix}-input--autosize`]: this.autosize,
              [`${mergedClsPrefix}-input--round`]: this.round && !(type === "textarea"),
              [`${mergedClsPrefix}-input--pair`]: this.pair,
              [`${mergedClsPrefix}-input--focus`]: this.mergedFocus,
              [`${mergedClsPrefix}-input--stateful`]: this.stateful
            }],
            style: this.cssVars,
            tabindex: !this.mergedDisabled && this.passivelyActivated && !this.activated ? 0 : void 0,
            onFocus: this.handleWrapperFocus,
            onBlur: this.handleWrapperBlur,
            onClick: this.handleClick,
            onMousedown: this.handleMouseDown,
            onMouseenter: this.handleMouseEnter,
            onMouseleave: this.handleMouseLeave,
            onCompositionstart: this.handleCompositionStart,
            onCompositionend: this.handleCompositionEnd,
            onKeyup: this.handleWrapperKeyup,
            onKeydown: this.handleWrapperKeydown
          }, vue.h("div", {
            class: `${mergedClsPrefix}-input-wrapper`
          }, resolveWrappedSlot($slots.prefix, (children) => children && vue.h("div", {
            class: `${mergedClsPrefix}-input__prefix`
          }, children)), type === "textarea" ? vue.h(Scrollbar$2, {
            ref: "textareaScrollbarInstRef",
            class: `${mergedClsPrefix}-input__textarea`,
            container: this.getTextareaScrollContainer,
            triggerDisplayManually: true,
            useUnifiedContainer: true,
            internalHoistYRail: true
          }, {
            default: () => {
              var _a2, _b2;
              const {
                textAreaScrollContainerWidth
              } = this;
              const scrollContainerWidthStyle = {
                width: this.autosize && textAreaScrollContainerWidth && `${textAreaScrollContainerWidth}px`
              };
              return vue.h(vue.Fragment, null, vue.h("textarea", Object.assign({}, this.inputProps, {
                ref: "textareaElRef",
                class: [`${mergedClsPrefix}-input__textarea-el`, (_a2 = this.inputProps) === null || _a2 === void 0 ? void 0 : _a2.class],
                autofocus: this.autofocus,
                rows: Number(this.rows),
                placeholder: this.placeholder,
                value: this.mergedValue,
                disabled: this.mergedDisabled,
                maxlength: countGraphemes ? void 0 : this.maxlength,
                minlength: countGraphemes ? void 0 : this.minlength,
                readonly: this.readonly,
                tabindex: this.passivelyActivated && !this.activated ? -1 : void 0,
                style: [this.textDecorationStyle[0], (_b2 = this.inputProps) === null || _b2 === void 0 ? void 0 : _b2.style, scrollContainerWidthStyle],
                onBlur: this.handleInputBlur,
                onFocus: (e) => {
                  this.handleInputFocus(e, 2);
                },
                onInput: this.handleInput,
                onChange: this.handleChange,
                onScroll: this.handleTextAreaScroll
              })), this.showPlaceholder1 ? vue.h("div", {
                class: `${mergedClsPrefix}-input__placeholder`,
                style: [this.placeholderStyle, scrollContainerWidthStyle],
                key: "placeholder"
              }, this.mergedPlaceholder[0]) : null, this.autosize ? vue.h(VResizeObserver, {
                onResize: this.handleTextAreaMirrorResize
              }, {
                default: () => vue.h("div", {
                  ref: "textareaMirrorElRef",
                  class: `${mergedClsPrefix}-input__textarea-mirror`,
                  key: "mirror"
                })
              }) : null);
            }
          }) : vue.h("div", {
            class: `${mergedClsPrefix}-input__input`
          }, vue.h("input", Object.assign({
            type: type === "password" && this.mergedShowPasswordOn && this.passwordVisible ? "text" : type
          }, this.inputProps, {
            ref: "inputElRef",
            class: [`${mergedClsPrefix}-input__input-el`, (_a = this.inputProps) === null || _a === void 0 ? void 0 : _a.class],
            style: [this.textDecorationStyle[0], (_b = this.inputProps) === null || _b === void 0 ? void 0 : _b.style],
            tabindex: this.passivelyActivated && !this.activated ? -1 : void 0,
            placeholder: this.mergedPlaceholder[0],
            disabled: this.mergedDisabled,
            maxlength: countGraphemes ? void 0 : this.maxlength,
            minlength: countGraphemes ? void 0 : this.minlength,
            value: Array.isArray(this.mergedValue) ? this.mergedValue[0] : this.mergedValue,
            readonly: this.readonly,
            autofocus: this.autofocus,
            size: this.attrSize,
            onBlur: this.handleInputBlur,
            onFocus: (e) => {
              this.handleInputFocus(e, 0);
            },
            onInput: (e) => {
              this.handleInput(e, 0);
            },
            onChange: (e) => {
              this.handleChange(e, 0);
            }
          })), this.showPlaceholder1 ? vue.h("div", {
            class: `${mergedClsPrefix}-input__placeholder`
          }, vue.h("span", null, this.mergedPlaceholder[0])) : null, this.autosize ? vue.h("div", {
            class: `${mergedClsPrefix}-input__input-mirror`,
            key: "mirror",
            ref: "inputMirrorElRef"
          }, " ") : null), !this.pair && resolveWrappedSlot($slots.suffix, (children) => {
            return children || this.clearable || this.showCount || this.mergedShowPasswordOn || this.loading !== void 0 ? vue.h("div", {
              class: `${mergedClsPrefix}-input__suffix`
            }, [resolveWrappedSlot($slots["clear-icon-placeholder"], (children2) => {
              return (this.clearable || children2) && vue.h(NBaseClear, {
                clsPrefix: mergedClsPrefix,
                show: this.showClearButton,
                onClear: this.handleClear
              }, {
                placeholder: () => children2,
                icon: () => {
                  var _a2, _b2;
                  return (_b2 = (_a2 = this.$slots)["clear-icon"]) === null || _b2 === void 0 ? void 0 : _b2.call(_a2);
                }
              });
            }), !this.internalLoadingBeforeSuffix ? children : null, this.loading !== void 0 ? vue.h(NBaseSuffix, {
              clsPrefix: mergedClsPrefix,
              loading: this.loading,
              showArrow: false,
              showClear: false,
              style: this.cssVars
            }) : null, this.internalLoadingBeforeSuffix ? children : null, this.showCount && this.type !== "textarea" ? vue.h(WordCount, null, {
              default: (props) => {
                var _a2;
                return (_a2 = $slots.count) === null || _a2 === void 0 ? void 0 : _a2.call($slots, props);
              }
            }) : null, this.mergedShowPasswordOn && this.type === "password" ? vue.h("div", {
              class: `${mergedClsPrefix}-input__eye`,
              onMousedown: this.handlePasswordToggleMousedown,
              onClick: this.handlePasswordToggleClick
            }, this.passwordVisible ? resolveSlot($slots["password-visible-icon"], () => [vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => vue.h(EyeIcon, null)
            })]) : resolveSlot($slots["password-invisible-icon"], () => [vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => vue.h(EyeOffIcon, null)
            })])) : null]) : null;
          })), this.pair ? vue.h("span", {
            class: `${mergedClsPrefix}-input__separator`
          }, resolveSlot($slots.separator, () => [this.separator])) : null, this.pair ? vue.h("div", {
            class: `${mergedClsPrefix}-input-wrapper`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-input__input`
          }, vue.h("input", {
            ref: "inputEl2Ref",
            type: this.type,
            class: `${mergedClsPrefix}-input__input-el`,
            tabindex: this.passivelyActivated && !this.activated ? -1 : void 0,
            placeholder: this.mergedPlaceholder[1],
            disabled: this.mergedDisabled,
            maxlength: countGraphemes ? void 0 : this.maxlength,
            minlength: countGraphemes ? void 0 : this.minlength,
            value: Array.isArray(this.mergedValue) ? this.mergedValue[1] : void 0,
            readonly: this.readonly,
            style: this.textDecorationStyle[1],
            onBlur: this.handleInputBlur,
            onFocus: (e) => {
              this.handleInputFocus(e, 1);
            },
            onInput: (e) => {
              this.handleInput(e, 1);
            },
            onChange: (e) => {
              this.handleChange(e, 1);
            }
          }), this.showPlaceholder2 ? vue.h("div", {
            class: `${mergedClsPrefix}-input__placeholder`
          }, vue.h("span", null, this.mergedPlaceholder[1])) : null), resolveWrappedSlot($slots.suffix, (children) => {
            return (this.clearable || children) && vue.h("div", {
              class: `${mergedClsPrefix}-input__suffix`
            }, [this.clearable && vue.h(NBaseClear, {
              clsPrefix: mergedClsPrefix,
              show: this.showClearButton,
              onClear: this.handleClear
            }, {
              icon: () => {
                var _a2;
                return (_a2 = $slots["clear-icon"]) === null || _a2 === void 0 ? void 0 : _a2.call($slots);
              },
              placeholder: () => {
                var _a2;
                return (_a2 = $slots["clear-icon-placeholder"]) === null || _a2 === void 0 ? void 0 : _a2.call($slots);
              }
            }), children]);
          })) : null, this.mergedBordered ? vue.h("div", {
            class: `${mergedClsPrefix}-input__border`
          }) : null, this.mergedBordered ? vue.h("div", {
            class: `${mergedClsPrefix}-input__state-border`
          }) : null, this.showCount && type === "textarea" ? vue.h(WordCount, null, {
            default: (props) => {
              var _a2;
              const {
                renderCount
              } = this;
              if (renderCount) {
                return renderCount(props);
              }
              return (_a2 = $slots.count) === null || _a2 === void 0 ? void 0 : _a2.call($slots, props);
            }
          }) : null);
        }
      });
      const style$1m = cB("input-group", `
 display: inline-flex;
 width: 100%;
 flex-wrap: nowrap;
 vertical-align: bottom;
`, [c$1(">", [cB("input", [c$1("&:not(:last-child)", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `), c$1("&:not(:first-child)", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 margin-left: -1px!important;
 `)]), cB("button", [c$1("&:not(:last-child)", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `, [cE("state-border, border", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `)]), c$1("&:not(:first-child)", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `, [cE("state-border, border", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `)])]), c$1("*", [c$1("&:not(:last-child)", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `, [c$1(">", [cB("input", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `), cB("base-selection", [cB("base-selection-label", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `), cB("base-selection-tags", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `), cE("box-shadow, border, state-border", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `)])])]), c$1("&:not(:first-child)", `
 margin-left: -1px!important;
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `, [c$1(">", [cB("input", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `), cB("base-selection", [cB("base-selection-label", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `), cB("base-selection-tags", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `), cE("box-shadow, border, state-border", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 `)])])])])])]);
      const inputGroupProps = {};
      const NInputGroup = vue.defineComponent({
        name: "InputGroup",
        props: inputGroupProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          useStyle("-input-group", style$1m, mergedClsPrefixRef);
          return {
            mergedClsPrefix: mergedClsPrefixRef
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-input-group`
          }, this.$slots);
        }
      });
      const style$1l = cB("input-group-label", `
 position: relative;
 user-select: none;
 -webkit-user-select: none;
 box-sizing: border-box;
 padding: 0 12px;
 display: inline-block;
 border-radius: var(--n-border-radius);
 background-color: var(--n-group-label-color);
 color: var(--n-group-label-text-color);
 font-size: var(--n-font-size);
 line-height: var(--n-height);
 height: var(--n-height);
 flex-shrink: 0;
 white-space: nowrap;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
`, [cE("border", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 border: var(--n-group-label-border);
 transition: border-color .3s var(--n-bezier);
 `)]);
      const inputGroupLabelProps = Object.assign(Object.assign({}, useTheme.props), {
        size: {
          type: String,
          default: "medium"
        },
        bordered: {
          type: Boolean,
          default: void 0
        }
      });
      const InputGroupLabel = vue.defineComponent({
        name: "InputGroupLabel",
        props: inputGroupLabelProps,
        setup(props) {
          const {
            mergedBorderedRef,
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Input", "-input-group-label", style$1l, inputLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                groupLabelColor,
                borderRadius,
                groupLabelTextColor,
                lineHeight: lineHeight2,
                groupLabelBorder,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("height", size2)]: height
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-group-label-color": groupLabelColor,
              "--n-group-label-border": groupLabelBorder,
              "--n-border-radius": borderRadius,
              "--n-group-label-text-color": groupLabelTextColor,
              "--n-font-size": fontSize2,
              "--n-line-height": lineHeight2,
              "--n-height": height
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("input-group-label", vue.computed(() => props.size[0]), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a, _b, _c;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-input-group-label`, this.themeClass],
            style: this.cssVars
          }, (_c = (_b = this.$slots).default) === null || _c === void 0 ? void 0 : _c.call(_b), this.mergedBordered ? vue.h("div", {
            class: `${mergedClsPrefix}-input-group-label__border`
          }) : null);
        }
      });
      function self$18(vars) {
        const {
          boxShadow2
        } = vars;
        return {
          menuBoxShadow: boxShadow2
        };
      }
      const autoCompleteLight = createTheme({
        name: "AutoComplete",
        common: derived,
        peers: {
          InternalSelectMenu: internalSelectMenuLight,
          Input: inputLight
        },
        self: self$18
      });
      function mapAutoCompleteOptionsToSelectOptions(options) {
        return options.map(convertAutoCompleteOptionToSelectOption);
      }
      function convertAutoCompleteOptionToSelectOption(option) {
        var _a, _b;
        if (typeof option === "string") {
          return {
            label: option,
            value: option
          };
        } else if (option.type === "group") {
          const groupOption = {
            type: "group",
            label: (_a = option.label) !== null && _a !== void 0 ? _a : option.name,
            value: (_b = option.value) !== null && _b !== void 0 ? _b : option.name,
            key: option.key || option.name,
            children: option.children.map((groupOption2) => convertAutoCompleteOptionToSelectOption(groupOption2))
          };
          return groupOption;
        } else {
          return option;
        }
      }
      const style$1k = c$1([cB("auto-complete", `
 z-index: auto;
 position: relative;
 display: inline-flex;
 width: 100%;
 `), cB("auto-complete-menu", `
 margin: 4px 0;
 box-shadow: var(--n-menu-box-shadow);
 `, [fadeInScaleUpTransition({
        originalTransition: "background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"
      })])]);
      const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        menuProps: Object,
        append: Boolean,
        bordered: {
          type: Boolean,
          default: void 0
        },
        clearable: {
          type: Boolean,
          default: void 0
        },
        defaultValue: {
          type: String,
          default: null
        },
        loading: {
          type: Boolean,
          default: void 0
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        placeholder: String,
        placement: {
          type: String,
          default: "bottom-start"
        },
        value: String,
        blurAfterSelect: Boolean,
        clearAfterSelect: Boolean,
        getShow: Function,
        showEmpty: Boolean,
        inputProps: Object,
        renderOption: Function,
        renderLabel: Function,
        size: String,
        options: {
          type: Array,
          default: () => []
        },
        zIndex: Number,
        status: String,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onSelect: [Function, Array],
        onBlur: [Function, Array],
        onFocus: [Function, Array],
        // deprecated
        onInput: [Function, Array]
      });
      const AutoComplete = vue.defineComponent({
        name: "AutoComplete",
        props: autoCompleteProps,
        setup(props) {
          const {
            mergedBorderedRef,
            namespaceRef,
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          const triggerElRef = vue.ref(null);
          const menuInstRef = vue.ref(null);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const canBeActivatedRef = vue.ref(false);
          const isComposingRef2 = vue.ref(false);
          const themeRef = useTheme("AutoComplete", "-auto-complete", style$1k, autoCompleteLight, props, mergedClsPrefixRef);
          const selectOptionsRef = vue.computed(() => {
            return mapAutoCompleteOptionsToSelectOptions(props.options);
          });
          const mergedShowOptionsRef = vue.computed(() => {
            const {
              getShow
            } = props;
            if (getShow) {
              return getShow(mergedValueRef.value || "");
            }
            return !!mergedValueRef.value;
          });
          const activeRef = vue.computed(() => {
            return mergedShowOptionsRef.value && canBeActivatedRef.value && (props.showEmpty ? true : !!selectOptionsRef.value.length);
          });
          const treeMateRef = vue.computed(() => createTreeMate(selectOptionsRef.value, createTmOptions("value", "children")));
          function doUpdateValue(value) {
            const {
              "onUpdate:value": _onUpdateValue,
              onUpdateValue,
              onInput
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            if (onInput)
              call(onInput, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function doSelect(value) {
            const {
              onSelect
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onSelect)
              call(onSelect, value);
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function doBlur(e) {
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
          }
          function doFocus(e) {
            const {
              onFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
          }
          function handleCompositionStart() {
            isComposingRef2.value = true;
          }
          function handleCompositionEnd() {
            window.setTimeout(() => {
              isComposingRef2.value = false;
            }, 0);
          }
          function handleKeyDown(e) {
            var _a, _b, _c;
            switch (e.key) {
              case "Enter":
                if (!isComposingRef2.value) {
                  const pendingOptionTmNode = (_a = menuInstRef.value) === null || _a === void 0 ? void 0 : _a.getPendingTmNode();
                  if (pendingOptionTmNode) {
                    select(pendingOptionTmNode.rawNode);
                    e.preventDefault();
                  }
                }
                break;
              case "ArrowDown":
                (_b = menuInstRef.value) === null || _b === void 0 ? void 0 : _b.next();
                break;
              case "ArrowUp":
                (_c = menuInstRef.value) === null || _c === void 0 ? void 0 : _c.prev();
                break;
            }
          }
          function select(option) {
            if ((option === null || option === void 0 ? void 0 : option.value) !== void 0) {
              doSelect(option.value);
              if (props.clearAfterSelect) {
                doUpdateValue(null);
              } else if (option.label !== void 0) {
                doUpdateValue(props.append ? `${mergedValueRef.value}${option.label}` : option.label);
              }
              canBeActivatedRef.value = false;
              if (props.blurAfterSelect) {
                blur();
              }
            }
          }
          function handleClear() {
            doUpdateValue(null);
          }
          function handleFocus(e) {
            canBeActivatedRef.value = true;
            doFocus(e);
          }
          function handleBlur(e) {
            canBeActivatedRef.value = false;
            doBlur(e);
          }
          function handleInput(value) {
            canBeActivatedRef.value = true;
            doUpdateValue(value);
          }
          function handleToggle(option) {
            select(option.rawNode);
          }
          function handleClickOutsideMenu(e) {
            var _a;
            if (!((_a = triggerElRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e)))) {
              canBeActivatedRef.value = false;
            }
          }
          function blur() {
            var _a, _b;
            if ((_a = triggerElRef.value) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) {
              (_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.blur();
            }
          }
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                menuBoxShadow
              }
            } = themeRef.value;
            return {
              "--n-menu-box-shadow": menuBoxShadow,
              "--n-bezier": cubicBezierEaseInOut2
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("auto-complete", void 0, cssVarsRef, props) : void 0;
          const inputInstRef = vue.ref(null);
          const exposedMethods = {
            focus: () => {
              var _a;
              (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            blur: () => {
              var _a;
              (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            }
          };
          return {
            focus: exposedMethods.focus,
            blur: exposedMethods.blur,
            inputInstRef,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            isMounted: isMounted(),
            adjustedTo: useAdjustedTo(props),
            menuInstRef,
            triggerElRef,
            treeMate: treeMateRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            active: activeRef,
            mergedStatus: mergedStatusRef,
            handleClear,
            handleFocus,
            handleBlur,
            handleInput,
            handleToggle,
            handleClickOutsideMenu,
            handleCompositionStart,
            handleCompositionEnd,
            handleKeyDown,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            mergedBordered: mergedBorderedRef,
            namespace: namespaceRef,
            mergedClsPrefix: mergedClsPrefixRef
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-auto-complete`,
            ref: "triggerElRef",
            onKeydown: this.handleKeyDown,
            onCompositionstart: this.handleCompositionStart,
            onCompositionend: this.handleCompositionEnd
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => {
                const defaultSlot = this.$slots.default;
                if (defaultSlot) {
                  return getFirstSlotVNode(this.$slots, "default", {
                    handleInput: this.handleInput,
                    handleFocus: this.handleFocus,
                    handleBlur: this.handleBlur,
                    value: this.mergedValue
                  });
                }
                const {
                  mergedTheme
                } = this;
                return vue.h(NInput, {
                  ref: "inputInstRef",
                  status: this.mergedStatus,
                  theme: mergedTheme.peers.Input,
                  themeOverrides: mergedTheme.peerOverrides.Input,
                  bordered: this.mergedBordered,
                  value: this.mergedValue,
                  placeholder: this.placeholder,
                  size: this.mergedSize,
                  disabled: this.mergedDisabled,
                  clearable: this.clearable,
                  loading: this.loading,
                  inputProps: this.inputProps,
                  onClear: this.handleClear,
                  onFocus: this.handleFocus,
                  onUpdateValue: this.handleInput,
                  onBlur: this.handleBlur
                }, {
                  suffix: () => {
                    var _a, _b;
                    return (_b = (_a = this.$slots).suffix) === null || _b === void 0 ? void 0 : _b.call(_a);
                  },
                  prefix: () => {
                    var _a, _b;
                    return (_b = (_a = this.$slots).prefix) === null || _b === void 0 ? void 0 : _b.call(_a);
                  }
                });
              }
            }), vue.h(VFollower, {
              show: this.active,
              to: this.adjustedTo,
              containerClass: this.namespace,
              zIndex: this.zIndex,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              placement: this.placement,
              width: "target"
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted
              }, {
                default: () => {
                  var _a;
                  (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                  if (!this.active)
                    return null;
                  const {
                    menuProps: menuProps2
                  } = this;
                  return vue.withDirectives(vue.h(NInternalSelectMenu, Object.assign({}, menuProps2, {
                    clsPrefix: mergedClsPrefix,
                    ref: "menuInstRef",
                    theme: this.mergedTheme.peers.InternalSelectMenu,
                    themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu,
                    "auto-pending": true,
                    class: [`${mergedClsPrefix}-auto-complete-menu`, this.themeClass, menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2.class],
                    style: [menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2.style, this.cssVars],
                    treeMate: this.treeMate,
                    multiple: false,
                    renderLabel: this.renderLabel,
                    renderOption: this.renderOption,
                    size: "medium",
                    onToggle: this.handleToggle
                  }), {
                    empty: () => {
                      var _a2, _b;
                      return (_b = (_a2 = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a2);
                    }
                  }), [[clickoutside, this.handleClickOutsideMenu, void 0, {
                    capture: true
                  }]]);
                }
              })
            })]
          }));
        }
      });
      const isImageSupportNativeLazy = isBrowser$2 && "loading" in document.createElement("img");
      const resolveOptionsAndHash = (options = {}) => {
        var _a;
        const {
          root: root2 = null
        } = options;
        return {
          hash: `${options.rootMargin || "0px 0px 0px 0px"}-${Array.isArray(options.threshold) ? options.threshold.join(",") : (_a = options.threshold) !== null && _a !== void 0 ? _a : "0"}`,
          options: Object.assign(Object.assign({}, options), {
            root: (typeof root2 === "string" ? document.querySelector(root2) : root2) || document.documentElement
          })
        };
      };
      const observers = /* @__PURE__ */ new WeakMap();
      const unobserveHandleMap = /* @__PURE__ */ new WeakMap();
      const shouldStartLoadingRefMap = /* @__PURE__ */ new WeakMap();
      const observeIntersection = (el, options, shouldStartLoadingRef) => {
        if (!el)
          return () => {
          };
        const resolvedOptionsAndHash = resolveOptionsAndHash(options);
        const {
          root: root2
        } = resolvedOptionsAndHash.options;
        let rootObservers;
        const _rootObservers = observers.get(root2);
        if (_rootObservers) {
          rootObservers = _rootObservers;
        } else {
          rootObservers = /* @__PURE__ */ new Map();
          observers.set(root2, rootObservers);
        }
        let observer;
        let observerAndObservedElements;
        if (rootObservers.has(resolvedOptionsAndHash.hash)) {
          observerAndObservedElements = // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          rootObservers.get(resolvedOptionsAndHash.hash);
          if (!observerAndObservedElements[1].has(el)) {
            observer = observerAndObservedElements[0];
            observerAndObservedElements[1].add(el);
            observer.observe(el);
          }
        } else {
          observer = new IntersectionObserver((entries) => {
            entries.forEach((entry) => {
              if (entry.isIntersecting) {
                const _unobserve = unobserveHandleMap.get(entry.target);
                const _shouldStartLoadingRef = shouldStartLoadingRefMap.get(entry.target);
                if (_unobserve)
                  _unobserve();
                if (_shouldStartLoadingRef) {
                  _shouldStartLoadingRef.value = true;
                }
              }
            });
          }, resolvedOptionsAndHash.options);
          observer.observe(el);
          observerAndObservedElements = [observer, /* @__PURE__ */ new Set([el])];
          rootObservers.set(resolvedOptionsAndHash.hash, observerAndObservedElements);
        }
        let unobservered = false;
        const unobserve = () => {
          if (unobservered)
            return;
          unobserveHandleMap.delete(el);
          shouldStartLoadingRefMap.delete(el);
          unobservered = true;
          if (observerAndObservedElements[1].has(el)) {
            observerAndObservedElements[0].unobserve(el);
            observerAndObservedElements[1].delete(el);
          }
          if (observerAndObservedElements[1].size <= 0) {
            rootObservers.delete(resolvedOptionsAndHash.hash);
          }
          if (!rootObservers.size) {
            observers.delete(root2);
          }
        };
        unobserveHandleMap.set(el, unobserve);
        shouldStartLoadingRefMap.set(el, shouldStartLoadingRef);
        return unobserve;
      };
      const self$17 = (vars) => {
        const {
          borderRadius,
          avatarColor,
          cardColor,
          fontSize: fontSize2,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          heightHuge,
          modalColor,
          popoverColor
        } = vars;
        return {
          borderRadius,
          fontSize: fontSize2,
          border: `2px solid ${cardColor}`,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          heightHuge,
          color: composite(cardColor, avatarColor),
          colorModal: composite(modalColor, avatarColor),
          colorPopover: composite(popoverColor, avatarColor)
        };
      };
      const avatarLight = {
        name: "Avatar",
        common: derived,
        self: self$17
      };
      const avatarGroupInjectionKey = createInjectionKey("n-avatar-group");
      const style$1j = cB("avatar", `
 width: var(--n-merged-size);
 height: var(--n-merged-size);
 color: #FFF;
 font-size: var(--n-font-size);
 display: inline-flex;
 position: relative;
 overflow: hidden;
 text-align: center;
 border: var(--n-border);
 border-radius: var(--n-border-radius);
 --n-merged-color: var(--n-color);
 background-color: var(--n-merged-color);
 transition:
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
`, [insideModal(c$1("&", "--n-merged-color: var(--n-color-modal);")), insidePopover(c$1("&", "--n-merged-color: var(--n-color-popover);")), c$1("img", `
 width: 100%;
 height: 100%;
 `), cE("text", `
 white-space: nowrap;
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 `), cB("icon", `
 vertical-align: bottom;
 font-size: calc(var(--n-merged-size) - 6px);
 `), cE("text", "line-height: 1.25")]);
      const avatarProps = Object.assign(Object.assign({}, useTheme.props), {
        size: [String, Number],
        src: String,
        circle: {
          type: Boolean,
          default: void 0
        },
        objectFit: String,
        round: {
          type: Boolean,
          default: void 0
        },
        bordered: {
          type: Boolean,
          default: void 0
        },
        onError: Function,
        fallbackSrc: String,
        intersectionObserverOptions: Object,
        lazy: Boolean,
        onLoad: Function,
        renderPlaceholder: Function,
        renderFallback: Function,
        imgProps: Object,
        /** @deprecated */
        color: String
      });
      const NAvatar = vue.defineComponent({
        name: "Avatar",
        props: avatarProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const hasLoadErrorRef = vue.ref(false);
          let memoedTextHtml = null;
          const textRef = vue.ref(null);
          const selfRef = vue.ref(null);
          const fitTextTransform = () => {
            const {
              value: textEl
            } = textRef;
            if (textEl) {
              if (memoedTextHtml === null || memoedTextHtml !== textEl.innerHTML) {
                memoedTextHtml = textEl.innerHTML;
                const {
                  value: selfEl
                } = selfRef;
                if (selfEl) {
                  const {
                    offsetWidth: elWidth,
                    offsetHeight: elHeight
                  } = selfEl;
                  const {
                    offsetWidth: textWidth,
                    offsetHeight: textHeight
                  } = textEl;
                  const radix = 0.9;
                  const ratio = Math.min(elWidth / textWidth * radix, elHeight / textHeight * radix, 1);
                  textEl.style.transform = `translateX(-50%) translateY(-50%) scale(${ratio})`;
                }
              }
            }
          };
          const NAvatarGroup = vue.inject(avatarGroupInjectionKey, null);
          const mergedSizeRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            if (size2)
              return size2;
            const {
              size: avatarGroupSize
            } = NAvatarGroup || {};
            if (avatarGroupSize)
              return avatarGroupSize;
            return "medium";
          });
          const themeRef = useTheme("Avatar", "-avatar", style$1j, avatarLight, props, mergedClsPrefixRef);
          const TagInjection = vue.inject(tagInjectionKey, null);
          const mergedRoundRef = vue.computed(() => {
            if (NAvatarGroup)
              return true;
            const {
              round: round2,
              circle
            } = props;
            if (round2 !== void 0 || circle !== void 0)
              return round2 || circle;
            if (TagInjection) {
              return TagInjection.roundRef.value;
            }
            return false;
          });
          const mergedBorderedRef = vue.computed(() => {
            if (NAvatarGroup)
              return true;
            return props.bordered || false;
          });
          const cssVarsRef = vue.computed(() => {
            const size2 = mergedSizeRef.value;
            const round2 = mergedRoundRef.value;
            const bordered = mergedBorderedRef.value;
            const {
              color: propColor
            } = props;
            const {
              self: {
                borderRadius,
                fontSize: fontSize2,
                color,
                border,
                colorModal,
                colorPopover
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            let height;
            if (typeof size2 === "number") {
              height = `${size2}px`;
            } else {
              height = themeRef.value.self[createKey("height", size2)];
            }
            return {
              "--n-font-size": fontSize2,
              "--n-border": bordered ? border : "none",
              "--n-border-radius": round2 ? "50%" : borderRadius,
              "--n-color": propColor || color,
              "--n-color-modal": propColor || colorModal,
              "--n-color-popover": propColor || colorPopover,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-merged-size": `var(--n-avatar-size-override, ${height})`
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("avatar", vue.computed(() => {
            const size2 = mergedSizeRef.value;
            const round2 = mergedRoundRef.value;
            const bordered = mergedBorderedRef.value;
            const {
              color
            } = props;
            let hash = "";
            if (size2) {
              if (typeof size2 === "number") {
                hash += `a${size2}`;
              } else {
                hash += size2[0];
              }
            }
            if (round2) {
              hash += "b";
            }
            if (bordered) {
              hash += "c";
            }
            if (color) {
              hash += color2Class(color);
            }
            return hash;
          }), cssVarsRef, props) : void 0;
          const shouldStartLoadingRef = vue.ref(!props.lazy);
          vue.onMounted(() => {
            if (props.lazy && props.intersectionObserverOptions) {
              let unobserve;
              const stopWatchHandle = vue.watchEffect(() => {
                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
                unobserve = void 0;
                if (props.lazy) {
                  unobserve = observeIntersection(selfRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
                }
              });
              vue.onBeforeUnmount(() => {
                stopWatchHandle();
                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
              });
            }
          });
          vue.watch(() => {
            var _a;
            return props.src || ((_a = props.imgProps) === null || _a === void 0 ? void 0 : _a.src);
          }, () => {
            hasLoadErrorRef.value = false;
          });
          const loadedRef = vue.ref(!props.lazy);
          return {
            textRef,
            selfRef,
            mergedRoundRef,
            mergedClsPrefix: mergedClsPrefixRef,
            fitTextTransform,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            hasLoadError: hasLoadErrorRef,
            shouldStartLoading: shouldStartLoadingRef,
            loaded: loadedRef,
            mergedOnError: (e) => {
              if (!shouldStartLoadingRef.value)
                return;
              hasLoadErrorRef.value = true;
              const {
                onError,
                imgProps: {
                  onError: imgPropsOnError
                } = {}
              } = props;
              onError === null || onError === void 0 ? void 0 : onError(e);
              imgPropsOnError === null || imgPropsOnError === void 0 ? void 0 : imgPropsOnError(e);
            },
            mergedOnLoad: (e) => {
              const {
                onLoad,
                imgProps: {
                  onLoad: imgPropsOnLoad
                } = {}
              } = props;
              onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
              imgPropsOnLoad === null || imgPropsOnLoad === void 0 ? void 0 : imgPropsOnLoad(e);
              loadedRef.value = true;
            }
          };
        },
        render() {
          var _a, _b;
          const {
            $slots,
            src,
            mergedClsPrefix,
            lazy,
            onRender,
            loaded,
            hasLoadError,
            imgProps = {}
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          let img;
          const placeholderNode = !loaded && !hasLoadError && (this.renderPlaceholder ? this.renderPlaceholder() : (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a));
          if (this.hasLoadError) {
            img = this.renderFallback ? this.renderFallback() : resolveSlot($slots.fallback, () => [vue.h("img", {
              src: this.fallbackSrc,
              style: {
                objectFit: this.objectFit
              }
            })]);
          } else {
            img = resolveWrappedSlot($slots.default, (children) => {
              if (children) {
                return vue.h(VResizeObserver, {
                  onResize: this.fitTextTransform
                }, {
                  default: () => vue.h("span", {
                    ref: "textRef",
                    class: `${mergedClsPrefix}-avatar__text`
                  }, children)
                });
              } else if (src || imgProps.src) {
                const loadSrc = this.src || imgProps.src;
                return vue.h("img", Object.assign(Object.assign({}, imgProps), {
                  loading: (
                    // If interseciton observer options is set, do not use native lazy
                    isImageSupportNativeLazy && !this.intersectionObserverOptions && lazy ? "lazy" : "eager"
                  ),
                  src: lazy && this.intersectionObserverOptions ? this.shouldStartLoading ? loadSrc : void 0 : loadSrc,
                  "data-image-src": loadSrc,
                  onLoad: this.mergedOnLoad,
                  onError: this.mergedOnError,
                  style: [imgProps.style || "", {
                    objectFit: this.objectFit
                  }, placeholderNode ? {
                    height: "0",
                    width: "0",
                    visibility: "hidden",
                    position: "absolute"
                  } : ""]
                }));
              }
            });
          }
          return vue.h("span", {
            ref: "selfRef",
            class: [`${mergedClsPrefix}-avatar`, this.themeClass],
            style: this.cssVars
          }, img, lazy && placeholderNode);
        }
      });
      const style$1i = cB("avatar-group", `
 flex-wrap: nowrap;
 display: inline-flex;
 position: relative;
`, [cM("expand-on-hover", [cB("avatar", [c$1("&:not(:first-child)", `
 transition: margin .3s var(--n-bezier);
 `)]), c$1("&:hover", [cNotM("vertical", [cB("avatar", [c$1("&:not(:first-child)", `
 margin-left: 0 !important;
 `)])]), cM("vertical", [cB("avatar", [c$1("&:not(:first-child)", `
 margin-top: 0 !important;
 `)])])])]), cNotM("vertical", `
 flex-direction: row;
 `, [cB("avatar", [c$1("&:not(:first-child)", `
 margin-left: var(--n-gap);
 `)])]), cM("vertical", `
 flex-direction: column;
 `, [cB("avatar", [c$1("&:not(:first-child)", `
 margin-top: var(--n-gap);
 `)])])]);
      const self$16 = () => {
        return {
          gap: "-12px"
        };
      };
      const avatarGroupLight = createTheme({
        name: "AvatarGroup",
        common: derived,
        peers: {
          Avatar: avatarLight
        },
        self: self$16
      });
      const avatarGroupProps = Object.assign(Object.assign({}, useTheme.props), {
        max: Number,
        maxStyle: [Object, String],
        options: {
          type: Array,
          default: () => []
        },
        vertical: Boolean,
        expandOnHover: Boolean,
        size: [String, Number]
      });
      const AvatarGroup = vue.defineComponent({
        name: "AvatarGroup",
        props: avatarGroupProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const mergedThemeRef = useTheme("AvatarGroup", "-avatar-group", style$1i, avatarGroupLight, props, mergedClsPrefixRef);
          vue.provide(avatarGroupInjectionKey, props);
          const rtlEnabledRef = useRtl("AvatarGroup", mergedRtlRef, mergedClsPrefixRef);
          const restOptionsRef = vue.computed(() => {
            const {
              max
            } = props;
            if (max === void 0)
              return void 0;
            const {
              options
            } = props;
            if (options.length > max)
              return options.slice(max - 1, options.length);
            return [];
          });
          const displayedOptionsRef = vue.computed(() => {
            const {
              options,
              max
            } = props;
            if (max === void 0)
              return options;
            if (options.length > max)
              return options.slice(0, max - 1);
            if (options.length === max)
              return options.slice(0, max);
            return options;
          });
          return {
            mergedTheme: mergedThemeRef,
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            restOptions: restOptionsRef,
            displayedOptions: displayedOptionsRef,
            cssVars: vue.computed(() => {
              return {
                "--n-gap": mergedThemeRef.value.self.gap
              };
            })
          };
        },
        render() {
          const {
            mergedClsPrefix,
            displayedOptions,
            restOptions,
            mergedTheme,
            $slots
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-avatar-group`, this.rtlEnabled && `${mergedClsPrefix}-avatar-group--rtl`, this.vertical && `${mergedClsPrefix}-avatar-group--vertical`, this.expandOnHover && `${mergedClsPrefix}-avatar-group--expand-on-hover`],
            style: this.cssVars,
            role: "group"
          }, displayedOptions.map((option) => {
            return $slots.avatar ? $slots.avatar({
              option
            }) : vue.h(NAvatar, {
              src: option.src,
              theme: mergedTheme.peers.Avatar,
              themeOverrides: mergedTheme.peerOverrides.Avatar
            });
          }), restOptions !== void 0 && restOptions.length > 0 && ($slots.rest ? $slots.rest({
            options: restOptions,
            rest: restOptions.length
          }) : vue.h(NAvatar, {
            style: this.maxStyle,
            theme: mergedTheme.peers.Avatar,
            themeOverrides: mergedTheme.peerOverrides.Avatar
          }, {
            default: () => `+${restOptions.length}`
          })));
        }
      });
      const commonVariables$h = {
        width: "44px",
        height: "44px",
        borderRadius: "22px",
        iconSize: "26px"
      };
      const self$15 = (vars) => {
        const {
          popoverColor,
          textColor2,
          primaryColorHover,
          primaryColorPressed
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$h), {
          color: popoverColor,
          textColor: textColor2,
          iconColor: textColor2,
          iconColorHover: primaryColorHover,
          iconColorPressed: primaryColorPressed,
          boxShadow: "0 2px 8px 0px rgba(0, 0, 0, .12)",
          boxShadowHover: "0 2px 12px 0px rgba(0, 0, 0, .18)",
          boxShadowPressed: "0 2px 12px 0px rgba(0, 0, 0, .18)"
        });
      };
      const backTopLight = {
        name: "BackTop",
        common: derived,
        self: self$15
      };
      const BackTopIcon = vue.h("svg", {
        viewBox: "0 0 24 24",
        version: "1.1",
        xmlns: "http://www.w3.org/2000/svg",
        xlinkHref: "http://www.w3.org/1999/xlink"
      }, vue.h("g", {
        stroke: "none",
        "stroke-width": "1",
        "fill-rule": "evenodd"
      }, vue.h("g", {
        transform: "translate(-139.000000, -4423.000000)",
        "fill-rule": "nonzero"
      }, vue.h("g", {
        transform: "translate(120.000000, 4285.000000)"
      }, vue.h("g", {
        transform: "translate(7.000000, 126.000000)"
      }, vue.h("g", {
        transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) translate(12.000000, 12.000000)"
      }, vue.h("g", {
        transform: "translate(4.000000, 2.000000)"
      }, vue.h("path", {
        d: "M8,0 C8.51283584,0 8.93550716,0.38604019 8.99327227,0.883378875 L9,1 L9,10.584 L12.2928932,7.29289322 C12.6834175,6.90236893 13.3165825,6.90236893 13.7071068,7.29289322 C14.0675907,7.65337718 14.0953203,8.22060824 13.7902954,8.61289944 L13.7071068,8.70710678 L8.70710678,13.7071068 L8.62544899,13.7803112 L8.618,13.784 L8.59530661,13.8036654 L8.4840621,13.8753288 L8.37133602,13.9287745 L8.22929083,13.9735893 L8.14346259,13.9897165 L8.03324678,13.9994506 L7.9137692,13.9962979 L7.77070917,13.9735893 L7.6583843,13.9401293 L7.57677845,13.9063266 L7.47929125,13.8540045 L7.4048407,13.8036865 L7.38131006,13.7856883 C7.35030318,13.7612383 7.32077858,13.7349921 7.29289322,13.7071068 L2.29289322,8.70710678 L2.20970461,8.61289944 C1.90467972,8.22060824 1.93240926,7.65337718 2.29289322,7.29289322 C2.65337718,6.93240926 3.22060824,6.90467972 3.61289944,7.20970461 L3.70710678,7.29289322 L7,10.585 L7,1 L7.00672773,0.883378875 C7.06449284,0.38604019 7.48716416,0 8,0 Z"
      }), vue.h("path", {
        d: "M14.9333333,15.9994506 C15.5224371,15.9994506 16,16.4471659 16,16.9994506 C16,17.5122865 15.5882238,17.9349578 15.0577292,17.9927229 L14.9333333,17.9994506 L1.06666667,17.9994506 C0.477562934,17.9994506 0,17.5517354 0,16.9994506 C0,16.4866148 0.411776203,16.0639435 0.9422708,16.0061783 L1.06666667,15.9994506 L14.9333333,15.9994506 Z"
      }))))))));
      const style$1h = cB("back-top", `
 position: fixed;
 right: 40px;
 bottom: 40px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 height: var(--n-height);
 min-width: var(--n-width);
 box-shadow: var(--n-box-shadow);
 background-color: var(--n-color);
`, [fadeInScaleUpTransition(), cM("transition-disabled", {
        transition: "none !important"
      }), cB("base-icon", `
 font-size: var(--n-icon-size);
 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 `), c$1("svg", {
        pointerEvents: "none"
      }), c$1("&:hover", {
        boxShadow: "var(--n-box-shadow-hover)"
      }, [cB("base-icon", {
        color: "var(--n-icon-color-hover)"
      })]), c$1("&:active", {
        boxShadow: "var(--n-box-shadow-pressed)"
      }, [cB("base-icon", {
        color: "var(--n-icon-color-pressed)"
      })])]);
      const backTopProps = Object.assign(Object.assign({}, useTheme.props), {
        show: {
          type: Boolean,
          default: void 0
        },
        right: {
          type: [Number, String],
          default: 40
        },
        bottom: {
          type: [Number, String],
          default: 40
        },
        to: {
          type: [String, Object],
          default: "body"
        },
        visibilityHeight: {
          type: Number,
          default: 180
        },
        listenTo: [String, Object, Function],
        "onUpdate:show": {
          type: Function,
          default: () => {
          }
        },
        // deprecated
        target: Function,
        onShow: Function,
        onHide: Function
      });
      const BackTop = vue.defineComponent({
        name: "BackTop",
        // make style applied to back-top button
        inheritAttrs: false,
        props: backTopProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const scrollTopRef = vue.ref(null);
          const uncontrolledShowRef = vue.ref(false);
          vue.watchEffect(() => {
            const {
              value: scrollTop
            } = scrollTopRef;
            if (scrollTop === null) {
              uncontrolledShowRef.value = false;
              return;
            }
            uncontrolledShowRef.value = scrollTop >= props.visibilityHeight;
          });
          const DomInfoReadyRef = vue.ref(false);
          vue.watch(uncontrolledShowRef, (value) => {
            var _a;
            if (DomInfoReadyRef.value) {
              (_a = props["onUpdate:show"]) === null || _a === void 0 ? void 0 : _a.call(props, value);
            }
          });
          const controlledShowRef = vue.toRef(props, "show");
          const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
          const transitionDisabledRef = vue.ref(true);
          const placeholderRef = vue.ref(null);
          const styleRef = vue.computed(() => {
            return {
              right: `calc(${formatLength(props.right)} + ${lockHtmlScrollRightCompensationRef.value})`,
              bottom: formatLength(props.bottom)
            };
          });
          let scrollElement;
          let scrollListenerRegistered;
          vue.watch(mergedShowRef, (value) => {
            var _a, _b;
            if (DomInfoReadyRef.value) {
              if (value) {
                (_a = props.onShow) === null || _a === void 0 ? void 0 : _a.call(props);
              }
              (_b = props.onHide) === null || _b === void 0 ? void 0 : _b.call(props);
            }
          });
          const themeRef = useTheme("BackTop", "-back-top", style$1h, backTopLight, props, mergedClsPrefixRef);
          function init2() {
            var _a;
            if (scrollListenerRegistered)
              return;
            scrollListenerRegistered = true;
            const scrollEl = ((_a = props.target) === null || _a === void 0 ? void 0 : _a.call(props)) || unwrapElement(props.listenTo) || getScrollParent$1(placeholderRef.value);
            if (!scrollEl) {
              return;
            }
            scrollElement = scrollEl === document.documentElement ? document : scrollEl;
            const {
              to
            } = props;
            typeof to === "string" ? document.querySelector(to) : to;
            scrollElement.addEventListener("scroll", handleScroll);
            handleScroll();
          }
          function handleClick2() {
            (isDocument(scrollElement) ? document.documentElement : scrollElement).scrollTo({
              top: 0,
              behavior: "smooth"
            });
          }
          function handleScroll() {
            scrollTopRef.value = (isDocument(scrollElement) ? document.documentElement : scrollElement).scrollTop;
            if (!DomInfoReadyRef.value) {
              void vue.nextTick(() => {
                DomInfoReadyRef.value = true;
              });
            }
          }
          function handleAfterEnter() {
            transitionDisabledRef.value = false;
          }
          vue.onMounted(() => {
            init2();
            transitionDisabledRef.value = mergedShowRef.value;
          });
          vue.onBeforeUnmount(() => {
            if (scrollElement) {
              scrollElement.removeEventListener("scroll", handleScroll);
            }
          });
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                color,
                boxShadow,
                boxShadowHover,
                boxShadowPressed,
                iconColor,
                iconColorHover,
                iconColorPressed,
                width,
                height,
                iconSize,
                borderRadius,
                textColor
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-height": height,
              "--n-width": width,
              "--n-box-shadow": boxShadow,
              "--n-box-shadow-hover": boxShadowHover,
              "--n-box-shadow-pressed": boxShadowPressed,
              "--n-color": color,
              "--n-icon-size": iconSize,
              "--n-icon-color": iconColor,
              "--n-icon-color-hover": iconColorHover,
              "--n-icon-color-pressed": iconColorPressed,
              "--n-text-color": textColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("back-top", void 0, cssVarsRef, props) : void 0;
          return {
            placeholderRef,
            style: styleRef,
            mergedShow: mergedShowRef,
            isMounted: isMounted(),
            scrollElement: vue.ref(null),
            scrollTop: scrollTopRef,
            DomInfoReady: DomInfoReadyRef,
            transitionDisabled: transitionDisabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            handleAfterEnter,
            handleScroll,
            handleClick: handleClick2,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            ref: "placeholderRef",
            class: `${mergedClsPrefix}-back-top-placeholder`,
            style: "display: none",
            "aria-hidden": true
          }, vue.h(LazyTeleport, {
            to: this.to,
            show: this.mergedShow
          }, {
            default: () => vue.h(vue.Transition, {
              name: "fade-in-scale-up-transition",
              appear: this.isMounted,
              onAfterEnter: this.handleAfterEnter
            }, {
              default: () => {
                var _a;
                (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                return this.mergedShow ? vue.h("div", vue.mergeProps(this.$attrs, {
                  class: [`${mergedClsPrefix}-back-top`, this.themeClass, this.transitionDisabled && `${mergedClsPrefix}-back-top--transition-disabled`],
                  style: [this.style, this.cssVars],
                  onClick: this.handleClick
                }), resolveSlot(this.$slots.default, () => [vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix
                }, {
                  default: () => BackTopIcon
                })])) : null;
              }
            })
          }));
        }
      });
      const self$14 = (vars) => {
        const {
          errorColor,
          infoColor,
          successColor,
          warningColor,
          fontFamily: fontFamily2
        } = vars;
        return {
          color: errorColor,
          colorInfo: infoColor,
          colorSuccess: successColor,
          colorError: errorColor,
          colorWarning: warningColor,
          fontSize: "12px",
          fontFamily: fontFamily2
        };
      };
      const badgeLight = {
        name: "Badge",
        common: derived,
        self: self$14
      };
      const style$1g = c$1([c$1("@keyframes badge-wave-spread", {
        from: {
          boxShadow: "0 0 0.5px 0px var(--n-ripple-color)",
          opacity: 0.6
        },
        to: {
          // don't use exact 5px since chrome will display the animation with glitches
          boxShadow: "0 0 0.5px 4.5px var(--n-ripple-color)",
          opacity: 0
        }
      }), cB("badge", `
 display: inline-flex;
 position: relative;
 vertical-align: middle;
 font-family: var(--n-font-family);
 `, [cM("as-is", [cB("badge-sup", {
        position: "static",
        transform: "translateX(0)"
      }, [fadeInScaleUpTransition({
        transformOrigin: "left bottom",
        originalTransform: "translateX(0)"
      })])]), cM("dot", [cB("badge-sup", `
 height: 8px;
 width: 8px;
 padding: 0;
 min-width: 8px;
 left: 100%;
 bottom: calc(100% - 4px);
 `, [c$1("::before", "border-radius: 4px;")])]), cB("badge-sup", `
 background: var(--n-color);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 color: #FFF;
 position: absolute;
 height: 18px;
 line-height: 18px;
 border-radius: 9px;
 padding: 0 6px;
 text-align: center;
 font-size: var(--n-font-size);
 transform: translateX(-50%);
 left: 100%;
 bottom: calc(100% - 9px);
 font-variant-numeric: tabular-nums;
 z-index: 1;
 display: flex;
 align-items: center;
 `, [fadeInScaleUpTransition({
        transformOrigin: "left bottom",
        originalTransform: "translateX(-50%)"
      }), cB("base-wave", {
        zIndex: 1,
        animationDuration: "2s",
        animationIterationCount: "infinite",
        animationDelay: "1s",
        animationTimingFunction: "var(--n-ripple-bezier)",
        animationName: "badge-wave-spread"
      }), c$1("&::before", `
 opacity: 0;
 transform: scale(1);
 border-radius: 9px;
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `)])])]);
      const badgeProps = Object.assign(Object.assign({}, useTheme.props), {
        value: [String, Number],
        max: Number,
        dot: Boolean,
        type: {
          type: String,
          default: "default"
        },
        show: {
          type: Boolean,
          default: true
        },
        showZero: Boolean,
        processing: Boolean,
        color: String,
        offset: Array
      });
      const Badge = vue.defineComponent({
        name: "Badge",
        props: badgeProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Badge", "-badge", style$1g, badgeLight, props, mergedClsPrefixRef);
          const appearedRef = vue.ref(false);
          const handleAfterEnter = () => {
            appearedRef.value = true;
          };
          const handleAfterLeave = () => {
            appearedRef.value = false;
          };
          const showBadgeRef = vue.computed(() => {
            return props.show && (props.dot || props.value !== void 0 && !(!props.showZero && Number(props.value) <= 0) || !isSlotEmpty(slots.value));
          });
          vue.onMounted(() => {
            if (showBadgeRef.value)
              appearedRef.value = true;
          });
          const rtlEnabledRef = useRtl("Badge", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              type,
              color: propColor
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2,
                cubicBezierEaseOut: cubicBezierEaseOut2
              },
              self: {
                [createKey("color", type)]: color,
                fontFamily: fontFamily2,
                fontSize: fontSize2
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-font-family": fontFamily2,
              "--n-color": propColor || color,
              "--n-ripple-color": propColor || color,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-ripple-bezier": cubicBezierEaseOut2
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("badge", vue.computed(() => {
            let hash = "";
            const {
              type,
              color
            } = props;
            if (type) {
              hash += type[0];
            }
            if (color) {
              hash += color2Class(color);
            }
            return hash;
          }), cssVarsRef, props) : void 0;
          const offsetStyleRef = vue.computed(() => {
            const {
              offset
            } = props;
            if (!offset)
              return void 0;
            const [x, y] = offset;
            const reslovedOffsetX = typeof x === "number" ? `${x}px` : x;
            const reslovedOffsetY = typeof y === "number" ? `${y}px` : y;
            return {
              transform: `translate(calc(${(rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? "50%" : "-50%"} + ${reslovedOffsetX}), ${reslovedOffsetY})`
            };
          });
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            appeared: appearedRef,
            showBadge: showBadgeRef,
            handleAfterEnter,
            handleAfterLeave,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            offsetStyle: offsetStyleRef
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            onRender,
            themeClass,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const children = (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-badge`, this.rtlEnabled && `${mergedClsPrefix}-badge--rtl`, themeClass, {
              [`${mergedClsPrefix}-badge--dot`]: this.dot,
              [`${mergedClsPrefix}-badge--as-is`]: !children
            }],
            style: this.cssVars
          }, children, vue.h(vue.Transition, {
            name: "fade-in-scale-up-transition",
            onAfterEnter: this.handleAfterEnter,
            onAfterLeave: this.handleAfterLeave
          }, {
            default: () => this.showBadge ? vue.h("sup", {
              class: `${mergedClsPrefix}-badge-sup`,
              title: getTitleAttribute(this.value),
              style: this.offsetStyle
            }, resolveSlot($slots.value, () => [!this.dot ? vue.h(NBaseSlotMachine, {
              clsPrefix: mergedClsPrefix,
              appeared: this.appeared,
              max: this.max,
              value: this.value
            }) : null]), this.processing ? vue.h(NBaseWave, {
              clsPrefix: mergedClsPrefix
            }) : null) : null
          }));
        }
      });
      const commonVariables$g = {
        fontWeightActive: "400"
      };
      const self$13 = (vars) => {
        const {
          fontSize: fontSize2,
          textColor3,
          textColor2,
          borderRadius,
          buttonColor2Hover,
          buttonColor2Pressed
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$g), {
          fontSize: fontSize2,
          itemLineHeight: "1.25",
          itemTextColor: textColor3,
          itemTextColorHover: textColor2,
          itemTextColorPressed: textColor2,
          itemTextColorActive: textColor2,
          itemBorderRadius: borderRadius,
          itemColorHover: buttonColor2Hover,
          itemColorPressed: buttonColor2Pressed,
          separatorColor: textColor3
        });
      };
      const breadcrumbLight = {
        name: "Breadcrumb",
        common: derived,
        self: self$13
      };
      const style$1f = cB("breadcrumb", `
 white-space: nowrap;
 cursor: default;
 line-height: var(--n-item-line-height);
`, [c$1("ul", `
 list-style: none;
 padding: 0;
 margin: 0;
 `), c$1("a", `
 color: inherit;
 text-decoration: inherit;
 `), cB("breadcrumb-item", `
 font-size: var(--n-font-size);
 transition: color .3s var(--n-bezier);
 display: inline-flex;
 align-items: center;
 `, [cB("icon", `
 font-size: 18px;
 vertical-align: -.2em;
 transition: color .3s var(--n-bezier);
 color: var(--n-item-text-color);
 `), c$1("&:not(:last-child)", [cM("clickable", [cE("link", `
 cursor: pointer;
 `, [c$1("&:hover", `
 background-color: var(--n-item-color-hover);
 `), c$1("&:active", `
 background-color: var(--n-item-color-pressed); 
 `)])])]), cE("link", `
 padding: 4px;
 border-radius: var(--n-item-border-radius);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 color: var(--n-item-text-color);
 position: relative;
 `, [c$1("&:hover", `
 color: var(--n-item-text-color-hover);
 `, [cB("icon", `
 color: var(--n-item-text-color-hover);
 `)]), c$1("&:active", `
 color: var(--n-item-text-color-pressed);
 `, [cB("icon", `
 color: var(--n-item-text-color-pressed);
 `)])]), cE("separator", `
 margin: 0 8px;
 color: var(--n-separator-color);
 transition: color .3s var(--n-bezier);
 user-select: none;
 -webkit-user-select: none;
 `), c$1("&:last-child", [cE("link", `
 font-weight: var(--n-font-weight-active);
 cursor: unset;
 color: var(--n-item-text-color-active);
 `, [cB("icon", `
 color: var(--n-item-text-color-active);
 `)]), cE("separator", `
 display: none;
 `)])])]);
      const breadcrumbInjectionKey = createInjectionKey("n-breadcrumb");
      const breadcrumbProps = Object.assign(Object.assign({}, useTheme.props), {
        separator: {
          type: String,
          default: "/"
        }
      });
      const Breadcrumb = vue.defineComponent({
        name: "Breadcrumb",
        props: breadcrumbProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Breadcrumb", "-breadcrumb", style$1f, breadcrumbLight, props, mergedClsPrefixRef);
          vue.provide(breadcrumbInjectionKey, {
            separatorRef: vue.toRef(props, "separator"),
            mergedClsPrefixRef
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                separatorColor,
                itemTextColor,
                itemTextColorHover,
                itemTextColorPressed,
                itemTextColorActive,
                fontSize: fontSize2,
                fontWeightActive,
                itemBorderRadius,
                itemColorHover,
                itemColorPressed,
                itemLineHeight
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-item-text-color": itemTextColor,
              "--n-item-text-color-hover": itemTextColorHover,
              "--n-item-text-color-pressed": itemTextColorPressed,
              "--n-item-text-color-active": itemTextColorActive,
              "--n-separator-color": separatorColor,
              "--n-item-color-hover": itemColorHover,
              "--n-item-color-pressed": itemColorPressed,
              "--n-item-border-radius": itemBorderRadius,
              "--n-font-weight-active": fontWeightActive,
              "--n-item-line-height": itemLineHeight
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("breadcrumb", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("nav", {
            class: [`${this.mergedClsPrefix}-breadcrumb`, this.themeClass],
            style: this.cssVars,
            "aria-label": "Breadcrumb"
          }, vue.h("ul", null, this.$slots));
        }
      });
      const useBrowserLocation = (customWindow = isBrowser$2 ? window : null) => {
        const getWindowLocation = () => {
          const {
            hash,
            host,
            hostname,
            href,
            origin,
            pathname,
            port,
            protocol,
            search
          } = (customWindow === null || customWindow === void 0 ? void 0 : customWindow.location) || {};
          return {
            hash,
            host,
            hostname,
            href,
            origin,
            pathname,
            port,
            protocol,
            search
          };
        };
        const updateLocation = () => {
          locationState.value = getWindowLocation();
        };
        const locationState = vue.ref(getWindowLocation());
        vue.onMounted(() => {
          if (customWindow) {
            customWindow.addEventListener("popstate", updateLocation);
            customWindow.addEventListener("hashchange", updateLocation);
          }
        });
        vue.onUnmounted(() => {
          if (customWindow) {
            customWindow.removeEventListener("popstate", updateLocation);
            customWindow.removeEventListener("hashchange", updateLocation);
          }
        });
        return locationState;
      };
      const breadcrumbItemProps = {
        separator: String,
        href: String,
        clickable: {
          type: Boolean,
          default: true
        },
        onClick: Function
      };
      const BreadcrumbItem = vue.defineComponent({
        name: "BreadcrumbItem",
        props: breadcrumbItemProps,
        setup(props, {
          slots
        }) {
          const NBreadcrumb = vue.inject(breadcrumbInjectionKey, null);
          if (!NBreadcrumb) {
            return () => null;
          }
          const {
            separatorRef,
            mergedClsPrefixRef
          } = NBreadcrumb;
          const browserLocationRef = useBrowserLocation();
          const htmlTagRef = vue.computed(() => props.href ? "a" : "span");
          const ariaCurrentRef = vue.computed(() => browserLocationRef.value.href === props.href ? "location" : null);
          return () => {
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            return vue.h("li", {
              class: [`${mergedClsPrefix}-breadcrumb-item`, props.clickable && `${mergedClsPrefix}-breadcrumb-item--clickable`]
            }, vue.h(htmlTagRef.value, {
              class: `${mergedClsPrefix}-breadcrumb-item__link`,
              "aria-current": ariaCurrentRef.value,
              href: props.href,
              onClick: props.onClick
            }, slots), vue.h("span", {
              class: `${mergedClsPrefix}-breadcrumb-item__separator`,
              "aria-hidden": "true"
            }, resolveSlot(slots.separator, () => {
              var _a;
              return [(_a = props.separator) !== null && _a !== void 0 ? _a : separatorRef.value];
            })));
          };
        }
      });
      function createHoverColor(rgb) {
        return composite(rgb, [255, 255, 255, 0.16]);
      }
      function createPressedColor(rgb) {
        return composite(rgb, [0, 0, 0, 0.12]);
      }
      const buttonGroupInjectionKey = createInjectionKey("n-button-group");
      const commonVariables$f = {
        paddingTiny: "0 6px",
        paddingSmall: "0 10px",
        paddingMedium: "0 14px",
        paddingLarge: "0 18px",
        paddingRoundTiny: "0 10px",
        paddingRoundSmall: "0 14px",
        paddingRoundMedium: "0 18px",
        paddingRoundLarge: "0 22px",
        iconMarginTiny: "6px",
        iconMarginSmall: "6px",
        iconMarginMedium: "6px",
        iconMarginLarge: "6px",
        iconSizeTiny: "14px",
        iconSizeSmall: "18px",
        iconSizeMedium: "18px",
        iconSizeLarge: "20px",
        rippleDuration: ".6s"
      };
      const self$12 = (vars) => {
        const {
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          borderRadius,
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          opacityDisabled,
          textColor2,
          textColor3,
          primaryColorHover,
          primaryColorPressed,
          borderColor,
          primaryColor,
          baseColor,
          infoColor,
          infoColorHover,
          infoColorPressed,
          successColor,
          successColorHover,
          successColorPressed,
          warningColor,
          warningColorHover,
          warningColorPressed,
          errorColor,
          errorColorHover,
          errorColorPressed,
          fontWeight,
          buttonColor2,
          buttonColor2Hover,
          buttonColor2Pressed,
          fontWeightStrong
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$f), {
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          borderRadiusTiny: borderRadius,
          borderRadiusSmall: borderRadius,
          borderRadiusMedium: borderRadius,
          borderRadiusLarge: borderRadius,
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          opacityDisabled,
          // secondary
          colorOpacitySecondary: "0.16",
          colorOpacitySecondaryHover: "0.22",
          colorOpacitySecondaryPressed: "0.28",
          colorSecondary: buttonColor2,
          colorSecondaryHover: buttonColor2Hover,
          colorSecondaryPressed: buttonColor2Pressed,
          // tertiary
          colorTertiary: buttonColor2,
          colorTertiaryHover: buttonColor2Hover,
          colorTertiaryPressed: buttonColor2Pressed,
          // quaternary
          colorQuaternary: "#0000",
          colorQuaternaryHover: buttonColor2Hover,
          colorQuaternaryPressed: buttonColor2Pressed,
          // default type
          color: "#0000",
          colorHover: "#0000",
          colorPressed: "#0000",
          colorFocus: "#0000",
          colorDisabled: "#0000",
          textColor: textColor2,
          textColorTertiary: textColor3,
          textColorHover: primaryColorHover,
          textColorPressed: primaryColorPressed,
          textColorFocus: primaryColorHover,
          textColorDisabled: textColor2,
          textColorText: textColor2,
          textColorTextHover: primaryColorHover,
          textColorTextPressed: primaryColorPressed,
          textColorTextFocus: primaryColorHover,
          textColorTextDisabled: textColor2,
          textColorGhost: textColor2,
          textColorGhostHover: primaryColorHover,
          textColorGhostPressed: primaryColorPressed,
          textColorGhostFocus: primaryColorHover,
          textColorGhostDisabled: textColor2,
          border: `1px solid ${borderColor}`,
          borderHover: `1px solid ${primaryColorHover}`,
          borderPressed: `1px solid ${primaryColorPressed}`,
          borderFocus: `1px solid ${primaryColorHover}`,
          borderDisabled: `1px solid ${borderColor}`,
          rippleColor: primaryColor,
          // primary
          colorPrimary: primaryColor,
          colorHoverPrimary: primaryColorHover,
          colorPressedPrimary: primaryColorPressed,
          colorFocusPrimary: primaryColorHover,
          colorDisabledPrimary: primaryColor,
          textColorPrimary: baseColor,
          textColorHoverPrimary: baseColor,
          textColorPressedPrimary: baseColor,
          textColorFocusPrimary: baseColor,
          textColorDisabledPrimary: baseColor,
          textColorTextPrimary: primaryColor,
          textColorTextHoverPrimary: primaryColorHover,
          textColorTextPressedPrimary: primaryColorPressed,
          textColorTextFocusPrimary: primaryColorHover,
          textColorTextDisabledPrimary: textColor2,
          textColorGhostPrimary: primaryColor,
          textColorGhostHoverPrimary: primaryColorHover,
          textColorGhostPressedPrimary: primaryColorPressed,
          textColorGhostFocusPrimary: primaryColorHover,
          textColorGhostDisabledPrimary: primaryColor,
          borderPrimary: `1px solid ${primaryColor}`,
          borderHoverPrimary: `1px solid ${primaryColorHover}`,
          borderPressedPrimary: `1px solid ${primaryColorPressed}`,
          borderFocusPrimary: `1px solid ${primaryColorHover}`,
          borderDisabledPrimary: `1px solid ${primaryColor}`,
          rippleColorPrimary: primaryColor,
          // info
          colorInfo: infoColor,
          colorHoverInfo: infoColorHover,
          colorPressedInfo: infoColorPressed,
          colorFocusInfo: infoColorHover,
          colorDisabledInfo: infoColor,
          textColorInfo: baseColor,
          textColorHoverInfo: baseColor,
          textColorPressedInfo: baseColor,
          textColorFocusInfo: baseColor,
          textColorDisabledInfo: baseColor,
          textColorTextInfo: infoColor,
          textColorTextHoverInfo: infoColorHover,
          textColorTextPressedInfo: infoColorPressed,
          textColorTextFocusInfo: infoColorHover,
          textColorTextDisabledInfo: textColor2,
          textColorGhostInfo: infoColor,
          textColorGhostHoverInfo: infoColorHover,
          textColorGhostPressedInfo: infoColorPressed,
          textColorGhostFocusInfo: infoColorHover,
          textColorGhostDisabledInfo: infoColor,
          borderInfo: `1px solid ${infoColor}`,
          borderHoverInfo: `1px solid ${infoColorHover}`,
          borderPressedInfo: `1px solid ${infoColorPressed}`,
          borderFocusInfo: `1px solid ${infoColorHover}`,
          borderDisabledInfo: `1px solid ${infoColor}`,
          rippleColorInfo: infoColor,
          // success
          colorSuccess: successColor,
          colorHoverSuccess: successColorHover,
          colorPressedSuccess: successColorPressed,
          colorFocusSuccess: successColorHover,
          colorDisabledSuccess: successColor,
          textColorSuccess: baseColor,
          textColorHoverSuccess: baseColor,
          textColorPressedSuccess: baseColor,
          textColorFocusSuccess: baseColor,
          textColorDisabledSuccess: baseColor,
          textColorTextSuccess: successColor,
          textColorTextHoverSuccess: successColorHover,
          textColorTextPressedSuccess: successColorPressed,
          textColorTextFocusSuccess: successColorHover,
          textColorTextDisabledSuccess: textColor2,
          textColorGhostSuccess: successColor,
          textColorGhostHoverSuccess: successColorHover,
          textColorGhostPressedSuccess: successColorPressed,
          textColorGhostFocusSuccess: successColorHover,
          textColorGhostDisabledSuccess: successColor,
          borderSuccess: `1px solid ${successColor}`,
          borderHoverSuccess: `1px solid ${successColorHover}`,
          borderPressedSuccess: `1px solid ${successColorPressed}`,
          borderFocusSuccess: `1px solid ${successColorHover}`,
          borderDisabledSuccess: `1px solid ${successColor}`,
          rippleColorSuccess: successColor,
          // warning
          colorWarning: warningColor,
          colorHoverWarning: warningColorHover,
          colorPressedWarning: warningColorPressed,
          colorFocusWarning: warningColorHover,
          colorDisabledWarning: warningColor,
          textColorWarning: baseColor,
          textColorHoverWarning: baseColor,
          textColorPressedWarning: baseColor,
          textColorFocusWarning: baseColor,
          textColorDisabledWarning: baseColor,
          textColorTextWarning: warningColor,
          textColorTextHoverWarning: warningColorHover,
          textColorTextPressedWarning: warningColorPressed,
          textColorTextFocusWarning: warningColorHover,
          textColorTextDisabledWarning: textColor2,
          textColorGhostWarning: warningColor,
          textColorGhostHoverWarning: warningColorHover,
          textColorGhostPressedWarning: warningColorPressed,
          textColorGhostFocusWarning: warningColorHover,
          textColorGhostDisabledWarning: warningColor,
          borderWarning: `1px solid ${warningColor}`,
          borderHoverWarning: `1px solid ${warningColorHover}`,
          borderPressedWarning: `1px solid ${warningColorPressed}`,
          borderFocusWarning: `1px solid ${warningColorHover}`,
          borderDisabledWarning: `1px solid ${warningColor}`,
          rippleColorWarning: warningColor,
          // error
          colorError: errorColor,
          colorHoverError: errorColorHover,
          colorPressedError: errorColorPressed,
          colorFocusError: errorColorHover,
          colorDisabledError: errorColor,
          textColorError: baseColor,
          textColorHoverError: baseColor,
          textColorPressedError: baseColor,
          textColorFocusError: baseColor,
          textColorDisabledError: baseColor,
          textColorTextError: errorColor,
          textColorTextHoverError: errorColorHover,
          textColorTextPressedError: errorColorPressed,
          textColorTextFocusError: errorColorHover,
          textColorTextDisabledError: textColor2,
          textColorGhostError: errorColor,
          textColorGhostHoverError: errorColorHover,
          textColorGhostPressedError: errorColorPressed,
          textColorGhostFocusError: errorColorHover,
          textColorGhostDisabledError: errorColor,
          borderError: `1px solid ${errorColor}`,
          borderHoverError: `1px solid ${errorColorHover}`,
          borderPressedError: `1px solid ${errorColorPressed}`,
          borderFocusError: `1px solid ${errorColorHover}`,
          borderDisabledError: `1px solid ${errorColor}`,
          rippleColorError: errorColor,
          waveOpacity: "0.6",
          fontWeight,
          fontWeightStrong
        });
      };
      const buttonLight = {
        name: "Button",
        common: derived,
        self: self$12
      };
      const style$1e = c$1([cB("button", `
 margin: 0;
 font-weight: var(--n-font-weight);
 line-height: 1;
 font-family: inherit;
 padding: var(--n-padding);
 height: var(--n-height);
 font-size: var(--n-font-size);
 border-radius: var(--n-border-radius);
 color: var(--n-text-color);
 background-color: var(--n-color);
 width: var(--n-width);
 white-space: nowrap;
 outline: none;
 position: relative;
 z-index: auto;
 border: none;
 display: inline-flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 align-items: center;
 justify-content: center;
 user-select: none;
 -webkit-user-select: none;
 text-align: center;
 cursor: pointer;
 text-decoration: none;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [cM("color", [cE("border", {
        borderColor: "var(--n-border-color)"
      }), cM("disabled", [cE("border", {
        borderColor: "var(--n-border-color-disabled)"
      })]), cNotM("disabled", [c$1("&:focus", [cE("state-border", {
        borderColor: "var(--n-border-color-focus)"
      })]), c$1("&:hover", [cE("state-border", {
        borderColor: "var(--n-border-color-hover)"
      })]), c$1("&:active", [cE("state-border", {
        borderColor: "var(--n-border-color-pressed)"
      })]), cM("pressed", [cE("state-border", {
        borderColor: "var(--n-border-color-pressed)"
      })])])]), cM("disabled", {
        backgroundColor: "var(--n-color-disabled)",
        color: "var(--n-text-color-disabled)"
      }, [cE("border", {
        border: "var(--n-border-disabled)"
      })]), cNotM("disabled", [c$1("&:focus", {
        backgroundColor: "var(--n-color-focus)",
        color: "var(--n-text-color-focus)"
      }, [cE("state-border", {
        border: "var(--n-border-focus)"
      })]), c$1("&:hover", {
        backgroundColor: "var(--n-color-hover)",
        color: "var(--n-text-color-hover)"
      }, [cE("state-border", {
        border: "var(--n-border-hover)"
      })]), c$1("&:active", {
        backgroundColor: "var(--n-color-pressed)",
        color: "var(--n-text-color-pressed)"
      }, [cE("state-border", {
        border: "var(--n-border-pressed)"
      })]), cM("pressed", {
        backgroundColor: "var(--n-color-pressed)",
        color: "var(--n-text-color-pressed)"
      }, [cE("state-border", {
        border: "var(--n-border-pressed)"
      })])]), cM("loading", "cursor: wait;"), cB("base-wave", `
 pointer-events: none;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 animation-iteration-count: 1;
 animation-duration: var(--n-ripple-duration);
 animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
 `, [cM("active", {
        zIndex: 1,
        animationName: "button-wave-spread, button-wave-opacity"
      })]), isBrowser$2 && "MozBoxSizing" in document.createElement("div").style ? c$1("&::moz-focus-inner", {
        border: 0
      }) : null, cE("border, state-border", `
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 border-radius: inherit;
 transition: border-color .3s var(--n-bezier);
 pointer-events: none;
 `), cE("border", {
        border: "var(--n-border)"
      }), cE("state-border", {
        border: "var(--n-border)",
        borderColor: "#0000",
        zIndex: 1
      }), cE("icon", `
 margin: var(--n-icon-margin);
 margin-left: 0;
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 max-width: var(--n-icon-size);
 font-size: var(--n-icon-size);
 position: relative;
 flex-shrink: 0;
 `, [cB("icon-slot", `
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 `, [iconSwitchTransition({
        top: "50%",
        originalTransform: "translateY(-50%)"
      })]), fadeInWidthExpandTransition()]), cE("content", `
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 min-width: 0;
 `, [c$1("~", [cE("icon", {
        margin: "var(--n-icon-margin)",
        marginRight: 0
      })])]), cM("block", `
 display: flex;
 width: 100%;
 `), cM("dashed", [cE("border, state-border", {
        borderStyle: "dashed !important"
      })]), cM("disabled", {
        cursor: "not-allowed",
        opacity: "var(--n-opacity-disabled)"
      })]), c$1("@keyframes button-wave-spread", {
        from: {
          boxShadow: "0 0 0.5px 0 var(--n-ripple-color)"
        },
        to: {
          // don't use exact 5px since chrome will display the animation with glitches
          boxShadow: "0 0 0.5px 4.5px var(--n-ripple-color)"
        }
      }), c$1("@keyframes button-wave-opacity", {
        from: {
          opacity: "var(--n-wave-opacity)"
        },
        to: {
          opacity: 0
        }
      })]);
      const buttonProps = Object.assign(Object.assign({}, useTheme.props), {
        color: String,
        textColor: String,
        text: Boolean,
        block: Boolean,
        loading: Boolean,
        disabled: Boolean,
        circle: Boolean,
        size: String,
        ghost: Boolean,
        round: Boolean,
        secondary: Boolean,
        tertiary: Boolean,
        quaternary: Boolean,
        strong: Boolean,
        focusable: {
          type: Boolean,
          default: true
        },
        keyboard: {
          type: Boolean,
          default: true
        },
        tag: {
          type: String,
          default: "button"
        },
        type: {
          type: String,
          default: "default"
        },
        dashed: Boolean,
        renderIcon: Function,
        iconPlacement: {
          type: String,
          default: "left"
        },
        attrType: {
          type: String,
          default: "button"
        },
        bordered: {
          type: Boolean,
          default: true
        },
        onClick: [Function, Array],
        nativeFocusBehavior: {
          type: Boolean,
          default: !isSafari
        }
      });
      const Button = vue.defineComponent({
        name: "Button",
        props: buttonProps,
        setup(props) {
          const selfElRef = vue.ref(null);
          const waveElRef = vue.ref(null);
          const enterPressedRef = vue.ref(false);
          const showBorderRef = useMemo(() => {
            return !props.quaternary && !props.tertiary && !props.secondary && !props.text && (!props.color || props.ghost || props.dashed) && props.bordered;
          });
          const NButtonGroup2 = vue.inject(buttonGroupInjectionKey, {});
          const {
            mergedSizeRef
          } = useFormItem({}, {
            defaultSize: "medium",
            mergedSize: (NFormItem2) => {
              const {
                size: size2
              } = props;
              if (size2)
                return size2;
              const {
                size: buttonGroupSize
              } = NButtonGroup2;
              if (buttonGroupSize)
                return buttonGroupSize;
              const {
                mergedSize: formItemSize2
              } = NFormItem2 || {};
              if (formItemSize2) {
                return formItemSize2.value;
              }
              return "medium";
            }
          });
          const mergedFocusableRef = vue.computed(() => {
            return props.focusable && !props.disabled;
          });
          const handleMousedown = (e) => {
            var _a;
            if (!mergedFocusableRef.value) {
              e.preventDefault();
            }
            if (props.nativeFocusBehavior) {
              return;
            }
            e.preventDefault();
            if (props.disabled) {
              return;
            }
            if (mergedFocusableRef.value) {
              (_a = selfElRef.value) === null || _a === void 0 ? void 0 : _a.focus({
                preventScroll: true
              });
            }
          };
          const handleClick2 = (e) => {
            var _a;
            if (!props.disabled && !props.loading) {
              const {
                onClick
              } = props;
              if (onClick)
                call(onClick, e);
              if (!props.text) {
                (_a = waveElRef.value) === null || _a === void 0 ? void 0 : _a.play();
              }
            }
          };
          const handleKeyup = (e) => {
            switch (e.key) {
              case "Enter":
                if (!props.keyboard) {
                  return;
                }
                enterPressedRef.value = false;
            }
          };
          const handleKeydown = (e) => {
            switch (e.key) {
              case "Enter":
                if (!props.keyboard || props.loading) {
                  e.preventDefault();
                  return;
                }
                enterPressedRef.value = true;
            }
          };
          const handleBlur = () => {
            enterPressedRef.value = false;
          };
          const {
            inlineThemeDisabled,
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Button", "-button", style$1e, buttonLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Button", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const theme = themeRef.value;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2,
                cubicBezierEaseOut: cubicBezierEaseOut2
              },
              self: self2
            } = theme;
            const {
              rippleDuration,
              opacityDisabled,
              fontWeight,
              fontWeightStrong
            } = self2;
            const size2 = mergedSizeRef.value;
            const {
              dashed,
              type,
              ghost,
              text: text2,
              color,
              round: round2,
              circle,
              textColor,
              secondary,
              tertiary,
              quaternary,
              strong
            } = props;
            const fontProps = {
              "font-weight": strong ? fontWeightStrong : fontWeight
            };
            let colorProps = {
              "--n-color": "initial",
              "--n-color-hover": "initial",
              "--n-color-pressed": "initial",
              "--n-color-focus": "initial",
              "--n-color-disabled": "initial",
              "--n-ripple-color": "initial",
              "--n-text-color": "initial",
              "--n-text-color-hover": "initial",
              "--n-text-color-pressed": "initial",
              "--n-text-color-focus": "initial",
              "--n-text-color-disabled": "initial"
            };
            const typeIsTertiary = type === "tertiary";
            const typeIsDefault = type === "default";
            const mergedType = typeIsTertiary ? "default" : type;
            if (text2) {
              const propTextColor = textColor || color;
              const mergedTextColor = propTextColor || self2[createKey("textColorText", mergedType)];
              colorProps = {
                "--n-color": "#0000",
                "--n-color-hover": "#0000",
                "--n-color-pressed": "#0000",
                "--n-color-focus": "#0000",
                "--n-color-disabled": "#0000",
                "--n-ripple-color": "#0000",
                "--n-text-color": mergedTextColor,
                "--n-text-color-hover": propTextColor ? createHoverColor(propTextColor) : self2[createKey("textColorTextHover", mergedType)],
                "--n-text-color-pressed": propTextColor ? createPressedColor(propTextColor) : self2[createKey("textColorTextPressed", mergedType)],
                "--n-text-color-focus": propTextColor ? createHoverColor(propTextColor) : self2[createKey("textColorTextHover", mergedType)],
                "--n-text-color-disabled": propTextColor || self2[createKey("textColorTextDisabled", mergedType)]
              };
            } else if (ghost || dashed) {
              const mergedTextColor = textColor || color;
              colorProps = {
                "--n-color": "#0000",
                "--n-color-hover": "#0000",
                "--n-color-pressed": "#0000",
                "--n-color-focus": "#0000",
                "--n-color-disabled": "#0000",
                "--n-ripple-color": color || self2[createKey("rippleColor", mergedType)],
                "--n-text-color": mergedTextColor || self2[createKey("textColorGhost", mergedType)],
                "--n-text-color-hover": mergedTextColor ? createHoverColor(mergedTextColor) : self2[createKey("textColorGhostHover", mergedType)],
                "--n-text-color-pressed": mergedTextColor ? createPressedColor(mergedTextColor) : self2[createKey("textColorGhostPressed", mergedType)],
                "--n-text-color-focus": mergedTextColor ? createHoverColor(mergedTextColor) : self2[createKey("textColorGhostHover", mergedType)],
                "--n-text-color-disabled": mergedTextColor || self2[createKey("textColorGhostDisabled", mergedType)]
              };
            } else if (secondary) {
              const typeTextColor = typeIsDefault ? self2.textColor : typeIsTertiary ? self2.textColorTertiary : self2[createKey("color", mergedType)];
              const mergedTextColor = color || typeTextColor;
              const isColoredType = type !== "default" && type !== "tertiary";
              colorProps = {
                "--n-color": isColoredType ? changeColor(mergedTextColor, {
                  alpha: Number(self2.colorOpacitySecondary)
                }) : self2.colorSecondary,
                "--n-color-hover": isColoredType ? changeColor(mergedTextColor, {
                  alpha: Number(self2.colorOpacitySecondaryHover)
                }) : self2.colorSecondaryHover,
                "--n-color-pressed": isColoredType ? changeColor(mergedTextColor, {
                  alpha: Number(self2.colorOpacitySecondaryPressed)
                }) : self2.colorSecondaryPressed,
                "--n-color-focus": isColoredType ? changeColor(mergedTextColor, {
                  alpha: Number(self2.colorOpacitySecondaryHover)
                }) : self2.colorSecondaryHover,
                "--n-color-disabled": self2.colorSecondary,
                "--n-ripple-color": "#0000",
                "--n-text-color": mergedTextColor,
                "--n-text-color-hover": mergedTextColor,
                "--n-text-color-pressed": mergedTextColor,
                "--n-text-color-focus": mergedTextColor,
                "--n-text-color-disabled": mergedTextColor
              };
            } else if (tertiary || quaternary) {
              const typeColor = typeIsDefault ? self2.textColor : typeIsTertiary ? self2.textColorTertiary : self2[createKey("color", mergedType)];
              const mergedColor = color || typeColor;
              if (tertiary) {
                colorProps["--n-color"] = self2.colorTertiary;
                colorProps["--n-color-hover"] = self2.colorTertiaryHover;
                colorProps["--n-color-pressed"] = self2.colorTertiaryPressed;
                colorProps["--n-color-focus"] = self2.colorSecondaryHover;
                colorProps["--n-color-disabled"] = self2.colorTertiary;
              } else {
                colorProps["--n-color"] = self2.colorQuaternary;
                colorProps["--n-color-hover"] = self2.colorQuaternaryHover;
                colorProps["--n-color-pressed"] = self2.colorQuaternaryPressed;
                colorProps["--n-color-focus"] = self2.colorQuaternaryHover;
                colorProps["--n-color-disabled"] = self2.colorQuaternary;
              }
              colorProps["--n-ripple-color"] = "#0000";
              colorProps["--n-text-color"] = mergedColor;
              colorProps["--n-text-color-hover"] = mergedColor;
              colorProps["--n-text-color-pressed"] = mergedColor;
              colorProps["--n-text-color-focus"] = mergedColor;
              colorProps["--n-text-color-disabled"] = mergedColor;
            } else {
              colorProps = {
                "--n-color": color || self2[createKey("color", mergedType)],
                "--n-color-hover": color ? createHoverColor(color) : self2[createKey("colorHover", mergedType)],
                "--n-color-pressed": color ? createPressedColor(color) : self2[createKey("colorPressed", mergedType)],
                "--n-color-focus": color ? createHoverColor(color) : self2[createKey("colorFocus", mergedType)],
                "--n-color-disabled": color || self2[createKey("colorDisabled", mergedType)],
                "--n-ripple-color": color || self2[createKey("rippleColor", mergedType)],
                "--n-text-color": textColor || (color ? self2.textColorPrimary : typeIsTertiary ? self2.textColorTertiary : self2[createKey("textColor", mergedType)]),
                "--n-text-color-hover": textColor || (color ? self2.textColorHoverPrimary : self2[createKey("textColorHover", mergedType)]),
                "--n-text-color-pressed": textColor || (color ? self2.textColorPressedPrimary : self2[createKey("textColorPressed", mergedType)]),
                "--n-text-color-focus": textColor || (color ? self2.textColorFocusPrimary : self2[createKey("textColorFocus", mergedType)]),
                "--n-text-color-disabled": textColor || (color ? self2.textColorDisabledPrimary : self2[createKey("textColorDisabled", mergedType)])
              };
            }
            let borderProps = {
              "--n-border": "initial",
              "--n-border-hover": "initial",
              "--n-border-pressed": "initial",
              "--n-border-focus": "initial",
              "--n-border-disabled": "initial"
            };
            if (text2) {
              borderProps = {
                "--n-border": "none",
                "--n-border-hover": "none",
                "--n-border-pressed": "none",
                "--n-border-focus": "none",
                "--n-border-disabled": "none"
              };
            } else {
              borderProps = {
                "--n-border": self2[createKey("border", mergedType)],
                "--n-border-hover": self2[createKey("borderHover", mergedType)],
                "--n-border-pressed": self2[createKey("borderPressed", mergedType)],
                "--n-border-focus": self2[createKey("borderFocus", mergedType)],
                "--n-border-disabled": self2[createKey("borderDisabled", mergedType)]
              };
            }
            const {
              [createKey("height", size2)]: height,
              [createKey("fontSize", size2)]: fontSize2,
              [createKey("padding", size2)]: padding,
              [createKey("paddingRound", size2)]: paddingRound,
              [createKey("iconSize", size2)]: iconSize,
              [createKey("borderRadius", size2)]: borderRadius,
              [createKey("iconMargin", size2)]: iconMargin,
              waveOpacity
            } = self2;
            const sizeProps = {
              "--n-width": circle && !text2 ? height : "initial",
              "--n-height": text2 ? "initial" : height,
              "--n-font-size": fontSize2,
              "--n-padding": circle ? "initial" : text2 ? "initial" : round2 ? paddingRound : padding,
              "--n-icon-size": iconSize,
              "--n-icon-margin": iconMargin,
              "--n-border-radius": text2 ? "initial" : circle || round2 ? height : borderRadius
            };
            return Object.assign(Object.assign(Object.assign(Object.assign({
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-bezier-ease-out": cubicBezierEaseOut2,
              "--n-ripple-duration": rippleDuration,
              "--n-opacity-disabled": opacityDisabled,
              "--n-wave-opacity": waveOpacity
            }, fontProps), colorProps), borderProps), sizeProps);
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("button", vue.computed(() => {
            let hash = "";
            const {
              dashed,
              type,
              ghost,
              text: text2,
              color,
              round: round2,
              circle,
              textColor,
              secondary,
              tertiary,
              quaternary,
              strong
            } = props;
            if (dashed)
              hash += "a";
            if (ghost)
              hash += "b";
            if (text2)
              hash += "c";
            if (round2)
              hash += "d";
            if (circle)
              hash += "e";
            if (secondary)
              hash += "f";
            if (tertiary)
              hash += "g";
            if (quaternary)
              hash += "h";
            if (strong)
              hash += "i";
            if (color)
              hash += "j" + color2Class(color);
            if (textColor)
              hash += "k" + color2Class(textColor);
            const {
              value: size2
            } = mergedSizeRef;
            hash += "l" + size2[0];
            hash += "m" + type[0];
            return hash;
          }), cssVarsRef, props) : void 0;
          return {
            selfElRef,
            waveElRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedFocusable: mergedFocusableRef,
            mergedSize: mergedSizeRef,
            showBorder: showBorderRef,
            enterPressed: enterPressedRef,
            rtlEnabled: rtlEnabledRef,
            handleMousedown,
            handleKeydown,
            handleBlur,
            handleKeyup,
            handleClick: handleClick2,
            customColorCssVars: vue.computed(() => {
              const {
                color
              } = props;
              if (!color)
                return null;
              const hoverColor = createHoverColor(color);
              return {
                "--n-border-color": color,
                "--n-border-color-hover": hoverColor,
                "--n-border-color-pressed": createPressedColor(color),
                "--n-border-color-focus": hoverColor,
                "--n-border-color-disabled": color
              };
            }),
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix,
            tag: Component,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const children = resolveWrappedSlot(this.$slots.default, (children2) => children2 && vue.h("span", {
            class: `${mergedClsPrefix}-button__content`
          }, children2));
          return vue.h(Component, {
            ref: "selfElRef",
            class: [
              this.themeClass,
              `${mergedClsPrefix}-button`,
              `${mergedClsPrefix}-button--${this.type}-type`,
              `${mergedClsPrefix}-button--${this.mergedSize}-type`,
              this.rtlEnabled && `${mergedClsPrefix}-button--rtl`,
              this.disabled && `${mergedClsPrefix}-button--disabled`,
              this.block && `${mergedClsPrefix}-button--block`,
              this.enterPressed && `${mergedClsPrefix}-button--pressed`,
              !this.text && this.dashed && `${mergedClsPrefix}-button--dashed`,
              this.color && `${mergedClsPrefix}-button--color`,
              this.secondary && `${mergedClsPrefix}-button--secondary`,
              this.loading && `${mergedClsPrefix}-button--loading`,
              this.ghost && `${mergedClsPrefix}-button--ghost`
              // required for button group border collapse
            ],
            tabindex: this.mergedFocusable ? 0 : -1,
            type: this.attrType,
            style: this.cssVars,
            disabled: this.disabled,
            onClick: this.handleClick,
            onBlur: this.handleBlur,
            onMousedown: this.handleMousedown,
            onKeyup: this.handleKeyup,
            onKeydown: this.handleKeydown
          }, this.iconPlacement === "right" && children, vue.h(NFadeInExpandTransition, {
            width: true
          }, {
            default: () => resolveWrappedSlot(this.$slots.icon, (children2) => (this.loading || this.renderIcon || children2) && vue.h("span", {
              class: `${mergedClsPrefix}-button__icon`,
              style: {
                margin: isSlotEmpty(this.$slots.default) ? "0" : ""
              }
            }, vue.h(NIconSwitchTransition, null, {
              default: () => this.loading ? vue.h(NBaseLoading, {
                clsPrefix: mergedClsPrefix,
                key: "loading",
                class: `${mergedClsPrefix}-icon-slot`,
                strokeWidth: 20
              }) : vue.h("div", {
                key: "icon",
                class: `${mergedClsPrefix}-icon-slot`,
                role: "none"
              }, this.renderIcon ? this.renderIcon() : children2)
            })))
          }), this.iconPlacement === "left" && children, !this.text ? vue.h(NBaseWave, {
            ref: "waveElRef",
            clsPrefix: mergedClsPrefix
          }) : null, this.showBorder ? vue.h("div", {
            "aria-hidden": true,
            class: `${mergedClsPrefix}-button__border`,
            style: this.customColorCssVars
          }) : null, this.showBorder ? vue.h("div", {
            "aria-hidden": true,
            class: `${mergedClsPrefix}-button__state-border`,
            style: this.customColorCssVars
          }) : null);
        }
      });
      const NButton = Button;
      const XButton = Button;
      const zero = "0!important";
      const n1 = "-1px!important";
      function createLeftBorderStyle(type) {
        return cM(type + "-type", [c$1("& +", [cB("button", {}, [cM(type + "-type", [cE("border", {
          borderLeftWidth: zero
        }), cE("state-border", {
          left: n1
        })])])])]);
      }
      function createTopBorderStyle(type) {
        return cM(type + "-type", [c$1("& +", [cB("button", [cM(type + "-type", [cE("border", {
          borderTopWidth: zero
        }), cE("state-border", {
          top: n1
        })])])])]);
      }
      const style$1d = cB("button-group", `
 flex-wrap: nowrap;
 display: inline-flex;
 position: relative;
`, [cNotM("vertical", {
        flexDirection: "row"
      }, [cNotM("rtl", [cB("button", [c$1("&:first-child:not(:last-child)", `
 margin-right: ${zero};
 border-top-right-radius: ${zero};
 border-bottom-right-radius: ${zero};
 `), c$1("&:last-child:not(:first-child)", `
 margin-left: ${zero};
 border-top-left-radius: ${zero};
 border-bottom-left-radius: ${zero};
 `), c$1("&:not(:first-child):not(:last-child)", `
 margin-left: ${zero};
 margin-right: ${zero};
 border-radius: ${zero};
 `), createLeftBorderStyle("default"), cM("ghost", [createLeftBorderStyle("primary"), createLeftBorderStyle("info"), createLeftBorderStyle("success"), createLeftBorderStyle("warning"), createLeftBorderStyle("error")])])])]), cM("vertical", {
        flexDirection: "column"
      }, [cB("button", [c$1("&:first-child:not(:last-child)", `
 margin-bottom: ${zero};
 margin-left: ${zero};
 margin-right: ${zero};
 border-bottom-left-radius: ${zero};
 border-bottom-right-radius: ${zero};
 `), c$1("&:last-child:not(:first-child)", `
 margin-top: ${zero};
 margin-left: ${zero};
 margin-right: ${zero};
 border-top-left-radius: ${zero};
 border-top-right-radius: ${zero};
 `), c$1("&:not(:first-child):not(:last-child)", `
 margin: ${zero};
 border-radius: ${zero};
 `), createTopBorderStyle("default"), cM("ghost", [createTopBorderStyle("primary"), createTopBorderStyle("info"), createTopBorderStyle("success"), createTopBorderStyle("warning"), createTopBorderStyle("error")])])])]);
      const buttonGroupProps = {
        size: {
          type: String,
          default: void 0
        },
        vertical: Boolean
      };
      const NButtonGroup = vue.defineComponent({
        name: "ButtonGroup",
        props: buttonGroupProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          useStyle("-button-group", style$1d, mergedClsPrefixRef);
          vue.provide(buttonGroupInjectionKey, props);
          const rtlEnabledRef = useRtl("ButtonGroup", mergedRtlRef, mergedClsPrefixRef);
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-button-group`, this.rtlEnabled && `${mergedClsPrefix}-button-group--rtl`, this.vertical && `${mergedClsPrefix}-button-group--vertical`],
            role: "group"
          }, this.$slots);
        }
      });
      const START_YEAR = 1901;
      const MONTH_ITEM_HEIGHT = 40;
      const matcherMap = {
        date: isSameDay,
        month: isSameMonth,
        year: isSameYear,
        quarter: isSameQuarter
      };
      function makeWeekMatcher(firstDayOfWeek) {
        return (sourceTime, patternTime) => {
          const weekStartsOn = (firstDayOfWeek + 1) % 7;
          return isSameWeek(sourceTime, patternTime, {
            weekStartsOn
          });
        };
      }
      function matchDate(sourceTime, patternTime, type, firstDayOfWeek = 0) {
        const matcher = type === "week" ? makeWeekMatcher(firstDayOfWeek) : matcherMap[type];
        return matcher(sourceTime, patternTime);
      }
      function dateOrWeekItem(time2, monthTs, valueTs, currentTs, mode, firstDayOfWeek) {
        if (mode === "date") {
          return dateItem(time2, monthTs, valueTs, currentTs);
        } else {
          return weekItem(time2, monthTs, valueTs, currentTs, firstDayOfWeek);
        }
      }
      function dateItem(time2, monthTs, valueTs, currentTs) {
        let inSpan = false;
        let startOfSpan = false;
        let endOfSpan = false;
        if (Array.isArray(valueTs)) {
          if (valueTs[0] < time2 && time2 < valueTs[1]) {
            inSpan = true;
          }
          if (matchDate(valueTs[0], time2, "date"))
            startOfSpan = true;
          if (matchDate(valueTs[1], time2, "date"))
            endOfSpan = true;
        }
        const selected = valueTs !== null && (Array.isArray(valueTs) ? matchDate(valueTs[0], time2, "date") || matchDate(valueTs[1], time2, "date") : matchDate(valueTs, time2, "date"));
        return {
          type: "date",
          dateObject: {
            date: getDate(time2),
            month: getMonth(time2),
            year: getYear(time2)
          },
          inCurrentMonth: isSameMonth(time2, monthTs),
          isCurrentDate: matchDate(currentTs, time2, "date"),
          inSpan,
          inSelectedWeek: false,
          startOfSpan,
          endOfSpan,
          selected,
          ts: getTime(time2)
        };
      }
      function getMonthString(month, monthFormat, locale2) {
        const date = new Date(2e3, month, 1).getTime();
        return format$4(date, monthFormat, {
          locale: locale2
        });
      }
      function getYearString(year, yearFormat, locale2) {
        const date = new Date(year, 1, 1).getTime();
        return format$4(date, yearFormat, {
          locale: locale2
        });
      }
      function getQuarterString(quarter, quarterFormat, locale2) {
        const date = new Date(2e3, quarter * 3 - 2, 1).getTime();
        return format$4(date, quarterFormat, {
          locale: locale2
        });
      }
      function weekItem(time2, monthTs, valueTs, currentTs, firstDayOfWeek) {
        let inSpan = false;
        let startOfSpan = false;
        let endOfSpan = false;
        if (Array.isArray(valueTs)) {
          if (valueTs[0] < time2 && time2 < valueTs[1]) {
            inSpan = true;
          }
          if (matchDate(valueTs[0], time2, "week", firstDayOfWeek))
            startOfSpan = true;
          if (matchDate(valueTs[1], time2, "week", firstDayOfWeek))
            endOfSpan = true;
        }
        const inSelectedWeek = valueTs !== null && (Array.isArray(valueTs) ? matchDate(valueTs[0], time2, "week", firstDayOfWeek) || matchDate(valueTs[1], time2, "week", firstDayOfWeek) : matchDate(valueTs, time2, "week", firstDayOfWeek));
        return {
          type: "date",
          dateObject: {
            date: getDate(time2),
            month: getMonth(time2),
            year: getYear(time2)
          },
          inCurrentMonth: isSameMonth(time2, monthTs),
          isCurrentDate: matchDate(currentTs, time2, "date"),
          inSpan,
          startOfSpan,
          endOfSpan,
          selected: false,
          inSelectedWeek,
          ts: getTime(time2)
        };
      }
      function monthItem(monthTs, valueTs, currentTs, {
        monthFormat
      }) {
        return {
          type: "month",
          monthFormat,
          dateObject: {
            month: getMonth(monthTs),
            year: getYear(monthTs)
          },
          isCurrent: isSameMonth(currentTs, monthTs),
          selected: valueTs !== null && matchDate(valueTs, monthTs, "month"),
          ts: getTime(monthTs)
        };
      }
      function yearItem(yearTs, valueTs, currentTs, {
        yearFormat
      }) {
        return {
          type: "year",
          yearFormat,
          dateObject: {
            year: getYear(yearTs)
          },
          isCurrent: isSameYear(currentTs, yearTs),
          selected: valueTs !== null && matchDate(valueTs, yearTs, "year"),
          ts: getTime(yearTs)
        };
      }
      function quarterItem(quarterTs, valueTs, currentTs, {
        quarterFormat
      }) {
        return {
          type: "quarter",
          quarterFormat,
          dateObject: {
            quarter: getQuarter(quarterTs),
            year: getYear(quarterTs)
          },
          isCurrent: isSameQuarter(currentTs, quarterTs),
          selected: valueTs !== null && matchDate(valueTs, quarterTs, "quarter"),
          ts: getTime(quarterTs)
        };
      }
      function dateArray(monthTs, valueTs, currentTs, startDay, strip = false, weekMode = false) {
        const granularity = weekMode ? "week" : "date";
        const displayMonth = getMonth(monthTs);
        let displayMonthIterator = getTime(startOfMonth(monthTs));
        let lastMonthIterator = getTime(addDays(displayMonthIterator, -1));
        const calendarDays = [];
        let protectLastMonthDateIsShownFlag = !strip;
        while (getDay(lastMonthIterator) !== startDay || protectLastMonthDateIsShownFlag) {
          calendarDays.unshift(dateOrWeekItem(lastMonthIterator, monthTs, valueTs, currentTs, granularity, startDay));
          lastMonthIterator = getTime(addDays(lastMonthIterator, -1));
          protectLastMonthDateIsShownFlag = false;
        }
        while (getMonth(displayMonthIterator) === displayMonth) {
          calendarDays.push(dateOrWeekItem(displayMonthIterator, monthTs, valueTs, currentTs, granularity, startDay));
          displayMonthIterator = getTime(addDays(displayMonthIterator, 1));
        }
        const endIndex = strip ? calendarDays.length <= 28 ? 28 : calendarDays.length <= 35 ? 35 : 42 : 42;
        while (calendarDays.length < endIndex) {
          calendarDays.push(dateOrWeekItem(displayMonthIterator, monthTs, valueTs, currentTs, granularity, startDay));
          displayMonthIterator = getTime(addDays(displayMonthIterator, 1));
        }
        return calendarDays;
      }
      function monthArray(yearAnchorTs, valueTs, currentTs, format2) {
        const calendarMonths = [];
        const yearStart = startOfYear(yearAnchorTs);
        for (let i = 0; i < 12; i++) {
          calendarMonths.push(monthItem(getTime(addMonths(yearStart, i)), valueTs, currentTs, format2));
        }
        return calendarMonths;
      }
      function quarterArray(yearAnchorTs, valueTs, currentTs, format2) {
        const calendarQuarters = [];
        const yearStart = startOfYear(yearAnchorTs);
        for (let i = 0; i < 4; i++) {
          calendarQuarters.push(quarterItem(getTime(addQuarters(yearStart, i)), valueTs, currentTs, format2));
        }
        return calendarQuarters;
      }
      function yearArray(valueTs, currentTs, format2) {
        const calendarYears = [];
        const time1900 = new Date(START_YEAR, 0, 1);
        for (let i = 0; i < 200; i++) {
          calendarYears.push(yearItem(getTime(addYears(time1900, i)), valueTs, currentTs, format2));
        }
        return calendarYears;
      }
      function strictParse(string2, pattern, backup, option) {
        const result = parse$1(string2, pattern, backup, option);
        if (!isValid$1(result))
          return result;
        else if (format$4(result, pattern, option) === string2)
          return result;
        else
          return /* @__PURE__ */ new Date(NaN);
      }
      function getDefaultTime(timeValue) {
        if (timeValue === void 0) {
          return void 0;
        }
        if (typeof timeValue === "number") {
          return timeValue;
        }
        const [hour, minute, second] = timeValue.split(":");
        return {
          hours: Number(hour),
          minutes: Number(minute),
          seconds: Number(second)
        };
      }
      function pluckValueFromRange(value, type) {
        return Array.isArray(value) ? value[type === "start" ? 0 : 1] : null;
      }
      const commonVariables$e = {
        titleFontSize: "22px"
      };
      const self$11 = (vars) => {
        const {
          borderRadius,
          fontSize: fontSize2,
          lineHeight: lineHeight2,
          textColor2,
          textColor1,
          textColorDisabled,
          dividerColor,
          fontWeightStrong,
          primaryColor,
          baseColor,
          hoverColor,
          cardColor,
          modalColor,
          popoverColor
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$e), {
          borderRadius,
          borderColor: composite(cardColor, dividerColor),
          borderColorModal: composite(modalColor, dividerColor),
          borderColorPopover: composite(popoverColor, dividerColor),
          textColor: textColor2,
          titleFontWeight: fontWeightStrong,
          titleTextColor: textColor1,
          dayTextColor: textColorDisabled,
          fontSize: fontSize2,
          lineHeight: lineHeight2,
          dateColorCurrent: primaryColor,
          dateTextColorCurrent: baseColor,
          cellColorHover: composite(cardColor, hoverColor),
          cellColorHoverModal: composite(modalColor, hoverColor),
          cellColorHoverPopover: composite(popoverColor, hoverColor),
          cellColor: cardColor,
          cellColorModal: modalColor,
          cellColorPopover: popoverColor,
          barColor: primaryColor
        });
      };
      const calendarLight = createTheme({
        name: "Calendar",
        common: derived,
        peers: {
          Button: buttonLight
        },
        self: self$11
      });
      const style$1c = c$1([cB("calendar", `
 line-height: var(--n-line-height);
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 height: 720px;
 display: flex;
 flex-direction: column;
 `, [cB("calendar-prev-btn", `
 cursor: pointer;
 `), cB("calendar-next-btn", `
 cursor: pointer;
 `), cB("calendar-header", `
 display: flex;
 align-items: center;
 line-height: 1;
 font-size: var(--n-title-font-size);
 padding: 0 0 18px 0;
 justify-content: space-between;
 `, [cE("title", `
 color: var(--n-title-text-color);
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 `), cE("extra", `
 display: flex;
 align-items: center;
 `)]), cB("calendar-dates", `
 display: grid;
 grid-template-columns: repeat(7, minmax(0, 1fr));
 grid-auto-rows: 1fr;
 border-radius: var(--n-border-radius);
 flex: 1;
 border-top: 1px solid;
 border-left: 1px solid;
 border-color: var(--n-border-color);
 transition: border-color .3s var(--n-bezier);
 `), cB("calendar-cell", `
 box-sizing: border-box;
 padding: 10px;
 border-right: 1px solid;
 border-bottom: 1px solid;
 border-color: var(--n-border-color);
 cursor: pointer;
 position: relative;
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [c$1("&:nth-child(7)", `
 border-top-right-radius: var(--n-border-radius);
 `), c$1("&:nth-last-child(7)", `
 border-bottom-left-radius: var(--n-border-radius);
 `), c$1("&:last-child", `
 border-bottom-right-radius: var(--n-border-radius);
 `), c$1("&:hover", `
 background-color: var(--n-cell-color-hover);
 `), cE("bar", `
 position: absolute;
 left: 0;
 right: 0;
 bottom: -1px;
 height: 3px;
 background-color: #0000;
 transition: background-color .3s var(--n-bezier);
 `), cM("selected", [cE("bar", `
 background-color: var(--n-bar-color);
 `)]), cB("calendar-date", `
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 color: var(--n-text-color);
 `, [cE("date", `
 color: var(--n-text-color);
 `)]), cM("disabled, other-month", `
 color: var(--n-day-text-color);
 `, [cB("calendar-date", [cE("date", `
 color: var(--n-day-text-color);
 `)])]), cM("disabled", `
 cursor: not-allowed;
 `), cM("current", [cB("calendar-date", [cE("date", `
 color: var(--n-date-text-color-current);
 background-color: var(--n-date-color-current);
 `)])]), cB("calendar-date", `
 position: relative;
 line-height: 1;
 display: flex;
 align-items: center;
 height: 1em;
 justify-content: space-between;
 padding-bottom: .75em;
 `, [cE("date", `
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: -0.4em;
 width: 1.8em;
 height: 1.8em;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `), cE("day", `
 color: var(--n-day-text-color);
 transition: color .3s var(--n-bezier);
 `)])])]), insideModal(cB("calendar", [cB("calendar-dates", `
 border-color: var(--n-border-color-modal);
 `), cB("calendar-cell", `
 border-color: var(--n-border-color-modal);
 `, [c$1("&:hover", `
 background-color: var(--n-cell-color-hover-modal);
 `)])])), insidePopover(cB("calendar", [cB("calendar-dates", `
 border-color: var(--n-border-color-popover);
 `), cB("calendar-cell", `
 border-color: var(--n-border-color-popover);
 `, [c$1("&:hover", `
 background-color: var(--n-cell-color-hover-popover);
 `)])]))]);
      const calendarProps = Object.assign(Object.assign({}, useTheme.props), {
        isDateDisabled: Function,
        value: Number,
        defaultValue: {
          type: Number,
          default: null
        },
        onPanelChange: Function,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array]
      });
      const Calendar = vue.defineComponent({
        name: "Calendar",
        props: calendarProps,
        setup(props) {
          var _a;
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Calendar", "-calendar", style$1c, calendarLight, props, mergedClsPrefixRef);
          const {
            localeRef,
            dateLocaleRef
          } = useLocale("DatePicker");
          const now2 = Date.now();
          const monthTsRef = vue.ref(startOfMonth((_a = props.defaultValue) !== null && _a !== void 0 ? _a : now2).valueOf());
          const uncontrolledValueRef = vue.ref(props.defaultValue || null);
          const mergedValueRef = useMergedState(vue.toRef(props, "value"), uncontrolledValueRef);
          function doUpdateValue(value, time2) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue
            } = props;
            if (onUpdateValue) {
              call(onUpdateValue, value, time2);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value, time2);
            }
            uncontrolledValueRef.value = value;
          }
          function handlePrevClick() {
            var _a2;
            const monthTs = addMonths(monthTsRef.value, -1).valueOf();
            monthTsRef.value = monthTs;
            (_a2 = props.onPanelChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
              year: getYear(monthTs),
              month: getMonth(monthTs) + 1
            });
          }
          function handleNextClick() {
            var _a2;
            const monthTs = addMonths(monthTsRef.value, 1).valueOf();
            monthTsRef.value = monthTs;
            (_a2 = props.onPanelChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
              year: getYear(monthTs),
              month: getMonth(monthTs) + 1
            });
          }
          function handleTodayClick() {
            var _a2;
            const {
              value: monthTs
            } = monthTsRef;
            const oldYear = getYear(monthTs);
            const oldMonth = getMonth(monthTs);
            const newMonthTs = startOfMonth(now2).valueOf();
            monthTsRef.value = newMonthTs;
            const newYear = getYear(newMonthTs);
            const newMonth = getMonth(newMonthTs);
            if (oldYear !== newYear || oldMonth !== newMonth) {
              (_a2 = props.onPanelChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
                year: newYear,
                month: newMonth + 1
              });
            }
          }
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                borderColor,
                borderColorModal,
                borderColorPopover,
                borderRadius,
                titleFontSize,
                textColor,
                titleFontWeight,
                titleTextColor,
                dayTextColor,
                fontSize: fontSize2,
                lineHeight: lineHeight2,
                dateColorCurrent,
                dateTextColorCurrent,
                cellColorHover,
                cellColor,
                cellColorModal,
                barColor,
                cellColorPopover,
                cellColorHoverModal,
                cellColorHoverPopover
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-color": borderColor,
              "--n-border-color-modal": borderColorModal,
              "--n-border-color-popover": borderColorPopover,
              "--n-border-radius": borderRadius,
              "--n-text-color": textColor,
              "--n-title-font-weight": titleFontWeight,
              "--n-title-font-size": titleFontSize,
              "--n-title-text-color": titleTextColor,
              "--n-day-text-color": dayTextColor,
              "--n-font-size": fontSize2,
              "--n-line-height": lineHeight2,
              "--n-date-color-current": dateColorCurrent,
              "--n-date-text-color-current": dateTextColorCurrent,
              "--n-cell-color": cellColor,
              "--n-cell-color-modal": cellColorModal,
              "--n-cell-color-popover": cellColorPopover,
              "--n-cell-color-hover": cellColorHover,
              "--n-cell-color-hover-modal": cellColorHoverModal,
              "--n-cell-color-hover-popover": cellColorHoverPopover,
              "--n-bar-color": barColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("calendar", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            locale: localeRef,
            dateLocale: dateLocaleRef,
            now: now2,
            mergedValue: mergedValueRef,
            monthTs: monthTsRef,
            dateItems: vue.computed(() => {
              return dateArray(monthTsRef.value, mergedValueRef.value, now2, localeRef.value.firstDayOfWeek, true);
            }),
            doUpdateValue,
            handleTodayClick,
            handlePrevClick,
            handleNextClick,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            isDateDisabled,
            mergedClsPrefix,
            monthTs,
            cssVars,
            mergedValue,
            mergedTheme,
            $slots,
            locale: {
              monthBeforeYear,
              today
            },
            dateLocale: {
              locale: locale2
            },
            handleTodayClick,
            handlePrevClick,
            handleNextClick,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const normalizedValue = mergedValue && startOfDay(mergedValue).valueOf();
          const year = getYear(monthTs);
          const calendarMonth = getMonth(monthTs) + 1;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-calendar`, this.themeClass],
            style: cssVars
          }, vue.h("div", {
            class: `${mergedClsPrefix}-calendar-header`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-calendar-header__title`
          }, resolveSlotWithProps($slots.header, {
            year,
            month: calendarMonth
          }, () => {
            const localeMonth = format$4(monthTs, "MMMM", {
              locale: locale2
            });
            return [monthBeforeYear ? `${localeMonth} ${year}` : `${year} ${localeMonth}`];
          })), vue.h("div", {
            class: `${mergedClsPrefix}-calendar-header__extra`
          }, vue.h(NButtonGroup, null, {
            default: () => vue.h(vue.Fragment, null, vue.h(NButton, {
              size: "small",
              onClick: handlePrevClick,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              icon: () => vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix,
                class: `${mergedClsPrefix}-calendar-prev-btn`
              }, {
                default: () => vue.h(ChevronLeftIcon, null)
              })
            }), vue.h(NButton, {
              size: "small",
              onClick: handleTodayClick,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              default: () => today
            }), vue.h(NButton, {
              size: "small",
              onClick: handleNextClick,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              icon: () => vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix,
                class: `${mergedClsPrefix}-calendar-next-btn`
              }, {
                default: () => vue.h(ChevronRightIcon, null)
              })
            }))
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-calendar-dates`
          }, this.dateItems.map(({
            dateObject,
            ts,
            inCurrentMonth,
            isCurrentDate
          }, index) => {
            var _a;
            const {
              year: year2,
              month,
              date
            } = dateObject;
            const fullDate = format$4(ts, "yyyy-MM-dd");
            const notInCurrentMonth = !inCurrentMonth;
            const disabled = (isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(ts)) === true;
            const selected = normalizedValue === startOfDay(ts).valueOf();
            return vue.h("div", {
              key: `${calendarMonth}-${index}`,
              class: [`${mergedClsPrefix}-calendar-cell`, disabled && `${mergedClsPrefix}-calendar-cell--disabled`, notInCurrentMonth && `${mergedClsPrefix}-calendar-cell--other-month`, disabled && `${mergedClsPrefix}-calendar-cell--not-allowed`, isCurrentDate && `${mergedClsPrefix}-calendar-cell--current`, selected && `${mergedClsPrefix}-calendar-cell--selected`],
              onClick: () => {
                var _a2;
                if (disabled)
                  return;
                const monthTs2 = startOfMonth(ts).valueOf();
                this.monthTs = monthTs2;
                if (notInCurrentMonth) {
                  (_a2 = this.onPanelChange) === null || _a2 === void 0 ? void 0 : _a2.call(this, {
                    year: getYear(monthTs2),
                    month: getMonth(monthTs2) + 1
                  });
                }
                this.doUpdateValue(ts, {
                  year: year2,
                  month: month + 1,
                  date
                });
              }
            }, vue.h("div", {
              class: `${mergedClsPrefix}-calendar-date`
            }, vue.h("div", {
              class: `${mergedClsPrefix}-calendar-date__date`,
              title: fullDate
            }, date), index < 7 && vue.h("div", {
              class: `${mergedClsPrefix}-calendar-date__day`,
              title: fullDate
            }, format$4(ts, "EEE", {
              locale: locale2
            }))), (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots, {
              year: year2,
              month: month + 1,
              date
            }), vue.h("div", {
              class: `${mergedClsPrefix}-calendar-cell__bar`
            }));
          })));
        }
      });
      const self$10 = (vars) => {
        const {
          fontSize: fontSize2,
          boxShadow2,
          popoverColor,
          textColor2,
          borderRadius,
          borderColor,
          heightSmall,
          heightMedium,
          heightLarge,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          dividerColor
        } = vars;
        return {
          panelFontSize: fontSize2,
          boxShadow: boxShadow2,
          color: popoverColor,
          textColor: textColor2,
          borderRadius,
          border: `1px solid ${borderColor}`,
          heightSmall,
          heightMedium,
          heightLarge,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          dividerColor
        };
      };
      const colorPickerLight = createTheme({
        name: "ColorPicker",
        common: derived,
        peers: {
          Input: inputLight,
          Button: buttonLight
        },
        self: self$10
      });
      function deriveDefaultValue(modes, showAlpha) {
        const mode = modes[0];
        switch (mode) {
          case "hex":
            return showAlpha ? "#000000FF" : "#000000";
          case "rgb":
            return showAlpha ? "rgba(0, 0, 0, 1)" : "rgb(0, 0, 0)";
          case "hsl":
            return showAlpha ? "hsla(0, 0%, 0%, 1)" : "hsl(0, 0%, 0%)";
          case "hsv":
            return showAlpha ? "hsva(0, 0%, 0%, 1)" : "hsv(0, 0%, 0%)";
        }
        return "#000000";
      }
      function getModeFromValue(color) {
        if (color === null)
          return null;
        if (/^ *#/.test(color))
          return "hex";
        if (color.includes("rgb"))
          return "rgb";
        if (color.includes("hsl"))
          return "hsl";
        if (color.includes("hsv"))
          return "hsv";
        return null;
      }
      function normalizeHue(hue) {
        hue = Math.round(hue);
        return hue >= 360 ? 359 : hue < 0 ? 0 : hue;
      }
      function normalizeAlpha(alpha) {
        alpha = Math.round(alpha * 100) / 100;
        return alpha > 1 ? 1 : alpha < 0 ? 0 : alpha;
      }
      const convert = {
        rgb: {
          hex(value) {
            return toHexaString(rgba(value));
          },
          hsl(value) {
            const [r, g, b, a2] = rgba(value);
            return toHslaString([...rgb2hsl(r, g, b), a2]);
          },
          hsv(value) {
            const [r, g, b, a2] = rgba(value);
            return toHsvaString([...rgb2hsv(r, g, b), a2]);
          }
        },
        hex: {
          rgb(value) {
            return toRgbaString(rgba(value));
          },
          hsl(value) {
            const [r, g, b, a2] = rgba(value);
            return toHslaString([...rgb2hsl(r, g, b), a2]);
          },
          hsv(value) {
            const [r, g, b, a2] = rgba(value);
            return toHsvaString([...rgb2hsv(r, g, b), a2]);
          }
        },
        hsl: {
          hex(value) {
            const [h2, s, l, a2] = hsla(value);
            return toHexaString([...hsl2rgb(h2, s, l), a2]);
          },
          rgb(value) {
            const [h2, s, l, a2] = hsla(value);
            return toRgbaString([...hsl2rgb(h2, s, l), a2]);
          },
          hsv(value) {
            const [h2, s, l, a2] = hsla(value);
            return toHsvaString([...hsl2hsv(h2, s, l), a2]);
          }
        },
        hsv: {
          hex(value) {
            const [h2, s, v, a2] = hsva(value);
            return toHexaString([...hsv2rgb(h2, s, v), a2]);
          },
          rgb(value) {
            const [h2, s, v, a2] = hsva(value);
            return toRgbaString([...hsv2rgb(h2, s, v), a2]);
          },
          hsl(value) {
            const [h2, s, v, a2] = hsva(value);
            return toHslaString([...hsv2hsl(h2, s, v), a2]);
          }
        }
      };
      function convertColor(value, mode, originalMode) {
        originalMode = originalMode || getModeFromValue(value);
        if (!originalMode)
          return null;
        if (originalMode === mode)
          return value;
        const conversions = convert[originalMode];
        return conversions[mode](value);
      }
      const HANDLE_SIZE$2 = "12px";
      const HANDLE_SIZE_NUM$1 = 12;
      const RADIUS$2 = "6px";
      const RADIUS_NUM = 6;
      const GRADIENT = "linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red)";
      const HueSlider = vue.defineComponent({
        name: "HueSlider",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          hue: {
            type: Number,
            required: true
          },
          onUpdateHue: {
            type: Function,
            required: true
          },
          onComplete: Function
        },
        setup(props) {
          const railRef = vue.ref(null);
          function handleMouseDown(e) {
            if (!railRef.value)
              return;
            on("mousemove", document, handleMouseMove);
            on("mouseup", document, handleMouseUp);
            handleMouseMove(e);
          }
          function handleMouseMove(e) {
            const {
              value: railEl
            } = railRef;
            if (!railEl)
              return;
            const {
              width,
              left
            } = railEl.getBoundingClientRect();
            const newHue = normalizeHue((e.clientX - left - RADIUS_NUM) / (width - HANDLE_SIZE_NUM$1) * 360);
            props.onUpdateHue(newHue);
          }
          function handleMouseUp() {
            var _a;
            off("mousemove", document, handleMouseMove);
            off("mouseup", document, handleMouseUp);
            (_a = props.onComplete) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          return {
            railRef,
            handleMouseDown
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-color-picker-slider`,
            style: {
              height: HANDLE_SIZE$2,
              borderRadius: RADIUS$2
            }
          }, vue.h("div", {
            ref: "railRef",
            style: {
              boxShadow: "inset 0 0 2px 0 rgba(0, 0, 0, .24)",
              boxSizing: "border-box",
              backgroundImage: GRADIENT,
              height: HANDLE_SIZE$2,
              borderRadius: RADIUS$2,
              position: "relative"
            },
            onMousedown: this.handleMouseDown
          }, vue.h("div", {
            style: {
              position: "absolute",
              left: RADIUS$2,
              right: RADIUS$2,
              top: 0,
              bottom: 0
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-handle`,
            style: {
              left: `calc((${this.hue}%) / 359 * 100 - ${RADIUS$2})`,
              borderRadius: RADIUS$2,
              width: HANDLE_SIZE$2,
              height: HANDLE_SIZE$2
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-handle__fill`,
            style: {
              backgroundColor: `hsl(${this.hue}, 100%, 50%)`,
              borderRadius: RADIUS$2,
              width: HANDLE_SIZE$2,
              height: HANDLE_SIZE$2
            }
          })))));
        }
      });
      const HANDLE_SIZE$1 = "12px";
      const HANDLE_SIZE_NUM = 12;
      const RADIUS$1 = "6px";
      const AlphaSlider = vue.defineComponent({
        name: "AlphaSlider",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          rgba: {
            type: Array,
            default: null
          },
          alpha: {
            type: Number,
            default: 0
          },
          onUpdateAlpha: {
            type: Function,
            required: true
          },
          onComplete: Function
        },
        setup(props) {
          const railRef = vue.ref(null);
          function handleMouseDown(e) {
            if (!railRef.value || !props.rgba)
              return;
            on("mousemove", document, handleMouseMove);
            on("mouseup", document, handleMouseUp);
            handleMouseMove(e);
          }
          function handleMouseMove(e) {
            const {
              value: railEl
            } = railRef;
            if (!railEl)
              return;
            const {
              width,
              left
            } = railEl.getBoundingClientRect();
            const newAlpha = (e.clientX - left) / (width - HANDLE_SIZE_NUM);
            props.onUpdateAlpha(normalizeAlpha(newAlpha));
          }
          function handleMouseUp() {
            var _a;
            off("mousemove", document, handleMouseMove);
            off("mouseup", document, handleMouseUp);
            (_a = props.onComplete) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          return {
            railRef,
            railBackgroundImage: vue.computed(() => {
              const {
                rgba: rgba2
              } = props;
              if (!rgba2)
                return "";
              return `linear-gradient(to right, rgba(${rgba2[0]}, ${rgba2[1]}, ${rgba2[2]}, 0) 0%, rgba(${rgba2[0]}, ${rgba2[1]}, ${rgba2[2]}, 1) 100%)`;
            }),
            handleMouseDown
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-color-picker-slider`,
            ref: "railRef",
            style: {
              height: HANDLE_SIZE$1,
              borderRadius: RADIUS$1
            },
            onMousedown: this.handleMouseDown
          }, vue.h("div", {
            style: {
              borderRadius: RADIUS$1,
              position: "absolute",
              left: 0,
              right: 0,
              top: 0,
              bottom: 0,
              overflow: "hidden"
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-checkboard`
          }), vue.h("div", {
            class: `${clsPrefix}-color-picker-slider__image`,
            style: {
              backgroundImage: this.railBackgroundImage
            }
          })), this.rgba && vue.h("div", {
            style: {
              position: "absolute",
              left: RADIUS$1,
              right: RADIUS$1,
              top: 0,
              bottom: 0
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-handle`,
            style: {
              left: `calc(${this.alpha * 100}% - ${RADIUS$1})`,
              borderRadius: RADIUS$1,
              width: HANDLE_SIZE$1,
              height: HANDLE_SIZE$1
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-handle__fill`,
            style: {
              backgroundColor: toRgbaString(this.rgba),
              borderRadius: RADIUS$1,
              width: HANDLE_SIZE$1,
              height: HANDLE_SIZE$1
            }
          }))));
        }
      });
      const HANDLE_SIZE = "12px";
      const RADIUS = "6px";
      const Pallete = vue.defineComponent({
        name: "Pallete",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          rgba: {
            type: Array,
            default: null
          },
          // 0 - 360
          displayedHue: {
            type: Number,
            required: true
          },
          displayedSv: {
            type: Array,
            required: true
          },
          onUpdateSV: {
            type: Function,
            required: true
          },
          onComplete: Function
        },
        setup(props) {
          const palleteRef = vue.ref(null);
          function handleMouseDown(e) {
            if (!palleteRef.value)
              return;
            on("mousemove", document, handleMouseMove);
            on("mouseup", document, handleMouseUp);
            handleMouseMove(e);
          }
          function handleMouseMove(e) {
            const {
              value: palleteEl
            } = palleteRef;
            if (!palleteEl)
              return;
            const {
              width,
              height,
              left,
              bottom
            } = palleteEl.getBoundingClientRect();
            const newV = (bottom - e.clientY) / height;
            const newS = (e.clientX - left) / width;
            const normalizedNewS = 100 * (newS > 1 ? 1 : newS < 0 ? 0 : newS);
            const normalizedNewV = 100 * (newV > 1 ? 1 : newV < 0 ? 0 : newV);
            props.onUpdateSV(normalizedNewS, normalizedNewV);
          }
          function handleMouseUp() {
            var _a;
            off("mousemove", document, handleMouseMove);
            off("mouseup", document, handleMouseUp);
            (_a = props.onComplete) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          return {
            palleteRef,
            handleColor: vue.computed(() => {
              const {
                rgba: rgba2
              } = props;
              if (!rgba2)
                return "";
              return `rgb(${rgba2[0]}, ${rgba2[1]}, ${rgba2[2]})`;
            }),
            handleMouseDown
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-color-picker-pallete`,
            onMousedown: this.handleMouseDown,
            ref: "palleteRef"
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-pallete__layer`,
            style: {
              backgroundImage: `linear-gradient(90deg, white, hsl(${this.displayedHue}, 100%, 50%))`
            }
          }), vue.h("div", {
            class: `${clsPrefix}-color-picker-pallete__layer ${clsPrefix}-color-picker-pallete__layer--shadowed`,
            style: {
              backgroundImage: "linear-gradient(180deg, rgba(0, 0, 0, 0%), rgba(0, 0, 0, 100%))"
            }
          }), this.rgba && vue.h("div", {
            class: `${clsPrefix}-color-picker-handle`,
            style: {
              width: HANDLE_SIZE,
              height: HANDLE_SIZE,
              borderRadius: RADIUS,
              left: `calc(${this.displayedSv[0]}% - ${RADIUS})`,
              bottom: `calc(${this.displayedSv[1]}% - ${RADIUS})`
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-handle__fill`,
            style: {
              backgroundColor: this.handleColor,
              borderRadius: RADIUS,
              width: HANDLE_SIZE,
              height: HANDLE_SIZE
            }
          })));
        }
      });
      const colorPickerInjectionKey = createInjectionKey("n-color-picker");
      function normalizeRgbUnit(value) {
        if (/^\d{1,3}\.?\d*$/.test(value.trim())) {
          return Math.max(0, Math.min(parseInt(value), 255));
        }
        return false;
      }
      function normalizeHueUnit(value) {
        if (/^\d{1,3}\.?\d*$/.test(value.trim())) {
          return Math.max(0, Math.min(parseInt(value), 360));
        }
        return false;
      }
      function normalizeSlvUnit(value) {
        if (/^\d{1,3}\.?\d*$/.test(value.trim())) {
          return Math.max(0, Math.min(parseInt(value), 100));
        }
        return false;
      }
      function normalizeHexaUnit(value) {
        const trimmedValue = value.trim();
        if (/^#[0-9a-fA-F]+$/.test(trimmedValue)) {
          return [4, 5, 7, 9].includes(trimmedValue.length);
        }
        return false;
      }
      function normalizeAlphaUnit(value) {
        if (/^\d{1,3}\.?\d*%$/.test(value.trim())) {
          return Math.max(0, Math.min(parseInt(value) / 100, 100));
        }
        return false;
      }
      const inputThemeOverrides = {
        paddingSmall: "0 4px"
      };
      const ColorInputUnit = vue.defineComponent({
        name: "ColorInputUnit",
        props: {
          label: {
            type: String,
            required: true
          },
          value: {
            type: [Number, String],
            default: null
          },
          showAlpha: Boolean,
          onUpdateValue: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const inputValueRef = vue.ref("");
          const {
            themeRef
          } = vue.inject(colorPickerInjectionKey, null);
          vue.watchEffect(() => {
            inputValueRef.value = getInputString();
          });
          function getInputString() {
            const {
              value
            } = props;
            if (value === null)
              return "";
            const {
              label
            } = props;
            if (label === "HEX") {
              return value;
            }
            if (label === "A") {
              return `${Math.floor(value * 100)}%`;
            }
            return String(Math.floor(value));
          }
          function handleInputUpdateValue(value) {
            inputValueRef.value = value;
          }
          function handleInputChange(value) {
            let unit;
            let valid;
            switch (props.label) {
              case "HEX":
                valid = normalizeHexaUnit(value);
                if (valid) {
                  props.onUpdateValue(value);
                }
                inputValueRef.value = getInputString();
                break;
              case "H":
                unit = normalizeHueUnit(value);
                if (unit === false) {
                  inputValueRef.value = getInputString();
                } else {
                  props.onUpdateValue(unit);
                }
                break;
              case "S":
              case "L":
              case "V":
                unit = normalizeSlvUnit(value);
                if (unit === false) {
                  inputValueRef.value = getInputString();
                } else {
                  props.onUpdateValue(unit);
                }
                break;
              case "A":
                unit = normalizeAlphaUnit(value);
                if (unit === false) {
                  inputValueRef.value = getInputString();
                } else {
                  props.onUpdateValue(unit);
                }
                break;
              case "R":
              case "G":
              case "B":
                unit = normalizeRgbUnit(value);
                if (unit === false) {
                  inputValueRef.value = getInputString();
                } else {
                  props.onUpdateValue(unit);
                }
                break;
            }
          }
          return {
            mergedTheme: themeRef,
            inputValue: inputValueRef,
            handleInputChange,
            handleInputUpdateValue
          };
        },
        render() {
          const {
            mergedTheme
          } = this;
          return vue.h(NInput, {
            size: "small",
            placeholder: this.label,
            theme: mergedTheme.peers.Input,
            themeOverrides: mergedTheme.peerOverrides.Input,
            builtinThemeOverrides: inputThemeOverrides,
            value: this.inputValue,
            onUpdateValue: this.handleInputUpdateValue,
            onChange: this.handleInputChange,
            // add more space for xxx% input
            style: this.label === "A" ? "flex-grow: 1.25;" : ""
          });
        }
      });
      const ColorInput = vue.defineComponent({
        name: "ColorInput",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          mode: {
            type: String,
            required: true
          },
          modes: {
            type: Array,
            required: true
          },
          showAlpha: {
            type: Boolean,
            required: true
          },
          value: {
            // for hex to get percise value
            type: String,
            default: null
          },
          valueArr: {
            type: Array,
            default: null
          },
          onUpdateValue: {
            type: Function,
            required: true
          },
          onUpdateMode: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          return {
            handleUnitUpdateValue(index, value) {
              const {
                showAlpha
              } = props;
              if (props.mode === "hex") {
                props.onUpdateValue((showAlpha ? toHexaString : toHexString)(value));
                return;
              }
              let nextValueArr;
              if (props.valueArr === null) {
                nextValueArr = [0, 0, 0, 0];
              } else {
                nextValueArr = Array.from(props.valueArr);
              }
              switch (props.mode) {
                case "hsv":
                  nextValueArr[index] = value;
                  props.onUpdateValue((showAlpha ? toHsvaString : toHsvString)(nextValueArr));
                  break;
                case "rgb":
                  nextValueArr[index] = value;
                  props.onUpdateValue((showAlpha ? toRgbaString : toRgbString)(nextValueArr));
                  break;
                case "hsl":
                  nextValueArr[index] = value;
                  props.onUpdateValue((showAlpha ? toHslaString : toHslString)(nextValueArr));
                  break;
              }
            }
          };
        },
        render() {
          const {
            clsPrefix,
            modes
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-color-picker-input`
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-input__mode`,
            onClick: this.onUpdateMode,
            style: {
              cursor: modes.length === 1 ? "" : "pointer"
            }
          }, this.mode.toUpperCase() + (this.showAlpha ? "A" : "")), vue.h(NInputGroup, null, {
            default: () => {
              const {
                mode,
                valueArr,
                showAlpha
              } = this;
              if (mode === "hex") {
                let hexValue = null;
                try {
                  hexValue = valueArr === null ? null : (showAlpha ? toHexaString : toHexString)(valueArr);
                } catch (_a) {
                }
                return vue.h(ColorInputUnit, {
                  label: "HEX",
                  showAlpha,
                  value: hexValue,
                  onUpdateValue: (unitValue) => {
                    this.handleUnitUpdateValue(0, unitValue);
                  }
                });
              }
              return (mode + (showAlpha ? "a" : "")).split("").map((v, i) => vue.h(ColorInputUnit, {
                label: v.toUpperCase(),
                value: valueArr === null ? null : valueArr[i],
                onUpdateValue: (unitValue) => {
                  this.handleUnitUpdateValue(i, unitValue);
                }
              }));
            }
          }));
        }
      });
      const ColorPickerTrigger = vue.defineComponent({
        name: "ColorPickerTrigger",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          value: {
            type: String,
            default: null
          },
          hsla: {
            type: Array,
            default: null
          },
          disabled: Boolean,
          onClick: Function
        },
        setup(props) {
          const {
            colorPickerSlots,
            renderLabelRef
          } = vue.inject(colorPickerInjectionKey, null);
          return () => {
            const {
              hsla: hsla2,
              value,
              clsPrefix,
              onClick,
              disabled
            } = props;
            const renderLabel = colorPickerSlots.label || renderLabelRef.value;
            return vue.h("div", {
              class: [`${clsPrefix}-color-picker-trigger`, disabled && `${clsPrefix}-color-picker-trigger--disabled`],
              onClick: disabled ? void 0 : onClick
            }, vue.h("div", {
              class: `${clsPrefix}-color-picker-trigger__fill`
            }, vue.h("div", {
              class: `${clsPrefix}-color-picker-checkboard`
            }), vue.h("div", {
              style: {
                position: "absolute",
                left: 0,
                right: 0,
                top: 0,
                bottom: 0,
                backgroundColor: hsla2 ? toHslaString(hsla2) : ""
              }
            }), value && hsla2 ? vue.h("div", {
              class: `${clsPrefix}-color-picker-trigger__value`,
              style: {
                color: hsla2[2] > 50 || hsla2[3] < 0.5 ? "black" : "white"
              }
            }, renderLabel ? renderLabel(value) : value) : null));
          };
        }
      });
      function normalizeColor(color, mode) {
        if (mode === "hsv") {
          const [h2, s, v, a2] = hsva(color);
          return toRgbaString([...hsv2rgb(h2, s, v), a2]);
        }
        return color;
      }
      function getHexFromName(color) {
        const ctx2 = document.createElement("canvas").getContext("2d");
        if (!ctx2) {
          return "#000000";
        }
        ctx2.fillStyle = color;
        return ctx2.fillStyle;
      }
      const ColorPickerSwatches = vue.defineComponent({
        name: "ColorPickerSwatches",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          mode: {
            type: String,
            required: true
          },
          swatches: {
            type: Array,
            required: true
          },
          onUpdateColor: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const parsedSwatchesRef = vue.computed(() => props.swatches.map((value) => {
            const mode = getModeFromValue(value);
            return {
              value,
              mode,
              legalValue: normalizeColor(value, mode)
            };
          }));
          function normalizeOutput(parsed) {
            const {
              mode: modeProp
            } = props;
            let {
              value,
              mode: swatchColorMode
            } = parsed;
            if (!swatchColorMode) {
              swatchColorMode = "hex";
              if (/^[a-zA-Z]+$/.test(value)) {
                value = getHexFromName(value);
              } else {
                warn$2("color-picker", `color ${value} in swatches is invalid.`);
                value = "#000000";
              }
            }
            if (swatchColorMode === modeProp)
              return value;
            return convertColor(value, modeProp, swatchColorMode);
          }
          function handleSwatchSelect(parsed) {
            props.onUpdateColor(normalizeOutput(parsed));
          }
          function handleSwatchKeyDown(e, parsed) {
            if (e.key === "Enter")
              handleSwatchSelect(parsed);
          }
          return {
            parsedSwatchesRef,
            handleSwatchSelect,
            handleSwatchKeyDown
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-color-picker-swatches`
          }, this.parsedSwatchesRef.map((swatch) => vue.h("div", {
            class: `${clsPrefix}-color-picker-swatch`,
            tabindex: 0,
            onClick: () => {
              this.handleSwatchSelect(swatch);
            },
            onKeydown: (e) => {
              this.handleSwatchKeyDown(e, swatch);
            }
          }, vue.h("div", {
            class: `${clsPrefix}-color-picker-swatch__fill`,
            style: {
              background: swatch.legalValue
            }
          }))));
        }
      });
      const ColorPreview = vue.defineComponent({
        name: "ColorPreview",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          mode: {
            type: String,
            required: true
          },
          color: {
            type: String,
            default: null,
            validator: (value) => {
              const mode = getModeFromValue(value);
              return Boolean(!value || mode && mode !== "hsv");
            }
          },
          onUpdateColor: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          function handleChange(e) {
            var _a;
            const value = e.target.value;
            (_a = props.onUpdateColor) === null || _a === void 0 ? void 0 : _a.call(props, convertColor(value.toUpperCase(), props.mode, "hex"));
            e.stopPropagation();
          }
          return {
            handleChange
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-color-picker-preview__preview`
          }, vue.h("span", {
            class: `${clsPrefix}-color-picker-preview__fill`,
            style: {
              background: this.color || "#000000"
            }
          }), vue.h("input", {
            class: `${clsPrefix}-color-picker-preview__input`,
            type: "color",
            value: this.color,
            onChange: this.handleChange
          }));
        }
      });
      const style$1b = c$1([cB("color-picker", `
 display: inline-block;
 box-sizing: border-box;
 height: var(--n-height);
 font-size: var(--n-font-size);
 width: 100%;
 position: relative;
 `), cB("color-picker-panel", `
 margin: 4px 0;
 width: 240px;
 font-size: var(--n-panel-font-size);
 color: var(--n-text-color);
 background-color: var(--n-color);
 transition:
 box-shadow .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 box-shadow: var(--n-box-shadow);
 `, [fadeInScaleUpTransition(), cB("input", `
 text-align: center;
 `)]), cB("color-picker-checkboard", `
 background: white; 
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `, [c$1("&::after", `
 background-image: linear-gradient(45deg, #DDD 25%, #0000 25%), linear-gradient(-45deg, #DDD 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #DDD 75%), linear-gradient(-45deg, #0000 75%, #DDD 75%);
 background-size: 12px 12px;
 background-position: 0 0, 0 6px, 6px -6px, -6px 0px;
 background-repeat: repeat;
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `)]), cB("color-picker-slider", `
 margin-bottom: 8px;
 position: relative;
 box-sizing: border-box;
 `, [cE("image", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `), c$1("&::after", `
 content: "";
 position: absolute;
 border-radius: inherit;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .24);
 pointer-events: none;
 `)]), cB("color-picker-handle", `
 z-index: 1;
 box-shadow: 0 0 2px 0 rgba(0, 0, 0, .45);
 position: absolute;
 background-color: white;
 overflow: hidden;
 `, [cE("fill", `
 box-sizing: border-box;
 border: 2px solid white;
 `)]), cB("color-picker-pallete", `
 height: 180px;
 position: relative;
 margin-bottom: 8px;
 cursor: crosshair;
 `, [cE("layer", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `, [cM("shadowed", `
 box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .24);
 `)])]), cB("color-picker-preview", `
 display: flex;
 `, [cE("sliders", `
 flex: 1 0 auto;
 `), cE("preview", `
 position: relative;
 height: 30px;
 width: 30px;
 margin: 0 0 8px 6px;
 border-radius: 50%;
 box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset;
 overflow: hidden;
 `), cE("fill", `
 display: block;
 width: 30px;
 height: 30px;
 `), cE("input", `
 position: absolute;
 top: 0;
 left: 0;
 width: 30px;
 height: 30px;
 opacity: 0;
 z-index: 1;
 `)]), cB("color-picker-input", `
 display: flex;
 align-items: center;
 `, [cB("input", `
 flex-grow: 1;
 flex-basis: 0;
 `), cE("mode", `
 width: 72px;
 text-align: center;
 `)]), cB("color-picker-control", `
 padding: 12px;
 `), cB("color-picker-action", `
 display: flex;
 margin-top: -4px;
 border-top: 1px solid var(--n-divider-color);
 padding: 8px 12px;
 justify-content: flex-end;
 `, [cB("button", "margin-left: 8px;")]), cB("color-picker-trigger", `
 border: var(--n-border);
 height: 100%;
 box-sizing: border-box;
 border-radius: var(--n-border-radius);
 transition: border-color .3s var(--n-bezier);
 cursor: pointer;
 `, [cE("value", `
 white-space: nowrap;
 position: relative;
 `), cE("fill", `
 border-radius: var(--n-border-radius);
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 left: 4px;
 right: 4px;
 top: 4px;
 bottom: 4px;
 `), cM("disabled", "cursor: not-allowed"), cB("color-picker-checkboard", `
 border-radius: var(--n-border-radius);
 `, [c$1("&::after", `
 --n-block-size: calc((var(--n-height) - 8px) / 3);
 background-size: calc(var(--n-block-size) * 2) calc(var(--n-block-size) * 2);
 background-position: 0 0, 0 var(--n-block-size), var(--n-block-size) calc(-1 * var(--n-block-size)), calc(-1 * var(--n-block-size)) 0px; 
 `)])]), cB("color-picker-swatches", `
 display: grid;
 grid-gap: 8px;
 flex-wrap: wrap;
 position: relative;
 grid-template-columns: repeat(auto-fill, 18px);
 margin-top: 10px;
 `, [cB("color-picker-swatch", `
 width: 18px;
 height: 18px;
 background-image: linear-gradient(45deg, #DDD 25%, #0000 25%), linear-gradient(-45deg, #DDD 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #DDD 75%), linear-gradient(-45deg, #0000 75%, #DDD 75%);
 background-size: 8px 8px;
 background-position: 0px 0, 0px 4px, 4px -4px, -4px 0px;
 background-repeat: repeat;
 `, [cE("fill", `
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: 3px;
 box-shadow: rgba(0, 0, 0, .15) 0px 0px 0px 1px inset;
 cursor: pointer;
 `), c$1("&:focus", `
 outline: none;
 `, [cE("fill", [c$1("&::after", `
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: inherit;
 filter: blur(2px);
 content: "";
 `)])])])])]);
      const colorPickerProps = Object.assign(Object.assign({}, useTheme.props), {
        value: String,
        show: {
          type: Boolean,
          default: void 0
        },
        defaultShow: Boolean,
        defaultValue: String,
        modes: {
          type: Array,
          // no hsva by default since browser doesn't support it
          default: () => ["rgb", "hex", "hsl"]
        },
        placement: {
          type: String,
          default: "bottom-start"
        },
        to: useAdjustedTo.propTo,
        showAlpha: {
          type: Boolean,
          default: true
        },
        showPreview: Boolean,
        swatches: Array,
        disabled: {
          type: Boolean,
          default: void 0
        },
        actions: {
          type: Array,
          default: null
        },
        internalActions: Array,
        size: String,
        renderLabel: Function,
        onComplete: Function,
        onConfirm: Function,
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array]
      });
      const NColorPicker = vue.defineComponent({
        name: "ColorPicker",
        props: colorPickerProps,
        setup(props, {
          slots
        }) {
          const selfRef = vue.ref(null);
          let upcomingValue = null;
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef
          } = formItem;
          const {
            localeRef
          } = useLocale("global");
          const {
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("ColorPicker", "-color-picker", style$1b, colorPickerLight, props, mergedClsPrefixRef);
          vue.provide(colorPickerInjectionKey, {
            themeRef,
            renderLabelRef: vue.toRef(props, "renderLabel"),
            colorPickerSlots: slots
          });
          const uncontrolledShowRef = vue.ref(props.defaultShow);
          const mergedShowRef = useMergedState(vue.toRef(props, "show"), uncontrolledShowRef);
          function doUpdateShow(value) {
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, value);
            if (_onUpdateShow)
              call(_onUpdateShow, value);
            uncontrolledShowRef.value = value;
          }
          const {
            defaultValue
          } = props;
          const uncontrolledValueRef = vue.ref(defaultValue === void 0 ? deriveDefaultValue(props.modes, props.showAlpha) : defaultValue);
          const mergedValueRef = useMergedState(vue.toRef(props, "value"), uncontrolledValueRef);
          const undoStackRef = vue.ref([mergedValueRef.value]);
          const valueIndexRef = vue.ref(0);
          const valueModeRef = vue.computed(() => getModeFromValue(mergedValueRef.value));
          const {
            modes
          } = props;
          const displayedModeRef = vue.ref(getModeFromValue(mergedValueRef.value) || modes[0] || "rgb");
          function handleUpdateDisplayedMode() {
            const {
              modes: modes2
            } = props;
            const {
              value: displayedMode
            } = displayedModeRef;
            const currentModeIndex = modes2.findIndex((mode) => mode === displayedMode);
            if (~currentModeIndex) {
              displayedModeRef.value = modes2[(currentModeIndex + 1) % modes2.length];
            } else {
              displayedModeRef.value = "rgb";
            }
          }
          let _h, s, l, v, r, g, b, a2;
          const hsvaRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!mergedValue)
              return null;
            switch (valueModeRef.value) {
              case "hsv":
                return hsva(mergedValue);
              case "hsl":
                [_h, s, l, a2] = hsla(mergedValue);
                return [...hsl2hsv(_h, s, l), a2];
              case "rgb":
              case "hex":
                [r, g, b, a2] = rgba(mergedValue);
                return [...rgb2hsv(r, g, b), a2];
            }
          });
          const rgbaRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!mergedValue)
              return null;
            switch (valueModeRef.value) {
              case "rgb":
              case "hex":
                return rgba(mergedValue);
              case "hsv":
                [_h, s, v, a2] = hsva(mergedValue);
                return [...hsv2rgb(_h, s, v), a2];
              case "hsl":
                [_h, s, l, a2] = hsla(mergedValue);
                return [...hsl2rgb(_h, s, l), a2];
            }
          });
          const hslaRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!mergedValue)
              return null;
            switch (valueModeRef.value) {
              case "hsl":
                return hsla(mergedValue);
              case "hsv":
                [_h, s, v, a2] = hsva(mergedValue);
                return [...hsv2hsl(_h, s, v), a2];
              case "rgb":
              case "hex":
                [r, g, b, a2] = rgba(mergedValue);
                return [...rgb2hsl(r, g, b), a2];
            }
          });
          const mergedValueArrRef = vue.computed(() => {
            switch (displayedModeRef.value) {
              case "rgb":
              case "hex":
                return rgbaRef.value;
              case "hsv":
                return hsvaRef.value;
              case "hsl":
                return hslaRef.value;
            }
          });
          const displayedHueRef = vue.ref(0);
          const displayedAlphaRef = vue.ref(1);
          const displayedSvRef = vue.ref([0, 0]);
          function handleUpdateSv(s2, v2) {
            const {
              value: hsvaArr
            } = hsvaRef;
            const hue = displayedHueRef.value;
            const alpha = hsvaArr ? hsvaArr[3] : 1;
            displayedSvRef.value = [s2, v2];
            const {
              showAlpha
            } = props;
            switch (displayedModeRef.value) {
              case "hsv":
                doUpdateValue((showAlpha ? toHsvaString : toHsvString)([hue, s2, v2, alpha]), "cursor");
                break;
              case "hsl":
                doUpdateValue((showAlpha ? toHslaString : toHslString)([...hsv2hsl(hue, s2, v2), alpha]), "cursor");
                break;
              case "rgb":
                doUpdateValue((showAlpha ? toRgbaString : toRgbString)([...hsv2rgb(hue, s2, v2), alpha]), "cursor");
                break;
              case "hex":
                doUpdateValue((showAlpha ? toHexaString : toHexString)([...hsv2rgb(hue, s2, v2), alpha]), "cursor");
                break;
            }
          }
          function handleUpdateHue(hue) {
            displayedHueRef.value = hue;
            const {
              value: hsvaArr
            } = hsvaRef;
            if (!hsvaArr) {
              return;
            }
            const [, s2, v2, a3] = hsvaArr;
            const {
              showAlpha
            } = props;
            switch (displayedModeRef.value) {
              case "hsv":
                doUpdateValue((showAlpha ? toHsvaString : toHsvString)([hue, s2, v2, a3]), "cursor");
                break;
              case "rgb":
                doUpdateValue((showAlpha ? toRgbaString : toRgbString)([...hsv2rgb(hue, s2, v2), a3]), "cursor");
                break;
              case "hex":
                doUpdateValue((showAlpha ? toHexaString : toHexString)([...hsv2rgb(hue, s2, v2), a3]), "cursor");
                break;
              case "hsl":
                doUpdateValue((showAlpha ? toHslaString : toHslString)([...hsv2hsl(hue, s2, v2), a3]), "cursor");
                break;
            }
          }
          function handleUpdateAlpha(alpha) {
            switch (displayedModeRef.value) {
              case "hsv":
                [_h, s, v] = hsvaRef.value;
                doUpdateValue(toHsvaString([_h, s, v, alpha]), "cursor");
                break;
              case "rgb":
                [r, g, b] = rgbaRef.value;
                doUpdateValue(toRgbaString([r, g, b, alpha]), "cursor");
                break;
              case "hex":
                [r, g, b] = rgbaRef.value;
                doUpdateValue(toHexaString([r, g, b, alpha]), "cursor");
                break;
              case "hsl":
                [_h, s, l] = hslaRef.value;
                doUpdateValue(toHslaString([_h, s, l, alpha]), "cursor");
                break;
            }
            displayedAlphaRef.value = alpha;
          }
          function doUpdateValue(value, updateSource) {
            if (updateSource === "cursor") {
              upcomingValue = value;
            } else {
              upcomingValue = null;
            }
            const {
              nTriggerFormChange,
              nTriggerFormInput
            } = formItem;
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue
            } = props;
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            nTriggerFormChange();
            nTriggerFormInput();
            uncontrolledValueRef.value = value;
          }
          function handleInputUpdateValue(value) {
            doUpdateValue(value, "input");
            void vue.nextTick(handleComplete);
          }
          function handleComplete(pushStack = true) {
            const {
              value
            } = mergedValueRef;
            if (value) {
              const {
                nTriggerFormChange,
                nTriggerFormInput
              } = formItem;
              const {
                onComplete
              } = props;
              if (onComplete) {
                onComplete(value);
              }
              const {
                value: undoStack
              } = undoStackRef;
              const {
                value: valueIndex
              } = valueIndexRef;
              if (pushStack) {
                undoStack.splice(valueIndex + 1, undoStack.length, value);
                valueIndexRef.value = valueIndex + 1;
              }
              nTriggerFormChange();
              nTriggerFormInput();
            }
          }
          function undo() {
            const {
              value: valueIndex
            } = valueIndexRef;
            if (valueIndex - 1 < 0)
              return;
            doUpdateValue(undoStackRef.value[valueIndex - 1], "input");
            handleComplete(false);
            valueIndexRef.value = valueIndex - 1;
          }
          function redo() {
            const {
              value: valueIndex
            } = valueIndexRef;
            if (valueIndex < 0 || valueIndex + 1 >= undoStackRef.value.length)
              return;
            doUpdateValue(undoStackRef.value[valueIndex + 1], "input");
            handleComplete(false);
            valueIndexRef.value = valueIndex + 1;
          }
          function handleClear() {
            doUpdateValue(null, "input");
            doUpdateShow(false);
          }
          function handleConfirm() {
            const {
              value
            } = mergedValueRef;
            const {
              onConfirm
            } = props;
            if (onConfirm) {
              onConfirm(value);
            }
            doUpdateShow(false);
          }
          const undoableRef = vue.computed(() => valueIndexRef.value >= 1);
          const redoableRef = vue.computed(() => {
            const {
              value: undoStack
            } = undoStackRef;
            return undoStack.length > 1 && valueIndexRef.value < undoStack.length - 1;
          });
          vue.watch(mergedShowRef, (value) => {
            if (!value) {
              undoStackRef.value = [mergedValueRef.value];
              valueIndexRef.value = 0;
            }
          });
          vue.watchEffect(() => {
            if (upcomingValue && upcomingValue === mergedValueRef.value)
              ;
            else {
              const {
                value
              } = hsvaRef;
              if (value) {
                displayedHueRef.value = value[0];
                displayedAlphaRef.value = value[3];
                displayedSvRef.value = [value[1], value[2]];
              }
            }
            upcomingValue = null;
          });
          const cssVarsRef = vue.computed(() => {
            const {
              value: mergedSize
            } = mergedSizeRef;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                textColor,
                color,
                panelFontSize,
                boxShadow,
                border,
                borderRadius,
                dividerColor,
                [createKey("height", mergedSize)]: height,
                [createKey("fontSize", mergedSize)]: fontSize2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-text-color": textColor,
              "--n-color": color,
              "--n-panel-font-size": panelFontSize,
              "--n-font-size": fontSize2,
              "--n-box-shadow": boxShadow,
              "--n-border": border,
              "--n-border-radius": borderRadius,
              "--n-height": height,
              "--n-divider-color": dividerColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("color-picker", vue.computed(() => {
            return mergedSizeRef.value[0];
          }), cssVarsRef, props) : void 0;
          function renderPanel() {
            var _a;
            const {
              value: rgba2
            } = rgbaRef;
            const {
              value: displayedHue
            } = displayedHueRef;
            const {
              internalActions,
              modes: modes2,
              actions
            } = props;
            const {
              value: mergedTheme
            } = themeRef;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            return vue.h("div", {
              class: [`${mergedClsPrefix}-color-picker-panel`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value],
              onDragstart: (e) => {
                e.preventDefault();
              },
              style: inlineThemeDisabled ? void 0 : cssVarsRef.value
            }, vue.h("div", {
              class: `${mergedClsPrefix}-color-picker-control`
            }, vue.h(Pallete, {
              clsPrefix: mergedClsPrefix,
              rgba: rgba2,
              displayedHue,
              displayedSv: displayedSvRef.value,
              onUpdateSV: handleUpdateSv,
              onComplete: handleComplete
            }), vue.h("div", {
              class: `${mergedClsPrefix}-color-picker-preview`
            }, vue.h("div", {
              class: `${mergedClsPrefix}-color-picker-preview__sliders`
            }, vue.h(HueSlider, {
              clsPrefix: mergedClsPrefix,
              hue: displayedHue,
              onUpdateHue: handleUpdateHue,
              onComplete: handleComplete
            }), props.showAlpha ? vue.h(AlphaSlider, {
              clsPrefix: mergedClsPrefix,
              rgba: rgba2,
              alpha: displayedAlphaRef.value,
              onUpdateAlpha: handleUpdateAlpha,
              onComplete: handleComplete
            }) : null), props.showPreview ? vue.h(ColorPreview, {
              clsPrefix: mergedClsPrefix,
              mode: displayedModeRef.value,
              color: rgbaRef.value && toHexString(rgbaRef.value),
              onUpdateColor: (color) => {
                doUpdateValue(color, "input");
              }
            }) : null), vue.h(ColorInput, {
              clsPrefix: mergedClsPrefix,
              showAlpha: props.showAlpha,
              mode: displayedModeRef.value,
              modes: modes2,
              onUpdateMode: handleUpdateDisplayedMode,
              value: mergedValueRef.value,
              valueArr: mergedValueArrRef.value,
              onUpdateValue: handleInputUpdateValue
            }), ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && vue.h(ColorPickerSwatches, {
              clsPrefix: mergedClsPrefix,
              mode: displayedModeRef.value,
              swatches: props.swatches,
              onUpdateColor: (color) => {
                doUpdateValue(color, "input");
              }
            })), (actions === null || actions === void 0 ? void 0 : actions.length) ? vue.h("div", {
              class: `${mergedClsPrefix}-color-picker-action`
            }, actions.includes("confirm") && vue.h(NButton, {
              size: "small",
              onClick: handleConfirm,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              default: () => localeRef.value.confirm
            }), actions.includes("clear") && vue.h(NButton, {
              size: "small",
              onClick: handleClear,
              disabled: !mergedValueRef.value,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              default: () => localeRef.value.clear
            })) : null, slots.action ? vue.h("div", {
              class: `${mergedClsPrefix}-color-picker-action`
            }, {
              default: slots.action
            }) : internalActions ? vue.h("div", {
              class: `${mergedClsPrefix}-color-picker-action`
            }, internalActions.includes("undo") && vue.h(NButton, {
              size: "small",
              onClick: undo,
              disabled: !undoableRef.value,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              default: () => localeRef.value.undo
            }), internalActions.includes("redo") && vue.h(NButton, {
              size: "small",
              onClick: redo,
              disabled: !redoableRef.value,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button
            }, {
              default: () => localeRef.value.redo
            })) : null);
          }
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            namespace: namespaceRef,
            selfRef,
            hsla: hslaRef,
            rgba: rgbaRef,
            mergedShow: mergedShowRef,
            mergedDisabled: mergedDisabledRef,
            isMounted: isMounted(),
            adjustedTo: useAdjustedTo(props),
            mergedValue: mergedValueRef,
            handleTriggerClick() {
              doUpdateShow(true);
            },
            handleClickOutside(e) {
              var _a;
              if ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e))) {
                return;
              }
              doUpdateShow(false);
            },
            renderPanel,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            $slots,
            mergedClsPrefix,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [this.themeClass, `${mergedClsPrefix}-color-picker`],
            ref: "selfRef",
            style: this.cssVars
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h(ColorPickerTrigger, {
                clsPrefix: mergedClsPrefix,
                value: this.mergedValue,
                hsla: this.hsla,
                disabled: this.mergedDisabled,
                onClick: this.handleTriggerClick
              }, {
                label: $slots.label
              })
            }), vue.h(VFollower, {
              placement: this.placement,
              show: this.mergedShow,
              containerClass: this.namespace,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              to: this.adjustedTo
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted
              }, {
                default: () => this.mergedShow ? vue.withDirectives(this.renderPanel(), [[clickoutside, this.handleClickOutside, void 0, {
                  capture: true
                }]]) : null
              })
            })]
          }));
        }
      });
      const commonVariables$d = {
        paddingSmall: "12px 16px 12px",
        paddingMedium: "19px 24px 20px",
        paddingLarge: "23px 32px 24px",
        paddingHuge: "27px 40px 28px",
        titleFontSizeSmall: "16px",
        titleFontSizeMedium: "18px",
        titleFontSizeLarge: "18px",
        titleFontSizeHuge: "18px",
        closeIconSize: "18px",
        closeSize: "22px"
      };
      const self$$ = (vars) => {
        const {
          primaryColor,
          borderRadius,
          lineHeight: lineHeight2,
          fontSize: fontSize2,
          cardColor,
          textColor2,
          textColor1,
          dividerColor,
          fontWeightStrong,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHover,
          closeColorPressed,
          modalColor,
          boxShadow1,
          popoverColor,
          actionColor
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$d), {
          lineHeight: lineHeight2,
          color: cardColor,
          colorModal: modalColor,
          colorPopover: popoverColor,
          colorTarget: primaryColor,
          colorEmbedded: actionColor,
          colorEmbeddedModal: actionColor,
          colorEmbeddedPopover: actionColor,
          textColor: textColor2,
          titleTextColor: textColor1,
          borderColor: dividerColor,
          actionColor,
          titleFontWeight: fontWeightStrong,
          closeColorHover,
          closeColorPressed,
          closeBorderRadius: borderRadius,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          fontSizeSmall: fontSize2,
          fontSizeMedium: fontSize2,
          fontSizeLarge: fontSize2,
          fontSizeHuge: fontSize2,
          boxShadow: boxShadow1,
          borderRadius
        });
      };
      const cardLight = {
        name: "Card",
        common: derived,
        self: self$$
      };
      const style$1a = c$1([cB("card", `
 font-size: var(--n-font-size);
 line-height: var(--n-line-height);
 display: flex;
 flex-direction: column;
 width: 100%;
 box-sizing: border-box;
 position: relative;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 color: var(--n-text-color);
 word-break: break-word;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [asModal({
        background: "var(--n-color-modal)"
      }), cM("hoverable", [c$1("&:hover", "box-shadow: var(--n-box-shadow);")]), cM("content-segmented", [c$1(">", [cE("content", {
        paddingTop: "var(--n-padding-bottom)"
      })])]), cM("content-soft-segmented", [c$1(">", [cE("content", `
 margin: 0 var(--n-padding-left);
 padding: var(--n-padding-bottom) 0;
 `)])]), cM("footer-segmented", [c$1(">", [cE("footer", {
        paddingTop: "var(--n-padding-bottom)"
      })])]), cM("footer-soft-segmented", [c$1(">", [cE("footer", `
 padding: var(--n-padding-bottom) 0;
 margin: 0 var(--n-padding-left);
 `)])]), c$1(">", [cB("card-header", `
 box-sizing: border-box;
 display: flex;
 align-items: center;
 font-size: var(--n-title-font-size);
 padding:
 var(--n-padding-top)
 var(--n-padding-left)
 var(--n-padding-bottom)
 var(--n-padding-left);
 `, [cE("main", `
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 flex: 1;
 min-width: 0;
 color: var(--n-title-text-color);
 `), cE("extra", `
 display: flex;
 align-items: center;
 font-size: var(--n-font-size);
 font-weight: 400;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 `), cE("close", `
 margin: 0 0 0 8px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `)]), cE("action", `
 box-sizing: border-box;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 background-clip: padding-box;
 background-color: var(--n-action-color);
 `), cE("content", "flex: 1; min-width: 0;"), cE("content, footer", `
 box-sizing: border-box;
 padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
 font-size: var(--n-font-size);
 `, [c$1("&:first-child", {
        paddingTop: "var(--n-padding-bottom)"
      })]), cE("action", `
 background-color: var(--n-action-color);
 padding: var(--n-padding-bottom) var(--n-padding-left);
 border-bottom-left-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 `)]), cB("card-cover", `
 overflow: hidden;
 width: 100%;
 border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
 `, [c$1("img", `
 display: block;
 width: 100%;
 `)]), cM("bordered", `
 border: 1px solid var(--n-border-color);
 `, [c$1("&:target", "border-color: var(--n-color-target);")]), cM("action-segmented", [c$1(">", [cE("action", [c$1("&:not(:first-child)", {
        borderTop: "1px solid var(--n-border-color)"
      })])])]), cM("content-segmented, content-soft-segmented", [c$1(">", [cE("content", {
        transition: "border-color 0.3s var(--n-bezier)"
      }, [c$1("&:not(:first-child)", {
        borderTop: "1px solid var(--n-border-color)"
      })])])]), cM("footer-segmented, footer-soft-segmented", [c$1(">", [cE("footer", {
        transition: "border-color 0.3s var(--n-bezier)"
      }, [c$1("&:not(:first-child)", {
        borderTop: "1px solid var(--n-border-color)"
      })])])]), cM("embedded", `
 background-color: var(--n-color-embedded);
 `)]), insideModal(cB("card", `
 background: var(--n-color-modal);
 `, [cM("embedded", `
 background-color: var(--n-color-embedded-modal);
 `)])), insidePopover(cB("card", `
 background: var(--n-color-popover);
 `, [cM("embedded", `
 background-color: var(--n-color-embedded-popover);
 `)]))]);
      const cardBaseProps = {
        title: [String, Function],
        contentClass: String,
        contentStyle: [Object, String],
        headerClass: String,
        headerStyle: [Object, String],
        headerExtraClass: String,
        headerExtraStyle: [Object, String],
        footerClass: String,
        footerStyle: [Object, String],
        embedded: Boolean,
        segmented: {
          type: [Boolean, Object],
          default: false
        },
        size: {
          type: String,
          default: "medium"
        },
        bordered: {
          type: Boolean,
          default: true
        },
        closable: Boolean,
        hoverable: Boolean,
        role: String,
        onClose: [Function, Array],
        tag: {
          type: String,
          default: "div"
        },
        cover: Function,
        content: [String, Function],
        footer: Function,
        action: Function,
        headerExtra: Function
      };
      const cardBasePropKeys = keysOf(cardBaseProps);
      const cardProps = Object.assign(Object.assign({}, useTheme.props), cardBaseProps);
      const NCard = vue.defineComponent({
        name: "Card",
        props: cardProps,
        setup(props) {
          const handleCloseClick = () => {
            const {
              onClose
            } = props;
            if (onClose)
              call(onClose);
          };
          const {
            inlineThemeDisabled,
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Card", "-card", style$1a, cardLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Card", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              self: {
                color,
                colorModal,
                colorTarget,
                textColor,
                titleTextColor,
                titleFontWeight,
                borderColor,
                actionColor,
                borderRadius,
                lineHeight: lineHeight2,
                closeIconColor,
                closeIconColorHover,
                closeIconColorPressed,
                closeColorHover,
                closeColorPressed,
                closeBorderRadius,
                closeIconSize,
                closeSize,
                boxShadow,
                colorPopover,
                colorEmbedded,
                colorEmbeddedModal,
                colorEmbeddedPopover,
                [createKey("padding", size2)]: padding,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("titleFontSize", size2)]: titleFontSize
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            const {
              top: paddingTop,
              left: paddingLeft,
              bottom: paddingBottom
            } = getMargin(padding);
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-color": color,
              "--n-color-modal": colorModal,
              "--n-color-popover": colorPopover,
              "--n-color-embedded": colorEmbedded,
              "--n-color-embedded-modal": colorEmbeddedModal,
              "--n-color-embedded-popover": colorEmbeddedPopover,
              "--n-color-target": colorTarget,
              "--n-text-color": textColor,
              "--n-line-height": lineHeight2,
              "--n-action-color": actionColor,
              "--n-title-text-color": titleTextColor,
              "--n-title-font-weight": titleFontWeight,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-close-color-hover": closeColorHover,
              "--n-close-color-pressed": closeColorPressed,
              "--n-border-color": borderColor,
              "--n-box-shadow": boxShadow,
              // size
              "--n-padding-top": paddingTop,
              "--n-padding-bottom": paddingBottom,
              "--n-padding-left": paddingLeft,
              "--n-font-size": fontSize2,
              "--n-title-font-size": titleFontSize,
              "--n-close-size": closeSize,
              "--n-close-icon-size": closeIconSize,
              "--n-close-border-radius": closeBorderRadius
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("card", vue.computed(() => {
            return props.size[0];
          }), cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: themeRef,
            handleCloseClick,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            segmented,
            bordered,
            hoverable,
            mergedClsPrefix,
            rtlEnabled,
            onRender,
            embedded,
            tag: Component,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h(Component, {
            class: [`${mergedClsPrefix}-card`, this.themeClass, embedded && `${mergedClsPrefix}-card--embedded`, {
              [`${mergedClsPrefix}-card--rtl`]: rtlEnabled,
              [`${mergedClsPrefix}-card--content${typeof segmented !== "boolean" && segmented.content === "soft" ? "-soft" : ""}-segmented`]: segmented === true || segmented !== false && segmented.content,
              [`${mergedClsPrefix}-card--footer${typeof segmented !== "boolean" && segmented.footer === "soft" ? "-soft" : ""}-segmented`]: segmented === true || segmented !== false && segmented.footer,
              [`${mergedClsPrefix}-card--action-segmented`]: segmented === true || segmented !== false && segmented.action,
              [`${mergedClsPrefix}-card--bordered`]: bordered,
              [`${mergedClsPrefix}-card--hoverable`]: hoverable
            }],
            style: this.cssVars,
            role: this.role
          }, resolveWrappedSlot($slots.cover, (children) => {
            const mergedChildren = this.cover ? ensureValidVNode([this.cover()]) : children;
            return mergedChildren && vue.h("div", {
              class: `${mergedClsPrefix}-card-cover`,
              role: "none"
            }, mergedChildren);
          }), resolveWrappedSlot($slots.header, (children) => {
            const {
              title
            } = this;
            const mergedChildren = title ? ensureValidVNode(typeof title === "function" ? [title()] : [title]) : children;
            return mergedChildren || this.closable ? vue.h("div", {
              class: [`${mergedClsPrefix}-card-header`, this.headerClass],
              style: this.headerStyle,
              role: "heading"
            }, vue.h("div", {
              class: `${mergedClsPrefix}-card-header__main`,
              role: "heading"
            }, mergedChildren), resolveWrappedSlot($slots["header-extra"], (children2) => {
              const mergedChildren2 = this.headerExtra ? ensureValidVNode([this.headerExtra()]) : children2;
              return mergedChildren2 && vue.h("div", {
                class: [`${mergedClsPrefix}-card-header__extra`, this.headerExtraClass],
                style: this.headerExtraStyle
              }, mergedChildren2);
            }), this.closable && vue.h(NBaseClose, {
              clsPrefix: mergedClsPrefix,
              class: `${mergedClsPrefix}-card-header__close`,
              onClick: this.handleCloseClick,
              absolute: true
            })) : null;
          }), resolveWrappedSlot($slots.default, (children) => {
            const {
              content
            } = this;
            const mergedChildren = content ? ensureValidVNode(typeof content === "function" ? [content()] : [content]) : children;
            return mergedChildren && vue.h("div", {
              class: [`${mergedClsPrefix}-card__content`, this.contentClass],
              style: this.contentStyle,
              role: "none"
            }, mergedChildren);
          }), resolveWrappedSlot($slots.footer, (children) => {
            const mergedChildren = this.footer ? ensureValidVNode([this.footer()]) : children;
            return mergedChildren && vue.h("div", {
              class: [`${mergedClsPrefix}-card__footer`, this.footerClass],
              style: this.footerStyle,
              role: "none"
            }, mergedChildren);
          }), resolveWrappedSlot($slots.action, (children) => {
            const mergedChildren = this.action ? ensureValidVNode([this.action()]) : children;
            return mergedChildren && vue.h("div", {
              class: `${mergedClsPrefix}-card__action`,
              role: "none"
            }, mergedChildren);
          }));
        }
      });
      const self$_ = (vars) => {
        return {
          dotSize: "8px",
          dotColor: "rgba(255, 255, 255, .3)",
          dotColorActive: "rgba(255, 255, 255, 1)",
          dotColorFocus: "rgba(255, 255, 255, .5)",
          dotLineWidth: "16px",
          dotLineWidthActive: "24px",
          arrowColor: "#eee"
        };
      };
      const carouselLight = {
        name: "Carousel",
        common: derived,
        self: self$_
      };
      function addDuplicateSlides(slides) {
        const {
          length
        } = slides;
        if (length > 1) {
          slides.push(duplicateSlide(slides[0], 0, "append"));
          slides.unshift(duplicateSlide(slides[length - 1], length - 1, "prepend"));
          return slides;
        }
        return slides;
      }
      function duplicateSlide(child, index, position) {
        return vue.cloneVNode(child, {
          // for patch
          key: `carousel-item-duplicate-${index}-${position}`
        });
      }
      function getDisplayIndex(current, length, duplicatedable) {
        if (length === 1)
          return 0;
        return !duplicatedable ? current : current === 0 ? length - 3 : current === length - 1 ? 0 : current - 1;
      }
      function getRealIndex(current, duplicatedable) {
        return !duplicatedable ? current : current + 1;
      }
      function getPrevIndex(current, length, duplicatedable) {
        if (current < 0)
          return null;
        return current === 0 ? duplicatedable ? length - 1 : null : current - 1;
      }
      function getNextIndex(current, length, duplicatedable) {
        if (current > length - 1)
          return null;
        return current === length - 1 ? duplicatedable ? 0 : null : current + 1;
      }
      function getDisplayTotalView(total, duplicatedable) {
        return duplicatedable && total > 3 ? total - 2 : total;
      }
      function isTouchEvent$1(e) {
        return window.TouchEvent && e instanceof window.TouchEvent;
      }
      function calculateSize(element, innerOnly) {
        let {
          offsetWidth: width,
          offsetHeight: height
        } = element;
        if (innerOnly) {
          const style2 = getComputedStyle(element);
          width = width - parseFloat(style2.getPropertyValue("padding-left")) - parseFloat(style2.getPropertyValue("padding-right"));
          height = height - parseFloat(style2.getPropertyValue("padding-top")) - parseFloat(style2.getPropertyValue("padding-bottom"));
        }
        return {
          width,
          height
        };
      }
      function clampValue(value, min, max) {
        return value < min ? min : value > max ? max : value;
      }
      function resolveSpeed(value) {
        if (value === void 0)
          return 0;
        if (typeof value === "number")
          return value;
        const timeRE = /^((\d+)?\.?\d+?)(ms|s)?$/;
        const match2 = value.match(timeRE);
        if (match2) {
          const [, number, , unit = "ms"] = match2;
          return Number(number) * (unit === "ms" ? 1 : 1e3);
        }
        return 0;
      }
      const carouselMethodsInjectionKey = createInjectionKey("n-carousel-methods");
      const provideCarouselContext = (contextValue) => {
        vue.provide(carouselMethodsInjectionKey, contextValue);
      };
      const useCarouselContext = (location = "unknown", component = "component") => {
        const CarouselContext = vue.inject(carouselMethodsInjectionKey);
        if (!CarouselContext) {
          throwError(location, `\`${component}\` must be placed inside \`n-carousel\`.`);
        }
        return CarouselContext;
      };
      const carouselDotsProps = {
        total: {
          type: Number,
          default: 0
        },
        currentIndex: {
          type: Number,
          default: 0
        },
        dotType: {
          type: String,
          default: "dot"
        },
        trigger: {
          type: String,
          default: "click"
        },
        keyboard: Boolean
      };
      const NCarouselDots = vue.defineComponent({
        name: "CarouselDots",
        props: carouselDotsProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const dotElsRef = vue.ref([]);
          const NCarousel = useCarouselContext();
          function handleKeydown(e, current) {
            switch (e.key) {
              case "Enter":
              case " ":
                e.preventDefault();
                NCarousel.to(current);
                return;
            }
            if (props.keyboard) {
              handleKeyboard(e);
            }
          }
          function handleMouseenter(current) {
            if (props.trigger === "hover") {
              NCarousel.to(current);
            }
          }
          function handleClick2(current) {
            if (props.trigger === "click") {
              NCarousel.to(current);
            }
          }
          function handleKeyboard(e) {
            var _a;
            if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
              return;
            }
            const nodeName = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.nodeName.toLowerCase();
            if (nodeName === "input" || nodeName === "textarea") {
              return;
            }
            const {
              code: keycode
            } = e;
            const isVerticalNext = keycode === "PageUp" || keycode === "ArrowUp";
            const isVerticalPrev = keycode === "PageDown" || keycode === "ArrowDown";
            const isHorizontalNext = keycode === "PageUp" || keycode === "ArrowRight";
            const isHorizontalPrev = keycode === "PageDown" || keycode === "ArrowLeft";
            const vertical = NCarousel.isVertical();
            const wantToNext = vertical ? isVerticalNext : isHorizontalNext;
            const wantToPrev = vertical ? isVerticalPrev : isHorizontalPrev;
            if (!wantToNext && !wantToPrev) {
              return;
            }
            e.preventDefault();
            if (wantToNext && !NCarousel.isNextDisabled()) {
              NCarousel.next();
              focusDot(NCarousel.currentIndexRef.value);
            } else if (wantToPrev && !NCarousel.isPrevDisabled()) {
              NCarousel.prev();
              focusDot(NCarousel.currentIndexRef.value);
            }
          }
          function focusDot(index) {
            var _a;
            (_a = dotElsRef.value[index]) === null || _a === void 0 ? void 0 : _a.focus();
          }
          vue.onBeforeUpdate(() => dotElsRef.value.length = 0);
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            dotEls: dotElsRef,
            handleKeydown,
            handleMouseenter,
            handleClick: handleClick2
          };
        },
        render() {
          const {
            mergedClsPrefix,
            dotEls
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-carousel__dots`, `${mergedClsPrefix}-carousel__dots--${this.dotType}`],
            role: "tablist"
          }, indexMap(this.total, (i) => {
            const selected = i === this.currentIndex;
            return vue.h("div", {
              "aria-selected": selected,
              ref: (el) => dotEls.push(el),
              role: "button",
              tabindex: "0",
              class: [`${mergedClsPrefix}-carousel__dot`, selected && `${mergedClsPrefix}-carousel__dot--active`],
              key: i,
              onClick: () => {
                this.handleClick(i);
              },
              onMouseenter: () => {
                this.handleMouseenter(i);
              },
              onKeydown: (e) => {
                this.handleKeydown(e, i);
              }
            });
          }));
        }
      });
      const backwardIcon = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 16 16"
      }, vue.h("g", {
        fill: "none"
      }, vue.h("path", {
        d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z",
        fill: "currentColor"
      })));
      const forwardIcon = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 16 16"
      }, vue.h("g", {
        fill: "none"
      }, vue.h("path", {
        d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z",
        fill: "currentColor"
      })));
      const NCarouselArrow = vue.defineComponent({
        name: "CarouselArrow",
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const {
            isVertical,
            isPrevDisabled,
            isNextDisabled,
            prev,
            next
          } = useCarouselContext();
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            isVertical,
            isPrevDisabled,
            isNextDisabled,
            prev,
            next
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-carousel__arrow-group`
          }, vue.h("div", {
            class: [`${mergedClsPrefix}-carousel__arrow`, this.isPrevDisabled() && `${mergedClsPrefix}-carousel__arrow--disabled`],
            role: "button",
            onClick: this.prev
          }, backwardIcon), vue.h("div", {
            class: [`${mergedClsPrefix}-carousel__arrow`, this.isNextDisabled() && `${mergedClsPrefix}-carousel__arrow--disabled`],
            role: "button",
            onClick: this.next
          }, forwardIcon));
        }
      });
      const CarouselItemName = "CarouselItem";
      const isCarouselItem = (child) => {
        var _a;
        return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName;
      };
      const NCarouselItem = vue.defineComponent({
        name: CarouselItemName,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const NCarousel = useCarouselContext(camelCase(CarouselItemName), `n-${camelCase(CarouselItemName)}`);
          const selfElRef = vue.ref();
          const indexRef = vue.computed(() => {
            const {
              value: selfEl
            } = selfElRef;
            return selfEl ? NCarousel.getSlideIndex(selfEl) : -1;
          });
          const isPrevRef = vue.computed(() => NCarousel.isPrev(indexRef.value));
          const isNextRef = vue.computed(() => NCarousel.isNext(indexRef.value));
          const isActiveRef = vue.computed(() => NCarousel.isActive(indexRef.value));
          const styleRef = vue.computed(() => NCarousel.getSlideStyle(indexRef.value));
          vue.onMounted(() => {
            NCarousel.addSlide(selfElRef.value);
          });
          vue.onBeforeUnmount(() => {
            NCarousel.removeSlide(selfElRef.value);
          });
          function handleClick2(event) {
            const {
              value: index
            } = indexRef;
            if (index !== void 0) {
              NCarousel === null || NCarousel === void 0 ? void 0 : NCarousel.onCarouselItemClick(index, event);
            }
          }
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            selfElRef,
            isPrev: isPrevRef,
            isNext: isNextRef,
            isActive: isActiveRef,
            index: indexRef,
            style: styleRef,
            handleClick: handleClick2
          };
        },
        render() {
          var _a;
          const {
            $slots: slots,
            mergedClsPrefix,
            isPrev,
            isNext,
            isActive,
            index,
            style: style2
          } = this;
          const className = [`${mergedClsPrefix}-carousel__slide`, {
            [`${mergedClsPrefix}-carousel__slide--current`]: isActive,
            [`${mergedClsPrefix}-carousel__slide--prev`]: isPrev,
            [`${mergedClsPrefix}-carousel__slide--next`]: isNext
          }];
          return vue.h("div", {
            ref: "selfElRef",
            class: className,
            role: "option",
            tabindex: "-1",
            "data-index": index,
            "aria-hidden": !isActive,
            style: style2,
            // We use ts-ignore for vue-tsc, since it seems to patch native event
            // for vue components
            // @ts-expect-error vue's tsx has type for capture events
            onClickCapture: this.handleClick
          }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
            isPrev,
            isNext,
            isActive,
            index
          }));
        }
      });
      const style$19 = cB("carousel", `
 position: relative;
 width: 100%;
 height: 100%;
 touch-action: pan-y;
 overflow: hidden;
`, [cE("slides", `
 display: flex;
 width: 100%;
 height: 100%;
 transition-timing-function: var(--n-bezier);
 transition-property: transform;
 `, [cE("slide", `
 flex-shrink: 0;
 position: relative;
 width: 100%;
 height: 100%;
 outline: none;
 overflow: hidden;
 `, [c$1("> img", `
 display: block;
 `)])]), cE("dots", `
 position: absolute;
 display: flex;
 flex-wrap: nowrap;
 `, [cM("dot", [cE("dot", `
 height: var(--n-dot-size);
 width: var(--n-dot-size);
 background-color: var(--n-dot-color);
 border-radius: 50%;
 cursor: pointer;
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 outline: none;
 `, [c$1("&:focus", `
 background-color: var(--n-dot-color-focus);
 `), cM("active", `
 background-color: var(--n-dot-color-active);
 `)])]), cM("line", [cE("dot", `
 border-radius: 9999px;
 width: var(--n-dot-line-width);
 height: 4px;
 background-color: var(--n-dot-color);
 cursor: pointer;
 transition:
 width .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 outline: none;
 `, [c$1("&:focus", `
 background-color: var(--n-dot-color-focus);
 `), cM("active", `
 width: var(--n-dot-line-width-active);
 background-color: var(--n-dot-color-active);
 `)])])]), cE("arrow", `
 transition: background-color .3s var(--n-bezier);
 cursor: pointer;
 height: 28px;
 width: 28px;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: rgba(255, 255, 255, .2);
 color: var(--n-arrow-color);
 border-radius: 8px;
 user-select: none;
 -webkit-user-select: none;
 font-size: 18px;
 `, [c$1("svg", `
 height: 1em;
 width: 1em;
 `), c$1("&:hover", `
 background-color: rgba(255, 255, 255, .3);
 `)]), cM("vertical", `
 touch-action: pan-x;
 `, [cE("slides", `
 flex-direction: column;
 `), cM("fade", [cE("slide", `
 top: 50%;
 left: unset;
 transform: translateY(-50%);
 `)]), cM("card", [cE("slide", `
 top: 50%;
 left: unset;
 transform: translateY(-50%) translateZ(-400px);
 `, [cM("current", `
 transform: translateY(-50%) translateZ(0);
 `), cM("prev", `
 transform: translateY(-100%) translateZ(-200px);
 `), cM("next", `
 transform: translateY(0%) translateZ(-200px);
 `)])])]), cM("usercontrol", [cE("slides", [c$1(">", [c$1("div", `
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 height: 100%;
 transform: translate(-50%, -50%);
 `)])])]), cM("left", [cE("dots", `
 transform: translateY(-50%);
 top: 50%;
 left: 12px;
 flex-direction: column;
 `, [cM("line", [cE("dot", `
 width: 4px;
 height: var(--n-dot-line-width);
 margin: 4px 0;
 transition:
 height .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 outline: none;
 `, [cM("active", `
 height: var(--n-dot-line-width-active);
 `)])])]), cE("dot", `
 margin: 4px 0;
 `)]), cE("arrow-group", `
 position: absolute;
 display: flex;
 flex-wrap: nowrap;
 `), cM("vertical", [cE("arrow", `
 transform: rotate(90deg);
 `)]), cM("show-arrow", [cM("bottom", [cE("dots", `
 transform: translateX(0);
 bottom: 18px;
 left: 18px;
 `)]), cM("top", [cE("dots", `
 transform: translateX(0);
 top: 18px;
 left: 18px;
 `)]), cM("left", [cE("dots", `
 transform: translateX(0);
 top: 18px;
 left: 18px;
 `)]), cM("right", [cE("dots", `
 transform: translateX(0);
 top: 18px;
 right: 18px;
 `)])]), cM("left", [cE("arrow-group", `
 bottom: 12px;
 left: 12px;
 flex-direction: column;
 `, [c$1("> *:first-child", `
 margin-bottom: 12px;
 `)])]), cM("right", [cE("dots", `
 transform: translateY(-50%);
 top: 50%;
 right: 12px;
 flex-direction: column;
 `, [cM("line", [cE("dot", `
 width: 4px;
 height: var(--n-dot-line-width);
 margin: 4px 0;
 transition:
 height .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 outline: none;
 `, [cM("active", `
 height: var(--n-dot-line-width-active);
 `)])])]), cE("dot", `
 margin: 4px 0;
 `), cE("arrow-group", `
 bottom: 12px;
 right: 12px;
 flex-direction: column;
 `, [c$1("> *:first-child", `
 margin-bottom: 12px;
 `)])]), cM("top", [cE("dots", `
 transform: translateX(-50%);
 top: 12px;
 left: 50%;
 `, [cM("line", [cE("dot", `
 margin: 0 4px;
 `)])]), cE("dot", `
 margin: 0 4px;
 `), cE("arrow-group", `
 top: 12px;
 right: 12px;
 `, [c$1("> *:first-child", `
 margin-right: 12px;
 `)])]), cM("bottom", [cE("dots", `
 transform: translateX(-50%);
 bottom: 12px;
 left: 50%;
 `, [cM("line", [cE("dot", `
 margin: 0 4px;
 `)])]), cE("dot", `
 margin: 0 4px;
 `), cE("arrow-group", `
 bottom: 12px;
 right: 12px;
 `, [c$1("> *:first-child", `
 margin-right: 12px;
 `)])]), cM("fade", [cE("slide", `
 position: absolute;
 opacity: 0;
 transition-property: opacity;
 pointer-events: none;
 `, [cM("current", `
 opacity: 1;
 pointer-events: auto;
 `)])]), cM("card", [cE("slides", `
 perspective: 1000px;
 `), cE("slide", `
 position: absolute;
 left: 50%;
 opacity: 0;
 transform: translateX(-50%) translateZ(-400px);
 transition-property: opacity, transform;
 `, [cM("current", `
 opacity: 1;
 transform: translateX(-50%) translateZ(0);
 z-index: 1;
 `), cM("prev", `
 opacity: 0.4;
 transform: translateX(-100%) translateZ(-200px);
 `), cM("next", `
 opacity: 0.4;
 transform: translateX(0%) translateZ(-200px);
 `)])])]);
      const transitionProperties = ["transitionDuration", "transitionTimingFunction"];
      const carouselProps = Object.assign(Object.assign({}, useTheme.props), {
        defaultIndex: {
          type: Number,
          default: 0
        },
        currentIndex: Number,
        showArrow: Boolean,
        dotType: {
          type: String,
          default: "dot"
        },
        dotPlacement: {
          type: String,
          default: "bottom"
        },
        slidesPerView: {
          type: [Number, String],
          default: 1
        },
        spaceBetween: {
          type: Number,
          default: 0
        },
        centeredSlides: Boolean,
        direction: {
          type: String,
          default: "horizontal"
        },
        autoplay: Boolean,
        interval: {
          type: Number,
          default: 5e3
        },
        loop: {
          type: Boolean,
          default: true
        },
        effect: {
          type: String,
          default: "slide"
        },
        showDots: {
          type: Boolean,
          default: true
        },
        trigger: {
          type: String,
          default: "click"
        },
        transitionStyle: {
          type: Object,
          default: () => ({
            transitionDuration: "300ms"
          })
        },
        transitionProps: Object,
        draggable: Boolean,
        prevSlideStyle: [Object, String],
        nextSlideStyle: [Object, String],
        touchable: {
          type: Boolean,
          default: true
        },
        mousewheel: Boolean,
        keyboard: Boolean,
        "onUpdate:currentIndex": Function,
        onUpdateCurrentIndex: Function
      });
      let globalDragging = false;
      const Carousel = vue.defineComponent({
        name: "Carousel",
        props: carouselProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const selfElRef = vue.ref(null);
          const slidesElRef = vue.ref(null);
          const slideElsRef = vue.ref([]);
          const slideVNodesRef = {
            value: []
          };
          const verticalRef = vue.computed(() => props.direction === "vertical");
          const sizeAxisRef = vue.computed(() => verticalRef.value ? "height" : "width");
          const spaceAxisRef = vue.computed(() => verticalRef.value ? "bottom" : "right");
          const sequenceLayoutRef = vue.computed(() => props.effect === "slide");
          const duplicatedableRef = vue.computed(
            // duplicate the copy operation in `slide` mode,
            // because only its DOM is sequence layout
            () => props.loop && props.slidesPerView === 1 && sequenceLayoutRef.value
          );
          const userWantsControlRef = vue.computed(() => props.effect === "custom");
          const displaySlidesPerViewRef = vue.computed(() => !sequenceLayoutRef.value || props.centeredSlides ? 1 : props.slidesPerView);
          const realSlidesPerViewRef = vue.computed(() => userWantsControlRef.value ? 1 : props.slidesPerView);
          const autoSlideSizeRef = vue.computed(() => displaySlidesPerViewRef.value === "auto" || props.slidesPerView === "auto" && props.centeredSlides);
          const perViewSizeRef = vue.ref({
            width: 0,
            height: 0
          });
          const slideSizesRef = vue.computed(() => {
            const {
              value: slidesEls
            } = slideElsRef;
            if (!slidesEls.length)
              return [];
            const {
              value: autoSlideSize
            } = autoSlideSizeRef;
            if (autoSlideSize) {
              return slidesEls.map((slide) => calculateSize(slide));
            }
            const {
              value: slidesPerView
            } = realSlidesPerViewRef;
            const {
              value: perViewSize
            } = perViewSizeRef;
            const {
              value: axis
            } = sizeAxisRef;
            let axisSize = perViewSize[axis];
            if (slidesPerView !== "auto") {
              const {
                spaceBetween
              } = props;
              const remaining = axisSize - (slidesPerView - 1) * spaceBetween;
              const percentage = 1 / Math.max(1, slidesPerView);
              axisSize = remaining * percentage;
            }
            const slideSize = Object.assign(Object.assign({}, perViewSize), {
              [axis]: axisSize
            });
            return slidesEls.map(() => slideSize);
          });
          const slideTranlatesRef = vue.computed(() => {
            const {
              value: slideSizes
            } = slideSizesRef;
            if (!slideSizes.length)
              return [];
            const {
              centeredSlides,
              spaceBetween
            } = props;
            const {
              value: axis
            } = sizeAxisRef;
            const {
              [axis]: perViewSize
            } = perViewSizeRef.value;
            let previousTranslate2 = 0;
            return slideSizes.map(({
              [axis]: slideSize
            }) => {
              let translate = previousTranslate2;
              if (centeredSlides) {
                translate += (slideSize - perViewSize) / 2;
              }
              previousTranslate2 += slideSize + spaceBetween;
              return translate;
            });
          });
          const isMountedRef = vue.ref(false);
          const transitionStyleRef = vue.computed(() => {
            const {
              transitionStyle
            } = props;
            return transitionStyle ? keep(transitionStyle, transitionProperties) : {};
          });
          const speedRef = vue.computed(() => userWantsControlRef.value ? 0 : resolveSpeed(transitionStyleRef.value.transitionDuration));
          const slideStylesRef = vue.computed(() => {
            const {
              value: slidesEls
            } = slideElsRef;
            if (!slidesEls.length)
              return [];
            const useComputedSize = !(autoSlideSizeRef.value || realSlidesPerViewRef.value === 1);
            const getSlideSize = (index) => {
              if (useComputedSize) {
                const {
                  value: axis
                } = sizeAxisRef;
                return {
                  [axis]: `${slideSizesRef.value[index][axis]}px`
                };
              }
            };
            if (userWantsControlRef.value) {
              return slidesEls.map((_, i) => getSlideSize(i));
            }
            const {
              effect,
              spaceBetween
            } = props;
            const {
              value: spaceAxis
            } = spaceAxisRef;
            return slidesEls.reduce((styles2, _, i) => {
              const style2 = Object.assign(Object.assign({}, getSlideSize(i)), {
                [`margin-${spaceAxis}`]: `${spaceBetween}px`
              });
              styles2.push(style2);
              if (isMountedRef.value && (effect === "fade" || effect === "card")) {
                Object.assign(style2, transitionStyleRef.value);
              }
              return styles2;
            }, []);
          });
          const totalViewRef = vue.computed(() => {
            const {
              value: slidesPerView
            } = displaySlidesPerViewRef;
            const {
              length: totalSlides
            } = slideElsRef.value;
            if (slidesPerView !== "auto") {
              return Math.max(totalSlides - slidesPerView, 0) + 1;
            } else {
              const {
                value: slideSizes
              } = slideSizesRef;
              const {
                length
              } = slideSizes;
              if (!length)
                return totalSlides;
              const {
                value: translates
              } = slideTranlatesRef;
              const {
                value: axis
              } = sizeAxisRef;
              const perViewSize = perViewSizeRef.value[axis];
              let lastViewSize = slideSizes[slideSizes.length - 1][axis];
              let i = length;
              while (i > 1 && lastViewSize < perViewSize) {
                i--;
                lastViewSize += translates[i] - translates[i - 1];
              }
              return clampValue(i + 1, 1, length);
            }
          });
          const displayTotalViewRef = vue.computed(() => getDisplayTotalView(totalViewRef.value, duplicatedableRef.value));
          const defaultRealIndex = getRealIndex(props.defaultIndex, duplicatedableRef.value);
          const uncontrolledDisplayIndexRef = vue.ref(getDisplayIndex(defaultRealIndex, totalViewRef.value, duplicatedableRef.value));
          const mergedDisplayIndexRef = useMergedState(vue.toRef(props, "currentIndex"), uncontrolledDisplayIndexRef);
          const realIndexRef = vue.computed(() => getRealIndex(mergedDisplayIndexRef.value, duplicatedableRef.value));
          function toRealIndex(index) {
            var _a, _b;
            index = clampValue(index, 0, totalViewRef.value - 1);
            const displayIndex = getDisplayIndex(index, totalViewRef.value, duplicatedableRef.value);
            const {
              value: lastDisplayIndex
            } = mergedDisplayIndexRef;
            if (displayIndex !== mergedDisplayIndexRef.value) {
              uncontrolledDisplayIndexRef.value = displayIndex;
              (_a = props["onUpdate:currentIndex"]) === null || _a === void 0 ? void 0 : _a.call(props, displayIndex, lastDisplayIndex);
              (_b = props.onUpdateCurrentIndex) === null || _b === void 0 ? void 0 : _b.call(props, displayIndex, lastDisplayIndex);
            }
          }
          function getRealPrevIndex(index = realIndexRef.value) {
            return getPrevIndex(index, totalViewRef.value, props.loop);
          }
          function getRealNextIndex(index = realIndexRef.value) {
            return getNextIndex(index, totalViewRef.value, props.loop);
          }
          function isRealPrev(slideOrIndex) {
            const index = getSlideIndex(slideOrIndex);
            return index !== null && getRealPrevIndex() === index;
          }
          function isRealNext(slideOrIndex) {
            const index = getSlideIndex(slideOrIndex);
            return index !== null && getRealNextIndex() === index;
          }
          function isRealActive(slideOrIndex) {
            return realIndexRef.value === getSlideIndex(slideOrIndex);
          }
          function isDisplayActive(index) {
            return mergedDisplayIndexRef.value === index;
          }
          function isPrevDisabled() {
            return getRealPrevIndex() === null;
          }
          function isNextDisabled() {
            return getRealNextIndex() === null;
          }
          function to(index) {
            const realIndex = clampValue(getRealIndex(index, duplicatedableRef.value), 0, totalViewRef.value);
            if (index !== mergedDisplayIndexRef.value || realIndex !== realIndexRef.value) {
              toRealIndex(realIndex);
            }
          }
          function prev() {
            const prevIndex = getRealPrevIndex();
            if (prevIndex !== null)
              toRealIndex(prevIndex);
          }
          function next() {
            const nextIndex = getRealNextIndex();
            if (nextIndex !== null)
              toRealIndex(nextIndex);
          }
          function prevIfSlideTransitionEnd() {
            if (!inTransition || !duplicatedableRef.value)
              prev();
          }
          function nextIfSlideTransitionEnd() {
            if (!inTransition || !duplicatedableRef.value)
              next();
          }
          let inTransition = false;
          let previousTranslate = 0;
          const translateStyleRef = vue.ref({});
          function updateTranslate(translate, speed = 0) {
            translateStyleRef.value = Object.assign({}, transitionStyleRef.value, {
              transform: verticalRef.value ? `translateY(${-translate}px)` : `translateX(${-translate}px)`,
              transitionDuration: `${speed}ms`
            });
          }
          function fixTranslate(speed = 0) {
            if (sequenceLayoutRef.value) {
              translateTo(realIndexRef.value, speed);
            } else if (previousTranslate !== 0) {
              if (!inTransition && speed > 0) {
                inTransition = true;
              }
              updateTranslate(previousTranslate = 0, speed);
            }
          }
          function translateTo(index, speed) {
            const translate = getTranslate(index);
            if (translate !== previousTranslate && speed > 0) {
              inTransition = true;
            }
            previousTranslate = getTranslate(realIndexRef.value);
            updateTranslate(translate, speed);
          }
          function getTranslate(index) {
            let translate;
            if (index >= totalViewRef.value - 1) {
              translate = getLastViewTranslate();
            } else {
              translate = slideTranlatesRef.value[index] || 0;
            }
            return translate;
          }
          function getLastViewTranslate() {
            if (displaySlidesPerViewRef.value === "auto") {
              const {
                value: axis
              } = sizeAxisRef;
              const {
                [axis]: perViewSize
              } = perViewSizeRef.value;
              const {
                value: translates
              } = slideTranlatesRef;
              const lastTranslate = translates[translates.length - 1];
              let overallSize;
              if (lastTranslate === void 0) {
                overallSize = perViewSize;
              } else {
                const {
                  value: slideSizes
                } = slideSizesRef;
                overallSize = lastTranslate + slideSizes[slideSizes.length - 1][axis];
              }
              return overallSize - perViewSize;
            } else {
              const {
                value: translates
              } = slideTranlatesRef;
              return translates[totalViewRef.value - 1] || 0;
            }
          }
          const carouselContext = {
            currentIndexRef: mergedDisplayIndexRef,
            to,
            prev: prevIfSlideTransitionEnd,
            next: nextIfSlideTransitionEnd,
            isVertical: () => verticalRef.value,
            isHorizontal: () => !verticalRef.value,
            isPrev: isRealPrev,
            isNext: isRealNext,
            isActive: isRealActive,
            isPrevDisabled,
            isNextDisabled,
            getSlideIndex,
            getSlideStyle,
            addSlide,
            removeSlide,
            onCarouselItemClick
          };
          provideCarouselContext(carouselContext);
          function addSlide(slide) {
            if (!slide)
              return;
            slideElsRef.value.push(slide);
          }
          function removeSlide(slide) {
            if (!slide)
              return;
            const index = getSlideIndex(slide);
            if (index !== -1) {
              slideElsRef.value.splice(index, 1);
            }
          }
          function getSlideIndex(slideOrIndex) {
            return typeof slideOrIndex === "number" ? slideOrIndex : slideOrIndex ? slideElsRef.value.indexOf(slideOrIndex) : -1;
          }
          function getSlideStyle(slide) {
            const index = getSlideIndex(slide);
            if (index !== -1) {
              const styles2 = [slideStylesRef.value[index]];
              const isPrev = carouselContext.isPrev(index);
              const isNext = carouselContext.isNext(index);
              if (isPrev) {
                styles2.push(props.prevSlideStyle || "");
              }
              if (isNext) {
                styles2.push(props.nextSlideStyle || "");
              }
              return vue.normalizeStyle(styles2);
            }
          }
          function onCarouselItemClick(index, event) {
            let allowClick = !inTransition && !dragging && !isEffectiveDrag;
            if (props.effect === "card" && allowClick && !isRealActive(index)) {
              to(index);
              allowClick = false;
            }
            if (!allowClick) {
              event.preventDefault();
              event.stopPropagation();
            }
          }
          let autoplayTimer = null;
          function stopAutoplay() {
            if (autoplayTimer) {
              clearInterval(autoplayTimer);
              autoplayTimer = null;
            }
          }
          function resetAutoplay() {
            stopAutoplay();
            const disabled = !props.autoplay || displayTotalViewRef.value < 2;
            if (!disabled) {
              autoplayTimer = window.setInterval(next, props.interval);
            }
          }
          let dragStartX = 0;
          let dragStartY = 0;
          let dragOffset = 0;
          let dragStartTime = 0;
          let dragging = false;
          let isEffectiveDrag = false;
          function handleTouchstart(event) {
            var _a;
            if (globalDragging)
              return;
            if (!((_a = slidesElRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(event)))) {
              return;
            }
            globalDragging = true;
            dragging = true;
            isEffectiveDrag = false;
            dragStartTime = Date.now();
            stopAutoplay();
            if (event.type !== "touchstart" && !event.target.isContentEditable) {
              event.preventDefault();
            }
            const touchEvent = isTouchEvent$1(event) ? event.touches[0] : event;
            if (verticalRef.value) {
              dragStartY = touchEvent.clientY;
            } else {
              dragStartX = touchEvent.clientX;
            }
            if (props.touchable) {
              on("touchmove", document, handleTouchmove);
              on("touchend", document, handleTouchend);
              on("touchcancel", document, handleTouchend);
            }
            if (props.draggable) {
              on("mousemove", document, handleTouchmove);
              on("mouseup", document, handleTouchend);
            }
          }
          function handleTouchmove(event) {
            const {
              value: vertical
            } = verticalRef;
            const {
              value: axis
            } = sizeAxisRef;
            const touchEvent = isTouchEvent$1(event) ? event.touches[0] : event;
            const offset = vertical ? touchEvent.clientY - dragStartY : touchEvent.clientX - dragStartX;
            const perViewSize = perViewSizeRef.value[axis];
            dragOffset = clampValue(offset, -perViewSize, perViewSize);
            if (event.cancelable) {
              event.preventDefault();
            }
            if (sequenceLayoutRef.value) {
              updateTranslate(previousTranslate - dragOffset, 0);
            }
          }
          function handleTouchend() {
            const {
              value: realIndex
            } = realIndexRef;
            let currentIndex = realIndex;
            if (!inTransition && dragOffset !== 0 && sequenceLayoutRef.value) {
              const currentTranslate = previousTranslate - dragOffset;
              const translates = [...slideTranlatesRef.value.slice(0, totalViewRef.value - 1), getLastViewTranslate()];
              let prevOffset = null;
              for (let i = 0; i < translates.length; i++) {
                const offset = Math.abs(translates[i] - currentTranslate);
                if (prevOffset !== null && prevOffset < offset) {
                  break;
                }
                prevOffset = offset;
                currentIndex = i;
              }
            }
            if (currentIndex === realIndex) {
              const timeElapsed = Date.now() - dragStartTime;
              const {
                value: axis
              } = sizeAxisRef;
              const perViewSize = perViewSizeRef.value[axis];
              if (dragOffset > perViewSize / 2 || dragOffset / timeElapsed > 0.4) {
                currentIndex = getRealPrevIndex(realIndex);
              } else if (dragOffset < -perViewSize / 2 || dragOffset / timeElapsed < -0.4) {
                currentIndex = getRealNextIndex(realIndex);
              }
            }
            if (currentIndex !== null && currentIndex !== realIndex) {
              isEffectiveDrag = true;
              toRealIndex(currentIndex);
              void vue.nextTick(() => {
                if (!duplicatedableRef.value || uncontrolledDisplayIndexRef.value !== mergedDisplayIndexRef.value) {
                  fixTranslate(speedRef.value);
                }
              });
            } else {
              fixTranslate(speedRef.value);
            }
            resetDragStatus();
            resetAutoplay();
          }
          function resetDragStatus() {
            if (dragging) {
              globalDragging = false;
            }
            dragging = false;
            dragStartX = 0;
            dragStartY = 0;
            dragOffset = 0;
            dragStartTime = 0;
            off("touchmove", document, handleTouchmove);
            off("touchend", document, handleTouchend);
            off("touchcancel", document, handleTouchend);
            off("mousemove", document, handleTouchmove);
            off("mouseup", document, handleTouchend);
          }
          function handleTransitionEnd() {
            if (sequenceLayoutRef.value && inTransition) {
              const {
                value: realIndex
              } = realIndexRef;
              translateTo(realIndex, 0);
            } else {
              resetAutoplay();
            }
            if (sequenceLayoutRef.value) {
              translateStyleRef.value.transitionDuration = "0ms";
            }
            inTransition = false;
          }
          function handleMousewheel(event) {
            event.preventDefault();
            if (inTransition)
              return;
            let {
              deltaX,
              deltaY
            } = event;
            if (event.shiftKey && !deltaX) {
              deltaX = deltaY;
            }
            const prevMultiplier = -1;
            const nextMultiplier = 1;
            const m = (deltaX || deltaY) > 0 ? nextMultiplier : prevMultiplier;
            let rx = 0;
            let ry = 0;
            if (verticalRef.value) {
              ry = m;
            } else {
              rx = m;
            }
            const responseStep = 10;
            if (ry * deltaY >= responseStep || rx * deltaX >= responseStep) {
              if (m === nextMultiplier && !isNextDisabled()) {
                next();
              } else if (m === prevMultiplier && !isPrevDisabled()) {
                prev();
              }
            }
          }
          function handleResize() {
            perViewSizeRef.value = calculateSize(selfElRef.value, true);
            resetAutoplay();
          }
          function handleSlideResize() {
            var _a, _b;
            if (autoSlideSizeRef.value) {
              (_b = (_a = slideSizesRef.effect).scheduler) === null || _b === void 0 ? void 0 : _b.call(_a);
              slideSizesRef.effect.run();
            }
          }
          function handleMouseenter() {
            if (props.autoplay) {
              stopAutoplay();
            }
          }
          function handleMouseleave() {
            if (props.autoplay) {
              resetAutoplay();
            }
          }
          vue.onMounted(() => {
            vue.watchEffect(resetAutoplay);
            requestAnimationFrame(() => isMountedRef.value = true);
          });
          vue.onBeforeUnmount(() => {
            resetDragStatus();
            stopAutoplay();
          });
          vue.onUpdated(() => {
            const {
              value: slidesEls
            } = slideElsRef;
            const {
              value: slideVNodes
            } = slideVNodesRef;
            const indexMap2 = /* @__PURE__ */ new Map();
            const getDisplayIndex2 = (el) => (
              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
              indexMap2.has(el) ? indexMap2.get(el) : -1
            );
            let isChanged = false;
            for (let i = 0; i < slidesEls.length; i++) {
              const index = slideVNodes.findIndex((v) => v.el === slidesEls[i]);
              if (index !== i) {
                isChanged = true;
              }
              indexMap2.set(slidesEls[i], index);
            }
            if (isChanged) {
              slidesEls.sort((a2, b) => getDisplayIndex2(a2) - getDisplayIndex2(b));
            }
          });
          vue.watch(realIndexRef, (realIndex, lastRealIndex) => {
            if (realIndex === lastRealIndex)
              return;
            resetAutoplay();
            if (sequenceLayoutRef.value) {
              if (duplicatedableRef.value) {
                const {
                  value: length
                } = totalViewRef;
                if (displayTotalViewRef.value > 2 && realIndex === length - 2 && lastRealIndex === 1) {
                  realIndex = 0;
                } else if (realIndex === 1 && lastRealIndex === length - 2) {
                  realIndex = length - 1;
                }
              }
              translateTo(realIndex, speedRef.value);
            } else {
              fixTranslate();
            }
          }, {
            immediate: true
          });
          vue.watch([duplicatedableRef, displaySlidesPerViewRef], () => void vue.nextTick(() => {
            toRealIndex(realIndexRef.value);
          }));
          vue.watch(slideTranlatesRef, () => {
            sequenceLayoutRef.value && fixTranslate();
          }, {
            deep: true
          });
          vue.watch(sequenceLayoutRef, (value) => {
            if (!value) {
              inTransition = false;
              updateTranslate(previousTranslate = 0);
            } else {
              fixTranslate();
            }
          });
          const slidesControlListenersRef = vue.computed(() => {
            return {
              onTouchstartPassive: props.touchable ? handleTouchstart : void 0,
              onMousedown: props.draggable ? handleTouchstart : void 0,
              onWheel: props.mousewheel ? handleMousewheel : void 0
            };
          });
          const arrowSlotPropsRef = vue.computed(() => Object.assign(Object.assign({}, keep(carouselContext, ["to", "prev", "next", "isPrevDisabled", "isNextDisabled"])), {
            total: displayTotalViewRef.value,
            currentIndex: mergedDisplayIndexRef.value
          }));
          const dotSlotPropsRef = vue.computed(() => ({
            total: displayTotalViewRef.value,
            currentIndex: mergedDisplayIndexRef.value,
            to: carouselContext.to
          }));
          const caroulseExposedMethod = {
            getCurrentIndex: () => mergedDisplayIndexRef.value,
            to,
            prev,
            next
          };
          const themeRef = useTheme("Carousel", "-carousel", style$19, carouselLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                dotSize,
                dotColor,
                dotColorActive,
                dotColorFocus,
                dotLineWidth,
                dotLineWidthActive,
                arrowColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-dot-color": dotColor,
              "--n-dot-color-focus": dotColorFocus,
              "--n-dot-color-active": dotColorActive,
              "--n-dot-size": dotSize,
              "--n-dot-line-width": dotLineWidth,
              "--n-dot-line-width-active": dotLineWidthActive,
              "--n-arrow-color": arrowColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("carousel", void 0, cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            selfElRef,
            slidesElRef,
            slideVNodes: slideVNodesRef,
            duplicatedable: duplicatedableRef,
            userWantsControl: userWantsControlRef,
            autoSlideSize: autoSlideSizeRef,
            realIndex: realIndexRef,
            slideStyles: slideStylesRef,
            translateStyle: translateStyleRef,
            slidesControlListeners: slidesControlListenersRef,
            handleTransitionEnd,
            handleResize,
            handleSlideResize,
            handleMouseenter,
            handleMouseleave,
            isActive: isDisplayActive,
            arrowSlotProps: arrowSlotPropsRef,
            dotSlotProps: dotSlotPropsRef
          }, caroulseExposedMethod), {
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            showArrow,
            userWantsControl,
            slideStyles,
            dotType,
            dotPlacement,
            slidesControlListeners,
            transitionProps = {},
            arrowSlotProps,
            dotSlotProps,
            $slots: {
              default: defaultSlot,
              dots: dotsSlot,
              arrow: arrowSlot
            }
          } = this;
          const children = defaultSlot && flatten$3(defaultSlot()) || [];
          let slides = filterCarouselItem(children);
          if (!slides.length) {
            slides = children.map((ch) => vue.h(NCarouselItem, null, {
              default: () => vue.cloneVNode(ch)
            }));
          }
          if (this.duplicatedable) {
            slides = addDuplicateSlides(slides);
          }
          this.slideVNodes.value = slides;
          if (this.autoSlideSize) {
            slides = slides.map((slide) => vue.h(VResizeObserver, {
              onResize: this.handleSlideResize
            }, {
              default: () => slide
            }));
          }
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", Object.assign({
            ref: "selfElRef",
            class: [this.themeClass, `${mergedClsPrefix}-carousel`, this.direction === "vertical" && `${mergedClsPrefix}-carousel--vertical`, this.showArrow && `${mergedClsPrefix}-carousel--show-arrow`, `${mergedClsPrefix}-carousel--${dotPlacement}`, `${mergedClsPrefix}-carousel--${this.direction}`, `${mergedClsPrefix}-carousel--${this.effect}`, userWantsControl && `${mergedClsPrefix}-carousel--usercontrol`],
            style: this.cssVars
          }, slidesControlListeners, {
            onMouseenter: this.handleMouseenter,
            onMouseleave: this.handleMouseleave
          }), vue.h(VResizeObserver, {
            onResize: this.handleResize
          }, {
            default: () => vue.h("div", {
              ref: "slidesElRef",
              class: `${mergedClsPrefix}-carousel__slides`,
              role: "listbox",
              style: this.translateStyle,
              onTransitionend: this.handleTransitionEnd
            }, userWantsControl ? slides.map((slide, i) => vue.h("div", {
              style: slideStyles[i],
              key: i
            }, vue.withDirectives(vue.h(vue.Transition, Object.assign({}, transitionProps), {
              default: () => slide
            }), [[vue.vShow, this.isActive(i)]]))) : slides)
          }), this.showDots && dotSlotProps.total > 1 && resolveSlotWithProps(dotsSlot, dotSlotProps, () => [vue.h(NCarouselDots, {
            key: dotType + dotPlacement,
            total: dotSlotProps.total,
            currentIndex: dotSlotProps.currentIndex,
            dotType,
            trigger: this.trigger,
            keyboard: this.keyboard
          })]), showArrow && resolveSlotWithProps(arrowSlot, arrowSlotProps, () => [vue.h(NCarouselArrow, null)]));
        }
      });
      function filterCarouselItem(vnodes) {
        return vnodes.reduce((carouselItems, vnode) => {
          if (isCarouselItem(vnode)) {
            carouselItems.push(vnode);
          }
          return carouselItems;
        }, []);
      }
      const commonVariables$c = {
        sizeSmall: "14px",
        sizeMedium: "16px",
        sizeLarge: "18px",
        labelPadding: "0 8px",
        labelFontWeight: "400"
      };
      const self$Z = (vars) => {
        const {
          baseColor,
          inputColorDisabled,
          cardColor,
          modalColor,
          popoverColor,
          textColorDisabled,
          borderColor,
          primaryColor,
          textColor2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          borderRadiusSmall,
          lineHeight: lineHeight2
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$c), {
          labelLineHeight: lineHeight2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          borderRadius: borderRadiusSmall,
          color: baseColor,
          colorChecked: primaryColor,
          colorDisabled: inputColorDisabled,
          colorDisabledChecked: inputColorDisabled,
          colorTableHeader: cardColor,
          colorTableHeaderModal: modalColor,
          colorTableHeaderPopover: popoverColor,
          checkMarkColor: baseColor,
          checkMarkColorDisabled: textColorDisabled,
          checkMarkColorDisabledChecked: textColorDisabled,
          border: `1px solid ${borderColor}`,
          borderDisabled: `1px solid ${borderColor}`,
          borderDisabledChecked: `1px solid ${borderColor}`,
          borderChecked: `1px solid ${primaryColor}`,
          borderFocus: `1px solid ${primaryColor}`,
          boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.3
        })}`,
          textColor: textColor2,
          textColorDisabled
        });
      };
      const checkboxLight = {
        name: "Checkbox",
        common: derived,
        self: self$Z
      };
      const self$Y = (vars) => {
        const {
          borderRadius,
          boxShadow2,
          popoverColor,
          textColor2,
          textColor3,
          primaryColor,
          textColorDisabled,
          dividerColor,
          hoverColor,
          fontSizeMedium,
          heightMedium
        } = vars;
        return {
          menuBorderRadius: borderRadius,
          menuColor: popoverColor,
          menuBoxShadow: boxShadow2,
          menuDividerColor: dividerColor,
          menuHeight: "calc(var(--n-option-height) * 6.6)",
          optionArrowColor: textColor3,
          optionHeight: heightMedium,
          optionFontSize: fontSizeMedium,
          optionColorHover: hoverColor,
          optionTextColor: textColor2,
          optionTextColorActive: primaryColor,
          optionTextColorDisabled: textColorDisabled,
          optionCheckMarkColor: primaryColor,
          loadingColor: primaryColor,
          columnWidth: "180px"
        };
      };
      const cascaderLight = createTheme({
        name: "Cascader",
        common: derived,
        peers: {
          InternalSelectMenu: internalSelectMenuLight,
          InternalSelection: internalSelectionLight,
          Scrollbar: scrollbarLight,
          Checkbox: checkboxLight,
          Empty: emptyLight
        },
        self: self$Y
      });
      function getRawNodePath(tmNodes) {
        if (!tmNodes)
          return null;
        return tmNodes.map((tmNode) => tmNode.rawNode);
      }
      function createSelectOptions(tmNodes, checkStrategyIsChild, labelField, separator) {
        const selectOptions = [];
        const path = [];
        function traverse2(_tmNodes) {
          for (const tmNode of _tmNodes) {
            if (tmNode.disabled)
              continue;
            const {
              rawNode
            } = tmNode;
            path.push(rawNode);
            if (tmNode.isLeaf || !checkStrategyIsChild) {
              selectOptions.push({
                label: getPathLabel(tmNode, separator, labelField),
                value: tmNode.key,
                rawNode: tmNode.rawNode,
                path: Array.from(path)
              });
            }
            if (!tmNode.isLeaf && tmNode.children) {
              traverse2(tmNode.children);
            }
            path.pop();
          }
        }
        traverse2(tmNodes);
        return selectOptions;
      }
      function getPathLabel(node, separator, labelField) {
        const path = [];
        while (node) {
          path.push(node.rawNode[labelField]);
          node = node.parent;
        }
        return path.reverse().join(separator);
      }
      const CheckMark = vue.h("svg", {
        viewBox: "0 0 64 64",
        class: "check-icon"
      }, vue.h("path", {
        d: "M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z"
      }));
      const LineMark = vue.h("svg", {
        viewBox: "0 0 100 100",
        class: "line-icon"
      }, vue.h("path", {
        d: "M80.2,55.5H21.4c-2.8,0-5.1-2.5-5.1-5.5l0,0c0-3,2.3-5.5,5.1-5.5h58.7c2.8,0,5.1,2.5,5.1,5.5l0,0C85.2,53.1,82.9,55.5,80.2,55.5z"
      }));
      const checkboxGroupInjectionKey = createInjectionKey("n-checkbox-group");
      const checkboxGroupProps = {
        min: Number,
        max: Number,
        size: String,
        value: Array,
        defaultValue: {
          type: Array,
          default: null
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        // deprecated
        onChange: [Function, Array]
      };
      const NCheckboxGroup = vue.defineComponent({
        name: "CheckboxGroup",
        props: checkboxGroupProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef
          } = formItem;
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.computed(() => props.value);
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const checkedCount = vue.computed(() => {
            var _a;
            return ((_a = mergedValueRef.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
          });
          const valueSetRef = vue.computed(() => {
            if (Array.isArray(mergedValueRef.value)) {
              return new Set(mergedValueRef.value);
            }
            return /* @__PURE__ */ new Set();
          });
          function toggleCheckbox(checked, checkboxValue) {
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            const {
              onChange,
              "onUpdate:value": _onUpdateValue,
              onUpdateValue
            } = props;
            if (Array.isArray(mergedValueRef.value)) {
              const groupValue = Array.from(mergedValueRef.value);
              const index = groupValue.findIndex((value) => value === checkboxValue);
              if (checked) {
                if (!~index) {
                  groupValue.push(checkboxValue);
                  if (onUpdateValue) {
                    call(onUpdateValue, groupValue, {
                      actionType: "check",
                      value: checkboxValue
                    });
                  }
                  if (_onUpdateValue) {
                    call(_onUpdateValue, groupValue, {
                      actionType: "check",
                      value: checkboxValue
                    });
                  }
                  nTriggerFormInput();
                  nTriggerFormChange();
                  uncontrolledValueRef.value = groupValue;
                  if (onChange)
                    call(onChange, groupValue);
                }
              } else {
                if (~index) {
                  groupValue.splice(index, 1);
                  if (onUpdateValue) {
                    call(onUpdateValue, groupValue, {
                      actionType: "uncheck",
                      value: checkboxValue
                    });
                  }
                  if (_onUpdateValue) {
                    call(_onUpdateValue, groupValue, {
                      actionType: "uncheck",
                      value: checkboxValue
                    });
                  }
                  if (onChange)
                    call(onChange, groupValue);
                  uncontrolledValueRef.value = groupValue;
                  nTriggerFormInput();
                  nTriggerFormChange();
                }
              }
            } else {
              if (checked) {
                if (onUpdateValue) {
                  call(onUpdateValue, [checkboxValue], {
                    actionType: "check",
                    value: checkboxValue
                  });
                }
                if (_onUpdateValue) {
                  call(_onUpdateValue, [checkboxValue], {
                    actionType: "check",
                    value: checkboxValue
                  });
                }
                if (onChange)
                  call(onChange, [checkboxValue]);
                uncontrolledValueRef.value = [checkboxValue];
                nTriggerFormInput();
                nTriggerFormChange();
              } else {
                if (onUpdateValue) {
                  call(onUpdateValue, [], {
                    actionType: "uncheck",
                    value: checkboxValue
                  });
                }
                if (_onUpdateValue) {
                  call(_onUpdateValue, [], {
                    actionType: "uncheck",
                    value: checkboxValue
                  });
                }
                if (onChange)
                  call(onChange, []);
                uncontrolledValueRef.value = [];
                nTriggerFormInput();
                nTriggerFormChange();
              }
            }
          }
          vue.provide(checkboxGroupInjectionKey, {
            checkedCountRef: checkedCount,
            maxRef: vue.toRef(props, "max"),
            minRef: vue.toRef(props, "min"),
            valueSetRef,
            disabledRef: mergedDisabledRef,
            mergedSizeRef,
            toggleCheckbox
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef
          };
        },
        render() {
          return vue.h("div", {
            class: `${this.mergedClsPrefix}-checkbox-group`,
            role: "group"
          }, this.$slots);
        }
      });
      const style$18 = c$1([
        cB("checkbox", `
 font-size: var(--n-font-size);
 outline: none;
 cursor: pointer;
 display: inline-flex;
 flex-wrap: nowrap;
 align-items: flex-start;
 word-break: break-word;
 line-height: var(--n-size);
 --n-merged-color-table: var(--n-color-table);
 `, [cM("show-label", "line-height: var(--n-label-line-height);"), c$1("&:hover", [cB("checkbox-box", [cE("border", "border: var(--n-border-checked);")])]), c$1("&:focus:not(:active)", [cB("checkbox-box", [cE("border", `
 border: var(--n-border-focus);
 box-shadow: var(--n-box-shadow-focus);
 `)])]), cM("inside-table", [cB("checkbox-box", `
 background-color: var(--n-merged-color-table);
 `)]), cM("checked", [cB("checkbox-box", `
 background-color: var(--n-color-checked);
 `, [cB("checkbox-icon", [
          // if not set width to 100%, safari & old chrome won't display the icon
          c$1(".check-icon", `
 opacity: 1;
 transform: scale(1);
 `)
        ])])]), cM("indeterminate", [cB("checkbox-box", [cB("checkbox-icon", [c$1(".check-icon", `
 opacity: 0;
 transform: scale(.5);
 `), c$1(".line-icon", `
 opacity: 1;
 transform: scale(1);
 `)])])]), cM("checked, indeterminate", [c$1("&:focus:not(:active)", [cB("checkbox-box", [cE("border", `
 border: var(--n-border-checked);
 box-shadow: var(--n-box-shadow-focus);
 `)])]), cB("checkbox-box", `
 background-color: var(--n-color-checked);
 border-left: 0;
 border-top: 0;
 `, [cE("border", {
          border: "var(--n-border-checked)"
        })])]), cM("disabled", {
          cursor: "not-allowed"
        }, [cM("checked", [cB("checkbox-box", `
 background-color: var(--n-color-disabled-checked);
 `, [cE("border", {
          border: "var(--n-border-disabled-checked)"
        }), cB("checkbox-icon", [c$1(".check-icon, .line-icon", {
          fill: "var(--n-check-mark-color-disabled-checked)"
        })])])]), cB("checkbox-box", `
 background-color: var(--n-color-disabled);
 `, [cE("border", `
 border: var(--n-border-disabled);
 `), cB("checkbox-icon", [c$1(".check-icon, .line-icon", `
 fill: var(--n-check-mark-color-disabled);
 `)])]), cE("label", `
 color: var(--n-text-color-disabled);
 `)]), cB("checkbox-box-wrapper", `
 position: relative;
 width: var(--n-size);
 flex-shrink: 0;
 flex-grow: 0;
 user-select: none;
 -webkit-user-select: none;
 `), cB("checkbox-box", `
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 height: var(--n-size);
 width: var(--n-size);
 display: inline-block;
 box-sizing: border-box;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 transition: background-color 0.3s var(--n-bezier);
 `, [cE("border", `
 transition:
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 border-radius: inherit;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border: var(--n-border);
 `), cB("checkbox-icon", `
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 left: 1px;
 right: 1px;
 top: 1px;
 bottom: 1px;
 `, [c$1(".check-icon, .line-icon", `
 width: 100%;
 fill: var(--n-check-mark-color);
 opacity: 0;
 transform: scale(0.5);
 transform-origin: center;
 transition:
 fill 0.3s var(--n-bezier),
 transform 0.3s var(--n-bezier),
 opacity 0.3s var(--n-bezier),
 border-color 0.3s var(--n-bezier);
 `), iconSwitchTransition({
          left: "1px",
          top: "1px"
        })])]), cE("label", `
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 user-select: none;
 -webkit-user-select: none;
 padding: var(--n-label-padding);
 font-weight: var(--n-label-font-weight);
 `, [c$1("&:empty", {
          display: "none"
        })])]),
        // modal table header checkbox
        insideModal(cB("checkbox", `
 --n-merged-color-table: var(--n-color-table-modal);
 `)),
        // popover table header checkbox
        insidePopover(cB("checkbox", `
 --n-merged-color-table: var(--n-color-table-popover);
 `))
      ]);
      const checkboxProps = Object.assign(Object.assign({}, useTheme.props), {
        size: String,
        checked: {
          type: [Boolean, String, Number],
          default: void 0
        },
        defaultChecked: {
          type: [Boolean, String, Number],
          default: false
        },
        value: [String, Number],
        disabled: {
          type: Boolean,
          default: void 0
        },
        indeterminate: Boolean,
        label: String,
        focusable: {
          type: Boolean,
          default: true
        },
        checkedValue: {
          type: [Boolean, String, Number],
          default: true
        },
        uncheckedValue: {
          type: [Boolean, String, Number],
          default: false
        },
        "onUpdate:checked": [Function, Array],
        onUpdateChecked: [Function, Array],
        // private
        privateInsideTable: Boolean,
        // deprecated
        onChange: [Function, Array]
      });
      const NCheckbox = vue.defineComponent({
        name: "Checkbox",
        props: checkboxProps,
        setup(props) {
          const selfRef = vue.ref(null);
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const formItem = useFormItem(props, {
            mergedSize(NFormItem2) {
              const {
                size: size2
              } = props;
              if (size2 !== void 0)
                return size2;
              if (NCheckboxGroup2) {
                const {
                  value: mergedSize
                } = NCheckboxGroup2.mergedSizeRef;
                if (mergedSize !== void 0) {
                  return mergedSize;
                }
              }
              if (NFormItem2) {
                const {
                  mergedSize
                } = NFormItem2;
                if (mergedSize !== void 0)
                  return mergedSize.value;
              }
              return "medium";
            },
            mergedDisabled(NFormItem2) {
              const {
                disabled
              } = props;
              if (disabled !== void 0)
                return disabled;
              if (NCheckboxGroup2) {
                if (NCheckboxGroup2.disabledRef.value)
                  return true;
                const {
                  maxRef: {
                    value: max
                  },
                  checkedCountRef
                } = NCheckboxGroup2;
                if (max !== void 0 && checkedCountRef.value >= max && !renderedCheckedRef.value) {
                  return true;
                }
                const {
                  minRef: {
                    value: min
                  }
                } = NCheckboxGroup2;
                if (min !== void 0 && checkedCountRef.value <= min && renderedCheckedRef.value) {
                  return true;
                }
              }
              if (NFormItem2) {
                return NFormItem2.disabled.value;
              }
              return false;
            }
          });
          const {
            mergedDisabledRef,
            mergedSizeRef
          } = formItem;
          const NCheckboxGroup2 = vue.inject(checkboxGroupInjectionKey, null);
          const uncontrolledCheckedRef = vue.ref(props.defaultChecked);
          const controlledCheckedRef = vue.toRef(props, "checked");
          const mergedCheckedRef = useMergedState(controlledCheckedRef, uncontrolledCheckedRef);
          const renderedCheckedRef = useMemo(() => {
            if (NCheckboxGroup2) {
              const groupValueSet = NCheckboxGroup2.valueSetRef.value;
              if (groupValueSet && props.value !== void 0) {
                return groupValueSet.has(props.value);
              }
              return false;
            } else {
              return mergedCheckedRef.value === props.checkedValue;
            }
          });
          const themeRef = useTheme("Checkbox", "-checkbox", style$18, checkboxLight, props, mergedClsPrefixRef);
          function toggle(e) {
            if (NCheckboxGroup2 && props.value !== void 0) {
              NCheckboxGroup2.toggleCheckbox(!renderedCheckedRef.value, props.value);
            } else {
              const {
                onChange,
                "onUpdate:checked": _onUpdateCheck,
                onUpdateChecked
              } = props;
              const {
                nTriggerFormInput,
                nTriggerFormChange
              } = formItem;
              const nextChecked = renderedCheckedRef.value ? props.uncheckedValue : props.checkedValue;
              if (_onUpdateCheck) {
                call(_onUpdateCheck, nextChecked, e);
              }
              if (onUpdateChecked) {
                call(onUpdateChecked, nextChecked, e);
              }
              if (onChange)
                call(onChange, nextChecked, e);
              nTriggerFormInput();
              nTriggerFormChange();
              uncontrolledCheckedRef.value = nextChecked;
            }
          }
          function handleClick2(e) {
            if (!mergedDisabledRef.value) {
              toggle(e);
            }
          }
          function handleKeyUp(e) {
            if (mergedDisabledRef.value)
              return;
            switch (e.key) {
              case " ":
              case "Enter":
                toggle(e);
            }
          }
          function handleKeyDown(e) {
            switch (e.key) {
              case " ":
                e.preventDefault();
            }
          }
          const exposedMethods = {
            focus: () => {
              var _a;
              (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            blur: () => {
              var _a;
              (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            }
          };
          const rtlEnabledRef = useRtl("Checkbox", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              value: mergedSize
            } = mergedSizeRef;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                borderRadius,
                color,
                colorChecked,
                colorDisabled,
                colorTableHeader,
                colorTableHeaderModal,
                colorTableHeaderPopover,
                checkMarkColor,
                checkMarkColorDisabled,
                border,
                borderFocus,
                borderDisabled,
                borderChecked,
                boxShadowFocus,
                textColor,
                textColorDisabled,
                checkMarkColorDisabledChecked,
                colorDisabledChecked,
                borderDisabledChecked,
                labelPadding,
                labelLineHeight,
                labelFontWeight,
                [createKey("fontSize", mergedSize)]: fontSize2,
                [createKey("size", mergedSize)]: size2
              }
            } = themeRef.value;
            return {
              "--n-label-line-height": labelLineHeight,
              "--n-label-font-weight": labelFontWeight,
              "--n-size": size2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-border": border,
              "--n-border-checked": borderChecked,
              "--n-border-focus": borderFocus,
              "--n-border-disabled": borderDisabled,
              "--n-border-disabled-checked": borderDisabledChecked,
              "--n-box-shadow-focus": boxShadowFocus,
              "--n-color": color,
              "--n-color-checked": colorChecked,
              "--n-color-table": colorTableHeader,
              "--n-color-table-modal": colorTableHeaderModal,
              "--n-color-table-popover": colorTableHeaderPopover,
              "--n-color-disabled": colorDisabled,
              "--n-color-disabled-checked": colorDisabledChecked,
              "--n-text-color": textColor,
              "--n-text-color-disabled": textColorDisabled,
              "--n-check-mark-color": checkMarkColor,
              "--n-check-mark-color-disabled": checkMarkColorDisabled,
              "--n-check-mark-color-disabled-checked": checkMarkColorDisabledChecked,
              "--n-font-size": fontSize2,
              "--n-label-padding": labelPadding
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("checkbox", vue.computed(() => mergedSizeRef.value[0]), cssVarsRef, props) : void 0;
          return Object.assign(formItem, exposedMethods, {
            rtlEnabled: rtlEnabledRef,
            selfRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedDisabled: mergedDisabledRef,
            renderedChecked: renderedCheckedRef,
            mergedTheme: themeRef,
            labelId: createId(),
            handleClick: handleClick2,
            handleKeyUp,
            handleKeyDown,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a;
          const {
            $slots,
            renderedChecked,
            mergedDisabled,
            indeterminate,
            privateInsideTable,
            cssVars,
            labelId,
            label,
            mergedClsPrefix,
            focusable,
            handleKeyUp,
            handleKeyDown,
            handleClick: handleClick2
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          const labelNode = resolveWrappedSlot($slots.default, (children) => {
            if (label || children) {
              return vue.h("span", {
                class: `${mergedClsPrefix}-checkbox__label`,
                id: labelId
              }, label || children);
            }
            return null;
          });
          return vue.h("div", {
            ref: "selfRef",
            class: [`${mergedClsPrefix}-checkbox`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-checkbox--rtl`, renderedChecked && `${mergedClsPrefix}-checkbox--checked`, mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`, indeterminate && `${mergedClsPrefix}-checkbox--indeterminate`, privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`, labelNode && `${mergedClsPrefix}-checkbox--show-label`],
            tabindex: mergedDisabled || !focusable ? void 0 : 0,
            role: "checkbox",
            "aria-checked": indeterminate ? "mixed" : renderedChecked,
            "aria-labelledby": labelId,
            style: cssVars,
            onKeyup: handleKeyUp,
            onKeydown: handleKeyDown,
            onClick: handleClick2,
            onMousedown: () => {
              on("selectstart", window, (e) => {
                e.preventDefault();
              }, {
                once: true
              });
            }
          }, vue.h("div", {
            class: `${mergedClsPrefix}-checkbox-box-wrapper`
          }, " ", vue.h("div", {
            class: `${mergedClsPrefix}-checkbox-box`
          }, vue.h(NIconSwitchTransition, null, {
            default: () => this.indeterminate ? vue.h("div", {
              key: "indeterminate",
              class: `${mergedClsPrefix}-checkbox-icon`
            }, LineMark) : vue.h("div", {
              key: "check",
              class: `${mergedClsPrefix}-checkbox-icon`
            }, CheckMark)
          }), vue.h("div", {
            class: `${mergedClsPrefix}-checkbox-box__border`
          }))), labelNode);
        }
      });
      const cascaderInjectionKey = createInjectionKey("n-cascader");
      const NCascaderOption = vue.defineComponent({
        name: "NCascaderOption",
        props: {
          tmNode: {
            type: Object,
            required: true
          }
        },
        setup(props) {
          const {
            expandTriggerRef,
            remoteRef,
            multipleRef,
            mergedValueRef,
            checkedKeysRef,
            indeterminateKeysRef,
            hoverKeyPathRef,
            keyboardKeyRef,
            loadingKeySetRef,
            cascadeRef,
            mergedCheckStrategyRef,
            onLoadRef,
            mergedClsPrefixRef,
            mergedThemeRef,
            labelFieldRef,
            showCheckboxRef,
            renderPrefixRef,
            renderSuffixRef,
            updateHoverKey,
            updateKeyboardKey,
            addLoadingKey,
            deleteLoadingKey,
            closeMenu,
            doCheck,
            doUncheck,
            renderLabelRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(cascaderInjectionKey);
          const valueRef = vue.computed(() => props.tmNode.key);
          const useHoverTriggerRef = vue.computed(() => {
            const {
              value: expandTrigger
            } = expandTriggerRef;
            const {
              value: remote
            } = remoteRef;
            return !remote && expandTrigger === "hover";
          });
          const mergedHandleMouseEnterRef = vue.computed(() => {
            if (useHoverTriggerRef.value) {
              return handleMouseEnter;
            }
            return void 0;
          });
          const mergedHandleMouseMoveRef = vue.computed(() => {
            if (useHoverTriggerRef.value) {
              return handleMouseMove;
            }
            return void 0;
          });
          const checkedRef = useMemo(() => {
            const {
              value: multiple
            } = multipleRef;
            if (!multiple)
              return mergedValueRef.value === valueRef.value;
            return checkedKeysRef.value.includes(valueRef.value);
          });
          const indeterminateRef = useMemo(() => {
            if (!multipleRef.value)
              return false;
            return indeterminateKeysRef.value.includes(valueRef.value);
          });
          const hoverPendingRef = useMemo(() => {
            return hoverKeyPathRef.value.includes(valueRef.value);
          });
          const keyboardPendingRef = useMemo(() => {
            const {
              value: keyboardKey
            } = keyboardKeyRef;
            if (keyboardKey === null)
              return false;
            return keyboardKey === valueRef.value;
          });
          const isLoadingRef = useMemo(() => {
            if (remoteRef.value) {
              return loadingKeySetRef.value.has(valueRef.value);
            }
            return false;
          });
          const isLeafRef = vue.computed(() => props.tmNode.isLeaf);
          const disabledRef = vue.computed(() => props.tmNode.disabled);
          const labelRef = vue.computed(() => props.tmNode.rawNode[labelFieldRef.value]);
          const isShallowLoadedRef = vue.computed(() => {
            return props.tmNode.shallowLoaded;
          });
          function handleClick2(e) {
            if (disabledRef.value)
              return;
            const {
              value: remote
            } = remoteRef;
            const {
              value: loadingKeySet
            } = loadingKeySetRef;
            const {
              value: onLoad
            } = onLoadRef;
            const {
              value
            } = valueRef;
            const {
              value: isLeaf2
            } = isLeafRef;
            const {
              value: isShallowLoaded2
            } = isShallowLoadedRef;
            if (!happensIn(e, "checkbox")) {
              if (remote && !isShallowLoaded2 && !loadingKeySet.has(value) && onLoad) {
                addLoadingKey(value);
                onLoad(props.tmNode.rawNode).then(() => {
                  deleteLoadingKey(value);
                }).catch(() => {
                  deleteLoadingKey(value);
                });
              }
              updateHoverKey(value);
              updateKeyboardKey(value);
            }
            if (isLeaf2) {
              toggleCheckbox();
            }
          }
          function handleMouseEnter() {
            if (!useHoverTriggerRef.value || disabledRef.value)
              return;
            const {
              value
            } = valueRef;
            updateHoverKey(value);
            updateKeyboardKey(value);
          }
          function handleMouseMove() {
            if (!useHoverTriggerRef.value)
              return;
            handleMouseEnter();
          }
          function handleCheckboxUpdateValue() {
            const {
              value: isLeaf2
            } = isLeafRef;
            if (!isLeaf2)
              toggleCheckbox();
          }
          function toggleCheckbox() {
            const {
              value: multiple
            } = multipleRef;
            const {
              value
            } = valueRef;
            if (multiple) {
              if (indeterminateRef.value || checkedRef.value) {
                doUncheck(value);
              } else {
                doCheck(value);
              }
            } else {
              doCheck(value);
              closeMenu(true);
            }
          }
          return {
            checkStrategy: mergedCheckStrategyRef,
            multiple: multipleRef,
            cascade: cascadeRef,
            checked: checkedRef,
            indeterminate: indeterminateRef,
            hoverPending: hoverPendingRef,
            keyboardPending: keyboardPendingRef,
            isLoading: isLoadingRef,
            showCheckbox: showCheckboxRef,
            isLeaf: isLeafRef,
            disabled: disabledRef,
            label: labelRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef,
            handleClick: handleClick2,
            handleCheckboxUpdateValue,
            mergedHandleMouseEnter: mergedHandleMouseEnterRef,
            mergedHandleMouseMove: mergedHandleMouseMoveRef,
            renderLabel: renderLabelRef,
            renderPrefix: renderPrefixRef,
            renderSuffix: renderSuffixRef
          };
        },
        render() {
          const {
            mergedClsPrefix,
            showCheckbox,
            renderLabel,
            renderPrefix,
            renderSuffix
          } = this;
          let prefixNode = null;
          if (showCheckbox || renderPrefix) {
            const originalNode = this.showCheckbox ? vue.h(NCheckbox, {
              focusable: false,
              "data-checkbox": true,
              disabled: this.disabled,
              checked: this.checked,
              indeterminate: this.indeterminate,
              theme: this.mergedTheme.peers.Checkbox,
              themeOverrides: this.mergedTheme.peerOverrides.Checkbox,
              onUpdateChecked: this.handleCheckboxUpdateValue
            }) : null;
            prefixNode = vue.h("div", {
              class: `${mergedClsPrefix}-cascader-option__prefix`
            }, renderPrefix ? renderPrefix({
              option: this.tmNode.rawNode,
              checked: this.checked,
              node: originalNode
            }) : originalNode);
          }
          let suffixNode = null;
          const originalSuffixChild = vue.h("div", {
            class: `${mergedClsPrefix}-cascader-option-icon-placeholder`
          }, !this.isLeaf ? vue.h(NBaseLoading, {
            clsPrefix: mergedClsPrefix,
            scale: 0.85,
            strokeWidth: 24,
            show: this.isLoading,
            class: `${mergedClsPrefix}-cascader-option-icon`
          }, {
            default: () => vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix,
              key: "arrow",
              class: `${mergedClsPrefix}-cascader-option-icon ${mergedClsPrefix}-cascader-option-icon--arrow`
            }, {
              default: () => vue.h(ChevronRightIcon, null)
            })
          }) : this.checkStrategy === "child" && !(this.multiple && this.cascade) ? vue.h(vue.Transition, {
            name: "fade-in-scale-up-transition"
          }, {
            default: () => this.checked ? vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix,
              class: `${mergedClsPrefix}-cascader-option-icon ${mergedClsPrefix}-cascader-option-icon--checkmark`
            }, {
              default: () => vue.h(FinishedIcon, null)
            }) : null
          }) : null);
          suffixNode = vue.h("div", {
            class: `${mergedClsPrefix}-cascader-option__suffix`
          }, renderSuffix ? renderSuffix({
            option: this.tmNode.rawNode,
            checked: this.checked,
            node: originalSuffixChild
          }) : originalSuffixChild);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-cascader-option`, this.keyboardPending || this.hoverPending && `${mergedClsPrefix}-cascader-option--pending`, this.disabled && `${mergedClsPrefix}-cascader-option--disabled`, this.showCheckbox && `${mergedClsPrefix}-cascader-option--show-prefix`],
            onMouseenter: this.mergedHandleMouseEnter,
            onMousemove: this.mergedHandleMouseMove,
            onClick: this.handleClick
          }, prefixNode, vue.h("span", {
            class: `${mergedClsPrefix}-cascader-option__label`
          }, renderLabel ? renderLabel(this.tmNode.rawNode, this.checked) : this.label), suffixNode);
        }
      });
      const NCascaderSubmenu = vue.defineComponent({
        name: "CascaderSubmenu",
        props: {
          depth: {
            type: Number,
            required: true
          },
          tmNodes: {
            type: Array,
            required: true
          }
        },
        setup() {
          const {
            virtualScrollRef,
            mergedClsPrefixRef,
            mergedThemeRef,
            optionHeightRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(cascaderInjectionKey);
          const scrollbarInstRef = vue.ref(null);
          const vlInstRef = vue.ref(null);
          const inst = {
            scroll(index, elSize) {
              var _a, _b;
              if (virtualScrollRef.value) {
                (_a = vlInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo({
                  index
                });
              } else {
                (_b = scrollbarInstRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo({
                  index,
                  elSize
                });
              }
            }
          };
          return Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef,
            scrollbarInstRef,
            vlInstRef,
            virtualScroll: virtualScrollRef,
            itemSize: vue.computed(() => depx(optionHeightRef.value)),
            handleVlScroll: () => {
              var _a;
              (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
            },
            getVlContainer: () => {
              var _a;
              return (_a = vlInstRef.value) === null || _a === void 0 ? void 0 : _a.listElRef;
            },
            getVlContent: () => {
              var _a;
              return (_a = vlInstRef.value) === null || _a === void 0 ? void 0 : _a.itemsElRef;
            }
          }, inst);
        },
        render() {
          const {
            mergedClsPrefix,
            mergedTheme,
            virtualScroll
          } = this;
          return vue.h("div", {
            class: [virtualScroll && `${mergedClsPrefix}-cascader-submenu--virtual`, `${mergedClsPrefix}-cascader-submenu`]
          }, vue.h(Scrollbar$2, {
            ref: "scrollbarInstRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            container: virtualScroll ? this.getVlContainer : void 0,
            content: virtualScroll ? this.getVlContent : void 0
          }, {
            default: () => virtualScroll ? vue.h(VVirtualList, {
              items: this.tmNodes,
              itemSize: this.itemSize,
              onScroll: this.handleVlScroll,
              showScrollbar: false,
              ref: "vlInstRef"
            }, {
              default: ({
                item: tmNode
              }) => vue.h(NCascaderOption, {
                key: tmNode.key,
                tmNode
              })
            }) : this.tmNodes.map((tmNode) => vue.h(NCascaderOption, {
              key: tmNode.key,
              tmNode
            }))
          }));
        }
      });
      const CascaderMenu = vue.defineComponent({
        name: "NCascaderMenu",
        props: {
          value: [String, Number, Array],
          placement: {
            type: String,
            default: "bottom-start"
          },
          show: Boolean,
          menuModel: {
            type: Array,
            required: true
          },
          loading: Boolean,
          onFocus: {
            type: Function,
            required: true
          },
          onBlur: {
            type: Function,
            required: true
          },
          onKeydown: {
            type: Function,
            required: true
          },
          onMousedown: {
            type: Function,
            required: true
          },
          onTabout: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const {
            localeRef,
            isMountedRef,
            mergedClsPrefixRef,
            syncCascaderMenuPosition,
            handleCascaderMenuClickOutside,
            mergedThemeRef,
            getColumnStyleRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(cascaderInjectionKey);
          const submenuInstRefs = [];
          const maskInstRef = vue.ref(null);
          const selfElRef = vue.ref(null);
          function handleResize() {
            syncCascaderMenuPosition();
          }
          useOnResize(selfElRef, handleResize);
          function showErrorMessage(label) {
            var _a;
            const {
              value: {
                loadingRequiredMessage
              }
            } = localeRef;
            (_a = maskInstRef.value) === null || _a === void 0 ? void 0 : _a.showOnce(loadingRequiredMessage(label));
          }
          function handleClickOutside(e) {
            handleCascaderMenuClickOutside(e);
          }
          function handleFocusin(e) {
            const {
              value: selfEl
            } = selfElRef;
            if (!selfEl)
              return;
            if (!selfEl.contains(e.relatedTarget)) {
              props.onFocus(e);
            }
          }
          function handleFocusout(e) {
            const {
              value: selfEl
            } = selfElRef;
            if (!selfEl)
              return;
            if (!selfEl.contains(e.relatedTarget)) {
              props.onBlur(e);
            }
          }
          const exposedRef = {
            scroll(depth, index, elSize) {
              const submenuInst = submenuInstRefs[depth];
              if (submenuInst) {
                submenuInst.scroll(index, elSize);
              }
            },
            showErrorMessage
          };
          return Object.assign({
            isMounted: isMountedRef,
            mergedClsPrefix: mergedClsPrefixRef,
            selfElRef,
            submenuInstRefs,
            maskInstRef,
            mergedTheme: mergedThemeRef,
            getColumnStyle: getColumnStyleRef,
            handleFocusin,
            handleFocusout,
            handleClickOutside
          }, exposedRef);
        },
        render() {
          const {
            submenuInstRefs,
            mergedClsPrefix,
            mergedTheme
          } = this;
          return vue.h(vue.Transition, {
            name: "fade-in-scale-up-transition",
            appear: this.isMounted
          }, {
            default: () => {
              if (!this.show)
                return null;
              return vue.withDirectives(vue.h("div", {
                tabindex: "0",
                ref: "selfElRef",
                class: `${mergedClsPrefix}-cascader-menu`,
                onMousedown: this.onMousedown,
                onFocusin: this.handleFocusin,
                onFocusout: this.handleFocusout,
                onKeydown: this.onKeydown
              }, this.menuModel[0].length ? vue.h("div", {
                class: `${mergedClsPrefix}-cascader-submenu-wrapper`
              }, this.menuModel.map((submenuOptions, index) => {
                var _a;
                return vue.h(NCascaderSubmenu, {
                  style: (_a = this.getColumnStyle) === null || _a === void 0 ? void 0 : _a.call(this, {
                    level: index
                  }),
                  ref: (instance) => {
                    if (instance) {
                      submenuInstRefs[index] = instance;
                    }
                  },
                  key: index,
                  tmNodes: submenuOptions,
                  depth: index + 1
                });
              }), vue.h(NBaseMenuMask, {
                clsPrefix: mergedClsPrefix,
                ref: "maskInstRef"
              })) : vue.h("div", {
                class: `${mergedClsPrefix}-cascader-menu__empty`
              }, resolveSlot(this.$slots.empty, () => [vue.h(NEmpty, {
                theme: mergedTheme.peers.Empty,
                themeOverrides: mergedTheme.peerOverrides.Empty
              })])), resolveWrappedSlot(this.$slots.action, (children) => children && vue.h("div", {
                class: `${mergedClsPrefix}-cascader-menu-action`,
                "data-action": true
              }, children)), vue.h(FocusDetector, {
                onFocus: this.onTabout
              })), [[clickoutside, this.handleClickOutside, void 0, {
                capture: true
              }]]);
            }
          });
        }
      });
      const CascaderSelectMenu = vue.defineComponent({
        name: "NCascaderSelectMenu",
        props: {
          value: {
            type: [String, Number, Array],
            default: null
          },
          show: Boolean,
          pattern: {
            type: String,
            default: ""
          },
          multiple: Boolean,
          tmNodes: {
            type: Array,
            default: () => []
          },
          filter: Function,
          labelField: {
            type: String,
            required: true
          },
          separator: {
            type: String,
            required: true
          }
        },
        setup(props) {
          const {
            isMountedRef,
            mergedValueRef,
            mergedClsPrefixRef,
            mergedThemeRef,
            mergedCheckStrategyRef,
            slots: cascaderSlots,
            syncSelectMenuPosition,
            closeMenu,
            handleSelectMenuClickOutside,
            doUncheck: cascaderDoUncheck,
            doCheck: cascaderDoCheck,
            clearPattern
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(cascaderInjectionKey);
          const menuInstRef = vue.ref(null);
          const selectOptionsRef = vue.computed(() => {
            return createSelectOptions(props.tmNodes, mergedCheckStrategyRef.value === "child", props.labelField, props.separator);
          });
          const mergedFilterRef = vue.computed(() => {
            const {
              filter
            } = props;
            if (filter)
              return filter;
            const {
              labelField
            } = props;
            return (pattern, _, path) => path.some((option) => option[labelField] && ~option[labelField].indexOf(pattern));
          });
          const filteredSelectOptionsRef = vue.computed(() => {
            const {
              pattern
            } = props;
            const {
              value: mergedFilter
            } = mergedFilterRef;
            return (pattern ? selectOptionsRef.value.filter((option) => {
              return mergedFilter(pattern, option.rawNode, option.path);
            }) : selectOptionsRef.value).map((option) => ({
              value: option.value,
              label: option.label
            }));
          });
          const selectTreeMateRef = vue.computed(() => {
            return createTreeMate(filteredSelectOptionsRef.value, createTmOptions("value", "children"));
          });
          function handleResize() {
            syncSelectMenuPosition();
          }
          function handleToggle(tmNode) {
            doCheck(tmNode);
          }
          function doCheck(tmNode) {
            if (props.multiple) {
              const {
                value: mergedValue
              } = mergedValueRef;
              if (Array.isArray(mergedValue)) {
                if (!mergedValue.includes(tmNode.key)) {
                  cascaderDoCheck(tmNode.key);
                } else {
                  cascaderDoUncheck(tmNode.key);
                }
              } else if (mergedValue === null) {
                cascaderDoCheck(tmNode.key);
              }
              clearPattern();
            } else {
              cascaderDoCheck(tmNode.key);
              closeMenu(true);
            }
          }
          function prev() {
            var _a;
            (_a = menuInstRef.value) === null || _a === void 0 ? void 0 : _a.prev();
          }
          function next() {
            var _a;
            (_a = menuInstRef.value) === null || _a === void 0 ? void 0 : _a.next();
          }
          function enter() {
            var _a;
            if (menuInstRef) {
              const pendingOptionTmNode = (_a = menuInstRef.value) === null || _a === void 0 ? void 0 : _a.getPendingTmNode();
              if (pendingOptionTmNode) {
                doCheck(pendingOptionTmNode);
              }
              return true;
            }
            return false;
          }
          function handleClickOutside(e) {
            handleSelectMenuClickOutside(e);
          }
          const exposedRef = {
            prev,
            next,
            enter
          };
          return Object.assign({
            isMounted: isMountedRef,
            mergedTheme: mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            menuInstRef,
            selectTreeMate: selectTreeMateRef,
            handleResize,
            handleToggle,
            handleClickOutside,
            cascaderSlots
          }, exposedRef);
        },
        render() {
          const {
            mergedClsPrefix,
            isMounted: isMounted2,
            mergedTheme,
            cascaderSlots
          } = this;
          return vue.h(vue.Transition, {
            name: "fade-in-scale-up-transition",
            appear: isMounted2
          }, {
            default: () => this.show ? vue.withDirectives(vue.h(NInternalSelectMenu, {
              ref: "menuInstRef",
              onResize: this.handleResize,
              clsPrefix: mergedClsPrefix,
              class: `${mergedClsPrefix}-cascader-menu`,
              autoPending: true,
              themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu,
              theme: mergedTheme.peers.InternalSelectMenu,
              treeMate: this.selectTreeMate,
              multiple: this.multiple,
              value: this.value,
              onToggle: this.handleToggle
            }, {
              empty: () => resolveSlot(cascaderSlots["not-found"], () => [])
            }), [[clickoutside, this.handleClickOutside, void 0, {
              capture: true
            }]]) : null
          });
        }
      });
      const style$17 = c$1([cB("cascader-menu", `
 outline: none;
 position: relative;
 margin: 4px 0;
 display: flex;
 flex-flow: column nowrap;
 border-radius: var(--n-menu-border-radius);
 overflow: hidden;
 box-shadow: var(--n-menu-box-shadow);
 color: var(--n-option-text-color);
 background-color: var(--n-menu-color);
 `, [
        fadeInScaleUpTransition({
          transformOrigin: "inherit",
          duration: "0.2s"
        }),
        cE("empty", `
 display: flex;
 padding: 12px 32px;
 flex: 1;
 justify-content: center;
 `),
        // if width not set, cascader select menu's inner scroll area's width is
        // not correct, which won't change after select menu width is set
        cB("scrollbar", `
 width: 100%;
 `),
        cB("base-menu-mask", `
 background-color: var(--n-menu-mask-color);
 `),
        cB("base-loading", `
 color: var(--n-loading-color);
 `),
        cB("cascader-submenu-wrapper", `
 position: relative;
 display: flex;
 flex-wrap: nowrap;
 `),
        cB("cascader-submenu", `
 height: var(--n-menu-height);
 min-width: var(--n-column-width);
 position: relative;
 `, [cM("virtual", `
 width: var(--n-column-width);
 `), cB("scrollbar-content", `
 position: relative;
 `), c$1("&:first-child", `
 border-top-left-radius: var(--n-menu-border-radius);
 border-bottom-left-radius: var(--n-menu-border-radius);
 `), c$1("&:last-child", `
 border-top-right-radius: var(--n-menu-border-radius);
 border-bottom-right-radius: var(--n-menu-border-radius);
 `), c$1("&:not(:first-child)", `
 border-left: 1px solid var(--n-menu-divider-color);
 `)]),
        cB("cascader-menu-action", `
 box-sizing: border-box;
 padding: 8px;
 border-top: 1px solid var(--n-menu-divider-color);
 `),
        cB("cascader-option", `
 height: var(--n-option-height);
 line-height: var(--n-option-height);
 font-size: var(--n-option-font-size);
 padding: 0 0 0 18px;
 box-sizing: border-box;
 min-width: 182px;
 background-color: #0000;
 display: flex;
 align-items: center;
 white-space: nowrap;
 position: relative;
 cursor: pointer;
 transition:
 background-color .2s var(--n-bezier),
 color 0.2s var(--n-bezier);
 `, [cM("show-prefix", `
 padding-left: 0;
 `), cE("label", `
 flex: 1 0 0;
 overflow: hidden;
 text-overflow: ellipsis;
 `), cE("prefix", `
 min-width: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 `), cE("suffix", `
 min-width: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 `), cB("cascader-option-icon-placeholder", `
 line-height: 0;
 position: relative;
 width: 16px;
 height: 16px;
 font-size: 16px;
 `, [cB("cascader-option-icon", [cM("checkmark", `
 color: var(--n-option-check-mark-color);
 `, [fadeInScaleUpTransition({
          originalTransition: "background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"
        })]), cM("arrow", `
 color: var(--n-option-arrow-color);
 `)])]), cM("selected", `
 color: var(--n-option-text-color-active);
 `), cM("active", `
 color: var(--n-option-text-color-active);
 background-color: var(--n-option-color-hover);
 `), cM("pending", `
 background-color: var(--n-option-color-hover);
 `), c$1("&:hover", `
 background-color: var(--n-option-color-hover);
 `), cM("disabled", `
 color: var(--n-option-text-color-disabled);
 background-color: #0000;
 cursor: not-allowed;
 `, [cB("cascader-option-icon", [cM("arrow", `
 color: var(--n-option-text-color-disabled);
 `)])])])
      ]), cB("cascader", `
 z-index: auto;
 position: relative;
 width: 100%;
 `)]);
      const cascaderProps = Object.assign(Object.assign({}, useTheme.props), {
        allowCheckingNotLoaded: Boolean,
        to: useAdjustedTo.propTo,
        bordered: {
          type: Boolean,
          default: void 0
        },
        options: {
          type: Array,
          default: () => []
        },
        value: [String, Number, Array],
        defaultValue: {
          type: [String, Number, Array],
          default: null
        },
        placeholder: String,
        multiple: Boolean,
        size: String,
        filterable: Boolean,
        disabled: {
          type: Boolean,
          default: void 0
        },
        disabledField: {
          type: String,
          default: "disabled"
        },
        expandTrigger: {
          type: String,
          default: "click"
        },
        clearable: Boolean,
        clearFilterAfterSelect: {
          type: Boolean,
          default: true
        },
        remote: Boolean,
        onLoad: Function,
        separator: {
          type: String,
          default: " / "
        },
        filter: Function,
        placement: {
          type: String,
          default: "bottom-start"
        },
        cascade: {
          type: Boolean,
          default: true
        },
        leafOnly: Boolean,
        showPath: {
          type: Boolean,
          default: true
        },
        show: {
          type: Boolean,
          default: void 0
        },
        maxTagCount: [String, Number],
        ellipsisTagPopoverProps: Object,
        menuProps: Object,
        filterMenuProps: Object,
        virtualScroll: {
          type: Boolean,
          default: true
        },
        checkStrategy: {
          type: String,
          default: "all"
        },
        valueField: {
          type: String,
          default: "value"
        },
        labelField: {
          type: String,
          default: "label"
        },
        childrenField: {
          type: String,
          default: "children"
        },
        renderLabel: Function,
        status: String,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        onBlur: Function,
        onFocus: Function,
        getColumnStyle: Function,
        renderPrefix: Function,
        renderSuffix: Function,
        // deprecated
        onChange: [Function, Array]
      });
      const Cascader = vue.defineComponent({
        name: "Cascader",
        props: cascaderProps,
        setup(props, {
          slots
        }) {
          const {
            mergedBorderedRef,
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Cascader", "-cascader", style$17, cascaderLight, props, mergedClsPrefixRef);
          const {
            localeRef
          } = useLocale("Cascader");
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.computed(() => props.value);
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const mergedCheckStrategyRef = vue.computed(() => {
            return props.leafOnly ? "child" : props.checkStrategy;
          });
          const patternRef = vue.ref("");
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          const cascaderMenuInstRef = vue.ref(null);
          const selectMenuInstRef = vue.ref(null);
          const triggerInstRef = vue.ref(null);
          const keyboardKeyRef = vue.ref(null);
          const hoverKeyRef = vue.ref(null);
          const loadingKeySetRef = vue.ref(/* @__PURE__ */ new Set());
          const selectMenuFollowerRef = vue.ref(null);
          const cascaderMenuFollowerRef = vue.ref(null);
          const adjustedToRef = useAdjustedTo(props);
          const focusedRef = vue.ref(false);
          const addLoadingKey = (key) => {
            loadingKeySetRef.value.add(key);
          };
          const deleteLoadingKey = (key) => {
            loadingKeySetRef.value.delete(key);
          };
          const treeMateRef = vue.computed(() => {
            const {
              valueField,
              childrenField,
              disabledField
            } = props;
            return createTreeMate(props.options, {
              getDisabled(node) {
                return node[disabledField];
              },
              getKey(node) {
                return node[valueField];
              },
              getChildren(node) {
                return node[childrenField];
              }
            });
          });
          const mergedKeysRef = vue.computed(() => {
            const {
              cascade,
              multiple
            } = props;
            if (multiple && Array.isArray(mergedValueRef.value)) {
              return treeMateRef.value.getCheckedKeys(mergedValueRef.value, {
                cascade,
                allowNotLoaded: props.allowCheckingNotLoaded
              });
            } else {
              return {
                checkedKeys: [],
                indeterminateKeys: []
              };
            }
          });
          const checkedKeysRef = vue.computed(() => mergedKeysRef.value.checkedKeys);
          const indeterminateKeysRef = vue.computed(() => mergedKeysRef.value.indeterminateKeys);
          const menuModelRef = vue.computed(() => {
            const {
              treeNodePath,
              treeNode
            } = treeMateRef.value.getPath(hoverKeyRef.value);
            let ret;
            if (treeNode === null) {
              ret = [treeMateRef.value.treeNodes];
            } else {
              ret = treeNodePath.map((treeNode2) => treeNode2.siblings);
              if (!treeNode.isLeaf && !loadingKeySetRef.value.has(treeNode.key) && treeNode.children) {
                ret.push(treeNode.children);
              }
            }
            return ret;
          });
          const hoverKeyPathRef = vue.computed(() => {
            const {
              keyPath
            } = treeMateRef.value.getPath(hoverKeyRef.value);
            return keyPath;
          });
          const optionHeightRef = vue.computed(() => {
            return themeRef.value.self.optionHeight;
          });
          if (vue.isReactive(props.options)) {
            vue.watch(props.options, (value, oldValue) => {
              if (!(value === oldValue)) {
                hoverKeyRef.value = null;
                keyboardKeyRef.value = null;
              }
            });
          }
          function doUpdateShow(value) {
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow) {
              call(onUpdateShow, value);
            }
            if (_onUpdateShow) {
              call(_onUpdateShow, value);
            }
            uncontrolledShowRef.value = value;
          }
          function doUpdateValue(value, option, optionPath) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue,
              onChange
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onUpdateValue) {
              call(onUpdateValue, value, option, optionPath);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value, option, optionPath);
            }
            if (onChange) {
              call(onChange, value, option, optionPath);
            }
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function updateKeyboardKey(key) {
            keyboardKeyRef.value = key;
          }
          function updateHoverKey(key) {
            hoverKeyRef.value = key;
          }
          function getOptionsByKeys(keys2) {
            const {
              value: {
                getNode
              }
            } = treeMateRef;
            return keys2.map((keys22) => {
              var _a;
              return ((_a = getNode(keys22)) === null || _a === void 0 ? void 0 : _a.rawNode) || null;
            });
          }
          function doCheck(key) {
            var _a;
            const {
              cascade,
              multiple,
              filterable
            } = props;
            const {
              value: {
                check,
                getNode,
                getPath: getPath2
              }
            } = treeMateRef;
            if (multiple) {
              try {
                const {
                  checkedKeys
                } = check(key, mergedKeysRef.value.checkedKeys, {
                  cascade,
                  checkStrategy: mergedCheckStrategyRef.value,
                  allowNotLoaded: props.allowCheckingNotLoaded
                });
                doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), checkedKeys.map((checkedKey) => {
                  var _a2;
                  return getRawNodePath((_a2 = getPath2(checkedKey)) === null || _a2 === void 0 ? void 0 : _a2.treeNodePath);
                }));
                if (filterable)
                  focusSelectionInput();
                keyboardKeyRef.value = key;
                hoverKeyRef.value = key;
              } catch (err) {
                if (err instanceof SubtreeNotLoadedError) {
                  if (cascaderMenuInstRef.value) {
                    const tmNode = getNode(key);
                    if (tmNode !== null) {
                      cascaderMenuInstRef.value.showErrorMessage(tmNode.rawNode[props.labelField]);
                    }
                  }
                } else {
                  throw err;
                }
              }
            } else {
              if (mergedCheckStrategyRef.value === "child") {
                const tmNode = getNode(key);
                if (tmNode === null || tmNode === void 0 ? void 0 : tmNode.isLeaf) {
                  doUpdateValue(key, tmNode.rawNode, getRawNodePath(getPath2(key).treeNodePath));
                } else {
                  return false;
                }
              } else {
                const tmNode = getNode(key);
                doUpdateValue(key, (tmNode === null || tmNode === void 0 ? void 0 : tmNode.rawNode) || null, getRawNodePath((_a = getPath2(key)) === null || _a === void 0 ? void 0 : _a.treeNodePath));
              }
            }
            return true;
          }
          function doUncheck(key) {
            const {
              cascade,
              multiple
            } = props;
            if (multiple) {
              const {
                value: {
                  uncheck,
                  getNode,
                  getPath: getPath2
                }
              } = treeMateRef;
              const {
                checkedKeys
              } = uncheck(key, mergedKeysRef.value.checkedKeys, {
                cascade,
                checkStrategy: mergedCheckStrategyRef.value,
                allowNotLoaded: props.allowCheckingNotLoaded
              });
              doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => {
                var _a;
                return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null;
              }), checkedKeys.map((checkedKey) => {
                var _a;
                return getRawNodePath((_a = getPath2(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath);
              }));
              keyboardKeyRef.value = key;
              hoverKeyRef.value = key;
            }
          }
          const selectedOptionsRef = vue.computed(() => {
            if (props.multiple) {
              const {
                showPath,
                separator,
                labelField,
                cascade
              } = props;
              const {
                getCheckedKeys: getCheckedKeys2,
                getNode
              } = treeMateRef.value;
              const value = getCheckedKeys2(checkedKeysRef.value, {
                cascade,
                checkStrategy: mergedCheckStrategyRef.value,
                allowNotLoaded: props.allowCheckingNotLoaded
              }).checkedKeys;
              return value.map((key) => {
                const node = getNode(key);
                if (node === null) {
                  return {
                    label: String(key),
                    value: key
                  };
                } else {
                  return {
                    label: showPath ? getPathLabel(node, separator, labelField) : node.rawNode[labelField],
                    value: node.key
                  };
                }
              });
            } else
              return [];
          });
          const selectedOptionRef = vue.computed(() => {
            const {
              multiple,
              showPath,
              separator,
              labelField
            } = props;
            const {
              value
            } = mergedValueRef;
            if (!multiple && !Array.isArray(value)) {
              const {
                getNode
              } = treeMateRef.value;
              if (value === null) {
                return null;
              }
              const node = getNode(value);
              if (node === null) {
                return {
                  label: String(value),
                  value
                };
              } else {
                return {
                  label: showPath ? getPathLabel(node, separator, labelField) : node.rawNode[labelField],
                  value: node.key
                };
              }
            } else
              return null;
          });
          const uncontrolledShowRef = vue.ref(false);
          const controlledShowRef = vue.toRef(props, "show");
          const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
          const localizedPlaceholderRef = vue.computed(() => {
            const {
              placeholder
            } = props;
            if (placeholder !== void 0)
              return placeholder;
            return localeRef.value.placeholder;
          });
          const showSelectMenuRef = vue.computed(() => {
            return !!(props.filterable && patternRef.value);
          });
          vue.watch(mergedShowRef, (show) => {
            if (!show)
              return;
            if (props.multiple)
              return;
            const {
              value
            } = mergedValueRef;
            if (!Array.isArray(value) && value !== null) {
              keyboardKeyRef.value = value;
              hoverKeyRef.value = value;
              void vue.nextTick(() => {
                var _a;
                if (!mergedShowRef.value)
                  return;
                const {
                  value: hoverKey
                } = hoverKeyRef;
                if (mergedValueRef.value !== null) {
                  const node = treeMateRef.value.getNode(hoverKey);
                  if (node) {
                    (_a = cascaderMenuInstRef.value) === null || _a === void 0 ? void 0 : _a.scroll(node.level, node.index, depx(optionHeightRef.value));
                  }
                }
              });
            } else {
              keyboardKeyRef.value = null;
              hoverKeyRef.value = null;
            }
          }, {
            immediate: true
          });
          function doBlur(e) {
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
          }
          function doFocus(e) {
            const {
              onFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
          }
          function focusSelectionInput() {
            var _a;
            (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focusInput();
          }
          function focusSelection() {
            var _a;
            (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
          }
          function openMenu() {
            if (!mergedDisabledRef.value) {
              patternRef.value = "";
              doUpdateShow(true);
              if (props.filterable) {
                focusSelectionInput();
              }
            }
          }
          function closeMenu(returnFocus = false) {
            if (returnFocus) {
              focusSelection();
            }
            doUpdateShow(false);
            patternRef.value = "";
          }
          function handleCascaderMenuClickOutside(e) {
            var _a;
            if (showSelectMenuRef.value)
              return;
            if (mergedShowRef.value) {
              if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(getPreciseEventTarget(e)))) {
                closeMenu();
              }
            }
          }
          function handleSelectMenuClickOutside(e) {
            if (!showSelectMenuRef.value)
              return;
            handleCascaderMenuClickOutside(e);
          }
          function clearPattern() {
            if (props.clearFilterAfterSelect)
              patternRef.value = "";
          }
          function move2(direction) {
            var _a, _b, _c;
            const {
              value: keyboardKey
            } = keyboardKeyRef;
            const {
              value: treeMate
            } = treeMateRef;
            switch (direction) {
              case "prev":
                if (keyboardKey !== null) {
                  const node = treeMate.getPrev(keyboardKey, {
                    loop: true
                  });
                  if (node !== null) {
                    updateKeyboardKey(node.key);
                    (_a = cascaderMenuInstRef.value) === null || _a === void 0 ? void 0 : _a.scroll(node.level, node.index, depx(optionHeightRef.value));
                  }
                }
                break;
              case "next":
                if (keyboardKey === null) {
                  const node = treeMate.getFirstAvailableNode();
                  if (node !== null) {
                    updateKeyboardKey(node.key);
                    (_b = cascaderMenuInstRef.value) === null || _b === void 0 ? void 0 : _b.scroll(node.level, node.index, depx(optionHeightRef.value));
                  }
                } else {
                  const node = treeMate.getNext(keyboardKey, {
                    loop: true
                  });
                  if (node !== null) {
                    updateKeyboardKey(node.key);
                    (_c = cascaderMenuInstRef.value) === null || _c === void 0 ? void 0 : _c.scroll(node.level, node.index, depx(optionHeightRef.value));
                  }
                }
                break;
              case "child":
                if (keyboardKey !== null) {
                  const currentNode = treeMate.getNode(keyboardKey);
                  if (currentNode !== null) {
                    if (currentNode.shallowLoaded) {
                      const node = treeMate.getChild(keyboardKey);
                      if (node !== null) {
                        updateHoverKey(keyboardKey);
                        updateKeyboardKey(node.key);
                      }
                    } else {
                      const {
                        value: loadingKeySet
                      } = loadingKeySetRef;
                      if (!loadingKeySet.has(keyboardKey)) {
                        addLoadingKey(keyboardKey);
                        updateHoverKey(keyboardKey);
                        const {
                          onLoad
                        } = props;
                        if (onLoad) {
                          onLoad(currentNode.rawNode).then(() => {
                            deleteLoadingKey(keyboardKey);
                          }).catch(() => {
                            deleteLoadingKey(keyboardKey);
                          });
                        }
                      }
                    }
                  }
                }
                break;
              case "parent":
                if (keyboardKey !== null) {
                  const node = treeMate.getParent(keyboardKey);
                  if (node !== null) {
                    updateKeyboardKey(node.key);
                    const parentNode = node.getParent();
                    if (parentNode === null) {
                      updateHoverKey(null);
                    } else {
                      updateHoverKey(parentNode.key);
                    }
                  }
                }
                break;
            }
          }
          function handleKeydown(e) {
            var _a, _b;
            switch (e.key) {
              case " ":
              case "ArrowDown":
              case "ArrowUp":
                if (props.filterable && mergedShowRef.value) {
                  break;
                }
                e.preventDefault();
                break;
            }
            if (happensIn(e, "action"))
              return;
            switch (e.key) {
              case " ":
                if (props.filterable)
                  return;
              case "Enter":
                if (!mergedShowRef.value) {
                  openMenu();
                } else {
                  const {
                    value: showSelectMenu
                  } = showSelectMenuRef;
                  const {
                    value: keyboardKey
                  } = keyboardKeyRef;
                  if (!showSelectMenu) {
                    if (keyboardKey !== null) {
                      if (checkedKeysRef.value.includes(keyboardKey) || indeterminateKeysRef.value.includes(keyboardKey)) {
                        doUncheck(keyboardKey);
                      } else {
                        const checkIsValid = doCheck(keyboardKey);
                        if (!props.multiple && checkIsValid) {
                          closeMenu(true);
                        }
                      }
                    }
                  } else {
                    if (selectMenuInstRef.value) {
                      const hasCorrespondingOption = selectMenuInstRef.value.enter();
                      if (hasCorrespondingOption)
                        clearPattern();
                    }
                  }
                }
                break;
              case "ArrowUp":
                e.preventDefault();
                if (mergedShowRef.value) {
                  if (showSelectMenuRef.value) {
                    (_a = selectMenuInstRef.value) === null || _a === void 0 ? void 0 : _a.prev();
                  } else {
                    move2("prev");
                  }
                }
                break;
              case "ArrowDown":
                e.preventDefault();
                if (mergedShowRef.value) {
                  if (showSelectMenuRef.value) {
                    (_b = selectMenuInstRef.value) === null || _b === void 0 ? void 0 : _b.next();
                  } else {
                    move2("next");
                  }
                } else {
                  openMenu();
                }
                break;
              case "ArrowLeft":
                e.preventDefault();
                if (mergedShowRef.value && !showSelectMenuRef.value) {
                  move2("parent");
                }
                break;
              case "ArrowRight":
                e.preventDefault();
                if (mergedShowRef.value && !showSelectMenuRef.value) {
                  move2("child");
                }
                break;
              case "Escape":
                if (mergedShowRef.value) {
                  markEventEffectPerformed(e);
                  closeMenu(true);
                }
            }
          }
          function handleMenuKeydown(e) {
            handleKeydown(e);
          }
          function handleClear(e) {
            e.stopPropagation();
            if (props.multiple) {
              doUpdateValue([], [], []);
            } else {
              doUpdateValue(null, null, null);
            }
          }
          function handleTriggerFocus(e) {
            var _a;
            if (!((_a = cascaderMenuInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.relatedTarget))) {
              focusedRef.value = true;
              doFocus(e);
            }
          }
          function handleTriggerBlur(e) {
            var _a;
            if (!((_a = cascaderMenuInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.relatedTarget))) {
              focusedRef.value = false;
              doBlur(e);
              closeMenu();
            }
          }
          function handleMenuFocus(e) {
            var _a;
            if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.relatedTarget))) {
              focusedRef.value = true;
              doFocus(e);
            }
          }
          function handleMenuBlur(e) {
            var _a;
            if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.relatedTarget))) {
              focusedRef.value = false;
              doBlur(e);
            }
          }
          function handleMenuMousedown(e) {
            if (!happensIn(e, "action")) {
              if (props.multiple && props.filter) {
                e.preventDefault();
                focusSelectionInput();
              }
            }
          }
          function handleMenuTabout() {
            closeMenu(true);
          }
          function handleTriggerClick() {
            if (props.filterable) {
              openMenu();
            } else {
              if (mergedShowRef.value) {
                closeMenu(true);
              } else {
                openMenu();
              }
            }
          }
          function handlePatternInput(e) {
            patternRef.value = e.target.value;
          }
          function handleDeleteOption(option) {
            const {
              multiple
            } = props;
            const {
              value: mergedValue
            } = mergedValueRef;
            if (multiple && Array.isArray(mergedValue) && option.value !== void 0) {
              doUncheck(option.value);
            } else {
              doUpdateValue(null, null, null);
            }
          }
          function syncSelectMenuPosition() {
            var _a;
            (_a = selectMenuFollowerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          function syncCascaderMenuPosition() {
            var _a;
            (_a = cascaderMenuFollowerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          function handleTriggerResize() {
            if (mergedShowRef.value) {
              if (showSelectMenuRef.value) {
                syncSelectMenuPosition();
              } else {
                syncCascaderMenuPosition();
              }
            }
          }
          const showCheckboxRef = vue.computed(() => {
            if (props.multiple && props.cascade)
              return true;
            if (mergedCheckStrategyRef.value !== "child")
              return true;
            return false;
          });
          vue.provide(cascaderInjectionKey, {
            slots,
            mergedClsPrefixRef,
            mergedThemeRef: themeRef,
            mergedValueRef,
            checkedKeysRef,
            indeterminateKeysRef,
            hoverKeyPathRef,
            mergedCheckStrategyRef,
            showCheckboxRef,
            cascadeRef: vue.toRef(props, "cascade"),
            multipleRef: vue.toRef(props, "multiple"),
            keyboardKeyRef,
            hoverKeyRef,
            remoteRef: vue.toRef(props, "remote"),
            loadingKeySetRef,
            expandTriggerRef: vue.toRef(props, "expandTrigger"),
            isMountedRef: isMounted(),
            onLoadRef: vue.toRef(props, "onLoad"),
            virtualScrollRef: vue.toRef(props, "virtualScroll"),
            optionHeightRef,
            localeRef,
            labelFieldRef: vue.toRef(props, "labelField"),
            renderLabelRef: vue.toRef(props, "renderLabel"),
            getColumnStyleRef: vue.toRef(props, "getColumnStyle"),
            renderPrefixRef: vue.toRef(props, "renderPrefix"),
            renderSuffixRef: vue.toRef(props, "renderSuffix"),
            syncCascaderMenuPosition,
            syncSelectMenuPosition,
            updateKeyboardKey,
            updateHoverKey,
            addLoadingKey,
            deleteLoadingKey,
            doCheck,
            doUncheck,
            closeMenu,
            handleSelectMenuClickOutside,
            handleCascaderMenuClickOutside,
            clearPattern
          });
          const exposedMethods = {
            focus: () => {
              var _a;
              (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            blur: () => {
              var _a;
              (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            },
            getCheckedData: () => {
              if (showCheckboxRef.value) {
                const checkedKeys = checkedKeysRef.value;
                return {
                  keys: checkedKeys,
                  options: getOptionsByKeys(checkedKeys)
                };
              }
              return {
                keys: [],
                options: []
              };
            },
            getIndeterminateData: () => {
              if (showCheckboxRef.value) {
                const indeterminateKeys = indeterminateKeysRef.value;
                return {
                  keys: indeterminateKeys,
                  options: getOptionsByKeys(indeterminateKeys)
                };
              }
              return {
                keys: [],
                options: []
              };
            }
          };
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                optionArrowColor,
                optionTextColor,
                optionTextColorActive,
                optionTextColorDisabled,
                optionCheckMarkColor,
                menuColor,
                menuBoxShadow,
                menuDividerColor,
                menuBorderRadius,
                menuHeight,
                optionColorHover,
                optionHeight,
                optionFontSize,
                loadingColor,
                columnWidth
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-menu-border-radius": menuBorderRadius,
              "--n-menu-box-shadow": menuBoxShadow,
              "--n-menu-height": menuHeight,
              "--n-column-width": columnWidth,
              "--n-menu-color": menuColor,
              "--n-menu-divider-color": menuDividerColor,
              "--n-option-height": optionHeight,
              "--n-option-font-size": optionFontSize,
              "--n-option-text-color": optionTextColor,
              "--n-option-text-color-disabled": optionTextColorDisabled,
              "--n-option-text-color-active": optionTextColorActive,
              "--n-option-color-hover": optionColorHover,
              "--n-option-check-mark-color": optionCheckMarkColor,
              "--n-option-arrow-color": optionArrowColor,
              "--n-menu-mask-color": changeColor(menuColor, {
                alpha: 0.75
              }),
              "--n-loading-color": loadingColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("cascader", void 0, cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exposedMethods), {
            handleTriggerResize,
            mergedStatus: mergedStatusRef,
            selectMenuFollowerRef,
            cascaderMenuFollowerRef,
            triggerInstRef,
            selectMenuInstRef,
            cascaderMenuInstRef,
            mergedBordered: mergedBorderedRef,
            mergedClsPrefix: mergedClsPrefixRef,
            namespace: namespaceRef,
            mergedValue: mergedValueRef,
            mergedShow: mergedShowRef,
            showSelectMenu: showSelectMenuRef,
            pattern: patternRef,
            treeMate: treeMateRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            localizedPlaceholder: localizedPlaceholderRef,
            selectedOption: selectedOptionRef,
            selectedOptions: selectedOptionsRef,
            adjustedTo: adjustedToRef,
            menuModel: menuModelRef,
            handleMenuTabout,
            handleMenuFocus,
            handleMenuBlur,
            handleMenuKeydown,
            handleMenuMousedown,
            handleTriggerFocus,
            handleTriggerBlur,
            handleTriggerClick,
            handleClear,
            handleDeleteOption,
            handlePatternInput,
            handleKeydown,
            focused: focusedRef,
            optionHeight: optionHeightRef,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-cascader`
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h(NInternalSelection, {
                onResize: this.handleTriggerResize,
                ref: "triggerInstRef",
                status: this.mergedStatus,
                clsPrefix: mergedClsPrefix,
                maxTagCount: this.maxTagCount,
                ellipsisTagPopoverProps: this.ellipsisTagPopoverProps,
                bordered: this.mergedBordered,
                size: this.mergedSize,
                theme: this.mergedTheme.peers.InternalSelection,
                themeOverrides: this.mergedTheme.peerOverrides.InternalSelection,
                active: this.mergedShow,
                pattern: this.pattern,
                placeholder: this.localizedPlaceholder,
                selectedOption: this.selectedOption,
                selectedOptions: this.selectedOptions,
                multiple: this.multiple,
                filterable: this.filterable,
                clearable: this.clearable,
                disabled: this.mergedDisabled,
                focused: this.focused,
                onFocus: this.handleTriggerFocus,
                onBlur: this.handleTriggerBlur,
                onClick: this.handleTriggerClick,
                onClear: this.handleClear,
                onDeleteOption: this.handleDeleteOption,
                onPatternInput: this.handlePatternInput,
                onKeydown: this.handleKeydown
              }, {
                arrow: () => {
                  var _a, _b;
                  return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a);
                }
              })
            }), vue.h(VFollower, {
              key: "cascaderMenu",
              ref: "cascaderMenuFollowerRef",
              show: this.mergedShow && !this.showSelectMenu,
              containerClass: this.namespace,
              placement: this.placement,
              width: !this.options.length ? "target" : void 0,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              to: this.adjustedTo
            }, {
              default: () => {
                var _a;
                (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                const {
                  menuProps: menuProps2
                } = this;
                return vue.h(CascaderMenu, Object.assign({}, menuProps2, {
                  ref: "cascaderMenuInstRef",
                  class: [this.themeClass, menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2.class],
                  value: this.mergedValue,
                  show: this.mergedShow && !this.showSelectMenu,
                  menuModel: this.menuModel,
                  style: [this.cssVars, menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2.style],
                  onFocus: this.handleMenuFocus,
                  onBlur: this.handleMenuBlur,
                  onKeydown: this.handleMenuKeydown,
                  onMousedown: this.handleMenuMousedown,
                  onTabout: this.handleMenuTabout
                }), {
                  action: () => {
                    var _a2, _b;
                    return (_b = (_a2 = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a2);
                  },
                  empty: () => {
                    var _a2, _b;
                    return (_b = (_a2 = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a2);
                  }
                });
              }
            }), vue.h(VFollower, {
              key: "selectMenu",
              ref: "selectMenuFollowerRef",
              show: this.mergedShow && this.showSelectMenu,
              containerClass: this.namespace,
              width: "target",
              placement: this.placement,
              to: this.adjustedTo,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey
            }, {
              default: () => {
                var _a;
                (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                const {
                  filterMenuProps
                } = this;
                return vue.h(CascaderSelectMenu, Object.assign({}, filterMenuProps, {
                  ref: "selectMenuInstRef",
                  class: [this.themeClass, filterMenuProps === null || filterMenuProps === void 0 ? void 0 : filterMenuProps.class],
                  value: this.mergedValue,
                  show: this.mergedShow && this.showSelectMenu,
                  pattern: this.pattern,
                  multiple: this.multiple,
                  tmNodes: this.treeMate.treeNodes,
                  filter: this.filter,
                  labelField: this.labelField,
                  separator: this.separator,
                  style: [this.cssVars, filterMenuProps === null || filterMenuProps === void 0 ? void 0 : filterMenuProps.style]
                }));
              }
            })]
          }));
        }
      });
      const self$X = (vars) => {
        const {
          textColor2,
          fontSize: fontSize2,
          fontWeightStrong,
          textColor3
        } = vars;
        return {
          textColor: textColor2,
          fontSize: fontSize2,
          fontWeightStrong,
          // extracted from hljs atom-one-light.scss
          "mono-3": "#a0a1a7",
          "hue-1": "#0184bb",
          "hue-2": "#4078f2",
          "hue-3": "#a626a4",
          "hue-4": "#50a14f",
          "hue-5": "#e45649",
          "hue-5-2": "#c91243",
          "hue-6": "#986801",
          "hue-6-2": "#c18401",
          // line-number styles
          lineNumberTextColor: textColor3
        };
      };
      const codeLight = {
        name: "Code",
        common: derived,
        self: self$X
      };
      const style$16 = c$1([cB("code", `
 font-size: var(--n-font-size);
 font-family: var(--n-font-family);
 `, [cM("show-line-numbers", `
 display: flex;
 `), cE("line-numbers", `
 user-select: none;
 padding-right: 12px;
 text-align: right;
 transition: color .3s var(--n-bezier);
 color: var(--n-line-number-text-color);
 `), cM("word-wrap", [c$1("pre", `
 white-space: pre-wrap;
 word-break: break-all;
 `)]), c$1("pre", `
 margin: 0;
 line-height: inherit;
 font-size: inherit;
 font-family: inherit;
 `), c$1("[class^=hljs]", `
 color: var(--n-text-color);
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `)]), ({
        props
      }) => {
        const codeClass = `${props.bPrefix}code`;
        return [`${codeClass} .hljs-comment,
 ${codeClass} .hljs-quote {
 color: var(--n-mono-3);
 font-style: italic;
 }`, `${codeClass} .hljs-doctag,
 ${codeClass} .hljs-keyword,
 ${codeClass} .hljs-formula {
 color: var(--n-hue-3);
 }`, `${codeClass} .hljs-section,
 ${codeClass} .hljs-name,
 ${codeClass} .hljs-selector-tag,
 ${codeClass} .hljs-deletion,
 ${codeClass} .hljs-subst {
 color: var(--n-hue-5);
 }`, `${codeClass} .hljs-literal {
 color: var(--n-hue-1);
 }`, `${codeClass} .hljs-string,
 ${codeClass} .hljs-regexp,
 ${codeClass} .hljs-addition,
 ${codeClass} .hljs-attribute,
 ${codeClass} .hljs-meta-string {
 color: var(--n-hue-4);
 }`, `${codeClass} .hljs-built_in,
 ${codeClass} .hljs-class .hljs-title {
 color: var(--n-hue-6-2);
 }`, `${codeClass} .hljs-attr,
 ${codeClass} .hljs-variable,
 ${codeClass} .hljs-template-variable,
 ${codeClass} .hljs-type,
 ${codeClass} .hljs-selector-class,
 ${codeClass} .hljs-selector-attr,
 ${codeClass} .hljs-selector-pseudo,
 ${codeClass} .hljs-number {
 color: var(--n-hue-6);
 }`, `${codeClass} .hljs-symbol,
 ${codeClass} .hljs-bullet,
 ${codeClass} .hljs-link,
 ${codeClass} .hljs-meta,
 ${codeClass} .hljs-selector-id,
 ${codeClass} .hljs-title {
 color: var(--n-hue-2);
 }`, `${codeClass} .hljs-emphasis {
 font-style: italic;
 }`, `${codeClass} .hljs-strong {
 font-weight: var(--n-font-weight-strong);
 }`, `${codeClass} .hljs-link {
 text-decoration: underline;
 }`];
      }]);
      const codeProps = Object.assign(Object.assign({}, useTheme.props), {
        language: String,
        code: {
          type: String,
          default: ""
        },
        trim: {
          type: Boolean,
          default: true
        },
        hljs: Object,
        uri: Boolean,
        inline: Boolean,
        wordWrap: Boolean,
        showLineNumbers: Boolean,
        // In n-log, we only need to mount code's style for highlight
        internalFontSize: Number,
        internalNoHighlight: Boolean
      });
      const NCode = vue.defineComponent({
        name: "Code",
        props: codeProps,
        setup(props, {
          slots
        }) {
          const {
            internalNoHighlight
          } = props;
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig();
          const codeRef = vue.ref(null);
          const hljsRef = internalNoHighlight ? {
            value: void 0
          } : useHljs(props);
          const createCodeHtml = (language, code, trim) => {
            const {
              value: hljs
            } = hljsRef;
            if (!hljs) {
              return null;
            }
            if (!(language && hljs.getLanguage(language))) {
              return null;
            }
            return hljs.highlight(trim ? code.trim() : code, {
              language
            }).value;
          };
          const mergedShowLineNumbersRef = vue.computed(() => {
            if (props.inline || props.wordWrap)
              return false;
            return props.showLineNumbers;
          });
          const setCode = () => {
            if (slots.default)
              return;
            const {
              value: codeEl
            } = codeRef;
            if (!codeEl)
              return;
            const {
              language
            } = props;
            const code = props.uri ? window.decodeURIComponent(props.code) : props.code;
            if (language) {
              const html = createCodeHtml(language, code, props.trim);
              if (html !== null) {
                if (props.inline) {
                  codeEl.innerHTML = html;
                } else {
                  const prevPreEl = codeEl.querySelector(".__code__");
                  if (prevPreEl)
                    codeEl.removeChild(prevPreEl);
                  const preEl = document.createElement("pre");
                  preEl.className = "__code__";
                  preEl.innerHTML = html;
                  codeEl.appendChild(preEl);
                }
                return;
              }
            }
            if (props.inline) {
              codeEl.textContent = code;
              return;
            }
            const maybePreEl = codeEl.querySelector(".__code__");
            if (maybePreEl) {
              maybePreEl.textContent = code;
            } else {
              const wrap = document.createElement("pre");
              wrap.className = "__code__";
              wrap.textContent = code;
              codeEl.innerHTML = "";
              codeEl.appendChild(wrap);
            }
          };
          vue.onMounted(setCode);
          vue.watch(vue.toRef(props, "language"), setCode);
          vue.watch(vue.toRef(props, "code"), setCode);
          if (!internalNoHighlight)
            vue.watch(hljsRef, setCode);
          const themeRef = useTheme("Code", "-code", style$16, codeLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2,
                fontFamilyMono
              },
              self: {
                textColor,
                fontSize: fontSize2,
                fontWeightStrong,
                lineNumberTextColor,
                // extracted from hljs atom-one-light.scss
                "mono-3": $1,
                "hue-1": $2,
                "hue-2": $3,
                "hue-3": $4,
                "hue-4": $5,
                "hue-5": $6,
                "hue-5-2": $7,
                "hue-6": $8,
                "hue-6-2": $9
              }
            } = themeRef.value;
            const {
              internalFontSize
            } = props;
            return {
              "--n-font-size": internalFontSize ? `${internalFontSize}px` : fontSize2,
              "--n-font-family": fontFamilyMono,
              "--n-font-weight-strong": fontWeightStrong,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-text-color": textColor,
              "--n-mono-3": $1,
              "--n-hue-1": $2,
              "--n-hue-2": $3,
              "--n-hue-3": $4,
              "--n-hue-4": $5,
              "--n-hue-5": $6,
              "--n-hue-5-2": $7,
              "--n-hue-6": $8,
              "--n-hue-6-2": $9,
              "--n-line-number-text-color": lineNumberTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("code", vue.computed(() => {
            return `${props.internalFontSize || "a"}`;
          }), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            codeRef,
            mergedShowLineNumbers: mergedShowLineNumbersRef,
            lineNumbers: vue.computed(() => {
              let number = 1;
              const numbers = [];
              let lastIsLineWrap = false;
              for (const char of props.code) {
                if (char === "\n") {
                  lastIsLineWrap = true;
                  numbers.push(number++);
                } else {
                  lastIsLineWrap = false;
                }
              }
              if (!lastIsLineWrap) {
                numbers.push(number++);
              }
              return numbers.join("\n");
            }),
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a, _b;
          const {
            mergedClsPrefix,
            wordWrap,
            mergedShowLineNumbers,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("code", {
            class: [`${mergedClsPrefix}-code`, this.themeClass, wordWrap && `${mergedClsPrefix}-code--word-wrap`, mergedShowLineNumbers && `${mergedClsPrefix}-code--show-line-numbers`],
            style: this.cssVars,
            ref: "codeRef"
          }, mergedShowLineNumbers ? vue.h("pre", {
            class: `${mergedClsPrefix}-code__line-numbers`
          }, this.lineNumbers) : null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
        }
      });
      const self$W = (vars) => {
        const {
          fontWeight,
          textColor1,
          textColor2,
          textColorDisabled,
          dividerColor,
          fontSize: fontSize2
        } = vars;
        return {
          titleFontSize: fontSize2,
          titleFontWeight: fontWeight,
          dividerColor,
          titleTextColor: textColor1,
          titleTextColorDisabled: textColorDisabled,
          fontSize: fontSize2,
          textColor: textColor2,
          arrowColor: textColor2,
          arrowColorDisabled: textColorDisabled,
          itemMargin: "16px 0 0 0",
          titlePadding: "16px 0 0 0"
        };
      };
      const collapseLight = {
        name: "Collapse",
        common: derived,
        self: self$W
      };
      const style$15 = cB("collapse", "width: 100%;", [cB("collapse-item", `
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 margin: var(--n-item-margin);
 `, [cM("disabled", [cE("header", "cursor: not-allowed;", [cE("header-main", `
 color: var(--n-title-text-color-disabled);
 `), cB("collapse-item-arrow", `
 color: var(--n-arrow-color-disabled);
 `)])]), cB("collapse-item", "margin-left: 32px;"), c$1("&:first-child", "margin-top: 0;"), c$1("&:first-child >", [cE("header", "padding-top: 0;")]), cM("left-arrow-placement", [cE("header", [cB("collapse-item-arrow", "margin-right: 4px;")])]), cM("right-arrow-placement", [cE("header", [cB("collapse-item-arrow", "margin-left: 4px;")])]), cE("content-wrapper", [cE("content-inner", "padding-top: 16px;"), fadeInHeightExpandTransition({
        duration: "0.15s"
      })]), cM("active", [cE("header", [cM("active", [cB("collapse-item-arrow", "transform: rotate(90deg);")])])]), c$1("&:not(:first-child)", "border-top: 1px solid var(--n-divider-color);"), cNotM("disabled", [cM("trigger-area-main", [cE("header", [cE("header-main", "cursor: pointer;"), cB("collapse-item-arrow", "cursor: default;")])]), cM("trigger-area-arrow", [cE("header", [cB("collapse-item-arrow", "cursor: pointer;")])]), cM("trigger-area-extra", [cE("header", [cE("header-extra", "cursor: pointer;")])])]), cE("header", `
 font-size: var(--n-title-font-size);
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 transition: color .3s var(--n-bezier);
 position: relative;
 padding: var(--n-title-padding);
 color: var(--n-title-text-color);
 `, [cE("header-main", `
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 flex: 1;
 color: var(--n-title-text-color);
 `), cE("header-extra", `
 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 `), cB("collapse-item-arrow", `
 display: flex;
 transition:
 transform .15s var(--n-bezier),
 color .3s var(--n-bezier);
 font-size: 18px;
 color: var(--n-arrow-color);
 `)])])]);
      const collapseProps = Object.assign(Object.assign({}, useTheme.props), {
        defaultExpandedNames: {
          type: [Array, String],
          default: null
        },
        expandedNames: [Array, String],
        arrowPlacement: {
          type: String,
          default: "left"
        },
        accordion: {
          type: Boolean,
          default: false
        },
        displayDirective: {
          type: String,
          default: "if"
        },
        triggerAreas: {
          type: Array,
          default: () => ["main", "extra", "arrow"]
        },
        onItemHeaderClick: [Function, Array],
        "onUpdate:expandedNames": [Function, Array],
        onUpdateExpandedNames: [Function, Array],
        // deprecated
        onExpandedNamesChange: {
          type: [Function, Array],
          validator: () => {
            return true;
          },
          default: void 0
        }
      });
      const collapseInjectionKey = createInjectionKey("n-collapse");
      const NCollapse = vue.defineComponent({
        name: "Collapse",
        props: collapseProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const uncontrolledExpandedNamesRef = vue.ref(props.defaultExpandedNames);
          const controlledExpandedNamesRef = vue.computed(() => props.expandedNames);
          const mergedExpandedNamesRef = useMergedState(controlledExpandedNamesRef, uncontrolledExpandedNamesRef);
          const themeRef = useTheme("Collapse", "-collapse", style$15, collapseLight, props, mergedClsPrefixRef);
          function doUpdateExpandedNames(names) {
            const {
              "onUpdate:expandedNames": _onUpdateExpandedNames,
              onUpdateExpandedNames,
              onExpandedNamesChange
            } = props;
            if (onUpdateExpandedNames) {
              call(onUpdateExpandedNames, names);
            }
            if (_onUpdateExpandedNames) {
              call(_onUpdateExpandedNames, names);
            }
            if (onExpandedNamesChange) {
              call(onExpandedNamesChange, names);
            }
            uncontrolledExpandedNamesRef.value = names;
          }
          function doItemHeaderClick(info) {
            const {
              onItemHeaderClick
            } = props;
            if (onItemHeaderClick) {
              call(onItemHeaderClick, info);
            }
          }
          function toggleItem(collapse, name, event) {
            const {
              accordion
            } = props;
            const {
              value: expandedNames
            } = mergedExpandedNamesRef;
            if (accordion) {
              if (collapse) {
                doUpdateExpandedNames([name]);
                doItemHeaderClick({
                  name,
                  expanded: true,
                  event
                });
              } else {
                doUpdateExpandedNames([]);
                doItemHeaderClick({
                  name,
                  expanded: false,
                  event
                });
              }
            } else {
              if (!Array.isArray(expandedNames)) {
                doUpdateExpandedNames([name]);
                doItemHeaderClick({
                  name,
                  expanded: true,
                  event
                });
              } else {
                const activeNames = expandedNames.slice();
                const index = activeNames.findIndex((activeName) => name === activeName);
                if (~index) {
                  activeNames.splice(index, 1);
                  doUpdateExpandedNames(activeNames);
                  doItemHeaderClick({
                    name,
                    expanded: false,
                    event
                  });
                } else {
                  activeNames.push(name);
                  doUpdateExpandedNames(activeNames);
                  doItemHeaderClick({
                    name,
                    expanded: true,
                    event
                  });
                }
              }
            }
          }
          vue.provide(collapseInjectionKey, {
            props,
            mergedClsPrefixRef,
            expandedNamesRef: mergedExpandedNamesRef,
            slots,
            toggleItem
          });
          const rtlEnabledRef = useRtl("Collapse", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                titleFontWeight,
                dividerColor,
                titlePadding,
                titleTextColor,
                titleTextColorDisabled,
                textColor,
                arrowColor,
                fontSize: fontSize2,
                titleFontSize,
                arrowColorDisabled,
                itemMargin
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-text-color": textColor,
              "--n-divider-color": dividerColor,
              "--n-title-padding": titlePadding,
              "--n-title-font-size": titleFontSize,
              "--n-title-text-color": titleTextColor,
              "--n-title-text-color-disabled": titleTextColorDisabled,
              "--n-title-font-weight": titleFontWeight,
              "--n-arrow-color": arrowColor,
              "--n-arrow-color-disabled": arrowColorDisabled,
              "--n-item-margin": itemMargin
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("collapse", void 0, cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedTheme: themeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${this.mergedClsPrefix}-collapse`, this.rtlEnabled && `${this.mergedClsPrefix}-collapse--rtl`, this.themeClass],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const NCollapseItemContent = vue.defineComponent({
        name: "CollapseItemContent",
        props: {
          displayDirective: {
            type: String,
            required: true
          },
          show: Boolean,
          clsPrefix: {
            type: String,
            required: true
          }
        },
        setup(props) {
          const onceTrueRef = useFalseUntilTruthy(vue.toRef(props, "show"));
          return {
            onceTrue: onceTrueRef
          };
        },
        render() {
          return vue.h(NFadeInExpandTransition, null, {
            default: () => {
              const {
                show,
                displayDirective,
                onceTrue,
                clsPrefix
              } = this;
              const useVShow = displayDirective === "show" && onceTrue;
              const contentNode = vue.h("div", {
                class: `${clsPrefix}-collapse-item__content-wrapper`
              }, vue.h("div", {
                class: `${clsPrefix}-collapse-item__content-inner`
              }, this.$slots));
              return useVShow ? vue.withDirectives(contentNode, [[vue.vShow, show]]) : show ? contentNode : null;
            }
          });
        }
      });
      const collapseItemProps = {
        title: String,
        name: [String, Number],
        disabled: Boolean,
        displayDirective: String
      };
      const NCollapseItem = vue.defineComponent({
        name: "CollapseItem",
        props: collapseItemProps,
        setup(props) {
          const {
            mergedRtlRef
          } = useConfig(props);
          const randomName = createId();
          const mergedNameRef = useMemo(() => {
            var _a;
            return (_a = props.name) !== null && _a !== void 0 ? _a : randomName;
          });
          const NCollapse2 = vue.inject(collapseInjectionKey);
          if (!NCollapse2) {
            throwError("collapse-item", "`n-collapse-item` must be placed inside `n-collapse`.");
          }
          const {
            expandedNamesRef,
            props: collapseProps2,
            mergedClsPrefixRef,
            slots: collapseSlots
          } = NCollapse2;
          const collapsedRef = vue.computed(() => {
            const {
              value: expandedNames
            } = expandedNamesRef;
            if (Array.isArray(expandedNames)) {
              const {
                value: name
              } = mergedNameRef;
              return !~expandedNames.findIndex((expandedName) => expandedName === name);
            } else if (expandedNames) {
              const {
                value: name
              } = mergedNameRef;
              return name !== expandedNames;
            }
            return true;
          });
          const rtlEnabledRef = useRtl("Collapse", mergedRtlRef, mergedClsPrefixRef);
          return {
            rtlEnabled: rtlEnabledRef,
            collapseSlots,
            randomName,
            mergedClsPrefix: mergedClsPrefixRef,
            collapsed: collapsedRef,
            triggerAreas: vue.toRef(collapseProps2, "triggerAreas"),
            mergedDisplayDirective: vue.computed(() => {
              const {
                displayDirective
              } = props;
              if (displayDirective) {
                return displayDirective;
              } else {
                return collapseProps2.displayDirective;
              }
            }),
            arrowPlacement: vue.computed(() => {
              return collapseProps2.arrowPlacement;
            }),
            handleClick(e) {
              let happensInArea = "main";
              if (happensIn(e, "arrow"))
                happensInArea = "arrow";
              if (happensIn(e, "extra"))
                happensInArea = "extra";
              if (!collapseProps2.triggerAreas.includes(happensInArea)) {
                return;
              }
              if (NCollapse2 && !props.disabled) {
                NCollapse2.toggleItem(collapsedRef.value, mergedNameRef.value, e);
              }
            }
          };
        },
        render() {
          const {
            collapseSlots,
            $slots,
            arrowPlacement,
            collapsed,
            mergedDisplayDirective,
            mergedClsPrefix,
            disabled,
            triggerAreas
          } = this;
          const headerNode = resolveSlotWithProps($slots.header, {
            collapsed
          }, () => [this.title]);
          const headerExtraSlot = $slots["header-extra"] || collapseSlots["header-extra"];
          const arrowSlot = $slots.arrow || collapseSlots.arrow;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-collapse-item`, `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`, disabled && `${mergedClsPrefix}-collapse-item--disabled`, !collapsed && `${mergedClsPrefix}-collapse-item--active`, triggerAreas.map((area) => {
              return `${mergedClsPrefix}-collapse-item--trigger-area-${area}`;
            })]
          }, vue.h("div", {
            class: [`${mergedClsPrefix}-collapse-item__header`, !collapsed && `${mergedClsPrefix}-collapse-item__header--active`]
          }, vue.h("div", {
            class: `${mergedClsPrefix}-collapse-item__header-main`,
            onClick: this.handleClick
          }, arrowPlacement === "right" && headerNode, vue.h("div", {
            class: `${mergedClsPrefix}-collapse-item-arrow`,
            key: this.rtlEnabled ? 0 : 1,
            "data-arrow": true
          }, resolveSlotWithProps(arrowSlot, {
            collapsed
          }, () => {
            var _a;
            return [vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: (_a = collapseSlots.expandIcon) !== null && _a !== void 0 ? _a : () => this.rtlEnabled ? vue.h(ChevronLeftIcon, null) : vue.h(ChevronRightIcon, null)
            })];
          })), arrowPlacement === "left" && headerNode), resolveWrappedSlotWithProps(headerExtraSlot, {
            collapsed
          }, (children) => vue.h("div", {
            class: `${mergedClsPrefix}-collapse-item__header-extra`,
            onClick: this.handleClick,
            "data-extra": true
          }, children))), vue.h(NCollapseItemContent, {
            clsPrefix: mergedClsPrefix,
            displayDirective: mergedDisplayDirective,
            show: !collapsed
          }, $slots));
        }
      });
      const style$14 = cB("collapse-transition", {
        width: "100%"
      }, [fadeInHeightExpandTransition()]);
      const self$V = (vars) => {
        const {
          cubicBezierEaseInOut: cubicBezierEaseInOut2
        } = vars;
        return {
          bezier: cubicBezierEaseInOut2
        };
      };
      const collapseTransitionLight = {
        name: "CollapseTransition",
        common: derived,
        self: self$V
      };
      const collapseTransitionProps = Object.assign(Object.assign({}, useTheme.props), {
        show: {
          type: Boolean,
          default: true
        },
        appear: Boolean,
        // The collapsed is implemented with mistake, collapsed=true would make it show
        // However there's no possibility to change so I just let it deprecated and use
        // `show` prop instead.
        /** @deprecated */
        collapsed: {
          type: Boolean,
          default: void 0
        }
      });
      const CollapseTransition = vue.defineComponent({
        name: "CollapseTransition",
        props: collapseTransitionProps,
        inheritAttrs: false,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const mergedThemeRef = useTheme("CollapseTransition", "-collapse-transition", style$14, collapseTransitionLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("CollapseTransition", mergedRtlRef, mergedClsPrefixRef);
          const mergedShowRef = vue.computed(() => {
            if (props.collapsed !== void 0) {
              return props.collapsed;
            }
            return props.show;
          });
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                bezier
              }
            } = mergedThemeRef.value;
            return {
              "--n-bezier": bezier
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("collapse-transition", void 0, cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedShow: mergedShowRef,
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          return vue.h(NFadeInExpandTransition, {
            appear: this.appear
          }, {
            default: () => {
              var _a;
              if (!this.mergedShow)
                return;
              (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
              return vue.h(
                "div",
                // Don't use jsx since it would cause useless spread in each rendering
                vue.mergeProps({
                  class: [`${this.mergedClsPrefix}-collapse-transition`, this.rtlEnabled && `${this.mergedClsPrefix}-collapse-transition--rtl`, this.themeClass],
                  style: this.cssVars
                }, this.$attrs),
                this.$slots
              );
            }
          });
        }
      });
      const configProviderProps = {
        abstract: Boolean,
        bordered: {
          type: Boolean,
          default: void 0
        },
        clsPrefix: {
          type: String,
          default: defaultClsPrefix
        },
        locale: Object,
        dateLocale: Object,
        namespace: String,
        rtl: Array,
        tag: {
          type: String,
          default: "div"
        },
        hljs: Object,
        katex: Object,
        theme: Object,
        themeOverrides: Object,
        componentOptions: Object,
        icons: Object,
        breakpoints: Object,
        preflightStyleDisabled: Boolean,
        inlineThemeDisabled: {
          type: Boolean,
          default: void 0
        },
        // deprecated
        as: {
          type: String,
          validator: () => {
            warn$2("config-provider", "`as` is deprecated, please use `tag` instead.");
            return true;
          },
          default: void 0
        }
      };
      const NConfigProvider = vue.defineComponent({
        name: "ConfigProvider",
        alias: ["App"],
        props: configProviderProps,
        setup(props) {
          const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
          const mergedThemeRef = vue.computed(() => {
            const {
              theme
            } = props;
            if (theme === null)
              return void 0;
            const inheritedTheme = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeRef.value;
            return theme === void 0 ? inheritedTheme : inheritedTheme === void 0 ? theme : Object.assign({}, inheritedTheme, theme);
          });
          const mergedThemeOverridesRef = vue.computed(() => {
            const {
              themeOverrides
            } = props;
            if (themeOverrides === null)
              return void 0;
            if (themeOverrides === void 0) {
              return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value;
            } else {
              const inheritedThemeOverrides = NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedThemeOverridesRef.value;
              if (inheritedThemeOverrides === void 0) {
                return themeOverrides;
              } else {
                return merge$1({}, inheritedThemeOverrides, themeOverrides);
              }
            }
          });
          const mergedNamespaceRef = useMemo(() => {
            const {
              namespace: namespace2
            } = props;
            return namespace2 === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedNamespaceRef.value : namespace2;
          });
          const mergedBorderedRef = useMemo(() => {
            const {
              bordered
            } = props;
            return bordered === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBorderedRef.value : bordered;
          });
          const mergedIconsRef = vue.computed(() => {
            const {
              icons
            } = props;
            return icons === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedIconsRef.value : icons;
          });
          const mergedComponentPropsRef = vue.computed(() => {
            const {
              componentOptions
            } = props;
            if (componentOptions !== void 0)
              return componentOptions;
            return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedComponentPropsRef.value;
          });
          const mergedClsPrefixRef = vue.computed(() => {
            const {
              clsPrefix
            } = props;
            if (clsPrefix !== void 0)
              return clsPrefix;
            if (NConfigProvider2)
              return NConfigProvider2.mergedClsPrefixRef.value;
            return defaultClsPrefix;
          });
          const mergedRtlRef = vue.computed(() => {
            var _a;
            const {
              rtl
            } = props;
            if (rtl === void 0) {
              return NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedRtlRef.value;
            }
            const rtlEnabledState = {};
            for (const rtlInfo of rtl) {
              rtlEnabledState[rtlInfo.name] = vue.markRaw(rtlInfo);
              (_a = rtlInfo.peers) === null || _a === void 0 ? void 0 : _a.forEach((peerRtlInfo) => {
                if (!(peerRtlInfo.name in rtlEnabledState)) {
                  rtlEnabledState[peerRtlInfo.name] = vue.markRaw(peerRtlInfo);
                }
              });
            }
            return rtlEnabledState;
          });
          const mergedBreakpointsRef = vue.computed(() => {
            return props.breakpoints || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedBreakpointsRef.value);
          });
          const inlineThemeDisabled = props.inlineThemeDisabled || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.inlineThemeDisabled);
          const preflightStyleDisabled = props.preflightStyleDisabled || (NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.preflightStyleDisabled);
          const mergedThemeHashRef = vue.computed(() => {
            const {
              value: theme
            } = mergedThemeRef;
            const {
              value: mergedThemeOverrides
            } = mergedThemeOverridesRef;
            const hasThemeOverrides = mergedThemeOverrides && Object.keys(mergedThemeOverrides).length !== 0;
            const themeName = theme === null || theme === void 0 ? void 0 : theme.name;
            if (themeName) {
              if (hasThemeOverrides) {
                return `${themeName}-${murmur2(JSON.stringify(mergedThemeOverridesRef.value))}`;
              }
              return themeName;
            } else {
              if (hasThemeOverrides) {
                return murmur2(JSON.stringify(mergedThemeOverridesRef.value));
              }
              return "";
            }
          });
          vue.provide(configProviderInjectionKey, {
            mergedThemeHashRef,
            mergedBreakpointsRef,
            mergedRtlRef,
            mergedIconsRef,
            mergedComponentPropsRef,
            mergedBorderedRef,
            mergedNamespaceRef,
            mergedClsPrefixRef,
            mergedLocaleRef: vue.computed(() => {
              const {
                locale: locale2
              } = props;
              if (locale2 === null)
                return void 0;
              return locale2 === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedLocaleRef.value : locale2;
            }),
            mergedDateLocaleRef: vue.computed(() => {
              const {
                dateLocale
              } = props;
              if (dateLocale === null)
                return void 0;
              return dateLocale === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedDateLocaleRef.value : dateLocale;
            }),
            mergedHljsRef: vue.computed(() => {
              const {
                hljs
              } = props;
              return hljs === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedHljsRef.value : hljs;
            }),
            mergedKatexRef: vue.computed(() => {
              const {
                katex
              } = props;
              return katex === void 0 ? NConfigProvider2 === null || NConfigProvider2 === void 0 ? void 0 : NConfigProvider2.mergedKatexRef.value : katex;
            }),
            mergedThemeRef,
            mergedThemeOverridesRef,
            inlineThemeDisabled: inlineThemeDisabled || false,
            preflightStyleDisabled: preflightStyleDisabled || false
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            mergedNamespace: mergedNamespaceRef,
            mergedTheme: mergedThemeRef,
            mergedThemeOverrides: mergedThemeOverridesRef
          };
        },
        render() {
          var _a, _b, _c, _d;
          return !this.abstract ? vue.h(this.as || this.tag, {
            class: `${this.mergedClsPrefix || defaultClsPrefix}-config-provider`
          }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) : (_d = (_c = this.$slots).default) === null || _d === void 0 ? void 0 : _d.call(_c);
        }
      });
      const countdownProps = {
        duration: {
          type: Number,
          default: 0
        },
        active: {
          type: Boolean,
          default: true
        },
        precision: {
          type: Number,
          default: 0
        },
        render: Function,
        onFinish: Function
      };
      const Countdown = vue.defineComponent({
        name: "Countdown",
        props: countdownProps,
        setup(props) {
          let timerId = null;
          let elapsed = 0;
          let finished = false;
          const distanceRef = vue.ref(0);
          vue.watchEffect(() => {
            distanceRef.value = props.duration;
          });
          let pnow = -1;
          function getDistance(time2) {
            return props.duration - elapsed + pnow - time2;
          }
          function getTimeInfo(distance) {
            const hours = Math.floor(distance / 36e5);
            const minutes = Math.floor(distance % 36e5 / 6e4);
            const seconds = Math.floor(distance % 6e4 / 1e3);
            const milliseconds = Math.floor(distance % 1e3);
            return {
              hours,
              minutes,
              seconds,
              milliseconds
            };
          }
          function getDisplayValue(info) {
            const {
              hours,
              minutes,
              seconds,
              milliseconds
            } = info;
            const {
              precision
            } = props;
            switch (precision) {
              case 0:
                return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
              default:
                return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}.${String(Math.floor(milliseconds / (precision === 1 ? 100 : precision === 2 ? 10 : 1))).padStart(precision, "0")}`;
            }
          }
          const frame = () => {
            var _a;
            const {
              precision
            } = props;
            const distance = getDistance(performance.now());
            if (distance <= 0) {
              distanceRef.value = 0;
              stopTimer();
              if (!finished) {
                finished = true;
                (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props);
              }
              return;
            }
            let leftTime;
            switch (precision) {
              case 3:
              case 2:
                leftTime = distance % 34;
                break;
              case 1:
                leftTime = distance % 100;
                break;
              default:
                leftTime = distance % 1e3;
            }
            distanceRef.value = distance;
            timerId = window.setTimeout(() => {
              frame();
            }, leftTime);
          };
          const stopTimer = () => {
            if (timerId !== null) {
              window.clearTimeout(timerId);
              timerId = null;
            }
          };
          vue.onMounted(() => {
            vue.watchEffect(() => {
              if (props.active) {
                pnow = performance.now();
                frame();
              } else {
                const now2 = performance.now();
                if (pnow !== -1) {
                  elapsed += now2 - pnow;
                }
                stopTimer();
              }
            });
          });
          vue.onBeforeUnmount(() => {
            stopTimer();
          });
          function reset() {
            distanceRef.value = props.duration;
            elapsed = 0;
            pnow = performance.now();
            if (props.active && finished) {
              frame();
            }
            finished = false;
          }
          const countdownExposedMethod = {
            reset
          };
          return Object.assign(countdownExposedMethod, {
            distance: distanceRef,
            getTimeInfo,
            getDisplayValue
          });
        },
        render() {
          const {
            render: render2,
            precision,
            distance,
            getTimeInfo,
            getDisplayValue
          } = this;
          let timeInfo;
          switch (precision) {
            case 0:
              timeInfo = getTimeInfo(distance + 999);
              timeInfo.milliseconds = 0;
              break;
            case 1:
              timeInfo = getTimeInfo(distance + 99);
              timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
              break;
            case 2:
              timeInfo = getTimeInfo(distance + 9);
              timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
              break;
            case 3:
              timeInfo = getTimeInfo(distance);
          }
          if (render2) {
            return render2(timeInfo);
          } else {
            return getDisplayValue(timeInfo);
          }
        }
      });
      const easeOut = (t) => 1 - Math.pow(1 - t, 5);
      function tween(props) {
        const {
          from,
          to,
          duration: duration2,
          onUpdate,
          onFinish
        } = props;
        const tick = () => {
          const current = performance.now();
          const elapsedTime = Math.min(current - startTime, duration2);
          const currentValue = from + (to - from) * easeOut(elapsedTime / duration2);
          if (elapsedTime === duration2) {
            onFinish();
            return;
          }
          onUpdate(currentValue);
          requestAnimationFrame(tick);
        };
        const startTime = performance.now();
        tick();
      }
      const numberAnimationProps = {
        to: {
          type: Number,
          default: 0
        },
        precision: {
          type: Number,
          default: 0
        },
        showSeparator: Boolean,
        locale: String,
        from: {
          type: Number,
          default: 0
        },
        active: {
          type: Boolean,
          default: true
        },
        duration: {
          type: Number,
          default: 2e3
        },
        onFinish: Function
      };
      const NumberAnimation = vue.defineComponent({
        name: "NumberAnimation",
        props: numberAnimationProps,
        setup(props) {
          const {
            localeRef
          } = useLocale("name");
          const {
            duration: duration2
          } = props;
          const displayedValueRef = vue.ref(props.from);
          const mergedLocaleRef = vue.computed(() => {
            const {
              locale: locale2
            } = props;
            if (locale2 !== void 0)
              return locale2;
            return localeRef.value;
          });
          let animating = false;
          const onUpdate = (currentValue) => {
            displayedValueRef.value = currentValue;
          };
          const onFinish = () => {
            var _a;
            displayedValueRef.value = props.to;
            animating = false;
            (_a = props.onFinish) === null || _a === void 0 ? void 0 : _a.call(props);
          };
          const animate = (from = props.from, to = props.to) => {
            animating = true;
            displayedValueRef.value = props.from;
            if (from !== to) {
              tween({
                from,
                to,
                duration: duration2,
                onUpdate,
                onFinish
              });
            }
          };
          const formattedValueRef = vue.computed(() => {
            var _a;
            const formatted = round(displayedValueRef.value, props.precision).toFixed(props.precision);
            const splitValue = formatted.split(".");
            const numberFormatter = new Intl.NumberFormat(mergedLocaleRef.value);
            const decimalSeparator = (_a = numberFormatter.formatToParts(0.5).find((part) => part.type === "decimal")) === null || _a === void 0 ? void 0 : _a.value;
            const integer = props.showSeparator ? numberFormatter.format(Number(splitValue[0])) : splitValue[0];
            const decimal = splitValue[1];
            return {
              integer,
              decimal,
              decimalSeparator
            };
          });
          function play() {
            if (animating)
              return;
            animate();
          }
          vue.onMounted(() => {
            vue.watchEffect(() => {
              if (props.active)
                animate();
            });
          });
          const exposedMethods = {
            play
          };
          return Object.assign({
            formattedValue: formattedValueRef
          }, exposedMethods);
        },
        render() {
          const {
            formattedValue: {
              integer,
              decimal,
              decimalSeparator
            }
          } = this;
          return [integer, decimal ? decimalSeparator : null, decimal];
        }
      });
      function self$U(vars) {
        const {
          boxShadow2
        } = vars;
        return {
          menuBoxShadow: boxShadow2
        };
      }
      const popselectLight = createTheme({
        name: "Popselect",
        common: derived,
        peers: {
          Popover: popoverLight,
          InternalSelectMenu: internalSelectMenuLight
        },
        self: self$U
      });
      const popselectInjectionKey = createInjectionKey("n-popselect");
      const style$13 = cB("popselect-menu", `
 box-shadow: var(--n-menu-box-shadow);
`);
      const panelProps$1 = {
        multiple: Boolean,
        value: {
          type: [String, Number, Array],
          default: null
        },
        cancelable: Boolean,
        options: {
          type: Array,
          default: () => []
        },
        size: {
          type: String,
          default: "medium"
        },
        scrollable: Boolean,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onMouseenter: Function,
        onMouseleave: Function,
        renderLabel: Function,
        showCheckmark: {
          type: Boolean,
          default: void 0
        },
        nodeProps: Function,
        virtualScroll: Boolean,
        // deprecated
        onChange: [Function, Array]
      };
      const panelPropKeys$1 = keysOf(panelProps$1);
      const NPopselectPanel = vue.defineComponent({
        name: "PopselectPanel",
        props: panelProps$1,
        setup(props) {
          const NPopselect2 = vue.inject(popselectInjectionKey);
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Popselect", "-pop-select", style$13, popselectLight, NPopselect2.props, mergedClsPrefixRef);
          const treeMateRef = vue.computed(() => {
            return createTreeMate(props.options, createTmOptions("value", "children"));
          });
          function doUpdateValue(value, option) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue,
              onChange
            } = props;
            if (onUpdateValue)
              call(onUpdateValue, value, option);
            if (_onUpdateValue) {
              call(_onUpdateValue, value, option);
            }
            if (onChange)
              call(onChange, value, option);
          }
          function handleToggle(tmNode) {
            toggle(tmNode.key);
          }
          function handleMenuMousedown(e) {
            if (!happensIn(e, "action") && !happensIn(e, "empty") && !happensIn(e, "header")) {
              e.preventDefault();
            }
          }
          function toggle(value) {
            const {
              value: {
                getNode
              }
            } = treeMateRef;
            if (props.multiple) {
              if (Array.isArray(props.value)) {
                const newValue = [];
                const newOptions = [];
                let shouldAddValue = true;
                props.value.forEach((v) => {
                  if (v === value) {
                    shouldAddValue = false;
                    return;
                  }
                  const tmNode = getNode(v);
                  if (tmNode) {
                    newValue.push(tmNode.key);
                    newOptions.push(tmNode.rawNode);
                  }
                });
                if (shouldAddValue) {
                  newValue.push(value);
                  newOptions.push(getNode(value).rawNode);
                }
                doUpdateValue(newValue, newOptions);
              } else {
                const tmNode = getNode(value);
                if (tmNode) {
                  doUpdateValue([value], [tmNode.rawNode]);
                }
              }
            } else {
              if (props.value === value && props.cancelable) {
                doUpdateValue(null, null);
              } else {
                const tmNode = getNode(value);
                if (tmNode) {
                  doUpdateValue(value, tmNode.rawNode);
                }
                const {
                  "onUpdate:show": _onUpdateShow,
                  onUpdateShow
                } = NPopselect2.props;
                if (_onUpdateShow)
                  call(_onUpdateShow, false);
                if (onUpdateShow)
                  call(onUpdateShow, false);
                NPopselect2.setShow(false);
              }
            }
            void vue.nextTick(() => {
              NPopselect2.syncPosition();
            });
          }
          vue.watch(vue.toRef(props, "options"), () => {
            void vue.nextTick(() => {
              NPopselect2.syncPosition();
            });
          });
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                menuBoxShadow
              }
            } = themeRef.value;
            return {
              "--n-menu-box-shadow": menuBoxShadow
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("select", void 0, cssVarsRef, NPopselect2.props) : void 0;
          return {
            mergedTheme: NPopselect2.mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            treeMate: treeMateRef,
            handleToggle,
            handleMenuMousedown,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h(NInternalSelectMenu, {
            clsPrefix: this.mergedClsPrefix,
            focusable: true,
            nodeProps: this.nodeProps,
            class: [`${this.mergedClsPrefix}-popselect-menu`, this.themeClass],
            style: this.cssVars,
            theme: this.mergedTheme.peers.InternalSelectMenu,
            themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu,
            multiple: this.multiple,
            treeMate: this.treeMate,
            size: this.size,
            value: this.value,
            virtualScroll: this.virtualScroll,
            scrollable: this.scrollable,
            renderLabel: this.renderLabel,
            onToggle: this.handleToggle,
            onMouseenter: this.onMouseenter,
            onMouseleave: this.onMouseenter,
            onMousedown: this.handleMenuMousedown,
            showCheckmark: this.showCheckmark
          }, {
            header: () => {
              var _a2, _b;
              return ((_b = (_a2 = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a2)) || [];
            },
            action: () => {
              var _a2, _b;
              return ((_b = (_a2 = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a2)) || [];
            },
            empty: () => {
              var _a2, _b;
              return ((_b = (_a2 = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a2)) || [];
            }
          });
        }
      });
      const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), omit(popoverBaseProps, ["showArrow", "arrow"])), {
        placement: Object.assign(Object.assign({}, popoverBaseProps.placement), {
          default: "bottom"
        }),
        trigger: {
          type: String,
          default: "hover"
        }
      }), panelProps$1);
      const NPopselect = vue.defineComponent({
        name: "Popselect",
        props: popselectProps,
        inheritAttrs: false,
        __popover__: true,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("Popselect", "-popselect", void 0, popselectLight, props, mergedClsPrefixRef);
          const popoverInstRef = vue.ref(null);
          function syncPosition() {
            var _a;
            (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          function setShow(value) {
            var _a;
            (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.setShow(value);
          }
          vue.provide(popselectInjectionKey, {
            props,
            mergedThemeRef: themeRef,
            syncPosition,
            setShow
          });
          const exposedMethods = {
            syncPosition,
            setShow
          };
          return Object.assign(Object.assign({}, exposedMethods), {
            popoverInstRef,
            mergedTheme: themeRef
          });
        },
        render() {
          const {
            mergedTheme
          } = this;
          const popoverProps2 = {
            theme: mergedTheme.peers.Popover,
            themeOverrides: mergedTheme.peerOverrides.Popover,
            builtinThemeOverrides: {
              padding: "0"
            },
            ref: "popoverInstRef",
            internalRenderBody: (className, ref2, style2, onMouseenter, onMouseleave) => {
              const {
                $attrs
              } = this;
              return vue.h(NPopselectPanel, Object.assign({}, $attrs, {
                class: [$attrs.class, className],
                style: [$attrs.style, ...style2]
              }, keep(this.$props, panelPropKeys$1), {
                ref: createRefSetter(ref2),
                onMouseenter: mergeEventHandlers([onMouseenter, $attrs.onMouseenter]),
                onMouseleave: mergeEventHandlers([onMouseleave, $attrs.onMouseleave])
              }), {
                header: () => {
                  var _a, _b;
                  return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a);
                },
                action: () => {
                  var _a, _b;
                  return (_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a);
                },
                empty: () => {
                  var _a, _b;
                  return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a);
                }
              });
            }
          };
          return vue.h(NPopover, Object.assign({}, omit(this.$props, panelPropKeys$1), popoverProps2, {
            internalDeactivateImmediately: true
          }), {
            trigger: () => {
              var _a, _b;
              return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
            }
          });
        }
      });
      function self$T(vars) {
        const {
          boxShadow2
        } = vars;
        return {
          menuBoxShadow: boxShadow2
        };
      }
      const selectLight = createTheme({
        name: "Select",
        common: derived,
        peers: {
          InternalSelection: internalSelectionLight,
          InternalSelectMenu: internalSelectMenuLight
        },
        self: self$T
      });
      const style$12 = c$1([cB("select", `
 z-index: auto;
 outline: none;
 width: 100%;
 position: relative;
 `), cB("select-menu", `
 margin: 4px 0;
 box-shadow: var(--n-menu-box-shadow);
 `, [fadeInScaleUpTransition({
        originalTransition: "background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"
      })])]);
      const selectProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        bordered: {
          type: Boolean,
          default: void 0
        },
        clearable: Boolean,
        clearFilterAfterSelect: {
          type: Boolean,
          default: true
        },
        options: {
          type: Array,
          default: () => []
        },
        defaultValue: {
          type: [String, Number, Array],
          default: null
        },
        keyboard: {
          type: Boolean,
          default: true
        },
        value: [String, Number, Array],
        placeholder: String,
        menuProps: Object,
        multiple: Boolean,
        size: String,
        filterable: Boolean,
        disabled: {
          type: Boolean,
          default: void 0
        },
        remote: Boolean,
        loading: Boolean,
        filter: Function,
        placement: {
          type: String,
          default: "bottom-start"
        },
        widthMode: {
          type: String,
          default: "trigger"
        },
        tag: Boolean,
        onCreate: Function,
        fallbackOption: {
          type: [Function, Boolean],
          default: void 0
        },
        show: {
          type: Boolean,
          default: void 0
        },
        showArrow: {
          type: Boolean,
          default: true
        },
        maxTagCount: [Number, String],
        ellipsisTagPopoverProps: Object,
        consistentMenuWidth: {
          type: Boolean,
          default: true
        },
        virtualScroll: {
          type: Boolean,
          default: true
        },
        labelField: {
          type: String,
          default: "label"
        },
        valueField: {
          type: String,
          default: "value"
        },
        childrenField: {
          type: String,
          default: "children"
        },
        renderLabel: Function,
        renderOption: Function,
        renderTag: Function,
        "onUpdate:value": [Function, Array],
        inputProps: Object,
        nodeProps: Function,
        ignoreComposition: {
          type: Boolean,
          default: true
        },
        showOnFocus: Boolean,
        // for jsx
        onUpdateValue: [Function, Array],
        onBlur: [Function, Array],
        onClear: [Function, Array],
        onFocus: [Function, Array],
        onScroll: [Function, Array],
        onSearch: [Function, Array],
        onUpdateShow: [Function, Array],
        "onUpdate:show": [Function, Array],
        displayDirective: {
          type: String,
          default: "show"
        },
        resetMenuOnOptionsChange: {
          type: Boolean,
          default: true
        },
        status: String,
        showCheckmark: {
          type: Boolean,
          default: true
        },
        /** deprecated */
        onChange: [Function, Array],
        items: Array
      });
      const NSelect = vue.defineComponent({
        name: "Select",
        props: selectProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedBorderedRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Select", "-select", style$12, selectLight, props, mergedClsPrefixRef);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const focusedRef = vue.ref(false);
          const patternRef = vue.ref("");
          const treeMateRef = vue.computed(() => {
            const {
              valueField,
              childrenField
            } = props;
            const options = createTmOptions(valueField, childrenField);
            return createTreeMate(filteredOptionsRef.value, options);
          });
          const valOptMapRef = vue.computed(() => createValOptMap(localOptionsRef.value, props.valueField, props.childrenField));
          const uncontrolledShowRef = vue.ref(false);
          const mergedShowRef = useMergedState(vue.toRef(props, "show"), uncontrolledShowRef);
          const triggerRef = vue.ref(null);
          const followerRef = vue.ref(null);
          const menuRef = vue.ref(null);
          const {
            localeRef
          } = useLocale("Select");
          const localizedPlaceholderRef = vue.computed(() => {
            var _a;
            return (_a = props.placeholder) !== null && _a !== void 0 ? _a : localeRef.value.placeholder;
          });
          const compitableOptionsRef = useCompitable(props, ["items", "options"]);
          const emptyArray = [];
          const createdOptionsRef = vue.ref([]);
          const beingCreatedOptionsRef = vue.ref([]);
          const memoValOptMapRef = vue.ref(/* @__PURE__ */ new Map());
          const wrappedFallbackOptionRef = vue.computed(() => {
            const {
              fallbackOption
            } = props;
            if (fallbackOption === void 0) {
              const {
                labelField,
                valueField
              } = props;
              return (value) => ({
                [labelField]: String(value),
                [valueField]: value
              });
            }
            if (fallbackOption === false)
              return false;
            return (value) => {
              return Object.assign(fallbackOption(value), {
                value
              });
            };
          });
          const localOptionsRef = vue.computed(() => {
            return beingCreatedOptionsRef.value.concat(createdOptionsRef.value).concat(compitableOptionsRef.value);
          });
          const resolvedFilterRef = vue.computed(() => {
            const {
              filter
            } = props;
            if (filter)
              return filter;
            const {
              labelField,
              valueField
            } = props;
            return (pattern, option) => {
              if (!option)
                return false;
              const label = option[labelField];
              if (typeof label === "string") {
                return patternMatched(pattern, label);
              }
              const value = option[valueField];
              if (typeof value === "string") {
                return patternMatched(pattern, value);
              }
              if (typeof value === "number") {
                return patternMatched(pattern, String(value));
              }
              return false;
            };
          });
          const filteredOptionsRef = vue.computed(() => {
            if (props.remote) {
              return compitableOptionsRef.value;
            } else {
              const {
                value: localOptions
              } = localOptionsRef;
              const {
                value: pattern
              } = patternRef;
              if (!pattern.length || !props.filterable) {
                return localOptions;
              } else {
                return filterOptions(localOptions, resolvedFilterRef.value, pattern, props.childrenField);
              }
            }
          });
          function getMergedOptions(values) {
            const remote = props.remote;
            const {
              value: memoValOptMap
            } = memoValOptMapRef;
            const {
              value: valOptMap
            } = valOptMapRef;
            const {
              value: wrappedFallbackOption
            } = wrappedFallbackOptionRef;
            const options = [];
            values.forEach((value) => {
              if (valOptMap.has(value)) {
                options.push(valOptMap.get(value));
              } else if (remote && memoValOptMap.has(value)) {
                options.push(memoValOptMap.get(value));
              } else if (wrappedFallbackOption) {
                const option = wrappedFallbackOption(value);
                if (option) {
                  options.push(option);
                }
              }
            });
            return options;
          }
          const selectedOptionsRef = vue.computed(() => {
            if (props.multiple) {
              const {
                value: values
              } = mergedValueRef;
              if (!Array.isArray(values))
                return [];
              return getMergedOptions(values);
            }
            return null;
          });
          const selectedOptionRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!props.multiple && !Array.isArray(mergedValue)) {
              if (mergedValue === null)
                return null;
              return getMergedOptions([mergedValue])[0] || null;
            }
            return null;
          });
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          function doUpdateValue(value, option) {
            const {
              onChange,
              "onUpdate:value": _onUpdateValue,
              onUpdateValue
            } = props;
            const {
              nTriggerFormChange,
              nTriggerFormInput
            } = formItem;
            if (onChange)
              call(onChange, value, option);
            if (onUpdateValue)
              call(onUpdateValue, value, option);
            if (_onUpdateValue) {
              call(_onUpdateValue, value, option);
            }
            uncontrolledValueRef.value = value;
            nTriggerFormChange();
            nTriggerFormInput();
          }
          function doBlur(e) {
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
          }
          function doClear() {
            const {
              onClear
            } = props;
            if (onClear)
              call(onClear);
          }
          function doFocus(e) {
            const {
              onFocus,
              showOnFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
            if (showOnFocus) {
              openMenu();
            }
          }
          function doSearch(value) {
            const {
              onSearch
            } = props;
            if (onSearch)
              call(onSearch, value);
          }
          function doScroll(e) {
            const {
              onScroll
            } = props;
            if (onScroll)
              call(onScroll, e);
          }
          function updateMemorizedOptions() {
            var _a;
            const {
              remote,
              multiple
            } = props;
            if (remote) {
              const {
                value: memoValOptMap
              } = memoValOptMapRef;
              if (multiple) {
                const {
                  valueField
                } = props;
                (_a = selectedOptionsRef.value) === null || _a === void 0 ? void 0 : _a.forEach((option) => {
                  memoValOptMap.set(option[valueField], option);
                });
              } else {
                const option = selectedOptionRef.value;
                if (option) {
                  memoValOptMap.set(option[props.valueField], option);
                }
              }
            }
          }
          function doUpdateShow(value) {
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, value);
            if (_onUpdateShow)
              call(_onUpdateShow, value);
            uncontrolledShowRef.value = value;
          }
          function openMenu() {
            if (!mergedDisabledRef.value) {
              doUpdateShow(true);
              uncontrolledShowRef.value = true;
              if (props.filterable) {
                focusSelectionInput();
              }
            }
          }
          function closeMenu() {
            doUpdateShow(false);
          }
          function handleMenuAfterLeave() {
            patternRef.value = "";
            beingCreatedOptionsRef.value = emptyArray;
          }
          const activeWithoutMenuOpenRef = vue.ref(false);
          function onTriggerInputFocus() {
            if (props.filterable) {
              activeWithoutMenuOpenRef.value = true;
            }
          }
          function onTriggerInputBlur() {
            if (props.filterable) {
              activeWithoutMenuOpenRef.value = false;
              if (!mergedShowRef.value) {
                handleMenuAfterLeave();
              }
            }
          }
          function handleTriggerClick() {
            if (mergedDisabledRef.value)
              return;
            if (!mergedShowRef.value) {
              openMenu();
            } else {
              if (!props.filterable) {
                closeMenu();
              } else {
                focusSelectionInput();
              }
            }
          }
          function handleTriggerBlur(e) {
            var _a, _b;
            if ((_b = (_a = menuRef.value) === null || _a === void 0 ? void 0 : _a.selfRef) === null || _b === void 0 ? void 0 : _b.contains(e.relatedTarget)) {
              return;
            }
            focusedRef.value = false;
            doBlur(e);
            closeMenu();
          }
          function handleTriggerFocus(e) {
            doFocus(e);
            focusedRef.value = true;
          }
          function handleMenuFocus(e) {
            focusedRef.value = true;
          }
          function handleMenuBlur(e) {
            var _a;
            if ((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.relatedTarget))
              return;
            focusedRef.value = false;
            doBlur(e);
            closeMenu();
          }
          function handleMenuTabOut() {
            var _a;
            (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            closeMenu();
          }
          function handleMenuClickOutside(e) {
            var _a;
            if (mergedShowRef.value) {
              if (!((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(getPreciseEventTarget(e)))) {
                closeMenu();
              }
            }
          }
          function createClearedMultipleSelectValue(value) {
            if (!Array.isArray(value))
              return [];
            if (wrappedFallbackOptionRef.value) {
              return Array.from(value);
            } else {
              const {
                remote
              } = props;
              const {
                value: valOptMap
              } = valOptMapRef;
              if (remote) {
                const {
                  value: memoValOptMap
                } = memoValOptMapRef;
                return value.filter((v) => valOptMap.has(v) || memoValOptMap.has(v));
              } else {
                return value.filter((v) => valOptMap.has(v));
              }
            }
          }
          function handleToggleByTmNode(tmNode) {
            handleToggleByOption(tmNode.rawNode);
          }
          function handleToggleByOption(option) {
            if (mergedDisabledRef.value)
              return;
            const {
              tag,
              remote,
              clearFilterAfterSelect,
              valueField
            } = props;
            if (tag && !remote) {
              const {
                value: beingCreatedOptions
              } = beingCreatedOptionsRef;
              const beingCreatedOption = beingCreatedOptions[0] || null;
              if (beingCreatedOption) {
                const createdOptions = createdOptionsRef.value;
                if (!createdOptions.length) {
                  createdOptionsRef.value = [beingCreatedOption];
                } else {
                  createdOptions.push(beingCreatedOption);
                }
                beingCreatedOptionsRef.value = emptyArray;
              }
            }
            if (remote) {
              memoValOptMapRef.value.set(option[valueField], option);
            }
            if (props.multiple) {
              const changedValue = createClearedMultipleSelectValue(mergedValueRef.value);
              const index = changedValue.findIndex((value) => value === option[valueField]);
              if (~index) {
                changedValue.splice(index, 1);
                if (tag && !remote) {
                  const createdOptionIndex = getCreatedOptionIndex(option[valueField]);
                  if (~createdOptionIndex) {
                    createdOptionsRef.value.splice(createdOptionIndex, 1);
                    if (clearFilterAfterSelect)
                      patternRef.value = "";
                  }
                }
              } else {
                changedValue.push(option[valueField]);
                if (clearFilterAfterSelect)
                  patternRef.value = "";
              }
              doUpdateValue(changedValue, getMergedOptions(changedValue));
            } else {
              if (tag && !remote) {
                const createdOptionIndex = getCreatedOptionIndex(option[valueField]);
                if (~createdOptionIndex) {
                  createdOptionsRef.value = [createdOptionsRef.value[createdOptionIndex]];
                } else {
                  createdOptionsRef.value = emptyArray;
                }
              }
              focusSelection();
              closeMenu();
              doUpdateValue(option[valueField], option);
            }
          }
          function getCreatedOptionIndex(optionValue) {
            const createdOptions = createdOptionsRef.value;
            return createdOptions.findIndex((createdOption) => createdOption[props.valueField] === optionValue);
          }
          function handlePatternInput(e) {
            if (!mergedShowRef.value) {
              openMenu();
            }
            const {
              value
            } = e.target;
            patternRef.value = value;
            const {
              tag,
              remote
            } = props;
            doSearch(value);
            if (tag && !remote) {
              if (!value) {
                beingCreatedOptionsRef.value = emptyArray;
                return;
              }
              const {
                onCreate
              } = props;
              const optionBeingCreated = onCreate ? onCreate(value) : {
                [props.labelField]: value,
                [props.valueField]: value
              };
              const {
                valueField,
                labelField
              } = props;
              if (compitableOptionsRef.value.some((option) => {
                return option[valueField] === optionBeingCreated[valueField] || option[labelField] === optionBeingCreated[labelField];
              }) || createdOptionsRef.value.some((option) => {
                return option[valueField] === optionBeingCreated[valueField] || option[labelField] === optionBeingCreated[labelField];
              })) {
                beingCreatedOptionsRef.value = emptyArray;
              } else {
                beingCreatedOptionsRef.value = [optionBeingCreated];
              }
            }
          }
          function handleClear(e) {
            e.stopPropagation();
            const {
              multiple
            } = props;
            if (!multiple && props.filterable) {
              closeMenu();
            }
            doClear();
            if (multiple) {
              doUpdateValue([], []);
            } else {
              doUpdateValue(null, null);
            }
          }
          function handleMenuMousedown(e) {
            if (!happensIn(e, "action") && !happensIn(e, "empty"))
              e.preventDefault();
          }
          function handleMenuScroll(e) {
            doScroll(e);
          }
          function handleKeydown(e) {
            var _a, _b, _c, _d, _e;
            if (!props.keyboard) {
              e.preventDefault();
              return;
            }
            switch (e.key) {
              case " ":
                if (props.filterable)
                  break;
                else {
                  e.preventDefault();
                }
              case "Enter":
                if (!((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.isComposing)) {
                  if (mergedShowRef.value) {
                    const pendingTmNode = (_b = menuRef.value) === null || _b === void 0 ? void 0 : _b.getPendingTmNode();
                    if (pendingTmNode) {
                      handleToggleByTmNode(pendingTmNode);
                    } else if (!props.filterable) {
                      closeMenu();
                      focusSelection();
                    }
                  } else {
                    openMenu();
                    if (props.tag && activeWithoutMenuOpenRef.value) {
                      const beingCreatedOption = beingCreatedOptionsRef.value[0];
                      if (beingCreatedOption) {
                        const optionValue = beingCreatedOption[props.valueField];
                        const {
                          value: mergedValue
                        } = mergedValueRef;
                        if (props.multiple) {
                          if (Array.isArray(mergedValue) && mergedValue.some((value) => value === optionValue))
                            ;
                          else {
                            handleToggleByOption(beingCreatedOption);
                          }
                        } else {
                          handleToggleByOption(beingCreatedOption);
                        }
                      }
                    }
                  }
                }
                e.preventDefault();
                break;
              case "ArrowUp":
                e.preventDefault();
                if (props.loading)
                  return;
                if (mergedShowRef.value) {
                  (_c = menuRef.value) === null || _c === void 0 ? void 0 : _c.prev();
                }
                break;
              case "ArrowDown":
                e.preventDefault();
                if (props.loading)
                  return;
                if (mergedShowRef.value) {
                  (_d = menuRef.value) === null || _d === void 0 ? void 0 : _d.next();
                } else {
                  openMenu();
                }
                break;
              case "Escape":
                if (mergedShowRef.value) {
                  markEventEffectPerformed(e);
                  closeMenu();
                }
                (_e = triggerRef.value) === null || _e === void 0 ? void 0 : _e.focus();
                break;
            }
          }
          function focusSelection() {
            var _a;
            (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focus();
          }
          function focusSelectionInput() {
            var _a;
            (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focusInput();
          }
          function handleTriggerOrMenuResize() {
            var _a;
            if (!mergedShowRef.value)
              return;
            (_a = followerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          updateMemorizedOptions();
          vue.watch(vue.toRef(props, "options"), updateMemorizedOptions);
          const exposedMethods = {
            focus: () => {
              var _a;
              (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            focusInput: () => {
              var _a;
              (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focusInput();
            },
            blur: () => {
              var _a;
              (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            },
            blurInput: () => {
              var _a;
              (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.blurInput();
            }
          };
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                menuBoxShadow
              }
            } = themeRef.value;
            return {
              "--n-menu-box-shadow": menuBoxShadow
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("select", void 0, cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exposedMethods), {
            mergedStatus: mergedStatusRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            namespace: namespaceRef,
            treeMate: treeMateRef,
            isMounted: isMounted(),
            triggerRef,
            menuRef,
            pattern: patternRef,
            uncontrolledShow: uncontrolledShowRef,
            mergedShow: mergedShowRef,
            adjustedTo: useAdjustedTo(props),
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            followerRef,
            localizedPlaceholder: localizedPlaceholderRef,
            selectedOption: selectedOptionRef,
            selectedOptions: selectedOptionsRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            focused: focusedRef,
            activeWithoutMenuOpen: activeWithoutMenuOpenRef,
            inlineThemeDisabled,
            onTriggerInputFocus,
            onTriggerInputBlur,
            handleTriggerOrMenuResize,
            handleMenuFocus,
            handleMenuBlur,
            handleMenuTabOut,
            handleTriggerClick,
            handleToggle: handleToggleByTmNode,
            handleDeleteOption: handleToggleByOption,
            handlePatternInput,
            handleClear,
            handleTriggerBlur,
            handleTriggerFocus,
            handleKeydown,
            handleMenuAfterLeave,
            handleMenuClickOutside,
            handleMenuScroll,
            handleMenuKeydown: handleKeydown,
            handleMenuMousedown,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          return vue.h("div", {
            class: `${this.mergedClsPrefix}-select`
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h(NInternalSelection, {
                ref: "triggerRef",
                inlineThemeDisabled: this.inlineThemeDisabled,
                status: this.mergedStatus,
                inputProps: this.inputProps,
                clsPrefix: this.mergedClsPrefix,
                showArrow: this.showArrow,
                maxTagCount: this.maxTagCount,
                ellipsisTagPopoverProps: this.ellipsisTagPopoverProps,
                bordered: this.mergedBordered,
                active: this.activeWithoutMenuOpen || this.mergedShow,
                pattern: this.pattern,
                placeholder: this.localizedPlaceholder,
                selectedOption: this.selectedOption,
                selectedOptions: this.selectedOptions,
                multiple: this.multiple,
                renderTag: this.renderTag,
                renderLabel: this.renderLabel,
                filterable: this.filterable,
                clearable: this.clearable,
                disabled: this.mergedDisabled,
                size: this.mergedSize,
                theme: this.mergedTheme.peers.InternalSelection,
                labelField: this.labelField,
                valueField: this.valueField,
                themeOverrides: this.mergedTheme.peerOverrides.InternalSelection,
                loading: this.loading,
                focused: this.focused,
                onClick: this.handleTriggerClick,
                onDeleteOption: this.handleDeleteOption,
                onPatternInput: this.handlePatternInput,
                onClear: this.handleClear,
                onBlur: this.handleTriggerBlur,
                onFocus: this.handleTriggerFocus,
                onKeydown: this.handleKeydown,
                onPatternBlur: this.onTriggerInputBlur,
                onPatternFocus: this.onTriggerInputFocus,
                onResize: this.handleTriggerOrMenuResize,
                ignoreComposition: this.ignoreComposition
              }, {
                arrow: () => {
                  var _a, _b;
                  return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)];
                }
              })
            }), vue.h(VFollower, {
              ref: "followerRef",
              show: this.mergedShow,
              to: this.adjustedTo,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              containerClass: this.namespace,
              width: this.consistentMenuWidth ? "target" : void 0,
              minWidth: "target",
              placement: this.placement
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted,
                onAfterLeave: this.handleMenuAfterLeave
              }, {
                default: () => {
                  var _a, _b, _c;
                  if (!(this.mergedShow || this.displayDirective === "show")) {
                    return null;
                  }
                  (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                  return vue.withDirectives(vue.h(NInternalSelectMenu, Object.assign({}, this.menuProps, {
                    ref: "menuRef",
                    onResize: this.handleTriggerOrMenuResize,
                    inlineThemeDisabled: this.inlineThemeDisabled,
                    virtualScroll: this.consistentMenuWidth && this.virtualScroll,
                    class: [`${this.mergedClsPrefix}-select-menu`, this.themeClass, (_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.class],
                    clsPrefix: this.mergedClsPrefix,
                    focusable: true,
                    labelField: this.labelField,
                    valueField: this.valueField,
                    autoPending: true,
                    nodeProps: this.nodeProps,
                    theme: this.mergedTheme.peers.InternalSelectMenu,
                    themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu,
                    treeMate: this.treeMate,
                    multiple: this.multiple,
                    size: "medium",
                    renderOption: this.renderOption,
                    renderLabel: this.renderLabel,
                    value: this.mergedValue,
                    style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars],
                    onToggle: this.handleToggle,
                    onScroll: this.handleMenuScroll,
                    onFocus: this.handleMenuFocus,
                    onBlur: this.handleMenuBlur,
                    onKeydown: this.handleMenuKeydown,
                    onTabOut: this.handleMenuTabOut,
                    onMousedown: this.handleMenuMousedown,
                    show: this.mergedShow,
                    showCheckmark: this.showCheckmark,
                    resetMenuOnOptionsChange: this.resetMenuOnOptionsChange
                  }), {
                    empty: () => {
                      var _a2, _b2;
                      return [(_b2 = (_a2 = this.$slots).empty) === null || _b2 === void 0 ? void 0 : _b2.call(_a2)];
                    },
                    header: () => {
                      var _a2, _b2;
                      return [(_b2 = (_a2 = this.$slots).header) === null || _b2 === void 0 ? void 0 : _b2.call(_a2)];
                    },
                    action: () => {
                      var _a2, _b2;
                      return [(_b2 = (_a2 = this.$slots).action) === null || _b2 === void 0 ? void 0 : _b2.call(_a2)];
                    }
                  }), this.displayDirective === "show" ? [[vue.vShow, this.mergedShow], [clickoutside, this.handleMenuClickOutside, void 0, {
                    capture: true
                  }]] : [[clickoutside, this.handleMenuClickOutside, void 0, {
                    capture: true
                  }]]);
                }
              })
            })]
          }));
        }
      });
      const commonVariables$b = {
        itemPaddingSmall: "0 4px",
        itemMarginSmall: "0 0 0 8px",
        itemMarginSmallRtl: "0 8px 0 0",
        itemPaddingMedium: "0 4px",
        itemMarginMedium: "0 0 0 8px",
        itemMarginMediumRtl: "0 8px 0 0",
        itemPaddingLarge: "0 4px",
        itemMarginLarge: "0 0 0 8px",
        itemMarginLargeRtl: "0 8px 0 0",
        buttonIconSizeSmall: "14px",
        buttonIconSizeMedium: "16px",
        buttonIconSizeLarge: "18px",
        inputWidthSmall: "60px",
        selectWidthSmall: "unset",
        inputMarginSmall: "0 0 0 8px",
        inputMarginSmallRtl: "0 8px 0 0",
        selectMarginSmall: "0 0 0 8px",
        prefixMarginSmall: "0 8px 0 0",
        suffixMarginSmall: "0 0 0 8px",
        inputWidthMedium: "60px",
        selectWidthMedium: "unset",
        inputMarginMedium: "0 0 0 8px",
        inputMarginMediumRtl: "0 8px 0 0",
        selectMarginMedium: "0 0 0 8px",
        prefixMarginMedium: "0 8px 0 0",
        suffixMarginMedium: "0 0 0 8px",
        inputWidthLarge: "60px",
        selectWidthLarge: "unset",
        inputMarginLarge: "0 0 0 8px",
        inputMarginLargeRtl: "0 8px 0 0",
        selectMarginLarge: "0 0 0 8px",
        prefixMarginLarge: "0 8px 0 0",
        suffixMarginLarge: "0 0 0 8px"
      };
      const self$S = (vars) => {
        const {
          textColor2,
          primaryColor,
          primaryColorHover,
          primaryColorPressed,
          inputColorDisabled,
          textColorDisabled,
          borderColor,
          borderRadius,
          // item font size
          fontSizeTiny,
          fontSizeSmall,
          fontSizeMedium,
          // item size
          heightTiny,
          heightSmall,
          heightMedium
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$b), {
          buttonColor: "#0000",
          buttonColorHover: "#0000",
          buttonColorPressed: "#0000",
          buttonBorder: `1px solid ${borderColor}`,
          buttonBorderHover: `1px solid ${borderColor}`,
          buttonBorderPressed: `1px solid ${borderColor}`,
          buttonIconColor: textColor2,
          buttonIconColorHover: textColor2,
          buttonIconColorPressed: textColor2,
          itemTextColor: textColor2,
          itemTextColorHover: primaryColorHover,
          itemTextColorPressed: primaryColorPressed,
          itemTextColorActive: primaryColor,
          itemTextColorDisabled: textColorDisabled,
          itemColor: "#0000",
          itemColorHover: "#0000",
          itemColorPressed: "#0000",
          itemColorActive: "#0000",
          itemColorActiveHover: "#0000",
          itemColorDisabled: inputColorDisabled,
          itemBorder: "1px solid #0000",
          itemBorderHover: "1px solid #0000",
          itemBorderPressed: "1px solid #0000",
          itemBorderActive: `1px solid ${primaryColor}`,
          itemBorderDisabled: `1px solid ${borderColor}`,
          itemBorderRadius: borderRadius,
          itemSizeSmall: heightTiny,
          itemSizeMedium: heightSmall,
          itemSizeLarge: heightMedium,
          itemFontSizeSmall: fontSizeTiny,
          itemFontSizeMedium: fontSizeSmall,
          itemFontSizeLarge: fontSizeMedium,
          jumperFontSizeSmall: fontSizeTiny,
          jumperFontSizeMedium: fontSizeSmall,
          jumperFontSizeLarge: fontSizeMedium,
          jumperTextColor: textColor2,
          jumperTextColorDisabled: textColorDisabled
        });
      };
      const paginationLight = createTheme({
        name: "Pagination",
        common: derived,
        peers: {
          Select: selectLight,
          Input: inputLight,
          Popselect: popselectLight
        },
        self: self$S
      });
      const getDefaultPageSize = (paginationProps2) => {
        var _a;
        if (!paginationProps2)
          return 10;
        const {
          defaultPageSize
        } = paginationProps2;
        if (defaultPageSize !== void 0)
          return defaultPageSize;
        const pageSizeOption = (_a = paginationProps2.pageSizes) === null || _a === void 0 ? void 0 : _a[0];
        if (typeof pageSizeOption === "number")
          return pageSizeOption;
        return (pageSizeOption === null || pageSizeOption === void 0 ? void 0 : pageSizeOption.value) || 10;
      };
      function createPageItemsInfo(currentPage, pageCount, pageSlot, showQuickJumpDropdown) {
        let hasFastBackward = false;
        let hasFastForward = false;
        let fastBackwardTo = 1;
        let fastForwardTo = pageCount;
        if (pageCount === 1) {
          return {
            hasFastBackward: false,
            hasFastForward: false,
            fastForwardTo,
            fastBackwardTo,
            items: [{
              type: "page",
              label: 1,
              active: currentPage === 1,
              mayBeFastBackward: false,
              mayBeFastForward: false
            }]
          };
        }
        if (pageCount === 2) {
          return {
            hasFastBackward: false,
            hasFastForward: false,
            fastForwardTo,
            fastBackwardTo,
            items: [{
              type: "page",
              label: 1,
              active: currentPage === 1,
              mayBeFastBackward: false,
              mayBeFastForward: false
            }, {
              type: "page",
              label: 2,
              active: currentPage === 2,
              mayBeFastBackward: true,
              mayBeFastForward: false
            }]
          };
        }
        const firstPage = 1;
        const lastPage = pageCount;
        let middleStart = currentPage;
        let middleEnd = currentPage;
        const middleDelta = (pageSlot - 5) / 2;
        middleEnd += Math.ceil(middleDelta);
        middleEnd = Math.min(Math.max(middleEnd, firstPage + pageSlot - 3), lastPage - 2);
        middleStart -= Math.floor(middleDelta);
        middleStart = Math.max(Math.min(middleStart, lastPage - pageSlot + 3), firstPage + 2);
        let leftSplit = false;
        let rightSplit = false;
        if (middleStart > firstPage + 2)
          leftSplit = true;
        if (middleEnd < lastPage - 2)
          rightSplit = true;
        const items = [];
        items.push({
          type: "page",
          label: 1,
          active: currentPage === 1,
          mayBeFastBackward: false,
          mayBeFastForward: false
        });
        if (leftSplit) {
          hasFastBackward = true;
          fastBackwardTo = middleStart - 1;
          items.push({
            type: "fast-backward",
            active: false,
            label: void 0,
            options: showQuickJumpDropdown ? createRange(firstPage + 1, middleStart - 1) : null
          });
        } else if (lastPage >= firstPage + 1) {
          items.push({
            type: "page",
            label: firstPage + 1,
            mayBeFastBackward: true,
            mayBeFastForward: false,
            active: currentPage === firstPage + 1
          });
        }
        for (let i = middleStart; i <= middleEnd; ++i) {
          items.push({
            type: "page",
            label: i,
            mayBeFastBackward: false,
            mayBeFastForward: false,
            active: currentPage === i
          });
        }
        if (rightSplit) {
          hasFastForward = true;
          fastForwardTo = middleEnd + 1;
          items.push({
            type: "fast-forward",
            active: false,
            label: void 0,
            options: showQuickJumpDropdown ? createRange(middleEnd + 1, lastPage - 1) : null
          });
        } else if (middleEnd === lastPage - 2 && items[items.length - 1].label !== lastPage - 1) {
          items.push({
            type: "page",
            mayBeFastForward: true,
            mayBeFastBackward: false,
            label: lastPage - 1,
            active: currentPage === lastPage - 1
          });
        }
        if (items[items.length - 1].label !== lastPage) {
          items.push({
            type: "page",
            mayBeFastForward: false,
            mayBeFastBackward: false,
            label: lastPage,
            active: currentPage === lastPage
          });
        }
        return {
          hasFastBackward,
          hasFastForward,
          fastBackwardTo,
          fastForwardTo,
          items
        };
      }
      function createRange(from, to) {
        const range2 = [];
        for (let i = from; i <= to; ++i) {
          range2.push({
            label: `${i}`,
            value: i
          });
        }
        return range2;
      }
      const hoverStyleProps = `
 background: var(--n-item-color-hover);
 color: var(--n-item-text-color-hover);
 border: var(--n-item-border-hover);
`;
      const hoverStyleChildren$1 = [cM("button", `
 background: var(--n-button-color-hover);
 border: var(--n-button-border-hover);
 color: var(--n-button-icon-color-hover);
 `)];
      const style$11 = cB("pagination", `
 display: flex;
 vertical-align: middle;
 font-size: var(--n-item-font-size);
 flex-wrap: nowrap;
`, [cB("pagination-prefix", `
 display: flex;
 align-items: center;
 margin: var(--n-prefix-margin);
 `), cB("pagination-suffix", `
 display: flex;
 align-items: center;
 margin: var(--n-suffix-margin);
 `), c$1("> *:not(:first-child)", `
 margin: var(--n-item-margin);
 `), cB("select", `
 width: var(--n-select-width);
 `), c$1("&.transition-disabled", [cB("pagination-item", "transition: none!important;")]), cB("pagination-quick-jumper", `
 white-space: nowrap;
 display: flex;
 color: var(--n-jumper-text-color);
 transition: color .3s var(--n-bezier);
 align-items: center;
 font-size: var(--n-jumper-font-size);
 `, [cB("input", `
 margin: var(--n-input-margin);
 width: var(--n-input-width);
 `)]), cB("pagination-item", `
 position: relative;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 min-width: var(--n-item-size);
 height: var(--n-item-size);
 padding: var(--n-item-padding);
 background-color: var(--n-item-color);
 color: var(--n-item-text-color);
 border-radius: var(--n-item-border-radius);
 border: var(--n-item-border);
 fill: var(--n-button-icon-color);
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 fill .3s var(--n-bezier);
 `, [cM("button", `
 background: var(--n-button-color);
 color: var(--n-button-icon-color);
 border: var(--n-button-border);
 padding: 0;
 `, [cB("base-icon", `
 font-size: var(--n-button-icon-size);
 `)]), cNotM("disabled", [cM("hover", hoverStyleProps, hoverStyleChildren$1), c$1("&:hover", hoverStyleProps, hoverStyleChildren$1), c$1("&:active", `
 background: var(--n-item-color-pressed);
 color: var(--n-item-text-color-pressed);
 border: var(--n-item-border-pressed);
 `, [cM("button", `
 background: var(--n-button-color-pressed);
 border: var(--n-button-border-pressed);
 color: var(--n-button-icon-color-pressed);
 `)]), cM("active", `
 background: var(--n-item-color-active);
 color: var(--n-item-text-color-active);
 border: var(--n-item-border-active);
 `, [c$1("&:hover", `
 background: var(--n-item-color-active-hover);
 `)])]), cM("disabled", `
 cursor: not-allowed;
 color: var(--n-item-text-color-disabled);
 `, [cM("active, button", `
 background-color: var(--n-item-color-disabled);
 border: var(--n-item-border-disabled);
 `)])]), cM("disabled", `
 cursor: not-allowed;
 `, [cB("pagination-quick-jumper", `
 color: var(--n-jumper-text-color-disabled);
 `)]), cM("simple", `
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 `, [cB("pagination-quick-jumper", [cB("input", `
 margin: 0;
 `)])])]);
      const paginationProps = Object.assign(Object.assign({}, useTheme.props), {
        simple: Boolean,
        page: Number,
        defaultPage: {
          type: Number,
          default: 1
        },
        itemCount: Number,
        pageCount: Number,
        defaultPageCount: {
          type: Number,
          default: 1
        },
        showSizePicker: Boolean,
        pageSize: Number,
        defaultPageSize: Number,
        pageSizes: {
          type: Array,
          default() {
            return [10];
          }
        },
        showQuickJumper: Boolean,
        size: {
          type: String,
          default: "medium"
        },
        disabled: Boolean,
        pageSlot: {
          type: Number,
          default: 9
        },
        selectProps: Object,
        prev: Function,
        next: Function,
        goto: Function,
        prefix: Function,
        suffix: Function,
        label: Function,
        displayOrder: {
          type: Array,
          default: ["pages", "size-picker", "quick-jumper"]
        },
        to: useAdjustedTo.propTo,
        showQuickJumpDropdown: {
          type: Boolean,
          default: true
        },
        "onUpdate:page": [Function, Array],
        onUpdatePage: [Function, Array],
        "onUpdate:pageSize": [Function, Array],
        onUpdatePageSize: [Function, Array],
        /** @deprecated */
        onPageSizeChange: [Function, Array],
        /** @deprecated */
        onChange: [Function, Array]
      });
      const NPagination = vue.defineComponent({
        name: "Pagination",
        props: paginationProps,
        setup(props) {
          const {
            mergedComponentPropsRef,
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Pagination", "-pagination", style$11, paginationLight, props, mergedClsPrefixRef);
          const {
            localeRef
          } = useLocale("Pagination");
          const selfRef = vue.ref(null);
          const uncontrolledPageRef = vue.ref(props.defaultPage);
          const uncontrolledPageSizeRef = vue.ref(getDefaultPageSize(props));
          const mergedPageRef = useMergedState(vue.toRef(props, "page"), uncontrolledPageRef);
          const mergedPageSizeRef = useMergedState(vue.toRef(props, "pageSize"), uncontrolledPageSizeRef);
          const mergedPageCountRef = vue.computed(() => {
            const {
              itemCount
            } = props;
            if (itemCount !== void 0) {
              return Math.max(1, Math.ceil(itemCount / mergedPageSizeRef.value));
            }
            const {
              pageCount
            } = props;
            if (pageCount !== void 0)
              return Math.max(pageCount, 1);
            return 1;
          });
          const jumperValueRef = vue.ref("");
          vue.watchEffect(() => {
            void props.simple;
            jumperValueRef.value = String(mergedPageRef.value);
          });
          const fastForwardActiveRef = vue.ref(false);
          const fastBackwardActiveRef = vue.ref(false);
          const showFastForwardMenuRef = vue.ref(false);
          const showFastBackwardMenuRef = vue.ref(false);
          const handleFastForwardMouseenter = () => {
            if (props.disabled)
              return;
            fastForwardActiveRef.value = true;
            disableTransitionOneTick();
          };
          const handleFastForwardMouseleave = () => {
            if (props.disabled)
              return;
            fastForwardActiveRef.value = false;
            disableTransitionOneTick();
          };
          const handleFastBackwardMouseenter = () => {
            fastBackwardActiveRef.value = true;
            disableTransitionOneTick();
          };
          const handleFastBackwardMouseleave = () => {
            fastBackwardActiveRef.value = false;
            disableTransitionOneTick();
          };
          const handleMenuSelect = (value) => {
            doUpdatePage(value);
          };
          const pageItemsInfo = vue.computed(() => createPageItemsInfo(mergedPageRef.value, mergedPageCountRef.value, props.pageSlot, props.showQuickJumpDropdown));
          vue.watchEffect(() => {
            if (!pageItemsInfo.value.hasFastBackward) {
              fastBackwardActiveRef.value = false;
              showFastBackwardMenuRef.value = false;
            } else if (!pageItemsInfo.value.hasFastForward) {
              fastForwardActiveRef.value = false;
              showFastForwardMenuRef.value = false;
            }
          });
          const pageSizeOptionsRef = vue.computed(() => {
            const suffix2 = localeRef.value.selectionSuffix;
            return props.pageSizes.map((size2) => {
              if (typeof size2 === "number") {
                return {
                  label: `${size2} / ${suffix2}`,
                  value: size2
                };
              } else {
                return size2;
              }
            });
          });
          const inputSizeRef = vue.computed(() => {
            var _a, _b;
            return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.inputSize) || smallerSize(props.size);
          });
          const selectSizeRef = vue.computed(() => {
            var _a, _b;
            return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Pagination) === null || _b === void 0 ? void 0 : _b.selectSize) || smallerSize(props.size);
          });
          const startIndexRef = vue.computed(() => {
            return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
          });
          const endIndexRef = vue.computed(() => {
            const endIndex = mergedPageRef.value * mergedPageSizeRef.value - 1;
            const {
              itemCount
            } = props;
            if (itemCount !== void 0) {
              return endIndex > itemCount - 1 ? itemCount - 1 : endIndex;
            }
            return endIndex;
          });
          const mergedItemCountRef = vue.computed(() => {
            const {
              itemCount
            } = props;
            if (itemCount !== void 0)
              return itemCount;
            return (props.pageCount || 1) * mergedPageSizeRef.value;
          });
          const rtlEnabledRef = useRtl("Pagination", mergedRtlRef, mergedClsPrefixRef);
          const disableTransitionOneTick = () => {
            void vue.nextTick(() => {
              var _a;
              const {
                value: selfEl
              } = selfRef;
              if (!selfEl)
                return;
              selfEl.classList.add("transition-disabled");
              void ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.offsetWidth);
              selfEl.classList.remove("transition-disabled");
            });
          };
          function doUpdatePage(page) {
            if (page === mergedPageRef.value)
              return;
            const {
              "onUpdate:page": _onUpdatePage,
              onUpdatePage,
              onChange,
              simple
            } = props;
            if (_onUpdatePage)
              call(_onUpdatePage, page);
            if (onUpdatePage)
              call(onUpdatePage, page);
            if (onChange)
              call(onChange, page);
            uncontrolledPageRef.value = page;
            if (simple) {
              jumperValueRef.value = String(page);
            }
          }
          function doUpdatePageSize(pageSize) {
            if (pageSize === mergedPageSizeRef.value)
              return;
            const {
              "onUpdate:pageSize": _onUpdatePageSize,
              onUpdatePageSize,
              onPageSizeChange
            } = props;
            if (_onUpdatePageSize)
              call(_onUpdatePageSize, pageSize);
            if (onUpdatePageSize)
              call(onUpdatePageSize, pageSize);
            if (onPageSizeChange)
              call(onPageSizeChange, pageSize);
            uncontrolledPageSizeRef.value = pageSize;
            if (mergedPageCountRef.value < mergedPageRef.value) {
              doUpdatePage(mergedPageCountRef.value);
            }
          }
          function forward() {
            if (props.disabled)
              return;
            const page = Math.min(mergedPageRef.value + 1, mergedPageCountRef.value);
            doUpdatePage(page);
          }
          function backward() {
            if (props.disabled)
              return;
            const page = Math.max(mergedPageRef.value - 1, 1);
            doUpdatePage(page);
          }
          function fastForward() {
            if (props.disabled)
              return;
            const page = Math.min(pageItemsInfo.value.fastForwardTo, mergedPageCountRef.value);
            doUpdatePage(page);
          }
          function fastBackward() {
            if (props.disabled)
              return;
            const page = Math.max(pageItemsInfo.value.fastBackwardTo, 1);
            doUpdatePage(page);
          }
          function handleSizePickerChange(value) {
            doUpdatePageSize(value);
          }
          function doQuickJump() {
            const page = parseInt(jumperValueRef.value);
            if (Number.isNaN(page))
              return;
            doUpdatePage(Math.max(1, Math.min(page, mergedPageCountRef.value)));
            if (!props.simple) {
              jumperValueRef.value = "";
            }
          }
          function handleQuickJumperChange() {
            doQuickJump();
          }
          function handlePageItemClick(pageItem) {
            if (props.disabled)
              return;
            switch (pageItem.type) {
              case "page":
                doUpdatePage(pageItem.label);
                break;
              case "fast-backward":
                fastBackward();
                break;
              case "fast-forward":
                fastForward();
                break;
            }
          }
          function handleJumperInput(value) {
            jumperValueRef.value = value.replace(/\D+/g, "");
          }
          vue.watchEffect(() => {
            void mergedPageRef.value;
            void mergedPageSizeRef.value;
            disableTransitionOneTick();
          });
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              self: {
                buttonBorder,
                buttonBorderHover,
                buttonBorderPressed,
                buttonIconColor,
                buttonIconColorHover,
                buttonIconColorPressed,
                itemTextColor,
                itemTextColorHover,
                itemTextColorPressed,
                itemTextColorActive,
                itemTextColorDisabled,
                itemColor,
                itemColorHover,
                itemColorPressed,
                itemColorActive,
                itemColorActiveHover,
                itemColorDisabled,
                itemBorder,
                itemBorderHover,
                itemBorderPressed,
                itemBorderActive,
                itemBorderDisabled,
                itemBorderRadius,
                jumperTextColor,
                jumperTextColorDisabled,
                buttonColor,
                buttonColorHover,
                buttonColorPressed,
                [createKey("itemPadding", size2)]: itemPadding,
                [createKey("itemMargin", size2)]: itemMargin,
                [createKey("inputWidth", size2)]: inputWidth,
                [createKey("selectWidth", size2)]: selectWidth,
                [createKey("inputMargin", size2)]: inputMargin,
                [createKey("selectMargin", size2)]: selectMargin,
                [createKey("jumperFontSize", size2)]: jumperFontSize,
                [createKey("prefixMargin", size2)]: prefixMargin,
                [createKey("suffixMargin", size2)]: suffixMargin,
                [createKey("itemSize", size2)]: itemSize,
                [createKey("buttonIconSize", size2)]: buttonIconSize,
                [createKey("itemFontSize", size2)]: itemFontSize,
                [`${createKey("itemMargin", size2)}Rtl`]: itemMarginRtl,
                [`${createKey("inputMargin", size2)}Rtl`]: inputMarginRtl
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-prefix-margin": prefixMargin,
              "--n-suffix-margin": suffixMargin,
              "--n-item-font-size": itemFontSize,
              "--n-select-width": selectWidth,
              "--n-select-margin": selectMargin,
              "--n-input-width": inputWidth,
              "--n-input-margin": inputMargin,
              "--n-input-margin-rtl": inputMarginRtl,
              "--n-item-size": itemSize,
              "--n-item-text-color": itemTextColor,
              "--n-item-text-color-disabled": itemTextColorDisabled,
              "--n-item-text-color-hover": itemTextColorHover,
              "--n-item-text-color-active": itemTextColorActive,
              "--n-item-text-color-pressed": itemTextColorPressed,
              "--n-item-color": itemColor,
              "--n-item-color-hover": itemColorHover,
              "--n-item-color-disabled": itemColorDisabled,
              "--n-item-color-active": itemColorActive,
              "--n-item-color-active-hover": itemColorActiveHover,
              "--n-item-color-pressed": itemColorPressed,
              "--n-item-border": itemBorder,
              "--n-item-border-hover": itemBorderHover,
              "--n-item-border-disabled": itemBorderDisabled,
              "--n-item-border-active": itemBorderActive,
              "--n-item-border-pressed": itemBorderPressed,
              "--n-item-padding": itemPadding,
              "--n-item-border-radius": itemBorderRadius,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-jumper-font-size": jumperFontSize,
              "--n-jumper-text-color": jumperTextColor,
              "--n-jumper-text-color-disabled": jumperTextColorDisabled,
              "--n-item-margin": itemMargin,
              "--n-item-margin-rtl": itemMarginRtl,
              "--n-button-icon-size": buttonIconSize,
              "--n-button-icon-color": buttonIconColor,
              "--n-button-icon-color-hover": buttonIconColorHover,
              "--n-button-icon-color-pressed": buttonIconColorPressed,
              "--n-button-color-hover": buttonColorHover,
              "--n-button-color": buttonColor,
              "--n-button-color-pressed": buttonColorPressed,
              "--n-button-border": buttonBorder,
              "--n-button-border-hover": buttonBorderHover,
              "--n-button-border-pressed": buttonBorderPressed
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("pagination", vue.computed(() => {
            let hash = "";
            const {
              size: size2
            } = props;
            hash += size2[0];
            return hash;
          }), cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            locale: localeRef,
            selfRef,
            mergedPage: mergedPageRef,
            pageItems: vue.computed(() => {
              return pageItemsInfo.value.items;
            }),
            mergedItemCount: mergedItemCountRef,
            jumperValue: jumperValueRef,
            pageSizeOptions: pageSizeOptionsRef,
            mergedPageSize: mergedPageSizeRef,
            inputSize: inputSizeRef,
            selectSize: selectSizeRef,
            mergedTheme: themeRef,
            mergedPageCount: mergedPageCountRef,
            startIndex: startIndexRef,
            endIndex: endIndexRef,
            showFastForwardMenu: showFastForwardMenuRef,
            showFastBackwardMenu: showFastBackwardMenuRef,
            fastForwardActive: fastForwardActiveRef,
            fastBackwardActive: fastBackwardActiveRef,
            handleMenuSelect,
            handleFastForwardMouseenter,
            handleFastForwardMouseleave,
            handleFastBackwardMouseenter,
            handleFastBackwardMouseleave,
            handleJumperInput,
            handleBackwardClick: backward,
            handleForwardClick: forward,
            handlePageItemClick,
            handleSizePickerChange,
            handleQuickJumperChange,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            $slots,
            mergedClsPrefix,
            disabled,
            cssVars,
            mergedPage,
            mergedPageCount,
            pageItems,
            showSizePicker,
            showQuickJumper,
            mergedTheme,
            locale: locale2,
            inputSize,
            selectSize,
            mergedPageSize,
            pageSizeOptions,
            jumperValue,
            simple,
            prev,
            next,
            prefix: prefix2,
            suffix: suffix2,
            label,
            goto,
            handleJumperInput,
            handleSizePickerChange,
            handleBackwardClick,
            handlePageItemClick,
            handleForwardClick,
            handleQuickJumperChange,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const renderPrefix = $slots.prefix || prefix2;
          const renderSuffix = $slots.suffix || suffix2;
          const renderPrev = prev || $slots.prev;
          const renderNext = next || $slots.next;
          const renderLabel = label || $slots.label;
          return vue.h("div", {
            ref: "selfRef",
            class: [`${mergedClsPrefix}-pagination`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-pagination--rtl`, disabled && `${mergedClsPrefix}-pagination--disabled`, simple && `${mergedClsPrefix}-pagination--simple`],
            style: cssVars
          }, renderPrefix ? vue.h("div", {
            class: `${mergedClsPrefix}-pagination-prefix`
          }, renderPrefix({
            page: mergedPage,
            pageSize: mergedPageSize,
            pageCount: mergedPageCount,
            startIndex: this.startIndex,
            endIndex: this.endIndex,
            itemCount: this.mergedItemCount
          })) : null, this.displayOrder.map((part) => {
            switch (part) {
              case "pages":
                return vue.h(vue.Fragment, null, vue.h("div", {
                  class: [`${mergedClsPrefix}-pagination-item`, !renderPrev && `${mergedClsPrefix}-pagination-item--button`, (mergedPage <= 1 || mergedPage > mergedPageCount || disabled) && `${mergedClsPrefix}-pagination-item--disabled`],
                  onClick: handleBackwardClick
                }, renderPrev ? renderPrev({
                  page: mergedPage,
                  pageSize: mergedPageSize,
                  pageCount: mergedPageCount,
                  startIndex: this.startIndex,
                  endIndex: this.endIndex,
                  itemCount: this.mergedItemCount
                }) : vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix
                }, {
                  default: () => this.rtlEnabled ? vue.h(ForwardIcon, null) : vue.h(BackwardIcon, null)
                })), simple ? vue.h(vue.Fragment, null, vue.h("div", {
                  class: `${mergedClsPrefix}-pagination-quick-jumper`
                }, vue.h(NInput, {
                  value: jumperValue,
                  onUpdateValue: handleJumperInput,
                  size: inputSize,
                  placeholder: "",
                  disabled,
                  theme: mergedTheme.peers.Input,
                  themeOverrides: mergedTheme.peerOverrides.Input,
                  onChange: handleQuickJumperChange
                })), " / ", mergedPageCount) : pageItems.map((pageItem, index) => {
                  let contentNode;
                  let onMouseenter;
                  let onMouseleave;
                  const {
                    type
                  } = pageItem;
                  switch (type) {
                    case "page":
                      const pageNode = pageItem.label;
                      if (renderLabel) {
                        contentNode = renderLabel({
                          type: "page",
                          node: pageNode,
                          active: pageItem.active
                        });
                      } else {
                        contentNode = pageNode;
                      }
                      break;
                    case "fast-forward":
                      const fastForwardNode = this.fastForwardActive ? vue.h(NBaseIcon, {
                        clsPrefix: mergedClsPrefix
                      }, {
                        default: () => this.rtlEnabled ? vue.h(FastBackwardIcon, null) : vue.h(FastForwardIcon, null)
                      }) : vue.h(NBaseIcon, {
                        clsPrefix: mergedClsPrefix
                      }, {
                        default: () => vue.h(MoreIcon, null)
                      });
                      if (renderLabel) {
                        contentNode = renderLabel({
                          type: "fast-forward",
                          node: fastForwardNode,
                          active: this.fastForwardActive || this.showFastForwardMenu
                        });
                      } else {
                        contentNode = fastForwardNode;
                      }
                      onMouseenter = this.handleFastForwardMouseenter;
                      onMouseleave = this.handleFastForwardMouseleave;
                      break;
                    case "fast-backward":
                      const fastBackwardNode = this.fastBackwardActive ? vue.h(NBaseIcon, {
                        clsPrefix: mergedClsPrefix
                      }, {
                        default: () => this.rtlEnabled ? vue.h(FastForwardIcon, null) : vue.h(FastBackwardIcon, null)
                      }) : vue.h(NBaseIcon, {
                        clsPrefix: mergedClsPrefix
                      }, {
                        default: () => vue.h(MoreIcon, null)
                      });
                      if (renderLabel) {
                        contentNode = renderLabel({
                          type: "fast-backward",
                          node: fastBackwardNode,
                          active: this.fastBackwardActive || this.showFastBackwardMenu
                        });
                      } else {
                        contentNode = fastBackwardNode;
                      }
                      onMouseenter = this.handleFastBackwardMouseenter;
                      onMouseleave = this.handleFastBackwardMouseleave;
                      break;
                  }
                  const itemNode = vue.h("div", {
                    key: index,
                    class: [`${mergedClsPrefix}-pagination-item`, pageItem.active && `${mergedClsPrefix}-pagination-item--active`, type !== "page" && (type === "fast-backward" && this.showFastBackwardMenu || type === "fast-forward" && this.showFastForwardMenu) && `${mergedClsPrefix}-pagination-item--hover`, disabled && `${mergedClsPrefix}-pagination-item--disabled`, type === "page" && `${mergedClsPrefix}-pagination-item--clickable`],
                    onClick: () => {
                      handlePageItemClick(pageItem);
                    },
                    onMouseenter,
                    onMouseleave
                  }, contentNode);
                  if (type === "page" && !pageItem.mayBeFastBackward && !pageItem.mayBeFastForward) {
                    return itemNode;
                  } else {
                    const key = pageItem.type === "page" ? pageItem.mayBeFastBackward ? "fast-backward" : "fast-forward" : pageItem.type;
                    if (pageItem.type !== "page" && !pageItem.options) {
                      return itemNode;
                    }
                    return vue.h(NPopselect, {
                      to: this.to,
                      key,
                      disabled,
                      trigger: "hover",
                      virtualScroll: true,
                      style: {
                        width: "60px"
                      },
                      theme: mergedTheme.peers.Popselect,
                      themeOverrides: mergedTheme.peerOverrides.Popselect,
                      builtinThemeOverrides: {
                        peers: {
                          InternalSelectMenu: {
                            height: "calc(var(--n-option-height) * 4.6)"
                          }
                        }
                      },
                      nodeProps: () => ({
                        style: {
                          justifyContent: "center"
                        }
                      }),
                      show: type === "page" ? false : type === "fast-backward" ? this.showFastBackwardMenu : this.showFastForwardMenu,
                      onUpdateShow: (value) => {
                        if (type === "page")
                          return;
                        if (value) {
                          if (type === "fast-backward") {
                            this.showFastBackwardMenu = value;
                          } else {
                            this.showFastForwardMenu = value;
                          }
                        } else {
                          this.showFastBackwardMenu = false;
                          this.showFastForwardMenu = false;
                        }
                      },
                      options: pageItem.type !== "page" && pageItem.options ? pageItem.options : [],
                      onUpdateValue: this.handleMenuSelect,
                      scrollable: true,
                      showCheckmark: false
                    }, {
                      default: () => itemNode
                    });
                  }
                }), vue.h("div", {
                  class: [`${mergedClsPrefix}-pagination-item`, !renderNext && `${mergedClsPrefix}-pagination-item--button`, {
                    [`${mergedClsPrefix}-pagination-item--disabled`]: mergedPage < 1 || mergedPage >= mergedPageCount || disabled
                  }],
                  onClick: handleForwardClick
                }, renderNext ? renderNext({
                  page: mergedPage,
                  pageSize: mergedPageSize,
                  pageCount: mergedPageCount,
                  itemCount: this.mergedItemCount,
                  startIndex: this.startIndex,
                  endIndex: this.endIndex
                }) : vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix
                }, {
                  default: () => this.rtlEnabled ? vue.h(BackwardIcon, null) : vue.h(ForwardIcon, null)
                })));
              case "size-picker": {
                return !simple && showSizePicker ? vue.h(NSelect, Object.assign({
                  consistentMenuWidth: false,
                  placeholder: "",
                  showCheckmark: false,
                  to: this.to
                }, this.selectProps, {
                  size: selectSize,
                  options: pageSizeOptions,
                  value: mergedPageSize,
                  disabled,
                  theme: mergedTheme.peers.Select,
                  themeOverrides: mergedTheme.peerOverrides.Select,
                  onUpdateValue: handleSizePickerChange
                })) : null;
              }
              case "quick-jumper":
                return !simple && showQuickJumper ? vue.h("div", {
                  class: `${mergedClsPrefix}-pagination-quick-jumper`
                }, goto ? goto() : resolveSlot(this.$slots.goto, () => [locale2.goto]), vue.h(NInput, {
                  value: jumperValue,
                  onUpdateValue: handleJumperInput,
                  size: inputSize,
                  placeholder: "",
                  disabled,
                  theme: mergedTheme.peers.Input,
                  themeOverrides: mergedTheme.peerOverrides.Input,
                  onChange: handleQuickJumperChange
                })) : null;
              default:
                return null;
            }
          }), renderSuffix ? vue.h("div", {
            class: `${mergedClsPrefix}-pagination-suffix`
          }, renderSuffix({
            page: mergedPage,
            pageSize: mergedPageSize,
            pageCount: mergedPageCount,
            startIndex: this.startIndex,
            endIndex: this.endIndex,
            itemCount: this.mergedItemCount
          })) : null);
        }
      });
      const commonVars$9 = {
        padding: "8px 14px"
      };
      const self$R = (vars) => {
        const {
          borderRadius,
          boxShadow2,
          baseColor
        } = vars;
        return Object.assign(Object.assign({}, commonVars$9), {
          borderRadius,
          boxShadow: boxShadow2,
          color: composite(baseColor, "rgba(0, 0, 0, .85)"),
          textColor: baseColor
        });
      };
      const tooltipLight = createTheme({
        name: "Tooltip",
        common: derived,
        peers: {
          Popover: popoverLight
        },
        self: self$R
      });
      const ellipsisLight = createTheme({
        name: "Ellipsis",
        common: derived,
        peers: {
          Tooltip: tooltipLight
        }
      });
      const commonVariables$a = {
        radioSizeSmall: "14px",
        radioSizeMedium: "16px",
        radioSizeLarge: "18px",
        labelPadding: "0 8px",
        labelFontWeight: "400"
      };
      const self$Q = (vars) => {
        const {
          borderColor,
          primaryColor,
          baseColor,
          textColorDisabled,
          inputColorDisabled,
          textColor2,
          opacityDisabled,
          borderRadius,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          heightSmall,
          heightMedium,
          heightLarge,
          lineHeight: lineHeight2
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$a), {
          labelLineHeight: lineHeight2,
          buttonHeightSmall: heightSmall,
          buttonHeightMedium: heightMedium,
          buttonHeightLarge: heightLarge,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          boxShadow: `inset 0 0 0 1px ${borderColor}`,
          boxShadowActive: `inset 0 0 0 1px ${primaryColor}`,
          boxShadowFocus: `inset 0 0 0 1px ${primaryColor}, 0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.2
        })}`,
          boxShadowHover: `inset 0 0 0 1px ${primaryColor}`,
          boxShadowDisabled: `inset 0 0 0 1px ${borderColor}`,
          color: baseColor,
          colorDisabled: inputColorDisabled,
          colorActive: "#0000",
          textColor: textColor2,
          textColorDisabled,
          dotColorActive: primaryColor,
          dotColorDisabled: borderColor,
          buttonBorderColor: borderColor,
          buttonBorderColorActive: primaryColor,
          buttonBorderColorHover: borderColor,
          buttonColor: baseColor,
          buttonColorActive: baseColor,
          buttonTextColor: textColor2,
          buttonTextColorActive: primaryColor,
          buttonTextColorHover: primaryColor,
          opacityDisabled,
          buttonBoxShadowFocus: `inset 0 0 0 1px ${primaryColor}, 0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.3
        })}`,
          buttonBoxShadowHover: "inset 0 0 0 1px #0000",
          buttonBoxShadow: "inset 0 0 0 1px #0000",
          buttonBorderRadius: borderRadius
        });
      };
      const radioLight = {
        name: "Radio",
        common: derived,
        self: self$Q
      };
      const commonVariables$9 = {
        padding: "4px 0",
        optionIconSizeSmall: "14px",
        optionIconSizeMedium: "16px",
        optionIconSizeLarge: "16px",
        optionIconSizeHuge: "18px",
        optionSuffixWidthSmall: "14px",
        optionSuffixWidthMedium: "14px",
        optionSuffixWidthLarge: "16px",
        optionSuffixWidthHuge: "16px",
        optionIconSuffixWidthSmall: "32px",
        optionIconSuffixWidthMedium: "32px",
        optionIconSuffixWidthLarge: "36px",
        optionIconSuffixWidthHuge: "36px",
        optionPrefixWidthSmall: "14px",
        optionPrefixWidthMedium: "14px",
        optionPrefixWidthLarge: "16px",
        optionPrefixWidthHuge: "16px",
        optionIconPrefixWidthSmall: "36px",
        optionIconPrefixWidthMedium: "36px",
        optionIconPrefixWidthLarge: "40px",
        optionIconPrefixWidthHuge: "40px"
      };
      const self$P = (vars) => {
        const {
          primaryColor,
          textColor2,
          dividerColor,
          hoverColor,
          popoverColor,
          invertedColor,
          borderRadius,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          fontSizeHuge,
          heightSmall,
          heightMedium,
          heightLarge,
          heightHuge,
          textColor3,
          opacityDisabled
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$9), {
          optionHeightSmall: heightSmall,
          optionHeightMedium: heightMedium,
          optionHeightLarge: heightLarge,
          optionHeightHuge: heightHuge,
          borderRadius,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          fontSizeHuge,
          // non-inverted
          optionTextColor: textColor2,
          optionTextColorHover: textColor2,
          optionTextColorActive: primaryColor,
          optionTextColorChildActive: primaryColor,
          color: popoverColor,
          dividerColor,
          suffixColor: textColor2,
          prefixColor: textColor2,
          optionColorHover: hoverColor,
          optionColorActive: changeColor(primaryColor, {
            alpha: 0.1
          }),
          groupHeaderTextColor: textColor3,
          // inverted
          optionTextColorInverted: "#BBB",
          optionTextColorHoverInverted: "#FFF",
          optionTextColorActiveInverted: "#FFF",
          optionTextColorChildActiveInverted: "#FFF",
          colorInverted: invertedColor,
          dividerColorInverted: "#BBB",
          suffixColorInverted: "#BBB",
          prefixColorInverted: "#BBB",
          optionColorHoverInverted: primaryColor,
          optionColorActiveInverted: primaryColor,
          groupHeaderTextColorInverted: "#AAA",
          optionOpacityDisabled: opacityDisabled
        });
      };
      const dropdownLight = createTheme({
        name: "Dropdown",
        common: derived,
        peers: {
          Popover: popoverLight
        },
        self: self$P
      });
      const commonVariables$8 = {
        thPaddingSmall: "8px",
        thPaddingMedium: "12px",
        thPaddingLarge: "12px",
        tdPaddingSmall: "8px",
        tdPaddingMedium: "12px",
        tdPaddingLarge: "12px",
        sorterSize: "15px",
        resizableContainerSize: "8px",
        resizableSize: "2px",
        filterSize: "15px",
        paginationMargin: "12px 0 0 0",
        emptyPadding: "48px 0",
        actionPadding: "8px 12px",
        actionButtonMargin: "0 8px 0 0"
      };
      const self$O = (vars) => {
        const {
          cardColor,
          modalColor,
          popoverColor,
          textColor2,
          textColor1,
          tableHeaderColor,
          tableColorHover,
          iconColor,
          primaryColor,
          fontWeightStrong,
          borderRadius,
          lineHeight: lineHeight2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          dividerColor,
          heightSmall,
          opacityDisabled,
          tableColorStriped
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$8), {
          actionDividerColor: dividerColor,
          lineHeight: lineHeight2,
          borderRadius,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          borderColor: composite(cardColor, dividerColor),
          tdColorHover: composite(cardColor, tableColorHover),
          tdColorStriped: composite(cardColor, tableColorStriped),
          thColor: composite(cardColor, tableHeaderColor),
          thColorHover: composite(composite(cardColor, tableHeaderColor), tableColorHover),
          tdColor: cardColor,
          tdTextColor: textColor2,
          thTextColor: textColor1,
          thFontWeight: fontWeightStrong,
          thButtonColorHover: tableColorHover,
          thIconColor: iconColor,
          thIconColorActive: primaryColor,
          // modal
          borderColorModal: composite(modalColor, dividerColor),
          tdColorHoverModal: composite(modalColor, tableColorHover),
          tdColorStripedModal: composite(modalColor, tableColorStriped),
          thColorModal: composite(modalColor, tableHeaderColor),
          thColorHoverModal: composite(composite(modalColor, tableHeaderColor), tableColorHover),
          tdColorModal: modalColor,
          // popover
          borderColorPopover: composite(popoverColor, dividerColor),
          tdColorHoverPopover: composite(popoverColor, tableColorHover),
          tdColorStripedPopover: composite(popoverColor, tableColorStriped),
          thColorPopover: composite(popoverColor, tableHeaderColor),
          thColorHoverPopover: composite(composite(popoverColor, tableHeaderColor), tableColorHover),
          tdColorPopover: popoverColor,
          boxShadowBefore: "inset -12px 0 8px -12px rgba(0, 0, 0, .18)",
          boxShadowAfter: "inset 12px 0 8px -12px rgba(0, 0, 0, .18)",
          // loading
          loadingColor: primaryColor,
          loadingSize: heightSmall,
          opacityLoading: opacityDisabled
        });
      };
      const dataTableLight = createTheme({
        name: "DataTable",
        common: derived,
        peers: {
          Button: buttonLight,
          Checkbox: checkboxLight,
          Radio: radioLight,
          Pagination: paginationLight,
          Scrollbar: scrollbarLight,
          Empty: emptyLight,
          Popover: popoverLight,
          Ellipsis: ellipsisLight,
          Dropdown: dropdownLight
        },
        self: self$O
      });
      const tooltipProps = Object.assign(Object.assign({}, popoverBaseProps), useTheme.props);
      const NTooltip = vue.defineComponent({
        name: "Tooltip",
        props: tooltipProps,
        __popover__: true,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("Tooltip", "-tooltip", void 0, tooltipLight, props, mergedClsPrefixRef);
          const popoverRef = vue.ref(null);
          const tooltipExposedMethod = {
            syncPosition() {
              popoverRef.value.syncPosition();
            },
            setShow(show) {
              popoverRef.value.setShow(show);
            }
          };
          return Object.assign(Object.assign({}, tooltipExposedMethod), {
            popoverRef,
            mergedTheme: themeRef,
            popoverThemeOverrides: vue.computed(() => {
              return themeRef.value.self;
            })
          });
        },
        render() {
          const {
            mergedTheme,
            internalExtraClass
          } = this;
          return vue.h(NPopover, Object.assign(Object.assign({}, this.$props), {
            theme: mergedTheme.peers.Popover,
            themeOverrides: mergedTheme.peerOverrides.Popover,
            builtinThemeOverrides: this.popoverThemeOverrides,
            internalExtraClass: internalExtraClass.concat("tooltip"),
            ref: "popoverRef"
          }), this.$slots);
        }
      });
      const style$10 = cB("ellipsis", {
        overflow: "hidden"
      }, [cNotM("line-clamp", `
 white-space: nowrap;
 display: inline-block;
 vertical-align: bottom;
 max-width: 100%;
 `), cM("line-clamp", `
 display: -webkit-inline-box;
 -webkit-box-orient: vertical;
 `), cM("cursor-pointer", `
 cursor: pointer;
 `)]);
      function createLineClampClass(clsPrefix) {
        return `${clsPrefix}-ellipsis--line-clamp`;
      }
      function createCursorClass(clsPrefix, cursor) {
        return `${clsPrefix}-ellipsis--cursor-${cursor}`;
      }
      const ellipsisProps = Object.assign(Object.assign({}, useTheme.props), {
        expandTrigger: String,
        lineClamp: [Number, String],
        tooltip: {
          type: [Boolean, Object],
          default: true
        }
      });
      const NEllipsis = vue.defineComponent({
        name: "Ellipsis",
        inheritAttrs: false,
        props: ellipsisProps,
        setup(props, {
          slots,
          attrs
        }) {
          const mergedClsPrefixRef = useMergedClsPrefix();
          const mergedTheme = useTheme("Ellipsis", "-ellipsis", style$10, ellipsisLight, props, mergedClsPrefixRef);
          const triggerRef = vue.ref(null);
          const triggerInnerRef = vue.ref(null);
          const tooltipRef = vue.ref(null);
          const expandedRef = vue.ref(false);
          const ellipsisStyleRef = vue.computed(() => {
            const {
              lineClamp
            } = props;
            const {
              value: expanded
            } = expandedRef;
            if (lineClamp !== void 0) {
              return {
                textOverflow: "",
                "-webkit-line-clamp": expanded ? "" : lineClamp
              };
            } else {
              return {
                textOverflow: expanded ? "" : "ellipsis",
                "-webkit-line-clamp": ""
              };
            }
          });
          function getTooltipDisabled() {
            let tooltipDisabled = false;
            const {
              value: expanded
            } = expandedRef;
            if (expanded)
              return true;
            const {
              value: trigger2
            } = triggerRef;
            if (trigger2) {
              const {
                lineClamp
              } = props;
              syncEllipsisStyle(trigger2);
              if (lineClamp !== void 0) {
                tooltipDisabled = trigger2.scrollHeight <= trigger2.offsetHeight;
              } else {
                const {
                  value: triggerInner
                } = triggerInnerRef;
                if (triggerInner) {
                  tooltipDisabled = triggerInner.getBoundingClientRect().width <= trigger2.getBoundingClientRect().width;
                }
              }
              syncCursorStyle(trigger2, tooltipDisabled);
            }
            return tooltipDisabled;
          }
          const handleClickRef = vue.computed(() => {
            return props.expandTrigger === "click" ? () => {
              var _a;
              const {
                value: expanded
              } = expandedRef;
              if (expanded) {
                (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.setShow(false);
              }
              expandedRef.value = !expanded;
            } : void 0;
          });
          vue.onDeactivated(() => {
            var _a;
            if (props.tooltip) {
              (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.setShow(false);
            }
          });
          const renderTrigger = () => vue.h("span", Object.assign({}, vue.mergeProps(attrs, {
            class: [`${mergedClsPrefixRef.value}-ellipsis`, props.lineClamp !== void 0 ? createLineClampClass(mergedClsPrefixRef.value) : void 0, props.expandTrigger === "click" ? createCursorClass(mergedClsPrefixRef.value, "pointer") : void 0],
            style: ellipsisStyleRef.value
          }), {
            ref: "triggerRef",
            onClick: handleClickRef.value,
            onMouseenter: (
              // get tooltip disabled will derive cursor style
              props.expandTrigger === "click" ? getTooltipDisabled : void 0
            )
          }), props.lineClamp ? slots : vue.h("span", {
            ref: "triggerInnerRef"
          }, slots));
          function syncEllipsisStyle(trigger2) {
            if (!trigger2)
              return;
            const latestStyle = ellipsisStyleRef.value;
            const lineClampClass = createLineClampClass(mergedClsPrefixRef.value);
            if (props.lineClamp !== void 0) {
              syncTriggerClass(trigger2, lineClampClass, "add");
            } else {
              syncTriggerClass(trigger2, lineClampClass, "remove");
            }
            for (const key in latestStyle) {
              if (trigger2.style[key] !== latestStyle[key]) {
                trigger2.style[key] = latestStyle[key];
              }
            }
          }
          function syncCursorStyle(trigger2, tooltipDisabled) {
            const cursorClass = createCursorClass(mergedClsPrefixRef.value, "pointer");
            if (props.expandTrigger === "click" && !tooltipDisabled) {
              syncTriggerClass(trigger2, cursorClass, "add");
            } else {
              syncTriggerClass(trigger2, cursorClass, "remove");
            }
          }
          function syncTriggerClass(trigger2, styleClass, action) {
            if (action === "add") {
              if (!trigger2.classList.contains(styleClass)) {
                trigger2.classList.add(styleClass);
              }
            } else {
              if (trigger2.classList.contains(styleClass)) {
                trigger2.classList.remove(styleClass);
              }
            }
          }
          return {
            mergedTheme,
            triggerRef,
            triggerInnerRef,
            tooltipRef,
            handleClick: handleClickRef,
            renderTrigger,
            getTooltipDisabled
          };
        },
        render() {
          var _a;
          const {
            tooltip,
            renderTrigger,
            $slots
          } = this;
          if (tooltip) {
            const {
              mergedTheme
            } = this;
            return vue.h(NTooltip, Object.assign({
              ref: "tooltipRef",
              placement: "top"
            }, tooltip, {
              getDisabled: this.getTooltipDisabled,
              theme: mergedTheme.peers.Tooltip,
              themeOverrides: mergedTheme.peerOverrides.Tooltip
            }), {
              trigger: renderTrigger,
              default: (_a = $slots.tooltip) !== null && _a !== void 0 ? _a : $slots.default
            });
          } else
            return renderTrigger();
        }
      });
      const NPerformantEllipsis = vue.defineComponent({
        name: "PerformantEllipsis",
        props: ellipsisProps,
        inheritAttrs: false,
        setup(props, {
          attrs,
          slots
        }) {
          const mouseEnteredRef = vue.ref(false);
          const mergedClsPrefixRef = useMergedClsPrefix();
          useStyle("-ellipsis", style$10, mergedClsPrefixRef);
          const renderTrigger = () => {
            const {
              lineClamp
            } = props;
            const mergedClsPrefix = mergedClsPrefixRef.value;
            return vue.h("span", Object.assign({}, vue.mergeProps(attrs, {
              class: [`${mergedClsPrefix}-ellipsis`, lineClamp !== void 0 ? createLineClampClass(mergedClsPrefix) : void 0, props.expandTrigger === "click" ? createCursorClass(mergedClsPrefix, "pointer") : void 0],
              style: lineClamp === void 0 ? {
                textOverflow: "ellipsis"
              } : {
                "-webkit-line-clamp": lineClamp
              }
            }), {
              onMouseenter: () => {
                mouseEnteredRef.value = true;
              }
            }), lineClamp ? slots : vue.h("span", null, slots));
          };
          return {
            mouseEntered: mouseEnteredRef,
            renderTrigger
          };
        },
        render() {
          if (this.mouseEntered) {
            return vue.h(NEllipsis, vue.mergeProps({}, this.$attrs, this.$props), this.$slots);
          } else {
            return this.renderTrigger();
          }
        }
      });
      const RenderSorter = vue.defineComponent({
        name: "DataTableRenderSorter",
        props: {
          render: {
            type: Function,
            required: true
          },
          order: {
            // asc, desc
            type: [String, Boolean],
            default: false
          }
        },
        render() {
          const {
            render: render2,
            order
          } = this;
          return render2({
            order
          });
        }
      });
      const dataTableProps = Object.assign(Object.assign({}, useTheme.props), {
        onUnstableColumnResize: Function,
        pagination: {
          type: [Object, Boolean],
          default: false
        },
        paginateSinglePage: {
          type: Boolean,
          default: true
        },
        minHeight: [Number, String],
        maxHeight: [Number, String],
        // Use any type as row data to make prop data acceptable
        columns: {
          type: Array,
          default: () => []
        },
        rowClassName: [String, Function],
        rowProps: Function,
        rowKey: Function,
        summary: [Function],
        data: {
          type: Array,
          default: () => []
        },
        loading: Boolean,
        bordered: {
          type: Boolean,
          default: void 0
        },
        bottomBordered: {
          type: Boolean,
          default: void 0
        },
        striped: Boolean,
        scrollX: [Number, String],
        defaultCheckedRowKeys: {
          type: Array,
          default: () => []
        },
        checkedRowKeys: Array,
        singleLine: {
          type: Boolean,
          default: true
        },
        singleColumn: Boolean,
        size: {
          type: String,
          default: "medium"
        },
        remote: Boolean,
        defaultExpandedRowKeys: {
          type: Array,
          default: []
        },
        defaultExpandAll: Boolean,
        expandedRowKeys: Array,
        stickyExpandedRows: Boolean,
        virtualScroll: Boolean,
        tableLayout: {
          type: String,
          default: "auto"
        },
        allowCheckingNotLoaded: Boolean,
        cascade: {
          type: Boolean,
          default: true
        },
        childrenKey: {
          type: String,
          default: "children"
        },
        indent: {
          type: Number,
          default: 16
        },
        flexHeight: Boolean,
        summaryPlacement: {
          type: String,
          default: "bottom"
        },
        paginationBehaviorOnFilter: {
          type: String,
          default: "current"
        },
        scrollbarProps: Object,
        renderCell: Function,
        renderExpandIcon: Function,
        spinProps: {
          type: Object,
          default: {}
        },
        onLoad: Function,
        "onUpdate:page": [Function, Array],
        onUpdatePage: [Function, Array],
        "onUpdate:pageSize": [Function, Array],
        onUpdatePageSize: [Function, Array],
        "onUpdate:sorter": [Function, Array],
        onUpdateSorter: [Function, Array],
        "onUpdate:filters": [Function, Array],
        onUpdateFilters: [Function, Array],
        "onUpdate:checkedRowKeys": [Function, Array],
        onUpdateCheckedRowKeys: [Function, Array],
        "onUpdate:expandedRowKeys": [Function, Array],
        onUpdateExpandedRowKeys: [Function, Array],
        onScroll: Function,
        // deprecated
        onPageChange: [Function, Array],
        onPageSizeChange: [Function, Array],
        onSorterChange: [Function, Array],
        onFiltersChange: [Function, Array],
        onCheckedRowKeysChange: [Function, Array]
      });
      const dataTableInjectionKey = createInjectionKey("n-data-table");
      const SortButton = vue.defineComponent({
        name: "SortIcon",
        props: {
          column: {
            type: Object,
            required: true
          }
        },
        setup(props) {
          const {
            mergedComponentPropsRef
          } = useConfig();
          const {
            mergedSortStateRef,
            mergedClsPrefixRef
          } = vue.inject(dataTableInjectionKey);
          const sortStateRef = vue.computed(() => mergedSortStateRef.value.find((state) => state.columnKey === props.column.key));
          const activeRef = vue.computed(() => {
            return sortStateRef.value !== void 0;
          });
          const mergedSortOrderRef = vue.computed(() => {
            const {
              value: sortState
            } = sortStateRef;
            if (sortState && activeRef.value) {
              return sortState.order;
            }
            return false;
          });
          const mergedRenderSorterRef = vue.computed(() => {
            var _a, _b;
            return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DataTable) === null || _b === void 0 ? void 0 : _b.renderSorter) || props.column.renderSorter;
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            active: activeRef,
            mergedSortOrder: mergedSortOrderRef,
            mergedRenderSorter: mergedRenderSorterRef
          };
        },
        render() {
          const {
            mergedRenderSorter,
            mergedSortOrder,
            mergedClsPrefix
          } = this;
          const {
            renderSorterIcon
          } = this.column;
          return mergedRenderSorter ? vue.h(RenderSorter, {
            render: mergedRenderSorter,
            order: mergedSortOrder
          }) : vue.h("span", {
            class: [`${mergedClsPrefix}-data-table-sorter`, mergedSortOrder === "ascend" && `${mergedClsPrefix}-data-table-sorter--asc`, mergedSortOrder === "descend" && `${mergedClsPrefix}-data-table-sorter--desc`]
          }, renderSorterIcon ? renderSorterIcon({
            order: mergedSortOrder
          }) : vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: () => vue.h(ArrowDownIcon, null)
          }));
        }
      });
      const RenderFilter = vue.defineComponent({
        name: "DataTableRenderFilter",
        props: {
          render: {
            type: Function,
            required: true
          },
          active: {
            type: Boolean,
            default: false
          },
          show: {
            type: Boolean,
            default: false
          }
        },
        render() {
          const {
            render: render2,
            active,
            show
          } = this;
          return render2({
            active,
            show
          });
        }
      });
      const radioBaseProps = {
        name: String,
        value: {
          type: [String, Number, Boolean],
          default: "on"
        },
        checked: {
          type: Boolean,
          default: void 0
        },
        defaultChecked: Boolean,
        disabled: {
          type: Boolean,
          default: void 0
        },
        label: String,
        size: String,
        onUpdateChecked: [Function, Array],
        "onUpdate:checked": [Function, Array],
        // deprecated
        checkedValue: {
          type: Boolean,
          default: void 0
        }
      };
      const radioGroupInjectionKey = createInjectionKey("n-radio-group");
      function setup(props) {
        const formItem = useFormItem(props, {
          mergedSize(NFormItem2) {
            const {
              size: size2
            } = props;
            if (size2 !== void 0)
              return size2;
            if (NRadioGroup2) {
              const {
                mergedSizeRef: {
                  value: mergedSize
                }
              } = NRadioGroup2;
              if (mergedSize !== void 0) {
                return mergedSize;
              }
            }
            if (NFormItem2) {
              return NFormItem2.mergedSize.value;
            }
            return "medium";
          },
          mergedDisabled(NFormItem2) {
            if (props.disabled)
              return true;
            if (NRadioGroup2 === null || NRadioGroup2 === void 0 ? void 0 : NRadioGroup2.disabledRef.value)
              return true;
            if (NFormItem2 === null || NFormItem2 === void 0 ? void 0 : NFormItem2.disabled.value)
              return true;
            return false;
          }
        });
        const {
          mergedSizeRef,
          mergedDisabledRef
        } = formItem;
        const inputRef = vue.ref(null);
        const labelRef = vue.ref(null);
        const NRadioGroup2 = vue.inject(radioGroupInjectionKey, null);
        const uncontrolledCheckedRef = vue.ref(props.defaultChecked);
        const controlledCheckedRef = vue.toRef(props, "checked");
        const mergedCheckedRef = useMergedState(controlledCheckedRef, uncontrolledCheckedRef);
        const renderSafeCheckedRef = useMemo(() => {
          if (NRadioGroup2)
            return NRadioGroup2.valueRef.value === props.value;
          return mergedCheckedRef.value;
        });
        const mergedNameRef = useMemo(() => {
          const {
            name
          } = props;
          if (name !== void 0)
            return name;
          if (NRadioGroup2)
            return NRadioGroup2.nameRef.value;
        });
        const focusRef = vue.ref(false);
        function doUpdateChecked() {
          if (NRadioGroup2) {
            const {
              doUpdateValue
            } = NRadioGroup2;
            const {
              value
            } = props;
            call(doUpdateValue, value);
          } else {
            const {
              onUpdateChecked,
              "onUpdate:checked": _onUpdateChecked
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onUpdateChecked)
              call(onUpdateChecked, true);
            if (_onUpdateChecked)
              call(_onUpdateChecked, true);
            nTriggerFormInput();
            nTriggerFormChange();
            uncontrolledCheckedRef.value = true;
          }
        }
        function toggle() {
          if (mergedDisabledRef.value)
            return;
          if (!renderSafeCheckedRef.value) {
            doUpdateChecked();
          }
        }
        function handleRadioInputChange() {
          toggle();
          if (inputRef.value) {
            inputRef.value.checked = renderSafeCheckedRef.value;
          }
        }
        function handleRadioInputBlur() {
          focusRef.value = false;
        }
        function handleRadioInputFocus() {
          focusRef.value = true;
        }
        return {
          mergedClsPrefix: NRadioGroup2 ? NRadioGroup2.mergedClsPrefixRef : useConfig(props).mergedClsPrefixRef,
          inputRef,
          labelRef,
          mergedName: mergedNameRef,
          mergedDisabled: mergedDisabledRef,
          renderSafeChecked: renderSafeCheckedRef,
          focus: focusRef,
          mergedSize: mergedSizeRef,
          handleRadioInputChange,
          handleRadioInputBlur,
          handleRadioInputFocus
        };
      }
      const style$$ = cB("radio", `
 line-height: var(--n-label-line-height);
 outline: none;
 position: relative;
 user-select: none;
 -webkit-user-select: none;
 display: inline-flex;
 align-items: flex-start;
 flex-wrap: nowrap;
 font-size: var(--n-font-size);
 word-break: break-word;
`, [cM("checked", [cE("dot", `
 background-color: var(--n-color-active);
 `)]), cE("dot-wrapper", `
 position: relative;
 flex-shrink: 0;
 flex-grow: 0;
 width: var(--n-radio-size);
 `), cB("radio-input", `
 position: absolute;
 border: 0;
 border-radius: inherit;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 opacity: 0;
 z-index: 1;
 cursor: pointer;
 `), cE("dot", `
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 height: var(--n-radio-size);
 width: var(--n-radio-size);
 background: var(--n-color);
 box-shadow: var(--n-box-shadow);
 border-radius: 50%;
 transition:
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 `, [c$1("&::before", `
 content: "";
 opacity: 0;
 position: absolute;
 left: 4px;
 top: 4px;
 height: calc(100% - 8px);
 width: calc(100% - 8px);
 border-radius: 50%;
 transform: scale(.8);
 background: var(--n-dot-color-active);
 transition: 
 opacity .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 transform .3s var(--n-bezier);
 `), cM("checked", {
        boxShadow: "var(--n-box-shadow-active)"
      }, [c$1("&::before", `
 opacity: 1;
 transform: scale(1);
 `)])]), cE("label", `
 color: var(--n-text-color);
 padding: var(--n-label-padding);
 font-weight: var(--n-label-font-weight);
 display: inline-block;
 transition: color .3s var(--n-bezier);
 `), cNotM("disabled", `
 cursor: pointer;
 `, [c$1("&:hover", [cE("dot", {
        boxShadow: "var(--n-box-shadow-hover)"
      })]), cM("focus", [c$1("&:not(:active)", [cE("dot", {
        boxShadow: "var(--n-box-shadow-focus)"
      })])])]), cM("disabled", `
 cursor: not-allowed;
 `, [cE("dot", {
        boxShadow: "var(--n-box-shadow-disabled)",
        backgroundColor: "var(--n-color-disabled)"
      }, [c$1("&::before", {
        backgroundColor: "var(--n-dot-color-disabled)"
      }), cM("checked", `
 opacity: 1;
 `)]), cE("label", {
        color: "var(--n-text-color-disabled)"
      }), cB("radio-input", `
 cursor: not-allowed;
 `)])]);
      const radioProps = Object.assign(Object.assign({}, useTheme.props), radioBaseProps);
      const NRadio = vue.defineComponent({
        name: "Radio",
        props: radioProps,
        setup(props) {
          const radio = setup(props);
          const themeRef = useTheme("Radio", "-radio", style$$, radioLight, props, radio.mergedClsPrefix);
          const cssVarsRef = vue.computed(() => {
            const {
              mergedSize: {
                value: size2
              }
            } = radio;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                boxShadow,
                boxShadowActive,
                boxShadowDisabled,
                boxShadowFocus,
                boxShadowHover,
                color,
                colorDisabled,
                colorActive,
                textColor,
                textColorDisabled,
                dotColorActive,
                dotColorDisabled,
                labelPadding,
                labelLineHeight,
                labelFontWeight,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("radioSize", size2)]: radioSize
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-label-line-height": labelLineHeight,
              "--n-label-font-weight": labelFontWeight,
              "--n-box-shadow": boxShadow,
              "--n-box-shadow-active": boxShadowActive,
              "--n-box-shadow-disabled": boxShadowDisabled,
              "--n-box-shadow-focus": boxShadowFocus,
              "--n-box-shadow-hover": boxShadowHover,
              "--n-color": color,
              "--n-color-active": colorActive,
              "--n-color-disabled": colorDisabled,
              "--n-dot-color-active": dotColorActive,
              "--n-dot-color-disabled": dotColorDisabled,
              "--n-font-size": fontSize2,
              "--n-radio-size": radioSize,
              "--n-text-color": textColor,
              "--n-text-color-disabled": textColorDisabled,
              "--n-label-padding": labelPadding
            };
          });
          const {
            inlineThemeDisabled,
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("Radio", mergedRtlRef, mergedClsPrefixRef);
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("radio", vue.computed(() => radio.mergedSize.value[0]), cssVarsRef, props) : void 0;
          return Object.assign(radio, {
            rtlEnabled: rtlEnabledRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          const {
            $slots,
            mergedClsPrefix,
            onRender,
            label
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("label", {
            class: [`${mergedClsPrefix}-radio`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-radio--rtl`, this.mergedDisabled && `${mergedClsPrefix}-radio--disabled`, this.renderSafeChecked && `${mergedClsPrefix}-radio--checked`, this.focus && `${mergedClsPrefix}-radio--focus`],
            style: this.cssVars
          }, vue.h("input", {
            ref: "inputRef",
            type: "radio",
            class: `${mergedClsPrefix}-radio-input`,
            value: this.value,
            name: this.mergedName,
            checked: this.renderSafeChecked,
            disabled: this.mergedDisabled,
            onChange: this.handleRadioInputChange,
            onFocus: this.handleRadioInputFocus,
            onBlur: this.handleRadioInputBlur
          }), vue.h("div", {
            class: `${mergedClsPrefix}-radio__dot-wrapper`
          }, " ", vue.h("div", {
            class: [`${mergedClsPrefix}-radio__dot`, this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`]
          })), resolveWrappedSlot($slots.default, (children) => {
            if (!children && !label)
              return null;
            return vue.h("div", {
              ref: "labelRef",
              class: `${mergedClsPrefix}-radio__label`
            }, children || label);
          }));
        }
      });
      const style$_ = cB("radio-group", `
 display: inline-block;
 font-size: var(--n-font-size);
`, [cE("splitor", `
 display: inline-block;
 vertical-align: bottom;
 width: 1px;
 transition:
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 background: var(--n-button-border-color);
 `, [cM("checked", {
        backgroundColor: "var(--n-button-border-color-active)"
      }), cM("disabled", {
        opacity: "var(--n-opacity-disabled)"
      })]), cM("button-group", `
 white-space: nowrap;
 height: var(--n-height);
 line-height: var(--n-height);
 `, [cB("radio-button", {
        height: "var(--n-height)",
        lineHeight: "var(--n-height)"
      }), cE("splitor", {
        height: "var(--n-height)"
      })]), cB("radio-button", `
 vertical-align: bottom;
 outline: none;
 position: relative;
 user-select: none;
 -webkit-user-select: none;
 display: inline-block;
 box-sizing: border-box;
 padding-left: 14px;
 padding-right: 14px;
 white-space: nowrap;
 transition:
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 background: var(--n-button-color);
 color: var(--n-button-text-color);
 border-top: 1px solid var(--n-button-border-color);
 border-bottom: 1px solid var(--n-button-border-color);
 `, [cB("radio-input", `
 pointer-events: none;
 position: absolute;
 border: 0;
 border-radius: inherit;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 opacity: 0;
 z-index: 1;
 `), cE("state-border", `
 z-index: 1;
 pointer-events: none;
 position: absolute;
 box-shadow: var(--n-button-box-shadow);
 transition: box-shadow .3s var(--n-bezier);
 left: -1px;
 bottom: -1px;
 right: -1px;
 top: -1px;
 `), c$1("&:first-child", `
 border-top-left-radius: var(--n-button-border-radius);
 border-bottom-left-radius: var(--n-button-border-radius);
 border-left: 1px solid var(--n-button-border-color);
 `, [cE("state-border", `
 border-top-left-radius: var(--n-button-border-radius);
 border-bottom-left-radius: var(--n-button-border-radius);
 `)]), c$1("&:last-child", `
 border-top-right-radius: var(--n-button-border-radius);
 border-bottom-right-radius: var(--n-button-border-radius);
 border-right: 1px solid var(--n-button-border-color);
 `, [cE("state-border", `
 border-top-right-radius: var(--n-button-border-radius);
 border-bottom-right-radius: var(--n-button-border-radius);
 `)]), cNotM("disabled", `
 cursor: pointer;
 `, [c$1("&:hover", [cE("state-border", `
 transition: box-shadow .3s var(--n-bezier);
 box-shadow: var(--n-button-box-shadow-hover);
 `), cNotM("checked", {
        color: "var(--n-button-text-color-hover)"
      })]), cM("focus", [c$1("&:not(:active)", [cE("state-border", {
        boxShadow: "var(--n-button-box-shadow-focus)"
      })])])]), cM("checked", `
 background: var(--n-button-color-active);
 color: var(--n-button-text-color-active);
 border-color: var(--n-button-border-color-active);
 `), cM("disabled", `
 cursor: not-allowed;
 opacity: var(--n-opacity-disabled);
 `)])]);
      function mapSlot(defaultSlot, value, clsPrefix) {
        var _a;
        const children = [];
        let isButtonGroup = false;
        for (let i = 0; i < defaultSlot.length; ++i) {
          const wrappedInstance = defaultSlot[i];
          const name = (_a = wrappedInstance.type) === null || _a === void 0 ? void 0 : _a.name;
          if (name === "RadioButton") {
            isButtonGroup = true;
          }
          const instanceProps = wrappedInstance.props;
          if (name !== "RadioButton") {
            children.push(wrappedInstance);
            continue;
          }
          if (i === 0) {
            children.push(wrappedInstance);
          } else {
            const lastInstanceProps = children[children.length - 1].props;
            const lastInstanceChecked = value === lastInstanceProps.value;
            const lastInstanceDisabled = lastInstanceProps.disabled;
            const currentInstanceChecked = value === instanceProps.value;
            const currentInstanceDisabled = instanceProps.disabled;
            const lastInstancePriority = (lastInstanceChecked ? 2 : 0) + (!lastInstanceDisabled ? 1 : 0);
            const currentInstancePriority = (currentInstanceChecked ? 2 : 0) + (!currentInstanceDisabled ? 1 : 0);
            const lastInstanceClass = {
              [`${clsPrefix}-radio-group__splitor--disabled`]: lastInstanceDisabled,
              [`${clsPrefix}-radio-group__splitor--checked`]: lastInstanceChecked
            };
            const currentInstanceClass = {
              [`${clsPrefix}-radio-group__splitor--disabled`]: currentInstanceDisabled,
              [`${clsPrefix}-radio-group__splitor--checked`]: currentInstanceChecked
            };
            const splitorClass = lastInstancePriority < currentInstancePriority ? currentInstanceClass : lastInstanceClass;
            children.push(vue.h("div", {
              class: [`${clsPrefix}-radio-group__splitor`, splitorClass]
            }), wrappedInstance);
          }
        }
        return {
          children,
          isButtonGroup
        };
      }
      const radioGroupProps = Object.assign(Object.assign({}, useTheme.props), {
        name: String,
        value: [String, Number, Boolean],
        defaultValue: {
          type: [String, Number, Boolean],
          default: null
        },
        size: String,
        disabled: {
          type: Boolean,
          default: void 0
        },
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array]
      });
      const NRadioGroup = vue.defineComponent({
        name: "RadioGroup",
        props: radioGroupProps,
        setup(props) {
          const selfElRef = vue.ref(null);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            nTriggerFormChange,
            nTriggerFormInput,
            nTriggerFormBlur,
            nTriggerFormFocus
          } = useFormItem(props);
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Radio", "-radio-group", style$_, radioLight, props, mergedClsPrefixRef);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          function doUpdateValue(value) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue
            } = props;
            if (onUpdateValue) {
              call(onUpdateValue, value);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value);
            }
            uncontrolledValueRef.value = value;
            nTriggerFormChange();
            nTriggerFormInput();
          }
          function handleFocusin(e) {
            const {
              value: selfEl
            } = selfElRef;
            if (!selfEl)
              return;
            if (selfEl.contains(e.relatedTarget))
              return;
            nTriggerFormFocus();
          }
          function handleFocusout(e) {
            const {
              value: selfEl
            } = selfElRef;
            if (!selfEl)
              return;
            if (selfEl.contains(e.relatedTarget))
              return;
            nTriggerFormBlur();
          }
          vue.provide(radioGroupInjectionKey, {
            mergedClsPrefixRef,
            nameRef: vue.toRef(props, "name"),
            valueRef: mergedValueRef,
            disabledRef: mergedDisabledRef,
            mergedSizeRef,
            doUpdateValue
          });
          const rtlEnabledRef = useRtl("Radio", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              value: size2
            } = mergedSizeRef;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                buttonBorderColor,
                buttonBorderColorActive,
                buttonBorderRadius,
                buttonBoxShadow,
                buttonBoxShadowFocus,
                buttonBoxShadowHover,
                buttonColor,
                buttonColorActive,
                buttonTextColor,
                buttonTextColorActive,
                buttonTextColorHover,
                opacityDisabled,
                [createKey("buttonHeight", size2)]: height,
                [createKey("fontSize", size2)]: fontSize2
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-button-border-color": buttonBorderColor,
              "--n-button-border-color-active": buttonBorderColorActive,
              "--n-button-border-radius": buttonBorderRadius,
              "--n-button-box-shadow": buttonBoxShadow,
              "--n-button-box-shadow-focus": buttonBoxShadowFocus,
              "--n-button-box-shadow-hover": buttonBoxShadowHover,
              "--n-button-color": buttonColor,
              "--n-button-color-active": buttonColorActive,
              "--n-button-text-color": buttonTextColor,
              "--n-button-text-color-hover": buttonTextColorHover,
              "--n-button-text-color-active": buttonTextColorActive,
              "--n-height": height,
              "--n-opacity-disabled": opacityDisabled
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("radio-group", vue.computed(() => mergedSizeRef.value[0]), cssVarsRef, props) : void 0;
          return {
            selfElRef,
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedValue: mergedValueRef,
            handleFocusout,
            handleFocusin,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedValue,
            mergedClsPrefix,
            handleFocusin,
            handleFocusout
          } = this;
          const {
            children,
            isButtonGroup
          } = mapSlot(flatten$3(getSlot$1(this)), mergedValue, mergedClsPrefix);
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            onFocusin: handleFocusin,
            onFocusout: handleFocusout,
            ref: "selfElRef",
            class: [`${mergedClsPrefix}-radio-group`, this.rtlEnabled && `${mergedClsPrefix}-radio-group--rtl`, this.themeClass, isButtonGroup && `${mergedClsPrefix}-radio-group--button-group`],
            style: this.cssVars
          }, children);
        }
      });
      const radioButtonProps = radioBaseProps;
      const RadioButton = vue.defineComponent({
        name: "RadioButton",
        props: radioBaseProps,
        setup,
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("label", {
            class: [`${mergedClsPrefix}-radio-button`, this.mergedDisabled && `${mergedClsPrefix}-radio-button--disabled`, this.renderSafeChecked && `${mergedClsPrefix}-radio-button--checked`, this.focus && [`${mergedClsPrefix}-radio-button--focus`]]
          }, vue.h("input", {
            ref: "inputRef",
            type: "radio",
            class: `${mergedClsPrefix}-radio-input`,
            value: this.value,
            name: this.mergedName,
            checked: this.renderSafeChecked,
            disabled: this.mergedDisabled,
            onChange: this.handleRadioInputChange,
            onFocus: this.handleRadioInputFocus,
            onBlur: this.handleRadioInputBlur
          }), vue.h("div", {
            class: `${mergedClsPrefix}-radio-button__state-border`
          }), resolveWrappedSlot(this.$slots.default, (children) => {
            if (!children && !this.label)
              return null;
            return vue.h("div", {
              ref: "labelRef",
              class: `${mergedClsPrefix}-radio__label`
            }, children || this.label);
          }));
        }
      });
      const SELECTION_COL_WIDTH = 40;
      const EXPAND_COL_WIDTH = 40;
      function getNumberColWidth(col) {
        if (col.type === "selection") {
          return col.width === void 0 ? SELECTION_COL_WIDTH : depx(col.width);
        }
        if (col.type === "expand") {
          return col.width === void 0 ? EXPAND_COL_WIDTH : depx(col.width);
        }
        if ("children" in col)
          return void 0;
        if (typeof col.width === "string") {
          return depx(col.width);
        }
        return col.width;
      }
      function getStringColWidth(col) {
        var _a, _b;
        if (col.type === "selection") {
          return formatLength((_a = col.width) !== null && _a !== void 0 ? _a : SELECTION_COL_WIDTH);
        }
        if (col.type === "expand") {
          return formatLength((_b = col.width) !== null && _b !== void 0 ? _b : EXPAND_COL_WIDTH);
        }
        if ("children" in col) {
          return void 0;
        }
        return formatLength(col.width);
      }
      function getColKey(col) {
        if (col.type === "selection")
          return "__n_selection__";
        if (col.type === "expand")
          return "__n_expand__";
        return col.key;
      }
      function createShallowClonedObject(object) {
        if (!object)
          return object;
        if (typeof object === "object") {
          return Object.assign({}, object);
        }
        return object;
      }
      function getFlagOfOrder(order) {
        if (order === "ascend")
          return 1;
        else if (order === "descend")
          return -1;
        return 0;
      }
      function clampValueFollowCSSRules(value, min, max) {
        if (max !== void 0) {
          value = Math.min(value, typeof max === "number" ? max : parseFloat(max));
        }
        if (min !== void 0) {
          value = Math.max(value, typeof min === "number" ? min : parseFloat(min));
        }
        return value;
      }
      function createCustomWidthStyle(column, resizedWidth) {
        if (resizedWidth !== void 0) {
          return {
            width: resizedWidth,
            minWidth: resizedWidth,
            maxWidth: resizedWidth
          };
        }
        const width = getStringColWidth(column);
        const {
          minWidth,
          maxWidth
        } = column;
        return {
          width,
          minWidth: formatLength(minWidth) || width,
          maxWidth: formatLength(maxWidth)
        };
      }
      function createRowClassName(row, index, rowClassName) {
        if (typeof rowClassName === "function")
          return rowClassName(row, index);
        return rowClassName || "";
      }
      function shouldUseArrayInSingleMode(column) {
        return column.filterOptionValues !== void 0 || column.filterOptionValue === void 0 && column.defaultFilterOptionValues !== void 0;
      }
      function isColumnSortable(column) {
        if ("children" in column)
          return false;
        return !!column.sorter;
      }
      function isColumnResizable(column) {
        if ("children" in column && !!column.children.length)
          return false;
        return !!column.resizable;
      }
      function isColumnFilterable(column) {
        if ("children" in column)
          return false;
        return !!column.filter && (!!column.filterOptions || !!column.renderFilterMenu);
      }
      function getNextOrderOf(order) {
        if (!order)
          return "descend";
        else if (order === "descend")
          return "ascend";
        return false;
      }
      function createNextSorter(column, currentSortState) {
        if (column.sorter === void 0)
          return null;
        if (currentSortState === null || currentSortState.columnKey !== column.key) {
          return {
            columnKey: column.key,
            sorter: column.sorter,
            order: getNextOrderOf(false)
          };
        } else {
          return Object.assign(Object.assign({}, currentSortState), {
            order: getNextOrderOf(currentSortState.order)
          });
        }
      }
      function isColumnSorting(column, mergedSortState) {
        return mergedSortState.find((state) => state.columnKey === column.key && state.order) !== void 0;
      }
      function formatCsvCell(value) {
        if (typeof value === "string") {
          return value.replace(/,/g, "\\,");
        } else if (value === null || value === void 0) {
          return "";
        } else {
          return `${value}`.replace(/,/g, "\\,");
        }
      }
      function generateCsv(columns, data) {
        const exportableColumns = columns.filter((column) => column.type !== "expand" && column.type !== "selection");
        const header = exportableColumns.map((col) => col.title).join(",");
        const rows = data.map((row) => {
          return exportableColumns.map((col) => formatCsvCell(row[col.key])).join(",");
        });
        return [header, ...rows].join("\n");
      }
      const NDataTableFilterMenu = vue.defineComponent({
        name: "DataTableFilterMenu",
        props: {
          column: {
            type: Object,
            required: true
          },
          radioGroupName: {
            type: String,
            required: true
          },
          multiple: {
            type: Boolean,
            required: true
          },
          value: {
            type: [Array, String, Number],
            default: null
          },
          options: {
            type: Array,
            required: true
          },
          onConfirm: {
            type: Function,
            required: true
          },
          onClear: {
            type: Function,
            required: true
          },
          onChange: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const {
            mergedClsPrefixRef: mergedClsPrefixRefRtl,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("DataTable", mergedRtlRef, mergedClsPrefixRefRtl);
          const {
            mergedClsPrefixRef,
            mergedThemeRef,
            localeRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          const temporalValueRef = vue.ref(props.value);
          const checkboxGroupValueRef = vue.computed(() => {
            const {
              value: temporalValue
            } = temporalValueRef;
            if (!Array.isArray(temporalValue))
              return null;
            return temporalValue;
          });
          const radioGroupValueRef = vue.computed(() => {
            const {
              value: temporalValue
            } = temporalValueRef;
            if (shouldUseArrayInSingleMode(props.column)) {
              return Array.isArray(temporalValue) && temporalValue.length && temporalValue[0] || null;
            }
            if (!Array.isArray(temporalValue))
              return temporalValue;
            return null;
          });
          function doChange(value) {
            props.onChange(value);
          }
          function handleChange(value) {
            if (props.multiple && Array.isArray(value)) {
              temporalValueRef.value = value;
            } else if (shouldUseArrayInSingleMode(props.column) && !Array.isArray(value)) {
              temporalValueRef.value = [value];
            } else {
              temporalValueRef.value = value;
            }
          }
          function handleConfirmClick() {
            doChange(temporalValueRef.value);
            props.onConfirm();
          }
          function handleClearClick() {
            if (props.multiple || shouldUseArrayInSingleMode(props.column)) {
              doChange([]);
            } else {
              doChange(null);
            }
            props.onClear();
          }
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            mergedTheme: mergedThemeRef,
            locale: localeRef,
            checkboxGroupValue: checkboxGroupValueRef,
            radioGroupValue: radioGroupValueRef,
            handleChange,
            handleConfirmClick,
            handleClearClick
          };
        },
        render() {
          const {
            mergedTheme,
            locale: locale2,
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-data-table-filter-menu`, this.rtlEnabled && `${mergedClsPrefix}-data-table-filter-menu--rtl`]
          }, vue.h(Scrollbar$2, null, {
            default: () => {
              const {
                checkboxGroupValue,
                handleChange
              } = this;
              return this.multiple ? vue.h(NCheckboxGroup, {
                value: checkboxGroupValue,
                class: `${mergedClsPrefix}-data-table-filter-menu__group`,
                onUpdateValue: handleChange
              }, {
                default: () => this.options.map((option) => {
                  return vue.h(NCheckbox, {
                    key: option.value,
                    theme: mergedTheme.peers.Checkbox,
                    themeOverrides: mergedTheme.peerOverrides.Checkbox,
                    value: option.value
                  }, {
                    default: () => option.label
                  });
                })
              }) : vue.h(NRadioGroup, {
                name: this.radioGroupName,
                class: `${mergedClsPrefix}-data-table-filter-menu__group`,
                value: this.radioGroupValue,
                onUpdateValue: this.handleChange
              }, {
                default: () => this.options.map((option) => vue.h(NRadio, {
                  key: option.value,
                  value: option.value,
                  theme: mergedTheme.peers.Radio,
                  themeOverrides: mergedTheme.peerOverrides.Radio
                }, {
                  default: () => option.label
                }))
              });
            }
          }), vue.h("div", {
            class: `${mergedClsPrefix}-data-table-filter-menu__action`
          }, vue.h(NButton, {
            size: "tiny",
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            onClick: this.handleClearClick
          }, {
            default: () => locale2.clear
          }), vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            type: "primary",
            size: "tiny",
            onClick: this.handleConfirmClick
          }, {
            default: () => locale2.confirm
          })));
        }
      });
      function createFilterState(currentFilterState, columnKey, mergedFilterValue) {
        const nextFilterState = Object.assign({}, currentFilterState);
        nextFilterState[columnKey] = mergedFilterValue;
        return nextFilterState;
      }
      const FilterButton = vue.defineComponent({
        name: "DataTableFilterButton",
        props: {
          column: {
            type: Object,
            required: true
          },
          options: {
            type: Array,
            default: () => []
          }
        },
        setup(props) {
          const {
            mergedComponentPropsRef
          } = useConfig();
          const {
            mergedThemeRef,
            mergedClsPrefixRef,
            mergedFilterStateRef,
            filterMenuCssVarsRef,
            paginationBehaviorOnFilterRef,
            doUpdatePage,
            doUpdateFilters
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          const showPopoverRef = vue.ref(false);
          const filterStateRef = mergedFilterStateRef;
          const filterMultipleRef = vue.computed(() => {
            return props.column.filterMultiple !== false;
          });
          const mergedFilterValueRef = vue.computed(() => {
            const filterValue = filterStateRef.value[props.column.key];
            if (filterValue === void 0) {
              const {
                value: multiple
              } = filterMultipleRef;
              if (multiple)
                return [];
              else
                return null;
            }
            return filterValue;
          });
          const activeRef = vue.computed(() => {
            const {
              value: filterValue
            } = mergedFilterValueRef;
            if (Array.isArray(filterValue)) {
              return filterValue.length > 0;
            }
            return filterValue !== null;
          });
          const mergedRenderFilterRef = vue.computed(() => {
            var _a, _b;
            return ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DataTable) === null || _b === void 0 ? void 0 : _b.renderFilter) || props.column.renderFilter;
          });
          function handleFilterChange(mergedFilterValue) {
            const nextFilterState = createFilterState(filterStateRef.value, props.column.key, mergedFilterValue);
            doUpdateFilters(nextFilterState, props.column);
            if (paginationBehaviorOnFilterRef.value === "first") {
              doUpdatePage(1);
            }
          }
          function handleFilterMenuCancel() {
            showPopoverRef.value = false;
          }
          function handleFilterMenuConfirm() {
            showPopoverRef.value = false;
          }
          return {
            mergedTheme: mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            active: activeRef,
            showPopover: showPopoverRef,
            mergedRenderFilter: mergedRenderFilterRef,
            filterMultiple: filterMultipleRef,
            mergedFilterValue: mergedFilterValueRef,
            filterMenuCssVars: filterMenuCssVarsRef,
            handleFilterChange,
            handleFilterMenuConfirm,
            handleFilterMenuCancel
          };
        },
        render() {
          const {
            mergedTheme,
            mergedClsPrefix,
            handleFilterMenuCancel
          } = this;
          return vue.h(NPopover, {
            show: this.showPopover,
            onUpdateShow: (v) => this.showPopover = v,
            trigger: "click",
            theme: mergedTheme.peers.Popover,
            themeOverrides: mergedTheme.peerOverrides.Popover,
            placement: "bottom",
            style: {
              padding: 0
            }
          }, {
            trigger: () => {
              const {
                mergedRenderFilter
              } = this;
              if (mergedRenderFilter) {
                return vue.h(RenderFilter, {
                  "data-data-table-filter": true,
                  render: mergedRenderFilter,
                  active: this.active,
                  show: this.showPopover
                });
              }
              const {
                renderFilterIcon
              } = this.column;
              return vue.h("div", {
                "data-data-table-filter": true,
                class: [`${mergedClsPrefix}-data-table-filter`, {
                  [`${mergedClsPrefix}-data-table-filter--active`]: this.active,
                  [`${mergedClsPrefix}-data-table-filter--show`]: this.showPopover
                }]
              }, renderFilterIcon ? renderFilterIcon({
                active: this.active,
                show: this.showPopover
              }) : vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(FilterIcon, null)
              }));
            },
            default: () => {
              const {
                renderFilterMenu
              } = this.column;
              return renderFilterMenu ? renderFilterMenu({
                hide: handleFilterMenuCancel
              }) : vue.h(NDataTableFilterMenu, {
                style: this.filterMenuCssVars,
                radioGroupName: String(this.column.key),
                multiple: this.filterMultiple,
                value: this.mergedFilterValue,
                options: this.options,
                column: this.column,
                onChange: this.handleFilterChange,
                onClear: this.handleFilterMenuCancel,
                onConfirm: this.handleFilterMenuConfirm
              });
            }
          });
        }
      });
      const ResizeButton = vue.defineComponent({
        name: "ColumnResizeButton",
        props: {
          onResizeStart: Function,
          onResize: Function,
          onResizeEnd: Function
        },
        setup(props) {
          const {
            mergedClsPrefixRef
          } = vue.inject(dataTableInjectionKey);
          const activeRef = vue.ref(false);
          let startX = 0;
          function getMouseX(e) {
            return e.clientX;
          }
          function handleMousedown(e) {
            var _a;
            e.preventDefault();
            const alreadyStarted = activeRef.value;
            startX = getMouseX(e);
            activeRef.value = true;
            if (!alreadyStarted) {
              on("mousemove", window, handleMousemove);
              on("mouseup", window, handleMouseup);
              (_a = props.onResizeStart) === null || _a === void 0 ? void 0 : _a.call(props);
            }
          }
          function handleMousemove(e) {
            var _a;
            (_a = props.onResize) === null || _a === void 0 ? void 0 : _a.call(props, getMouseX(e) - startX);
          }
          function handleMouseup() {
            var _a;
            activeRef.value = false;
            (_a = props.onResizeEnd) === null || _a === void 0 ? void 0 : _a.call(props);
            off("mousemove", window, handleMousemove);
            off("mouseup", window, handleMouseup);
          }
          vue.onBeforeUnmount(() => {
            off("mousemove", window, handleMousemove);
            off("mouseup", window, handleMouseup);
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            active: activeRef,
            handleMousedown
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("span", {
            "data-data-table-resizable": true,
            class: [`${mergedClsPrefix}-data-table-resize-button`, this.active && `${mergedClsPrefix}-data-table-resize-button--active`],
            onMousedown: this.handleMousedown
          });
        }
      });
      const NDropdownDivider = vue.defineComponent({
        name: "DropdownDivider",
        props: {
          clsPrefix: {
            type: String,
            required: true
          }
        },
        render() {
          return vue.h("div", {
            class: `${this.clsPrefix}-dropdown-divider`
          });
        }
      });
      const self$N = (vars) => {
        const {
          textColorBase,
          opacity1,
          opacity2,
          opacity3,
          opacity4,
          opacity5
        } = vars;
        return {
          color: textColorBase,
          opacity1Depth: opacity1,
          opacity2Depth: opacity2,
          opacity3Depth: opacity3,
          opacity4Depth: opacity4,
          opacity5Depth: opacity5
        };
      };
      const iconLight = {
        name: "Icon",
        common: derived,
        self: self$N
      };
      const style$Z = cB("icon", `
 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;
 transform: translateZ(0);
`, [cM("color-transition", {
        transition: "color .3s var(--n-bezier)"
      }), cM("depth", {
        color: "var(--n-color)"
      }, [c$1("svg", {
        opacity: "var(--n-opacity)",
        transition: "opacity .3s var(--n-bezier)"
      })]), c$1("svg", {
        height: "1em",
        width: "1em"
      })]);
      const iconProps = Object.assign(Object.assign({}, useTheme.props), {
        depth: [String, Number],
        size: [Number, String],
        color: String,
        component: Object
      });
      const NIcon = vue.defineComponent({
        _n_icon__: true,
        name: "Icon",
        inheritAttrs: false,
        props: iconProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Icon", "-icon", style$Z, iconLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              depth
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            if (depth !== void 0) {
              const {
                color,
                [`opacity${depth}Depth`]: opacity
              } = self2;
              return {
                "--n-bezier": cubicBezierEaseInOut2,
                "--n-color": color,
                "--n-opacity": opacity
              };
            }
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-color": "",
              "--n-opacity": ""
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("icon", vue.computed(() => `${props.depth || "d"}`), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedStyle: vue.computed(() => {
              const {
                size: size2,
                color
              } = props;
              return {
                fontSize: formatLength(size2),
                color
              };
            }),
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            $parent,
            depth,
            mergedClsPrefix,
            component,
            onRender,
            themeClass
          } = this;
          if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
            warn$2("icon", "don't wrap `n-icon` inside `n-icon`");
          }
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("i", vue.mergeProps(this.$attrs, {
            role: "img",
            class: [`${mergedClsPrefix}-icon`, themeClass, {
              [`${mergedClsPrefix}-icon--depth`]: depth,
              [`${mergedClsPrefix}-icon--color-transition`]: depth !== void 0
            }],
            style: [this.cssVars, this.mergedStyle]
          }), component ? vue.h(component) : this.$slots);
        }
      });
      const dropdownMenuInjectionKey = createInjectionKey("n-dropdown-menu");
      const dropdownInjectionKey = createInjectionKey("n-dropdown");
      const dropdownOptionInjectionKey = createInjectionKey("n-dropdown-option");
      function isSubmenuNode(rawNode, childrenField) {
        return rawNode.type === "submenu" || rawNode.type === void 0 && rawNode[childrenField] !== void 0;
      }
      function isGroupNode(rawNode) {
        return rawNode.type === "group";
      }
      function isDividerNode$1(rawNode) {
        return rawNode.type === "divider";
      }
      function isRenderNode(rawNode) {
        return rawNode.type === "render";
      }
      const NDropdownOption = vue.defineComponent({
        name: "DropdownOption",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          tmNode: {
            type: Object,
            required: true
          },
          parentKey: {
            type: [String, Number],
            default: null
          },
          placement: {
            type: String,
            default: "right-start"
          },
          props: Object,
          scrollable: Boolean
        },
        setup(props) {
          const NDropdown2 = vue.inject(dropdownInjectionKey);
          const {
            hoverKeyRef,
            keyboardKeyRef,
            lastToggledSubmenuKeyRef,
            pendingKeyPathRef,
            activeKeyPathRef,
            animatedRef,
            mergedShowRef,
            renderLabelRef,
            renderIconRef,
            labelFieldRef,
            childrenFieldRef,
            renderOptionRef,
            nodePropsRef,
            menuPropsRef
          } = NDropdown2;
          const NDropdownOption2 = vue.inject(dropdownOptionInjectionKey, null);
          const NDropdownMenu2 = vue.inject(dropdownMenuInjectionKey);
          const NPopoverBody2 = vue.inject(popoverBodyInjectionKey);
          const rawNodeRef = vue.computed(() => props.tmNode.rawNode);
          const hasSubmenuRef = vue.computed(() => {
            const {
              value: childrenField
            } = childrenFieldRef;
            return isSubmenuNode(props.tmNode.rawNode, childrenField);
          });
          const mergedDisabledRef = vue.computed(() => {
            const {
              disabled
            } = props.tmNode;
            return disabled;
          });
          const showSubmenuRef = vue.computed(() => {
            if (!hasSubmenuRef.value)
              return false;
            const {
              key,
              disabled
            } = props.tmNode;
            if (disabled)
              return false;
            const {
              value: hoverKey
            } = hoverKeyRef;
            const {
              value: keyboardKey
            } = keyboardKeyRef;
            const {
              value: lastToggledSubmenuKey
            } = lastToggledSubmenuKeyRef;
            const {
              value: pendingKeyPath
            } = pendingKeyPathRef;
            if (hoverKey !== null)
              return pendingKeyPath.includes(key);
            if (keyboardKey !== null) {
              return pendingKeyPath.includes(key) && pendingKeyPath[pendingKeyPath.length - 1] !== key;
            }
            if (lastToggledSubmenuKey !== null)
              return pendingKeyPath.includes(key);
            return false;
          });
          const shouldDelayRef = vue.computed(() => {
            return keyboardKeyRef.value === null && !animatedRef.value;
          });
          const deferredShowSubmenuRef = useDeferredTrue(showSubmenuRef, 300, shouldDelayRef);
          const parentEnteringSubmenuRef = vue.computed(() => {
            return !!(NDropdownOption2 === null || NDropdownOption2 === void 0 ? void 0 : NDropdownOption2.enteringSubmenuRef.value);
          });
          const enteringSubmenuRef = vue.ref(false);
          vue.provide(dropdownOptionInjectionKey, {
            enteringSubmenuRef
          });
          function handleSubmenuBeforeEnter() {
            enteringSubmenuRef.value = true;
          }
          function handleSubmenuAfterEnter() {
            enteringSubmenuRef.value = false;
          }
          function handleMouseEnter() {
            const {
              parentKey,
              tmNode
            } = props;
            if (tmNode.disabled)
              return;
            if (!mergedShowRef.value)
              return;
            lastToggledSubmenuKeyRef.value = parentKey;
            keyboardKeyRef.value = null;
            hoverKeyRef.value = tmNode.key;
          }
          function handleMouseMove() {
            const {
              tmNode
            } = props;
            if (tmNode.disabled)
              return;
            if (!mergedShowRef.value)
              return;
            if (hoverKeyRef.value === tmNode.key)
              return;
            handleMouseEnter();
          }
          function handleMouseLeave(e) {
            if (props.tmNode.disabled)
              return;
            if (!mergedShowRef.value)
              return;
            const {
              relatedTarget
            } = e;
            if (relatedTarget && !happensIn({
              target: relatedTarget
            }, "dropdownOption") && !happensIn({
              target: relatedTarget
            }, "scrollbarRail")) {
              hoverKeyRef.value = null;
            }
          }
          function handleClick2() {
            const {
              value: hasSubmenu
            } = hasSubmenuRef;
            const {
              tmNode
            } = props;
            if (!mergedShowRef.value)
              return;
            if (!hasSubmenu && !tmNode.disabled) {
              NDropdown2.doSelect(tmNode.key, tmNode.rawNode);
              NDropdown2.doUpdateShow(false);
            }
          }
          return {
            labelField: labelFieldRef,
            renderLabel: renderLabelRef,
            renderIcon: renderIconRef,
            siblingHasIcon: NDropdownMenu2.showIconRef,
            siblingHasSubmenu: NDropdownMenu2.hasSubmenuRef,
            menuProps: menuPropsRef,
            popoverBody: NPopoverBody2,
            animated: animatedRef,
            mergedShowSubmenu: vue.computed(() => {
              return deferredShowSubmenuRef.value && !parentEnteringSubmenuRef.value;
            }),
            rawNode: rawNodeRef,
            hasSubmenu: hasSubmenuRef,
            pending: useMemo(() => {
              const {
                value: pendingKeyPath
              } = pendingKeyPathRef;
              const {
                key
              } = props.tmNode;
              return pendingKeyPath.includes(key);
            }),
            childActive: useMemo(() => {
              const {
                value: activeKeyPath
              } = activeKeyPathRef;
              const {
                key
              } = props.tmNode;
              const index = activeKeyPath.findIndex((k) => key === k);
              if (index === -1)
                return false;
              return index < activeKeyPath.length - 1;
            }),
            active: useMemo(() => {
              const {
                value: activeKeyPath
              } = activeKeyPathRef;
              const {
                key
              } = props.tmNode;
              const index = activeKeyPath.findIndex((k) => key === k);
              if (index === -1)
                return false;
              return index === activeKeyPath.length - 1;
            }),
            mergedDisabled: mergedDisabledRef,
            renderOption: renderOptionRef,
            nodeProps: nodePropsRef,
            handleClick: handleClick2,
            handleMouseMove,
            handleMouseEnter,
            handleMouseLeave,
            handleSubmenuBeforeEnter,
            handleSubmenuAfterEnter
          };
        },
        render() {
          var _a, _b;
          const {
            animated,
            rawNode,
            mergedShowSubmenu,
            clsPrefix,
            siblingHasIcon,
            siblingHasSubmenu,
            renderLabel,
            renderIcon,
            renderOption,
            nodeProps,
            props,
            scrollable
          } = this;
          let submenuVNode = null;
          if (mergedShowSubmenu) {
            const submenuNodeProps = (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.call(this, rawNode, rawNode.children);
            submenuVNode = vue.h(NDropdownMenu, Object.assign({}, submenuNodeProps, {
              clsPrefix,
              scrollable: this.scrollable,
              tmNodes: this.tmNode.children,
              parentKey: this.tmNode.key
            }));
          }
          const builtinProps = {
            class: [`${clsPrefix}-dropdown-option-body`, this.pending && `${clsPrefix}-dropdown-option-body--pending`, this.active && `${clsPrefix}-dropdown-option-body--active`, this.childActive && `${clsPrefix}-dropdown-option-body--child-active`, this.mergedDisabled && `${clsPrefix}-dropdown-option-body--disabled`],
            onMousemove: this.handleMouseMove,
            onMouseenter: this.handleMouseEnter,
            onMouseleave: this.handleMouseLeave,
            onClick: this.handleClick
          };
          const optionNodeProps = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
          const node = vue.h("div", Object.assign({
            class: [`${clsPrefix}-dropdown-option`, optionNodeProps === null || optionNodeProps === void 0 ? void 0 : optionNodeProps.class],
            "data-dropdown-option": true
          }, optionNodeProps), vue.h("div", vue.mergeProps(builtinProps, props), [vue.h("div", {
            class: [`${clsPrefix}-dropdown-option-body__prefix`, siblingHasIcon && `${clsPrefix}-dropdown-option-body__prefix--show-icon`]
          }, [renderIcon ? renderIcon(rawNode) : render$1(rawNode.icon)]), vue.h("div", {
            "data-dropdown-option": true,
            class: `${clsPrefix}-dropdown-option-body__label`
          }, renderLabel ? renderLabel(rawNode) : render$1((_b = rawNode[this.labelField]) !== null && _b !== void 0 ? _b : rawNode.title)), vue.h("div", {
            "data-dropdown-option": true,
            class: [`${clsPrefix}-dropdown-option-body__suffix`, siblingHasSubmenu && `${clsPrefix}-dropdown-option-body__suffix--has-submenu`]
          }, this.hasSubmenu ? vue.h(NIcon, null, {
            default: () => vue.h(ChevronRightIcon, null)
          }) : null)]), this.hasSubmenu ? vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h("div", {
                class: `${clsPrefix}-dropdown-offset-container`
              }, vue.h(VFollower, {
                show: this.mergedShowSubmenu,
                placement: this.placement,
                to: scrollable ? this.popoverBody || void 0 : void 0,
                teleportDisabled: !scrollable
              }, {
                default: () => {
                  return vue.h("div", {
                    class: `${clsPrefix}-dropdown-menu-wrapper`
                  }, animated ? vue.h(vue.Transition, {
                    onBeforeEnter: this.handleSubmenuBeforeEnter,
                    onAfterEnter: this.handleSubmenuAfterEnter,
                    name: "fade-in-scale-up-transition",
                    appear: true
                  }, {
                    default: () => submenuVNode
                  }) : submenuVNode);
                }
              }))
            })]
          }) : null);
          if (renderOption) {
            return renderOption({
              node,
              option: rawNode
            });
          }
          return node;
        }
      });
      const NDropdownGroupHeader = vue.defineComponent({
        name: "DropdownGroupHeader",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          tmNode: {
            type: Object,
            required: true
          }
        },
        setup() {
          const {
            showIconRef,
            hasSubmenuRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dropdownMenuInjectionKey);
          const {
            renderLabelRef,
            labelFieldRef,
            nodePropsRef,
            renderOptionRef
          } = (
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            vue.inject(dropdownInjectionKey)
          );
          return {
            labelField: labelFieldRef,
            showIcon: showIconRef,
            hasSubmenu: hasSubmenuRef,
            renderLabel: renderLabelRef,
            nodeProps: nodePropsRef,
            renderOption: renderOptionRef
          };
        },
        render() {
          var _a;
          const {
            clsPrefix,
            hasSubmenu,
            showIcon,
            nodeProps,
            renderLabel,
            renderOption
          } = this;
          const {
            rawNode
          } = this.tmNode;
          const node = vue.h("div", Object.assign({
            class: `${clsPrefix}-dropdown-option`
          }, nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode)), vue.h("div", {
            class: `${clsPrefix}-dropdown-option-body ${clsPrefix}-dropdown-option-body--group`
          }, vue.h("div", {
            "data-dropdown-option": true,
            class: [`${clsPrefix}-dropdown-option-body__prefix`, showIcon && `${clsPrefix}-dropdown-option-body__prefix--show-icon`]
          }, render$1(rawNode.icon)), vue.h("div", {
            class: `${clsPrefix}-dropdown-option-body__label`,
            "data-dropdown-option": true
          }, renderLabel ? renderLabel(rawNode) : render$1((_a = rawNode.title) !== null && _a !== void 0 ? _a : rawNode[this.labelField])), vue.h("div", {
            class: [`${clsPrefix}-dropdown-option-body__suffix`, hasSubmenu && `${clsPrefix}-dropdown-option-body__suffix--has-submenu`],
            "data-dropdown-option": true
          })));
          if (renderOption) {
            return renderOption({
              node,
              option: rawNode
            });
          }
          return node;
        }
      });
      const NDropdownGroup = vue.defineComponent({
        name: "NDropdownGroup",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          tmNode: {
            type: Object,
            required: true
          },
          parentKey: {
            type: [String, Number],
            default: null
          }
        },
        render() {
          const {
            tmNode,
            parentKey,
            clsPrefix
          } = this;
          const {
            children
          } = tmNode;
          return vue.h(vue.Fragment, null, vue.h(NDropdownGroupHeader, {
            clsPrefix,
            tmNode,
            key: tmNode.key
          }), children === null || children === void 0 ? void 0 : children.map((child) => {
            const {
              rawNode
            } = child;
            if (rawNode.show === false)
              return null;
            if (isDividerNode$1(rawNode)) {
              return vue.h(NDropdownDivider, {
                clsPrefix,
                key: child.key
              });
            }
            if (child.isGroup) {
              warn$2("dropdown", "`group` node is not allowed to be put in `group` node.");
              return null;
            }
            return vue.h(NDropdownOption, {
              clsPrefix,
              tmNode: child,
              parentKey,
              key: child.key
            });
          }));
        }
      });
      const NDropdownRenderOption = vue.defineComponent({
        name: "DropdownRenderOption",
        props: {
          tmNode: {
            type: Object,
            required: true
          }
        },
        render() {
          const {
            rawNode: {
              render: render2,
              props
            }
          } = this.tmNode;
          return vue.h("div", props, [render2 === null || render2 === void 0 ? void 0 : render2()]);
        }
      });
      const NDropdownMenu = vue.defineComponent({
        name: "DropdownMenu",
        props: {
          scrollable: Boolean,
          showArrow: Boolean,
          arrowStyle: [String, Object],
          clsPrefix: {
            type: String,
            required: true
          },
          tmNodes: {
            type: Array,
            default: () => []
          },
          parentKey: {
            type: [String, Number],
            default: null
          }
        },
        setup(props) {
          const {
            renderIconRef,
            childrenFieldRef
          } = vue.inject(dropdownInjectionKey);
          vue.provide(dropdownMenuInjectionKey, {
            showIconRef: vue.computed(() => {
              const renderIcon = renderIconRef.value;
              return props.tmNodes.some((tmNode) => {
                var _a;
                if (tmNode.isGroup) {
                  return (_a = tmNode.children) === null || _a === void 0 ? void 0 : _a.some(({
                    rawNode: rawChild
                  }) => renderIcon ? renderIcon(rawChild) : rawChild.icon);
                }
                const {
                  rawNode
                } = tmNode;
                return renderIcon ? renderIcon(rawNode) : rawNode.icon;
              });
            }),
            hasSubmenuRef: vue.computed(() => {
              const {
                value: childrenField
              } = childrenFieldRef;
              return props.tmNodes.some((tmNode) => {
                var _a;
                if (tmNode.isGroup) {
                  return (_a = tmNode.children) === null || _a === void 0 ? void 0 : _a.some(({
                    rawNode: rawChild
                  }) => isSubmenuNode(rawChild, childrenField));
                }
                const {
                  rawNode
                } = tmNode;
                return isSubmenuNode(rawNode, childrenField);
              });
            })
          });
          const bodyRef = vue.ref(null);
          vue.provide(modalBodyInjectionKey, null);
          vue.provide(drawerBodyInjectionKey, null);
          vue.provide(popoverBodyInjectionKey, bodyRef);
          return {
            bodyRef
          };
        },
        render() {
          const {
            parentKey,
            clsPrefix,
            scrollable
          } = this;
          const menuOptionsNode = this.tmNodes.map((tmNode) => {
            const {
              rawNode
            } = tmNode;
            if (rawNode.show === false)
              return null;
            if (isRenderNode(rawNode)) {
              return vue.h(NDropdownRenderOption, {
                tmNode,
                key: tmNode.key
              });
            }
            if (isDividerNode$1(rawNode)) {
              return vue.h(NDropdownDivider, {
                clsPrefix,
                key: tmNode.key
              });
            }
            if (isGroupNode(rawNode)) {
              return vue.h(NDropdownGroup, {
                clsPrefix,
                tmNode,
                parentKey,
                key: tmNode.key
              });
            }
            return vue.h(NDropdownOption, {
              clsPrefix,
              tmNode,
              parentKey,
              key: tmNode.key,
              props: rawNode.props,
              scrollable
            });
          });
          return vue.h("div", {
            class: [`${clsPrefix}-dropdown-menu`, scrollable && `${clsPrefix}-dropdown-menu--scrollable`],
            ref: "bodyRef"
          }, scrollable ? vue.h(XScrollbar, {
            contentClass: `${clsPrefix}-dropdown-menu__content`
          }, {
            default: () => menuOptionsNode
          }) : menuOptionsNode, this.showArrow ? renderArrow({
            clsPrefix,
            arrowStyle: this.arrowStyle,
            arrowClass: void 0,
            arrowWrapperClass: void 0,
            arrowWrapperStyle: void 0
          }) : null);
        }
      });
      const style$Y = cB("dropdown-menu", `
 transform-origin: var(--v-transform-origin);
 background-color: var(--n-color);
 border-radius: var(--n-border-radius);
 box-shadow: var(--n-box-shadow);
 position: relative;
 transition:
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
`, [fadeInScaleUpTransition(), cB("dropdown-option", `
 position: relative;
 `, [c$1("a", `
 text-decoration: none;
 color: inherit;
 outline: none;
 `, [c$1("&::before", `
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `)]), cB("dropdown-option-body", `
 display: flex;
 cursor: pointer;
 position: relative;
 height: var(--n-option-height);
 line-height: var(--n-option-height);
 font-size: var(--n-font-size);
 color: var(--n-option-text-color);
 transition: color .3s var(--n-bezier);
 `, [c$1("&::before", `
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 4px;
 right: 4px;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 `), cNotM("disabled", [cM("pending", `
 color: var(--n-option-text-color-hover);
 `, [cE("prefix, suffix", `
 color: var(--n-option-text-color-hover);
 `), c$1("&::before", "background-color: var(--n-option-color-hover);")]), cM("active", `
 color: var(--n-option-text-color-active);
 `, [cE("prefix, suffix", `
 color: var(--n-option-text-color-active);
 `), c$1("&::before", "background-color: var(--n-option-color-active);")]), cM("child-active", `
 color: var(--n-option-text-color-child-active);
 `, [cE("prefix, suffix", `
 color: var(--n-option-text-color-child-active);
 `)])]), cM("disabled", `
 cursor: not-allowed;
 opacity: var(--n-option-opacity-disabled);
 `), cM("group", `
 font-size: calc(var(--n-font-size) - 1px);
 color: var(--n-group-header-text-color);
 `, [cE("prefix", `
 width: calc(var(--n-option-prefix-width) / 2);
 `, [cM("show-icon", `
 width: calc(var(--n-option-icon-prefix-width) / 2);
 `)])]), cE("prefix", `
 width: var(--n-option-prefix-width);
 display: flex;
 justify-content: center;
 align-items: center;
 color: var(--n-prefix-color);
 transition: color .3s var(--n-bezier);
 z-index: 1;
 `, [cM("show-icon", `
 width: var(--n-option-icon-prefix-width);
 `), cB("icon", `
 font-size: var(--n-option-icon-size);
 `)]), cE("label", `
 white-space: nowrap;
 flex: 1;
 z-index: 1;
 `), cE("suffix", `
 box-sizing: border-box;
 flex-grow: 0;
 flex-shrink: 0;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 min-width: var(--n-option-suffix-width);
 padding: 0 8px;
 transition: color .3s var(--n-bezier);
 color: var(--n-suffix-color);
 z-index: 1;
 `, [cM("has-submenu", `
 width: var(--n-option-icon-suffix-width);
 `), cB("icon", `
 font-size: var(--n-option-icon-size);
 `)]), cB("dropdown-menu", "pointer-events: all;")]), cB("dropdown-offset-container", `
 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: -4px;
 bottom: -4px;
 `)]), cB("dropdown-divider", `
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-divider-color);
 height: 1px;
 margin: 4px 0;
 `), cB("dropdown-menu-wrapper", `
 transform-origin: var(--v-transform-origin);
 width: fit-content;
 `), c$1(">", [cB("scrollbar", `
 height: inherit;
 max-height: inherit;
 `)]), cNotM("scrollable", `
 padding: var(--n-padding);
 `), cM("scrollable", [cE("content", `
 padding: var(--n-padding);
 `)])]);
      const dropdownBaseProps = {
        animated: {
          type: Boolean,
          default: true
        },
        keyboard: {
          type: Boolean,
          default: true
        },
        size: {
          type: String,
          default: "medium"
        },
        inverted: Boolean,
        placement: {
          type: String,
          default: "bottom"
        },
        onSelect: [Function, Array],
        options: {
          type: Array,
          default: () => []
        },
        menuProps: Function,
        showArrow: Boolean,
        renderLabel: Function,
        renderIcon: Function,
        renderOption: Function,
        nodeProps: Function,
        labelField: {
          type: String,
          default: "label"
        },
        keyField: {
          type: String,
          default: "key"
        },
        childrenField: {
          type: String,
          default: "children"
        },
        // for menu, not documented
        value: [String, Number]
      };
      const popoverPropKeys = Object.keys(popoverBaseProps);
      const dropdownProps = Object.assign(Object.assign(Object.assign({}, popoverBaseProps), dropdownBaseProps), useTheme.props);
      const NDropdown = vue.defineComponent({
        name: "Dropdown",
        inheritAttrs: false,
        props: dropdownProps,
        setup(props) {
          const uncontrolledShowRef = vue.ref(false);
          const mergedShowRef = useMergedState(vue.toRef(props, "show"), uncontrolledShowRef);
          const treemateRef = vue.computed(() => {
            const {
              keyField,
              childrenField
            } = props;
            return createTreeMate(props.options, {
              getKey(node) {
                return node[keyField];
              },
              getDisabled(node) {
                return node.disabled === true;
              },
              getIgnored(node) {
                return node.type === "divider" || node.type === "render";
              },
              getChildren(node) {
                return node[childrenField];
              }
            });
          });
          const tmNodesRef = vue.computed(() => {
            return treemateRef.value.treeNodes;
          });
          const hoverKeyRef = vue.ref(null);
          const keyboardKeyRef = vue.ref(null);
          const lastToggledSubmenuKeyRef = vue.ref(null);
          const pendingKeyRef = vue.computed(() => {
            var _a, _b, _c;
            return (_c = (_b = (_a = hoverKeyRef.value) !== null && _a !== void 0 ? _a : keyboardKeyRef.value) !== null && _b !== void 0 ? _b : lastToggledSubmenuKeyRef.value) !== null && _c !== void 0 ? _c : null;
          });
          const pendingKeyPathRef = vue.computed(() => treemateRef.value.getPath(pendingKeyRef.value).keyPath);
          const activeKeyPathRef = vue.computed(() => treemateRef.value.getPath(props.value).keyPath);
          const keyboardEnabledRef = useMemo(() => {
            return props.keyboard && mergedShowRef.value;
          });
          useKeyboard$1({
            keydown: {
              ArrowUp: {
                prevent: true,
                handler: handleKeydownUp
              },
              ArrowRight: {
                prevent: true,
                handler: handleKeydownRight
              },
              ArrowDown: {
                prevent: true,
                handler: handleKeydownDown
              },
              ArrowLeft: {
                prevent: true,
                handler: handleKeydownLeft
              },
              Enter: {
                prevent: true,
                handler: handleKeydownEnter
              },
              Escape: handleKeydownEsc
            }
          }, keyboardEnabledRef);
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Dropdown", "-dropdown", style$Y, dropdownLight, props, mergedClsPrefixRef);
          vue.provide(dropdownInjectionKey, {
            labelFieldRef: vue.toRef(props, "labelField"),
            childrenFieldRef: vue.toRef(props, "childrenField"),
            renderLabelRef: vue.toRef(props, "renderLabel"),
            renderIconRef: vue.toRef(props, "renderIcon"),
            hoverKeyRef,
            keyboardKeyRef,
            lastToggledSubmenuKeyRef,
            pendingKeyPathRef,
            activeKeyPathRef,
            animatedRef: vue.toRef(props, "animated"),
            mergedShowRef,
            nodePropsRef: vue.toRef(props, "nodeProps"),
            renderOptionRef: vue.toRef(props, "renderOption"),
            menuPropsRef: vue.toRef(props, "menuProps"),
            doSelect,
            doUpdateShow
          });
          vue.watch(mergedShowRef, (value) => {
            if (!props.animated && !value) {
              clearPendingState();
            }
          });
          function doSelect(key, node) {
            const {
              onSelect
            } = props;
            if (onSelect)
              call(onSelect, key, node);
          }
          function doUpdateShow(value) {
            const {
              "onUpdate:show": _onUpdateShow,
              onUpdateShow
            } = props;
            if (_onUpdateShow)
              call(_onUpdateShow, value);
            if (onUpdateShow)
              call(onUpdateShow, value);
            uncontrolledShowRef.value = value;
          }
          function clearPendingState() {
            hoverKeyRef.value = null;
            keyboardKeyRef.value = null;
            lastToggledSubmenuKeyRef.value = null;
          }
          function handleKeydownEsc() {
            doUpdateShow(false);
          }
          function handleKeydownLeft() {
            handleKeydown("left");
          }
          function handleKeydownRight() {
            handleKeydown("right");
          }
          function handleKeydownUp() {
            handleKeydown("up");
          }
          function handleKeydownDown() {
            handleKeydown("down");
          }
          function handleKeydownEnter() {
            const pendingNode = getPendingNode();
            if ((pendingNode === null || pendingNode === void 0 ? void 0 : pendingNode.isLeaf) && mergedShowRef.value) {
              doSelect(pendingNode.key, pendingNode.rawNode);
              doUpdateShow(false);
            }
          }
          function getPendingNode() {
            var _a;
            const {
              value: treeMate
            } = treemateRef;
            const {
              value: pendingKey
            } = pendingKeyRef;
            if (!treeMate || pendingKey === null)
              return null;
            return (_a = treeMate.getNode(pendingKey)) !== null && _a !== void 0 ? _a : null;
          }
          function handleKeydown(direction) {
            const {
              value: pendingKey
            } = pendingKeyRef;
            const {
              value: {
                getFirstAvailableNode: getFirstAvailableNode2
              }
            } = treemateRef;
            let nextKeyboardKey = null;
            if (pendingKey === null) {
              const firstNode = getFirstAvailableNode2();
              if (firstNode !== null) {
                nextKeyboardKey = firstNode.key;
              }
            } else {
              const currentNode = getPendingNode();
              if (currentNode) {
                let nextNode;
                switch (direction) {
                  case "down":
                    nextNode = currentNode.getNext();
                    break;
                  case "up":
                    nextNode = currentNode.getPrev();
                    break;
                  case "right":
                    nextNode = currentNode.getChild();
                    break;
                  case "left":
                    nextNode = currentNode.getParent();
                    break;
                }
                if (nextNode)
                  nextKeyboardKey = nextNode.key;
              }
            }
            if (nextKeyboardKey !== null) {
              hoverKeyRef.value = null;
              keyboardKeyRef.value = nextKeyboardKey;
            }
          }
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2,
              inverted
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const {
              padding,
              dividerColor,
              borderRadius,
              optionOpacityDisabled,
              [createKey("optionIconSuffixWidth", size2)]: optionIconSuffixWidth,
              [createKey("optionSuffixWidth", size2)]: optionSuffixWidth,
              [createKey("optionIconPrefixWidth", size2)]: optionIconPrefixWidth,
              [createKey("optionPrefixWidth", size2)]: optionPrefixWidth,
              [createKey("fontSize", size2)]: fontSize2,
              [createKey("optionHeight", size2)]: optionHeight,
              [createKey("optionIconSize", size2)]: optionIconSize
            } = self2;
            const vars = {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-padding": padding,
              "--n-border-radius": borderRadius,
              "--n-option-height": optionHeight,
              "--n-option-prefix-width": optionPrefixWidth,
              "--n-option-icon-prefix-width": optionIconPrefixWidth,
              "--n-option-suffix-width": optionSuffixWidth,
              "--n-option-icon-suffix-width": optionIconSuffixWidth,
              "--n-option-icon-size": optionIconSize,
              "--n-divider-color": dividerColor,
              "--n-option-opacity-disabled": optionOpacityDisabled
            };
            if (inverted) {
              vars["--n-color"] = self2.colorInverted;
              vars["--n-option-color-hover"] = self2.optionColorHoverInverted;
              vars["--n-option-color-active"] = self2.optionColorActiveInverted;
              vars["--n-option-text-color"] = self2.optionTextColorInverted;
              vars["--n-option-text-color-hover"] = self2.optionTextColorHoverInverted;
              vars["--n-option-text-color-active"] = self2.optionTextColorActiveInverted;
              vars["--n-option-text-color-child-active"] = self2.optionTextColorChildActiveInverted;
              vars["--n-prefix-color"] = self2.prefixColorInverted;
              vars["--n-suffix-color"] = self2.suffixColorInverted;
              vars["--n-group-header-text-color"] = self2.groupHeaderTextColorInverted;
            } else {
              vars["--n-color"] = self2.color;
              vars["--n-option-color-hover"] = self2.optionColorHover;
              vars["--n-option-color-active"] = self2.optionColorActive;
              vars["--n-option-text-color"] = self2.optionTextColor;
              vars["--n-option-text-color-hover"] = self2.optionTextColorHover;
              vars["--n-option-text-color-active"] = self2.optionTextColorActive;
              vars["--n-option-text-color-child-active"] = self2.optionTextColorChildActive;
              vars["--n-prefix-color"] = self2.prefixColor;
              vars["--n-suffix-color"] = self2.suffixColor;
              vars["--n-group-header-text-color"] = self2.groupHeaderTextColor;
            }
            return vars;
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("dropdown", vue.computed(() => `${props.size[0]}${props.inverted ? "i" : ""}`), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: themeRef,
            // data
            tmNodes: tmNodesRef,
            // show
            mergedShow: mergedShowRef,
            // methods
            handleAfterLeave: () => {
              if (!props.animated)
                return;
              clearPendingState();
            },
            doUpdateShow,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const renderPopoverBody = (className, ref2, style2, onMouseenter, onMouseleave) => {
            var _a;
            const {
              mergedClsPrefix,
              menuProps: menuProps2
            } = this;
            (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
            const menuNodeProps = (menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2(void 0, this.tmNodes.map((v) => v.rawNode))) || {};
            const dropdownProps2 = {
              ref: createRefSetter(ref2),
              class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
              clsPrefix: mergedClsPrefix,
              tmNodes: this.tmNodes,
              style: [...style2, this.cssVars],
              showArrow: this.showArrow,
              arrowStyle: this.arrowStyle,
              scrollable: this.scrollable,
              onMouseenter,
              onMouseleave
            };
            return vue.h(NDropdownMenu, vue.mergeProps(this.$attrs, dropdownProps2, menuNodeProps));
          };
          const {
            mergedTheme
          } = this;
          const popoverProps2 = {
            show: this.mergedShow,
            theme: mergedTheme.peers.Popover,
            themeOverrides: mergedTheme.peerOverrides.Popover,
            internalOnAfterLeave: this.handleAfterLeave,
            internalRenderBody: renderPopoverBody,
            onUpdateShow: this.doUpdateShow,
            "onUpdate:show": void 0
          };
          return vue.h(NPopover, Object.assign({}, keep(this.$props, popoverPropKeys), popoverProps2), {
            trigger: () => {
              var _a, _b;
              return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
            }
          });
        }
      });
      const allKey = "_n_all__";
      const noneKey = "_n_none__";
      function createSelectHandler(options, rawPaginatedDataRef, doCheckAll, doUncheckAll) {
        if (!options)
          return () => {
          };
        return (key) => {
          for (const option of options) {
            switch (key) {
              case allKey:
                doCheckAll(true);
                return;
              case noneKey:
                doUncheckAll(true);
                return;
              default:
                if (typeof option === "object" && option.key === key) {
                  option.onSelect(rawPaginatedDataRef.value);
                  return;
                }
            }
          }
        };
      }
      function createDropdownOptions(options, localeRef) {
        if (!options)
          return [];
        return options.map((option) => {
          switch (option) {
            case "all":
              return {
                label: localeRef.checkTableAll,
                key: allKey
              };
            case "none":
              return {
                label: localeRef.uncheckTableAll,
                key: noneKey
              };
            default:
              return option;
          }
        });
      }
      const SelectionMenu = vue.defineComponent({
        name: "DataTableSelectionMenu",
        props: {
          clsPrefix: {
            type: String,
            required: true
          }
        },
        setup(props) {
          const {
            props: dataTableProps2,
            localeRef,
            checkOptionsRef,
            rawPaginatedDataRef,
            doCheckAll,
            doUncheckAll
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          const handleSelectRef = vue.computed(() => createSelectHandler(checkOptionsRef.value, rawPaginatedDataRef, doCheckAll, doUncheckAll));
          const optionsRef = vue.computed(() => createDropdownOptions(checkOptionsRef.value, localeRef.value));
          return () => {
            var _a, _b, _c, _d;
            const {
              clsPrefix
            } = props;
            return vue.h(NDropdown, {
              theme: (_b = (_a = dataTableProps2.theme) === null || _a === void 0 ? void 0 : _a.peers) === null || _b === void 0 ? void 0 : _b.Dropdown,
              themeOverrides: (_d = (_c = dataTableProps2.themeOverrides) === null || _c === void 0 ? void 0 : _c.peers) === null || _d === void 0 ? void 0 : _d.Dropdown,
              options: optionsRef.value,
              onSelect: handleSelectRef.value
            }, {
              default: () => vue.h(NBaseIcon, {
                clsPrefix,
                class: `${clsPrefix}-data-table-check-extra`
              }, {
                default: () => vue.h(ChevronDownIcon, null)
              })
            });
          };
        }
      });
      function renderTitle(column) {
        return typeof column.title === "function" ? column.title(column) : column.title;
      }
      const TableHeader = vue.defineComponent({
        name: "DataTableHeader",
        props: {
          discrete: {
            type: Boolean,
            default: true
          }
        },
        setup() {
          const {
            mergedClsPrefixRef,
            scrollXRef,
            fixedColumnLeftMapRef,
            fixedColumnRightMapRef,
            mergedCurrentPageRef,
            allRowsCheckedRef,
            someRowsCheckedRef,
            rowsRef,
            colsRef,
            mergedThemeRef,
            checkOptionsRef,
            mergedSortStateRef,
            componentId,
            mergedTableLayoutRef,
            headerCheckboxDisabledRef,
            onUnstableColumnResize,
            doUpdateResizableWidth,
            handleTableHeaderScroll,
            deriveNextSorter,
            doUncheckAll,
            doCheckAll
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          const cellElsRef = vue.ref({});
          function getCellActualWidth(key) {
            const element = cellElsRef.value[key];
            return element === null || element === void 0 ? void 0 : element.getBoundingClientRect().width;
          }
          function handleCheckboxUpdateChecked() {
            if (allRowsCheckedRef.value) {
              doUncheckAll();
            } else {
              doCheckAll();
            }
          }
          function handleColHeaderClick(e, column) {
            if (happensIn(e, "dataTableFilter") || happensIn(e, "dataTableResizable")) {
              return;
            }
            if (!isColumnSortable(column))
              return;
            const activeSorter = mergedSortStateRef.value.find((state) => state.columnKey === column.key) || null;
            const nextSorter = createNextSorter(column, activeSorter);
            deriveNextSorter(nextSorter);
          }
          const resizeStartWidthMap = /* @__PURE__ */ new Map();
          function handleColumnResizeStart(column) {
            resizeStartWidthMap.set(column.key, getCellActualWidth(column.key));
          }
          function handleColumnResize(column, displacementX) {
            const startWidth = resizeStartWidthMap.get(column.key);
            if (startWidth === void 0) {
              return;
            }
            const widthAfterResize = startWidth + displacementX;
            const limitWidth = clampValueFollowCSSRules(widthAfterResize, column.minWidth, column.maxWidth);
            onUnstableColumnResize(widthAfterResize, limitWidth, column, getCellActualWidth);
            doUpdateResizableWidth(column, limitWidth);
          }
          return {
            cellElsRef,
            componentId,
            mergedSortState: mergedSortStateRef,
            mergedClsPrefix: mergedClsPrefixRef,
            scrollX: scrollXRef,
            fixedColumnLeftMap: fixedColumnLeftMapRef,
            fixedColumnRightMap: fixedColumnRightMapRef,
            currentPage: mergedCurrentPageRef,
            allRowsChecked: allRowsCheckedRef,
            someRowsChecked: someRowsCheckedRef,
            rows: rowsRef,
            cols: colsRef,
            mergedTheme: mergedThemeRef,
            checkOptions: checkOptionsRef,
            mergedTableLayout: mergedTableLayoutRef,
            headerCheckboxDisabled: headerCheckboxDisabledRef,
            handleCheckboxUpdateChecked,
            handleColHeaderClick,
            handleTableHeaderScroll,
            handleColumnResizeStart,
            handleColumnResize
          };
        },
        render() {
          const {
            cellElsRef,
            mergedClsPrefix,
            fixedColumnLeftMap,
            fixedColumnRightMap,
            currentPage,
            allRowsChecked,
            someRowsChecked,
            rows,
            cols,
            mergedTheme,
            checkOptions,
            componentId,
            discrete,
            mergedTableLayout,
            headerCheckboxDisabled,
            mergedSortState,
            handleColHeaderClick,
            handleCheckboxUpdateChecked,
            handleColumnResizeStart,
            handleColumnResize
          } = this;
          const theadVNode = vue.h("thead", {
            class: `${mergedClsPrefix}-data-table-thead`,
            "data-n-id": componentId
          }, rows.map((row) => {
            return vue.h("tr", {
              class: `${mergedClsPrefix}-data-table-tr`
            }, row.map(({
              column,
              colSpan,
              rowSpan,
              isLast
            }) => {
              var _a, _b;
              const key = getColKey(column);
              const {
                ellipsis
              } = column;
              const createColumnVNode = () => {
                if (column.type === "selection") {
                  return column.multiple !== false ? vue.h(vue.Fragment, null, vue.h(NCheckbox, {
                    key: currentPage,
                    privateInsideTable: true,
                    checked: allRowsChecked,
                    indeterminate: someRowsChecked,
                    disabled: headerCheckboxDisabled,
                    onUpdateChecked: handleCheckboxUpdateChecked
                  }), checkOptions ? vue.h(SelectionMenu, {
                    clsPrefix: mergedClsPrefix
                  }) : null) : null;
                }
                return vue.h(vue.Fragment, null, vue.h("div", {
                  class: `${mergedClsPrefix}-data-table-th__title-wrapper`
                }, vue.h("div", {
                  class: `${mergedClsPrefix}-data-table-th__title`
                }, ellipsis === true || ellipsis && !ellipsis.tooltip ? vue.h("div", {
                  class: `${mergedClsPrefix}-data-table-th__ellipsis`
                }, renderTitle(column)) : ellipsis && typeof ellipsis === "object" ? vue.h(NEllipsis, Object.assign({}, ellipsis, {
                  theme: mergedTheme.peers.Ellipsis,
                  themeOverrides: mergedTheme.peerOverrides.Ellipsis
                }), {
                  default: () => renderTitle(column)
                }) : renderTitle(column)), isColumnSortable(column) ? vue.h(SortButton, {
                  column
                }) : null), isColumnFilterable(column) ? vue.h(FilterButton, {
                  column,
                  options: column.filterOptions
                }) : null, isColumnResizable(column) ? vue.h(ResizeButton, {
                  onResizeStart: () => {
                    handleColumnResizeStart(column);
                  },
                  onResize: (displacementX) => {
                    handleColumnResize(column, displacementX);
                  }
                }) : null);
              };
              const leftFixed = key in fixedColumnLeftMap;
              const rightFixed = key in fixedColumnRightMap;
              return vue.h("th", {
                ref: (el) => cellElsRef[key] = el,
                key,
                style: {
                  textAlign: column.titleAlign || column.align,
                  left: pxfy((_a = fixedColumnLeftMap[key]) === null || _a === void 0 ? void 0 : _a.start),
                  right: pxfy((_b = fixedColumnRightMap[key]) === null || _b === void 0 ? void 0 : _b.start)
                },
                colspan: colSpan,
                rowspan: rowSpan,
                "data-col-key": key,
                class: [`${mergedClsPrefix}-data-table-th`, (leftFixed || rightFixed) && `${mergedClsPrefix}-data-table-th--fixed-${leftFixed ? "left" : "right"}`, {
                  [`${mergedClsPrefix}-data-table-th--hover`]: isColumnSorting(column, mergedSortState),
                  [`${mergedClsPrefix}-data-table-th--filterable`]: isColumnFilterable(column),
                  [`${mergedClsPrefix}-data-table-th--sortable`]: isColumnSortable(column),
                  [`${mergedClsPrefix}-data-table-th--selection`]: column.type === "selection",
                  [`${mergedClsPrefix}-data-table-th--last`]: isLast
                }, column.className],
                onClick: column.type !== "selection" && column.type !== "expand" && !("children" in column) ? (e) => {
                  handleColHeaderClick(e, column);
                } : void 0
              }, createColumnVNode());
            }));
          }));
          if (!discrete) {
            return theadVNode;
          }
          const {
            handleTableHeaderScroll,
            scrollX
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-data-table-base-table-header`,
            onScroll: handleTableHeaderScroll
          }, vue.h("table", {
            ref: "body",
            class: `${mergedClsPrefix}-data-table-table`,
            style: {
              minWidth: formatLength(scrollX),
              tableLayout: mergedTableLayout
            }
          }, vue.h("colgroup", null, cols.map((col) => vue.h("col", {
            key: col.key,
            style: col.style
          }))), theadVNode));
        }
      });
      const Cell = vue.defineComponent({
        name: "DataTableCell",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          row: {
            type: Object,
            required: true
          },
          index: {
            type: Number,
            required: true
          },
          column: {
            type: Object,
            required: true
          },
          isSummary: Boolean,
          mergedTheme: {
            type: Object,
            required: true
          },
          renderCell: Function
        },
        render() {
          var _a;
          const {
            isSummary,
            column,
            row,
            renderCell
          } = this;
          let cell;
          const {
            render: render2,
            key,
            ellipsis
          } = column;
          if (render2 && !isSummary) {
            cell = render2(row, this.index);
          } else {
            if (isSummary) {
              cell = (_a = row[key]) === null || _a === void 0 ? void 0 : _a.value;
            } else {
              cell = renderCell ? renderCell(get(row, key), row, column) : get(row, key);
            }
          }
          if (ellipsis) {
            if (typeof ellipsis === "object") {
              const {
                mergedTheme
              } = this;
              if (column.ellipsisComponent === "performant-ellipsis") {
                return vue.h(NPerformantEllipsis, Object.assign({}, ellipsis, {
                  theme: mergedTheme.peers.Ellipsis,
                  themeOverrides: mergedTheme.peerOverrides.Ellipsis
                }), {
                  default: () => cell
                });
              }
              return vue.h(NEllipsis, Object.assign({}, ellipsis, {
                theme: mergedTheme.peers.Ellipsis,
                themeOverrides: mergedTheme.peerOverrides.Ellipsis
              }), {
                default: () => cell
              });
            } else {
              return vue.h("span", {
                class: `${this.clsPrefix}-data-table-td__ellipsis`
              }, cell);
            }
          }
          return cell;
        }
      });
      const ExpandTrigger = vue.defineComponent({
        name: "DataTableExpandTrigger",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          expanded: Boolean,
          loading: Boolean,
          onClick: {
            type: Function,
            required: true
          },
          renderExpandIcon: {
            type: Function
          }
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: [`${clsPrefix}-data-table-expand-trigger`, this.expanded && `${clsPrefix}-data-table-expand-trigger--expanded`],
            onClick: this.onClick,
            onMousedown: (e) => {
              e.preventDefault();
            }
          }, vue.h(NIconSwitchTransition, null, {
            default: () => {
              return this.loading ? vue.h(NBaseLoading, {
                key: "loading",
                clsPrefix: this.clsPrefix,
                radius: 85,
                strokeWidth: 15,
                scale: 0.88
              }) : this.renderExpandIcon ? this.renderExpandIcon({
                expanded: this.expanded
              }) : vue.h(NBaseIcon, {
                clsPrefix,
                key: "base-icon"
              }, {
                default: () => vue.h(ChevronRightIcon, null)
              });
            }
          }));
        }
      });
      const RenderSafeCheckbox = vue.defineComponent({
        name: "DataTableBodyCheckbox",
        props: {
          rowKey: {
            type: [String, Number],
            required: true
          },
          disabled: {
            type: Boolean,
            required: true
          },
          onUpdateChecked: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const {
            mergedCheckedRowKeySetRef,
            mergedInderminateRowKeySetRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          return () => {
            const {
              rowKey
            } = props;
            return vue.h(NCheckbox, {
              privateInsideTable: true,
              disabled: props.disabled,
              indeterminate: mergedInderminateRowKeySetRef.value.has(rowKey),
              checked: mergedCheckedRowKeySetRef.value.has(rowKey),
              onUpdateChecked: props.onUpdateChecked
            });
          };
        }
      });
      const RenderSafeRadio = vue.defineComponent({
        name: "DataTableBodyRadio",
        props: {
          rowKey: {
            type: [String, Number],
            required: true
          },
          disabled: {
            type: Boolean,
            required: true
          },
          onUpdateChecked: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const {
            mergedCheckedRowKeySetRef,
            componentId
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          return () => {
            const {
              rowKey
            } = props;
            return vue.h(NRadio, {
              name: componentId,
              disabled: props.disabled,
              checked: mergedCheckedRowKeySetRef.value.has(rowKey),
              onUpdateChecked: props.onUpdateChecked
            });
          };
        }
      });
      function flatten(rowInfos, expandedRowKeys) {
        const fRows = [];
        function traverse2(rs, rootIndex) {
          rs.forEach((r) => {
            if (r.children && expandedRowKeys.has(r.key)) {
              fRows.push({
                tmNode: r,
                striped: false,
                key: r.key,
                index: rootIndex
              });
              traverse2(r.children, rootIndex);
            } else {
              fRows.push({
                key: r.key,
                tmNode: r,
                striped: false,
                index: rootIndex
              });
            }
          });
        }
        rowInfos.forEach((rowInfo) => {
          fRows.push(rowInfo);
          const {
            children
          } = rowInfo.tmNode;
          if (children && expandedRowKeys.has(rowInfo.key)) {
            traverse2(children, rowInfo.index);
          }
        });
        return fRows;
      }
      const VirtualListItemWrapper = vue.defineComponent({
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          id: {
            type: String,
            required: true
          },
          cols: {
            type: Array,
            required: true
          },
          onMouseenter: Function,
          onMouseleave: Function
        },
        render() {
          const {
            clsPrefix,
            id,
            cols,
            onMouseenter,
            onMouseleave
          } = this;
          return vue.h("table", {
            style: {
              tableLayout: "fixed"
            },
            class: `${clsPrefix}-data-table-table`,
            onMouseenter,
            onMouseleave
          }, vue.h("colgroup", null, cols.map((col) => vue.h("col", {
            key: col.key,
            style: col.style
          }))), vue.h("tbody", {
            "data-n-id": id,
            class: `${clsPrefix}-data-table-tbody`
          }, this.$slots));
        }
      });
      const TableBody = vue.defineComponent({
        name: "DataTableBody",
        props: {
          onResize: Function,
          showHeader: Boolean,
          flexHeight: Boolean,
          bodyStyle: Object
        },
        setup(props) {
          const {
            slots: dataTableSlots,
            bodyWidthRef,
            mergedExpandedRowKeysRef,
            mergedClsPrefixRef,
            mergedThemeRef,
            scrollXRef,
            colsRef,
            paginatedDataRef,
            rawPaginatedDataRef,
            fixedColumnLeftMapRef,
            fixedColumnRightMapRef,
            mergedCurrentPageRef,
            rowClassNameRef,
            leftActiveFixedColKeyRef,
            leftActiveFixedChildrenColKeysRef,
            rightActiveFixedColKeyRef,
            rightActiveFixedChildrenColKeysRef,
            renderExpandRef,
            hoverKeyRef,
            summaryRef,
            mergedSortStateRef,
            virtualScrollRef,
            componentId,
            mergedTableLayoutRef,
            childTriggerColIndexRef,
            indentRef,
            rowPropsRef,
            maxHeightRef,
            stripedRef,
            loadingRef,
            onLoadRef,
            loadingKeySetRef,
            expandableRef,
            stickyExpandedRowsRef,
            renderExpandIconRef,
            summaryPlacementRef,
            treeMateRef,
            scrollbarPropsRef,
            setHeaderScrollLeft,
            doUpdateExpandedRowKeys,
            handleTableBodyScroll,
            doCheck,
            doUncheck,
            renderCell
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          const scrollbarInstRef = vue.ref(null);
          const virtualListRef = vue.ref(null);
          const emptyElRef = vue.ref(null);
          const emptyRef = useMemo(() => paginatedDataRef.value.length === 0);
          const shouldDisplaySomeTablePartRef = useMemo(() => props.showHeader || !emptyRef.value);
          const bodyShowHeaderOnlyRef = useMemo(() => {
            return props.showHeader || emptyRef.value;
          });
          let lastSelectedKey = "";
          const mergedExpandedRowKeySetRef = vue.computed(() => {
            return new Set(mergedExpandedRowKeysRef.value);
          });
          function getRowInfo(key) {
            var _a;
            return (_a = treeMateRef.value.getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode;
          }
          function handleCheckboxUpdateChecked(tmNode, checked, shiftKey) {
            const rowInfo = getRowInfo(tmNode.key);
            if (!rowInfo) {
              warn$2("data-table", `fail to get row data with key ${tmNode.key}`);
              return;
            }
            if (shiftKey) {
              const lastIndex = paginatedDataRef.value.findIndex((item) => item.key === lastSelectedKey);
              if (lastIndex !== -1) {
                const currentIndex = paginatedDataRef.value.findIndex((item) => item.key === tmNode.key);
                const start = Math.min(lastIndex, currentIndex);
                const end = Math.max(lastIndex, currentIndex);
                const rowKeysToCheck = [];
                paginatedDataRef.value.slice(start, end + 1).forEach((r) => {
                  if (!r.disabled) {
                    rowKeysToCheck.push(r.key);
                  }
                });
                if (checked) {
                  doCheck(rowKeysToCheck, false, rowInfo);
                } else {
                  doUncheck(rowKeysToCheck, rowInfo);
                }
                lastSelectedKey = tmNode.key;
                return;
              }
            }
            if (checked) {
              doCheck(tmNode.key, false, rowInfo);
            } else {
              doUncheck(tmNode.key, rowInfo);
            }
            lastSelectedKey = tmNode.key;
          }
          function handleRadioUpdateChecked(tmNode) {
            const rowInfo = getRowInfo(tmNode.key);
            if (!rowInfo) {
              warn$2("data-table", `fail to get row data with key ${tmNode.key}`);
              return;
            }
            doCheck(tmNode.key, true, rowInfo);
          }
          function getScrollContainer() {
            if (!shouldDisplaySomeTablePartRef.value) {
              const {
                value: emptyEl
              } = emptyElRef;
              if (emptyEl) {
                return emptyEl;
              } else {
                return null;
              }
            }
            if (virtualScrollRef.value) {
              return virtualListContainer();
            }
            const {
              value
            } = scrollbarInstRef;
            if (value)
              return value.containerRef;
            return null;
          }
          function handleUpdateExpanded(key, tmNode) {
            var _a;
            if (loadingKeySetRef.value.has(key))
              return;
            const {
              value: mergedExpandedRowKeys
            } = mergedExpandedRowKeysRef;
            const index = mergedExpandedRowKeys.indexOf(key);
            const nextExpandedKeys = Array.from(mergedExpandedRowKeys);
            if (~index) {
              nextExpandedKeys.splice(index, 1);
              doUpdateExpandedRowKeys(nextExpandedKeys);
            } else {
              if (tmNode && !tmNode.isLeaf && !tmNode.shallowLoaded) {
                loadingKeySetRef.value.add(key);
                void ((_a = onLoadRef.value) === null || _a === void 0 ? void 0 : _a.call(onLoadRef, tmNode.rawNode).then(() => {
                  const {
                    value: futureMergedExpandedRowKeys
                  } = mergedExpandedRowKeysRef;
                  const futureNextExpandedKeys = Array.from(futureMergedExpandedRowKeys);
                  const index2 = futureNextExpandedKeys.indexOf(key);
                  if (!~index2) {
                    futureNextExpandedKeys.push(key);
                  }
                  doUpdateExpandedRowKeys(futureNextExpandedKeys);
                }).finally(() => {
                  loadingKeySetRef.value.delete(key);
                }));
              } else {
                nextExpandedKeys.push(key);
                doUpdateExpandedRowKeys(nextExpandedKeys);
              }
            }
          }
          function handleMouseleaveTable() {
            hoverKeyRef.value = null;
          }
          function virtualListContainer() {
            const {
              value
            } = virtualListRef;
            return (value === null || value === void 0 ? void 0 : value.listElRef) || null;
          }
          function virtualListContent() {
            const {
              value
            } = virtualListRef;
            return (value === null || value === void 0 ? void 0 : value.itemsElRef) || null;
          }
          function handleVirtualListScroll(e) {
            var _a;
            handleTableBodyScroll(e);
            (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
          }
          function handleVirtualListResize(e) {
            var _a;
            const {
              onResize
            } = props;
            if (onResize)
              onResize(e);
            (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
          }
          const exposedMethods = {
            getScrollContainer,
            scrollTo(arg0, arg1) {
              var _a, _b;
              if (virtualScrollRef.value) {
                (_a = virtualListRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg0, arg1);
              } else {
                (_b = scrollbarInstRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo(arg0, arg1);
              }
            }
          };
          const style2 = c$1([({
            props: cProps
          }) => {
            const createActiveLeftFixedStyle = (leftActiveFixedColKey) => {
              if (leftActiveFixedColKey === null)
                return null;
              return c$1(`[data-n-id="${cProps.componentId}"] [data-col-key="${leftActiveFixedColKey}"]::after`, {
                boxShadow: "var(--n-box-shadow-after)"
              });
            };
            const createActiveRightFixedStyle = (rightActiveFixedColKey) => {
              if (rightActiveFixedColKey === null)
                return null;
              return c$1(`[data-n-id="${cProps.componentId}"] [data-col-key="${rightActiveFixedColKey}"]::before`, {
                boxShadow: "var(--n-box-shadow-before)"
              });
            };
            return c$1([createActiveLeftFixedStyle(cProps.leftActiveFixedColKey), createActiveRightFixedStyle(cProps.rightActiveFixedColKey), cProps.leftActiveFixedChildrenColKeys.map((leftActiveFixedColKey) => createActiveLeftFixedStyle(leftActiveFixedColKey)), cProps.rightActiveFixedChildrenColKeys.map((rightActiveFixedColKey) => createActiveRightFixedStyle(rightActiveFixedColKey))]);
          }]);
          let fixedStyleMounted = false;
          vue.watchEffect(() => {
            const {
              value: leftActiveFixedColKey
            } = leftActiveFixedColKeyRef;
            const {
              value: leftActiveFixedChildrenColKeys
            } = leftActiveFixedChildrenColKeysRef;
            const {
              value: rightActiveFixedColKey
            } = rightActiveFixedColKeyRef;
            const {
              value: rightActiveFixedChildrenColKeys
            } = rightActiveFixedChildrenColKeysRef;
            if (!fixedStyleMounted && leftActiveFixedColKey === null && rightActiveFixedColKey === null) {
              return;
            }
            const cProps = {
              leftActiveFixedColKey,
              leftActiveFixedChildrenColKeys,
              rightActiveFixedColKey,
              rightActiveFixedChildrenColKeys,
              componentId
            };
            style2.mount({
              id: `n-${componentId}`,
              force: true,
              props: cProps,
              anchorMetaName: cssrAnchorMetaName
            });
            fixedStyleMounted = true;
          });
          vue.onUnmounted(() => {
            style2.unmount({
              id: `n-${componentId}`
            });
          });
          return Object.assign({
            bodyWidth: bodyWidthRef,
            summaryPlacement: summaryPlacementRef,
            dataTableSlots,
            componentId,
            scrollbarInstRef,
            virtualListRef,
            emptyElRef,
            summary: summaryRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef,
            scrollX: scrollXRef,
            cols: colsRef,
            loading: loadingRef,
            bodyShowHeaderOnly: bodyShowHeaderOnlyRef,
            shouldDisplaySomeTablePart: shouldDisplaySomeTablePartRef,
            empty: emptyRef,
            paginatedDataAndInfo: vue.computed(() => {
              const {
                value: striped
              } = stripedRef;
              let hasChildren = false;
              const data = paginatedDataRef.value.map(striped ? (tmNode, index) => {
                if (!tmNode.isLeaf)
                  hasChildren = true;
                return {
                  tmNode,
                  key: tmNode.key,
                  striped: index % 2 === 1,
                  index
                };
              } : (tmNode, index) => {
                if (!tmNode.isLeaf)
                  hasChildren = true;
                return {
                  tmNode,
                  key: tmNode.key,
                  striped: false,
                  index
                };
              });
              return {
                data,
                hasChildren
              };
            }),
            rawPaginatedData: rawPaginatedDataRef,
            fixedColumnLeftMap: fixedColumnLeftMapRef,
            fixedColumnRightMap: fixedColumnRightMapRef,
            currentPage: mergedCurrentPageRef,
            rowClassName: rowClassNameRef,
            renderExpand: renderExpandRef,
            mergedExpandedRowKeySet: mergedExpandedRowKeySetRef,
            hoverKey: hoverKeyRef,
            mergedSortState: mergedSortStateRef,
            virtualScroll: virtualScrollRef,
            mergedTableLayout: mergedTableLayoutRef,
            childTriggerColIndex: childTriggerColIndexRef,
            indent: indentRef,
            rowProps: rowPropsRef,
            maxHeight: maxHeightRef,
            loadingKeySet: loadingKeySetRef,
            expandable: expandableRef,
            stickyExpandedRows: stickyExpandedRowsRef,
            renderExpandIcon: renderExpandIconRef,
            scrollbarProps: scrollbarPropsRef,
            setHeaderScrollLeft,
            handleVirtualListScroll,
            handleVirtualListResize,
            handleMouseleaveTable,
            virtualListContainer,
            virtualListContent,
            handleTableBodyScroll,
            handleCheckboxUpdateChecked,
            handleRadioUpdateChecked,
            handleUpdateExpanded,
            renderCell
          }, exposedMethods);
        },
        render() {
          const {
            mergedTheme,
            scrollX,
            mergedClsPrefix,
            virtualScroll,
            maxHeight,
            mergedTableLayout,
            flexHeight,
            loadingKeySet,
            onResize,
            setHeaderScrollLeft
          } = this;
          const scrollable = scrollX !== void 0 || maxHeight !== void 0 || flexHeight;
          const isBasicAutoLayout = !scrollable && mergedTableLayout === "auto";
          const xScrollable = scrollX !== void 0 || isBasicAutoLayout;
          const contentStyle = {
            minWidth: formatLength(scrollX) || "100%"
          };
          if (scrollX)
            contentStyle.width = "100%";
          const tableNode = vue.h(Scrollbar$2, Object.assign({}, this.scrollbarProps, {
            ref: "scrollbarInstRef",
            scrollable: scrollable || isBasicAutoLayout,
            class: `${mergedClsPrefix}-data-table-base-table-body`,
            style: !this.empty ? this.bodyStyle : void 0,
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            contentStyle,
            container: virtualScroll ? this.virtualListContainer : void 0,
            content: virtualScroll ? this.virtualListContent : void 0,
            horizontalRailStyle: {
              zIndex: 3
            },
            verticalRailStyle: {
              zIndex: 3
            },
            xScrollable,
            onScroll: virtualScroll ? void 0 : this.handleTableBodyScroll,
            internalOnUpdateScrollLeft: setHeaderScrollLeft,
            onResize
          }), {
            default: () => {
              const cordToPass = {};
              const cordKey = {};
              const {
                cols,
                paginatedDataAndInfo,
                mergedTheme: mergedTheme2,
                fixedColumnLeftMap,
                fixedColumnRightMap,
                currentPage,
                rowClassName,
                mergedSortState,
                mergedExpandedRowKeySet,
                stickyExpandedRows,
                componentId,
                childTriggerColIndex,
                expandable,
                rowProps: rowProps2,
                handleMouseleaveTable,
                renderExpand,
                summary,
                handleCheckboxUpdateChecked,
                handleRadioUpdateChecked,
                handleUpdateExpanded
              } = this;
              const {
                length: colCount
              } = cols;
              let mergedData;
              const {
                data: paginatedData,
                hasChildren
              } = paginatedDataAndInfo;
              const mergedPaginationData = hasChildren ? flatten(paginatedData, mergedExpandedRowKeySet) : paginatedData;
              if (summary) {
                const summaryRows = summary(this.rawPaginatedData);
                if (Array.isArray(summaryRows)) {
                  const summaryRowData = summaryRows.map((row, i) => ({
                    isSummaryRow: true,
                    key: `__n_summary__${i}`,
                    tmNode: {
                      rawNode: row,
                      disabled: true
                    },
                    index: -1
                  }));
                  mergedData = this.summaryPlacement === "top" ? [...summaryRowData, ...mergedPaginationData] : [...mergedPaginationData, ...summaryRowData];
                } else {
                  const summaryRowData = {
                    isSummaryRow: true,
                    key: "__n_summary__",
                    tmNode: {
                      rawNode: summaryRows,
                      disabled: true
                    },
                    index: -1
                  };
                  mergedData = this.summaryPlacement === "top" ? [summaryRowData, ...mergedPaginationData] : [...mergedPaginationData, summaryRowData];
                }
              } else {
                mergedData = mergedPaginationData;
              }
              const indentStyle = hasChildren ? {
                width: pxfy(this.indent)
              } : void 0;
              const displayedData = [];
              mergedData.forEach((rowInfo) => {
                if (renderExpand && mergedExpandedRowKeySet.has(rowInfo.key) && (!expandable || expandable(rowInfo.tmNode.rawNode))) {
                  displayedData.push(rowInfo, {
                    isExpandedRow: true,
                    key: `${rowInfo.key}-expand`,
                    // solve key repeat of the expanded row
                    tmNode: rowInfo.tmNode,
                    index: rowInfo.index
                  });
                } else {
                  displayedData.push(rowInfo);
                }
              });
              const {
                length: rowCount
              } = displayedData;
              const rowIndexToKey = {};
              paginatedData.forEach(({
                tmNode
              }, rowIndex) => {
                rowIndexToKey[rowIndex] = tmNode.key;
              });
              const bodyWidth = stickyExpandedRows ? this.bodyWidth : null;
              const bodyWidthPx = bodyWidth === null ? void 0 : `${bodyWidth}px`;
              const renderRow = (rowInfo, displayedRowIndex, isVirtual) => {
                const {
                  index: actualRowIndex
                } = rowInfo;
                if ("isExpandedRow" in rowInfo) {
                  const {
                    tmNode: {
                      key,
                      rawNode
                    }
                  } = rowInfo;
                  return vue.h("tr", {
                    class: `${mergedClsPrefix}-data-table-tr ${mergedClsPrefix}-data-table-tr--expanded`,
                    key: `${key}__expand`
                  }, vue.h("td", {
                    class: [`${mergedClsPrefix}-data-table-td`, `${mergedClsPrefix}-data-table-td--last-col`, displayedRowIndex + 1 === rowCount && `${mergedClsPrefix}-data-table-td--last-row`],
                    colspan: colCount
                  }, stickyExpandedRows ? vue.h("div", {
                    class: `${mergedClsPrefix}-data-table-expand`,
                    style: {
                      width: bodyWidthPx
                    }
                  }, renderExpand(rawNode, actualRowIndex)) : renderExpand(rawNode, actualRowIndex)));
                }
                const isSummary = "isSummaryRow" in rowInfo;
                const striped = !isSummary && rowInfo.striped;
                const {
                  tmNode,
                  key: rowKey
                } = rowInfo;
                const {
                  rawNode: rowData
                } = tmNode;
                const expanded = mergedExpandedRowKeySet.has(rowKey);
                const props = rowProps2 ? rowProps2(rowData, actualRowIndex) : void 0;
                const mergedRowClassName = typeof rowClassName === "string" ? rowClassName : createRowClassName(rowData, actualRowIndex, rowClassName);
                const row = vue.h("tr", Object.assign({
                  onMouseenter: () => {
                    this.hoverKey = rowKey;
                  },
                  key: rowKey,
                  class: [`${mergedClsPrefix}-data-table-tr`, isSummary && `${mergedClsPrefix}-data-table-tr--summary`, striped && `${mergedClsPrefix}-data-table-tr--striped`, expanded && `${mergedClsPrefix}-data-table-tr--expanded`, mergedRowClassName]
                }, props), cols.map((col, colIndex) => {
                  var _a, _b, _c, _d, _e;
                  if (displayedRowIndex in cordToPass) {
                    const cordOfRowToPass = cordToPass[displayedRowIndex];
                    const indexInCordOfRowToPass = cordOfRowToPass.indexOf(colIndex);
                    if (~indexInCordOfRowToPass) {
                      cordOfRowToPass.splice(indexInCordOfRowToPass, 1);
                      return null;
                    }
                  }
                  const {
                    column
                  } = col;
                  const colKey = getColKey(col);
                  const {
                    rowSpan,
                    colSpan
                  } = column;
                  const mergedColSpan = isSummary ? ((_a = rowInfo.tmNode.rawNode[colKey]) === null || _a === void 0 ? void 0 : _a.colSpan) || 1 : colSpan ? colSpan(rowData, actualRowIndex) : 1;
                  const mergedRowSpan = isSummary ? ((_b = rowInfo.tmNode.rawNode[colKey]) === null || _b === void 0 ? void 0 : _b.rowSpan) || 1 : rowSpan ? rowSpan(rowData, actualRowIndex) : 1;
                  const isLastCol = colIndex + mergedColSpan === colCount;
                  const isLastRow = displayedRowIndex + mergedRowSpan === rowCount;
                  const isCrossRowTd = mergedRowSpan > 1;
                  if (isCrossRowTd) {
                    cordKey[displayedRowIndex] = {
                      [colIndex]: []
                    };
                  }
                  if (mergedColSpan > 1 || isCrossRowTd) {
                    for (let i = displayedRowIndex; i < displayedRowIndex + mergedRowSpan; ++i) {
                      if (isCrossRowTd) {
                        cordKey[displayedRowIndex][colIndex].push(rowIndexToKey[i]);
                      }
                      for (let j = colIndex; j < colIndex + mergedColSpan; ++j) {
                        if (i === displayedRowIndex && j === colIndex) {
                          continue;
                        }
                        if (!(i in cordToPass)) {
                          cordToPass[i] = [j];
                        } else {
                          cordToPass[i].push(j);
                        }
                      }
                    }
                  }
                  const hoverKey = isCrossRowTd ? this.hoverKey : null;
                  const {
                    cellProps
                  } = column;
                  const resolvedCellProps = cellProps === null || cellProps === void 0 ? void 0 : cellProps(rowData, actualRowIndex);
                  const indentOffsetStyle = {
                    "--indent-offset": ""
                  };
                  return vue.h("td", Object.assign({}, resolvedCellProps, {
                    key: colKey,
                    style: [{
                      textAlign: column.align || void 0,
                      left: pxfy((_c = fixedColumnLeftMap[colKey]) === null || _c === void 0 ? void 0 : _c.start),
                      right: pxfy((_d = fixedColumnRightMap[colKey]) === null || _d === void 0 ? void 0 : _d.start)
                    }, indentOffsetStyle, (resolvedCellProps === null || resolvedCellProps === void 0 ? void 0 : resolvedCellProps.style) || ""],
                    colspan: mergedColSpan,
                    rowspan: isVirtual ? void 0 : mergedRowSpan,
                    "data-col-key": colKey,
                    class: [`${mergedClsPrefix}-data-table-td`, column.className, resolvedCellProps === null || resolvedCellProps === void 0 ? void 0 : resolvedCellProps.class, isSummary && `${mergedClsPrefix}-data-table-td--summary`, (hoverKey !== null && cordKey[displayedRowIndex][colIndex].includes(hoverKey) || isColumnSorting(column, mergedSortState)) && `${mergedClsPrefix}-data-table-td--hover`, column.fixed && `${mergedClsPrefix}-data-table-td--fixed-${column.fixed}`, column.align && `${mergedClsPrefix}-data-table-td--${column.align}-align`, column.type === "selection" && `${mergedClsPrefix}-data-table-td--selection`, column.type === "expand" && `${mergedClsPrefix}-data-table-td--expand`, isLastCol && `${mergedClsPrefix}-data-table-td--last-col`, isLastRow && `${mergedClsPrefix}-data-table-td--last-row`]
                  }), hasChildren && colIndex === childTriggerColIndex ? [repeat(indentOffsetStyle["--indent-offset"] = isSummary ? 0 : rowInfo.tmNode.level, vue.h("div", {
                    class: `${mergedClsPrefix}-data-table-indent`,
                    style: indentStyle
                  })), isSummary || rowInfo.tmNode.isLeaf ? vue.h("div", {
                    class: `${mergedClsPrefix}-data-table-expand-placeholder`
                  }) : vue.h(ExpandTrigger, {
                    class: `${mergedClsPrefix}-data-table-expand-trigger`,
                    clsPrefix: mergedClsPrefix,
                    expanded,
                    renderExpandIcon: this.renderExpandIcon,
                    loading: loadingKeySet.has(rowInfo.key),
                    onClick: () => {
                      handleUpdateExpanded(rowKey, rowInfo.tmNode);
                    }
                  })] : null, column.type === "selection" ? !isSummary ? column.multiple === false ? vue.h(RenderSafeRadio, {
                    key: currentPage,
                    rowKey,
                    disabled: rowInfo.tmNode.disabled,
                    onUpdateChecked: () => {
                      handleRadioUpdateChecked(rowInfo.tmNode);
                    }
                  }) : vue.h(RenderSafeCheckbox, {
                    key: currentPage,
                    rowKey,
                    disabled: rowInfo.tmNode.disabled,
                    onUpdateChecked: (checked, e) => {
                      handleCheckboxUpdateChecked(rowInfo.tmNode, checked, e.shiftKey);
                    }
                  }) : null : column.type === "expand" ? !isSummary ? !column.expandable || ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? vue.h(ExpandTrigger, {
                    clsPrefix: mergedClsPrefix,
                    expanded,
                    renderExpandIcon: this.renderExpandIcon,
                    onClick: () => {
                      handleUpdateExpanded(rowKey, null);
                    }
                  }) : null : null : vue.h(Cell, {
                    clsPrefix: mergedClsPrefix,
                    index: actualRowIndex,
                    row: rowData,
                    column,
                    isSummary,
                    mergedTheme: mergedTheme2,
                    renderCell: this.renderCell
                  }));
                }));
                return row;
              };
              if (!virtualScroll) {
                return vue.h("table", {
                  class: `${mergedClsPrefix}-data-table-table`,
                  onMouseleave: handleMouseleaveTable,
                  style: {
                    tableLayout: this.mergedTableLayout
                  }
                }, vue.h("colgroup", null, cols.map((col) => vue.h("col", {
                  key: col.key,
                  style: col.style
                }))), this.showHeader ? vue.h(TableHeader, {
                  discrete: false
                }) : null, !this.empty ? vue.h("tbody", {
                  "data-n-id": componentId,
                  class: `${mergedClsPrefix}-data-table-tbody`
                }, displayedData.map((rowInfo, displayedRowIndex) => {
                  return renderRow(rowInfo, displayedRowIndex, false);
                })) : null);
              } else {
                return vue.h(VVirtualList, {
                  ref: "virtualListRef",
                  items: displayedData,
                  itemSize: 28,
                  visibleItemsTag: VirtualListItemWrapper,
                  visibleItemsProps: {
                    clsPrefix: mergedClsPrefix,
                    id: componentId,
                    cols,
                    onMouseleave: handleMouseleaveTable
                  },
                  showScrollbar: false,
                  onResize: this.handleVirtualListResize,
                  onScroll: this.handleVirtualListScroll,
                  itemsStyle: contentStyle,
                  itemResizable: true
                }, {
                  default: ({
                    item,
                    index
                  }) => renderRow(item, index, true)
                });
              }
            }
          });
          if (this.empty) {
            const createEmptyNode = () => vue.h("div", {
              class: [`${mergedClsPrefix}-data-table-empty`, this.loading && `${mergedClsPrefix}-data-table-empty--hide`],
              style: this.bodyStyle,
              ref: "emptyElRef"
            }, resolveSlot(this.dataTableSlots.empty, () => [vue.h(NEmpty, {
              theme: this.mergedTheme.peers.Empty,
              themeOverrides: this.mergedTheme.peerOverrides.Empty
            })]));
            if (this.shouldDisplaySomeTablePart) {
              return vue.h(vue.Fragment, null, tableNode, createEmptyNode());
            } else {
              return vue.h(VResizeObserver, {
                onResize: this.onResize
              }, {
                default: createEmptyNode
              });
            }
          }
          return tableNode;
        }
      });
      const MainTable = vue.defineComponent({
        name: "MainTable",
        setup() {
          const {
            mergedClsPrefixRef,
            rightFixedColumnsRef,
            leftFixedColumnsRef,
            bodyWidthRef,
            maxHeightRef,
            minHeightRef,
            flexHeightRef,
            syncScrollState
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dataTableInjectionKey);
          const headerInstRef = vue.ref(null);
          const bodyInstRef = vue.ref(null);
          const selfElRef = vue.ref(null);
          const fixedStateInitializedRef = vue.ref(!(leftFixedColumnsRef.value.length || rightFixedColumnsRef.value.length));
          const bodyStyleRef = vue.computed(() => {
            return {
              maxHeight: formatLength(maxHeightRef.value),
              minHeight: formatLength(minHeightRef.value)
            };
          });
          function handleBodyResize(entry) {
            bodyWidthRef.value = entry.contentRect.width;
            syncScrollState();
            if (!fixedStateInitializedRef.value) {
              fixedStateInitializedRef.value = true;
            }
          }
          function getHeaderElement() {
            const {
              value
            } = headerInstRef;
            if (value) {
              return value.$el;
            }
            return null;
          }
          function getBodyElement() {
            const {
              value
            } = bodyInstRef;
            if (value) {
              return value.getScrollContainer();
            }
            return null;
          }
          const exposedMethods = {
            getBodyElement,
            getHeaderElement,
            scrollTo(arg0, arg1) {
              var _a;
              (_a = bodyInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg0, arg1);
            }
          };
          vue.watchEffect(() => {
            const {
              value: selfEl
            } = selfElRef;
            if (!selfEl)
              return;
            const transitionDisabledClass = `${mergedClsPrefixRef.value}-data-table-base-table--transition-disabled`;
            if (fixedStateInitializedRef.value) {
              setTimeout(() => {
                selfEl.classList.remove(transitionDisabledClass);
              }, 0);
            } else {
              selfEl.classList.add(transitionDisabledClass);
            }
          });
          return Object.assign({
            maxHeight: maxHeightRef,
            mergedClsPrefix: mergedClsPrefixRef,
            selfElRef,
            headerInstRef,
            bodyInstRef,
            bodyStyle: bodyStyleRef,
            flexHeight: flexHeightRef,
            handleBodyResize
          }, exposedMethods);
        },
        render() {
          const {
            mergedClsPrefix,
            maxHeight,
            flexHeight
          } = this;
          const headerInBody = maxHeight === void 0 && !flexHeight;
          return vue.h("div", {
            class: `${mergedClsPrefix}-data-table-base-table`,
            ref: "selfElRef"
          }, headerInBody ? null : vue.h(TableHeader, {
            ref: "headerInstRef"
          }), vue.h(TableBody, {
            ref: "bodyInstRef",
            bodyStyle: this.bodyStyle,
            showHeader: headerInBody,
            flexHeight,
            onResize: this.handleBodyResize
          }));
        }
      });
      function useCheck(props, data) {
        const {
          paginatedDataRef,
          treeMateRef,
          selectionColumnRef
        } = data;
        const uncontrolledCheckedRowKeysRef = vue.ref(props.defaultCheckedRowKeys);
        const mergedCheckState = vue.computed(() => {
          var _a;
          const {
            checkedRowKeys
          } = props;
          const sourceKeys = checkedRowKeys === void 0 ? uncontrolledCheckedRowKeysRef.value : checkedRowKeys;
          if (((_a = selectionColumnRef.value) === null || _a === void 0 ? void 0 : _a.multiple) === false) {
            return {
              checkedKeys: sourceKeys.slice(0, 1),
              indeterminateKeys: []
            };
          }
          return treeMateRef.value.getCheckedKeys(sourceKeys, {
            cascade: props.cascade,
            allowNotLoaded: props.allowCheckingNotLoaded
          });
        });
        const mergedCheckedRowKeysRef = vue.computed(() => mergedCheckState.value.checkedKeys);
        const mergedInderminateRowKeysRef = vue.computed(() => mergedCheckState.value.indeterminateKeys);
        const mergedCheckedRowKeySetRef = vue.computed(() => {
          return new Set(mergedCheckedRowKeysRef.value);
        });
        const mergedInderminateRowKeySetRef = vue.computed(() => {
          return new Set(mergedInderminateRowKeysRef.value);
        });
        const countOfCurrentPageCheckedRowsRef = vue.computed(() => {
          const {
            value: mergedCheckedRowKeySet
          } = mergedCheckedRowKeySetRef;
          return paginatedDataRef.value.reduce((total, tmNode) => {
            const {
              key,
              disabled
            } = tmNode;
            return total + (!disabled && mergedCheckedRowKeySet.has(key) ? 1 : 0);
          }, 0);
        });
        const countOfCurrentPageDisabledRowsRef = vue.computed(() => {
          return paginatedDataRef.value.filter((item) => item.disabled).length;
        });
        const someRowsCheckedRef = vue.computed(() => {
          const {
            length
          } = paginatedDataRef.value;
          const {
            value: mergedInderminateRowKeySet
          } = mergedInderminateRowKeySetRef;
          return countOfCurrentPageCheckedRowsRef.value > 0 && countOfCurrentPageCheckedRowsRef.value < length - countOfCurrentPageDisabledRowsRef.value || paginatedDataRef.value.some((rowData) => mergedInderminateRowKeySet.has(rowData.key));
        });
        const allRowsCheckedRef = vue.computed(() => {
          const {
            length
          } = paginatedDataRef.value;
          return countOfCurrentPageCheckedRowsRef.value !== 0 && countOfCurrentPageCheckedRowsRef.value === length - countOfCurrentPageDisabledRowsRef.value;
        });
        const headerCheckboxDisabledRef = vue.computed(() => {
          return paginatedDataRef.value.length === 0;
        });
        function doUpdateCheckedRowKeys(keys2, row, action) {
          const {
            "onUpdate:checkedRowKeys": _onUpdateCheckedRowKeys,
            onUpdateCheckedRowKeys,
            onCheckedRowKeysChange
          } = props;
          const rows = [];
          const {
            value: {
              getNode
            }
          } = treeMateRef;
          keys2.forEach((key) => {
            var _a;
            const row2 = (_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode;
            rows.push(row2);
          });
          if (_onUpdateCheckedRowKeys) {
            call(_onUpdateCheckedRowKeys, keys2, rows, {
              row,
              action
            });
          }
          if (onUpdateCheckedRowKeys) {
            call(onUpdateCheckedRowKeys, keys2, rows, {
              row,
              action
            });
          }
          if (onCheckedRowKeysChange) {
            call(onCheckedRowKeysChange, keys2, rows, {
              row,
              action
            });
          }
          uncontrolledCheckedRowKeysRef.value = keys2;
        }
        function doCheck(rowKey, single = false, rowInfo) {
          if (props.loading)
            return;
          if (single) {
            doUpdateCheckedRowKeys(Array.isArray(rowKey) ? rowKey.slice(0, 1) : [rowKey], rowInfo, "check");
            return;
          }
          doUpdateCheckedRowKeys(treeMateRef.value.check(rowKey, mergedCheckedRowKeysRef.value, {
            cascade: props.cascade,
            allowNotLoaded: props.allowCheckingNotLoaded
          }).checkedKeys, rowInfo, "check");
        }
        function doUncheck(rowKey, rowInfo) {
          if (props.loading)
            return;
          doUpdateCheckedRowKeys(treeMateRef.value.uncheck(rowKey, mergedCheckedRowKeysRef.value, {
            cascade: props.cascade,
            allowNotLoaded: props.allowCheckingNotLoaded
          }).checkedKeys, rowInfo, "uncheck");
        }
        function doCheckAll(checkWholeTable = false) {
          const {
            value: column
          } = selectionColumnRef;
          if (!column || props.loading)
            return;
          const rowKeysToCheck = [];
          (checkWholeTable ? treeMateRef.value.treeNodes : paginatedDataRef.value).forEach((tmNode) => {
            if (!tmNode.disabled) {
              rowKeysToCheck.push(tmNode.key);
            }
          });
          doUpdateCheckedRowKeys(treeMateRef.value.check(rowKeysToCheck, mergedCheckedRowKeysRef.value, {
            cascade: true,
            allowNotLoaded: props.allowCheckingNotLoaded
          }).checkedKeys, void 0, "checkAll");
        }
        function doUncheckAll(checkWholeTable = false) {
          const {
            value: column
          } = selectionColumnRef;
          if (!column || props.loading)
            return;
          const rowKeysToUncheck = [];
          (checkWholeTable ? treeMateRef.value.treeNodes : paginatedDataRef.value).forEach((tmNode) => {
            if (!tmNode.disabled) {
              rowKeysToUncheck.push(tmNode.key);
            }
          });
          doUpdateCheckedRowKeys(treeMateRef.value.uncheck(rowKeysToUncheck, mergedCheckedRowKeysRef.value, {
            cascade: true,
            allowNotLoaded: props.allowCheckingNotLoaded
          }).checkedKeys, void 0, "uncheckAll");
        }
        return {
          mergedCheckedRowKeySetRef,
          mergedCheckedRowKeysRef,
          mergedInderminateRowKeySetRef,
          someRowsCheckedRef,
          allRowsCheckedRef,
          headerCheckboxDisabledRef,
          doUpdateCheckedRowKeys,
          doCheckAll,
          doUncheckAll,
          doCheck,
          doUncheck
        };
      }
      function getMultiplePriority(sorter) {
        if (typeof sorter === "object" && typeof sorter.multiple === "number") {
          return sorter.multiple;
        }
        return false;
      }
      function getSortFunction(sorter, columnKey) {
        if (columnKey && (sorter === void 0 || sorter === "default" || typeof sorter === "object" && sorter.compare === "default")) {
          return getDefaultSorterFn(columnKey);
        }
        if (typeof sorter === "function") {
          return sorter;
        }
        if (sorter && typeof sorter === "object" && sorter.compare && sorter.compare !== "default") {
          return sorter.compare;
        }
        return false;
      }
      function getDefaultSorterFn(columnKey) {
        return (row1, row2) => {
          const value1 = row1[columnKey];
          const value2 = row2[columnKey];
          if (value1 === null || value1 === void 0) {
            if (value2 === null || value2 === void 0)
              return 0;
            return -1;
          } else if (value2 === null || value2 === void 0) {
            return 1;
          } else if (typeof value1 === "number" && typeof value2 === "number") {
            return value1 - value2;
          } else if (typeof value1 === "string" && typeof value2 === "string") {
            return value1.localeCompare(value2);
          }
          return 0;
        };
      }
      function useSorter(props, {
        dataRelatedColsRef,
        filteredDataRef
      }) {
        const defaultSortState = [];
        dataRelatedColsRef.value.forEach((column) => {
          var _a;
          if (column.sorter !== void 0) {
            updateSortStatesByNewSortState(defaultSortState, {
              columnKey: column.key,
              sorter: column.sorter,
              order: (_a = column.defaultSortOrder) !== null && _a !== void 0 ? _a : false
            });
          }
        });
        const uncontrolledSortStateRef = vue.ref(defaultSortState);
        const mergedSortStateRef = vue.computed(() => {
          const columnsWithControlledSortOrder = dataRelatedColsRef.value.filter((column) => column.type !== "selection" && column.sorter !== void 0 && (column.sortOrder === "ascend" || column.sortOrder === "descend" || column.sortOrder === false));
          const columnToSort = columnsWithControlledSortOrder.filter((col) => col.sortOrder !== false);
          if (columnToSort.length) {
            return columnToSort.map((column) => {
              return {
                columnKey: column.key,
                // column to sort has controlled sorter
                // sorter && sort order won't be undefined
                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                order: column.sortOrder,
                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                sorter: column.sorter
              };
            });
          }
          if (columnsWithControlledSortOrder.length)
            return [];
          const {
            value: uncontrolledSortState
          } = uncontrolledSortStateRef;
          if (Array.isArray(uncontrolledSortState)) {
            return uncontrolledSortState;
          } else if (uncontrolledSortState) {
            return [uncontrolledSortState];
          } else {
            return [];
          }
        });
        const sortedDataRef = vue.computed(() => {
          const activeSorters = mergedSortStateRef.value.slice().sort((a2, b) => {
            const item1Priority = getMultiplePriority(a2.sorter) || 0;
            const item2Priority = getMultiplePriority(b.sorter) || 0;
            return item2Priority - item1Priority;
          });
          if (activeSorters.length) {
            const filteredData = filteredDataRef.value.slice();
            return filteredData.sort((tmNode1, tmNode2) => {
              let compareResult = 0;
              activeSorters.some((sorterState) => {
                const {
                  columnKey,
                  sorter,
                  order
                } = sorterState;
                const compareFn = getSortFunction(sorter, columnKey);
                if (compareFn && order) {
                  compareResult = compareFn(tmNode1.rawNode, tmNode2.rawNode);
                  if (compareResult !== 0) {
                    compareResult = compareResult * getFlagOfOrder(order);
                    return true;
                  }
                }
                return false;
              });
              return compareResult;
            });
          }
          return filteredDataRef.value;
        });
        function getUpdatedSorterState(sortState) {
          let currentSortState = mergedSortStateRef.value.slice();
          if (sortState && getMultiplePriority(sortState.sorter) !== false) {
            currentSortState = currentSortState.filter((sortState2) => getMultiplePriority(sortState2.sorter) !== false);
            updateSortStatesByNewSortState(currentSortState, sortState);
            return currentSortState;
          } else if (sortState) {
            return sortState;
          }
          return null;
        }
        function deriveNextSorter(sortState) {
          const nextSorterState = getUpdatedSorterState(sortState);
          doUpdateSorter(nextSorterState);
        }
        function doUpdateSorter(sortState) {
          const {
            "onUpdate:sorter": _onUpdateSorter,
            onUpdateSorter,
            onSorterChange
          } = props;
          if (_onUpdateSorter) {
            call(_onUpdateSorter, sortState);
          }
          if (onUpdateSorter) {
            call(onUpdateSorter, sortState);
          }
          if (onSorterChange) {
            call(onSorterChange, sortState);
          }
          uncontrolledSortStateRef.value = sortState;
        }
        function sort(columnKey, order = "ascend") {
          if (!columnKey) {
            clearSorter();
          } else {
            const columnToSort = dataRelatedColsRef.value.find((column) => column.type !== "selection" && column.type !== "expand" && column.key === columnKey);
            if (!(columnToSort === null || columnToSort === void 0 ? void 0 : columnToSort.sorter))
              return;
            const sorter = columnToSort.sorter;
            deriveNextSorter({
              columnKey,
              sorter,
              order
            });
          }
        }
        function clearSorter() {
          doUpdateSorter(null);
        }
        function updateSortStatesByNewSortState(sortStates, sortState) {
          const index = sortStates.findIndex((state) => (sortState === null || sortState === void 0 ? void 0 : sortState.columnKey) && state.columnKey === sortState.columnKey);
          if (index !== void 0 && index >= 0) {
            sortStates[index] = sortState;
          } else {
            sortStates.push(sortState);
          }
        }
        return {
          clearSorter,
          sort,
          sortedDataRef,
          mergedSortStateRef,
          deriveNextSorter
        };
      }
      function useTableData(props, {
        dataRelatedColsRef
      }) {
        const selectionColumnRef = vue.computed(() => {
          const getSelectionColumn = (cols) => {
            for (let i = 0; i < cols.length; ++i) {
              const col = cols[i];
              if ("children" in col) {
                return getSelectionColumn(col.children);
              } else if (col.type === "selection") {
                return col;
              }
            }
            return null;
          };
          return getSelectionColumn(props.columns);
        });
        const treeMateRef = vue.computed(() => {
          const {
            childrenKey
          } = props;
          return createTreeMate(props.data, {
            ignoreEmptyChildren: true,
            getKey: props.rowKey,
            getChildren: (rowData) => rowData[childrenKey],
            getDisabled: (rowData) => {
              var _a, _b;
              if ((_b = (_a = selectionColumnRef.value) === null || _a === void 0 ? void 0 : _a.disabled) === null || _b === void 0 ? void 0 : _b.call(_a, rowData)) {
                return true;
              }
              return false;
            }
          });
        });
        const childTriggerColIndexRef = useMemo(() => {
          const {
            columns
          } = props;
          const {
            length
          } = columns;
          let firstContentfulColIndex = null;
          for (let i = 0; i < length; ++i) {
            const col = columns[i];
            if (!col.type && firstContentfulColIndex === null) {
              firstContentfulColIndex = i;
            }
            if ("tree" in col && col.tree) {
              return i;
            }
          }
          return firstContentfulColIndex || 0;
        });
        const uncontrolledFilterStateRef = vue.ref({});
        const {
          pagination
        } = props;
        const uncontrolledCurrentPageRef = vue.ref(pagination ? pagination.defaultPage || 1 : 1);
        const uncontrolledPageSizeRef = vue.ref(getDefaultPageSize(pagination));
        const mergedFilterStateRef = vue.computed(() => {
          const columnsWithControlledFilter = dataRelatedColsRef.value.filter((column) => {
            return column.filterOptionValues !== void 0 || column.filterOptionValue !== void 0;
          });
          const controlledFilterState = {};
          columnsWithControlledFilter.forEach((column) => {
            var _a;
            if (column.type === "selection" || column.type === "expand")
              return;
            if (column.filterOptionValues === void 0) {
              controlledFilterState[column.key] = (_a = column.filterOptionValue) !== null && _a !== void 0 ? _a : null;
            } else {
              controlledFilterState[column.key] = column.filterOptionValues;
            }
          });
          const activeFilters = Object.assign(createShallowClonedObject(uncontrolledFilterStateRef.value), controlledFilterState);
          return activeFilters;
        });
        const filteredDataRef = vue.computed(() => {
          const mergedFilterState = mergedFilterStateRef.value;
          const {
            columns
          } = props;
          function createDefaultFilter(columnKey) {
            return (filterOptionValue, row) => !!~String(row[columnKey]).indexOf(String(filterOptionValue));
          }
          const {
            value: {
              treeNodes: data
            }
          } = treeMateRef;
          const columnEntries = [];
          columns.forEach((column) => {
            if (column.type === "selection" || column.type === "expand" || "children" in column) {
              return;
            }
            columnEntries.push([column.key, column]);
          });
          return data ? data.filter((tmNode) => {
            const {
              rawNode: row
            } = tmNode;
            for (const [columnKey, column] of columnEntries) {
              let activeFilterOptionValues = mergedFilterState[columnKey];
              if (activeFilterOptionValues == null)
                continue;
              if (!Array.isArray(activeFilterOptionValues)) {
                activeFilterOptionValues = [activeFilterOptionValues];
              }
              if (!activeFilterOptionValues.length)
                continue;
              const filter2 = column.filter === "default" ? createDefaultFilter(columnKey) : column.filter;
              if (column && typeof filter2 === "function") {
                if (column.filterMode === "and") {
                  if (activeFilterOptionValues.some((filterOptionValue) => !filter2(filterOptionValue, row))) {
                    return false;
                  }
                } else {
                  if (activeFilterOptionValues.some((filterOptionValue) => filter2(filterOptionValue, row))) {
                    continue;
                  } else {
                    return false;
                  }
                }
              }
            }
            return true;
          }) : [];
        });
        const {
          sortedDataRef,
          deriveNextSorter,
          mergedSortStateRef,
          sort,
          clearSorter
        } = useSorter(props, {
          dataRelatedColsRef,
          filteredDataRef
        });
        dataRelatedColsRef.value.forEach((column) => {
          var _a;
          if (column.filter) {
            const defaultFilterOptionValues = column.defaultFilterOptionValues;
            if (column.filterMultiple) {
              uncontrolledFilterStateRef.value[column.key] = defaultFilterOptionValues || [];
            } else if (defaultFilterOptionValues !== void 0) {
              uncontrolledFilterStateRef.value[column.key] = defaultFilterOptionValues === null ? [] : defaultFilterOptionValues;
            } else {
              uncontrolledFilterStateRef.value[column.key] = (_a = column.defaultFilterOptionValue) !== null && _a !== void 0 ? _a : null;
            }
          }
        });
        const controlledCurrentPageRef = vue.computed(() => {
          const {
            pagination: pagination2
          } = props;
          if (pagination2 === false)
            return void 0;
          return pagination2.page;
        });
        const controlledPageSizeRef = vue.computed(() => {
          const {
            pagination: pagination2
          } = props;
          if (pagination2 === false)
            return void 0;
          return pagination2.pageSize;
        });
        const _mergedCurrentPageRef = useMergedState(controlledCurrentPageRef, uncontrolledCurrentPageRef);
        const mergedPageSizeRef = useMergedState(controlledPageSizeRef, uncontrolledPageSizeRef);
        const boundedMergedCurrentPageRef = useMemo(() => {
          const page2 = _mergedCurrentPageRef.value;
          return props.remote ? page2 : Math.max(1, Math.min(Math.ceil(filteredDataRef.value.length / mergedPageSizeRef.value), page2));
        });
        const mergedPageCountRef = vue.computed(() => {
          const {
            pagination: pagination2
          } = props;
          if (pagination2) {
            const {
              pageCount
            } = pagination2;
            if (pageCount !== void 0)
              return pageCount;
          }
          return void 0;
        });
        const paginatedDataRef = vue.computed(() => {
          if (props.remote)
            return treeMateRef.value.treeNodes;
          if (!props.pagination)
            return sortedDataRef.value;
          const pageSize = mergedPageSizeRef.value;
          const startIndex = (boundedMergedCurrentPageRef.value - 1) * pageSize;
          return sortedDataRef.value.slice(startIndex, startIndex + pageSize);
        });
        const rawPaginatedDataRef = vue.computed(() => {
          return paginatedDataRef.value.map((tmNode) => tmNode.rawNode);
        });
        function mergedOnUpdatePage(page2) {
          const {
            pagination: pagination2
          } = props;
          if (pagination2) {
            const {
              onChange,
              "onUpdate:page": _onUpdatePage,
              onUpdatePage
            } = pagination2;
            if (onChange)
              call(onChange, page2);
            if (onUpdatePage)
              call(onUpdatePage, page2);
            if (_onUpdatePage)
              call(_onUpdatePage, page2);
            doUpdatePage(page2);
          }
        }
        function mergedOnUpdatePageSize(pageSize) {
          const {
            pagination: pagination2
          } = props;
          if (pagination2) {
            const {
              onPageSizeChange,
              "onUpdate:pageSize": _onUpdatePageSize,
              onUpdatePageSize
            } = pagination2;
            if (onPageSizeChange)
              call(onPageSizeChange, pageSize);
            if (onUpdatePageSize)
              call(onUpdatePageSize, pageSize);
            if (_onUpdatePageSize)
              call(_onUpdatePageSize, pageSize);
            doUpdatePageSize(pageSize);
          }
        }
        const mergedItemCountRef = vue.computed(() => {
          if (props.remote) {
            const {
              pagination: pagination2
            } = props;
            if (pagination2) {
              const {
                itemCount
              } = pagination2;
              if (itemCount !== void 0)
                return itemCount;
            }
            return void 0;
          }
          return filteredDataRef.value.length;
        });
        const mergedPaginationRef = vue.computed(() => {
          return Object.assign(Object.assign({}, props.pagination), {
            // reset deprecated methods
            onChange: void 0,
            onUpdatePage: void 0,
            onUpdatePageSize: void 0,
            onPageSizeChange: void 0,
            "onUpdate:page": mergedOnUpdatePage,
            "onUpdate:pageSize": mergedOnUpdatePageSize,
            // writing merged props after pagination to avoid
            // pagination[key] === undefined
            // key still exists but value is undefined
            page: boundedMergedCurrentPageRef.value,
            pageSize: mergedPageSizeRef.value,
            pageCount: mergedItemCountRef.value === void 0 ? mergedPageCountRef.value : void 0,
            itemCount: mergedItemCountRef.value
          });
        });
        function doUpdatePage(page2) {
          const {
            "onUpdate:page": _onUpdatePage,
            onPageChange,
            onUpdatePage
          } = props;
          if (onUpdatePage)
            call(onUpdatePage, page2);
          if (_onUpdatePage)
            call(_onUpdatePage, page2);
          if (onPageChange)
            call(onPageChange, page2);
          uncontrolledCurrentPageRef.value = page2;
        }
        function doUpdatePageSize(pageSize) {
          const {
            "onUpdate:pageSize": _onUpdatePageSize,
            onPageSizeChange,
            onUpdatePageSize
          } = props;
          if (onPageSizeChange)
            call(onPageSizeChange, pageSize);
          if (onUpdatePageSize)
            call(onUpdatePageSize, pageSize);
          if (_onUpdatePageSize)
            call(_onUpdatePageSize, pageSize);
          uncontrolledPageSizeRef.value = pageSize;
        }
        function doUpdateFilters(filters2, sourceColumn) {
          const {
            onUpdateFilters,
            "onUpdate:filters": _onUpdateFilters,
            onFiltersChange
          } = props;
          if (onUpdateFilters)
            call(onUpdateFilters, filters2, sourceColumn);
          if (_onUpdateFilters)
            call(_onUpdateFilters, filters2, sourceColumn);
          if (onFiltersChange)
            call(onFiltersChange, filters2, sourceColumn);
          uncontrolledFilterStateRef.value = filters2;
        }
        function onUnstableColumnResize(resizedWidth, limitedWidth, column, getColumnWidth) {
          var _a;
          (_a = props.onUnstableColumnResize) === null || _a === void 0 ? void 0 : _a.call(props, resizedWidth, limitedWidth, column, getColumnWidth);
        }
        function page(page2) {
          doUpdatePage(page2);
        }
        function clearFilter() {
          clearFilters();
        }
        function clearFilters() {
          filters({});
        }
        function filters(filters2) {
          filter(filters2);
        }
        function filter(filters2) {
          if (!filters2) {
            uncontrolledFilterStateRef.value = {};
          } else if (filters2) {
            uncontrolledFilterStateRef.value = createShallowClonedObject(filters2);
          } else
            ;
        }
        return {
          treeMateRef,
          mergedCurrentPageRef: boundedMergedCurrentPageRef,
          mergedPaginationRef,
          paginatedDataRef,
          rawPaginatedDataRef,
          mergedFilterStateRef,
          mergedSortStateRef,
          hoverKeyRef: vue.ref(null),
          selectionColumnRef,
          childTriggerColIndexRef,
          doUpdateFilters,
          deriveNextSorter,
          doUpdatePageSize,
          doUpdatePage,
          onUnstableColumnResize,
          // exported methods
          filter,
          filters,
          clearFilter,
          clearFilters,
          clearSorter,
          page,
          sort
        };
      }
      function useScroll(props, {
        mainTableInstRef,
        mergedCurrentPageRef,
        bodyWidthRef
      }) {
        let lastScrollLeft = 0;
        const scrollPartRef = vue.ref();
        const leftActiveFixedColKeyRef = vue.ref(null);
        const leftActiveFixedChildrenColKeysRef = vue.ref([]);
        const rightActiveFixedColKeyRef = vue.ref(null);
        const rightActiveFixedChildrenColKeysRef = vue.ref([]);
        const styleScrollXRef = vue.computed(() => {
          return formatLength(props.scrollX);
        });
        const leftFixedColumnsRef = vue.computed(() => {
          return props.columns.filter((column) => column.fixed === "left");
        });
        const rightFixedColumnsRef = vue.computed(() => {
          return props.columns.filter((column) => column.fixed === "right");
        });
        const fixedColumnLeftMapRef = vue.computed(() => {
          const columns = {};
          let left = 0;
          function traverse2(cols) {
            cols.forEach((col) => {
              const positionInfo = {
                start: left,
                end: 0
              };
              columns[getColKey(col)] = positionInfo;
              if ("children" in col) {
                traverse2(col.children);
                positionInfo.end = left;
              } else {
                left += getNumberColWidth(col) || 0;
                positionInfo.end = left;
              }
            });
          }
          traverse2(leftFixedColumnsRef.value);
          return columns;
        });
        const fixedColumnRightMapRef = vue.computed(() => {
          const columns = {};
          let right = 0;
          function traverse2(cols) {
            for (let i = cols.length - 1; i >= 0; --i) {
              const col = cols[i];
              const positionInfo = {
                start: right,
                end: 0
              };
              columns[getColKey(col)] = positionInfo;
              if ("children" in col) {
                traverse2(col.children);
                positionInfo.end = right;
              } else {
                right += getNumberColWidth(col) || 0;
                positionInfo.end = right;
              }
            }
          }
          traverse2(rightFixedColumnsRef.value);
          return columns;
        });
        function deriveActiveLeftFixedColumn() {
          var _a, _b;
          const {
            value: leftFixedColumns
          } = leftFixedColumnsRef;
          let leftWidth = 0;
          const {
            value: fixedColumnLeftMap
          } = fixedColumnLeftMapRef;
          let leftActiveFixedColKey = null;
          for (let i = 0; i < leftFixedColumns.length; ++i) {
            const key = getColKey(leftFixedColumns[i]);
            if (lastScrollLeft > (((_a = fixedColumnLeftMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) - leftWidth) {
              leftActiveFixedColKey = key;
              leftWidth = ((_b = fixedColumnLeftMap[key]) === null || _b === void 0 ? void 0 : _b.end) || 0;
            } else {
              break;
            }
          }
          leftActiveFixedColKeyRef.value = leftActiveFixedColKey;
        }
        function deriveActiveLeftFixedChildrenColumns() {
          leftActiveFixedChildrenColKeysRef.value = [];
          let activeLeftFixedColumn = props.columns.find((col) => getColKey(col) === leftActiveFixedColKeyRef.value);
          while (activeLeftFixedColumn && "children" in activeLeftFixedColumn) {
            const length = activeLeftFixedColumn.children.length;
            if (length === 0)
              break;
            const nextActiveLeftFixedColumn = activeLeftFixedColumn.children[length - 1];
            leftActiveFixedChildrenColKeysRef.value.push(getColKey(nextActiveLeftFixedColumn));
            activeLeftFixedColumn = nextActiveLeftFixedColumn;
          }
        }
        function deriveActiveRightFixedColumn() {
          var _a, _b;
          const {
            value: rightFixedColumns
          } = rightFixedColumnsRef;
          const scrollWidth = Number(props.scrollX);
          const {
            value: tableWidth
          } = bodyWidthRef;
          if (tableWidth === null)
            return;
          let rightWidth = 0;
          let rightActiveFixedColKey = null;
          const {
            value: fixedColumnRightMap
          } = fixedColumnRightMapRef;
          for (let i = rightFixedColumns.length - 1; i >= 0; --i) {
            const key = getColKey(rightFixedColumns[i]);
            if (Math.round(lastScrollLeft + (((_a = fixedColumnRightMap[key]) === null || _a === void 0 ? void 0 : _a.start) || 0) + tableWidth - rightWidth) < scrollWidth) {
              rightActiveFixedColKey = key;
              rightWidth = ((_b = fixedColumnRightMap[key]) === null || _b === void 0 ? void 0 : _b.end) || 0;
            } else {
              break;
            }
          }
          rightActiveFixedColKeyRef.value = rightActiveFixedColKey;
        }
        function deriveActiveRightFixedChildrenColumns() {
          rightActiveFixedChildrenColKeysRef.value = [];
          let activeRightFixedColumn = props.columns.find((col) => getColKey(col) === rightActiveFixedColKeyRef.value);
          while (activeRightFixedColumn && "children" in activeRightFixedColumn && activeRightFixedColumn.children.length) {
            const nextActiveRightFixedColumn = activeRightFixedColumn.children[0];
            rightActiveFixedChildrenColKeysRef.value.push(getColKey(nextActiveRightFixedColumn));
            activeRightFixedColumn = nextActiveRightFixedColumn;
          }
        }
        function getScrollElements() {
          const header = mainTableInstRef.value ? mainTableInstRef.value.getHeaderElement() : null;
          const body = mainTableInstRef.value ? mainTableInstRef.value.getBodyElement() : null;
          return {
            header,
            body
          };
        }
        function scrollMainTableBodyToTop() {
          const {
            body
          } = getScrollElements();
          if (body) {
            body.scrollTop = 0;
          }
        }
        function handleTableHeaderScroll() {
          if (scrollPartRef.value !== "body") {
            beforeNextFrameOnce(syncScrollState);
          } else {
            scrollPartRef.value = void 0;
          }
        }
        function handleTableBodyScroll(e) {
          var _a;
          (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
          if (scrollPartRef.value !== "head") {
            beforeNextFrameOnce(syncScrollState);
          } else {
            scrollPartRef.value = void 0;
          }
        }
        function syncScrollState() {
          const {
            header,
            body
          } = getScrollElements();
          if (!body)
            return;
          const {
            value: tableWidth
          } = bodyWidthRef;
          if (tableWidth === null)
            return;
          if (props.maxHeight || props.flexHeight) {
            if (!header)
              return;
            const directionHead = lastScrollLeft - header.scrollLeft;
            scrollPartRef.value = directionHead !== 0 ? "head" : "body";
            if (scrollPartRef.value === "head") {
              lastScrollLeft = header.scrollLeft;
              body.scrollLeft = lastScrollLeft;
            } else {
              lastScrollLeft = body.scrollLeft;
              header.scrollLeft = lastScrollLeft;
            }
          } else {
            lastScrollLeft = body.scrollLeft;
          }
          deriveActiveLeftFixedColumn();
          deriveActiveLeftFixedChildrenColumns();
          deriveActiveRightFixedColumn();
          deriveActiveRightFixedChildrenColumns();
        }
        function setHeaderScrollLeft(left) {
          const {
            header
          } = getScrollElements();
          if (!header)
            return;
          header.scrollLeft = left;
          syncScrollState();
        }
        vue.watch(mergedCurrentPageRef, () => {
          scrollMainTableBodyToTop();
        });
        return {
          styleScrollXRef,
          fixedColumnLeftMapRef,
          fixedColumnRightMapRef,
          leftFixedColumnsRef,
          rightFixedColumnsRef,
          leftActiveFixedColKeyRef,
          leftActiveFixedChildrenColKeysRef,
          rightActiveFixedColKeyRef,
          rightActiveFixedChildrenColKeysRef,
          syncScrollState,
          handleTableBodyScroll,
          handleTableHeaderScroll,
          setHeaderScrollLeft
        };
      }
      function useResizable() {
        const resizableWidthsRef = vue.ref({});
        function getResizableWidth(key) {
          return resizableWidthsRef.value[key];
        }
        function doUpdateResizableWidth(column, width) {
          if (isColumnResizable(column) && "key" in column) {
            resizableWidthsRef.value[column.key] = width;
          }
        }
        function clearResizableWidth() {
          resizableWidthsRef.value = {};
        }
        return {
          getResizableWidth,
          doUpdateResizableWidth,
          clearResizableWidth
        };
      }
      function getRowsAndCols(columns, getResizableWidth) {
        const rows = [];
        const cols = [];
        const dataRelatedCols = [];
        const rowItemMap = /* @__PURE__ */ new WeakMap();
        let maxDepth = -1;
        let totalRowSpan = 0;
        let hasEllipsis = false;
        function ensureMaxDepth(columns2, currentDepth) {
          if (currentDepth > maxDepth) {
            rows[currentDepth] = [];
            maxDepth = currentDepth;
          }
          for (const column of columns2) {
            if ("children" in column) {
              ensureMaxDepth(column.children, currentDepth + 1);
            } else {
              const key = "key" in column ? column.key : void 0;
              cols.push({
                key: getColKey(column),
                style: createCustomWidthStyle(column, key !== void 0 ? formatLength(getResizableWidth(key)) : void 0),
                column
              });
              totalRowSpan += 1;
              if (!hasEllipsis) {
                hasEllipsis = !!column.ellipsis;
              }
              dataRelatedCols.push(column);
            }
          }
        }
        ensureMaxDepth(columns, 0);
        let currentLeafIndex = 0;
        function ensureColLayout(columns2, currentDepth) {
          let hideUntilIndex = 0;
          columns2.forEach((column, index) => {
            var _a;
            if ("children" in column) {
              const cachedCurrentLeafIndex = currentLeafIndex;
              const rowItem = {
                column,
                colSpan: 0,
                rowSpan: 1,
                isLast: false
              };
              ensureColLayout(column.children, currentDepth + 1);
              column.children.forEach((childColumn) => {
                var _a2, _b;
                rowItem.colSpan += (_b = (_a2 = rowItemMap.get(childColumn)) === null || _a2 === void 0 ? void 0 : _a2.colSpan) !== null && _b !== void 0 ? _b : 0;
              });
              if (cachedCurrentLeafIndex + rowItem.colSpan === totalRowSpan) {
                rowItem.isLast = true;
              }
              rowItemMap.set(column, rowItem);
              rows[currentDepth].push(rowItem);
            } else {
              if (currentLeafIndex < hideUntilIndex) {
                currentLeafIndex += 1;
                return;
              }
              let colSpan = 1;
              if ("titleColSpan" in column) {
                colSpan = (_a = column.titleColSpan) !== null && _a !== void 0 ? _a : 1;
              }
              if (colSpan > 1) {
                hideUntilIndex = currentLeafIndex + colSpan;
              }
              const isLast = currentLeafIndex + colSpan === totalRowSpan;
              const rowItem = {
                column,
                colSpan,
                rowSpan: maxDepth - currentDepth + 1,
                isLast
              };
              rowItemMap.set(column, rowItem);
              rows[currentDepth].push(rowItem);
              currentLeafIndex += 1;
            }
          });
        }
        ensureColLayout(columns, 0);
        return {
          hasEllipsis,
          rows,
          cols,
          dataRelatedCols
        };
      }
      function useGroupHeader(props, getResizableWidth) {
        const rowsAndCols = vue.computed(() => getRowsAndCols(props.columns, getResizableWidth));
        return {
          rowsRef: vue.computed(() => rowsAndCols.value.rows),
          colsRef: vue.computed(() => rowsAndCols.value.cols),
          hasEllipsisRef: vue.computed(() => rowsAndCols.value.hasEllipsis),
          dataRelatedColsRef: vue.computed(() => rowsAndCols.value.dataRelatedCols)
        };
      }
      function useExpand(props, treeMateRef) {
        const renderExpandRef = useMemo(() => {
          for (const col of props.columns) {
            if (col.type === "expand") {
              return col.renderExpand;
            }
          }
        });
        const expandableRef = useMemo(() => {
          let expandable;
          for (const col of props.columns) {
            if (col.type === "expand") {
              expandable = col.expandable;
              break;
            }
          }
          return expandable;
        });
        const uncontrolledExpandedRowKeysRef = vue.ref(props.defaultExpandAll ? (renderExpandRef === null || renderExpandRef === void 0 ? void 0 : renderExpandRef.value) ? (() => {
          const expandedKeys = [];
          treeMateRef.value.treeNodes.forEach((tmNode) => {
            var _a;
            if ((_a = expandableRef.value) === null || _a === void 0 ? void 0 : _a.call(expandableRef, tmNode.rawNode)) {
              expandedKeys.push(tmNode.key);
            }
          });
          return expandedKeys;
        })() : treeMateRef.value.getNonLeafKeys() : props.defaultExpandedRowKeys);
        const controlledExpandedRowKeysRef = vue.toRef(props, "expandedRowKeys");
        const stickyExpandedRowsRef = vue.toRef(props, "stickyExpandedRows");
        const mergedExpandedRowKeysRef = useMergedState(controlledExpandedRowKeysRef, uncontrolledExpandedRowKeysRef);
        function doUpdateExpandedRowKeys(expandedKeys) {
          const {
            onUpdateExpandedRowKeys,
            "onUpdate:expandedRowKeys": _onUpdateExpandedRowKeys
          } = props;
          if (onUpdateExpandedRowKeys) {
            call(onUpdateExpandedRowKeys, expandedKeys);
          }
          if (_onUpdateExpandedRowKeys) {
            call(_onUpdateExpandedRowKeys, expandedKeys);
          }
          uncontrolledExpandedRowKeysRef.value = expandedKeys;
        }
        return {
          stickyExpandedRowsRef,
          mergedExpandedRowKeysRef,
          renderExpandRef,
          expandableRef,
          doUpdateExpandedRowKeys
        };
      }
      const fixedColumnStyle = createFixedColumnStyle();
      const style$X = c$1([cB("data-table", `
 width: 100%;
 font-size: var(--n-font-size);
 display: flex;
 flex-direction: column;
 position: relative;
 --n-merged-th-color: var(--n-th-color);
 --n-merged-td-color: var(--n-td-color);
 --n-merged-border-color: var(--n-border-color);
 --n-merged-th-color-hover: var(--n-th-color-hover);
 --n-merged-td-color-hover: var(--n-td-color-hover);
 --n-merged-td-color-striped: var(--n-td-color-striped);
 `, [cB("data-table-wrapper", `
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 `), cM("flex-height", [c$1(">", [cB("data-table-wrapper", [c$1(">", [cB("data-table-base-table", `
 display: flex;
 flex-direction: column;
 flex-grow: 1;
 `, [c$1(">", [cB("data-table-base-table-body", "flex-basis: 0;", [
        // last-child means there is no empty icon
        // body is a scrollbar, we need to override height 100%
        c$1("&:last-child", "flex-grow: 1;")
      ])])])])])])]), c$1(">", [cB("data-table-loading-wrapper", `
 color: var(--n-loading-color);
 font-size: var(--n-loading-size);
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 transition: color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 justify-content: center;
 `, [fadeInScaleUpTransition({
        originalTransform: "translateX(-50%) translateY(-50%)"
      })])]), cB("data-table-expand-placeholder", `
 margin-right: 8px;
 display: inline-block;
 width: 16px;
 height: 1px;
 `), cB("data-table-indent", `
 display: inline-block;
 height: 1px;
 `), cB("data-table-expand-trigger", `
 display: inline-flex;
 margin-right: 8px;
 cursor: pointer;
 font-size: 16px;
 vertical-align: -0.2em;
 position: relative;
 width: 16px;
 height: 16px;
 color: var(--n-td-text-color);
 transition: color .3s var(--n-bezier);
 `, [cM("expanded", [cB("icon", "transform: rotate(90deg);", [iconSwitchTransition({
        originalTransform: "rotate(90deg)"
      })]), cB("base-icon", "transform: rotate(90deg);", [iconSwitchTransition({
        originalTransform: "rotate(90deg)"
      })])]), cB("base-loading", `
 color: var(--n-loading-color);
 transition: color .3s var(--n-bezier);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `, [iconSwitchTransition()]), cB("icon", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `, [iconSwitchTransition()]), cB("base-icon", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `, [iconSwitchTransition()])]), cB("data-table-thead", `
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-merged-th-color);
 `), cB("data-table-tr", `
 box-sizing: border-box;
 background-clip: padding-box;
 transition: background-color .3s var(--n-bezier);
 `, [cB("data-table-expand", `
 position: sticky;
 left: 0;
 overflow: hidden;
 margin: calc(var(--n-th-padding) * -1);
 padding: var(--n-th-padding);
 box-sizing: border-box;
 `), cM("striped", "background-color: var(--n-merged-td-color-striped);", [cB("data-table-td", "background-color: var(--n-merged-td-color-striped);")]), cNotM("summary", [c$1("&:hover", "background-color: var(--n-merged-td-color-hover);", [c$1(">", [cB("data-table-td", "background-color: var(--n-merged-td-color-hover);")])])])]), cB("data-table-th", `
 padding: var(--n-th-padding);
 position: relative;
 text-align: start;
 box-sizing: border-box;
 background-color: var(--n-merged-th-color);
 border-color: var(--n-merged-border-color);
 border-bottom: 1px solid var(--n-merged-border-color);
 color: var(--n-th-text-color);
 transition:
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 font-weight: var(--n-th-font-weight);
 `, [cM("filterable", `
 padding-right: 36px;
 `, [cM("sortable", `
 padding-right: calc(var(--n-th-padding) + 36px);
 `)]), fixedColumnStyle, cM("selection", `
 padding: 0;
 text-align: center;
 line-height: 0;
 z-index: 3;
 `), cE("title-wrapper", `
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 max-width: 100%;
 `, [cE("title", `
 flex: 1;
 min-width: 0;
 `)]), cE("ellipsis", `
 display: inline-block;
 vertical-align: bottom;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 max-width: 100%;
 `), cM("hover", `
 background-color: var(--n-merged-th-color-hover);
 `), cM("sortable", `
 cursor: pointer;
 `, [cE("ellipsis", `
 max-width: calc(100% - 18px);
 `), c$1("&:hover", `
 background-color: var(--n-merged-th-color-hover);
 `)]), cB("data-table-sorter", `
 height: var(--n-sorter-size);
 width: var(--n-sorter-size);
 margin-left: 4px;
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 vertical-align: -0.2em;
 color: var(--n-th-icon-color);
 transition: color .3s var(--n-bezier);
 `, [cB("base-icon", "transition: transform .3s var(--n-bezier)"), cM("desc", [cB("base-icon", `
 transform: rotate(0deg);
 `)]), cM("asc", [cB("base-icon", `
 transform: rotate(-180deg);
 `)]), cM("asc, desc", `
 color: var(--n-th-icon-color-active);
 `)]), cB("data-table-resize-button", `
 width: var(--n-resizable-container-size);
 position: absolute;
 top: 0;
 right: calc(var(--n-resizable-container-size) / 2);
 bottom: 0;
 cursor: col-resize;
 user-select: none;
 `, [c$1("&::after", `
 width: var(--n-resizable-size);
 height: 50%;
 position: absolute;
 top: 50%;
 left: calc(var(--n-resizable-container-size) / 2);
 bottom: 0;
 background-color: var(--n-merged-border-color);
 transform: translateY(-50%);
 transition: background-color .3s var(--n-bezier);
 z-index: 1;
 content: '';
 `), cM("active", [c$1("&::after", ` 
 background-color: var(--n-th-icon-color-active);
 `)]), c$1("&:hover::after", `
 background-color: var(--n-th-icon-color-active);
 `)]), cB("data-table-filter", `
 position: absolute;
 z-index: auto;
 right: 0;
 width: 36px;
 top: 0;
 bottom: 0;
 cursor: pointer;
 display: flex;
 justify-content: center;
 align-items: center;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 font-size: var(--n-filter-size);
 color: var(--n-th-icon-color);
 `, [c$1("&:hover", `
 background-color: var(--n-th-button-color-hover);
 `), cM("show", `
 background-color: var(--n-th-button-color-hover);
 `), cM("active", `
 background-color: var(--n-th-button-color-hover);
 color: var(--n-th-icon-color-active);
 `)])]), cB("data-table-td", `
 padding: var(--n-td-padding);
 text-align: start;
 box-sizing: border-box;
 border: none;
 background-color: var(--n-merged-td-color);
 color: var(--n-td-text-color);
 border-bottom: 1px solid var(--n-merged-border-color);
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `, [cM("expand", [cB("data-table-expand-trigger", `
 margin-right: 0;
 `)]), cM("last-row", `
 border-bottom: 0 solid var(--n-merged-border-color);
 `, [
        // make sure there is no overlap between bottom border and
        // fixed column box shadow
        c$1("&::after", `
 bottom: 0 !important;
 `),
        c$1("&::before", `
 bottom: 0 !important;
 `)
      ]), cM("summary", `
 background-color: var(--n-merged-th-color);
 `), cM("hover", `
 background-color: var(--n-merged-td-color-hover);
 `), cE("ellipsis", `
 display: inline-block;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 max-width: 100%;
 vertical-align: bottom;
 max-width: calc(100% - var(--indent-offset, -1.5) * 16px - 24px);
 `), cM("selection, expand", `
 text-align: center;
 padding: 0;
 line-height: 0;
 `), fixedColumnStyle]), cB("data-table-empty", `
 box-sizing: border-box;
 padding: var(--n-empty-padding);
 flex-grow: 1;
 flex-shrink: 0;
 opacity: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: opacity .3s var(--n-bezier);
 `, [cM("hide", `
 opacity: 0;
 `)]), cE("pagination", `
 margin: var(--n-pagination-margin);
 display: flex;
 justify-content: flex-end;
 `), cB("data-table-wrapper", `
 position: relative;
 opacity: 1;
 transition: opacity .3s var(--n-bezier), border-color .3s var(--n-bezier);
 border-top-left-radius: var(--n-border-radius);
 border-top-right-radius: var(--n-border-radius);
 line-height: var(--n-line-height);
 `), cM("loading", [cB("data-table-wrapper", `
 opacity: var(--n-opacity-loading);
 pointer-events: none;
 `)]), cM("single-column", [cB("data-table-td", `
 border-bottom: 0 solid var(--n-merged-border-color);
 `, [c$1("&::after, &::before", `
 bottom: 0 !important;
 `)])]), cNotM("single-line", [cB("data-table-th", `
 border-right: 1px solid var(--n-merged-border-color);
 `, [cM("last", `
 border-right: 0 solid var(--n-merged-border-color);
 `)]), cB("data-table-td", `
 border-right: 1px solid var(--n-merged-border-color);
 `, [cM("last-col", `
 border-right: 0 solid var(--n-merged-border-color);
 `)])]), cM("bordered", [cB("data-table-wrapper", `
 border: 1px solid var(--n-merged-border-color);
 border-bottom-left-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 overflow: hidden;
 `)]), cB("data-table-base-table", [cM("transition-disabled", [cB("data-table-th", [c$1("&::after, &::before", "transition: none;")]), cB("data-table-td", [c$1("&::after, &::before", "transition: none;")])])]), cM("bottom-bordered", [cB("data-table-td", [cM("last-row", `
 border-bottom: 1px solid var(--n-merged-border-color);
 `)])]), cB("data-table-table", `
 font-variant-numeric: tabular-nums;
 width: 100%;
 word-break: break-word;
 transition: background-color .3s var(--n-bezier);
 border-collapse: separate;
 border-spacing: 0;
 background-color: var(--n-merged-td-color);
 `), cB("data-table-base-table-header", `
 border-top-left-radius: calc(var(--n-border-radius) - 1px);
 border-top-right-radius: calc(var(--n-border-radius) - 1px);
 z-index: 3;
 overflow: scroll;
 flex-shrink: 0;
 transition: border-color .3s var(--n-bezier);
 scrollbar-width: none;
 `, [c$1("&::-webkit-scrollbar", `
 width: 0;
 height: 0;
 `)]), cB("data-table-check-extra", `
 transition: color .3s var(--n-bezier);
 color: var(--n-th-icon-color);
 position: absolute;
 font-size: 14px;
 right: -4px;
 top: 50%;
 transform: translateY(-50%);
 z-index: 1;
 `)]), cB("data-table-filter-menu", [cB("scrollbar", `
 max-height: 240px;
 `), cE("group", `
 display: flex;
 flex-direction: column;
 padding: 12px 12px 0 12px;
 `, [cB("checkbox", `
 margin-bottom: 12px;
 margin-right: 0;
 `), cB("radio", `
 margin-bottom: 12px;
 margin-right: 0;
 `)]), cE("action", `
 padding: var(--n-action-padding);
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 border-top: 1px solid var(--n-action-divider-color);
 `, [cB("button", [c$1("&:not(:last-child)", `
 margin: var(--n-action-button-margin);
 `), c$1("&:last-child", `
 margin-right: 0;
 `)])]), cB("divider", `
 margin: 0 !important;
 `)]), insideModal(cB("data-table", `
 --n-merged-th-color: var(--n-th-color-modal);
 --n-merged-td-color: var(--n-td-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 --n-merged-th-color-hover: var(--n-th-color-hover-modal);
 --n-merged-td-color-hover: var(--n-td-color-hover-modal);
 --n-merged-td-color-striped: var(--n-td-color-striped-modal);
 `)), insidePopover(cB("data-table", `
 --n-merged-th-color: var(--n-th-color-popover);
 --n-merged-td-color: var(--n-td-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 --n-merged-th-color-hover: var(--n-th-color-hover-popover);
 --n-merged-td-color-hover: var(--n-td-color-hover-popover);
 --n-merged-td-color-striped: var(--n-td-color-striped-popover);
 `))]);
      function createFixedColumnStyle() {
        return [cM("fixed-left", `
 left: 0;
 position: sticky;
 z-index: 2;
 `, [c$1("&::after", `
 pointer-events: none;
 content: "";
 width: 36px;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: -1px;
 transition: box-shadow .2s var(--n-bezier);
 right: -36px;
 `)]), cM("fixed-right", `
 right: 0;
 position: sticky;
 z-index: 1;
 `, [c$1("&::before", `
 pointer-events: none;
 content: "";
 width: 36px;
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: -1px;
 transition: box-shadow .2s var(--n-bezier);
 left: -36px;
 `)])];
      }
      const DataTable = vue.defineComponent({
        name: "DataTable",
        alias: ["AdvancedTable"],
        props: dataTableProps,
        setup(props, {
          slots
        }) {
          const {
            mergedBorderedRef,
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("DataTable", mergedRtlRef, mergedClsPrefixRef);
          const mergedBottomBorderedRef = vue.computed(() => {
            const {
              bottomBordered
            } = props;
            if (mergedBorderedRef.value)
              return false;
            if (bottomBordered !== void 0)
              return bottomBordered;
            return true;
          });
          const themeRef = useTheme("DataTable", "-data-table", style$X, dataTableLight, props, mergedClsPrefixRef);
          const bodyWidthRef = vue.ref(null);
          const mainTableInstRef = vue.ref(null);
          const {
            getResizableWidth,
            clearResizableWidth,
            doUpdateResizableWidth
          } = useResizable();
          const {
            rowsRef,
            colsRef,
            dataRelatedColsRef,
            hasEllipsisRef
          } = useGroupHeader(props, getResizableWidth);
          const downloadCsv = (options) => {
            const {
              fileName = "data.csv",
              keepOriginalData = false
            } = options || {};
            const data = keepOriginalData ? props.data : rawPaginatedDataRef.value;
            const csvData = generateCsv(props.columns, data);
            const blob = new Blob([csvData], {
              type: "text/csv;charset=utf-8"
            });
            const downloadUrl = URL.createObjectURL(blob);
            download(downloadUrl, fileName.endsWith(".csv") ? fileName : `${fileName}.csv`);
            URL.revokeObjectURL(downloadUrl);
          };
          const {
            treeMateRef,
            mergedCurrentPageRef,
            paginatedDataRef,
            rawPaginatedDataRef,
            selectionColumnRef,
            hoverKeyRef,
            mergedPaginationRef,
            mergedFilterStateRef,
            mergedSortStateRef,
            childTriggerColIndexRef,
            doUpdatePage,
            doUpdateFilters,
            onUnstableColumnResize,
            deriveNextSorter,
            filter,
            filters,
            clearFilter,
            clearFilters,
            clearSorter,
            page,
            sort
          } = useTableData(props, {
            dataRelatedColsRef
          });
          const {
            doCheckAll,
            doUncheckAll,
            doCheck,
            doUncheck,
            headerCheckboxDisabledRef,
            someRowsCheckedRef,
            allRowsCheckedRef,
            mergedCheckedRowKeySetRef,
            mergedInderminateRowKeySetRef
          } = useCheck(props, {
            selectionColumnRef,
            treeMateRef,
            paginatedDataRef
          });
          const {
            stickyExpandedRowsRef,
            mergedExpandedRowKeysRef,
            renderExpandRef,
            expandableRef,
            doUpdateExpandedRowKeys
          } = useExpand(props, treeMateRef);
          const {
            handleTableBodyScroll,
            handleTableHeaderScroll,
            syncScrollState,
            setHeaderScrollLeft,
            leftActiveFixedColKeyRef,
            leftActiveFixedChildrenColKeysRef,
            rightActiveFixedColKeyRef,
            rightActiveFixedChildrenColKeysRef,
            leftFixedColumnsRef,
            rightFixedColumnsRef,
            fixedColumnLeftMapRef,
            fixedColumnRightMapRef
          } = useScroll(props, {
            bodyWidthRef,
            mainTableInstRef,
            mergedCurrentPageRef
          });
          const {
            localeRef
          } = useLocale("DataTable");
          const mergedTableLayoutRef = vue.computed(() => {
            if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
              return "fixed";
            }
            return props.tableLayout;
          });
          vue.provide(dataTableInjectionKey, {
            props,
            treeMateRef,
            renderExpandIconRef: vue.toRef(props, "renderExpandIcon"),
            loadingKeySetRef: vue.ref(/* @__PURE__ */ new Set()),
            slots,
            indentRef: vue.toRef(props, "indent"),
            childTriggerColIndexRef,
            bodyWidthRef,
            componentId: createId(),
            hoverKeyRef,
            mergedClsPrefixRef,
            mergedThemeRef: themeRef,
            scrollXRef: vue.computed(() => props.scrollX),
            rowsRef,
            colsRef,
            paginatedDataRef,
            leftActiveFixedColKeyRef,
            leftActiveFixedChildrenColKeysRef,
            rightActiveFixedColKeyRef,
            rightActiveFixedChildrenColKeysRef,
            leftFixedColumnsRef,
            rightFixedColumnsRef,
            fixedColumnLeftMapRef,
            fixedColumnRightMapRef,
            mergedCurrentPageRef,
            someRowsCheckedRef,
            allRowsCheckedRef,
            mergedSortStateRef,
            mergedFilterStateRef,
            loadingRef: vue.toRef(props, "loading"),
            rowClassNameRef: vue.toRef(props, "rowClassName"),
            mergedCheckedRowKeySetRef,
            mergedExpandedRowKeysRef,
            mergedInderminateRowKeySetRef,
            localeRef,
            expandableRef,
            stickyExpandedRowsRef,
            rowKeyRef: vue.toRef(props, "rowKey"),
            renderExpandRef,
            summaryRef: vue.toRef(props, "summary"),
            virtualScrollRef: vue.toRef(props, "virtualScroll"),
            rowPropsRef: vue.toRef(props, "rowProps"),
            stripedRef: vue.toRef(props, "striped"),
            checkOptionsRef: vue.computed(() => {
              const {
                value: selectionColumn
              } = selectionColumnRef;
              return selectionColumn === null || selectionColumn === void 0 ? void 0 : selectionColumn.options;
            }),
            rawPaginatedDataRef,
            filterMenuCssVarsRef: vue.computed(() => {
              const {
                self: {
                  actionDividerColor,
                  actionPadding,
                  actionButtonMargin
                }
              } = themeRef.value;
              return {
                "--n-action-padding": actionPadding,
                "--n-action-button-margin": actionButtonMargin,
                "--n-action-divider-color": actionDividerColor
              };
            }),
            onLoadRef: vue.toRef(props, "onLoad"),
            mergedTableLayoutRef,
            maxHeightRef: vue.toRef(props, "maxHeight"),
            minHeightRef: vue.toRef(props, "minHeight"),
            flexHeightRef: vue.toRef(props, "flexHeight"),
            headerCheckboxDisabledRef,
            paginationBehaviorOnFilterRef: vue.toRef(props, "paginationBehaviorOnFilter"),
            summaryPlacementRef: vue.toRef(props, "summaryPlacement"),
            scrollbarPropsRef: vue.toRef(props, "scrollbarProps"),
            syncScrollState,
            doUpdatePage,
            doUpdateFilters,
            getResizableWidth,
            onUnstableColumnResize,
            clearResizableWidth,
            doUpdateResizableWidth,
            deriveNextSorter,
            doCheck,
            doUncheck,
            doCheckAll,
            doUncheckAll,
            doUpdateExpandedRowKeys,
            handleTableHeaderScroll,
            handleTableBodyScroll,
            setHeaderScrollLeft,
            renderCell: vue.toRef(props, "renderCell")
          });
          const exposedMethods = {
            filter,
            filters,
            clearFilters,
            clearSorter,
            page,
            sort,
            clearFilter,
            downloadCsv,
            scrollTo: (arg0, arg1) => {
              var _a;
              (_a = mainTableInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(arg0, arg1);
            }
          };
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                borderColor,
                tdColorHover,
                thColor,
                thColorHover,
                tdColor,
                tdTextColor,
                thTextColor,
                thFontWeight,
                thButtonColorHover,
                thIconColor,
                thIconColorActive,
                filterSize,
                borderRadius,
                lineHeight: lineHeight2,
                tdColorModal,
                thColorModal,
                borderColorModal,
                thColorHoverModal,
                tdColorHoverModal,
                borderColorPopover,
                thColorPopover,
                tdColorPopover,
                tdColorHoverPopover,
                thColorHoverPopover,
                paginationMargin,
                emptyPadding,
                boxShadowAfter,
                boxShadowBefore,
                sorterSize,
                resizableContainerSize,
                resizableSize,
                loadingColor,
                loadingSize,
                opacityLoading,
                tdColorStriped,
                tdColorStripedModal,
                tdColorStripedPopover,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("thPadding", size2)]: thPadding,
                [createKey("tdPadding", size2)]: tdPadding
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-th-padding": thPadding,
              "--n-td-padding": tdPadding,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-line-height": lineHeight2,
              "--n-border-color": borderColor,
              "--n-border-color-modal": borderColorModal,
              "--n-border-color-popover": borderColorPopover,
              "--n-th-color": thColor,
              "--n-th-color-hover": thColorHover,
              "--n-th-color-modal": thColorModal,
              "--n-th-color-hover-modal": thColorHoverModal,
              "--n-th-color-popover": thColorPopover,
              "--n-th-color-hover-popover": thColorHoverPopover,
              "--n-td-color": tdColor,
              "--n-td-color-hover": tdColorHover,
              "--n-td-color-modal": tdColorModal,
              "--n-td-color-hover-modal": tdColorHoverModal,
              "--n-td-color-popover": tdColorPopover,
              "--n-td-color-hover-popover": tdColorHoverPopover,
              "--n-th-text-color": thTextColor,
              "--n-td-text-color": tdTextColor,
              "--n-th-font-weight": thFontWeight,
              "--n-th-button-color-hover": thButtonColorHover,
              "--n-th-icon-color": thIconColor,
              "--n-th-icon-color-active": thIconColorActive,
              "--n-filter-size": filterSize,
              "--n-pagination-margin": paginationMargin,
              "--n-empty-padding": emptyPadding,
              "--n-box-shadow-before": boxShadowBefore,
              "--n-box-shadow-after": boxShadowAfter,
              "--n-sorter-size": sorterSize,
              "--n-resizable-container-size": resizableContainerSize,
              "--n-resizable-size": resizableSize,
              "--n-loading-size": loadingSize,
              "--n-loading-color": loadingColor,
              "--n-opacity-loading": opacityLoading,
              "--n-td-color-striped": tdColorStriped,
              "--n-td-color-striped-modal": tdColorStripedModal,
              "--n-td-color-striped-popover": tdColorStripedPopover
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("data-table", vue.computed(() => props.size[0]), cssVarsRef, props) : void 0;
          const mergedShowPaginationRef = vue.computed(() => {
            if (!props.pagination)
              return false;
            if (props.paginateSinglePage)
              return true;
            const mergedPagination = mergedPaginationRef.value;
            const {
              pageCount
            } = mergedPagination;
            if (pageCount !== void 0)
              return pageCount > 1;
            return mergedPagination.itemCount && mergedPagination.pageSize && mergedPagination.itemCount > mergedPagination.pageSize;
          });
          return Object.assign({
            mainTableInstRef,
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            mergedTheme: themeRef,
            paginatedData: paginatedDataRef,
            mergedBordered: mergedBorderedRef,
            mergedBottomBordered: mergedBottomBorderedRef,
            mergedPagination: mergedPaginationRef,
            mergedShowPagination: mergedShowPaginationRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          }, exposedMethods);
        },
        render() {
          const {
            mergedClsPrefix,
            themeClass,
            onRender,
            $slots,
            spinProps: spinProps2
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-data-table`, this.rtlEnabled && `${mergedClsPrefix}-data-table--rtl`, themeClass, {
              [`${mergedClsPrefix}-data-table--bordered`]: this.mergedBordered,
              [`${mergedClsPrefix}-data-table--bottom-bordered`]: this.mergedBottomBordered,
              [`${mergedClsPrefix}-data-table--single-line`]: this.singleLine,
              [`${mergedClsPrefix}-data-table--single-column`]: this.singleColumn,
              [`${mergedClsPrefix}-data-table--loading`]: this.loading,
              [`${mergedClsPrefix}-data-table--flex-height`]: this.flexHeight
            }],
            style: this.cssVars
          }, vue.h("div", {
            class: `${mergedClsPrefix}-data-table-wrapper`
          }, vue.h(MainTable, {
            ref: "mainTableInstRef"
          })), this.mergedShowPagination ? vue.h("div", {
            class: `${mergedClsPrefix}-data-table__pagination`
          }, vue.h(NPagination, Object.assign({
            theme: this.mergedTheme.peers.Pagination,
            themeOverrides: this.mergedTheme.peerOverrides.Pagination,
            disabled: this.loading
          }, this.mergedPagination))) : null, vue.h(vue.Transition, {
            name: "fade-in-scale-up-transition"
          }, {
            default: () => {
              return this.loading ? vue.h("div", {
                class: `${mergedClsPrefix}-data-table-loading-wrapper`
              }, resolveSlot($slots.loading, () => [vue.h(NBaseLoading, Object.assign({
                clsPrefix: mergedClsPrefix,
                strokeWidth: 20
              }, spinProps2))])) : null;
            }
          }));
        }
      });
      const commonVars$8 = {
        itemFontSize: "12px",
        itemHeight: "36px",
        itemWidth: "52px",
        panelActionPadding: "8px 0"
      };
      const self$M = (vars) => {
        const {
          popoverColor,
          textColor2,
          primaryColor,
          hoverColor,
          dividerColor,
          opacityDisabled,
          boxShadow2,
          borderRadius,
          iconColor,
          iconColorDisabled
        } = vars;
        return Object.assign(Object.assign({}, commonVars$8), {
          panelColor: popoverColor,
          panelBoxShadow: boxShadow2,
          panelDividerColor: dividerColor,
          itemTextColor: textColor2,
          itemTextColorActive: primaryColor,
          itemColorHover: hoverColor,
          itemOpacityDisabled: opacityDisabled,
          itemBorderRadius: borderRadius,
          borderRadius,
          iconColor,
          iconColorDisabled
        });
      };
      const timePickerLight = createTheme({
        name: "TimePicker",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight,
          Button: buttonLight,
          Input: inputLight
        },
        self: self$M
      });
      const commonVars$7 = {
        itemSize: "24px",
        itemCellWidth: "38px",
        itemCellHeight: "32px",
        scrollItemWidth: "80px",
        scrollItemHeight: "40px",
        panelExtraFooterPadding: "8px 12px",
        panelActionPadding: "8px 12px",
        calendarTitlePadding: "0",
        calendarTitleHeight: "28px",
        arrowSize: "14px",
        panelHeaderPadding: "8px 12px",
        calendarDaysHeight: "32px",
        calendarTitleGridTempateColumns: "28px 28px 1fr 28px 28px",
        // type
        calendarLeftPaddingDate: "6px 12px 4px 12px",
        calendarLeftPaddingDatetime: "4px 12px",
        calendarLeftPaddingDaterange: "6px 12px 4px 12px",
        calendarLeftPaddingDatetimerange: "4px 12px",
        calendarLeftPaddingMonth: "0",
        // TODO: make it actually effective
        calendarLeftPaddingYear: "0",
        calendarLeftPaddingQuarter: "0",
        calendarLeftPaddingMonthrange: "0",
        calendarLeftPaddingQuarterrange: "0",
        calendarLeftPaddingYearrange: "0",
        calendarLeftPaddingWeek: "6px 12px 4px 12px",
        calendarRightPaddingDate: "6px 12px 4px 12px",
        calendarRightPaddingDatetime: "4px 12px",
        calendarRightPaddingDaterange: "6px 12px 4px 12px",
        calendarRightPaddingDatetimerange: "4px 12px",
        calendarRightPaddingMonth: "0",
        calendarRightPaddingYear: "0",
        calendarRightPaddingQuarter: "0",
        calendarRightPaddingMonthrange: "0",
        calendarRightPaddingQuarterrange: "0",
        calendarRightPaddingYearrange: "0",
        calendarRightPaddingWeek: "0"
      };
      const self$L = (vars) => {
        const {
          hoverColor,
          fontSize: fontSize2,
          textColor2,
          textColorDisabled,
          popoverColor,
          primaryColor,
          borderRadiusSmall,
          iconColor,
          iconColorDisabled,
          textColor1,
          dividerColor,
          boxShadow2,
          borderRadius,
          fontWeightStrong
        } = vars;
        return Object.assign(Object.assign({}, commonVars$7), {
          itemFontSize: fontSize2,
          calendarDaysFontSize: fontSize2,
          calendarTitleFontSize: fontSize2,
          itemTextColor: textColor2,
          itemTextColorDisabled: textColorDisabled,
          itemTextColorActive: popoverColor,
          itemTextColorCurrent: primaryColor,
          itemColorIncluded: changeColor(primaryColor, {
            alpha: 0.1
          }),
          itemColorHover: hoverColor,
          itemColorDisabled: hoverColor,
          itemColorActive: primaryColor,
          itemBorderRadius: borderRadiusSmall,
          panelColor: popoverColor,
          panelTextColor: textColor2,
          arrowColor: iconColor,
          calendarTitleTextColor: textColor1,
          calendarTitleColorHover: hoverColor,
          calendarDaysTextColor: textColor2,
          panelHeaderDividerColor: dividerColor,
          calendarDaysDividerColor: dividerColor,
          calendarDividerColor: dividerColor,
          panelActionDividerColor: dividerColor,
          panelBoxShadow: boxShadow2,
          panelBorderRadius: borderRadius,
          calendarTitleFontWeight: fontWeightStrong,
          scrollItemBorderRadius: borderRadius,
          iconColor,
          iconColorDisabled
        });
      };
      const datePickerLight = createTheme({
        name: "DatePicker",
        common: derived,
        peers: {
          Input: inputLight,
          Button: buttonLight,
          TimePicker: timePickerLight,
          Scrollbar: scrollbarLight
        },
        self: self$L
      });
      function uniCalendarValidation(props, mergedValueRef) {
        const timePickerValidatorRef = vue.computed(() => {
          const {
            isTimeDisabled
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || Array.isArray(value))
            return void 0;
          return isTimeDisabled === null || isTimeDisabled === void 0 ? void 0 : isTimeDisabled(value);
        });
        const isHourDisabledRef = vue.computed(() => {
          var _a;
          return (_a = timePickerValidatorRef.value) === null || _a === void 0 ? void 0 : _a.isHourDisabled;
        });
        const isMinuteDisabledRef = vue.computed(() => {
          var _a;
          return (_a = timePickerValidatorRef.value) === null || _a === void 0 ? void 0 : _a.isMinuteDisabled;
        });
        const isSecondDisabledRef = vue.computed(() => {
          var _a;
          return (_a = timePickerValidatorRef.value) === null || _a === void 0 ? void 0 : _a.isSecondDisabled;
        });
        const isDateInvalidRef = vue.computed(() => {
          const {
            type,
            isDateDisabled
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || Array.isArray(value) || !["date", "datetime"].includes(type) || !isDateDisabled) {
            return false;
          }
          return isDateDisabled(value, {
            type: "input"
          });
        });
        const isTimeInvalidRef = vue.computed(() => {
          const {
            type
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || !(type !== "datetime") || Array.isArray(value)) {
            return false;
          }
          const time2 = new Date(value);
          const hour = time2.getHours();
          const minute = time2.getMinutes();
          const second = time2.getMinutes();
          return (isHourDisabledRef.value ? isHourDisabledRef.value(hour) : false) || (isMinuteDisabledRef.value ? isMinuteDisabledRef.value(minute, hour) : false) || (isSecondDisabledRef.value ? isSecondDisabledRef.value(second, minute, hour) : false);
        });
        const isDateTimeInvalidRef = vue.computed(() => {
          return isDateInvalidRef.value || isTimeInvalidRef.value;
        });
        const isValueInvalidRef = vue.computed(() => {
          const {
            type
          } = props;
          if (type === "date")
            return isDateInvalidRef.value;
          if (type === "datetime")
            return isDateTimeInvalidRef.value;
          return false;
        });
        return {
          // date & datetime
          isValueInvalidRef,
          isDateInvalidRef,
          // datetime only
          isTimeInvalidRef,
          isDateTimeInvalidRef,
          isHourDisabledRef,
          isMinuteDisabledRef,
          isSecondDisabledRef
        };
      }
      function dualCalendarValidation(props, mergedValueRef) {
        const timePickerValidatorRef = vue.computed(() => {
          const {
            isTimeDisabled
          } = props;
          const {
            value
          } = mergedValueRef;
          if (!Array.isArray(value) || !isTimeDisabled) {
            return [void 0, void 0];
          }
          return [isTimeDisabled === null || isTimeDisabled === void 0 ? void 0 : isTimeDisabled(value[0], "start", value), isTimeDisabled === null || isTimeDisabled === void 0 ? void 0 : isTimeDisabled(value[1], "end", value)];
        });
        const timeValidator = {
          isStartHourDisabledRef: vue.computed(() => {
            var _a;
            return (_a = timePickerValidatorRef.value[0]) === null || _a === void 0 ? void 0 : _a.isHourDisabled;
          }),
          isEndHourDisabledRef: vue.computed(() => {
            var _a;
            return (_a = timePickerValidatorRef.value[1]) === null || _a === void 0 ? void 0 : _a.isHourDisabled;
          }),
          isStartMinuteDisabledRef: vue.computed(() => {
            var _a;
            return (_a = timePickerValidatorRef.value[0]) === null || _a === void 0 ? void 0 : _a.isMinuteDisabled;
          }),
          isEndMinuteDisabledRef: vue.computed(() => {
            var _a;
            return (_a = timePickerValidatorRef.value[1]) === null || _a === void 0 ? void 0 : _a.isMinuteDisabled;
          }),
          isStartSecondDisabledRef: vue.computed(() => {
            var _a;
            return (_a = timePickerValidatorRef.value[0]) === null || _a === void 0 ? void 0 : _a.isSecondDisabled;
          }),
          isEndSecondDisabledRef: vue.computed(() => {
            var _a;
            return (_a = timePickerValidatorRef.value[1]) === null || _a === void 0 ? void 0 : _a.isSecondDisabled;
          })
        };
        const isStartDateInvalidRef = vue.computed(() => {
          const {
            type,
            isDateDisabled
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || !Array.isArray(value) || !["daterange", "datetimerange"].includes(type) || !isDateDisabled) {
            return false;
          }
          return isDateDisabled(value[0], "start", value);
        });
        const isEndDateInvalidRef = vue.computed(() => {
          const {
            type,
            isDateDisabled
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || !Array.isArray(value) || !["daterange", "datetimerange"].includes(type) || !isDateDisabled) {
            return false;
          }
          return isDateDisabled(value[1], "end", value);
        });
        const isStartTimeInvalidRef = vue.computed(() => {
          const {
            type
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || !Array.isArray(value) || type !== "datetimerange") {
            return false;
          }
          const startHours = getHours(value[0]);
          const startMinutes = getMinutes(value[0]);
          const startSeconds = getSeconds(value[0]);
          const {
            isStartHourDisabledRef,
            isStartMinuteDisabledRef,
            isStartSecondDisabledRef
          } = timeValidator;
          const startTimeInvalid = (isStartHourDisabledRef.value ? isStartHourDisabledRef.value(startHours) : false) || (isStartMinuteDisabledRef.value ? isStartMinuteDisabledRef.value(startMinutes, startHours) : false) || (isStartSecondDisabledRef.value ? isStartSecondDisabledRef.value(startSeconds, startMinutes, startHours) : false);
          return startTimeInvalid;
        });
        const isEndTimeInvalidRef = vue.computed(() => {
          const {
            type
          } = props;
          const {
            value
          } = mergedValueRef;
          if (value === null || !Array.isArray(value) || type !== "datetimerange") {
            return false;
          }
          const endHours = getHours(value[1]);
          const endMinutes = getMinutes(value[1]);
          const endSeconds = getSeconds(value[1]);
          const {
            isEndHourDisabledRef,
            isEndMinuteDisabledRef,
            isEndSecondDisabledRef
          } = timeValidator;
          const endTimeInvalid = (isEndHourDisabledRef.value ? isEndHourDisabledRef.value(endHours) : false) || (isEndMinuteDisabledRef.value ? isEndMinuteDisabledRef.value(endMinutes, endHours) : false) || (isEndSecondDisabledRef.value ? isEndSecondDisabledRef.value(endSeconds, endMinutes, endHours) : false);
          return endTimeInvalid;
        });
        const isStartValueInvalidRef = vue.computed(() => {
          return isStartDateInvalidRef.value || isStartTimeInvalidRef.value;
        });
        const isEndValueInvalidRef = vue.computed(() => {
          return isEndDateInvalidRef.value || isEndTimeInvalidRef.value;
        });
        const isRangeInvalidRef = vue.computed(() => {
          return isStartValueInvalidRef.value || isEndValueInvalidRef.value;
        });
        return Object.assign(Object.assign({}, timeValidator), {
          isStartDateInvalidRef,
          isEndDateInvalidRef,
          isStartTimeInvalidRef,
          isEndTimeInvalidRef,
          isStartValueInvalidRef,
          isEndValueInvalidRef,
          isRangeInvalidRef
        });
      }
      const datePickerInjectionKey = createInjectionKey("n-date-picker");
      var cloneObject$1 = { exports: {} };
      var interopRequireDefault = { exports: {} };
      (function(module2) {
        function _interopRequireDefault(obj) {
          return obj && obj.__esModule ? obj : {
            "default": obj
          };
        }
        module2.exports = _interopRequireDefault, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
      })(interopRequireDefault);
      var interopRequireDefaultExports = interopRequireDefault.exports;
      var assign = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = assign2;
        function assign2(target, object) {
          if (target == null) {
            throw new TypeError("assign requires that input parameter not be null or undefined");
          }
          for (var property2 in object) {
            if (Object.prototype.hasOwnProperty.call(object, property2)) {
              target[property2] = object[property2];
            }
          }
          return target;
        }
        module2.exports = exports2.default;
      })(assign, assign.exports);
      var assignExports = assign.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = cloneObject2;
        var _index = _interopRequireDefault(assignExports);
        function cloneObject2(object) {
          return (0, _index.default)({}, object);
        }
        module2.exports = exports2.default;
      })(cloneObject$1, cloneObject$1.exports);
      var cloneObjectExports = cloneObject$1.exports;
      const cloneObject = /* @__PURE__ */ getDefaultExportFromCjs(cloneObjectExports);
      var format$3 = { exports: {} };
      var isValid = { exports: {} };
      var isDate = { exports: {} };
      var _typeof = { exports: {} };
      (function(module2) {
        function _typeof2(o) {
          "@babel/helpers - typeof";
          return module2.exports = _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
            return typeof o2;
          } : function(o2) {
            return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
          }, module2.exports.__esModule = true, module2.exports["default"] = module2.exports, _typeof2(o);
        }
        module2.exports = _typeof2, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
      })(_typeof);
      var _typeofExports = _typeof.exports;
      var requiredArgs = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = requiredArgs2;
        function requiredArgs2(required, args) {
          if (args.length < required) {
            throw new TypeError(required + " argument" + (required > 1 ? "s" : "") + " required, but only " + args.length + " present");
          }
        }
        module2.exports = exports2.default;
      })(requiredArgs, requiredArgs.exports);
      var requiredArgsExports = requiredArgs.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = isDate2;
        var _typeof2 = _interopRequireDefault(_typeofExports);
        var _index = _interopRequireDefault(requiredArgsExports);
        function isDate2(value) {
          (0, _index.default)(1, arguments);
          return value instanceof Date || (0, _typeof2.default)(value) === "object" && Object.prototype.toString.call(value) === "[object Date]";
        }
        module2.exports = exports2.default;
      })(isDate, isDate.exports);
      var isDateExports = isDate.exports;
      var toDate$1 = { exports: {} };
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = toDate2;
        var _typeof2 = _interopRequireDefault(_typeofExports);
        var _index = _interopRequireDefault(requiredArgsExports);
        function toDate2(argument) {
          (0, _index.default)(1, arguments);
          var argStr = Object.prototype.toString.call(argument);
          if (argument instanceof Date || (0, _typeof2.default)(argument) === "object" && argStr === "[object Date]") {
            return new Date(argument.getTime());
          } else if (typeof argument === "number" || argStr === "[object Number]") {
            return new Date(argument);
          } else {
            if ((typeof argument === "string" || argStr === "[object String]") && typeof console !== "undefined") {
              console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
              console.warn(new Error().stack);
            }
            return /* @__PURE__ */ new Date(NaN);
          }
        }
        module2.exports = exports2.default;
      })(toDate$1, toDate$1.exports);
      var toDateExports = toDate$1.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = isValid2;
        var _index = _interopRequireDefault(isDateExports);
        var _index2 = _interopRequireDefault(toDateExports);
        var _index3 = _interopRequireDefault(requiredArgsExports);
        function isValid2(dirtyDate) {
          (0, _index3.default)(1, arguments);
          if (!(0, _index.default)(dirtyDate) && typeof dirtyDate !== "number") {
            return false;
          }
          var date = (0, _index2.default)(dirtyDate);
          return !isNaN(Number(date));
        }
        module2.exports = exports2.default;
      })(isValid, isValid.exports);
      var isValidExports = isValid.exports;
      var subMilliseconds = { exports: {} };
      var addMilliseconds = { exports: {} };
      var toInteger$1 = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = toInteger2;
        function toInteger2(dirtyNumber) {
          if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
            return NaN;
          }
          var number = Number(dirtyNumber);
          if (isNaN(number)) {
            return number;
          }
          return number < 0 ? Math.ceil(number) : Math.floor(number);
        }
        module2.exports = exports2.default;
      })(toInteger$1, toInteger$1.exports);
      var toIntegerExports = toInteger$1.exports;
      const toInteger = /* @__PURE__ */ getDefaultExportFromCjs(toIntegerExports);
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = addMilliseconds2;
        var _index = _interopRequireDefault(toIntegerExports);
        var _index2 = _interopRequireDefault(toDateExports);
        var _index3 = _interopRequireDefault(requiredArgsExports);
        function addMilliseconds2(dirtyDate, dirtyAmount) {
          (0, _index3.default)(2, arguments);
          var timestamp = (0, _index2.default)(dirtyDate).getTime();
          var amount = (0, _index.default)(dirtyAmount);
          return new Date(timestamp + amount);
        }
        module2.exports = exports2.default;
      })(addMilliseconds, addMilliseconds.exports);
      var addMillisecondsExports = addMilliseconds.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = subMilliseconds2;
        var _index = _interopRequireDefault(addMillisecondsExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        var _index3 = _interopRequireDefault(toIntegerExports);
        function subMilliseconds2(dirtyDate, dirtyAmount) {
          (0, _index2.default)(2, arguments);
          var amount = (0, _index3.default)(dirtyAmount);
          return (0, _index.default)(dirtyDate, -amount);
        }
        module2.exports = exports2.default;
      })(subMilliseconds, subMilliseconds.exports);
      var subMillisecondsExports = subMilliseconds.exports;
      var formatters$1 = { exports: {} };
      var getUTCDayOfYear = { exports: {} };
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = getUTCDayOfYear2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        var MILLISECONDS_IN_DAY2 = 864e5;
        function getUTCDayOfYear2(dirtyDate) {
          (0, _index2.default)(1, arguments);
          var date = (0, _index.default)(dirtyDate);
          var timestamp = date.getTime();
          date.setUTCMonth(0, 1);
          date.setUTCHours(0, 0, 0, 0);
          var startOfYearTimestamp = date.getTime();
          var difference = timestamp - startOfYearTimestamp;
          return Math.floor(difference / MILLISECONDS_IN_DAY2) + 1;
        }
        module2.exports = exports2.default;
      })(getUTCDayOfYear, getUTCDayOfYear.exports);
      var getUTCDayOfYearExports = getUTCDayOfYear.exports;
      var getUTCISOWeek = { exports: {} };
      var startOfUTCISOWeek = { exports: {} };
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = startOfUTCISOWeek2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        function startOfUTCISOWeek2(dirtyDate) {
          (0, _index2.default)(1, arguments);
          var weekStartsOn = 1;
          var date = (0, _index.default)(dirtyDate);
          var day = date.getUTCDay();
          var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
          date.setUTCDate(date.getUTCDate() - diff);
          date.setUTCHours(0, 0, 0, 0);
          return date;
        }
        module2.exports = exports2.default;
      })(startOfUTCISOWeek, startOfUTCISOWeek.exports);
      var startOfUTCISOWeekExports = startOfUTCISOWeek.exports;
      var startOfUTCISOWeekYear = { exports: {} };
      var getUTCISOWeekYear = { exports: {} };
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = getUTCISOWeekYear2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        var _index3 = _interopRequireDefault(startOfUTCISOWeekExports);
        function getUTCISOWeekYear2(dirtyDate) {
          (0, _index2.default)(1, arguments);
          var date = (0, _index.default)(dirtyDate);
          var year = date.getUTCFullYear();
          var fourthOfJanuaryOfNextYear = /* @__PURE__ */ new Date(0);
          fourthOfJanuaryOfNextYear.setUTCFullYear(year + 1, 0, 4);
          fourthOfJanuaryOfNextYear.setUTCHours(0, 0, 0, 0);
          var startOfNextYear = (0, _index3.default)(fourthOfJanuaryOfNextYear);
          var fourthOfJanuaryOfThisYear = /* @__PURE__ */ new Date(0);
          fourthOfJanuaryOfThisYear.setUTCFullYear(year, 0, 4);
          fourthOfJanuaryOfThisYear.setUTCHours(0, 0, 0, 0);
          var startOfThisYear = (0, _index3.default)(fourthOfJanuaryOfThisYear);
          if (date.getTime() >= startOfNextYear.getTime()) {
            return year + 1;
          } else if (date.getTime() >= startOfThisYear.getTime()) {
            return year;
          } else {
            return year - 1;
          }
        }
        module2.exports = exports2.default;
      })(getUTCISOWeekYear, getUTCISOWeekYear.exports);
      var getUTCISOWeekYearExports = getUTCISOWeekYear.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = startOfUTCISOWeekYear2;
        var _index = _interopRequireDefault(getUTCISOWeekYearExports);
        var _index2 = _interopRequireDefault(startOfUTCISOWeekExports);
        var _index3 = _interopRequireDefault(requiredArgsExports);
        function startOfUTCISOWeekYear2(dirtyDate) {
          (0, _index3.default)(1, arguments);
          var year = (0, _index.default)(dirtyDate);
          var fourthOfJanuary = /* @__PURE__ */ new Date(0);
          fourthOfJanuary.setUTCFullYear(year, 0, 4);
          fourthOfJanuary.setUTCHours(0, 0, 0, 0);
          var date = (0, _index2.default)(fourthOfJanuary);
          return date;
        }
        module2.exports = exports2.default;
      })(startOfUTCISOWeekYear, startOfUTCISOWeekYear.exports);
      var startOfUTCISOWeekYearExports = startOfUTCISOWeekYear.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = getUTCISOWeek2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(startOfUTCISOWeekExports);
        var _index3 = _interopRequireDefault(startOfUTCISOWeekYearExports);
        var _index4 = _interopRequireDefault(requiredArgsExports);
        var MILLISECONDS_IN_WEEK2 = 6048e5;
        function getUTCISOWeek2(dirtyDate) {
          (0, _index4.default)(1, arguments);
          var date = (0, _index.default)(dirtyDate);
          var diff = (0, _index2.default)(date).getTime() - (0, _index3.default)(date).getTime();
          return Math.round(diff / MILLISECONDS_IN_WEEK2) + 1;
        }
        module2.exports = exports2.default;
      })(getUTCISOWeek, getUTCISOWeek.exports);
      var getUTCISOWeekExports = getUTCISOWeek.exports;
      var getUTCWeek = { exports: {} };
      var startOfUTCWeek = { exports: {} };
      var defaultOptions$1 = {};
      Object.defineProperty(defaultOptions$1, "__esModule", {
        value: true
      });
      defaultOptions$1.getDefaultOptions = getDefaultOptions;
      defaultOptions$1.setDefaultOptions = setDefaultOptions;
      var defaultOptions = {};
      function getDefaultOptions() {
        return defaultOptions;
      }
      function setDefaultOptions(newOptions) {
        defaultOptions = newOptions;
      }
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = startOfUTCWeek2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        var _index3 = _interopRequireDefault(toIntegerExports);
        var _index4 = defaultOptions$1;
        function startOfUTCWeek2(dirtyDate, options) {
          var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
          (0, _index2.default)(1, arguments);
          var defaultOptions2 = (0, _index4.getDefaultOptions)();
          var weekStartsOn = (0, _index3.default)((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
          if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
            throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
          }
          var date = (0, _index.default)(dirtyDate);
          var day = date.getUTCDay();
          var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
          date.setUTCDate(date.getUTCDate() - diff);
          date.setUTCHours(0, 0, 0, 0);
          return date;
        }
        module2.exports = exports2.default;
      })(startOfUTCWeek, startOfUTCWeek.exports);
      var startOfUTCWeekExports = startOfUTCWeek.exports;
      var startOfUTCWeekYear = { exports: {} };
      var getUTCWeekYear = { exports: {} };
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = getUTCWeekYear2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        var _index3 = _interopRequireDefault(startOfUTCWeekExports);
        var _index4 = _interopRequireDefault(toIntegerExports);
        var _index5 = defaultOptions$1;
        function getUTCWeekYear2(dirtyDate, options) {
          var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
          (0, _index2.default)(1, arguments);
          var date = (0, _index.default)(dirtyDate);
          var year = date.getUTCFullYear();
          var defaultOptions2 = (0, _index5.getDefaultOptions)();
          var firstWeekContainsDate = (0, _index4.default)((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
          if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
            throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
          }
          var firstWeekOfNextYear = /* @__PURE__ */ new Date(0);
          firstWeekOfNextYear.setUTCFullYear(year + 1, 0, firstWeekContainsDate);
          firstWeekOfNextYear.setUTCHours(0, 0, 0, 0);
          var startOfNextYear = (0, _index3.default)(firstWeekOfNextYear, options);
          var firstWeekOfThisYear = /* @__PURE__ */ new Date(0);
          firstWeekOfThisYear.setUTCFullYear(year, 0, firstWeekContainsDate);
          firstWeekOfThisYear.setUTCHours(0, 0, 0, 0);
          var startOfThisYear = (0, _index3.default)(firstWeekOfThisYear, options);
          if (date.getTime() >= startOfNextYear.getTime()) {
            return year + 1;
          } else if (date.getTime() >= startOfThisYear.getTime()) {
            return year;
          } else {
            return year - 1;
          }
        }
        module2.exports = exports2.default;
      })(getUTCWeekYear, getUTCWeekYear.exports);
      var getUTCWeekYearExports = getUTCWeekYear.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = startOfUTCWeekYear2;
        var _index = _interopRequireDefault(getUTCWeekYearExports);
        var _index2 = _interopRequireDefault(requiredArgsExports);
        var _index3 = _interopRequireDefault(startOfUTCWeekExports);
        var _index4 = _interopRequireDefault(toIntegerExports);
        var _index5 = defaultOptions$1;
        function startOfUTCWeekYear2(dirtyDate, options) {
          var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
          (0, _index2.default)(1, arguments);
          var defaultOptions2 = (0, _index5.getDefaultOptions)();
          var firstWeekContainsDate = (0, _index4.default)((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
          var year = (0, _index.default)(dirtyDate, options);
          var firstWeek = /* @__PURE__ */ new Date(0);
          firstWeek.setUTCFullYear(year, 0, firstWeekContainsDate);
          firstWeek.setUTCHours(0, 0, 0, 0);
          var date = (0, _index3.default)(firstWeek, options);
          return date;
        }
        module2.exports = exports2.default;
      })(startOfUTCWeekYear, startOfUTCWeekYear.exports);
      var startOfUTCWeekYearExports = startOfUTCWeekYear.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = getUTCWeek2;
        var _index = _interopRequireDefault(toDateExports);
        var _index2 = _interopRequireDefault(startOfUTCWeekExports);
        var _index3 = _interopRequireDefault(startOfUTCWeekYearExports);
        var _index4 = _interopRequireDefault(requiredArgsExports);
        var MILLISECONDS_IN_WEEK2 = 6048e5;
        function getUTCWeek2(dirtyDate, options) {
          (0, _index4.default)(1, arguments);
          var date = (0, _index.default)(dirtyDate);
          var diff = (0, _index2.default)(date, options).getTime() - (0, _index3.default)(date, options).getTime();
          return Math.round(diff / MILLISECONDS_IN_WEEK2) + 1;
        }
        module2.exports = exports2.default;
      })(getUTCWeek, getUTCWeek.exports);
      var getUTCWeekExports = getUTCWeek.exports;
      var addLeadingZeros$1 = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = addLeadingZeros2;
        function addLeadingZeros2(number, targetLength) {
          var sign = number < 0 ? "-" : "";
          var output = Math.abs(number).toString();
          while (output.length < targetLength) {
            output = "0" + output;
          }
          return sign + output;
        }
        module2.exports = exports2.default;
      })(addLeadingZeros$1, addLeadingZeros$1.exports);
      var addLeadingZerosExports = addLeadingZeros$1.exports;
      var lightFormatters = { exports: {} };
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(addLeadingZerosExports);
        var formatters2 = {
          // Year
          y: function y(date, token) {
            var signedYear = date.getUTCFullYear();
            var year = signedYear > 0 ? signedYear : 1 - signedYear;
            return (0, _index.default)(token === "yy" ? year % 100 : year, token.length);
          },
          // Month
          M: function M(date, token) {
            var month = date.getUTCMonth();
            return token === "M" ? String(month + 1) : (0, _index.default)(month + 1, 2);
          },
          // Day of the month
          d: function d(date, token) {
            return (0, _index.default)(date.getUTCDate(), token.length);
          },
          // AM or PM
          a: function a2(date, token) {
            var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? "pm" : "am";
            switch (token) {
              case "a":
              case "aa":
                return dayPeriodEnumValue.toUpperCase();
              case "aaa":
                return dayPeriodEnumValue;
              case "aaaaa":
                return dayPeriodEnumValue[0];
              case "aaaa":
              default:
                return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
            }
          },
          // Hour [1-12]
          h: function h2(date, token) {
            return (0, _index.default)(date.getUTCHours() % 12 || 12, token.length);
          },
          // Hour [0-23]
          H: function H(date, token) {
            return (0, _index.default)(date.getUTCHours(), token.length);
          },
          // Minute
          m: function m(date, token) {
            return (0, _index.default)(date.getUTCMinutes(), token.length);
          },
          // Second
          s: function s(date, token) {
            return (0, _index.default)(date.getUTCSeconds(), token.length);
          },
          // Fraction of second
          S: function S(date, token) {
            var numberOfDigits = token.length;
            var milliseconds = date.getUTCMilliseconds();
            var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
            return (0, _index.default)(fractionalSeconds, token.length);
          }
        };
        var _default = formatters2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(lightFormatters, lightFormatters.exports);
      var lightFormattersExports = lightFormatters.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(getUTCDayOfYearExports);
        var _index2 = _interopRequireDefault(getUTCISOWeekExports);
        var _index3 = _interopRequireDefault(getUTCISOWeekYearExports);
        var _index4 = _interopRequireDefault(getUTCWeekExports);
        var _index5 = _interopRequireDefault(getUTCWeekYearExports);
        var _index6 = _interopRequireDefault(addLeadingZerosExports);
        var _index7 = _interopRequireDefault(lightFormattersExports);
        var dayPeriodEnum2 = {
          am: "am",
          pm: "pm",
          midnight: "midnight",
          noon: "noon",
          morning: "morning",
          afternoon: "afternoon",
          evening: "evening",
          night: "night"
        };
        var formatters2 = {
          // Era
          G: function G(date, token, localize2) {
            var era = date.getUTCFullYear() > 0 ? 1 : 0;
            switch (token) {
              case "G":
              case "GG":
              case "GGG":
                return localize2.era(era, {
                  width: "abbreviated"
                });
              case "GGGGG":
                return localize2.era(era, {
                  width: "narrow"
                });
              case "GGGG":
              default:
                return localize2.era(era, {
                  width: "wide"
                });
            }
          },
          // Year
          y: function y(date, token, localize2) {
            if (token === "yo") {
              var signedYear = date.getUTCFullYear();
              var year = signedYear > 0 ? signedYear : 1 - signedYear;
              return localize2.ordinalNumber(year, {
                unit: "year"
              });
            }
            return _index7.default.y(date, token);
          },
          // Local week-numbering year
          Y: function Y(date, token, localize2, options) {
            var signedWeekYear = (0, _index5.default)(date, options);
            var weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
            if (token === "YY") {
              var twoDigitYear = weekYear % 100;
              return (0, _index6.default)(twoDigitYear, 2);
            }
            if (token === "Yo") {
              return localize2.ordinalNumber(weekYear, {
                unit: "year"
              });
            }
            return (0, _index6.default)(weekYear, token.length);
          },
          // ISO week-numbering year
          R: function R(date, token) {
            var isoWeekYear = (0, _index3.default)(date);
            return (0, _index6.default)(isoWeekYear, token.length);
          },
          // Extended year. This is a single number designating the year of this calendar system.
          // The main difference between `y` and `u` localizers are B.C. years:
          // | Year | `y` | `u` |
          // |------|-----|-----|
          // | AC 1 |   1 |   1 |
          // | BC 1 |   1 |   0 |
          // | BC 2 |   2 |  -1 |
          // Also `yy` always returns the last two digits of a year,
          // while `uu` pads single digit years to 2 characters and returns other years unchanged.
          u: function u(date, token) {
            var year = date.getUTCFullYear();
            return (0, _index6.default)(year, token.length);
          },
          // Quarter
          Q: function Q(date, token, localize2) {
            var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
            switch (token) {
              case "Q":
                return String(quarter);
              case "QQ":
                return (0, _index6.default)(quarter, 2);
              case "Qo":
                return localize2.ordinalNumber(quarter, {
                  unit: "quarter"
                });
              case "QQQ":
                return localize2.quarter(quarter, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "QQQQQ":
                return localize2.quarter(quarter, {
                  width: "narrow",
                  context: "formatting"
                });
              case "QQQQ":
              default:
                return localize2.quarter(quarter, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // Stand-alone quarter
          q: function q(date, token, localize2) {
            var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
            switch (token) {
              case "q":
                return String(quarter);
              case "qq":
                return (0, _index6.default)(quarter, 2);
              case "qo":
                return localize2.ordinalNumber(quarter, {
                  unit: "quarter"
                });
              case "qqq":
                return localize2.quarter(quarter, {
                  width: "abbreviated",
                  context: "standalone"
                });
              case "qqqqq":
                return localize2.quarter(quarter, {
                  width: "narrow",
                  context: "standalone"
                });
              case "qqqq":
              default:
                return localize2.quarter(quarter, {
                  width: "wide",
                  context: "standalone"
                });
            }
          },
          // Month
          M: function M(date, token, localize2) {
            var month = date.getUTCMonth();
            switch (token) {
              case "M":
              case "MM":
                return _index7.default.M(date, token);
              case "Mo":
                return localize2.ordinalNumber(month + 1, {
                  unit: "month"
                });
              case "MMM":
                return localize2.month(month, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "MMMMM":
                return localize2.month(month, {
                  width: "narrow",
                  context: "formatting"
                });
              case "MMMM":
              default:
                return localize2.month(month, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // Stand-alone month
          L: function L(date, token, localize2) {
            var month = date.getUTCMonth();
            switch (token) {
              case "L":
                return String(month + 1);
              case "LL":
                return (0, _index6.default)(month + 1, 2);
              case "Lo":
                return localize2.ordinalNumber(month + 1, {
                  unit: "month"
                });
              case "LLL":
                return localize2.month(month, {
                  width: "abbreviated",
                  context: "standalone"
                });
              case "LLLLL":
                return localize2.month(month, {
                  width: "narrow",
                  context: "standalone"
                });
              case "LLLL":
              default:
                return localize2.month(month, {
                  width: "wide",
                  context: "standalone"
                });
            }
          },
          // Local week of year
          w: function w(date, token, localize2, options) {
            var week = (0, _index4.default)(date, options);
            if (token === "wo") {
              return localize2.ordinalNumber(week, {
                unit: "week"
              });
            }
            return (0, _index6.default)(week, token.length);
          },
          // ISO week of year
          I: function I(date, token, localize2) {
            var isoWeek = (0, _index2.default)(date);
            if (token === "Io") {
              return localize2.ordinalNumber(isoWeek, {
                unit: "week"
              });
            }
            return (0, _index6.default)(isoWeek, token.length);
          },
          // Day of the month
          d: function d(date, token, localize2) {
            if (token === "do") {
              return localize2.ordinalNumber(date.getUTCDate(), {
                unit: "date"
              });
            }
            return _index7.default.d(date, token);
          },
          // Day of year
          D: function D(date, token, localize2) {
            var dayOfYear = (0, _index.default)(date);
            if (token === "Do") {
              return localize2.ordinalNumber(dayOfYear, {
                unit: "dayOfYear"
              });
            }
            return (0, _index6.default)(dayOfYear, token.length);
          },
          // Day of week
          E: function E(date, token, localize2) {
            var dayOfWeek = date.getUTCDay();
            switch (token) {
              case "E":
              case "EE":
              case "EEE":
                return localize2.day(dayOfWeek, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "EEEEE":
                return localize2.day(dayOfWeek, {
                  width: "narrow",
                  context: "formatting"
                });
              case "EEEEEE":
                return localize2.day(dayOfWeek, {
                  width: "short",
                  context: "formatting"
                });
              case "EEEE":
              default:
                return localize2.day(dayOfWeek, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // Local day of week
          e: function e(date, token, localize2, options) {
            var dayOfWeek = date.getUTCDay();
            var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
            switch (token) {
              case "e":
                return String(localDayOfWeek);
              case "ee":
                return (0, _index6.default)(localDayOfWeek, 2);
              case "eo":
                return localize2.ordinalNumber(localDayOfWeek, {
                  unit: "day"
                });
              case "eee":
                return localize2.day(dayOfWeek, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "eeeee":
                return localize2.day(dayOfWeek, {
                  width: "narrow",
                  context: "formatting"
                });
              case "eeeeee":
                return localize2.day(dayOfWeek, {
                  width: "short",
                  context: "formatting"
                });
              case "eeee":
              default:
                return localize2.day(dayOfWeek, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // Stand-alone local day of week
          c: function c2(date, token, localize2, options) {
            var dayOfWeek = date.getUTCDay();
            var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
            switch (token) {
              case "c":
                return String(localDayOfWeek);
              case "cc":
                return (0, _index6.default)(localDayOfWeek, token.length);
              case "co":
                return localize2.ordinalNumber(localDayOfWeek, {
                  unit: "day"
                });
              case "ccc":
                return localize2.day(dayOfWeek, {
                  width: "abbreviated",
                  context: "standalone"
                });
              case "ccccc":
                return localize2.day(dayOfWeek, {
                  width: "narrow",
                  context: "standalone"
                });
              case "cccccc":
                return localize2.day(dayOfWeek, {
                  width: "short",
                  context: "standalone"
                });
              case "cccc":
              default:
                return localize2.day(dayOfWeek, {
                  width: "wide",
                  context: "standalone"
                });
            }
          },
          // ISO day of week
          i: function i(date, token, localize2) {
            var dayOfWeek = date.getUTCDay();
            var isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
            switch (token) {
              case "i":
                return String(isoDayOfWeek);
              case "ii":
                return (0, _index6.default)(isoDayOfWeek, token.length);
              case "io":
                return localize2.ordinalNumber(isoDayOfWeek, {
                  unit: "day"
                });
              case "iii":
                return localize2.day(dayOfWeek, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "iiiii":
                return localize2.day(dayOfWeek, {
                  width: "narrow",
                  context: "formatting"
                });
              case "iiiiii":
                return localize2.day(dayOfWeek, {
                  width: "short",
                  context: "formatting"
                });
              case "iiii":
              default:
                return localize2.day(dayOfWeek, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // AM or PM
          a: function a2(date, token, localize2) {
            var hours = date.getUTCHours();
            var dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
            switch (token) {
              case "a":
              case "aa":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "aaa":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "abbreviated",
                  context: "formatting"
                }).toLowerCase();
              case "aaaaa":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "narrow",
                  context: "formatting"
                });
              case "aaaa":
              default:
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // AM, PM, midnight, noon
          b: function b(date, token, localize2) {
            var hours = date.getUTCHours();
            var dayPeriodEnumValue;
            if (hours === 12) {
              dayPeriodEnumValue = dayPeriodEnum2.noon;
            } else if (hours === 0) {
              dayPeriodEnumValue = dayPeriodEnum2.midnight;
            } else {
              dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
            }
            switch (token) {
              case "b":
              case "bb":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "bbb":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "abbreviated",
                  context: "formatting"
                }).toLowerCase();
              case "bbbbb":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "narrow",
                  context: "formatting"
                });
              case "bbbb":
              default:
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // in the morning, in the afternoon, in the evening, at night
          B: function B(date, token, localize2) {
            var hours = date.getUTCHours();
            var dayPeriodEnumValue;
            if (hours >= 17) {
              dayPeriodEnumValue = dayPeriodEnum2.evening;
            } else if (hours >= 12) {
              dayPeriodEnumValue = dayPeriodEnum2.afternoon;
            } else if (hours >= 4) {
              dayPeriodEnumValue = dayPeriodEnum2.morning;
            } else {
              dayPeriodEnumValue = dayPeriodEnum2.night;
            }
            switch (token) {
              case "B":
              case "BB":
              case "BBB":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "abbreviated",
                  context: "formatting"
                });
              case "BBBBB":
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "narrow",
                  context: "formatting"
                });
              case "BBBB":
              default:
                return localize2.dayPeriod(dayPeriodEnumValue, {
                  width: "wide",
                  context: "formatting"
                });
            }
          },
          // Hour [1-12]
          h: function h2(date, token, localize2) {
            if (token === "ho") {
              var hours = date.getUTCHours() % 12;
              if (hours === 0)
                hours = 12;
              return localize2.ordinalNumber(hours, {
                unit: "hour"
              });
            }
            return _index7.default.h(date, token);
          },
          // Hour [0-23]
          H: function H(date, token, localize2) {
            if (token === "Ho") {
              return localize2.ordinalNumber(date.getUTCHours(), {
                unit: "hour"
              });
            }
            return _index7.default.H(date, token);
          },
          // Hour [0-11]
          K: function K(date, token, localize2) {
            var hours = date.getUTCHours() % 12;
            if (token === "Ko") {
              return localize2.ordinalNumber(hours, {
                unit: "hour"
              });
            }
            return (0, _index6.default)(hours, token.length);
          },
          // Hour [1-24]
          k: function k(date, token, localize2) {
            var hours = date.getUTCHours();
            if (hours === 0)
              hours = 24;
            if (token === "ko") {
              return localize2.ordinalNumber(hours, {
                unit: "hour"
              });
            }
            return (0, _index6.default)(hours, token.length);
          },
          // Minute
          m: function m(date, token, localize2) {
            if (token === "mo") {
              return localize2.ordinalNumber(date.getUTCMinutes(), {
                unit: "minute"
              });
            }
            return _index7.default.m(date, token);
          },
          // Second
          s: function s(date, token, localize2) {
            if (token === "so") {
              return localize2.ordinalNumber(date.getUTCSeconds(), {
                unit: "second"
              });
            }
            return _index7.default.s(date, token);
          },
          // Fraction of second
          S: function S(date, token) {
            return _index7.default.S(date, token);
          },
          // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
          X: function X(date, token, _localize, options) {
            var originalDate = options._originalDate || date;
            var timezoneOffset = originalDate.getTimezoneOffset();
            if (timezoneOffset === 0) {
              return "Z";
            }
            switch (token) {
              case "X":
                return formatTimezoneWithOptionalMinutes2(timezoneOffset);
              case "XXXX":
              case "XX":
                return formatTimezone2(timezoneOffset);
              case "XXXXX":
              case "XXX":
              default:
                return formatTimezone2(timezoneOffset, ":");
            }
          },
          // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
          x: function x(date, token, _localize, options) {
            var originalDate = options._originalDate || date;
            var timezoneOffset = originalDate.getTimezoneOffset();
            switch (token) {
              case "x":
                return formatTimezoneWithOptionalMinutes2(timezoneOffset);
              case "xxxx":
              case "xx":
                return formatTimezone2(timezoneOffset);
              case "xxxxx":
              case "xxx":
              default:
                return formatTimezone2(timezoneOffset, ":");
            }
          },
          // Timezone (GMT)
          O: function O(date, token, _localize, options) {
            var originalDate = options._originalDate || date;
            var timezoneOffset = originalDate.getTimezoneOffset();
            switch (token) {
              case "O":
              case "OO":
              case "OOO":
                return "GMT" + formatTimezoneShort2(timezoneOffset, ":");
              case "OOOO":
              default:
                return "GMT" + formatTimezone2(timezoneOffset, ":");
            }
          },
          // Timezone (specific non-location)
          z: function z(date, token, _localize, options) {
            var originalDate = options._originalDate || date;
            var timezoneOffset = originalDate.getTimezoneOffset();
            switch (token) {
              case "z":
              case "zz":
              case "zzz":
                return "GMT" + formatTimezoneShort2(timezoneOffset, ":");
              case "zzzz":
              default:
                return "GMT" + formatTimezone2(timezoneOffset, ":");
            }
          },
          // Seconds timestamp
          t: function t(date, token, _localize, options) {
            var originalDate = options._originalDate || date;
            var timestamp = Math.floor(originalDate.getTime() / 1e3);
            return (0, _index6.default)(timestamp, token.length);
          },
          // Milliseconds timestamp
          T: function T(date, token, _localize, options) {
            var originalDate = options._originalDate || date;
            var timestamp = originalDate.getTime();
            return (0, _index6.default)(timestamp, token.length);
          }
        };
        function formatTimezoneShort2(offset, dirtyDelimiter) {
          var sign = offset > 0 ? "-" : "+";
          var absOffset = Math.abs(offset);
          var hours = Math.floor(absOffset / 60);
          var minutes = absOffset % 60;
          if (minutes === 0) {
            return sign + String(hours);
          }
          var delimiter = dirtyDelimiter;
          return sign + String(hours) + delimiter + (0, _index6.default)(minutes, 2);
        }
        function formatTimezoneWithOptionalMinutes2(offset, dirtyDelimiter) {
          if (offset % 60 === 0) {
            var sign = offset > 0 ? "-" : "+";
            return sign + (0, _index6.default)(Math.abs(offset) / 60, 2);
          }
          return formatTimezone2(offset, dirtyDelimiter);
        }
        function formatTimezone2(offset, dirtyDelimiter) {
          var delimiter = dirtyDelimiter || "";
          var sign = offset > 0 ? "-" : "+";
          var absOffset = Math.abs(offset);
          var hours = (0, _index6.default)(Math.floor(absOffset / 60), 2);
          var minutes = (0, _index6.default)(absOffset % 60, 2);
          return sign + hours + delimiter + minutes;
        }
        var _default = formatters2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(formatters$1, formatters$1.exports);
      var formattersExports = formatters$1.exports;
      var longFormatters = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var dateLongFormatter2 = function dateLongFormatter3(pattern, formatLong2) {
          switch (pattern) {
            case "P":
              return formatLong2.date({
                width: "short"
              });
            case "PP":
              return formatLong2.date({
                width: "medium"
              });
            case "PPP":
              return formatLong2.date({
                width: "long"
              });
            case "PPPP":
            default:
              return formatLong2.date({
                width: "full"
              });
          }
        };
        var timeLongFormatter2 = function timeLongFormatter3(pattern, formatLong2) {
          switch (pattern) {
            case "p":
              return formatLong2.time({
                width: "short"
              });
            case "pp":
              return formatLong2.time({
                width: "medium"
              });
            case "ppp":
              return formatLong2.time({
                width: "long"
              });
            case "pppp":
            default:
              return formatLong2.time({
                width: "full"
              });
          }
        };
        var dateTimeLongFormatter2 = function dateTimeLongFormatter3(pattern, formatLong2) {
          var matchResult = pattern.match(/(P+)(p+)?/) || [];
          var datePattern = matchResult[1];
          var timePattern = matchResult[2];
          if (!timePattern) {
            return dateLongFormatter2(pattern, formatLong2);
          }
          var dateTimeFormat;
          switch (datePattern) {
            case "P":
              dateTimeFormat = formatLong2.dateTime({
                width: "short"
              });
              break;
            case "PP":
              dateTimeFormat = formatLong2.dateTime({
                width: "medium"
              });
              break;
            case "PPP":
              dateTimeFormat = formatLong2.dateTime({
                width: "long"
              });
              break;
            case "PPPP":
            default:
              dateTimeFormat = formatLong2.dateTime({
                width: "full"
              });
              break;
          }
          return dateTimeFormat.replace("{{date}}", dateLongFormatter2(datePattern, formatLong2)).replace("{{time}}", timeLongFormatter2(timePattern, formatLong2));
        };
        var longFormatters2 = {
          p: timeLongFormatter2,
          P: dateTimeLongFormatter2
        };
        var _default = longFormatters2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(longFormatters, longFormatters.exports);
      var longFormattersExports = longFormatters.exports;
      var getTimezoneOffsetInMilliseconds$1 = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = getTimezoneOffsetInMilliseconds2;
        function getTimezoneOffsetInMilliseconds2(date) {
          var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
          utcDate.setUTCFullYear(date.getFullYear());
          return date.getTime() - utcDate.getTime();
        }
        module2.exports = exports2.default;
      })(getTimezoneOffsetInMilliseconds$1, getTimezoneOffsetInMilliseconds$1.exports);
      var getTimezoneOffsetInMillisecondsExports = getTimezoneOffsetInMilliseconds$1.exports;
      const getTimezoneOffsetInMilliseconds = /* @__PURE__ */ getDefaultExportFromCjs(getTimezoneOffsetInMillisecondsExports);
      var protectedTokens = {};
      Object.defineProperty(protectedTokens, "__esModule", {
        value: true
      });
      protectedTokens.isProtectedDayOfYearToken = isProtectedDayOfYearToken;
      protectedTokens.isProtectedWeekYearToken = isProtectedWeekYearToken;
      protectedTokens.throwProtectedError = throwProtectedError;
      var protectedDayOfYearTokens = ["D", "DD"];
      var protectedWeekYearTokens = ["YY", "YYYY"];
      function isProtectedDayOfYearToken(token) {
        return protectedDayOfYearTokens.indexOf(token) !== -1;
      }
      function isProtectedWeekYearToken(token) {
        return protectedWeekYearTokens.indexOf(token) !== -1;
      }
      function throwProtectedError(token, format2, input) {
        if (token === "YYYY") {
          throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        } else if (token === "YY") {
          throw new RangeError("Use `yy` instead of `YY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        } else if (token === "D") {
          throw new RangeError("Use `d` instead of `D` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        } else if (token === "DD") {
          throw new RangeError("Use `dd` instead of `DD` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
        }
      }
      var defaultLocale = { exports: {} };
      var enUS = { exports: {} };
      var formatDistance = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var formatDistanceLocale2 = {
          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"
          }
        };
        var formatDistance2 = function formatDistance3(token, count, options) {
          var result;
          var tokenValue = formatDistanceLocale2[token];
          if (typeof tokenValue === "string") {
            result = tokenValue;
          } else if (count === 1) {
            result = tokenValue.one;
          } else {
            result = tokenValue.other.replace("{{count}}", count.toString());
          }
          if (options !== null && options !== void 0 && options.addSuffix) {
            if (options.comparison && options.comparison > 0) {
              return "in " + result;
            } else {
              return result + " ago";
            }
          }
          return result;
        };
        var _default = formatDistance2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(formatDistance, formatDistance.exports);
      var formatDistanceExports = formatDistance.exports;
      var formatLong = { exports: {} };
      var buildFormatLongFn = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = buildFormatLongFn2;
        function buildFormatLongFn2(args) {
          return function() {
            var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
            var width = options.width ? String(options.width) : args.defaultWidth;
            var format2 = args.formats[width] || args.formats[args.defaultWidth];
            return format2;
          };
        }
        module2.exports = exports2.default;
      })(buildFormatLongFn, buildFormatLongFn.exports);
      var buildFormatLongFnExports = buildFormatLongFn.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(buildFormatLongFnExports);
        var dateFormats2 = {
          full: "EEEE, MMMM do, y",
          long: "MMMM do, y",
          medium: "MMM d, y",
          short: "MM/dd/yyyy"
        };
        var timeFormats2 = {
          full: "h:mm:ss a zzzz",
          long: "h:mm:ss a z",
          medium: "h:mm:ss a",
          short: "h:mm a"
        };
        var dateTimeFormats2 = {
          full: "{{date}} 'at' {{time}}",
          long: "{{date}} 'at' {{time}}",
          medium: "{{date}}, {{time}}",
          short: "{{date}}, {{time}}"
        };
        var formatLong2 = {
          date: (0, _index.default)({
            formats: dateFormats2,
            defaultWidth: "full"
          }),
          time: (0, _index.default)({
            formats: timeFormats2,
            defaultWidth: "full"
          }),
          dateTime: (0, _index.default)({
            formats: dateTimeFormats2,
            defaultWidth: "full"
          })
        };
        var _default = formatLong2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(formatLong, formatLong.exports);
      var formatLongExports = formatLong.exports;
      var formatRelative = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var formatRelativeLocale2 = {
          lastWeek: "'last' eeee 'at' p",
          yesterday: "'yesterday at' p",
          today: "'today at' p",
          tomorrow: "'tomorrow at' p",
          nextWeek: "eeee 'at' p",
          other: "P"
        };
        var formatRelative2 = function formatRelative3(token, _date, _baseDate, _options) {
          return formatRelativeLocale2[token];
        };
        var _default = formatRelative2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(formatRelative, formatRelative.exports);
      var formatRelativeExports = formatRelative.exports;
      var localize = { exports: {} };
      var buildLocalizeFn = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = buildLocalizeFn2;
        function buildLocalizeFn2(args) {
          return function(dirtyIndex, options) {
            var context = options !== null && options !== void 0 && options.context ? String(options.context) : "standalone";
            var valuesArray;
            if (context === "formatting" && args.formattingValues) {
              var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
              var width = options !== null && options !== void 0 && options.width ? String(options.width) : defaultWidth;
              valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
            } else {
              var _defaultWidth = args.defaultWidth;
              var _width = options !== null && options !== void 0 && options.width ? String(options.width) : args.defaultWidth;
              valuesArray = args.values[_width] || args.values[_defaultWidth];
            }
            var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex;
            return valuesArray[index];
          };
        }
        module2.exports = exports2.default;
      })(buildLocalizeFn, buildLocalizeFn.exports);
      var buildLocalizeFnExports = buildLocalizeFn.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(buildLocalizeFnExports);
        var eraValues2 = {
          narrow: ["B", "A"],
          abbreviated: ["BC", "AD"],
          wide: ["Before Christ", "Anno Domini"]
        };
        var quarterValues2 = {
          narrow: ["1", "2", "3", "4"],
          abbreviated: ["Q1", "Q2", "Q3", "Q4"],
          wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
        };
        var monthValues2 = {
          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"]
        };
        var dayValues2 = {
          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"]
        };
        var dayPeriodValues2 = {
          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"
          }
        };
        var formattingDayPeriodValues2 = {
          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"
          }
        };
        var ordinalNumber2 = function ordinalNumber3(dirtyNumber, _options) {
          var number = Number(dirtyNumber);
          var rem100 = number % 100;
          if (rem100 > 20 || rem100 < 10) {
            switch (rem100 % 10) {
              case 1:
                return number + "st";
              case 2:
                return number + "nd";
              case 3:
                return number + "rd";
            }
          }
          return number + "th";
        };
        var localize2 = {
          ordinalNumber: ordinalNumber2,
          era: (0, _index.default)({
            values: eraValues2,
            defaultWidth: "wide"
          }),
          quarter: (0, _index.default)({
            values: quarterValues2,
            defaultWidth: "wide",
            argumentCallback: function argumentCallback(quarter) {
              return quarter - 1;
            }
          }),
          month: (0, _index.default)({
            values: monthValues2,
            defaultWidth: "wide"
          }),
          day: (0, _index.default)({
            values: dayValues2,
            defaultWidth: "wide"
          }),
          dayPeriod: (0, _index.default)({
            values: dayPeriodValues2,
            defaultWidth: "wide",
            formattingValues: formattingDayPeriodValues2,
            defaultFormattingWidth: "wide"
          })
        };
        var _default = localize2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(localize, localize.exports);
      var localizeExports = localize.exports;
      var match = { exports: {} };
      var buildMatchFn = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = buildMatchFn2;
        function buildMatchFn2(args) {
          return function(string2) {
            var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
            var width = options.width;
            var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
            var matchResult = string2.match(matchPattern);
            if (!matchResult) {
              return null;
            }
            var matchedString = matchResult[0];
            var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
            var key = Array.isArray(parsePatterns) ? findIndex2(parsePatterns, function(pattern) {
              return pattern.test(matchedString);
            }) : findKey2(parsePatterns, function(pattern) {
              return pattern.test(matchedString);
            });
            var value;
            value = args.valueCallback ? args.valueCallback(key) : key;
            value = options.valueCallback ? options.valueCallback(value) : value;
            var rest = string2.slice(matchedString.length);
            return {
              value,
              rest
            };
          };
        }
        function findKey2(object, predicate) {
          for (var key in object) {
            if (object.hasOwnProperty(key) && predicate(object[key])) {
              return key;
            }
          }
          return void 0;
        }
        function findIndex2(array, predicate) {
          for (var key = 0; key < array.length; key++) {
            if (predicate(array[key])) {
              return key;
            }
          }
          return void 0;
        }
        module2.exports = exports2.default;
      })(buildMatchFn, buildMatchFn.exports);
      var buildMatchFnExports = buildMatchFn.exports;
      var buildMatchPatternFn = { exports: {} };
      (function(module2, exports2) {
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = buildMatchPatternFn2;
        function buildMatchPatternFn2(args) {
          return function(string2) {
            var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
            var matchResult = string2.match(args.matchPattern);
            if (!matchResult)
              return null;
            var matchedString = matchResult[0];
            var parseResult = string2.match(args.parsePattern);
            if (!parseResult)
              return null;
            var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
            value = options.valueCallback ? options.valueCallback(value) : value;
            var rest = string2.slice(matchedString.length);
            return {
              value,
              rest
            };
          };
        }
        module2.exports = exports2.default;
      })(buildMatchPatternFn, buildMatchPatternFn.exports);
      var buildMatchPatternFnExports = buildMatchPatternFn.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(buildMatchFnExports);
        var _index2 = _interopRequireDefault(buildMatchPatternFnExports);
        var matchOrdinalNumberPattern2 = /^(\d+)(th|st|nd|rd)?/i;
        var parseOrdinalNumberPattern2 = /\d+/i;
        var matchEraPatterns2 = {
          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
        };
        var parseEraPatterns2 = {
          any: [/^b/i, /^(a|c)/i]
        };
        var matchQuarterPatterns2 = {
          narrow: /^[1234]/i,
          abbreviated: /^q[1234]/i,
          wide: /^[1234](th|st|nd|rd)? quarter/i
        };
        var parseQuarterPatterns2 = {
          any: [/1/i, /2/i, /3/i, /4/i]
        };
        var matchMonthPatterns2 = {
          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
        };
        var parseMonthPatterns2 = {
          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]
        };
        var matchDayPatterns2 = {
          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
        };
        var parseDayPatterns2 = {
          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]
        };
        var matchDayPeriodPatterns2 = {
          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
        };
        var parseDayPeriodPatterns2 = {
          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
          }
        };
        var match2 = {
          ordinalNumber: (0, _index2.default)({
            matchPattern: matchOrdinalNumberPattern2,
            parsePattern: parseOrdinalNumberPattern2,
            valueCallback: function valueCallback(value) {
              return parseInt(value, 10);
            }
          }),
          era: (0, _index.default)({
            matchPatterns: matchEraPatterns2,
            defaultMatchWidth: "wide",
            parsePatterns: parseEraPatterns2,
            defaultParseWidth: "any"
          }),
          quarter: (0, _index.default)({
            matchPatterns: matchQuarterPatterns2,
            defaultMatchWidth: "wide",
            parsePatterns: parseQuarterPatterns2,
            defaultParseWidth: "any",
            valueCallback: function valueCallback(index) {
              return index + 1;
            }
          }),
          month: (0, _index.default)({
            matchPatterns: matchMonthPatterns2,
            defaultMatchWidth: "wide",
            parsePatterns: parseMonthPatterns2,
            defaultParseWidth: "any"
          }),
          day: (0, _index.default)({
            matchPatterns: matchDayPatterns2,
            defaultMatchWidth: "wide",
            parsePatterns: parseDayPatterns2,
            defaultParseWidth: "any"
          }),
          dayPeriod: (0, _index.default)({
            matchPatterns: matchDayPeriodPatterns2,
            defaultMatchWidth: "any",
            parsePatterns: parseDayPeriodPatterns2,
            defaultParseWidth: "any"
          })
        };
        var _default = match2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(match, match.exports);
      var matchExports = match.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(formatDistanceExports);
        var _index2 = _interopRequireDefault(formatLongExports);
        var _index3 = _interopRequireDefault(formatRelativeExports);
        var _index4 = _interopRequireDefault(localizeExports);
        var _index5 = _interopRequireDefault(matchExports);
        var locale2 = {
          code: "en-US",
          formatDistance: _index.default,
          formatLong: _index2.default,
          formatRelative: _index3.default,
          localize: _index4.default,
          match: _index5.default,
          options: {
            weekStartsOn: 0,
            firstWeekContainsDate: 1
          }
        };
        var _default = locale2;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(enUS, enUS.exports);
      var enUSExports = enUS.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = void 0;
        var _index = _interopRequireDefault(enUSExports);
        var _default = _index.default;
        exports2.default = _default;
        module2.exports = exports2.default;
      })(defaultLocale, defaultLocale.exports);
      var defaultLocaleExports = defaultLocale.exports;
      (function(module2, exports2) {
        var _interopRequireDefault = interopRequireDefaultExports.default;
        Object.defineProperty(exports2, "__esModule", {
          value: true
        });
        exports2.default = format2;
        var _index = _interopRequireDefault(isValidExports);
        var _index2 = _interopRequireDefault(subMillisecondsExports);
        var _index3 = _interopRequireDefault(toDateExports);
        var _index4 = _interopRequireDefault(formattersExports);
        var _index5 = _interopRequireDefault(longFormattersExports);
        var _index6 = _interopRequireDefault(getTimezoneOffsetInMillisecondsExports);
        var _index7 = protectedTokens;
        var _index8 = _interopRequireDefault(toIntegerExports);
        var _index9 = _interopRequireDefault(requiredArgsExports);
        var _index10 = defaultOptions$1;
        var _index11 = _interopRequireDefault(defaultLocaleExports);
        var formattingTokensRegExp2 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
        var longFormattingTokensRegExp2 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
        var escapedStringRegExp2 = /^'([^]*?)'?$/;
        var doubleQuoteRegExp2 = /''/g;
        var unescapedLatinCharacterRegExp2 = /[a-zA-Z]/;
        function format2(dirtyDate, dirtyFormatStr, options) {
          var _ref, _options$locale, _ref2, _ref3, _ref4, _options$firstWeekCon, _options$locale2, _options$locale2$opti, _defaultOptions$local, _defaultOptions$local2, _ref5, _ref6, _ref7, _options$weekStartsOn, _options$locale3, _options$locale3$opti, _defaultOptions$local3, _defaultOptions$local4;
          (0, _index9.default)(2, arguments);
          var formatStr = String(dirtyFormatStr);
          var defaultOptions2 = (0, _index10.getDefaultOptions)();
          var locale2 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions2.locale) !== null && _ref !== void 0 ? _ref : _index11.default;
          var firstWeekContainsDate = (0, _index8.default)((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions2.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
          if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
            throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
          }
          var weekStartsOn = (0, _index8.default)((_ref5 = (_ref6 = (_ref7 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale3 = options.locale) === null || _options$locale3 === void 0 ? void 0 : (_options$locale3$opti = _options$locale3.options) === null || _options$locale3$opti === void 0 ? void 0 : _options$locale3$opti.weekStartsOn) !== null && _ref7 !== void 0 ? _ref7 : defaultOptions2.weekStartsOn) !== null && _ref6 !== void 0 ? _ref6 : (_defaultOptions$local3 = defaultOptions2.locale) === null || _defaultOptions$local3 === void 0 ? void 0 : (_defaultOptions$local4 = _defaultOptions$local3.options) === null || _defaultOptions$local4 === void 0 ? void 0 : _defaultOptions$local4.weekStartsOn) !== null && _ref5 !== void 0 ? _ref5 : 0);
          if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
            throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
          }
          if (!locale2.localize) {
            throw new RangeError("locale must contain localize property");
          }
          if (!locale2.formatLong) {
            throw new RangeError("locale must contain formatLong property");
          }
          var originalDate = (0, _index3.default)(dirtyDate);
          if (!(0, _index.default)(originalDate)) {
            throw new RangeError("Invalid time value");
          }
          var timezoneOffset = (0, _index6.default)(originalDate);
          var utcDate = (0, _index2.default)(originalDate, timezoneOffset);
          var formatterOptions = {
            firstWeekContainsDate,
            weekStartsOn,
            locale: locale2,
            _originalDate: originalDate
          };
          var result = formatStr.match(longFormattingTokensRegExp2).map(function(substring) {
            var firstCharacter = substring[0];
            if (firstCharacter === "p" || firstCharacter === "P") {
              var longFormatter = _index5.default[firstCharacter];
              return longFormatter(substring, locale2.formatLong);
            }
            return substring;
          }).join("").match(formattingTokensRegExp2).map(function(substring) {
            if (substring === "''") {
              return "'";
            }
            var firstCharacter = substring[0];
            if (firstCharacter === "'") {
              return cleanEscapedString2(substring);
            }
            var formatter = _index4.default[firstCharacter];
            if (formatter) {
              if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && (0, _index7.isProtectedWeekYearToken)(substring)) {
                (0, _index7.throwProtectedError)(substring, dirtyFormatStr, String(dirtyDate));
              }
              if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && (0, _index7.isProtectedDayOfYearToken)(substring)) {
                (0, _index7.throwProtectedError)(substring, dirtyFormatStr, String(dirtyDate));
              }
              return formatter(utcDate, substring, locale2.localize, formatterOptions);
            }
            if (firstCharacter.match(unescapedLatinCharacterRegExp2)) {
              throw new RangeError("Format string contains an unescaped latin alphabet character `" + firstCharacter + "`");
            }
            return substring;
          }).join("");
          return result;
        }
        function cleanEscapedString2(input) {
          var matched = input.match(escapedStringRegExp2);
          if (!matched) {
            return input;
          }
          return matched[1].replace(doubleQuoteRegExp2, "'");
        }
        module2.exports = exports2.default;
      })(format$3, format$3.exports);
      var formatExports = format$3.exports;
      const dateFnsFormat = /* @__PURE__ */ getDefaultExportFromCjs(formatExports);
      function tzIntlTimeZoneName(length, date, options) {
        var dtf = getDTF(length, options.timeZone, options.locale);
        return dtf.formatToParts ? partsTimeZone(dtf, date) : hackyTimeZone(dtf, date);
      }
      function partsTimeZone(dtf, date) {
        var formatted = dtf.formatToParts(date);
        for (var i = formatted.length - 1; i >= 0; --i) {
          if (formatted[i].type === "timeZoneName") {
            return formatted[i].value;
          }
        }
      }
      function hackyTimeZone(dtf, date) {
        var formatted = dtf.format(date).replace(/\u200E/g, "");
        var tzNameMatch = / [\w-+ ]+$/.exec(formatted);
        return tzNameMatch ? tzNameMatch[0].substr(1) : "";
      }
      function getDTF(length, timeZone, locale2) {
        if (locale2 && !locale2.code) {
          throw new Error(
            "date-fns-tz error: Please set a language code on the locale object imported from date-fns, e.g. `locale.code = 'en-US'`"
          );
        }
        return new Intl.DateTimeFormat(locale2 ? [locale2.code, "en-US"] : void 0, {
          timeZone,
          timeZoneName: length
        });
      }
      function tzTokenizeDate(date, timeZone) {
        var dtf = getDateTimeFormat(timeZone);
        return dtf.formatToParts ? partsOffset(dtf, date) : hackyOffset(dtf, date);
      }
      var typeToPos = {
        year: 0,
        month: 1,
        day: 2,
        hour: 3,
        minute: 4,
        second: 5
      };
      function partsOffset(dtf, date) {
        try {
          var formatted = dtf.formatToParts(date);
          var filled = [];
          for (var i = 0; i < formatted.length; i++) {
            var pos = typeToPos[formatted[i].type];
            if (pos >= 0) {
              filled[pos] = parseInt(formatted[i].value, 10);
            }
          }
          return filled;
        } catch (error) {
          if (error instanceof RangeError) {
            return [NaN];
          }
          throw error;
        }
      }
      function hackyOffset(dtf, date) {
        var formatted = dtf.format(date);
        var parsed = /(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(formatted);
        return [parsed[3], parsed[1], parsed[2], parsed[4], parsed[5], parsed[6]];
      }
      var dtfCache = {};
      function getDateTimeFormat(timeZone) {
        if (!dtfCache[timeZone]) {
          var testDateFormatted = new Intl.DateTimeFormat("en-US", {
            hourCycle: "h23",
            timeZone: "America/New_York",
            year: "numeric",
            month: "2-digit",
            day: "2-digit",
            hour: "2-digit",
            minute: "2-digit",
            second: "2-digit"
          }).format(/* @__PURE__ */ new Date("2014-06-25T04:00:00.123Z"));
          var hourCycleSupported = testDateFormatted === "06/25/2014, 00:00:00" || testDateFormatted === "‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";
          dtfCache[timeZone] = hourCycleSupported ? new Intl.DateTimeFormat("en-US", {
            hourCycle: "h23",
            timeZone,
            year: "numeric",
            month: "numeric",
            day: "2-digit",
            hour: "2-digit",
            minute: "2-digit",
            second: "2-digit"
          }) : new Intl.DateTimeFormat("en-US", {
            hour12: false,
            timeZone,
            year: "numeric",
            month: "numeric",
            day: "2-digit",
            hour: "2-digit",
            minute: "2-digit",
            second: "2-digit"
          });
        }
        return dtfCache[timeZone];
      }
      function newDateUTC(fullYear, month, day, hour, minute, second, millisecond) {
        var utcDate = /* @__PURE__ */ new Date(0);
        utcDate.setUTCFullYear(fullYear, month, day);
        utcDate.setUTCHours(hour, minute, second, millisecond);
        return utcDate;
      }
      var MILLISECONDS_IN_HOUR$1 = 36e5;
      var MILLISECONDS_IN_MINUTE$2 = 6e4;
      var patterns$1 = {
        timezone: /([Z+-].*)$/,
        timezoneZ: /^(Z)$/,
        timezoneHH: /^([+-]\d{2})$/,
        timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
      };
      function tzParseTimezone(timezoneString, date, isUtcDate) {
        var token;
        var absoluteOffset;
        if (!timezoneString) {
          return 0;
        }
        token = patterns$1.timezoneZ.exec(timezoneString);
        if (token) {
          return 0;
        }
        var hours;
        token = patterns$1.timezoneHH.exec(timezoneString);
        if (token) {
          hours = parseInt(token[1], 10);
          if (!validateTimezone(hours)) {
            return NaN;
          }
          return -(hours * MILLISECONDS_IN_HOUR$1);
        }
        token = patterns$1.timezoneHHMM.exec(timezoneString);
        if (token) {
          hours = parseInt(token[2], 10);
          var minutes = parseInt(token[3], 10);
          if (!validateTimezone(hours, minutes)) {
            return NaN;
          }
          absoluteOffset = Math.abs(hours) * MILLISECONDS_IN_HOUR$1 + minutes * MILLISECONDS_IN_MINUTE$2;
          return token[1] === "+" ? -absoluteOffset : absoluteOffset;
        }
        if (isValidTimezoneIANAString(timezoneString)) {
          date = new Date(date || Date.now());
          var utcDate = isUtcDate ? date : toUtcDate(date);
          var offset = calcOffset(utcDate, timezoneString);
          var fixedOffset = isUtcDate ? offset : fixOffset(date, offset, timezoneString);
          return -fixedOffset;
        }
        return NaN;
      }
      function toUtcDate(date) {
        return newDateUTC(
          date.getFullYear(),
          date.getMonth(),
          date.getDate(),
          date.getHours(),
          date.getMinutes(),
          date.getSeconds(),
          date.getMilliseconds()
        );
      }
      function calcOffset(date, timezoneString) {
        var tokens = tzTokenizeDate(date, timezoneString);
        var asUTC = newDateUTC(
          tokens[0],
          tokens[1] - 1,
          tokens[2],
          tokens[3] % 24,
          tokens[4],
          tokens[5],
          0
        ).getTime();
        var asTS = date.getTime();
        var over = asTS % 1e3;
        asTS -= over >= 0 ? over : 1e3 + over;
        return asUTC - asTS;
      }
      function fixOffset(date, offset, timezoneString) {
        var localTS = date.getTime();
        var utcGuess = localTS - offset;
        var o2 = calcOffset(new Date(utcGuess), timezoneString);
        if (offset === o2) {
          return offset;
        }
        utcGuess -= o2 - offset;
        var o3 = calcOffset(new Date(utcGuess), timezoneString);
        if (o2 === o3) {
          return o2;
        }
        return Math.max(o2, o3);
      }
      function validateTimezone(hours, minutes) {
        return -23 <= hours && hours <= 23 && (minutes == null || 0 <= minutes && minutes <= 59);
      }
      var validIANATimezoneCache = {};
      function isValidTimezoneIANAString(timeZoneString) {
        if (validIANATimezoneCache[timeZoneString])
          return true;
        try {
          new Intl.DateTimeFormat(void 0, { timeZone: timeZoneString });
          validIANATimezoneCache[timeZoneString] = true;
          return true;
        } catch (error) {
          return false;
        }
      }
      var MILLISECONDS_IN_MINUTE$1 = 60 * 1e3;
      var formatters = {
        // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
        X: function(date, token, localize2, options) {
          var timezoneOffset = getTimeZoneOffset(options.timeZone, date);
          if (timezoneOffset === 0) {
            return "Z";
          }
          switch (token) {
            case "X":
              return formatTimezoneWithOptionalMinutes(timezoneOffset);
            case "XXXX":
            case "XX":
              return formatTimezone(timezoneOffset);
            case "XXXXX":
            case "XXX":
            default:
              return formatTimezone(timezoneOffset, ":");
          }
        },
        // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
        x: function(date, token, localize2, options) {
          var timezoneOffset = getTimeZoneOffset(options.timeZone, date);
          switch (token) {
            case "x":
              return formatTimezoneWithOptionalMinutes(timezoneOffset);
            case "xxxx":
            case "xx":
              return formatTimezone(timezoneOffset);
            case "xxxxx":
            case "xxx":
            default:
              return formatTimezone(timezoneOffset, ":");
          }
        },
        // Timezone (GMT)
        O: function(date, token, localize2, options) {
          var timezoneOffset = getTimeZoneOffset(options.timeZone, date);
          switch (token) {
            case "O":
            case "OO":
            case "OOO":
              return "GMT" + formatTimezoneShort(timezoneOffset, ":");
            case "OOOO":
            default:
              return "GMT" + formatTimezone(timezoneOffset, ":");
          }
        },
        // Timezone (specific non-location)
        z: function(date, token, localize2, options) {
          switch (token) {
            case "z":
            case "zz":
            case "zzz":
              return tzIntlTimeZoneName("short", date, options);
            case "zzzz":
            default:
              return tzIntlTimeZoneName("long", date, options);
          }
        }
      };
      function getTimeZoneOffset(timeZone, originalDate) {
        var timeZoneOffset = timeZone ? tzParseTimezone(timeZone, originalDate, true) / MILLISECONDS_IN_MINUTE$1 : originalDate.getTimezoneOffset();
        if (Number.isNaN(timeZoneOffset)) {
          throw new RangeError("Invalid time zone specified: " + timeZone);
        }
        return timeZoneOffset;
      }
      function addLeadingZeros(number, targetLength) {
        var sign = number < 0 ? "-" : "";
        var output = Math.abs(number).toString();
        while (output.length < targetLength) {
          output = "0" + output;
        }
        return sign + output;
      }
      function formatTimezone(offset, dirtyDelimeter) {
        var delimeter = dirtyDelimeter || "";
        var sign = offset > 0 ? "-" : "+";
        var absOffset = Math.abs(offset);
        var hours = addLeadingZeros(Math.floor(absOffset / 60), 2);
        var minutes = addLeadingZeros(Math.floor(absOffset % 60), 2);
        return sign + hours + delimeter + minutes;
      }
      function formatTimezoneWithOptionalMinutes(offset, dirtyDelimeter) {
        if (offset % 60 === 0) {
          var sign = offset > 0 ? "-" : "+";
          return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
        }
        return formatTimezone(offset, dirtyDelimeter);
      }
      function formatTimezoneShort(offset, dirtyDelimiter) {
        var sign = offset > 0 ? "-" : "+";
        var absOffset = Math.abs(offset);
        var hours = Math.floor(absOffset / 60);
        var minutes = absOffset % 60;
        if (minutes === 0) {
          return sign + String(hours);
        }
        var delimiter = dirtyDelimiter;
        return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
      }
      var tzPattern = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
      var MILLISECONDS_IN_HOUR = 36e5;
      var MILLISECONDS_IN_MINUTE = 6e4;
      var DEFAULT_ADDITIONAL_DIGITS = 2;
      var patterns = {
        dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
        datePattern: /^([0-9W+-]+)(.*)/,
        plainTime: /:/,
        // year tokens
        YY: /^(\d{2})$/,
        YYY: [
          /^([+-]\d{2})$/,
          // 0 additional digits
          /^([+-]\d{3})$/,
          // 1 additional digit
          /^([+-]\d{4})$/
          // 2 additional digits
        ],
        YYYY: /^(\d{4})/,
        YYYYY: [
          /^([+-]\d{4})/,
          // 0 additional digits
          /^([+-]\d{5})/,
          // 1 additional digit
          /^([+-]\d{6})/
          // 2 additional digits
        ],
        // date tokens
        MM: /^-(\d{2})$/,
        DDD: /^-?(\d{3})$/,
        MMDD: /^-?(\d{2})-?(\d{2})$/,
        Www: /^-?W(\d{2})$/,
        WwwD: /^-?W(\d{2})-?(\d{1})$/,
        HH: /^(\d{2}([.,]\d*)?)$/,
        HHMM: /^(\d{2}):?(\d{2}([.,]\d*)?)$/,
        HHMMSS: /^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,
        // time zone tokens (to identify the presence of a tz)
        timeZone: tzPattern
      };
      function toDate(argument, dirtyOptions) {
        if (arguments.length < 1) {
          throw new TypeError("1 argument required, but only " + arguments.length + " present");
        }
        if (argument === null) {
          return /* @__PURE__ */ new Date(NaN);
        }
        var options = dirtyOptions || {};
        var additionalDigits = options.additionalDigits == null ? DEFAULT_ADDITIONAL_DIGITS : toInteger(options.additionalDigits);
        if (additionalDigits !== 2 && additionalDigits !== 1 && additionalDigits !== 0) {
          throw new RangeError("additionalDigits must be 0, 1 or 2");
        }
        if (argument instanceof Date || typeof argument === "object" && Object.prototype.toString.call(argument) === "[object Date]") {
          return new Date(argument.getTime());
        } else if (typeof argument === "number" || Object.prototype.toString.call(argument) === "[object Number]") {
          return new Date(argument);
        } else if (!(typeof argument === "string" || Object.prototype.toString.call(argument) === "[object String]")) {
          return /* @__PURE__ */ new Date(NaN);
        }
        var dateStrings = splitDateString(argument);
        var parseYearResult = parseYear(dateStrings.date, additionalDigits);
        var year = parseYearResult.year;
        var restDateString = parseYearResult.restDateString;
        var date = parseDate(restDateString, year);
        if (isNaN(date)) {
          return /* @__PURE__ */ new Date(NaN);
        }
        if (date) {
          var timestamp = date.getTime();
          var time2 = 0;
          var offset;
          if (dateStrings.time) {
            time2 = parseTime(dateStrings.time);
            if (isNaN(time2)) {
              return /* @__PURE__ */ new Date(NaN);
            }
          }
          if (dateStrings.timeZone || options.timeZone) {
            offset = tzParseTimezone(dateStrings.timeZone || options.timeZone, new Date(timestamp + time2));
            if (isNaN(offset)) {
              return /* @__PURE__ */ new Date(NaN);
            }
          } else {
            offset = getTimezoneOffsetInMilliseconds(new Date(timestamp + time2));
            offset = getTimezoneOffsetInMilliseconds(new Date(timestamp + time2 + offset));
          }
          return new Date(timestamp + time2 + offset);
        } else {
          return /* @__PURE__ */ new Date(NaN);
        }
      }
      function splitDateString(dateString) {
        var dateStrings = {};
        var parts = patterns.dateTimePattern.exec(dateString);
        var timeString;
        if (!parts) {
          parts = patterns.datePattern.exec(dateString);
          if (parts) {
            dateStrings.date = parts[1];
            timeString = parts[2];
          } else {
            dateStrings.date = null;
            timeString = dateString;
          }
        } else {
          dateStrings.date = parts[1];
          timeString = parts[3];
        }
        if (timeString) {
          var token = patterns.timeZone.exec(timeString);
          if (token) {
            dateStrings.time = timeString.replace(token[1], "");
            dateStrings.timeZone = token[1].trim();
          } else {
            dateStrings.time = timeString;
          }
        }
        return dateStrings;
      }
      function parseYear(dateString, additionalDigits) {
        var patternYYY = patterns.YYY[additionalDigits];
        var patternYYYYY = patterns.YYYYY[additionalDigits];
        var token;
        token = patterns.YYYY.exec(dateString) || patternYYYYY.exec(dateString);
        if (token) {
          var yearString = token[1];
          return {
            year: parseInt(yearString, 10),
            restDateString: dateString.slice(yearString.length)
          };
        }
        token = patterns.YY.exec(dateString) || patternYYY.exec(dateString);
        if (token) {
          var centuryString = token[1];
          return {
            year: parseInt(centuryString, 10) * 100,
            restDateString: dateString.slice(centuryString.length)
          };
        }
        return {
          year: null
        };
      }
      function parseDate(dateString, year) {
        if (year === null) {
          return null;
        }
        var token;
        var date;
        var month;
        var week;
        if (dateString.length === 0) {
          date = /* @__PURE__ */ new Date(0);
          date.setUTCFullYear(year);
          return date;
        }
        token = patterns.MM.exec(dateString);
        if (token) {
          date = /* @__PURE__ */ new Date(0);
          month = parseInt(token[1], 10) - 1;
          if (!validateDate(year, month)) {
            return /* @__PURE__ */ new Date(NaN);
          }
          date.setUTCFullYear(year, month);
          return date;
        }
        token = patterns.DDD.exec(dateString);
        if (token) {
          date = /* @__PURE__ */ new Date(0);
          var dayOfYear = parseInt(token[1], 10);
          if (!validateDayOfYearDate(year, dayOfYear)) {
            return /* @__PURE__ */ new Date(NaN);
          }
          date.setUTCFullYear(year, 0, dayOfYear);
          return date;
        }
        token = patterns.MMDD.exec(dateString);
        if (token) {
          date = /* @__PURE__ */ new Date(0);
          month = parseInt(token[1], 10) - 1;
          var day = parseInt(token[2], 10);
          if (!validateDate(year, month, day)) {
            return /* @__PURE__ */ new Date(NaN);
          }
          date.setUTCFullYear(year, month, day);
          return date;
        }
        token = patterns.Www.exec(dateString);
        if (token) {
          week = parseInt(token[1], 10) - 1;
          if (!validateWeekDate(year, week)) {
            return /* @__PURE__ */ new Date(NaN);
          }
          return dayOfISOWeekYear(year, week);
        }
        token = patterns.WwwD.exec(dateString);
        if (token) {
          week = parseInt(token[1], 10) - 1;
          var dayOfWeek = parseInt(token[2], 10) - 1;
          if (!validateWeekDate(year, week, dayOfWeek)) {
            return /* @__PURE__ */ new Date(NaN);
          }
          return dayOfISOWeekYear(year, week, dayOfWeek);
        }
        return null;
      }
      function parseTime(timeString) {
        var token;
        var hours;
        var minutes;
        token = patterns.HH.exec(timeString);
        if (token) {
          hours = parseFloat(token[1].replace(",", "."));
          if (!validateTime(hours)) {
            return NaN;
          }
          return hours % 24 * MILLISECONDS_IN_HOUR;
        }
        token = patterns.HHMM.exec(timeString);
        if (token) {
          hours = parseInt(token[1], 10);
          minutes = parseFloat(token[2].replace(",", "."));
          if (!validateTime(hours, minutes)) {
            return NaN;
          }
          return hours % 24 * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE;
        }
        token = patterns.HHMMSS.exec(timeString);
        if (token) {
          hours = parseInt(token[1], 10);
          minutes = parseInt(token[2], 10);
          var seconds = parseFloat(token[3].replace(",", "."));
          if (!validateTime(hours, minutes, seconds)) {
            return NaN;
          }
          return hours % 24 * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE + seconds * 1e3;
        }
        return null;
      }
      function dayOfISOWeekYear(isoWeekYear, week, day) {
        week = week || 0;
        day = day || 0;
        var date = /* @__PURE__ */ new Date(0);
        date.setUTCFullYear(isoWeekYear, 0, 4);
        var fourthOfJanuaryDay = date.getUTCDay() || 7;
        var diff = week * 7 + day + 1 - fourthOfJanuaryDay;
        date.setUTCDate(date.getUTCDate() + diff);
        return date;
      }
      var DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
      var DAYS_IN_MONTH_LEAP_YEAR = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
      function isLeapYearIndex(year) {
        return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
      }
      function validateDate(year, month, date) {
        if (month < 0 || month > 11) {
          return false;
        }
        if (date != null) {
          if (date < 1) {
            return false;
          }
          var isLeapYear = isLeapYearIndex(year);
          if (isLeapYear && date > DAYS_IN_MONTH_LEAP_YEAR[month]) {
            return false;
          }
          if (!isLeapYear && date > DAYS_IN_MONTH[month]) {
            return false;
          }
        }
        return true;
      }
      function validateDayOfYearDate(year, dayOfYear) {
        if (dayOfYear < 1) {
          return false;
        }
        var isLeapYear = isLeapYearIndex(year);
        if (isLeapYear && dayOfYear > 366) {
          return false;
        }
        if (!isLeapYear && dayOfYear > 365) {
          return false;
        }
        return true;
      }
      function validateWeekDate(year, week, day) {
        if (week < 0 || week > 52) {
          return false;
        }
        if (day != null && (day < 0 || day > 6)) {
          return false;
        }
        return true;
      }
      function validateTime(hours, minutes, seconds) {
        if (hours != null && (hours < 0 || hours >= 25)) {
          return false;
        }
        if (minutes != null && (minutes < 0 || minutes >= 60)) {
          return false;
        }
        if (seconds != null && (seconds < 0 || seconds >= 60)) {
          return false;
        }
        return true;
      }
      var tzFormattingTokensRegExp = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
      function format$2(dirtyDate, dirtyFormatStr, dirtyOptions) {
        var formatStr = String(dirtyFormatStr);
        var options = dirtyOptions || {};
        var matches = formatStr.match(tzFormattingTokensRegExp);
        if (matches) {
          var date = toDate(options.originalDate || dirtyDate, options);
          formatStr = matches.reduce(function(result, token) {
            if (token[0] === "'") {
              return result;
            }
            var pos = result.indexOf(token);
            var precededByQuotedSection = result[pos - 1] === "'";
            var replaced = result.replace(
              token,
              "'" + formatters[token[0]](date, token, null, options) + "'"
            );
            return precededByQuotedSection ? replaced.substring(0, pos - 1) + replaced.substring(pos + 1) : replaced;
          }, formatStr);
        }
        return dateFnsFormat(dirtyDate, formatStr, options);
      }
      function utcToZonedTime(dirtyDate, timeZone, options) {
        var date = toDate(dirtyDate, options);
        var offsetMilliseconds = tzParseTimezone(timeZone, date, true);
        var d = new Date(date.getTime() - offsetMilliseconds);
        var resultDate = /* @__PURE__ */ new Date(0);
        resultDate.setFullYear(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
        resultDate.setHours(d.getUTCHours(), d.getUTCMinutes(), d.getUTCSeconds(), d.getUTCMilliseconds());
        return resultDate;
      }
      function formatInTimeZone(date, timeZone, formatStr, options) {
        var extendedOptions = cloneObject(options);
        extendedOptions.timeZone = timeZone;
        extendedOptions.originalDate = date;
        return format$2(utcToZonedTime(date, timeZone), formatStr, extendedOptions);
      }
      const time = {
        amHours: ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11"],
        pmHours: ["12", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11"],
        hours: ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"],
        minutes: ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59"],
        seconds: ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59"],
        period: ["AM", "PM"]
      };
      function getFixValue(value) {
        return `00${value}`.slice(-2);
      }
      function getTimeUnits(defaultValue, stepOrList, isHourWithAmPm) {
        if (Array.isArray(stepOrList)) {
          return (isHourWithAmPm === "am" ? stepOrList.filter((v) => v < 12) : isHourWithAmPm === "pm" ? stepOrList.filter((v) => v >= 12).map((v) => v === 12 ? 12 : v - 12) : stepOrList).map((v) => getFixValue(v));
        } else if (typeof stepOrList === "number") {
          if (isHourWithAmPm === "am") {
            return defaultValue.filter((hour) => {
              const hourAsNumber = Number(hour);
              return hourAsNumber < 12 && hourAsNumber % stepOrList === 0;
            });
          } else if (isHourWithAmPm === "pm") {
            return defaultValue.filter((hour) => {
              const hourAsNumber = Number(hour);
              return hourAsNumber >= 12 && hourAsNumber % stepOrList === 0;
            }).map((hour) => {
              const hourAsNumber = Number(hour);
              return getFixValue(hourAsNumber === 12 ? 12 : hourAsNumber - 12);
            });
          }
          return defaultValue.filter((hour) => {
            return Number(hour) % stepOrList === 0;
          });
        } else {
          return isHourWithAmPm === "am" ? defaultValue.filter((hour) => Number(hour) < 12) : isHourWithAmPm === "pm" ? defaultValue.map((hour) => Number(hour)).filter((hour) => Number(hour) >= 12).map((v) => getFixValue(v === 12 ? 12 : v - 12)) : defaultValue;
        }
      }
      function isTimeInStep(value, type, stepOrList) {
        if (!stepOrList) {
          return true;
        } else if (typeof stepOrList === "number") {
          return value % stepOrList === 0;
        } else {
          return stepOrList.includes(value);
        }
      }
      function findSimilarTime(value, type, stepOrList) {
        const list = getTimeUnits(time[type], stepOrList).map(Number);
        let lowerBound, upperBound;
        for (let i = 0; i < list.length; ++i) {
          const v = list[i];
          if (v === value)
            return v;
          else if (v > value) {
            upperBound = v;
            break;
          }
          lowerBound = v;
        }
        if (lowerBound === void 0) {
          if (!upperBound) {
            throwError("time-picker", "Please set 'hours' or 'minutes' or 'seconds' props");
          }
          return upperBound;
        }
        if (upperBound === void 0) {
          return lowerBound;
        }
        return upperBound - value > value - lowerBound ? lowerBound : upperBound;
      }
      function getAmPm(value) {
        return getHours(value) < 12 ? "am" : "pm";
      }
      const timePickerInjectionKey = createInjectionKey("n-time-picker");
      const PanelCol = vue.defineComponent({
        name: "TimePickerPanelCol",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          data: {
            type: Array,
            required: true
          },
          activeValue: {
            type: Number,
            default: null
          },
          // It should be required but vue's type seems to have bugs
          onItemClick: Function
        },
        render() {
          const {
            activeValue,
            onItemClick,
            clsPrefix
          } = this;
          return this.data.map((item) => {
            const {
              label,
              disabled,
              value
            } = item;
            const active = activeValue === value;
            return vue.h("div", {
              key: label,
              "data-active": active ? "" : null,
              class: [`${clsPrefix}-time-picker-col__item`, active && `${clsPrefix}-time-picker-col__item--active`, disabled && `${clsPrefix}-time-picker-col__item--disabled`],
              onClick: onItemClick && !disabled ? () => {
                onItemClick(value);
              } : void 0
            }, label);
          });
        }
      });
      const timePickerPanelProps = {
        actions: {
          type: Array,
          default: () => ["now", "confirm"]
        },
        showHour: {
          type: Boolean,
          default: true
        },
        showMinute: {
          type: Boolean,
          default: true
        },
        showSecond: {
          type: Boolean,
          default: true
        },
        showPeriod: {
          type: Boolean,
          default: true
        },
        isHourInvalid: Boolean,
        isMinuteInvalid: Boolean,
        isSecondInvalid: Boolean,
        isAmPmInvalid: Boolean,
        isValueInvalid: Boolean,
        hourValue: {
          type: Number,
          default: null
        },
        minuteValue: {
          type: Number,
          default: null
        },
        secondValue: {
          type: Number,
          default: null
        },
        amPmValue: {
          type: String,
          default: null
        },
        isHourDisabled: Function,
        isMinuteDisabled: Function,
        isSecondDisabled: Function,
        onHourClick: {
          type: Function,
          required: true
        },
        onMinuteClick: {
          type: Function,
          required: true
        },
        onSecondClick: {
          type: Function,
          required: true
        },
        onAmPmClick: {
          type: Function,
          required: true
        },
        onNowClick: Function,
        clearText: String,
        nowText: String,
        confirmText: String,
        transitionDisabled: Boolean,
        onClearClick: Function,
        onConfirmClick: Function,
        onFocusin: Function,
        onFocusout: Function,
        onFocusDetectorFocus: Function,
        onKeydown: Function,
        hours: [Number, Array],
        minutes: [Number, Array],
        seconds: [Number, Array],
        use12Hours: Boolean
      };
      const Panel = vue.defineComponent({
        name: "TimePickerPanel",
        props: timePickerPanelProps,
        setup(props) {
          const {
            mergedThemeRef,
            mergedClsPrefixRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(timePickerInjectionKey);
          const hoursRef = vue.computed(() => {
            const {
              isHourDisabled,
              hours,
              use12Hours,
              amPmValue
            } = props;
            if (!use12Hours) {
              return getTimeUnits(time.hours, hours).map((hour) => {
                return {
                  label: hour,
                  value: Number(hour),
                  disabled: isHourDisabled ? isHourDisabled(Number(hour)) : false
                };
              });
            } else {
              const mergedAmPmValue = amPmValue !== null && amPmValue !== void 0 ? amPmValue : getAmPm(Date.now());
              return getTimeUnits(time.hours, hours, mergedAmPmValue).map((hour) => {
                const hourAs12FormattedNumber = Number(hour);
                const hourAs24FormattedNumber = mergedAmPmValue === "pm" && hourAs12FormattedNumber !== 12 ? hourAs12FormattedNumber + 12 : hourAs12FormattedNumber;
                return {
                  label: hour,
                  value: hourAs24FormattedNumber,
                  disabled: isHourDisabled ? isHourDisabled(hourAs24FormattedNumber) : false
                };
              });
            }
          });
          const minutesRef = vue.computed(() => {
            const {
              isMinuteDisabled,
              minutes
            } = props;
            return getTimeUnits(time.minutes, minutes).map((minute) => {
              return {
                label: minute,
                value: Number(minute),
                disabled: isMinuteDisabled ? isMinuteDisabled(Number(minute), props.hourValue) : false
              };
            });
          });
          const secondsRef = vue.computed(() => {
            const {
              isSecondDisabled,
              seconds
            } = props;
            return getTimeUnits(time.seconds, seconds).map((second) => {
              return {
                label: second,
                value: Number(second),
                disabled: isSecondDisabled ? isSecondDisabled(Number(second), props.minuteValue, props.hourValue) : false
              };
            });
          });
          const amPmRef = vue.computed(() => {
            const {
              isHourDisabled
            } = props;
            let amDisabled = true;
            let pmDisabled = true;
            for (let i = 0; i < 12; ++i) {
              if (!(isHourDisabled === null || isHourDisabled === void 0 ? void 0 : isHourDisabled(i))) {
                amDisabled = false;
                break;
              }
            }
            for (let i = 12; i < 24; ++i) {
              if (!(isHourDisabled === null || isHourDisabled === void 0 ? void 0 : isHourDisabled(i))) {
                pmDisabled = false;
                break;
              }
            }
            return [{
              label: "AM",
              value: "am",
              disabled: amDisabled
            }, {
              label: "PM",
              value: "pm",
              disabled: pmDisabled
            }];
          });
          return {
            mergedTheme: mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            hours: hoursRef,
            minutes: minutesRef,
            seconds: secondsRef,
            amPm: amPmRef,
            hourScrollRef: vue.ref(null),
            minuteScrollRef: vue.ref(null),
            secondScrollRef: vue.ref(null),
            amPmScrollRef: vue.ref(null)
          };
        },
        render() {
          var _a, _b, _c, _d;
          const {
            mergedClsPrefix,
            mergedTheme
          } = this;
          return vue.h("div", {
            tabindex: 0,
            class: `${mergedClsPrefix}-time-picker-panel`,
            onFocusin: this.onFocusin,
            onFocusout: this.onFocusout,
            onKeydown: this.onKeydown
          }, vue.h("div", {
            class: `${mergedClsPrefix}-time-picker-cols`
          }, this.showHour ? vue.h("div", {
            class: [`${mergedClsPrefix}-time-picker-col`, this.isHourInvalid && `${mergedClsPrefix}-time-picker-col--invalid`, this.transitionDisabled && `${mergedClsPrefix}-time-picker-col--transition-disabled`]
          }, vue.h(Scrollbar$2, {
            ref: "hourScrollRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [vue.h(PanelCol, {
              clsPrefix: mergedClsPrefix,
              data: this.hours,
              activeValue: this.hourValue,
              onItemClick: this.onHourClick
            }), vue.h("div", {
              class: `${mergedClsPrefix}-time-picker-col__padding`
            })]
          })) : null, this.showMinute ? vue.h("div", {
            class: [`${mergedClsPrefix}-time-picker-col`, this.transitionDisabled && `${mergedClsPrefix}-time-picker-col--transition-disabled`, this.isMinuteInvalid && `${mergedClsPrefix}-time-picker-col--invalid`]
          }, vue.h(Scrollbar$2, {
            ref: "minuteScrollRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [vue.h(PanelCol, {
              clsPrefix: mergedClsPrefix,
              data: this.minutes,
              activeValue: this.minuteValue,
              onItemClick: this.onMinuteClick
            }), vue.h("div", {
              class: `${mergedClsPrefix}-time-picker-col__padding`
            })]
          })) : null, this.showSecond ? vue.h("div", {
            class: [`${mergedClsPrefix}-time-picker-col`, this.isSecondInvalid && `${mergedClsPrefix}-time-picker-col--invalid`, this.transitionDisabled && `${mergedClsPrefix}-time-picker-col--transition-disabled`]
          }, vue.h(Scrollbar$2, {
            ref: "secondScrollRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [vue.h(PanelCol, {
              clsPrefix: mergedClsPrefix,
              data: this.seconds,
              activeValue: this.secondValue,
              onItemClick: this.onSecondClick
            }), vue.h("div", {
              class: `${mergedClsPrefix}-time-picker-col__padding`
            })]
          })) : null, this.use12Hours ? vue.h("div", {
            class: [`${mergedClsPrefix}-time-picker-col`, this.isAmPmInvalid && `${mergedClsPrefix}-time-picker-col--invalid`, this.transitionDisabled && `${mergedClsPrefix}-time-picker-col--transition-disabled`]
          }, vue.h(Scrollbar$2, {
            ref: "amPmScrollRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [vue.h(PanelCol, {
              clsPrefix: mergedClsPrefix,
              data: this.amPm,
              activeValue: this.amPmValue,
              onItemClick: this.onAmPmClick
            }), vue.h("div", {
              class: `${mergedClsPrefix}-time-picker-col__padding`
            })]
          })) : null), ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) ? vue.h("div", {
            class: `${mergedClsPrefix}-time-picker-actions`
          }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes("clear")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.onClearClick
          }, {
            default: () => this.clearText
          }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes("now")) ? vue.h(NButton, {
            size: "tiny",
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            onClick: this.onNowClick
          }, {
            default: () => this.nowText
          }) : null, ((_d = this.actions) === null || _d === void 0 ? void 0 : _d.includes("confirm")) ? vue.h(NButton, {
            size: "tiny",
            type: "primary",
            class: `${mergedClsPrefix}-time-picker-actions__confirm`,
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            disabled: this.isValueInvalid,
            onClick: this.onConfirmClick
          }, {
            default: () => this.confirmText
          }) : null) : null, vue.h(FocusDetector, {
            onFocus: this.onFocusDetectorFocus
          }));
        }
      });
      const style$W = c$1([cB("time-picker", `
 z-index: auto;
 position: relative;
 `, [cB("time-picker-icon", `
 color: var(--n-icon-color-override);
 transition: color .3s var(--n-bezier);
 `), cM("disabled", [cB("time-picker-icon", `
 color: var(--n-icon-color-disabled-override);
 `)])]), cB("time-picker-panel", `
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 outline: none;
 font-size: var(--n-item-font-size);
 border-radius: var(--n-border-radius);
 margin: 4px 0;
 min-width: 104px;
 overflow: hidden;
 background-color: var(--n-panel-color);
 box-shadow: var(--n-panel-box-shadow);
 `, [fadeInScaleUpTransition(), cB("time-picker-actions", `
 padding: var(--n-panel-action-padding);
 align-items: center;
 display: flex;
 justify-content: space-evenly;
 `), cB("time-picker-cols", `
 height: calc(var(--n-item-height) * 6);
 display: flex;
 position: relative;
 transition: border-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-panel-divider-color);
 `), cB("time-picker-col", `
 flex-grow: 1;
 min-width: var(--n-item-width);
 height: calc(var(--n-item-height) * 6);
 flex-direction: column;
 transition: box-shadow .3s var(--n-bezier);
 `, [cM("transition-disabled", [cE("item", "transition: none;", [c$1("&::before", "transition: none;")])]), cE("padding", `
 height: calc(var(--n-item-height) * 5);
 `), c$1("&:first-child", "min-width: calc(var(--n-item-width) + 4px);", [cE("item", [c$1("&::before", "left: 4px;")])]), cE("item", `
 cursor: pointer;
 height: var(--n-item-height);
 display: flex;
 align-items: center;
 justify-content: center;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier);
 background: #0000;
 text-decoration-color: #0000;
 color: var(--n-item-text-color);
 z-index: 0;
 box-sizing: border-box;
 padding-top: 4px;
 position: relative;
 `, [c$1("&::before", `
 content: "";
 transition: background-color .3s var(--n-bezier);
 z-index: -1;
 position: absolute;
 left: 0;
 right: 4px;
 top: 4px;
 bottom: 0;
 border-radius: var(--n-item-border-radius);
 `), cNotM("disabled", [c$1("&:hover::before", `
 background-color: var(--n-item-color-hover);
 `)]), cM("active", `
 color: var(--n-item-text-color-active);
 `, [c$1("&::before", `
 background-color: var(--n-item-color-hover);
 `)]), cM("disabled", `
 opacity: var(--n-item-opacity-disabled);
 cursor: not-allowed;
 `)]), cM("invalid", [cE("item", [cM("active", `
 text-decoration: line-through;
 text-decoration-color: var(--n-item-text-color-active);
 `)])])])])]);
      function validateUnits(value, max) {
        if (value === void 0) {
          return true;
        }
        if (Array.isArray(value)) {
          return value.every((v) => v >= 0 && v <= max);
        } else {
          return value >= 0 && value <= max;
        }
      }
      const timePickerProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        bordered: {
          type: Boolean,
          default: void 0
        },
        actions: Array,
        defaultValue: {
          type: Number,
          default: null
        },
        defaultFormattedValue: String,
        placeholder: String,
        placement: {
          type: String,
          default: "bottom-start"
        },
        value: Number,
        format: {
          type: String,
          default: "HH:mm:ss"
        },
        valueFormat: String,
        formattedValue: String,
        isHourDisabled: Function,
        size: String,
        isMinuteDisabled: Function,
        isSecondDisabled: Function,
        inputReadonly: Boolean,
        clearable: Boolean,
        status: String,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        onUpdateFormattedValue: [Function, Array],
        "onUpdate:formattedValue": [Function, Array],
        onBlur: [Function, Array],
        onConfirm: [Function, Array],
        onClear: Function,
        onFocus: [Function, Array],
        // https://www.iana.org/time-zones
        timeZone: String,
        showIcon: {
          type: Boolean,
          default: true
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        show: {
          type: Boolean,
          default: void 0
        },
        hours: {
          type: [Number, Array],
          validator: (value) => validateUnits(value, 23)
        },
        minutes: {
          type: [Number, Array],
          validator: (value) => validateUnits(value, 59)
        },
        seconds: {
          type: [Number, Array],
          validator: (value) => validateUnits(value, 59)
        },
        use12Hours: Boolean,
        // private
        stateful: {
          type: Boolean,
          default: true
        },
        // deprecated
        onChange: [Function, Array]
      });
      const NTimePicker = vue.defineComponent({
        name: "TimePicker",
        props: timePickerProps,
        setup(props) {
          const {
            mergedBorderedRef,
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const {
            localeRef,
            dateLocaleRef
          } = useLocale("TimePicker");
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          const themeRef = useTheme("TimePicker", "-time-picker", style$W, timePickerLight, props, mergedClsPrefixRef);
          const keyboardState = useKeyboard$1();
          const inputInstRef = vue.ref(null);
          const panelInstRef = vue.ref(null);
          const dateFnsOptionsRef = vue.computed(() => {
            return {
              locale: dateLocaleRef.value.locale
            };
          });
          function getTimestampFromFormattedValue(value) {
            if (value === null)
              return null;
            return strictParse(value, props.valueFormat || props.format, /* @__PURE__ */ new Date(), dateFnsOptionsRef.value).getTime();
          }
          const {
            defaultValue,
            defaultFormattedValue
          } = props;
          const uncontrolledValueRef = vue.ref(defaultFormattedValue !== void 0 ? getTimestampFromFormattedValue(defaultFormattedValue) : defaultValue);
          const mergedValueRef = vue.computed(() => {
            const {
              formattedValue
            } = props;
            if (formattedValue !== void 0) {
              return getTimestampFromFormattedValue(formattedValue);
            }
            const {
              value
            } = props;
            if (value !== void 0) {
              return value;
            }
            return uncontrolledValueRef.value;
          });
          const mergedFormatRef = vue.computed(() => {
            const {
              timeZone
            } = props;
            if (timeZone) {
              return (date, format2, options) => {
                return formatInTimeZone(date, timeZone, format2, options);
              };
            } else {
              return (date, _format, options) => {
                return format$4(date, _format, options);
              };
            }
          });
          const displayTimeStringRef = vue.ref("");
          vue.watch(() => props.timeZone, () => {
            const mergedValue = mergedValueRef.value;
            displayTimeStringRef.value = mergedValue === null ? "" : mergedFormatRef.value(mergedValue, props.format, dateFnsOptionsRef.value);
          }, {
            immediate: true
          });
          const uncontrolledShowRef = vue.ref(false);
          const controlledShowRef = vue.toRef(props, "show");
          const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
          const memorizedValueRef = vue.ref(mergedValueRef.value);
          const transitionDisabledRef = vue.ref(false);
          const localizedClearRef = vue.computed(() => {
            return localeRef.value.clear;
          });
          const localizedNowRef = vue.computed(() => {
            return localeRef.value.now;
          });
          const localizedPlaceholderRef = vue.computed(() => {
            if (props.placeholder !== void 0)
              return props.placeholder;
            return localeRef.value.placeholder;
          });
          const localizedNegativeTextRef = vue.computed(() => {
            return localeRef.value.negativeText;
          });
          const localizedPositiveTextRef = vue.computed(() => {
            return localeRef.value.positiveText;
          });
          const hourInFormatRef = vue.computed(() => {
            return /H|h|K|k/.test(props.format);
          });
          const minuteInFormatRef = vue.computed(() => {
            return props.format.includes("m");
          });
          const secondInFormatRef = vue.computed(() => {
            return props.format.includes("s");
          });
          const isHourInvalidRef = vue.computed(() => {
            const {
              isHourDisabled
            } = props;
            if (hourValueRef.value === null)
              return false;
            if (!isTimeInStep(hourValueRef.value, "hours", props.hours))
              return true;
            if (!isHourDisabled)
              return false;
            return isHourDisabled(hourValueRef.value);
          });
          const isMinuteInvalidRef = vue.computed(() => {
            const {
              value: minuteValue
            } = minuteValueRef;
            const {
              value: hourValue
            } = hourValueRef;
            if (minuteValue === null || hourValue === null)
              return false;
            if (!isTimeInStep(minuteValue, "minutes", props.minutes))
              return true;
            const {
              isMinuteDisabled
            } = props;
            if (!isMinuteDisabled)
              return false;
            return isMinuteDisabled(minuteValue, hourValue);
          });
          const isSecondInvalidRef = vue.computed(() => {
            const {
              value: minuteValue
            } = minuteValueRef;
            const {
              value: hourValue
            } = hourValueRef;
            const {
              value: secondValue
            } = secondValueRef;
            if (secondValue === null || minuteValue === null || hourValue === null) {
              return false;
            }
            if (!isTimeInStep(secondValue, "seconds", props.seconds))
              return true;
            const {
              isSecondDisabled
            } = props;
            if (!isSecondDisabled)
              return false;
            return isSecondDisabled(secondValue, minuteValue, hourValue);
          });
          const isValueInvalidRef = vue.computed(() => {
            return isHourInvalidRef.value || isMinuteInvalidRef.value || isSecondInvalidRef.value;
          });
          const mergedAttrSizeRef = vue.computed(() => {
            return props.format.length + 4;
          });
          const amPmValueRef = vue.computed(() => {
            const {
              value
            } = mergedValueRef;
            if (value === null)
              return null;
            return getHours(value) < 12 ? "am" : "pm";
          });
          const hourValueRef = vue.computed(() => {
            const {
              value
            } = mergedValueRef;
            if (value === null)
              return null;
            return Number(mergedFormatRef.value(value, "HH", dateFnsOptionsRef.value));
          });
          const minuteValueRef = vue.computed(() => {
            const {
              value
            } = mergedValueRef;
            if (value === null)
              return null;
            return Number(mergedFormatRef.value(value, "mm", dateFnsOptionsRef.value));
          });
          const secondValueRef = vue.computed(() => {
            const {
              value
            } = mergedValueRef;
            if (value === null)
              return null;
            return Number(mergedFormatRef.value(value, "ss", dateFnsOptionsRef.value));
          });
          function doUpdateFormattedValue(value, timestampValue) {
            const {
              onUpdateFormattedValue,
              "onUpdate:formattedValue": _onUpdateFormattedValue
            } = props;
            if (onUpdateFormattedValue) {
              call(onUpdateFormattedValue, value, timestampValue);
            }
            if (_onUpdateFormattedValue) {
              call(_onUpdateFormattedValue, value, timestampValue);
            }
          }
          function createFormattedValue(value) {
            return value === null ? null : mergedFormatRef.value(value, props.valueFormat || props.format);
          }
          function doUpdateValue(value) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue,
              onChange
            } = props;
            const {
              nTriggerFormChange,
              nTriggerFormInput
            } = formItem;
            const formattedValue = createFormattedValue(value);
            if (onUpdateValue) {
              call(onUpdateValue, value, formattedValue);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value, formattedValue);
            }
            if (onChange)
              call(onChange, value, formattedValue);
            doUpdateFormattedValue(formattedValue, value);
            uncontrolledValueRef.value = value;
            nTriggerFormChange();
            nTriggerFormInput();
          }
          function doFocus(e) {
            const {
              onFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
          }
          function doBlur(e) {
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
          }
          function doConfirm() {
            const {
              onConfirm
            } = props;
            if (onConfirm) {
              call(onConfirm, mergedValueRef.value, createFormattedValue(mergedValueRef.value));
            }
          }
          function handleTimeInputClear(e) {
            var _a;
            e.stopPropagation();
            doUpdateValue(null);
            deriveInputValue(null);
            (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          function handleFocusDetectorFocus() {
            closePanel({
              returnFocus: true
            });
          }
          function clearSelectedValue() {
            doUpdateValue(null);
            deriveInputValue(null);
            closePanel({
              returnFocus: true
            });
          }
          function handleInputKeydown(e) {
            if (e.key === "Escape" && mergedShowRef.value) {
              markEventEffectPerformed(e);
            }
          }
          function handleMenuKeydown(e) {
            var _a;
            switch (e.key) {
              case "Escape":
                if (mergedShowRef.value) {
                  markEventEffectPerformed(e);
                  closePanel({
                    returnFocus: true
                  });
                }
                break;
              case "Tab":
                if (keyboardState.shift && e.target === ((_a = panelInstRef.value) === null || _a === void 0 ? void 0 : _a.$el)) {
                  e.preventDefault();
                  closePanel({
                    returnFocus: true
                  });
                }
                break;
            }
          }
          function disableTransitionOneTick() {
            transitionDisabledRef.value = true;
            void vue.nextTick(() => {
              transitionDisabledRef.value = false;
            });
          }
          function handleTriggerClick(e) {
            if (mergedDisabledRef.value || happensIn(e, "clear"))
              return;
            if (!mergedShowRef.value) {
              openPanel();
            }
          }
          function handleHourClick(hour) {
            if (typeof hour === "string")
              return;
            if (mergedValueRef.value === null) {
              doUpdateValue(getTime(setHours(startOfHour(/* @__PURE__ */ new Date()), hour)));
            } else {
              doUpdateValue(getTime(setHours(mergedValueRef.value, hour)));
            }
          }
          function handleMinuteClick(minute) {
            if (typeof minute === "string")
              return;
            if (mergedValueRef.value === null) {
              doUpdateValue(getTime(setMinutes(startOfMinute(/* @__PURE__ */ new Date()), minute)));
            } else {
              doUpdateValue(getTime(setMinutes(mergedValueRef.value, minute)));
            }
          }
          function handleSecondClick(second) {
            if (typeof second === "string")
              return;
            if (mergedValueRef.value === null) {
              doUpdateValue(getTime(setSeconds(startOfSecond(/* @__PURE__ */ new Date()), second)));
            } else {
              doUpdateValue(getTime(setSeconds(mergedValueRef.value, second)));
            }
          }
          function handleAmPmClick(amPm) {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (mergedValue === null) {
              const now2 = /* @__PURE__ */ new Date();
              const hours = getHours(now2);
              if (amPm === "pm" && hours < 12) {
                doUpdateValue(getTime(setHours(now2, hours + 12)));
              } else if (amPm === "am" && hours >= 12) {
                doUpdateValue(getTime(setHours(now2, hours - 12)));
              }
              doUpdateValue(getTime(now2));
            } else {
              const hours = getHours(mergedValue);
              if (amPm === "pm" && hours < 12) {
                doUpdateValue(getTime(setHours(mergedValue, hours + 12)));
              } else if (amPm === "am" && hours >= 12) {
                doUpdateValue(getTime(setHours(mergedValue, hours - 12)));
              }
            }
          }
          function deriveInputValue(time2) {
            if (time2 === void 0)
              time2 = mergedValueRef.value;
            if (time2 === null)
              displayTimeStringRef.value = "";
            else {
              displayTimeStringRef.value = mergedFormatRef.value(time2, props.format, dateFnsOptionsRef.value);
            }
          }
          function handleTimeInputFocus(e) {
            if (isInternalFocusSwitch(e))
              return;
            doFocus(e);
          }
          function handleTimeInputBlur(e) {
            var _a;
            if (isInternalFocusSwitch(e))
              return;
            if (mergedShowRef.value) {
              const panelEl = (_a = panelInstRef.value) === null || _a === void 0 ? void 0 : _a.$el;
              if (!(panelEl === null || panelEl === void 0 ? void 0 : panelEl.contains(e.relatedTarget))) {
                deriveInputValue();
                doBlur(e);
                closePanel({
                  returnFocus: false
                });
              }
            } else {
              deriveInputValue();
              doBlur(e);
            }
          }
          function handleTimeInputActivate() {
            if (mergedDisabledRef.value)
              return;
            if (!mergedShowRef.value) {
              openPanel();
            }
          }
          function handleTimeInputDeactivate() {
            if (mergedDisabledRef.value)
              return;
            deriveInputValue();
            closePanel({
              returnFocus: false
            });
          }
          function scrollTimer() {
            if (!panelInstRef.value)
              return;
            const {
              hourScrollRef,
              minuteScrollRef,
              secondScrollRef,
              amPmScrollRef
            } = panelInstRef.value;
            [hourScrollRef, minuteScrollRef, secondScrollRef, amPmScrollRef].forEach((itemScrollRef) => {
              var _a;
              if (!itemScrollRef)
                return;
              const activeItemEl = (_a = itemScrollRef.contentRef) === null || _a === void 0 ? void 0 : _a.querySelector("[data-active]");
              if (activeItemEl) {
                itemScrollRef.scrollTo({
                  top: activeItemEl.offsetTop
                });
              }
            });
          }
          function doUpdateShow(value) {
            uncontrolledShowRef.value = value;
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, value);
            if (_onUpdateShow)
              call(_onUpdateShow, value);
          }
          function isInternalFocusSwitch(e) {
            var _a, _b, _c;
            return !!(((_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef) === null || _b === void 0 ? void 0 : _b.contains(e.relatedTarget)) || ((_c = panelInstRef.value) === null || _c === void 0 ? void 0 : _c.$el.contains(e.relatedTarget)));
          }
          function openPanel() {
            memorizedValueRef.value = mergedValueRef.value;
            doUpdateShow(true);
            void vue.nextTick(scrollTimer);
          }
          function handleClickOutside(e) {
            var _a, _b;
            if (mergedShowRef.value && !((_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef) === null || _b === void 0 ? void 0 : _b.contains(getPreciseEventTarget(e)))) {
              closePanel({
                returnFocus: false
              });
            }
          }
          function closePanel({
            returnFocus
          }) {
            var _a;
            if (mergedShowRef.value) {
              doUpdateShow(false);
              if (returnFocus) {
                (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
              }
            }
          }
          function handleTimeInputUpdateValue(v) {
            if (v === "") {
              doUpdateValue(null);
              return;
            }
            const time2 = strictParse(v, props.format, /* @__PURE__ */ new Date(), dateFnsOptionsRef.value);
            displayTimeStringRef.value = v;
            if (isValid$1(time2)) {
              const {
                value: mergedValue
              } = mergedValueRef;
              if (mergedValue !== null) {
                const newTime = set(mergedValue, {
                  hours: getHours(time2),
                  minutes: getMinutes(time2),
                  seconds: getSeconds(time2),
                  milliseconds: getMilliseconds(time2)
                });
                doUpdateValue(getTime(newTime));
              } else {
                doUpdateValue(getTime(time2));
              }
            }
          }
          function handleCancelClick() {
            doUpdateValue(memorizedValueRef.value);
            doUpdateShow(false);
          }
          function handleNowClick() {
            const now2 = /* @__PURE__ */ new Date();
            const getNowTime = {
              hours: getHours,
              minutes: getMinutes,
              seconds: getSeconds
            };
            const [mergeHours, mergeMinutes, mergeSeconds] = ["hours", "minutes", "seconds"].map((i) => !props[i] || isTimeInStep(getNowTime[i](now2), i, props[i]) ? getNowTime[i](now2) : findSimilarTime(getNowTime[i](now2), i, props[i]));
            const newValue = setSeconds(setMinutes(setHours(mergedValueRef.value ? mergedValueRef.value : getTime(now2), mergeHours), mergeMinutes), mergeSeconds);
            doUpdateValue(getTime(newValue));
          }
          function handleConfirmClick() {
            deriveInputValue();
            doConfirm();
            closePanel({
              returnFocus: true
            });
          }
          function handleMenuFocusOut(e) {
            if (isInternalFocusSwitch(e))
              return;
            deriveInputValue();
            doBlur(e);
            closePanel({
              returnFocus: false
            });
          }
          vue.watch(mergedValueRef, (value) => {
            deriveInputValue(value);
            disableTransitionOneTick();
            void vue.nextTick(scrollTimer);
          });
          vue.watch(mergedShowRef, () => {
            if (isValueInvalidRef.value) {
              doUpdateValue(memorizedValueRef.value);
            }
          });
          vue.provide(timePickerInjectionKey, {
            mergedThemeRef: themeRef,
            mergedClsPrefixRef
          });
          const exposedMethods = {
            focus: () => {
              var _a;
              (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            blur: () => {
              var _a;
              (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            }
          };
          const triggerCssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                iconColor,
                iconColorDisabled
              }
            } = themeRef.value;
            return {
              "--n-icon-color-override": iconColor,
              "--n-icon-color-disabled-override": iconColorDisabled,
              "--n-bezier": cubicBezierEaseInOut2
            };
          });
          const triggerThemeClassHandle = inlineThemeDisabled ? useThemeClass("time-picker-trigger", void 0, triggerCssVarsRef, props) : void 0;
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                panelColor,
                itemTextColor,
                itemTextColorActive,
                itemColorHover,
                panelDividerColor,
                panelBoxShadow,
                itemOpacityDisabled,
                borderRadius,
                itemFontSize,
                itemWidth,
                itemHeight,
                panelActionPadding,
                itemBorderRadius
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-item-color-hover": itemColorHover,
              "--n-item-font-size": itemFontSize,
              "--n-item-height": itemHeight,
              "--n-item-opacity-disabled": itemOpacityDisabled,
              "--n-item-text-color": itemTextColor,
              "--n-item-text-color-active": itemTextColorActive,
              "--n-item-width": itemWidth,
              "--n-panel-action-padding": panelActionPadding,
              "--n-panel-box-shadow": panelBoxShadow,
              "--n-panel-color": panelColor,
              "--n-panel-divider-color": panelDividerColor,
              "--n-item-border-radius": itemBorderRadius
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("time-picker", void 0, cssVarsRef, props) : void 0;
          return {
            focus: exposedMethods.focus,
            blur: exposedMethods.blur,
            mergedStatus: mergedStatusRef,
            mergedBordered: mergedBorderedRef,
            mergedClsPrefix: mergedClsPrefixRef,
            namespace: namespaceRef,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            isMounted: isMounted(),
            inputInstRef,
            panelInstRef,
            adjustedTo: useAdjustedTo(props),
            mergedShow: mergedShowRef,
            localizedClear: localizedClearRef,
            localizedNow: localizedNowRef,
            localizedPlaceholder: localizedPlaceholderRef,
            localizedNegativeText: localizedNegativeTextRef,
            localizedPositiveText: localizedPositiveTextRef,
            hourInFormat: hourInFormatRef,
            minuteInFormat: minuteInFormatRef,
            secondInFormat: secondInFormatRef,
            mergedAttrSize: mergedAttrSizeRef,
            displayTimeString: displayTimeStringRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            isValueInvalid: isValueInvalidRef,
            isHourInvalid: isHourInvalidRef,
            isMinuteInvalid: isMinuteInvalidRef,
            isSecondInvalid: isSecondInvalidRef,
            transitionDisabled: transitionDisabledRef,
            hourValue: hourValueRef,
            minuteValue: minuteValueRef,
            secondValue: secondValueRef,
            amPmValue: amPmValueRef,
            handleInputKeydown,
            handleTimeInputFocus,
            handleTimeInputBlur,
            handleNowClick,
            handleConfirmClick,
            handleTimeInputUpdateValue,
            handleMenuFocusOut,
            handleCancelClick,
            handleClickOutside,
            handleTimeInputActivate,
            handleTimeInputDeactivate,
            handleHourClick,
            handleMinuteClick,
            handleSecondClick,
            handleAmPmClick,
            handleTimeInputClear,
            handleFocusDetectorFocus,
            handleMenuKeydown,
            handleTriggerClick,
            mergedTheme: themeRef,
            triggerCssVars: inlineThemeDisabled ? void 0 : triggerCssVarsRef,
            triggerThemeClass: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.themeClass,
            triggerOnRender: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.onRender,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            clearSelectedValue
          };
        },
        render() {
          const {
            mergedClsPrefix,
            $slots,
            triggerOnRender
          } = this;
          triggerOnRender === null || triggerOnRender === void 0 ? void 0 : triggerOnRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-time-picker`, this.triggerThemeClass],
            style: this.triggerCssVars
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h(NInput, {
                ref: "inputInstRef",
                status: this.mergedStatus,
                value: this.displayTimeString,
                bordered: this.mergedBordered,
                passivelyActivated: true,
                attrSize: this.mergedAttrSize,
                theme: this.mergedTheme.peers.Input,
                themeOverrides: this.mergedTheme.peerOverrides.Input,
                stateful: this.stateful,
                size: this.mergedSize,
                placeholder: this.localizedPlaceholder,
                clearable: this.clearable,
                disabled: this.mergedDisabled,
                textDecoration: this.isValueInvalid ? "line-through" : void 0,
                onFocus: this.handleTimeInputFocus,
                onBlur: this.handleTimeInputBlur,
                onActivate: this.handleTimeInputActivate,
                onDeactivate: this.handleTimeInputDeactivate,
                onUpdateValue: this.handleTimeInputUpdateValue,
                onClear: this.handleTimeInputClear,
                internalDeactivateOnEnter: true,
                internalForceFocus: this.mergedShow,
                readonly: this.inputReadonly || this.mergedDisabled,
                onClick: this.handleTriggerClick,
                onKeydown: this.handleInputKeydown
              }, this.showIcon ? {
                [this.clearable ? "clear-icon-placeholder" : "suffix"]: () => vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix,
                  class: `${mergedClsPrefix}-time-picker-icon`
                }, {
                  default: () => $slots.icon ? $slots.icon() : vue.h(TimeIcon, null)
                })
              } : null)
            }), vue.h(VFollower, {
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              show: this.mergedShow,
              to: this.adjustedTo,
              containerClass: this.namespace,
              placement: this.placement
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted
              }, {
                default: () => {
                  var _a;
                  if (this.mergedShow) {
                    (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                    return vue.withDirectives(vue.h(Panel, {
                      ref: "panelInstRef",
                      actions: this.actions,
                      class: this.themeClass,
                      style: this.cssVars,
                      seconds: this.seconds,
                      minutes: this.minutes,
                      hours: this.hours,
                      transitionDisabled: this.transitionDisabled,
                      hourValue: this.hourValue,
                      showHour: this.hourInFormat,
                      isHourInvalid: this.isHourInvalid,
                      isHourDisabled: this.isHourDisabled,
                      minuteValue: this.minuteValue,
                      showMinute: this.minuteInFormat,
                      isMinuteInvalid: this.isMinuteInvalid,
                      isMinuteDisabled: this.isMinuteDisabled,
                      secondValue: this.secondValue,
                      amPmValue: this.amPmValue,
                      showSecond: this.secondInFormat,
                      isSecondInvalid: this.isSecondInvalid,
                      isSecondDisabled: this.isSecondDisabled,
                      isValueInvalid: this.isValueInvalid,
                      clearText: this.localizedClear,
                      nowText: this.localizedNow,
                      confirmText: this.localizedPositiveText,
                      use12Hours: this.use12Hours,
                      onFocusout: this.handleMenuFocusOut,
                      onKeydown: this.handleMenuKeydown,
                      onHourClick: this.handleHourClick,
                      onMinuteClick: this.handleMinuteClick,
                      onSecondClick: this.handleSecondClick,
                      onAmPmClick: this.handleAmPmClick,
                      onNowClick: this.handleNowClick,
                      onConfirmClick: this.handleConfirmClick,
                      onClearClick: this.clearSelectedValue,
                      onFocusDetectorFocus: this.handleFocusDetectorFocus
                    }), [[clickoutside, this.handleClickOutside, void 0, {
                      capture: true
                    }]]);
                  }
                  return null;
                }
              })
            })]
          }));
        }
      });
      const TIME_FORMAT = "HH:mm:ss";
      const usePanelCommonProps = {
        active: Boolean,
        dateFormat: String,
        timerPickerFormat: {
          type: String,
          value: TIME_FORMAT
        },
        value: {
          type: [Array, Number],
          default: null
        },
        shortcuts: Object,
        defaultTime: [Number, String, Array],
        onClear: Function,
        onConfirm: Function,
        onClose: Function,
        onTabOut: Function,
        onUpdateValue: {
          type: Function,
          required: true
        },
        themeClass: String,
        onRender: Function,
        panel: Boolean,
        onNextMonth: Function,
        onPrevMonth: Function,
        onNextYear: Function,
        onPrevYear: Function
      };
      function usePanelCommon(props) {
        const {
          dateLocaleRef,
          timePickerSizeRef,
          timePickerPropsRef,
          localeRef,
          mergedClsPrefixRef,
          mergedThemeRef
          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        } = vue.inject(datePickerInjectionKey);
        const dateFnsOptionsRef = vue.computed(() => {
          return {
            locale: dateLocaleRef.value.locale
          };
        });
        const selfRef = vue.ref(null);
        const keyboardState = useKeyboard$1();
        function doClear() {
          const {
            onClear
          } = props;
          if (onClear)
            onClear();
        }
        function doConfirm() {
          const {
            onConfirm,
            value
          } = props;
          if (onConfirm)
            onConfirm(value);
        }
        function doUpdateValue(value, doUpdate) {
          const {
            onUpdateValue
          } = props;
          onUpdateValue(value, doUpdate);
        }
        function doClose(disableUpdateOnClose = false) {
          const {
            onClose
          } = props;
          if (onClose)
            onClose(disableUpdateOnClose);
        }
        function doTabOut() {
          const {
            onTabOut
          } = props;
          if (onTabOut)
            onTabOut();
        }
        function handleClearClick() {
          doUpdateValue(null, true);
          doClose(true);
          doClear();
        }
        function handleFocusDetectorFocus() {
          doTabOut();
        }
        function disableTransitionOneTick() {
          if (props.active || props.panel) {
            void vue.nextTick(() => {
              const {
                value: selfEl
              } = selfRef;
              if (!selfEl)
                return;
              const dateEls = selfEl.querySelectorAll("[data-n-date]");
              dateEls.forEach((el) => {
                el.classList.add("transition-disabled");
              });
              void selfEl.offsetWidth;
              dateEls.forEach((el) => {
                el.classList.remove("transition-disabled");
              });
            });
          }
        }
        function handlePanelKeyDown(e) {
          if (e.key === "Tab" && e.target === selfRef.value && keyboardState.shift) {
            e.preventDefault();
            doTabOut();
          }
        }
        function handlePanelFocus(e) {
          const {
            value: el
          } = selfRef;
          if (keyboardState.tab && e.target === el && (el === null || el === void 0 ? void 0 : el.contains(e.relatedTarget))) {
            doTabOut();
          }
        }
        let cachedValue = null;
        let cached = false;
        function cachePendingValue() {
          cachedValue = props.value;
          cached = true;
        }
        function clearPendingValue() {
          cached = false;
        }
        function restorePendingValue() {
          if (cached) {
            doUpdateValue(cachedValue, false);
            cached = false;
          }
        }
        function getShortcutValue(shortcut) {
          if (typeof shortcut === "function") {
            return shortcut();
          }
          return shortcut;
        }
        const showMonthYearPanel = vue.ref(false);
        function handleOpenQuickSelectMonthPanel() {
          showMonthYearPanel.value = !showMonthYearPanel.value;
        }
        return {
          mergedTheme: mergedThemeRef,
          mergedClsPrefix: mergedClsPrefixRef,
          dateFnsOptions: dateFnsOptionsRef,
          timePickerSize: timePickerSizeRef,
          timePickerProps: timePickerPropsRef,
          selfRef,
          locale: localeRef,
          doConfirm,
          doClose,
          doUpdateValue,
          doTabOut,
          handleClearClick,
          handleFocusDetectorFocus,
          disableTransitionOneTick,
          handlePanelKeyDown,
          handlePanelFocus,
          cachePendingValue,
          clearPendingValue,
          restorePendingValue,
          getShortcutValue,
          handleShortcutMouseleave: restorePendingValue,
          showMonthYearPanel,
          handleOpenQuickSelectMonthPanel
        };
      }
      const useCalendarProps = Object.assign(Object.assign({}, usePanelCommonProps), {
        defaultCalendarStartTime: Number,
        actions: {
          type: Array,
          default: () => ["now", "clear", "confirm"]
        }
      });
      function useCalendar(props, type) {
        var _a;
        const panelCommon = usePanelCommon(props);
        const {
          isValueInvalidRef,
          isDateDisabledRef,
          isDateInvalidRef,
          isTimeInvalidRef,
          isDateTimeInvalidRef,
          isHourDisabledRef,
          isMinuteDisabledRef,
          isSecondDisabledRef,
          localeRef,
          firstDayOfWeekRef,
          datePickerSlots,
          yearFormatRef,
          monthFormatRef,
          quarterFormatRef
          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        } = vue.inject(datePickerInjectionKey);
        const validation = {
          isValueInvalid: isValueInvalidRef,
          isDateDisabled: isDateDisabledRef,
          isDateInvalid: isDateInvalidRef,
          isTimeInvalid: isTimeInvalidRef,
          isDateTimeInvalid: isDateTimeInvalidRef,
          isHourDisabled: isHourDisabledRef,
          isMinuteDisabled: isMinuteDisabledRef,
          isSecondDisabled: isSecondDisabledRef
        };
        const mergedDateFormatRef = vue.computed(() => props.dateFormat || localeRef.value.dateFormat);
        const dateInputValueRef = vue.ref(props.value === null || Array.isArray(props.value) ? "" : format$4(props.value, mergedDateFormatRef.value));
        const calendarValueRef = vue.ref(props.value === null || Array.isArray(props.value) ? (_a = props.defaultCalendarStartTime) !== null && _a !== void 0 ? _a : Date.now() : props.value);
        const yearVlRef = vue.ref(null);
        const yearScrollbarRef = vue.ref(null);
        const monthScrollbarRef = vue.ref(null);
        const nowRef = vue.ref(Date.now());
        const dateArrayRef = vue.computed(() => {
          var _a2;
          return dateArray(calendarValueRef.value, props.value, nowRef.value, (_a2 = firstDayOfWeekRef.value) !== null && _a2 !== void 0 ? _a2 : localeRef.value.firstDayOfWeek, false, type === "week");
        });
        const monthArrayRef = vue.computed(() => {
          const {
            value
          } = props;
          return monthArray(calendarValueRef.value, Array.isArray(value) ? null : value, nowRef.value, {
            monthFormat: monthFormatRef.value
          });
        });
        const yearArrayRef = vue.computed(() => {
          const {
            value
          } = props;
          return yearArray(Array.isArray(value) ? null : value, nowRef.value, {
            yearFormat: yearFormatRef.value
          });
        });
        const quarterArrayRef = vue.computed(() => {
          const {
            value
          } = props;
          return quarterArray(calendarValueRef.value, Array.isArray(value) ? null : value, nowRef.value, {
            quarterFormat: quarterFormatRef.value
          });
        });
        const weekdaysRef = vue.computed(() => {
          return dateArrayRef.value.slice(0, 7).map((dateItem2) => {
            const {
              ts
            } = dateItem2;
            return format$4(ts, localeRef.value.dayFormat, panelCommon.dateFnsOptions.value);
          });
        });
        const calendarMonthRef = vue.computed(() => {
          return format$4(calendarValueRef.value, localeRef.value.monthFormat, panelCommon.dateFnsOptions.value);
        });
        const calendarYearRef = vue.computed(() => {
          return format$4(calendarValueRef.value, localeRef.value.yearFormat, panelCommon.dateFnsOptions.value);
        });
        vue.watch(calendarValueRef, (value, oldValue) => {
          if (type === "date" || type === "datetime") {
            if (!isSameMonth(value, oldValue)) {
              panelCommon.disableTransitionOneTick();
            }
          }
        });
        vue.watch(vue.computed(() => props.value), (value) => {
          if (value !== null && !Array.isArray(value)) {
            dateInputValueRef.value = format$4(value, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
            calendarValueRef.value = value;
          } else {
            dateInputValueRef.value = "";
          }
        });
        function sanitizeValue(value) {
          var _a2;
          if (type === "datetime")
            return getTime(startOfSecond(value));
          if (type === "month")
            return getTime(startOfMonth(value));
          if (type === "year")
            return getTime(startOfYear(value));
          if (type === "quarter")
            return getTime(startOfQuarter(value));
          if (type === "week") {
            const weekStartsOn = (((_a2 = firstDayOfWeekRef.value) !== null && _a2 !== void 0 ? _a2 : localeRef.value.firstDayOfWeek) + 1) % 7;
            return getTime(startOfWeek(value, {
              weekStartsOn
            }));
          }
          return getTime(startOfDay(value));
        }
        function mergedIsDateDisabled(ts, detail) {
          const {
            isDateDisabled: {
              value: isDateDisabled
            }
          } = validation;
          if (!isDateDisabled)
            return false;
          return isDateDisabled(ts, detail);
        }
        function handleDateInput(value) {
          const date = strictParse(value, mergedDateFormatRef.value, /* @__PURE__ */ new Date(), panelCommon.dateFnsOptions.value);
          if (isValid$1(date)) {
            if (props.value === null) {
              panelCommon.doUpdateValue(getTime(sanitizeValue(Date.now())), props.panel);
            } else if (!Array.isArray(props.value)) {
              const newDateTime = set(props.value, {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              panelCommon.doUpdateValue(getTime(sanitizeValue(getTime(newDateTime))), props.panel);
            }
          } else {
            dateInputValueRef.value = value;
          }
        }
        function handleDateInputBlur() {
          const date = strictParse(dateInputValueRef.value, mergedDateFormatRef.value, /* @__PURE__ */ new Date(), panelCommon.dateFnsOptions.value);
          if (isValid$1(date)) {
            if (props.value === null) {
              panelCommon.doUpdateValue(getTime(sanitizeValue(Date.now())), false);
            } else if (!Array.isArray(props.value)) {
              const newDateTime = set(props.value, {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              panelCommon.doUpdateValue(getTime(sanitizeValue(getTime(newDateTime))), false);
            }
          } else {
            deriveDateInputValue();
          }
        }
        function clearSelectedDateTime() {
          panelCommon.doUpdateValue(null, true);
          dateInputValueRef.value = "";
          panelCommon.doClose(true);
          panelCommon.handleClearClick();
        }
        function handleNowClick() {
          panelCommon.doUpdateValue(getTime(sanitizeValue(Date.now())), true);
          const now2 = Date.now();
          calendarValueRef.value = now2;
          panelCommon.doClose(true);
          if (props.panel && (type === "month" || type === "quarter" || type === "year")) {
            panelCommon.disableTransitionOneTick();
            justifyColumnsScrollState(now2);
          }
        }
        const hoveredWeekRef = vue.ref(null);
        function handleDateMouseEnter(dateItem2) {
          if (dateItem2.type === "date" && type === "week") {
            hoveredWeekRef.value = sanitizeValue(getTime(dateItem2.ts));
          }
        }
        function isWeekHovered(dateItem2) {
          if (dateItem2.type === "date" && type === "week") {
            return sanitizeValue(getTime(dateItem2.ts)) === hoveredWeekRef.value;
          }
          return false;
        }
        function handleDateClick(dateItem2) {
          if (mergedIsDateDisabled(dateItem2.ts, dateItem2.type === "date" ? {
            type: "date",
            year: dateItem2.dateObject.year,
            month: dateItem2.dateObject.month,
            date: dateItem2.dateObject.date
          } : dateItem2.type === "month" ? {
            type: "month",
            year: dateItem2.dateObject.year,
            month: dateItem2.dateObject.month
          } : dateItem2.type === "year" ? {
            type: "year",
            year: dateItem2.dateObject.year
          } : {
            type: "quarter",
            year: dateItem2.dateObject.year,
            quarter: dateItem2.dateObject.quarter
          })) {
            return;
          }
          let newValue;
          if (props.value !== null && !Array.isArray(props.value)) {
            newValue = props.value;
          } else {
            newValue = Date.now();
          }
          if (type === "datetime" && props.defaultTime !== null && !Array.isArray(props.defaultTime)) {
            const time2 = getDefaultTime(props.defaultTime);
            if (time2) {
              newValue = getTime(set(newValue, time2));
            }
          }
          newValue = getTime(dateItem2.type === "quarter" && dateItem2.dateObject.quarter ? setQuarter(setYear(newValue, dateItem2.dateObject.year), dateItem2.dateObject.quarter) : set(newValue, dateItem2.dateObject));
          panelCommon.doUpdateValue(sanitizeValue(newValue), props.panel || type === "date" || type === "week" || type === "year");
          switch (type) {
            case "date":
            case "week":
              panelCommon.doClose();
              break;
            case "year":
              if (props.panel) {
                panelCommon.disableTransitionOneTick();
              }
              panelCommon.doClose();
              break;
            case "month":
              panelCommon.disableTransitionOneTick();
              justifyColumnsScrollState(newValue);
              break;
            case "quarter":
              panelCommon.disableTransitionOneTick();
              justifyColumnsScrollState(newValue);
              break;
          }
        }
        function handleQuickMonthClick(dateItem2, updatePanelValue) {
          let newValue;
          if (props.value !== null && !Array.isArray(props.value)) {
            newValue = props.value;
          } else {
            newValue = Date.now();
          }
          newValue = getTime(dateItem2.type === "month" ? setMonth(newValue, dateItem2.dateObject.month) : setYear(newValue, dateItem2.dateObject.year));
          updatePanelValue(newValue);
          justifyColumnsScrollState(newValue);
        }
        function onUpdateCalendarValue(value) {
          calendarValueRef.value = value;
        }
        function deriveDateInputValue(time2) {
          if (props.value === null || Array.isArray(props.value)) {
            dateInputValueRef.value = "";
            return;
          }
          if (time2 === void 0) {
            time2 = props.value;
          }
          dateInputValueRef.value = format$4(time2, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
        }
        function handleConfirmClick() {
          if (validation.isDateInvalid.value || validation.isTimeInvalid.value) {
            return;
          }
          panelCommon.doConfirm();
          closeCalendar();
        }
        function closeCalendar() {
          if (props.active) {
            panelCommon.doClose();
          }
        }
        function nextYear() {
          var _a2;
          calendarValueRef.value = getTime(addYears(calendarValueRef.value, 1));
          (_a2 = props.onNextYear) === null || _a2 === void 0 ? void 0 : _a2.call(props);
        }
        function prevYear() {
          var _a2;
          calendarValueRef.value = getTime(addYears(calendarValueRef.value, -1));
          (_a2 = props.onPrevYear) === null || _a2 === void 0 ? void 0 : _a2.call(props);
        }
        function nextMonth() {
          var _a2;
          calendarValueRef.value = getTime(addMonths(calendarValueRef.value, 1));
          (_a2 = props.onNextMonth) === null || _a2 === void 0 ? void 0 : _a2.call(props);
        }
        function prevMonth() {
          var _a2;
          calendarValueRef.value = getTime(addMonths(calendarValueRef.value, -1));
          (_a2 = props.onPrevMonth) === null || _a2 === void 0 ? void 0 : _a2.call(props);
        }
        function virtualListContainer() {
          const {
            value
          } = yearVlRef;
          return (value === null || value === void 0 ? void 0 : value.listElRef) || null;
        }
        function virtualListContent() {
          const {
            value
          } = yearVlRef;
          return (value === null || value === void 0 ? void 0 : value.itemsElRef) || null;
        }
        function handleVirtualListScroll(e) {
          var _a2;
          (_a2 = yearScrollbarRef.value) === null || _a2 === void 0 ? void 0 : _a2.sync();
        }
        function handleTimePickerChange(value) {
          if (value === null)
            return;
          panelCommon.doUpdateValue(value, props.panel);
        }
        function handleSingleShortcutMouseenter(shortcut) {
          panelCommon.cachePendingValue();
          const shortcutValue = panelCommon.getShortcutValue(shortcut);
          if (typeof shortcutValue !== "number")
            return;
          panelCommon.doUpdateValue(shortcutValue, false);
        }
        function handleSingleShortcutClick(shortcut) {
          const shortcutValue = panelCommon.getShortcutValue(shortcut);
          if (typeof shortcutValue !== "number")
            return;
          panelCommon.doUpdateValue(shortcutValue, props.panel);
          panelCommon.clearPendingValue();
          handleConfirmClick();
        }
        function justifyColumnsScrollState(value) {
          const {
            value: mergedValue
          } = props;
          if (monthScrollbarRef.value) {
            const monthIndex = value === void 0 ? mergedValue === null ? getMonth(Date.now()) : getMonth(mergedValue) : getMonth(value);
            monthScrollbarRef.value.scrollTo({
              top: monthIndex * MONTH_ITEM_HEIGHT
            });
          }
          if (yearVlRef.value) {
            const yearIndex = (value === void 0 ? mergedValue === null ? getYear(Date.now()) : getYear(mergedValue) : getYear(value)) - START_YEAR;
            yearVlRef.value.scrollTo({
              top: yearIndex * MONTH_ITEM_HEIGHT
            });
          }
        }
        const childComponentRefs = {
          monthScrollbarRef,
          yearScrollbarRef,
          yearVlRef
        };
        return Object.assign(Object.assign(Object.assign(Object.assign({
          dateArray: dateArrayRef,
          monthArray: monthArrayRef,
          yearArray: yearArrayRef,
          quarterArray: quarterArrayRef,
          calendarYear: calendarYearRef,
          calendarMonth: calendarMonthRef,
          weekdays: weekdaysRef,
          mergedIsDateDisabled,
          nextYear,
          prevYear,
          nextMonth,
          prevMonth,
          handleNowClick,
          handleConfirmClick,
          handleSingleShortcutMouseenter,
          handleSingleShortcutClick
        }, validation), panelCommon), childComponentRefs), {
          // datetime only
          handleDateClick,
          handleDateInputBlur,
          handleDateInput,
          handleDateMouseEnter,
          isWeekHovered,
          handleTimePickerChange,
          clearSelectedDateTime,
          virtualListContainer,
          virtualListContent,
          handleVirtualListScroll,
          timePickerSize: panelCommon.timePickerSize,
          dateInputValue: dateInputValueRef,
          datePickerSlots,
          handleQuickMonthClick,
          justifyColumnsScrollState,
          calendarValue: calendarValueRef,
          onUpdateCalendarValue
        });
      }
      const MonthPanel = vue.defineComponent({
        name: "MonthPanel",
        props: Object.assign(Object.assign({}, useCalendarProps), {
          type: {
            type: String,
            required: true
          },
          // panelHeader prop
          useAsQuickJump: Boolean
        }),
        setup(props) {
          const useCalendarRef = useCalendar(props, props.type);
          const {
            dateLocaleRef
          } = useLocale("DatePicker");
          const getRenderContent = (item) => {
            switch (item.type) {
              case "year":
                return getYearString(item.dateObject.year, item.yearFormat, dateLocaleRef.value.locale);
              case "month":
                return getMonthString(item.dateObject.month, item.monthFormat, dateLocaleRef.value.locale);
              case "quarter":
                return getQuarterString(item.dateObject.quarter, item.quarterFormat, dateLocaleRef.value.locale);
            }
          };
          const {
            useAsQuickJump
          } = props;
          const renderItem = (item, i, mergedClsPrefix) => {
            const {
              mergedIsDateDisabled,
              handleDateClick,
              handleQuickMonthClick
            } = useCalendarRef;
            return vue.h("div", {
              "data-n-date": true,
              key: i,
              class: [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item`, item.isCurrent && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`, item.selected && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--selected`, !useAsQuickJump && mergedIsDateDisabled(item.ts, item.type === "year" ? {
                type: "year",
                year: item.dateObject.year
              } : item.type === "month" ? {
                type: "month",
                year: item.dateObject.year,
                month: item.dateObject.month
              } : item.type === "quarter" ? {
                type: "month",
                year: item.dateObject.year,
                month: item.dateObject.quarter
              } : null) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`],
              onClick: () => {
                useAsQuickJump ? handleQuickMonthClick(item, (value) => {
                  props.onUpdateValue(value, false);
                }) : handleDateClick(item);
              }
            }, getRenderContent(item));
          };
          vue.onMounted(() => {
            useCalendarRef.justifyColumnsScrollState();
          });
          return Object.assign(Object.assign({}, useCalendarRef), {
            renderItem
          });
        },
        render() {
          const {
            mergedClsPrefix,
            mergedTheme,
            shortcuts,
            actions,
            renderItem,
            type,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: 0,
            class: [`${mergedClsPrefix}-date-panel`, `${mergedClsPrefix}-date-panel--month`, !this.panel && `${mergedClsPrefix}-date-panel--shadow`, this.themeClass],
            onFocus: this.handlePanelFocus,
            onKeydown: this.handlePanelKeyDown
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month-calendar`
          }, vue.h(Scrollbar$2, {
            ref: "yearScrollbarRef",
            class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`,
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            container: this.virtualListContainer,
            content: this.virtualListContent,
            horizontalRailStyle: {
              zIndex: 1
            },
            verticalRailStyle: {
              zIndex: 1
            }
          }, {
            default: () => vue.h(VVirtualList, {
              ref: "yearVlRef",
              items: this.yearArray,
              itemSize: MONTH_ITEM_HEIGHT,
              showScrollbar: false,
              keyField: "ts",
              onScroll: this.handleVirtualListScroll,
              paddingBottom: 4
            }, {
              default: ({
                item,
                index
              }) => {
                return renderItem(item, index, mergedClsPrefix);
              }
            })
          }), type === "month" || type === "quarter" ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`
          }, vue.h(Scrollbar$2, {
            ref: "monthScrollbarRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [(type === "month" ? this.monthArray : this.quarterArray).map((item, i) => renderItem(item, i, mergedClsPrefix)), vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-${type}-calendar__padding`
            })]
          })) : null), this.datePickerSlots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-footer`
          }, {
            default: this.datePickerSlots.footer
          }) : null, (actions === null || actions === void 0 ? void 0 : actions.length) || shortcuts ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__prefix`
          }, shortcuts && Object.keys(shortcuts).map((key) => {
            const shortcut = shortcuts[key];
            return Array.isArray(shortcut) ? null : vue.h(XButton, {
              size: "tiny",
              onMouseenter: () => {
                this.handleSingleShortcutMouseenter(shortcut);
              },
              onClick: () => {
                this.handleSingleShortcutClick(shortcut);
              },
              onMouseleave: () => {
                this.handleShortcutMouseleave();
              }
            }, {
              default: () => key
            });
          })), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__suffix`
          }, (actions === null || actions === void 0 ? void 0 : actions.includes("clear")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleClearClick
          }, {
            default: () => this.locale.clear
          }) : null, (actions === null || actions === void 0 ? void 0 : actions.includes("now")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleNowClick
          }, {
            default: () => this.locale.now
          }) : null, (actions === null || actions === void 0 ? void 0 : actions.includes("confirm")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            type: "primary",
            disabled: this.isDateInvalid,
            onClick: this.handleConfirmClick
          }, {
            default: () => this.locale.confirm
          }) : null)) : null, vue.h(FocusDetector, {
            onFocus: this.handleFocusDetectorFocus
          }));
        }
      });
      const PanelHeader = vue.defineComponent({
        props: {
          mergedClsPrefix: {
            type: String,
            required: true
          },
          value: Number,
          monthBeforeYear: {
            type: Boolean,
            required: true
          },
          calendarMonth: {
            type: String,
            required: true
          },
          calendarYear: {
            type: String,
            required: true
          },
          onUpdateValue: {
            type: Function,
            required: true
          }
        },
        setup() {
          const triggerRef = vue.ref(null);
          const monthPanelRef = vue.ref(null);
          const showRef = vue.ref(false);
          function handleClickOutside(e) {
            var _a;
            if (showRef.value && !((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e)))) {
              showRef.value = false;
            }
          }
          function handleHeaderClick() {
            showRef.value = !showRef.value;
          }
          return {
            show: showRef,
            triggerRef,
            monthPanelRef,
            handleHeaderClick,
            handleClickOutside
          };
        },
        render() {
          const {
            handleClickOutside,
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__month-year`,
            ref: "triggerRef"
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h("div", {
                class: [`${mergedClsPrefix}-date-panel-month__text`, this.show && `${mergedClsPrefix}-date-panel-month__text--active`],
                onClick: this.handleHeaderClick
              }, this.monthBeforeYear ? [this.calendarMonth, " ", this.calendarYear] : [this.calendarYear, " ", this.calendarMonth])
            }), vue.h(VFollower, {
              show: this.show,
              teleportDisabled: true
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: true
              }, {
                default: () => this.show ? vue.withDirectives(vue.h(MonthPanel, {
                  ref: "monthPanelRef",
                  onUpdateValue: this.onUpdateValue,
                  actions: [],
                  // month and year click show month type
                  type: "month",
                  key: "month",
                  useAsQuickJump: true,
                  value: this.value
                }), [[clickoutside, handleClickOutside, void 0, {
                  capture: true
                }]]) : null
              })
            })]
          }));
        }
      });
      const DatetimePanel = vue.defineComponent({
        name: "DateTimePanel",
        props: useCalendarProps,
        setup(props) {
          return useCalendar(props, "datetime");
        },
        render() {
          var _a, _b, _c, _d;
          const {
            mergedClsPrefix,
            mergedTheme,
            shortcuts,
            timePickerProps: timePickerProps2,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: 0,
            class: [`${mergedClsPrefix}-date-panel`, `${mergedClsPrefix}-date-panel--datetime`, !this.panel && `${mergedClsPrefix}-date-panel--shadow`, this.themeClass],
            onKeydown: this.handlePanelKeyDown,
            onFocus: this.handlePanelFocus
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-header`
          }, vue.h(NInput, {
            value: this.dateInputValue,
            theme: mergedTheme.peers.Input,
            themeOverrides: mergedTheme.peerOverrides.Input,
            stateful: false,
            size: this.timePickerSize,
            class: `${mergedClsPrefix}-date-panel-date-input`,
            textDecoration: this.isDateInvalid ? "line-through" : "",
            placeholder: this.locale.selectDate,
            onBlur: this.handleDateInputBlur,
            onUpdateValue: this.handleDateInput
          }), vue.h(NTimePicker, Object.assign({
            size: this.timePickerSize,
            placeholder: this.locale.selectTime,
            format: this.timerPickerFormat
          }, Array.isArray(timePickerProps2) ? void 0 : timePickerProps2, {
            showIcon: false,
            to: false,
            theme: mergedTheme.peers.TimePicker,
            themeOverrides: mergedTheme.peerOverrides.TimePicker,
            value: Array.isArray(this.value) ? null : this.value,
            isHourDisabled: this.isHourDisabled,
            isMinuteDisabled: this.isMinuteDisabled,
            isSecondDisabled: this.isSecondDisabled,
            onUpdateValue: this.handleTimePickerChange,
            stateful: false
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-calendar`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-prev`,
            onClick: this.prevYear
          }, resolveSlot($slots["prev-year"], () => [vue.h(FastBackwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__prev`,
            onClick: this.prevMonth
          }, resolveSlot($slots["prev-month"], () => [vue.h(BackwardIcon, null)])), vue.h(PanelHeader, {
            monthBeforeYear: this.locale.monthBeforeYear,
            value: this.calendarValue,
            onUpdateValue: this.onUpdateCalendarValue,
            mergedClsPrefix,
            calendarMonth: this.calendarMonth,
            calendarYear: this.calendarYear
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__next`,
            onClick: this.nextMonth
          }, resolveSlot($slots["next-month"], () => [vue.h(ForwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-next`,
            onClick: this.nextYear
          }, resolveSlot($slots["next-year"], () => [vue.h(FastForwardIcon, null)]))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-weekdays`
          }, this.weekdays.map((weekday) => vue.h("div", {
            key: weekday,
            class: `${mergedClsPrefix}-date-panel-weekdays__day`
          }, weekday))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-dates`
          }, this.dateArray.map((dateItem2, i) => vue.h("div", {
            "data-n-date": true,
            key: i,
            class: [`${mergedClsPrefix}-date-panel-date`, {
              [`${mergedClsPrefix}-date-panel-date--current`]: dateItem2.isCurrentDate,
              [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem2.selected,
              [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem2.inCurrentMonth,
              [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem2.ts, {
                type: "date",
                year: dateItem2.dateObject.year,
                month: dateItem2.dateObject.month,
                date: dateItem2.dateObject.date
              })
            }],
            onClick: () => {
              this.handleDateClick(dateItem2);
            }
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__trigger`
          }), dateItem2.dateObject.date, dateItem2.isCurrentDate ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__sup`
          }) : null)))), this.datePickerSlots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-footer`
          }, this.datePickerSlots.footer()) : null, ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) || shortcuts ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__prefix`
          }, shortcuts && Object.keys(shortcuts).map((key) => {
            const shortcut = shortcuts[key];
            return Array.isArray(shortcut) ? null : vue.h(XButton, {
              size: "tiny",
              onMouseenter: () => {
                this.handleSingleShortcutMouseenter(shortcut);
              },
              onClick: () => {
                this.handleSingleShortcutClick(shortcut);
              },
              onMouseleave: () => {
                this.handleShortcutMouseleave();
              }
            }, {
              default: () => key
            });
          })), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__suffix`
          }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes("clear")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.clearSelectedDateTime
          }, {
            default: () => this.locale.clear
          }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes("now")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleNowClick
          }, {
            default: () => this.locale.now
          }) : null, ((_d = this.actions) === null || _d === void 0 ? void 0 : _d.includes("confirm")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            type: "primary",
            disabled: this.isDateInvalid,
            onClick: this.handleConfirmClick
          }, {
            default: () => this.locale.confirm
          }) : null)) : null, vue.h(FocusDetector, {
            onFocus: this.handleFocusDetectorFocus
          }));
        }
      });
      const useDualCalendarProps = Object.assign(Object.assign({}, usePanelCommonProps), {
        defaultCalendarStartTime: Number,
        defaultCalendarEndTime: Number,
        bindCalendarMonths: Boolean,
        actions: {
          type: Array,
          default: () => ["clear", "confirm"]
        }
      });
      function useDualCalendar(props, type) {
        var _a, _b;
        const {
          isDateDisabledRef,
          isStartHourDisabledRef,
          isEndHourDisabledRef,
          isStartMinuteDisabledRef,
          isEndMinuteDisabledRef,
          isStartSecondDisabledRef,
          isEndSecondDisabledRef,
          isStartDateInvalidRef,
          isEndDateInvalidRef,
          isStartTimeInvalidRef,
          isEndTimeInvalidRef,
          isStartValueInvalidRef,
          isEndValueInvalidRef,
          isRangeInvalidRef,
          localeRef,
          rangesRef,
          closeOnSelectRef,
          updateValueOnCloseRef,
          firstDayOfWeekRef,
          datePickerSlots,
          monthFormatRef,
          yearFormatRef,
          quarterFormatRef
          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        } = vue.inject(datePickerInjectionKey);
        const validation = {
          isDateDisabled: isDateDisabledRef,
          isStartHourDisabled: isStartHourDisabledRef,
          isEndHourDisabled: isEndHourDisabledRef,
          isStartMinuteDisabled: isStartMinuteDisabledRef,
          isEndMinuteDisabled: isEndMinuteDisabledRef,
          isStartSecondDisabled: isStartSecondDisabledRef,
          isEndSecondDisabled: isEndSecondDisabledRef,
          isStartDateInvalid: isStartDateInvalidRef,
          isEndDateInvalid: isEndDateInvalidRef,
          isStartTimeInvalid: isStartTimeInvalidRef,
          isEndTimeInvalid: isEndTimeInvalidRef,
          isStartValueInvalid: isStartValueInvalidRef,
          isEndValueInvalid: isEndValueInvalidRef,
          isRangeInvalid: isRangeInvalidRef
        };
        const panelCommon = usePanelCommon(props);
        const startDatesElRef = vue.ref(null);
        const endDatesElRef = vue.ref(null);
        const startYearScrollbarRef = vue.ref(null);
        const endYearScrollbarRef = vue.ref(null);
        const startYearVlRef = vue.ref(null);
        const endYearVlRef = vue.ref(null);
        const startMonthScrollbarRef = vue.ref(null);
        const endMonthScrollbarRef = vue.ref(null);
        const {
          value
        } = props;
        const defaultCalendarStartTime = (_a = props.defaultCalendarStartTime) !== null && _a !== void 0 ? _a : Array.isArray(value) && typeof value[0] === "number" ? value[0] : Date.now();
        const startCalendarDateTimeRef = vue.ref(defaultCalendarStartTime);
        const endCalendarDateTimeRef = vue.ref((_b = props.defaultCalendarEndTime) !== null && _b !== void 0 ? _b : Array.isArray(value) && typeof value[1] === "number" ? value[1] : getTime(addMonths(defaultCalendarStartTime, 1)));
        adjustCalendarTimes(true);
        const nowRef = vue.ref(Date.now());
        const isSelectingRef = vue.ref(false);
        const memorizedStartDateTimeRef = vue.ref(0);
        const mergedDateFormatRef = vue.computed(() => props.dateFormat || localeRef.value.dateFormat);
        const startDateInput = vue.ref(Array.isArray(value) ? format$4(value[0], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value) : "");
        const endDateInputRef = vue.ref(Array.isArray(value) ? format$4(value[1], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value) : "");
        const selectingPhaseRef = vue.computed(() => {
          if (isSelectingRef.value)
            return "end";
          else
            return "start";
        });
        const startDateArrayRef = vue.computed(() => {
          var _a2;
          return dateArray(startCalendarDateTimeRef.value, props.value, nowRef.value, (_a2 = firstDayOfWeekRef.value) !== null && _a2 !== void 0 ? _a2 : localeRef.value.firstDayOfWeek);
        });
        const endDateArrayRef = vue.computed(() => {
          var _a2;
          return dateArray(endCalendarDateTimeRef.value, props.value, nowRef.value, (_a2 = firstDayOfWeekRef.value) !== null && _a2 !== void 0 ? _a2 : localeRef.value.firstDayOfWeek);
        });
        const weekdaysRef = vue.computed(() => {
          return startDateArrayRef.value.slice(0, 7).map((dateItem2) => {
            const {
              ts
            } = dateItem2;
            return format$4(ts, localeRef.value.dayFormat, panelCommon.dateFnsOptions.value);
          });
        });
        const startCalendarMonthRef = vue.computed(() => {
          return format$4(startCalendarDateTimeRef.value, localeRef.value.monthFormat, panelCommon.dateFnsOptions.value);
        });
        const endCalendarMonthRef = vue.computed(() => {
          return format$4(endCalendarDateTimeRef.value, localeRef.value.monthFormat, panelCommon.dateFnsOptions.value);
        });
        const startCalendarYearRef = vue.computed(() => {
          return format$4(startCalendarDateTimeRef.value, localeRef.value.yearFormat, panelCommon.dateFnsOptions.value);
        });
        const endCalendarYearRef = vue.computed(() => {
          return format$4(endCalendarDateTimeRef.value, localeRef.value.yearFormat, panelCommon.dateFnsOptions.value);
        });
        const startTimeValueRef = vue.computed(() => {
          const {
            value: value2
          } = props;
          if (Array.isArray(value2))
            return value2[0];
          return null;
        });
        const endTimeValueRef = vue.computed(() => {
          const {
            value: value2
          } = props;
          if (Array.isArray(value2))
            return value2[1];
          return null;
        });
        const shortcutsRef = vue.computed(() => {
          const {
            shortcuts
          } = props;
          return shortcuts || rangesRef.value;
        });
        const startYearArrayRef = vue.computed(() => {
          return yearArray(pluckValueFromRange(props.value, "start"), nowRef.value, {
            yearFormat: yearFormatRef.value
          });
        });
        const endYearArrayRef = vue.computed(() => {
          return yearArray(pluckValueFromRange(props.value, "end"), nowRef.value, {
            yearFormat: yearFormatRef.value
          });
        });
        const startQuarterArrayRef = vue.computed(() => {
          const startValue = pluckValueFromRange(props.value, "start");
          return quarterArray(startValue !== null && startValue !== void 0 ? startValue : Date.now(), startValue, nowRef.value, {
            quarterFormat: quarterFormatRef.value
          });
        });
        const endQuarterArrayRef = vue.computed(() => {
          const endValue = pluckValueFromRange(props.value, "end");
          return quarterArray(endValue !== null && endValue !== void 0 ? endValue : Date.now(), endValue, nowRef.value, {
            quarterFormat: quarterFormatRef.value
          });
        });
        const startMonthArrayRef = vue.computed(() => {
          const startValue = pluckValueFromRange(props.value, "start");
          return monthArray(startValue !== null && startValue !== void 0 ? startValue : Date.now(), startValue, nowRef.value, {
            monthFormat: monthFormatRef.value
          });
        });
        const endMonthArrayRef = vue.computed(() => {
          const endValue = pluckValueFromRange(props.value, "end");
          return monthArray(endValue !== null && endValue !== void 0 ? endValue : Date.now(), endValue, nowRef.value, {
            monthFormat: monthFormatRef.value
          });
        });
        vue.watch(vue.computed(() => props.value), (value2) => {
          if (value2 !== null && Array.isArray(value2)) {
            const [startMoment, endMoment] = value2;
            startDateInput.value = format$4(startMoment, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
            endDateInputRef.value = format$4(endMoment, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
            if (!isSelectingRef.value) {
              syncCalendarTimeWithValue(value2);
            }
          } else {
            startDateInput.value = "";
            endDateInputRef.value = "";
          }
        });
        function handleCalendarChange(value2, oldValue) {
          if (type === "daterange" || type === "datetimerange") {
            if (getYear(value2) !== getYear(oldValue) || getMonth(value2) !== getMonth(oldValue)) {
              panelCommon.disableTransitionOneTick();
            }
          }
        }
        vue.watch(startCalendarDateTimeRef, handleCalendarChange);
        vue.watch(endCalendarDateTimeRef, handleCalendarChange);
        function adjustCalendarTimes(byStartCalendarTime) {
          const startTime = startOfMonth(startCalendarDateTimeRef.value);
          const endTime = startOfMonth(endCalendarDateTimeRef.value);
          if (props.bindCalendarMonths || startTime >= endTime) {
            if (byStartCalendarTime) {
              endCalendarDateTimeRef.value = getTime(addMonths(startTime, 1));
            } else {
              startCalendarDateTimeRef.value = getTime(addMonths(endTime, -1));
            }
          }
        }
        function startCalendarNextYear() {
          startCalendarDateTimeRef.value = getTime(addMonths(startCalendarDateTimeRef.value, 12));
          adjustCalendarTimes(true);
        }
        function startCalendarPrevYear() {
          startCalendarDateTimeRef.value = getTime(addMonths(startCalendarDateTimeRef.value, -12));
          adjustCalendarTimes(true);
        }
        function startCalendarNextMonth() {
          startCalendarDateTimeRef.value = getTime(addMonths(startCalendarDateTimeRef.value, 1));
          adjustCalendarTimes(true);
        }
        function startCalendarPrevMonth() {
          startCalendarDateTimeRef.value = getTime(addMonths(startCalendarDateTimeRef.value, -1));
          adjustCalendarTimes(true);
        }
        function endCalendarNextYear() {
          endCalendarDateTimeRef.value = getTime(addMonths(endCalendarDateTimeRef.value, 12));
          adjustCalendarTimes(false);
        }
        function endCalendarPrevYear() {
          endCalendarDateTimeRef.value = getTime(addMonths(endCalendarDateTimeRef.value, -12));
          adjustCalendarTimes(false);
        }
        function endCalendarNextMonth() {
          endCalendarDateTimeRef.value = getTime(addMonths(endCalendarDateTimeRef.value, 1));
          adjustCalendarTimes(false);
        }
        function endCalendarPrevMonth() {
          endCalendarDateTimeRef.value = getTime(addMonths(endCalendarDateTimeRef.value, -1));
          adjustCalendarTimes(false);
        }
        function onUpdateStartCalendarValue(value2) {
          startCalendarDateTimeRef.value = value2;
          adjustCalendarTimes(true);
        }
        function onUpdateEndCalendarValue(value2) {
          endCalendarDateTimeRef.value = value2;
          adjustCalendarTimes(false);
        }
        function mergedIsDateDisabled(ts) {
          const isDateDisabled = isDateDisabledRef.value;
          if (!isDateDisabled)
            return false;
          if (!Array.isArray(props.value)) {
            return isDateDisabled(ts, "start", null);
          }
          if (selectingPhaseRef.value === "start") {
            return isDateDisabled(ts, "start", null);
          } else {
            const {
              value: memorizedStartDateTime
            } = memorizedStartDateTimeRef;
            if (ts < memorizedStartDateTimeRef.value) {
              return isDateDisabled(ts, "start", [memorizedStartDateTime, memorizedStartDateTime]);
            } else {
              return isDateDisabled(ts, "end", [memorizedStartDateTime, memorizedStartDateTime]);
            }
          }
        }
        function syncCalendarTimeWithValue(value2) {
          if (value2 === null)
            return;
          const [startMoment, endMoment] = value2;
          startCalendarDateTimeRef.value = startMoment;
          if (startOfMonth(endMoment) <= startOfMonth(startMoment)) {
            endCalendarDateTimeRef.value = getTime(startOfMonth(addMonths(startMoment, 1)));
          } else {
            endCalendarDateTimeRef.value = getTime(startOfMonth(endMoment));
          }
        }
        function handleDateClick(dateItem2) {
          if (!isSelectingRef.value) {
            isSelectingRef.value = true;
            memorizedStartDateTimeRef.value = dateItem2.ts;
            changeStartEndTime(dateItem2.ts, dateItem2.ts, "done");
          } else {
            isSelectingRef.value = false;
            const {
              value: value2
            } = props;
            if (props.panel && Array.isArray(value2)) {
              changeStartEndTime(value2[0], value2[1], "done");
            } else {
              if (closeOnSelectRef.value && type === "daterange") {
                if (updateValueOnCloseRef.value) {
                  closeCalendar();
                } else {
                  handleConfirmClick();
                }
              }
            }
          }
        }
        function handleDateMouseEnter(dateItem2) {
          if (isSelectingRef.value) {
            if (mergedIsDateDisabled(dateItem2.ts))
              return;
            if (dateItem2.ts >= memorizedStartDateTimeRef.value) {
              changeStartEndTime(memorizedStartDateTimeRef.value, dateItem2.ts, "wipPreview");
            } else {
              changeStartEndTime(dateItem2.ts, memorizedStartDateTimeRef.value, "wipPreview");
            }
          }
        }
        function handleConfirmClick() {
          if (isRangeInvalidRef.value) {
            return;
          }
          panelCommon.doConfirm();
          closeCalendar();
        }
        function closeCalendar() {
          isSelectingRef.value = false;
          if (props.active) {
            panelCommon.doClose();
          }
        }
        function changeStartDateTime(time2) {
          if (typeof time2 !== "number") {
            time2 = getTime(time2);
          }
          if (props.value === null) {
            panelCommon.doUpdateValue([time2, time2], props.panel);
          } else if (Array.isArray(props.value)) {
            panelCommon.doUpdateValue([time2, Math.max(props.value[1], time2)], props.panel);
          }
        }
        function changeEndDateTime(time2) {
          if (typeof time2 !== "number") {
            time2 = getTime(time2);
          }
          if (props.value === null) {
            panelCommon.doUpdateValue([time2, time2], props.panel);
          } else if (Array.isArray(props.value)) {
            panelCommon.doUpdateValue([Math.min(props.value[0], time2), time2], props.panel);
          }
        }
        function changeStartEndTime(startTime, endTime, source) {
          if (typeof startTime !== "number") {
            startTime = getTime(startTime);
          }
          if (source !== "shortcutPreview") {
            let startDefaultTime;
            let endDefaultTime;
            if (type === "datetimerange") {
              const {
                defaultTime
              } = props;
              if (Array.isArray(defaultTime)) {
                startDefaultTime = getDefaultTime(defaultTime[0]);
                endDefaultTime = getDefaultTime(defaultTime[1]);
              } else {
                startDefaultTime = getDefaultTime(defaultTime);
                endDefaultTime = startDefaultTime;
              }
            }
            if (startDefaultTime) {
              startTime = getTime(set(startTime, startDefaultTime));
            }
            if (endDefaultTime) {
              endTime = getTime(set(endTime, endDefaultTime));
            }
          }
          panelCommon.doUpdateValue([startTime, endTime], props.panel && source === "done");
        }
        function sanitizeValue(datetime) {
          if (type === "datetimerange") {
            return getTime(startOfSecond(datetime));
          } else if (type === "monthrange") {
            return getTime(startOfMonth(datetime));
          } else {
            return getTime(startOfDay(datetime));
          }
        }
        function handleStartDateInput(value2) {
          const date = strictParse(value2, mergedDateFormatRef.value, /* @__PURE__ */ new Date(), panelCommon.dateFnsOptions.value);
          if (isValid$1(date)) {
            if (!props.value) {
              const newValue = set(/* @__PURE__ */ new Date(), {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeStartDateTime(sanitizeValue(getTime(newValue)));
            } else if (Array.isArray(props.value)) {
              const newValue = set(props.value[0], {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeStartDateTime(sanitizeValue(getTime(newValue)));
            }
          } else {
            startDateInput.value = value2;
          }
        }
        function handleEndDateInput(value2) {
          const date = strictParse(value2, mergedDateFormatRef.value, /* @__PURE__ */ new Date(), panelCommon.dateFnsOptions.value);
          if (isValid$1(date)) {
            if (props.value === null) {
              const newValue = set(/* @__PURE__ */ new Date(), {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeEndDateTime(sanitizeValue(getTime(newValue)));
            } else if (Array.isArray(props.value)) {
              const newValue = set(props.value[1], {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeEndDateTime(sanitizeValue(getTime(newValue)));
            }
          } else {
            endDateInputRef.value = value2;
          }
        }
        function handleStartDateInputBlur() {
          const date = strictParse(startDateInput.value, mergedDateFormatRef.value, /* @__PURE__ */ new Date(), panelCommon.dateFnsOptions.value);
          const {
            value: value2
          } = props;
          if (isValid$1(date)) {
            if (value2 === null) {
              const newValue = set(/* @__PURE__ */ new Date(), {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeStartDateTime(sanitizeValue(getTime(newValue)));
            } else if (Array.isArray(value2)) {
              const newValue = set(value2[0], {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeStartDateTime(sanitizeValue(getTime(newValue)));
            }
          } else {
            refreshDisplayDateString();
          }
        }
        function handleEndDateInputBlur() {
          const date = strictParse(endDateInputRef.value, mergedDateFormatRef.value, /* @__PURE__ */ new Date(), panelCommon.dateFnsOptions.value);
          const {
            value: value2
          } = props;
          if (isValid$1(date)) {
            if (value2 === null) {
              const newValue = set(/* @__PURE__ */ new Date(), {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeEndDateTime(sanitizeValue(getTime(newValue)));
            } else if (Array.isArray(value2)) {
              const newValue = set(value2[1], {
                year: getYear(date),
                month: getMonth(date),
                date: getDate(date)
              });
              changeEndDateTime(sanitizeValue(getTime(newValue)));
            }
          } else {
            refreshDisplayDateString();
          }
        }
        function refreshDisplayDateString(times) {
          const {
            value: value2
          } = props;
          if (value2 === null || !Array.isArray(value2)) {
            startDateInput.value = "";
            endDateInputRef.value = "";
            return;
          }
          if (times === void 0) {
            times = value2;
          }
          startDateInput.value = format$4(times[0], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
          endDateInputRef.value = format$4(times[1], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
        }
        function handleStartTimePickerChange(value2) {
          if (value2 === null)
            return;
          changeStartDateTime(value2);
        }
        function handleEndTimePickerChange(value2) {
          if (value2 === null)
            return;
          changeEndDateTime(value2);
        }
        function handleRangeShortcutMouseenter(shortcut) {
          panelCommon.cachePendingValue();
          const shortcutValue = panelCommon.getShortcutValue(shortcut);
          if (!Array.isArray(shortcutValue))
            return;
          changeStartEndTime(shortcutValue[0], shortcutValue[1], "shortcutPreview");
        }
        function handleRangeShortcutClick(shortcut) {
          const shortcutValue = panelCommon.getShortcutValue(shortcut);
          if (!Array.isArray(shortcutValue))
            return;
          changeStartEndTime(shortcutValue[0], shortcutValue[1], "done");
          panelCommon.clearPendingValue();
          handleConfirmClick();
        }
        function justifyColumnsScrollState(value2, type3) {
          const mergedValue = value2 === void 0 ? props.value : value2;
          if (value2 === void 0 || type3 === "start") {
            if (startMonthScrollbarRef.value) {
              const monthIndex = !Array.isArray(mergedValue) ? getMonth(Date.now()) : getMonth(mergedValue[0]);
              startMonthScrollbarRef.value.scrollTo({
                debounce: false,
                index: monthIndex,
                elSize: MONTH_ITEM_HEIGHT
              });
            }
            if (startYearVlRef.value) {
              const yearIndex = (!Array.isArray(mergedValue) ? getYear(Date.now()) : getYear(mergedValue[0])) - START_YEAR;
              startYearVlRef.value.scrollTo({
                index: yearIndex,
                debounce: false
              });
            }
          }
          if (value2 === void 0 || type3 === "end") {
            if (endMonthScrollbarRef.value) {
              const monthIndex = !Array.isArray(mergedValue) ? getMonth(Date.now()) : getMonth(mergedValue[1]);
              endMonthScrollbarRef.value.scrollTo({
                debounce: false,
                index: monthIndex,
                elSize: MONTH_ITEM_HEIGHT
              });
            }
            if (endYearVlRef.value) {
              const yearIndex = (!Array.isArray(mergedValue) ? getYear(Date.now()) : getYear(mergedValue[1])) - START_YEAR;
              endYearVlRef.value.scrollTo({
                index: yearIndex,
                debounce: false
              });
            }
          }
        }
        function handleColItemClick(dateItem2, clickType) {
          const {
            value: value2
          } = props;
          const noCurrentValue = !Array.isArray(value2);
          const itemTs = dateItem2.type === "year" && type !== "yearrange" ? noCurrentValue ? set(dateItem2.ts, {
            month: getMonth(type === "quarterrange" ? startOfQuarter(/* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date())
          }).valueOf() : set(dateItem2.ts, {
            month: getMonth(type === "quarterrange" ? startOfQuarter(value2[clickType === "start" ? 0 : 1]) : value2[clickType === "start" ? 0 : 1])
          }).valueOf() : dateItem2.ts;
          if (noCurrentValue) {
            const partialValue = sanitizeValue(itemTs);
            const nextValue2 = [partialValue, partialValue];
            panelCommon.doUpdateValue(nextValue2, props.panel);
            justifyColumnsScrollState(nextValue2, "start");
            justifyColumnsScrollState(nextValue2, "end");
            panelCommon.disableTransitionOneTick();
            return;
          }
          const nextValue = [value2[0], value2[1]];
          let otherPartsChanged = false;
          if (clickType === "start") {
            nextValue[0] = sanitizeValue(itemTs);
            if (nextValue[0] > nextValue[1]) {
              nextValue[1] = nextValue[0];
              otherPartsChanged = true;
            }
          } else {
            nextValue[1] = sanitizeValue(itemTs);
            if (nextValue[0] > nextValue[1]) {
              nextValue[0] = nextValue[1];
              otherPartsChanged = true;
            }
          }
          panelCommon.doUpdateValue(nextValue, props.panel);
          switch (type) {
            case "monthrange":
            case "quarterrange":
              panelCommon.disableTransitionOneTick();
              if (otherPartsChanged) {
                justifyColumnsScrollState(nextValue, "start");
                justifyColumnsScrollState(nextValue, "end");
              } else {
                justifyColumnsScrollState(nextValue, clickType);
              }
              break;
            case "yearrange":
              panelCommon.disableTransitionOneTick();
              justifyColumnsScrollState(nextValue, "start");
              justifyColumnsScrollState(nextValue, "end");
          }
        }
        function handleStartYearVlScroll() {
          var _a2;
          (_a2 = startYearScrollbarRef.value) === null || _a2 === void 0 ? void 0 : _a2.sync();
        }
        function handleEndYearVlScroll() {
          var _a2;
          (_a2 = endYearScrollbarRef.value) === null || _a2 === void 0 ? void 0 : _a2.sync();
        }
        function virtualListContainer(type3) {
          var _a2, _b2;
          if (type3 === "start") {
            return ((_a2 = startYearVlRef.value) === null || _a2 === void 0 ? void 0 : _a2.listElRef) || null;
          } else {
            return ((_b2 = endYearVlRef.value) === null || _b2 === void 0 ? void 0 : _b2.listElRef) || null;
          }
        }
        function virtualListContent(type3) {
          var _a2, _b2;
          if (type3 === "start") {
            return ((_a2 = startYearVlRef.value) === null || _a2 === void 0 ? void 0 : _a2.itemsElRef) || null;
          } else {
            return ((_b2 = endYearVlRef.value) === null || _b2 === void 0 ? void 0 : _b2.itemsElRef) || null;
          }
        }
        const childComponentRefs = {
          startYearVlRef,
          endYearVlRef,
          startMonthScrollbarRef,
          endMonthScrollbarRef,
          startYearScrollbarRef,
          endYearScrollbarRef
        };
        return Object.assign(Object.assign(Object.assign(Object.assign({
          startDatesElRef,
          endDatesElRef,
          handleDateClick,
          handleColItemClick,
          handleDateMouseEnter,
          handleConfirmClick,
          startCalendarPrevYear,
          startCalendarPrevMonth,
          startCalendarNextYear,
          startCalendarNextMonth,
          endCalendarPrevYear,
          endCalendarPrevMonth,
          endCalendarNextMonth,
          endCalendarNextYear,
          mergedIsDateDisabled,
          changeStartEndTime,
          ranges: rangesRef,
          startCalendarMonth: startCalendarMonthRef,
          startCalendarYear: startCalendarYearRef,
          endCalendarMonth: endCalendarMonthRef,
          endCalendarYear: endCalendarYearRef,
          weekdays: weekdaysRef,
          startDateArray: startDateArrayRef,
          endDateArray: endDateArrayRef,
          startYearArray: startYearArrayRef,
          startMonthArray: startMonthArrayRef,
          startQuarterArray: startQuarterArrayRef,
          endYearArray: endYearArrayRef,
          endMonthArray: endMonthArrayRef,
          endQuarterArray: endQuarterArrayRef,
          isSelecting: isSelectingRef,
          handleRangeShortcutMouseenter,
          handleRangeShortcutClick
        }, panelCommon), validation), childComponentRefs), {
          // datetimerangeonly
          startDateDisplayString: startDateInput,
          endDateInput: endDateInputRef,
          timePickerSize: panelCommon.timePickerSize,
          startTimeValue: startTimeValueRef,
          endTimeValue: endTimeValueRef,
          datePickerSlots,
          shortcuts: shortcutsRef,
          startCalendarDateTime: startCalendarDateTimeRef,
          endCalendarDateTime: endCalendarDateTimeRef,
          justifyColumnsScrollState,
          handleFocusDetectorFocus: panelCommon.handleFocusDetectorFocus,
          handleStartTimePickerChange,
          handleEndTimePickerChange,
          handleStartDateInput,
          handleStartDateInputBlur,
          handleEndDateInput,
          handleEndDateInputBlur,
          handleStartYearVlScroll,
          handleEndYearVlScroll,
          virtualListContainer,
          virtualListContent,
          onUpdateStartCalendarValue,
          onUpdateEndCalendarValue
        });
      }
      const DatetimerangePanel = vue.defineComponent({
        name: "DateTimeRangePanel",
        props: useDualCalendarProps,
        setup(props) {
          return useDualCalendar(props, "datetimerange");
        },
        render() {
          var _a, _b, _c;
          const {
            mergedClsPrefix,
            mergedTheme,
            shortcuts,
            timePickerProps: timePickerProps2,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: 0,
            class: [`${mergedClsPrefix}-date-panel`, `${mergedClsPrefix}-date-panel--datetimerange`, !this.panel && `${mergedClsPrefix}-date-panel--shadow`, this.themeClass],
            onKeydown: this.handlePanelKeyDown,
            onFocus: this.handlePanelFocus
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-header`
          }, vue.h(NInput, {
            value: this.startDateDisplayString,
            theme: mergedTheme.peers.Input,
            themeOverrides: mergedTheme.peerOverrides.Input,
            size: this.timePickerSize,
            stateful: false,
            class: `${mergedClsPrefix}-date-panel-date-input`,
            textDecoration: this.isStartValueInvalid ? "line-through" : "",
            placeholder: this.locale.selectDate,
            onBlur: this.handleStartDateInputBlur,
            onUpdateValue: this.handleStartDateInput
          }), vue.h(NTimePicker, Object.assign({
            placeholder: this.locale.selectTime,
            format: this.timerPickerFormat,
            size: this.timePickerSize
          }, Array.isArray(timePickerProps2) ? timePickerProps2[0] : timePickerProps2, {
            value: this.startTimeValue,
            to: false,
            showIcon: false,
            disabled: this.isSelecting,
            theme: mergedTheme.peers.TimePicker,
            themeOverrides: mergedTheme.peerOverrides.TimePicker,
            stateful: false,
            isHourDisabled: this.isStartHourDisabled,
            isMinuteDisabled: this.isStartMinuteDisabled,
            isSecondDisabled: this.isStartSecondDisabled,
            onUpdateValue: this.handleStartTimePickerChange
          })), vue.h(NInput, {
            value: this.endDateInput,
            theme: mergedTheme.peers.Input,
            themeOverrides: mergedTheme.peerOverrides.Input,
            stateful: false,
            size: this.timePickerSize,
            class: `${mergedClsPrefix}-date-panel-date-input`,
            textDecoration: this.isEndValueInvalid ? "line-through" : "",
            placeholder: this.locale.selectDate,
            onBlur: this.handleEndDateInputBlur,
            onUpdateValue: this.handleEndDateInput
          }), vue.h(NTimePicker, Object.assign({
            placeholder: this.locale.selectTime,
            format: this.timerPickerFormat,
            size: this.timePickerSize
          }, Array.isArray(timePickerProps2) ? timePickerProps2[1] : timePickerProps2, {
            disabled: this.isSelecting,
            showIcon: false,
            theme: mergedTheme.peers.TimePicker,
            themeOverrides: mergedTheme.peerOverrides.TimePicker,
            to: false,
            stateful: false,
            value: this.endTimeValue,
            isHourDisabled: this.isEndHourDisabled,
            isMinuteDisabled: this.isEndMinuteDisabled,
            isSecondDisabled: this.isEndSecondDisabled,
            onUpdateValue: this.handleEndTimePickerChange
          }))), vue.h("div", {
            ref: "startDatesElRef",
            class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-prev`,
            onClick: this.startCalendarPrevYear
          }, resolveSlot($slots["prev-year"], () => [vue.h(FastBackwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__prev`,
            onClick: this.startCalendarPrevMonth
          }, resolveSlot($slots["prev-month"], () => [vue.h(BackwardIcon, null)])), vue.h(PanelHeader, {
            monthBeforeYear: this.locale.monthBeforeYear,
            value: this.startCalendarDateTime,
            onUpdateValue: this.onUpdateStartCalendarValue,
            mergedClsPrefix,
            calendarMonth: this.startCalendarMonth,
            calendarYear: this.startCalendarYear
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__next`,
            onClick: this.startCalendarNextMonth
          }, resolveSlot($slots["next-month"], () => [vue.h(ForwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-next`,
            onClick: this.startCalendarNextYear
          }, resolveSlot($slots["next-year"], () => [vue.h(FastForwardIcon, null)]))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-weekdays`
          }, this.weekdays.map((weekday) => vue.h("div", {
            key: weekday,
            class: `${mergedClsPrefix}-date-panel-weekdays__day`
          }, weekday))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__divider`
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-dates`
          }, this.startDateArray.map((dateItem2, i) => {
            const disabled = this.mergedIsDateDisabled(dateItem2.ts);
            return vue.h("div", {
              "data-n-date": true,
              key: i,
              class: [`${mergedClsPrefix}-date-panel-date`, {
                [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem2.inCurrentMonth,
                [`${mergedClsPrefix}-date-panel-date--current`]: dateItem2.isCurrentDate,
                [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem2.selected,
                [`${mergedClsPrefix}-date-panel-date--covered`]: dateItem2.inSpan,
                [`${mergedClsPrefix}-date-panel-date--start`]: dateItem2.startOfSpan,
                [`${mergedClsPrefix}-date-panel-date--end`]: dateItem2.endOfSpan,
                [`${mergedClsPrefix}-date-panel-date--disabled`]: disabled
              }],
              onClick: disabled ? void 0 : () => {
                this.handleDateClick(dateItem2);
              },
              onMouseenter: disabled ? void 0 : () => {
                this.handleDateMouseEnter(dateItem2);
              }
            }, vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-date__trigger`
            }), dateItem2.dateObject.date, dateItem2.isCurrentDate ? vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-date__sup`
            }) : null);
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__vertical-divider`
          }), vue.h("div", {
            ref: "endDatesElRef",
            class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--end`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-prev`,
            onClick: this.endCalendarPrevYear
          }, resolveSlot($slots["prev-year"], () => [vue.h(FastBackwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__prev`,
            onClick: this.endCalendarPrevMonth
          }, resolveSlot($slots["prev-month"], () => [vue.h(BackwardIcon, null)])), vue.h(PanelHeader, {
            monthBeforeYear: this.locale.monthBeforeYear,
            value: this.endCalendarDateTime,
            onUpdateValue: this.onUpdateEndCalendarValue,
            mergedClsPrefix,
            calendarMonth: this.endCalendarMonth,
            calendarYear: this.endCalendarYear
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__next`,
            onClick: this.endCalendarNextMonth
          }, resolveSlot($slots["next-month"], () => [vue.h(ForwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-next`,
            onClick: this.endCalendarNextYear
          }, resolveSlot($slots["next-year"], () => [vue.h(FastForwardIcon, null)]))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-weekdays`
          }, this.weekdays.map((weekday) => vue.h("div", {
            key: weekday,
            class: `${mergedClsPrefix}-date-panel-weekdays__day`
          }, weekday))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__divider`
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-dates`
          }, this.endDateArray.map((dateItem2, i) => {
            const disabled = this.mergedIsDateDisabled(dateItem2.ts);
            return vue.h("div", {
              "data-n-date": true,
              key: i,
              class: [`${mergedClsPrefix}-date-panel-date`, {
                [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem2.inCurrentMonth,
                [`${mergedClsPrefix}-date-panel-date--current`]: dateItem2.isCurrentDate,
                [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem2.selected,
                [`${mergedClsPrefix}-date-panel-date--covered`]: dateItem2.inSpan,
                [`${mergedClsPrefix}-date-panel-date--start`]: dateItem2.startOfSpan,
                [`${mergedClsPrefix}-date-panel-date--end`]: dateItem2.endOfSpan,
                [`${mergedClsPrefix}-date-panel-date--disabled`]: disabled
              }],
              onClick: disabled ? void 0 : () => {
                this.handleDateClick(dateItem2);
              },
              onMouseenter: disabled ? void 0 : () => {
                this.handleDateMouseEnter(dateItem2);
              }
            }, vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-date__trigger`
            }), dateItem2.dateObject.date, dateItem2.isCurrentDate ? vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-date__sup`
            }) : null);
          }))), this.datePickerSlots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-footer`
          }, this.datePickerSlots.footer()) : null, ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) || shortcuts ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__prefix`
          }, shortcuts && Object.keys(shortcuts).map((key) => {
            const shortcut = shortcuts[key];
            return Array.isArray(shortcut) || typeof shortcut === "function" ? vue.h(XButton, {
              size: "tiny",
              onMouseenter: () => {
                this.handleRangeShortcutMouseenter(shortcut);
              },
              onClick: () => {
                this.handleRangeShortcutClick(shortcut);
              },
              onMouseleave: () => {
                this.handleShortcutMouseleave();
              }
            }, {
              default: () => key
            }) : null;
          })), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__suffix`
          }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes("clear")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleClearClick
          }, {
            default: () => this.locale.clear
          }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes("confirm")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            type: "primary",
            disabled: this.isRangeInvalid || this.isSelecting,
            onClick: this.handleConfirmClick
          }, {
            default: () => this.locale.confirm
          }) : null)) : null, vue.h(FocusDetector, {
            onFocus: this.handleFocusDetectorFocus
          }));
        }
      });
      const DatePanel = vue.defineComponent({
        name: "DatePanel",
        props: Object.assign(Object.assign({}, useCalendarProps), {
          type: {
            type: String,
            required: true
          }
        }),
        setup(props) {
          return useCalendar(props, props.type);
        },
        render() {
          var _a, _b, _c;
          const {
            mergedClsPrefix,
            mergedTheme,
            shortcuts,
            onRender,
            $slots,
            type
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: 0,
            class: [`${mergedClsPrefix}-date-panel`, `${mergedClsPrefix}-date-panel--${type}`, !this.panel && `${mergedClsPrefix}-date-panel--shadow`, this.themeClass],
            onFocus: this.handlePanelFocus,
            onKeydown: this.handlePanelKeyDown
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-calendar`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-prev`,
            onClick: this.prevYear
          }, resolveSlot($slots["prev-year"], () => [vue.h(FastBackwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__prev`,
            onClick: this.prevMonth
          }, resolveSlot($slots["prev-month"], () => [vue.h(BackwardIcon, null)])), vue.h(PanelHeader, {
            monthBeforeYear: this.locale.monthBeforeYear,
            value: this.calendarValue,
            onUpdateValue: this.onUpdateCalendarValue,
            mergedClsPrefix,
            calendarMonth: this.calendarMonth,
            calendarYear: this.calendarYear
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__next`,
            onClick: this.nextMonth
          }, resolveSlot($slots["next-month"], () => [vue.h(ForwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-next`,
            onClick: this.nextYear
          }, resolveSlot($slots["next-year"], () => [vue.h(FastForwardIcon, null)]))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-weekdays`
          }, this.weekdays.map((weekday) => vue.h("div", {
            key: weekday,
            class: `${mergedClsPrefix}-date-panel-weekdays__day`
          }, weekday))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-dates`
          }, this.dateArray.map((dateItem2, i) => vue.h("div", {
            "data-n-date": true,
            key: i,
            class: [`${mergedClsPrefix}-date-panel-date`, {
              [`${mergedClsPrefix}-date-panel-date--current`]: dateItem2.isCurrentDate,
              [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem2.selected,
              [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem2.inCurrentMonth,
              [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem2.ts, {
                type: "date",
                year: dateItem2.dateObject.year,
                month: dateItem2.dateObject.month,
                date: dateItem2.dateObject.date
              }),
              [`${mergedClsPrefix}-date-panel-date--week-hovered`]: this.isWeekHovered(dateItem2),
              [`${mergedClsPrefix}-date-panel-date--week-selected`]: dateItem2.inSelectedWeek
            }],
            onClick: () => {
              this.handleDateClick(dateItem2);
            },
            onMouseenter: () => {
              this.handleDateMouseEnter(dateItem2);
            }
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__trigger`
          }), dateItem2.dateObject.date, dateItem2.isCurrentDate ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__sup`
          }) : null)))), this.datePickerSlots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-footer`
          }, this.datePickerSlots.footer()) : null, ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) || shortcuts ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__prefix`
          }, shortcuts && Object.keys(shortcuts).map((key) => {
            const shortcut = shortcuts[key];
            return Array.isArray(shortcut) ? null : vue.h(XButton, {
              size: "tiny",
              onMouseenter: () => {
                this.handleSingleShortcutMouseenter(shortcut);
              },
              onClick: () => {
                this.handleSingleShortcutClick(shortcut);
              },
              onMouseleave: () => {
                this.handleShortcutMouseleave();
              }
            }, {
              default: () => key
            });
          })), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__suffix`
          }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes("clear")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleClearClick
          }, {
            default: () => this.locale.clear
          }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes("now")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleNowClick
          }, {
            default: () => this.locale.now
          }) : null)) : null, vue.h(FocusDetector, {
            onFocus: this.handleFocusDetectorFocus
          }));
        }
      });
      const DaterangePanel = vue.defineComponent({
        name: "DateRangePanel",
        props: useDualCalendarProps,
        setup(props) {
          return useDualCalendar(props, "daterange");
        },
        render() {
          var _a, _b, _c;
          const {
            mergedClsPrefix,
            mergedTheme,
            shortcuts,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: 0,
            class: [`${mergedClsPrefix}-date-panel`, `${mergedClsPrefix}-date-panel--daterange`, !this.panel && `${mergedClsPrefix}-date-panel--shadow`, this.themeClass],
            onKeydown: this.handlePanelKeyDown,
            onFocus: this.handlePanelFocus
          }, vue.h("div", {
            ref: "startDatesElRef",
            class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-prev`,
            onClick: this.startCalendarPrevYear
          }, resolveSlot($slots["prev-year"], () => [vue.h(FastBackwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__prev`,
            onClick: this.startCalendarPrevMonth
          }, resolveSlot($slots["prev-month"], () => [vue.h(BackwardIcon, null)])), vue.h(PanelHeader, {
            monthBeforeYear: this.locale.monthBeforeYear,
            value: this.startCalendarDateTime,
            onUpdateValue: this.onUpdateStartCalendarValue,
            mergedClsPrefix,
            calendarMonth: this.startCalendarMonth,
            calendarYear: this.startCalendarYear
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__next`,
            onClick: this.startCalendarNextMonth
          }, resolveSlot($slots["next-month"], () => [vue.h(ForwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-next`,
            onClick: this.startCalendarNextYear
          }, resolveSlot($slots["next-year"], () => [vue.h(FastForwardIcon, null)]))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-weekdays`
          }, this.weekdays.map((weekday) => vue.h("div", {
            key: weekday,
            class: `${mergedClsPrefix}-date-panel-weekdays__day`
          }, weekday))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__divider`
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-dates`
          }, this.startDateArray.map((dateItem2, i) => vue.h("div", {
            "data-n-date": true,
            key: i,
            class: [`${mergedClsPrefix}-date-panel-date`, {
              [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem2.inCurrentMonth,
              [`${mergedClsPrefix}-date-panel-date--current`]: dateItem2.isCurrentDate,
              [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem2.selected,
              [`${mergedClsPrefix}-date-panel-date--covered`]: dateItem2.inSpan,
              [`${mergedClsPrefix}-date-panel-date--start`]: dateItem2.startOfSpan,
              [`${mergedClsPrefix}-date-panel-date--end`]: dateItem2.endOfSpan,
              [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem2.ts)
            }],
            onClick: () => {
              this.handleDateClick(dateItem2);
            },
            onMouseenter: () => {
              this.handleDateMouseEnter(dateItem2);
            }
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__trigger`
          }), dateItem2.dateObject.date, dateItem2.isCurrentDate ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__sup`
          }) : null)))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__vertical-divider`
          }), vue.h("div", {
            ref: "endDatesElRef",
            class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--end`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-prev`,
            onClick: this.endCalendarPrevYear
          }, resolveSlot($slots["prev-year"], () => [vue.h(FastBackwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__prev`,
            onClick: this.endCalendarPrevMonth
          }, resolveSlot($slots["prev-month"], () => [vue.h(BackwardIcon, null)])), vue.h(PanelHeader, {
            monthBeforeYear: this.locale.monthBeforeYear,
            value: this.endCalendarDateTime,
            onUpdateValue: this.onUpdateEndCalendarValue,
            mergedClsPrefix,
            calendarMonth: this.endCalendarMonth,
            calendarYear: this.endCalendarYear
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__next`,
            onClick: this.endCalendarNextMonth
          }, resolveSlot($slots["next-month"], () => [vue.h(ForwardIcon, null)])), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month__fast-next`,
            onClick: this.endCalendarNextYear
          }, resolveSlot($slots["next-year"], () => [vue.h(FastForwardIcon, null)]))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-weekdays`
          }, this.weekdays.map((weekday) => vue.h("div", {
            key: weekday,
            class: `${mergedClsPrefix}-date-panel-weekdays__day`
          }, weekday))), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__divider`
          }), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-dates`
          }, this.endDateArray.map((dateItem2, i) => vue.h("div", {
            "data-n-date": true,
            key: i,
            class: [`${mergedClsPrefix}-date-panel-date`, {
              [`${mergedClsPrefix}-date-panel-date--excluded`]: !dateItem2.inCurrentMonth,
              [`${mergedClsPrefix}-date-panel-date--current`]: dateItem2.isCurrentDate,
              [`${mergedClsPrefix}-date-panel-date--selected`]: dateItem2.selected,
              [`${mergedClsPrefix}-date-panel-date--covered`]: dateItem2.inSpan,
              [`${mergedClsPrefix}-date-panel-date--start`]: dateItem2.startOfSpan,
              [`${mergedClsPrefix}-date-panel-date--end`]: dateItem2.endOfSpan,
              [`${mergedClsPrefix}-date-panel-date--disabled`]: this.mergedIsDateDisabled(dateItem2.ts)
            }],
            onClick: () => {
              this.handleDateClick(dateItem2);
            },
            onMouseenter: () => {
              this.handleDateMouseEnter(dateItem2);
            }
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__trigger`
          }), dateItem2.dateObject.date, dateItem2.isCurrentDate ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-date__sup`
          }) : null)))), this.datePickerSlots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-footer`
          }, this.datePickerSlots.footer()) : null, ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) || shortcuts ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__prefix`
          }, shortcuts && Object.keys(shortcuts).map((key) => {
            const shortcut = shortcuts[key];
            return Array.isArray(shortcut) || typeof shortcut === "function" ? vue.h(XButton, {
              size: "tiny",
              onMouseenter: () => {
                this.handleRangeShortcutMouseenter(shortcut);
              },
              onClick: () => {
                this.handleRangeShortcutClick(shortcut);
              },
              onMouseleave: () => {
                this.handleShortcutMouseleave();
              }
            }, {
              default: () => key
            }) : null;
          })), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__suffix`
          }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes("clear")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleClearClick
          }, {
            default: () => this.locale.clear
          }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes("confirm")) ? vue.h(NButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            type: "primary",
            disabled: this.isRangeInvalid || this.isSelecting,
            onClick: this.handleConfirmClick
          }, {
            default: () => this.locale.confirm
          }) : null)) : null, vue.h(FocusDetector, {
            onFocus: this.handleFocusDetectorFocus
          }));
        }
      });
      const MonthRangePanel = vue.defineComponent({
        name: "MonthRangePanel",
        props: Object.assign(Object.assign({}, useDualCalendarProps), {
          type: {
            type: String,
            required: true
          }
        }),
        setup(props) {
          const useCalendarRef = useDualCalendar(props, props.type);
          const {
            dateLocaleRef
          } = useLocale("DatePicker");
          const renderItem = (item, i, mergedClsPrefix, type) => {
            const {
              handleColItemClick
            } = useCalendarRef;
            const disabled = false;
            return vue.h("div", {
              "data-n-date": true,
              key: i,
              class: [`${mergedClsPrefix}-date-panel-month-calendar__picker-col-item`, item.isCurrent && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--current`, item.selected && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--selected`, disabled],
              onClick: () => {
                handleColItemClick(item, type);
              }
            }, item.type === "month" ? getMonthString(item.dateObject.month, item.monthFormat, dateLocaleRef.value.locale) : item.type === "quarter" ? getQuarterString(item.dateObject.quarter, item.quarterFormat, dateLocaleRef.value.locale) : getYearString(item.dateObject.year, item.yearFormat, dateLocaleRef.value.locale));
          };
          vue.onMounted(() => {
            useCalendarRef.justifyColumnsScrollState();
          });
          return Object.assign(Object.assign({}, useCalendarRef), {
            renderItem
          });
        },
        render() {
          var _a, _b, _c;
          const {
            mergedClsPrefix,
            mergedTheme,
            shortcuts,
            type,
            renderItem,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            ref: "selfRef",
            tabindex: 0,
            class: [`${mergedClsPrefix}-date-panel`, `${mergedClsPrefix}-date-panel--daterange`, !this.panel && `${mergedClsPrefix}-date-panel--shadow`, this.themeClass],
            onKeydown: this.handlePanelKeyDown,
            onFocus: this.handlePanelFocus
          }, vue.h("div", {
            ref: "startDatesElRef",
            class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month-calendar`
          }, vue.h(Scrollbar$2, {
            ref: "startYearScrollbarRef",
            class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`,
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            container: () => this.virtualListContainer("start"),
            content: () => this.virtualListContent("start"),
            horizontalRailStyle: {
              zIndex: 1
            },
            verticalRailStyle: {
              zIndex: 1
            }
          }, {
            default: () => vue.h(VVirtualList, {
              ref: "startYearVlRef",
              items: this.startYearArray,
              itemSize: MONTH_ITEM_HEIGHT,
              showScrollbar: false,
              keyField: "ts",
              onScroll: this.handleStartYearVlScroll,
              paddingBottom: 4
            }, {
              default: ({
                item,
                index
              }) => {
                return renderItem(item, index, mergedClsPrefix, "start");
              }
            })
          }), type === "monthrange" || type === "quarterrange" ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`
          }, vue.h(Scrollbar$2, {
            ref: "startMonthScrollbarRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [(type === "monthrange" ? this.startMonthArray : this.startQuarterArray).map((item, i) => renderItem(item, i, mergedClsPrefix, "start")), type === "monthrange" && vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-month-calendar__padding`
            })]
          })) : null)), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel__vertical-divider`
          }), vue.h("div", {
            ref: "endDatesElRef",
            class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--end`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month-calendar`
          }, vue.h(Scrollbar$2, {
            ref: "endYearScrollbarRef",
            class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`,
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            container: () => this.virtualListContainer("end"),
            content: () => this.virtualListContent("end"),
            horizontalRailStyle: {
              zIndex: 1
            },
            verticalRailStyle: {
              zIndex: 1
            }
          }, {
            default: () => vue.h(VVirtualList, {
              ref: "endYearVlRef",
              items: this.endYearArray,
              itemSize: MONTH_ITEM_HEIGHT,
              showScrollbar: false,
              keyField: "ts",
              onScroll: this.handleEndYearVlScroll,
              paddingBottom: 4
            }, {
              default: ({
                item,
                index
              }) => {
                return renderItem(item, index, mergedClsPrefix, "end");
              }
            })
          }), type === "monthrange" || type === "quarterrange" ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col`
          }, vue.h(Scrollbar$2, {
            ref: "endMonthScrollbarRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => [(type === "monthrange" ? this.endMonthArray : this.endQuarterArray).map((item, i) => renderItem(item, i, mergedClsPrefix, "end")), type === "monthrange" && vue.h("div", {
              class: `${mergedClsPrefix}-date-panel-month-calendar__padding`
            })]
          })) : null)), this.datePickerSlots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-footer`
          }, vue.renderSlot(this.datePickerSlots, "footer")) : null, ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) || shortcuts ? vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__prefix`
          }, shortcuts && Object.keys(shortcuts).map((key) => {
            const shortcut = shortcuts[key];
            return Array.isArray(shortcut) || typeof shortcut === "function" ? vue.h(XButton, {
              size: "tiny",
              onMouseenter: () => {
                this.handleRangeShortcutMouseenter(shortcut);
              },
              onClick: () => {
                this.handleRangeShortcutClick(shortcut);
              },
              onMouseleave: () => {
                this.handleShortcutMouseleave();
              }
            }, {
              default: () => key
            }) : null;
          })), vue.h("div", {
            class: `${mergedClsPrefix}-date-panel-actions__suffix`
          }, ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes("clear")) ? vue.h(XButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            onClick: this.handleClearClick
          }, {
            default: () => this.locale.clear
          }) : null, ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes("confirm")) ? vue.h(XButton, {
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "tiny",
            type: "primary",
            disabled: this.isRangeInvalid,
            onClick: this.handleConfirmClick
          }, {
            default: () => this.locale.confirm
          }) : null)) : null, vue.h(FocusDetector, {
            onFocus: this.handleFocusDetectorFocus
          }));
        }
      });
      const style$V = c$1([cB("date-picker", `
 position: relative;
 z-index: auto;
 `, [cB("date-picker-icon", `
 color: var(--n-icon-color-override);
 transition: color .3s var(--n-bezier);
 `), cB("icon", `
 color: var(--n-icon-color-override);
 transition: color .3s var(--n-bezier);
 `), cM("disabled", [cB("date-picker-icon", `
 color: var(--n-icon-color-disabled-override);
 `), cB("icon", `
 color: var(--n-icon-color-disabled-override);
 `)])]), cB("date-panel", `
 width: fit-content;
 outline: none;
 margin: 4px 0;
 display: grid;
 grid-template-columns: 0fr;
 border-radius: var(--n-panel-border-radius);
 background-color: var(--n-panel-color);
 color: var(--n-panel-text-color);
 user-select: none;
 `, [fadeInScaleUpTransition(), cM("shadow", `
 box-shadow: var(--n-panel-box-shadow);
 `), cB("date-panel-calendar", {
        padding: "var(--n-calendar-left-padding)",
        display: "grid",
        gridTemplateColumns: "1fr",
        gridArea: "left-calendar"
      }, [cM("end", {
        padding: "var(--n-calendar-right-padding)",
        gridArea: "right-calendar"
      })]), cB("date-panel-month-calendar", {
        display: "flex",
        gridArea: "left-calendar"
      }, [cE("picker-col", `
 min-width: var(--n-scroll-item-width);
 height: calc(var(--n-scroll-item-height) * 6);
 user-select: none;
 -webkit-user-select: none;
 `, [c$1("&:first-child", `
 min-width: calc(var(--n-scroll-item-width) + 4px);
 `, [cE("picker-col-item", [c$1("&::before", "left: 4px;")])]), cE("padding", `
 height: calc(var(--n-scroll-item-height) * 5)
 `)]), cE("picker-col-item", `
 z-index: 0;
 cursor: pointer;
 height: var(--n-scroll-item-height);
 box-sizing: border-box;
 padding-top: 4px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 background: #0000;
 color: var(--n-item-text-color);
 `, [c$1("&::before", `
 z-index: -1;
 content: "";
 position: absolute;
 left: 0;
 right: 4px;
 top: 4px;
 bottom: 0;
 border-radius: var(--n-scroll-item-border-radius);
 transition: 
 background-color .3s var(--n-bezier);
 `), cNotM("disabled", [c$1("&:hover::before", `
 background-color: var(--n-item-color-hover);
 `), cM("selected", `
 color: var(--n-item-color-active);
 `, [c$1("&::before", "background-color: var(--n-item-color-hover);")])]), cM("disabled", `
 color: var(--n-item-text-color-disabled);
 cursor: not-allowed;
 `, [cM("selected", [c$1("&::before", `
 background-color: var(--n-item-color-disabled);
 `)])])])]), cM("date", {
        gridTemplateAreas: `
 "left-calendar"
 "footer"
 "action"
 `
      }), cM("week", {
        gridTemplateAreas: `
 "left-calendar"
 "footer"
 "action"
 `
      }), cM("daterange", {
        gridTemplateAreas: `
 "left-calendar divider right-calendar"
 "footer footer footer"
 "action action action"
 `
      }), cM("datetime", {
        gridTemplateAreas: `
 "header"
 "left-calendar"
 "footer"
 "action"
 `
      }), cM("datetimerange", {
        gridTemplateAreas: `
 "header header header"
 "left-calendar divider right-calendar"
 "footer footer footer"
 "action action action"
 `
      }), cM("month", {
        gridTemplateAreas: `
 "left-calendar"
 "footer"
 "action"
 `
      }), cB("date-panel-footer", {
        gridArea: "footer"
      }), cB("date-panel-actions", {
        gridArea: "action"
      }), cB("date-panel-header", {
        gridArea: "header"
      }), cB("date-panel-header", `
 box-sizing: border-box;
 width: 100%;
 align-items: center;
 padding: var(--n-panel-header-padding);
 display: flex;
 justify-content: space-between;
 border-bottom: 1px solid var(--n-panel-header-divider-color);
 `, [c$1(">", [c$1("*:not(:last-child)", {
        marginRight: "10px"
      }), c$1("*", {
        flex: 1,
        width: 0
      }), cB("time-picker", {
        zIndex: 1
      })])]), cB("date-panel-month", `
 box-sizing: border-box;
 display: grid;
 grid-template-columns: var(--n-calendar-title-grid-template-columns);
 align-items: center;
 justify-items: center;
 padding: var(--n-calendar-title-padding);
 height: var(--n-calendar-title-height);
 `, [cE("prev, next, fast-prev, fast-next", `
 line-height: 0;
 cursor: pointer;
 width: var(--n-arrow-size);
 height: var(--n-arrow-size);
 color: var(--n-arrow-color);
 `), cE("month-year", `
 user-select: none;
 -webkit-user-select: none;
 flex-grow: 1;
 position: relative;
 `, [cE("text", `
 font-size: var(--n-calendar-title-font-size);
 line-height: var(--n-calendar-title-font-size);
 font-weight: var(--n-calendar-title-font-weight);
 padding: 6px 8px;
 text-align: center;
 color: var(--n-calendar-title-text-color);
 cursor: pointer;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-panel-border-radius);
 `, [cM("active", `
 background-color: var(--n-calendar-title-color-hover);
 `), c$1("&:hover", `
 background-color: var(--n-calendar-title-color-hover);
 `)])])]), cB("date-panel-weekdays", `
 display: grid;
 margin: auto;
 grid-template-columns: repeat(7, var(--n-item-cell-width));
 grid-template-rows: repeat(1, var(--n-item-cell-height));
 align-items: center;
 justify-items: center;
 margin-bottom: 4px;
 border-bottom: 1px solid var(--n-calendar-days-divider-color);
 `, [cE("day", `
 user-select: none;
 -webkit-user-select: none;
 line-height: 15px;
 width: var(--n-item-size);
 text-align: center;
 font-size: var(--n-calendar-days-font-size);
 color: var(--n-item-text-color);
 `)]), cB("date-panel-dates", `
 margin: auto;
 display: grid;
 grid-template-columns: repeat(7, var(--n-item-cell-width));
 grid-template-rows: repeat(6, var(--n-item-cell-height));
 align-items: center;
 justify-items: center;
 flex-wrap: wrap;
 `, [cB("date-panel-date", `
 user-select: none;
 -webkit-user-select: none;
 position: relative;
 width: var(--n-item-size);
 height: var(--n-item-size);
 line-height: var(--n-item-size);
 text-align: center;
 font-size: var(--n-item-font-size);
 border-radius: var(--n-item-border-radius);
 z-index: 0;
 cursor: pointer;
 transition:
 background-color .2s var(--n-bezier),
 color .2s var(--n-bezier);
 `, [cE("trigger", `
 position: absolute;
 left: calc(var(--n-item-size) / 2 - var(--n-item-cell-width) / 2);
 top: calc(var(--n-item-size) / 2 - var(--n-item-cell-height) / 2);
 width: var(--n-item-cell-width);
 height: var(--n-item-cell-height);
 `), cM("current", [cE("sup", `
 position: absolute;
 top: 2px;
 right: 2px;
 content: "";
 height: 4px;
 width: 4px;
 border-radius: 2px;
 background-color: var(--n-item-color-active);
 transition:
 background-color .2s var(--n-bezier);
 `)]), c$1("&::after", `
 content: "";
 z-index: -1;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 transition: background-color .3s var(--n-bezier);
 `), cM("covered, start, end", [cNotM("excluded", [c$1("&::before", `
 content: "";
 z-index: -2;
 position: absolute;
 left: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 right: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 top: 0;
 bottom: 0;
 background-color: var(--n-item-color-included);
 `), c$1("&:nth-child(7n + 1)::before", {
        borderTopLeftRadius: "var(--n-item-border-radius)",
        borderBottomLeftRadius: "var(--n-item-border-radius)"
      }), c$1("&:nth-child(7n + 7)::before", {
        borderTopRightRadius: "var(--n-item-border-radius)",
        borderBottomRightRadius: "var(--n-item-border-radius)"
      })])]), cM("selected", {
        color: "var(--n-item-text-color-active)"
      }, [c$1("&::after", {
        backgroundColor: "var(--n-item-color-active)"
      }), cM("start", [c$1("&::before", {
        left: "50%"
      })]), cM("end", [c$1("&::before", {
        right: "50%"
      })]), cE("sup", {
        backgroundColor: "var(--n-panel-color)"
      })]), cM("excluded", {
        color: "var(--n-item-text-color-disabled)"
      }, [cM("selected", [c$1("&::after", {
        backgroundColor: "var(--n-item-color-disabled)"
      })])]), cM("disabled", {
        cursor: "not-allowed",
        color: "var(--n-item-text-color-disabled)"
      }, [cM("covered", [c$1("&::before", {
        backgroundColor: "var(--n-item-color-disabled)"
      })]), cM("selected", [c$1("&::before", {
        backgroundColor: "var(--n-item-color-disabled)"
      }), c$1("&::after", {
        backgroundColor: "var(--n-item-color-disabled)"
      })])]), cM("week-hovered", [c$1("&::before", `
 background-color: var(--n-item-color-included);
 `), c$1("&:nth-child(7n + 1)::before", `
 border-top-left-radius: var(--n-item-border-radius);
 border-bottom-left-radius: var(--n-item-border-radius);
 `), c$1("&:nth-child(7n + 7)::before", `
 border-top-right-radius: var(--n-item-border-radius);
 border-bottom-right-radius: var(--n-item-border-radius);
 `)]), cM("week-selected", `
 color: var(--n-item-text-color-active)
 `, [c$1("&::before", `
 background-color: var(--n-item-color-active);
 `), c$1("&:nth-child(7n + 1)::before", `
 border-top-left-radius: var(--n-item-border-radius);
 border-bottom-left-radius: var(--n-item-border-radius);
 `), c$1("&:nth-child(7n + 7)::before", `
 border-top-right-radius: var(--n-item-border-radius);
 border-bottom-right-radius: var(--n-item-border-radius);
 `)])])]), cNotM("week", [cB("date-panel-dates", [cB("date-panel-date", [cNotM("disabled", [cNotM("selected", [c$1("&:hover", `
 background-color: var(--n-item-color-hover);
 `)])])])])]), cM("week", [cB("date-panel-dates", [cB("date-panel-date", [c$1("&::before", `
 content: "";
 z-index: -2;
 position: absolute;
 left: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 right: calc((var(--n-item-size) - var(--n-item-cell-width)) / 2);
 top: 0;
 bottom: 0;
 transition: background-color .3s var(--n-bezier);
 `)])])]), cE("vertical-divider", `
 grid-area: divider;
 height: 100%;
 width: 1px;
 background-color: var(--n-calendar-divider-color);
 `), cB("date-panel-footer", `
 border-top: 1px solid var(--n-panel-action-divider-color);
 padding: var(--n-panel-extra-footer-padding);
 `), cB("date-panel-actions", `
 flex: 1;
 padding: var(--n-panel-action-padding);
 display: flex;
 align-items: center;
 justify-content: space-between;
 border-top: 1px solid var(--n-panel-action-divider-color);
 `, [cE("prefix, suffix", `
 display: flex;
 margin-bottom: -8px;
 `), cE("suffix", `
 align-self: flex-end;
 `), cE("prefix", `
 flex-wrap: wrap;
 `), cB("button", `
 margin-bottom: 8px;
 `, [c$1("&:not(:last-child)", `
 margin-right: 8px;
 `)])])]), c$1("[data-n-date].transition-disabled", {
        transition: "none !important"
      }, [c$1("&::before, &::after", {
        transition: "none !important"
      })])]);
      const datePickerProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        bordered: {
          type: Boolean,
          default: void 0
        },
        clearable: Boolean,
        updateValueOnClose: Boolean,
        defaultValue: [Number, Array],
        defaultFormattedValue: [String, Array],
        defaultTime: [Number, String, Array],
        disabled: {
          type: Boolean,
          default: void 0
        },
        placement: {
          type: String,
          default: "bottom-start"
        },
        value: [Number, Array],
        formattedValue: [String, Array],
        size: String,
        type: {
          type: String,
          default: "date"
        },
        valueFormat: String,
        separator: String,
        placeholder: String,
        startPlaceholder: String,
        endPlaceholder: String,
        format: String,
        dateFormat: String,
        timerPickerFormat: String,
        actions: Array,
        shortcuts: Object,
        isDateDisabled: Function,
        isTimeDisabled: Function,
        show: {
          type: Boolean,
          default: void 0
        },
        panel: Boolean,
        ranges: Object,
        firstDayOfWeek: Number,
        inputReadonly: Boolean,
        closeOnSelect: Boolean,
        status: String,
        timePickerProps: [Object, Array],
        onClear: Function,
        onConfirm: Function,
        defaultCalendarStartTime: Number,
        defaultCalendarEndTime: Number,
        bindCalendarMonths: Boolean,
        monthFormat: {
          type: String,
          default: "M"
        },
        yearFormat: {
          type: String,
          default: "y"
        },
        quarterFormat: {
          type: String,
          default: "'Q'Q"
        },
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        "onUpdate:formattedValue": [Function, Array],
        onUpdateFormattedValue: [Function, Array],
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onFocus: [Function, Array],
        onBlur: [Function, Array],
        onNextMonth: Function,
        onPrevMonth: Function,
        onNextYear: Function,
        onPrevYear: Function,
        // deprecated
        onChange: [Function, Array]
      });
      const DatePicker = vue.defineComponent({
        name: "DatePicker",
        props: datePickerProps,
        setup(props, {
          slots
        }) {
          var _a;
          const {
            localeRef,
            dateLocaleRef
          } = useLocale("DatePicker");
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          const {
            mergedComponentPropsRef,
            mergedClsPrefixRef,
            mergedBorderedRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const panelInstRef = vue.ref(null);
          const triggerElRef = vue.ref(null);
          const inputInstRef = vue.ref(null);
          const uncontrolledShowRef = vue.ref(false);
          const controlledShowRef = vue.toRef(props, "show");
          const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
          const dateFnsOptionsRef = vue.computed(() => {
            return {
              locale: dateLocaleRef.value.locale
            };
          });
          const mergedFormatRef = vue.computed(() => {
            const {
              format: format2
            } = props;
            if (format2)
              return format2;
            switch (props.type) {
              case "date":
              case "daterange":
                return localeRef.value.dateFormat;
              case "datetime":
              case "datetimerange":
                return localeRef.value.dateTimeFormat;
              case "year":
              case "yearrange":
                return localeRef.value.yearTypeFormat;
              case "month":
              case "monthrange":
                return localeRef.value.monthTypeFormat;
              case "quarter":
              case "quarterrange":
                return localeRef.value.quarterFormat;
              case "week":
                return localeRef.value.weekFormat;
            }
          });
          const mergedValueFormatRef = vue.computed(() => {
            var _a2;
            return (_a2 = props.valueFormat) !== null && _a2 !== void 0 ? _a2 : mergedFormatRef.value;
          });
          function getTimestampValue(value) {
            if (value === null)
              return null;
            const {
              value: mergedValueFormat
            } = mergedValueFormatRef;
            const {
              value: dateFnsOptions
            } = dateFnsOptionsRef;
            if (Array.isArray(value)) {
              return [strictParse(value[0], mergedValueFormat, /* @__PURE__ */ new Date(), dateFnsOptions).getTime(), strictParse(value[1], mergedValueFormat, /* @__PURE__ */ new Date(), dateFnsOptions).getTime()];
            }
            return strictParse(value, mergedValueFormat, /* @__PURE__ */ new Date(), dateFnsOptions).getTime();
          }
          const {
            defaultFormattedValue,
            defaultValue
          } = props;
          const uncontrolledValueRef = vue.ref((_a = defaultFormattedValue !== void 0 ? getTimestampValue(defaultFormattedValue) : defaultValue) !== null && _a !== void 0 ? _a : null);
          const controlledValueRef = vue.computed(() => {
            const {
              formattedValue
            } = props;
            if (formattedValue !== void 0) {
              return getTimestampValue(formattedValue);
            }
            return props.value;
          });
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const pendingValueRef = vue.ref(null);
          vue.watchEffect(() => {
            pendingValueRef.value = mergedValueRef.value;
          });
          const singleInputValueRef = vue.ref("");
          const rangeStartInputValueRef = vue.ref("");
          const rangeEndInputValueRef = vue.ref("");
          const themeRef = useTheme("DatePicker", "-date-picker", style$V, datePickerLight, props, mergedClsPrefixRef);
          const timePickerSizeRef = vue.computed(() => {
            var _a2, _b;
            return ((_b = (_a2 = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a2 === void 0 ? void 0 : _a2.DatePicker) === null || _b === void 0 ? void 0 : _b.timePickerSize) || "small";
          });
          const isRangeRef = vue.computed(() => {
            return ["daterange", "datetimerange", "monthrange", "quarterrange", "yearrange"].includes(props.type);
          });
          const localizedPlacehoderRef = vue.computed(() => {
            const {
              placeholder
            } = props;
            if (placeholder === void 0) {
              const {
                type
              } = props;
              switch (type) {
                case "date":
                  return localeRef.value.datePlaceholder;
                case "datetime":
                  return localeRef.value.datetimePlaceholder;
                case "month":
                  return localeRef.value.monthPlaceholder;
                case "year":
                  return localeRef.value.yearPlaceholder;
                case "quarter":
                  return localeRef.value.quarterPlaceholder;
                case "week":
                  return localeRef.value.weekPlaceholder;
                default:
                  return "";
              }
            } else {
              return placeholder;
            }
          });
          const localizedStartPlaceholderRef = vue.computed(() => {
            if (props.startPlaceholder === void 0) {
              if (props.type === "daterange") {
                return localeRef.value.startDatePlaceholder;
              } else if (props.type === "datetimerange") {
                return localeRef.value.startDatetimePlaceholder;
              } else if (props.type === "monthrange") {
                return localeRef.value.startMonthPlaceholder;
              }
              return "";
            } else {
              return props.startPlaceholder;
            }
          });
          const localizedEndPlaceholderRef = vue.computed(() => {
            if (props.endPlaceholder === void 0) {
              if (props.type === "daterange") {
                return localeRef.value.endDatePlaceholder;
              } else if (props.type === "datetimerange") {
                return localeRef.value.endDatetimePlaceholder;
              } else if (props.type === "monthrange") {
                return localeRef.value.endMonthPlaceholder;
              }
              return "";
            } else {
              return props.endPlaceholder;
            }
          });
          const mergedActionsRef = vue.computed(() => {
            const {
              actions,
              type,
              clearable
            } = props;
            if (actions === null)
              return [];
            if (actions !== void 0)
              return actions;
            const result = clearable ? ["clear"] : [];
            switch (type) {
              case "date":
              case "week": {
                result.push("now");
                return result;
              }
              case "datetime": {
                result.push("now", "confirm");
                return result;
              }
              case "daterange": {
                result.push("confirm");
                return result;
              }
              case "datetimerange": {
                result.push("confirm");
                return result;
              }
              case "month": {
                result.push("now", "confirm");
                return result;
              }
              case "year": {
                result.push("now");
                return result;
              }
              case "quarter": {
                result.push("now", "confirm");
                return result;
              }
              case "monthrange":
              case "yearrange":
              case "quarterrange": {
                result.push("confirm");
                return result;
              }
              default: {
                warn$2("date-picker", "The type is wrong, n-date-picker's type only supports `date`, `datetime`, `daterange` and `datetimerange`.");
                break;
              }
            }
          });
          function getFormattedValue(value) {
            if (value === null)
              return null;
            if (Array.isArray(value)) {
              const {
                value: mergedValueFormat
              } = mergedValueFormatRef;
              const {
                value: dateFnsOptions
              } = dateFnsOptionsRef;
              return [format$4(value[0], mergedValueFormat, dateFnsOptions), format$4(value[1], mergedValueFormat, dateFnsOptionsRef.value)];
            } else {
              return format$4(value, mergedValueFormatRef.value, dateFnsOptionsRef.value);
            }
          }
          function doUpdatePendingValue(value) {
            pendingValueRef.value = value;
          }
          function doUpdateFormattedValue(value, timestampValue) {
            const {
              "onUpdate:formattedValue": _onUpdateFormattedValue,
              onUpdateFormattedValue
            } = props;
            if (_onUpdateFormattedValue) {
              call(_onUpdateFormattedValue, value, timestampValue);
            }
            if (onUpdateFormattedValue) {
              call(onUpdateFormattedValue, value, timestampValue);
            }
          }
          function doUpdateValue(value, options) {
            const {
              "onUpdate:value": _onUpdateValue,
              onUpdateValue,
              onChange
            } = props;
            const {
              nTriggerFormChange,
              nTriggerFormInput
            } = formItem;
            const formattedValue = getFormattedValue(value);
            if (options.doConfirm) {
              doConfirm(value, formattedValue);
            }
            if (onUpdateValue) {
              call(onUpdateValue, value, formattedValue);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value, formattedValue);
            }
            if (onChange)
              call(onChange, value, formattedValue);
            uncontrolledValueRef.value = value;
            doUpdateFormattedValue(formattedValue, value);
            nTriggerFormChange();
            nTriggerFormInput();
          }
          function doClear() {
            const {
              onClear
            } = props;
            onClear === null || onClear === void 0 ? void 0 : onClear();
          }
          function doConfirm(value, formattedValue) {
            const {
              onConfirm
            } = props;
            if (onConfirm)
              onConfirm(value, formattedValue);
          }
          function doFocus(e) {
            const {
              onFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
          }
          function doBlur(e) {
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
          }
          function doUpdateShow(show) {
            const {
              "onUpdate:show": _onUpdateShow,
              onUpdateShow
            } = props;
            if (_onUpdateShow)
              call(_onUpdateShow, show);
            if (onUpdateShow)
              call(onUpdateShow, show);
            uncontrolledShowRef.value = show;
          }
          function handleKeydown(e) {
            if (e.key === "Escape") {
              if (mergedShowRef.value) {
                markEventEffectPerformed(e);
                closeCalendar({
                  returnFocus: true
                });
              }
            }
          }
          function handleInputKeydown(e) {
            if (e.key === "Escape" && mergedShowRef.value) {
              markEventEffectPerformed(e);
            }
          }
          function handleClear() {
            var _a2;
            doUpdateShow(false);
            (_a2 = inputInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.deactivate();
            doClear();
          }
          function handlePanelClear() {
            var _a2;
            (_a2 = inputInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.deactivate();
            doClear();
          }
          function handlePanelTabOut() {
            closeCalendar({
              returnFocus: true
            });
          }
          function handleClickOutside(e) {
            var _a2;
            if (mergedShowRef.value && !((_a2 = triggerElRef.value) === null || _a2 === void 0 ? void 0 : _a2.contains(getPreciseEventTarget(e)))) {
              closeCalendar({
                returnFocus: false
              });
            }
          }
          function handlePanelClose(disableUpdateOnClose) {
            closeCalendar({
              returnFocus: true,
              disableUpdateOnClose
            });
          }
          function handlePanelUpdateValue(value, doUpdate) {
            if (doUpdate) {
              doUpdateValue(value, {
                doConfirm: false
              });
            } else {
              doUpdatePendingValue(value);
            }
          }
          function handlePanelConfirm() {
            const pendingValue = pendingValueRef.value;
            doUpdateValue(Array.isArray(pendingValue) ? [pendingValue[0], pendingValue[1]] : pendingValue, {
              doConfirm: true
            });
          }
          function deriveInputState() {
            const {
              value
            } = pendingValueRef;
            if (isRangeRef.value) {
              if (Array.isArray(value) || value === null) {
                deriveRangeInputState(value);
              }
            } else {
              if (!Array.isArray(value)) {
                deriveSingleInputState(value);
              }
            }
          }
          function deriveSingleInputState(value) {
            if (value === null) {
              singleInputValueRef.value = "";
            } else {
              singleInputValueRef.value = format$4(value, mergedFormatRef.value, dateFnsOptionsRef.value);
            }
          }
          function deriveRangeInputState(values) {
            if (values === null) {
              rangeStartInputValueRef.value = "";
              rangeEndInputValueRef.value = "";
            } else {
              const dateFnsOptions = dateFnsOptionsRef.value;
              rangeStartInputValueRef.value = format$4(values[0], mergedFormatRef.value, dateFnsOptions);
              rangeEndInputValueRef.value = format$4(values[1], mergedFormatRef.value, dateFnsOptions);
            }
          }
          function handleInputActivate() {
            if (!mergedShowRef.value) {
              openCalendar();
            }
          }
          function handleInputBlur(e) {
            var _a2;
            if (!((_a2 = panelInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.$el.contains(e.relatedTarget))) {
              doBlur(e);
              deriveInputState();
              closeCalendar({
                returnFocus: false
              });
            }
          }
          function handleInputDeactivate() {
            if (mergedDisabledRef.value)
              return;
            deriveInputState();
            closeCalendar({
              returnFocus: false
            });
          }
          function handleSingleUpdateValue(v) {
            if (v === "") {
              doUpdateValue(null, {
                doConfirm: false
              });
              pendingValueRef.value = null;
              singleInputValueRef.value = "";
              return;
            }
            const newSelectedDateTime = strictParse(v, mergedFormatRef.value, /* @__PURE__ */ new Date(), dateFnsOptionsRef.value);
            if (isValid$1(newSelectedDateTime)) {
              doUpdateValue(getTime(newSelectedDateTime), {
                doConfirm: false
              });
              deriveInputState();
            } else {
              singleInputValueRef.value = v;
            }
          }
          function handleRangeUpdateValue(v, {
            source
          }) {
            if (v[0] === "" && v[1] === "") {
              doUpdateValue(null, {
                doConfirm: false
              });
              pendingValueRef.value = null;
              rangeStartInputValueRef.value = "";
              rangeEndInputValueRef.value = "";
              return;
            }
            const [startTime, endTime] = v;
            const newStartTime = strictParse(startTime, mergedFormatRef.value, /* @__PURE__ */ new Date(), dateFnsOptionsRef.value);
            const newEndTime = strictParse(endTime, mergedFormatRef.value, /* @__PURE__ */ new Date(), dateFnsOptionsRef.value);
            if (isValid$1(newStartTime) && isValid$1(newEndTime)) {
              let newStartTs = getTime(newStartTime);
              let newEndTs = getTime(newEndTime);
              if (newEndTime < newStartTime) {
                if (source === 0) {
                  newEndTs = newStartTs;
                } else {
                  newStartTs = newEndTs;
                }
              }
              doUpdateValue([newStartTs, newEndTs], {
                doConfirm: false
              });
              deriveInputState();
            } else {
              [rangeStartInputValueRef.value, rangeEndInputValueRef.value] = v;
            }
          }
          function handleTriggerClick(e) {
            if (mergedDisabledRef.value)
              return;
            if (happensIn(e, "clear"))
              return;
            if (!mergedShowRef.value) {
              openCalendar();
            }
          }
          function handleInputFocus(e) {
            if (mergedDisabledRef.value)
              return;
            doFocus(e);
          }
          function openCalendar() {
            if (mergedDisabledRef.value || mergedShowRef.value)
              return;
            doUpdateShow(true);
          }
          function closeCalendar({
            returnFocus,
            disableUpdateOnClose
          }) {
            var _a2;
            if (mergedShowRef.value) {
              doUpdateShow(false);
              if (props.type !== "date" && props.updateValueOnClose && !disableUpdateOnClose) {
                handlePanelConfirm();
              }
              if (returnFocus) {
                (_a2 = inputInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.focus();
              }
            }
          }
          vue.watch(pendingValueRef, () => {
            deriveInputState();
          });
          deriveInputState();
          vue.watch(mergedShowRef, (value) => {
            if (!value) {
              pendingValueRef.value = mergedValueRef.value;
            }
          });
          const uniVaidation = uniCalendarValidation(props, pendingValueRef);
          const dualValidation = dualCalendarValidation(props, pendingValueRef);
          vue.provide(datePickerInjectionKey, Object.assign(Object.assign(Object.assign({
            mergedClsPrefixRef,
            mergedThemeRef: themeRef,
            timePickerSizeRef,
            localeRef,
            dateLocaleRef,
            firstDayOfWeekRef: vue.toRef(props, "firstDayOfWeek"),
            isDateDisabledRef: vue.toRef(props, "isDateDisabled"),
            rangesRef: vue.toRef(props, "ranges"),
            timePickerPropsRef: vue.toRef(props, "timePickerProps"),
            closeOnSelectRef: vue.toRef(props, "closeOnSelect"),
            updateValueOnCloseRef: vue.toRef(props, "updateValueOnClose"),
            monthFormatRef: vue.toRef(props, "monthFormat"),
            yearFormatRef: vue.toRef(props, "yearFormat"),
            quarterFormatRef: vue.toRef(props, "quarterFormat")
          }, uniVaidation), dualValidation), {
            datePickerSlots: slots
          }));
          const exposedMethods = {
            focus: () => {
              var _a2;
              (_a2 = inputInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.focus();
            },
            blur: () => {
              var _a2;
              (_a2 = inputInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.blur();
            }
          };
          const triggerCssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                iconColor,
                iconColorDisabled
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-icon-color-override": iconColor,
              "--n-icon-color-disabled-override": iconColorDisabled
            };
          });
          const triggerThemeClassHandle = inlineThemeDisabled ? useThemeClass("date-picker-trigger", void 0, triggerCssVarsRef, props) : void 0;
          const cssVarsRef = vue.computed(() => {
            const {
              type
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                calendarTitleFontSize,
                calendarDaysFontSize,
                itemFontSize,
                itemTextColor,
                itemColorDisabled,
                itemColorIncluded,
                itemColorHover,
                itemColorActive,
                itemBorderRadius,
                itemTextColorDisabled,
                itemTextColorActive,
                panelColor,
                panelTextColor,
                arrowColor,
                calendarTitleTextColor,
                panelActionDividerColor,
                panelHeaderDividerColor,
                calendarDaysDividerColor,
                panelBoxShadow,
                panelBorderRadius,
                calendarTitleFontWeight,
                panelExtraFooterPadding,
                panelActionPadding,
                itemSize,
                itemCellWidth,
                itemCellHeight,
                scrollItemWidth,
                scrollItemHeight,
                calendarTitlePadding,
                calendarTitleHeight,
                calendarDaysHeight,
                calendarDaysTextColor,
                arrowSize: arrowSize2,
                panelHeaderPadding,
                calendarDividerColor,
                calendarTitleGridTempateColumns,
                iconColor,
                iconColorDisabled,
                scrollItemBorderRadius,
                calendarTitleColorHover,
                [createKey("calendarLeftPadding", type)]: calendarLeftPadding,
                [createKey("calendarRightPadding", type)]: calendarRightPadding
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-panel-border-radius": panelBorderRadius,
              "--n-panel-color": panelColor,
              "--n-panel-box-shadow": panelBoxShadow,
              "--n-panel-text-color": panelTextColor,
              // panel header
              "--n-panel-header-padding": panelHeaderPadding,
              "--n-panel-header-divider-color": panelHeaderDividerColor,
              // panel calendar
              "--n-calendar-left-padding": calendarLeftPadding,
              "--n-calendar-right-padding": calendarRightPadding,
              "--n-calendar-title-color-hover": calendarTitleColorHover,
              "--n-calendar-title-height": calendarTitleHeight,
              "--n-calendar-title-padding": calendarTitlePadding,
              "--n-calendar-title-font-size": calendarTitleFontSize,
              "--n-calendar-title-font-weight": calendarTitleFontWeight,
              "--n-calendar-title-text-color": calendarTitleTextColor,
              "--n-calendar-title-grid-template-columns": calendarTitleGridTempateColumns,
              "--n-calendar-days-height": calendarDaysHeight,
              "--n-calendar-days-divider-color": calendarDaysDividerColor,
              "--n-calendar-days-font-size": calendarDaysFontSize,
              "--n-calendar-days-text-color": calendarDaysTextColor,
              "--n-calendar-divider-color": calendarDividerColor,
              // panel action
              "--n-panel-action-padding": panelActionPadding,
              "--n-panel-extra-footer-padding": panelExtraFooterPadding,
              "--n-panel-action-divider-color": panelActionDividerColor,
              // panel item
              "--n-item-font-size": itemFontSize,
              "--n-item-border-radius": itemBorderRadius,
              "--n-item-size": itemSize,
              "--n-item-cell-width": itemCellWidth,
              "--n-item-cell-height": itemCellHeight,
              "--n-item-text-color": itemTextColor,
              "--n-item-color-included": itemColorIncluded,
              "--n-item-color-disabled": itemColorDisabled,
              "--n-item-color-hover": itemColorHover,
              "--n-item-color-active": itemColorActive,
              "--n-item-text-color-disabled": itemTextColorDisabled,
              "--n-item-text-color-active": itemTextColorActive,
              // scroll item
              "--n-scroll-item-width": scrollItemWidth,
              "--n-scroll-item-height": scrollItemHeight,
              "--n-scroll-item-border-radius": scrollItemBorderRadius,
              // panel arrow
              "--n-arrow-size": arrowSize2,
              "--n-arrow-color": arrowColor,
              // icon in trigger
              "--n-icon-color": iconColor,
              "--n-icon-color-disabled": iconColorDisabled
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("date-picker", vue.computed(() => {
            return props.type;
          }), cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exposedMethods), {
            mergedStatus: mergedStatusRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            namespace: namespaceRef,
            uncontrolledValue: uncontrolledValueRef,
            pendingValue: pendingValueRef,
            panelInstRef,
            triggerElRef,
            inputInstRef,
            isMounted: isMounted(),
            displayTime: singleInputValueRef,
            displayStartTime: rangeStartInputValueRef,
            displayEndTime: rangeEndInputValueRef,
            mergedShow: mergedShowRef,
            adjustedTo: useAdjustedTo(props),
            isRange: isRangeRef,
            localizedStartPlaceholder: localizedStartPlaceholderRef,
            localizedEndPlaceholder: localizedEndPlaceholderRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            localizedPlacehoder: localizedPlacehoderRef,
            isValueInvalid: uniVaidation.isValueInvalidRef,
            isStartValueInvalid: dualValidation.isStartValueInvalidRef,
            isEndValueInvalid: dualValidation.isEndValueInvalidRef,
            handleInputKeydown,
            handleClickOutside,
            handleKeydown,
            handleClear,
            handlePanelClear,
            handleTriggerClick,
            handleInputActivate,
            handleInputDeactivate,
            handleInputFocus,
            handleInputBlur,
            handlePanelTabOut,
            handlePanelClose,
            handleRangeUpdateValue,
            handleSingleUpdateValue,
            handlePanelUpdateValue,
            handlePanelConfirm,
            mergedTheme: themeRef,
            actions: mergedActionsRef,
            triggerCssVars: inlineThemeDisabled ? void 0 : triggerCssVarsRef,
            triggerThemeClass: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.themeClass,
            triggerOnRender: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.onRender,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            onNextMonth: props.onNextMonth,
            onPrevMonth: props.onPrevMonth,
            onNextYear: props.onNextYear,
            onPrevYear: props.onPrevYear
          });
        },
        render() {
          const {
            clearable,
            triggerOnRender,
            mergedClsPrefix,
            $slots
          } = this;
          const commonPanelProps = {
            onUpdateValue: this.handlePanelUpdateValue,
            onTabOut: this.handlePanelTabOut,
            onClose: this.handlePanelClose,
            onClear: this.handlePanelClear,
            onKeydown: this.handleKeydown,
            onConfirm: this.handlePanelConfirm,
            ref: "panelInstRef",
            value: this.pendingValue,
            active: this.mergedShow,
            actions: this.actions,
            shortcuts: this.shortcuts,
            style: this.cssVars,
            defaultTime: this.defaultTime,
            themeClass: this.themeClass,
            panel: this.panel,
            onRender: this.onRender,
            onNextMonth: this.onNextMonth,
            onPrevMonth: this.onPrevMonth,
            onNextYear: this.onNextYear,
            onPrevYear: this.onPrevYear,
            timerPickerFormat: this.timerPickerFormat
          };
          const renderPanel = () => {
            const {
              type
            } = this;
            return type === "datetime" ? vue.h(DatetimePanel, Object.assign({}, commonPanelProps, {
              defaultCalendarStartTime: this.defaultCalendarStartTime
            }), $slots) : type === "daterange" ? vue.h(DaterangePanel, Object.assign({}, commonPanelProps, {
              defaultCalendarStartTime: this.defaultCalendarStartTime,
              defaultCalendarEndTime: this.defaultCalendarEndTime,
              bindCalendarMonths: this.bindCalendarMonths
            }), $slots) : type === "datetimerange" ? vue.h(DatetimerangePanel, Object.assign({}, commonPanelProps, {
              defaultCalendarStartTime: this.defaultCalendarStartTime,
              defaultCalendarEndTime: this.defaultCalendarEndTime,
              bindCalendarMonths: this.bindCalendarMonths
            }), $slots) : type === "month" || type === "year" || type === "quarter" ? vue.h(MonthPanel, Object.assign({}, commonPanelProps, {
              type,
              key: type
            })) : type === "monthrange" || type === "yearrange" || type === "quarterrange" ? vue.h(MonthRangePanel, Object.assign({}, commonPanelProps, {
              type
            })) : vue.h(DatePanel, Object.assign({}, commonPanelProps, {
              type,
              defaultCalendarStartTime: this.defaultCalendarStartTime
            }), $slots);
          };
          if (this.panel) {
            return renderPanel();
          }
          triggerOnRender === null || triggerOnRender === void 0 ? void 0 : triggerOnRender();
          const commonInputProps = {
            bordered: this.mergedBordered,
            size: this.mergedSize,
            passivelyActivated: true,
            disabled: this.mergedDisabled,
            readonly: this.inputReadonly || this.mergedDisabled,
            clearable,
            onClear: this.handleClear,
            onClick: this.handleTriggerClick,
            onKeydown: this.handleInputKeydown,
            onActivate: this.handleInputActivate,
            onDeactivate: this.handleInputDeactivate,
            onFocus: this.handleInputFocus,
            onBlur: this.handleInputBlur
          };
          return vue.h("div", {
            ref: "triggerElRef",
            class: [`${mergedClsPrefix}-date-picker`, this.mergedDisabled && `${mergedClsPrefix}-date-picker--disabled`, this.isRange && `${mergedClsPrefix}-date-picker--range`, this.triggerThemeClass],
            style: this.triggerCssVars,
            onKeydown: this.handleKeydown
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => this.isRange ? vue.h(NInput, Object.assign({
                ref: "inputInstRef",
                status: this.mergedStatus,
                value: [this.displayStartTime, this.displayEndTime],
                placeholder: [this.localizedStartPlaceholder, this.localizedEndPlaceholder],
                textDecoration: [this.isStartValueInvalid ? "line-through" : "", this.isEndValueInvalid ? "line-through" : ""],
                pair: true,
                onUpdateValue: this.handleRangeUpdateValue,
                theme: this.mergedTheme.peers.Input,
                themeOverrides: this.mergedTheme.peerOverrides.Input,
                internalForceFocus: this.mergedShow,
                internalDeactivateOnEnter: true
              }, commonInputProps), {
                separator: () => this.separator === void 0 ? resolveSlot($slots.separator, () => [vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix,
                  class: `${mergedClsPrefix}-date-picker-icon`
                }, {
                  default: () => vue.h(ToIcon, null)
                })]) : this.separator,
                [clearable ? "clear-icon-placeholder" : "suffix"]: () => resolveSlot($slots["date-icon"], () => [vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix,
                  class: `${mergedClsPrefix}-date-picker-icon`
                }, {
                  default: () => vue.h(DateIcon, null)
                })])
              }) : vue.h(NInput, Object.assign({
                ref: "inputInstRef",
                status: this.mergedStatus,
                value: this.displayTime,
                placeholder: this.localizedPlacehoder,
                textDecoration: this.isValueInvalid && !this.isRange ? "line-through" : "",
                onUpdateValue: this.handleSingleUpdateValue,
                theme: this.mergedTheme.peers.Input,
                themeOverrides: this.mergedTheme.peerOverrides.Input,
                internalForceFocus: this.mergedShow,
                internalDeactivateOnEnter: true
              }, commonInputProps), {
                [clearable ? "clear-icon-placeholder" : "suffix"]: () => vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix,
                  class: `${mergedClsPrefix}-date-picker-icon`
                }, {
                  default: () => resolveSlot($slots["date-icon"], () => [vue.h(DateIcon, null)])
                })
              })
            }), vue.h(VFollower, {
              show: this.mergedShow,
              containerClass: this.namespace,
              to: this.adjustedTo,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              placement: this.placement
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted
              }, {
                default: () => {
                  if (!this.mergedShow)
                    return null;
                  return vue.withDirectives(renderPanel(), [[clickoutside, this.handleClickOutside, void 0, {
                    capture: true
                  }]]);
                }
              })
            })]
          }));
        }
      });
      const commonVariables$7 = {
        thPaddingBorderedSmall: "8px 12px",
        thPaddingBorderedMedium: "12px 16px",
        thPaddingBorderedLarge: "16px 24px",
        thPaddingSmall: "0",
        thPaddingMedium: "0",
        thPaddingLarge: "0",
        tdPaddingBorderedSmall: "8px 12px",
        tdPaddingBorderedMedium: "12px 16px",
        tdPaddingBorderedLarge: "16px 24px",
        tdPaddingSmall: "0 0 8px 0",
        tdPaddingMedium: "0 0 12px 0",
        tdPaddingLarge: "0 0 16px 0"
      };
      const self$K = (vars) => {
        const {
          tableHeaderColor,
          textColor2,
          textColor1,
          cardColor,
          modalColor,
          popoverColor,
          dividerColor,
          borderRadius,
          fontWeightStrong,
          lineHeight: lineHeight2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$7), {
          lineHeight: lineHeight2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          titleTextColor: textColor1,
          thColor: composite(cardColor, tableHeaderColor),
          thColorModal: composite(modalColor, tableHeaderColor),
          thColorPopover: composite(popoverColor, tableHeaderColor),
          thTextColor: textColor1,
          thFontWeight: fontWeightStrong,
          tdTextColor: textColor2,
          tdColor: cardColor,
          tdColorModal: modalColor,
          tdColorPopover: popoverColor,
          borderColor: composite(cardColor, dividerColor),
          borderColorModal: composite(modalColor, dividerColor),
          borderColorPopover: composite(popoverColor, dividerColor),
          borderRadius
        });
      };
      const descriptionsLight = {
        name: "Descriptions",
        common: derived,
        self: self$K
      };
      const DESCRIPTION_ITEM_FLAG = "DESCRIPTION_ITEM_FLAG";
      function isDescriptionsItem(vNode) {
        if (typeof vNode === "object" && vNode && !Array.isArray(vNode)) {
          return vNode.type && vNode.type[DESCRIPTION_ITEM_FLAG];
        }
        return false;
      }
      const style$U = c$1([cB("descriptions", {
        fontSize: "var(--n-font-size)"
      }, [cB("descriptions-separator", `
 display: inline-block;
 margin: 0 8px 0 2px;
 `), cB("descriptions-table-wrapper", [cB("descriptions-table", [cB("descriptions-table-row", [cB("descriptions-table-header", {
        padding: "var(--n-th-padding)"
      }), cB("descriptions-table-content", {
        padding: "var(--n-td-padding)"
      })])])]), cNotM("bordered", [cB("descriptions-table-wrapper", [cB("descriptions-table", [cB("descriptions-table-row", [c$1("&:last-child", [cB("descriptions-table-content", {
        paddingBottom: 0
      })])])])])]), cM("left-label-placement", [cB("descriptions-table-content", [c$1("> *", {
        verticalAlign: "top"
      })])]), cM("left-label-align", [c$1("th", {
        textAlign: "left"
      })]), cM("center-label-align", [c$1("th", {
        textAlign: "center"
      })]), cM("right-label-align", [c$1("th", {
        textAlign: "right"
      })]), cM("bordered", [cB("descriptions-table-wrapper", `
 border-radius: var(--n-border-radius);
 overflow: hidden;
 background: var(--n-merged-td-color);
 border: 1px solid var(--n-merged-border-color);
 `, [cB("descriptions-table", [cB("descriptions-table-row", [c$1("&:not(:last-child)", [cB("descriptions-table-content", {
        borderBottom: "1px solid var(--n-merged-border-color)"
      }), cB("descriptions-table-header", {
        borderBottom: "1px solid var(--n-merged-border-color)"
      })]), cB("descriptions-table-header", `
 font-weight: 400;
 background-clip: padding-box;
 background-color: var(--n-merged-th-color);
 `, [c$1("&:not(:last-child)", {
        borderRight: "1px solid var(--n-merged-border-color)"
      })]), cB("descriptions-table-content", [c$1("&:not(:last-child)", {
        borderRight: "1px solid var(--n-merged-border-color)"
      })])])])])]), cB("descriptions-header", `
 font-weight: var(--n-th-font-weight);
 font-size: 18px;
 transition: color .3s var(--n-bezier);
 line-height: var(--n-line-height);
 margin-bottom: 16px;
 color: var(--n-title-text-color);
 `), cB("descriptions-table-wrapper", `
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [cB("descriptions-table", `
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 box-sizing: border-box;
 `, [cB("descriptions-table-row", `
 box-sizing: border-box;
 transition: border-color .3s var(--n-bezier);
 `, [cB("descriptions-table-header", `
 font-weight: var(--n-th-font-weight);
 line-height: var(--n-line-height);
 display: table-cell;
 box-sizing: border-box;
 color: var(--n-th-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `), cB("descriptions-table-content", `
 vertical-align: top;
 line-height: var(--n-line-height);
 display: table-cell;
 box-sizing: border-box;
 color: var(--n-td-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [cE("content", `
 transition: color .3s var(--n-bezier);
 display: inline-block;
 color: var(--n-td-text-color);
 `)]), cE("label", `
 font-weight: var(--n-th-font-weight);
 transition: color .3s var(--n-bezier);
 display: inline-block;
 margin-right: 14px;
 color: var(--n-th-text-color);
 `)])])])]), cB("descriptions-table-wrapper", `
 --n-merged-th-color: var(--n-th-color);
 --n-merged-td-color: var(--n-td-color);
 --n-merged-border-color: var(--n-border-color);
 `), insideModal(cB("descriptions-table-wrapper", `
 --n-merged-th-color: var(--n-th-color-modal);
 --n-merged-td-color: var(--n-td-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 `)), insidePopover(cB("descriptions-table-wrapper", `
 --n-merged-th-color: var(--n-th-color-popover);
 --n-merged-td-color: var(--n-td-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 `))]);
      const descriptionsProps = Object.assign(Object.assign({}, useTheme.props), {
        title: String,
        column: {
          type: Number,
          default: 3
        },
        columns: Number,
        labelPlacement: {
          type: String,
          default: "top"
        },
        labelAlign: {
          type: String,
          default: "left"
        },
        separator: {
          type: String,
          default: ":"
        },
        size: {
          type: String,
          default: "medium"
        },
        bordered: Boolean,
        labelClass: String,
        labelStyle: [Object, String],
        contentClass: String,
        contentStyle: [Object, String]
      });
      const Descriptions = vue.defineComponent({
        name: "Descriptions",
        props: descriptionsProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Descriptions", "-descriptions", style$U, descriptionsLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2,
              bordered
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                titleTextColor,
                thColor,
                thColorModal,
                thColorPopover,
                thTextColor,
                thFontWeight,
                tdTextColor,
                tdColor,
                tdColorModal,
                tdColorPopover,
                borderColor,
                borderColorModal,
                borderColorPopover,
                borderRadius,
                lineHeight: lineHeight2,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey(bordered ? "thPaddingBordered" : "thPadding", size2)]: thPadding,
                [createKey(bordered ? "tdPaddingBordered" : "tdPadding", size2)]: tdPadding
              }
            } = themeRef.value;
            return {
              "--n-title-text-color": titleTextColor,
              "--n-th-padding": thPadding,
              "--n-td-padding": tdPadding,
              "--n-font-size": fontSize2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-th-font-weight": thFontWeight,
              "--n-line-height": lineHeight2,
              "--n-th-text-color": thTextColor,
              "--n-td-text-color": tdTextColor,
              "--n-th-color": thColor,
              "--n-th-color-modal": thColorModal,
              "--n-th-color-popover": thColorPopover,
              "--n-td-color": tdColor,
              "--n-td-color-modal": tdColorModal,
              "--n-td-color-popover": tdColorPopover,
              "--n-border-radius": borderRadius,
              "--n-border-color": borderColor,
              "--n-border-color-modal": borderColorModal,
              "--n-border-color-popover": borderColorPopover
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("descriptions", vue.computed(() => {
            let hash = "";
            const {
              size: size2,
              bordered
            } = props;
            if (bordered)
              hash += "a";
            hash += size2[0];
            return hash;
          }), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            compitableColumn: useCompitable(props, ["columns", "column"]),
            inlineThemeDisabled
          };
        },
        render() {
          const defaultSlots = this.$slots.default;
          const children = defaultSlots ? flatten$3(defaultSlots()) : [];
          children.length;
          const {
            contentClass,
            labelClass,
            compitableColumn,
            labelPlacement,
            labelAlign,
            size: size2,
            bordered,
            title,
            cssVars,
            mergedClsPrefix,
            separator,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const filteredChildren = children.filter((child) => isDescriptionsItem(child));
          const defaultState = {
            span: 0,
            row: [],
            secondRow: [],
            rows: []
          };
          const itemState = filteredChildren.reduce((state, vNode, index) => {
            const props = vNode.props || {};
            const isLastIteration = filteredChildren.length - 1 === index;
            const itemLabel = ["label" in props ? props.label : getVNodeChildren(vNode, "label")];
            const itemChildren = [getVNodeChildren(vNode)];
            const itemSpan = props.span || 1;
            const memorizedSpan = state.span;
            state.span += itemSpan;
            const labelStyle = props.labelStyle || props["label-style"] || this.labelStyle;
            const contentStyle = props.contentStyle || props["content-style"] || this.contentStyle;
            if (labelPlacement === "left") {
              if (bordered) {
                state.row.push(vue.h("th", {
                  class: [`${mergedClsPrefix}-descriptions-table-header`, labelClass],
                  colspan: 1,
                  style: labelStyle
                }, itemLabel), vue.h("td", {
                  class: [`${mergedClsPrefix}-descriptions-table-content`, contentClass],
                  colspan: isLastIteration ? (compitableColumn - memorizedSpan) * 2 + 1 : itemSpan * 2 - 1,
                  style: contentStyle
                }, itemChildren));
              } else {
                state.row.push(vue.h("td", {
                  class: `${mergedClsPrefix}-descriptions-table-content`,
                  colspan: isLastIteration ? (compitableColumn - memorizedSpan) * 2 : itemSpan * 2
                }, vue.h("span", {
                  class: [`${mergedClsPrefix}-descriptions-table-content__label`, labelClass],
                  style: labelStyle
                }, [...itemLabel, separator && vue.h("span", {
                  class: `${mergedClsPrefix}-descriptions-separator`
                }, separator)]), vue.h("span", {
                  class: [`${mergedClsPrefix}-descriptions-table-content__content`, contentClass],
                  style: contentStyle
                }, itemChildren)));
              }
            } else {
              const colspan = isLastIteration ? (compitableColumn - memorizedSpan) * 2 : itemSpan * 2;
              state.row.push(vue.h("th", {
                class: [`${mergedClsPrefix}-descriptions-table-header`, labelClass],
                colspan,
                style: labelStyle
              }, itemLabel));
              state.secondRow.push(vue.h("td", {
                class: [`${mergedClsPrefix}-descriptions-table-content`, contentClass],
                colspan,
                style: contentStyle
              }, itemChildren));
            }
            if (state.span >= compitableColumn || isLastIteration) {
              state.span = 0;
              if (state.row.length) {
                state.rows.push(state.row);
                state.row = [];
              }
              if (labelPlacement !== "left") {
                if (state.secondRow.length) {
                  state.rows.push(state.secondRow);
                  state.secondRow = [];
                }
              }
            }
            return state;
          }, defaultState);
          const rows = itemState.rows.map((row) => vue.h("tr", {
            class: `${mergedClsPrefix}-descriptions-table-row`
          }, row));
          return vue.h("div", {
            style: cssVars,
            class: [`${mergedClsPrefix}-descriptions`, this.themeClass, `${mergedClsPrefix}-descriptions--${labelPlacement}-label-placement`, `${mergedClsPrefix}-descriptions--${labelAlign}-label-align`, `${mergedClsPrefix}-descriptions--${size2}-size`, bordered && `${mergedClsPrefix}-descriptions--bordered`]
          }, title || this.$slots.header ? vue.h("div", {
            class: `${mergedClsPrefix}-descriptions-header`
          }, title || getSlot$1(this, "header")) : null, vue.h("div", {
            class: `${mergedClsPrefix}-descriptions-table-wrapper`
          }, vue.h("table", {
            class: `${mergedClsPrefix}-descriptions-table`
          }, vue.h("tbody", null, labelPlacement === "top" && vue.h("tr", {
            class: `${mergedClsPrefix}-descriptions-table-row`,
            style: {
              visibility: "collapse"
            }
          }, repeat(compitableColumn * 2, vue.h("td", null))), rows))));
        }
      });
      const descriptionsItemProps = {
        label: String,
        span: {
          type: Number,
          default: 1
        },
        labelClass: String,
        labelStyle: [Object, String],
        contentClass: String,
        contentStyle: [Object, String]
      };
      const DescriptionsItem = vue.defineComponent({
        name: "DescriptionsItem",
        [DESCRIPTION_ITEM_FLAG]: true,
        props: descriptionsItemProps,
        render() {
          return null;
        }
      });
      const commonVars$6 = {
        titleFontSize: "18px",
        padding: "16px 28px 20px 28px",
        iconSize: "28px",
        actionSpace: "12px",
        contentMargin: "8px 0 16px 0",
        iconMargin: "0 4px 0 0",
        iconMarginIconTop: "4px 0 8px 0",
        closeSize: "22px",
        closeIconSize: "18px",
        closeMargin: "20px 26px 0 0",
        closeMarginIconTop: "10px 16px 0 0"
      };
      const self$J = (vars) => {
        const {
          textColor1,
          textColor2,
          modalColor,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHover,
          closeColorPressed,
          infoColor,
          successColor,
          warningColor,
          errorColor,
          primaryColor,
          dividerColor,
          borderRadius,
          fontWeightStrong,
          lineHeight: lineHeight2,
          fontSize: fontSize2
        } = vars;
        return Object.assign(Object.assign({}, commonVars$6), {
          fontSize: fontSize2,
          lineHeight: lineHeight2,
          border: `1px solid ${dividerColor}`,
          titleTextColor: textColor1,
          textColor: textColor2,
          color: modalColor,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeBorderRadius: borderRadius,
          iconColor: primaryColor,
          iconColorInfo: infoColor,
          iconColorSuccess: successColor,
          iconColorWarning: warningColor,
          iconColorError: errorColor,
          borderRadius,
          titleFontWeight: fontWeightStrong
        });
      };
      const dialogLight = createTheme({
        name: "Dialog",
        common: derived,
        peers: {
          Button: buttonLight
        },
        self: self$J
      });
      const dialogProps = {
        icon: Function,
        type: {
          type: String,
          default: "default"
        },
        title: [String, Function],
        closable: {
          type: Boolean,
          default: true
        },
        negativeText: String,
        positiveText: String,
        positiveButtonProps: Object,
        negativeButtonProps: Object,
        content: [String, Function],
        action: Function,
        showIcon: {
          type: Boolean,
          default: true
        },
        loading: Boolean,
        bordered: Boolean,
        iconPlacement: String,
        titleClass: [String, Array],
        titleStyle: [String, Object],
        contentClass: [String, Array],
        contentStyle: [String, Object],
        actionClass: [String, Array],
        actionStyle: [String, Object],
        onPositiveClick: Function,
        onNegativeClick: Function,
        onClose: Function
      };
      const dialogPropKeys = keysOf(dialogProps);
      const style$T = c$1([cB("dialog", `
 --n-icon-margin: var(--n-icon-margin-top) var(--n-icon-margin-right) var(--n-icon-margin-bottom) var(--n-icon-margin-left);
 word-break: break-word;
 line-height: var(--n-line-height);
 position: relative;
 background: var(--n-color);
 color: var(--n-text-color);
 box-sizing: border-box;
 margin: auto;
 border-radius: var(--n-border-radius);
 padding: var(--n-padding);
 transition: 
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `, [cE("icon", {
        color: "var(--n-icon-color)"
      }), cM("bordered", {
        border: "var(--n-border)"
      }), cM("icon-top", [cE("close", {
        margin: "var(--n-close-margin)"
      }), cE("icon", {
        margin: "var(--n-icon-margin)"
      }), cE("content", {
        textAlign: "center"
      }), cE("title", {
        justifyContent: "center"
      }), cE("action", {
        justifyContent: "center"
      })]), cM("icon-left", [cE("icon", {
        margin: "var(--n-icon-margin)"
      }), cM("closable", [cE("title", `
 padding-right: calc(var(--n-close-size) + 6px);
 `)])]), cE("close", `
 position: absolute;
 right: 0;
 top: 0;
 margin: var(--n-close-margin);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 z-index: 1;
 `), cE("content", `
 font-size: var(--n-font-size);
 margin: var(--n-content-margin);
 position: relative;
 word-break: break-word;
 `, [cM("last", "margin-bottom: 0;")]), cE("action", `
 display: flex;
 justify-content: flex-end;
 `, [c$1("> *:not(:last-child)", `
 margin-right: var(--n-action-space);
 `)]), cE("icon", `
 font-size: var(--n-icon-size);
 transition: color .3s var(--n-bezier);
 `), cE("title", `
 transition: color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 font-size: var(--n-title-font-size);
 font-weight: var(--n-title-font-weight);
 color: var(--n-title-text-color);
 `), cB("dialog-icon-container", `
 display: flex;
 justify-content: center;
 `)]), insideModal(cB("dialog", `
 width: 446px;
 max-width: calc(100vw - 32px);
 `)), cB("dialog", [asModal(`
 width: 446px;
 max-width: calc(100vw - 32px);
 `)])]);
      const iconRenderMap$3 = {
        default: () => vue.h(InfoIcon, null),
        info: () => vue.h(InfoIcon, null),
        success: () => vue.h(SuccessIcon, null),
        warning: () => vue.h(WarningIcon, null),
        error: () => vue.h(ErrorIcon, null)
      };
      const NDialog = vue.defineComponent({
        name: "Dialog",
        alias: [
          "NimbusConfirmCard",
          // deprecated
          "Confirm"
          // deprecated
        ],
        props: Object.assign(Object.assign({}, useTheme.props), dialogProps),
        setup(props) {
          const {
            mergedComponentPropsRef,
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("Dialog", mergedRtlRef, mergedClsPrefixRef);
          const mergedIconPlacementRef = vue.computed(() => {
            var _a, _b;
            const {
              iconPlacement
            } = props;
            return iconPlacement || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Dialog) === null || _b === void 0 ? void 0 : _b.iconPlacement) || "left";
          });
          function handlePositiveClick(e) {
            const {
              onPositiveClick
            } = props;
            if (onPositiveClick)
              onPositiveClick(e);
          }
          function handleNegativeClick(e) {
            const {
              onNegativeClick
            } = props;
            if (onNegativeClick)
              onNegativeClick(e);
          }
          function handleCloseClick() {
            const {
              onClose
            } = props;
            if (onClose)
              onClose();
          }
          const themeRef = useTheme("Dialog", "-dialog", style$T, dialogLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              type
            } = props;
            const iconPlacement = mergedIconPlacementRef.value;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                fontSize: fontSize2,
                lineHeight: lineHeight2,
                border,
                titleTextColor,
                textColor,
                color,
                closeBorderRadius,
                closeColorHover,
                closeColorPressed,
                closeIconColor,
                closeIconColorHover,
                closeIconColorPressed,
                closeIconSize,
                borderRadius,
                titleFontWeight,
                titleFontSize,
                padding,
                iconSize,
                actionSpace,
                contentMargin,
                closeSize,
                [iconPlacement === "top" ? "iconMarginIconTop" : "iconMargin"]: iconMargin,
                [iconPlacement === "top" ? "closeMarginIconTop" : "closeMargin"]: closeMargin,
                [createKey("iconColor", type)]: iconColor
              }
            } = themeRef.value;
            const iconMarginDiscrete = getMargin(iconMargin);
            return {
              "--n-font-size": fontSize2,
              "--n-icon-color": iconColor,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-close-margin": closeMargin,
              "--n-icon-margin-top": iconMarginDiscrete.top,
              "--n-icon-margin-right": iconMarginDiscrete.right,
              "--n-icon-margin-bottom": iconMarginDiscrete.bottom,
              "--n-icon-margin-left": iconMarginDiscrete.left,
              "--n-icon-size": iconSize,
              "--n-close-size": closeSize,
              "--n-close-icon-size": closeIconSize,
              "--n-close-border-radius": closeBorderRadius,
              "--n-close-color-hover": closeColorHover,
              "--n-close-color-pressed": closeColorPressed,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-color": color,
              "--n-text-color": textColor,
              "--n-border-radius": borderRadius,
              "--n-padding": padding,
              "--n-line-height": lineHeight2,
              "--n-border": border,
              "--n-content-margin": contentMargin,
              "--n-title-font-size": titleFontSize,
              "--n-title-font-weight": titleFontWeight,
              "--n-title-text-color": titleTextColor,
              "--n-action-space": actionSpace
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("dialog", vue.computed(() => `${props.type[0]}${mergedIconPlacementRef.value[0]}`), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            mergedIconPlacement: mergedIconPlacementRef,
            mergedTheme: themeRef,
            handlePositiveClick,
            handleNegativeClick,
            handleCloseClick,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            bordered,
            mergedIconPlacement,
            cssVars,
            closable,
            showIcon,
            title,
            content,
            action,
            negativeText,
            positiveText,
            positiveButtonProps,
            negativeButtonProps,
            handlePositiveClick,
            handleNegativeClick,
            mergedTheme,
            loading,
            type,
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          const icon = showIcon ? vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix,
            class: `${mergedClsPrefix}-dialog__icon`
          }, {
            default: () => resolveWrappedSlot(this.$slots.icon, (children) => children || (this.icon ? render$1(this.icon) : iconRenderMap$3[this.type]()))
          }) : null;
          const actionNode = resolveWrappedSlot(this.$slots.action, (children) => children || positiveText || negativeText || action ? vue.h("div", {
            class: [`${mergedClsPrefix}-dialog__action`, this.actionClass],
            style: this.actionStyle
          }, children || (action ? [render$1(action)] : [this.negativeText && vue.h(NButton, Object.assign({
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            ghost: true,
            size: "small",
            onClick: handleNegativeClick
          }, negativeButtonProps), {
            default: () => render$1(this.negativeText)
          }), this.positiveText && vue.h(NButton, Object.assign({
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            size: "small",
            type: type === "default" ? "primary" : type,
            disabled: loading,
            loading,
            onClick: handlePositiveClick
          }, positiveButtonProps), {
            default: () => render$1(this.positiveText)
          })])) : null);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-dialog`, this.themeClass, this.closable && `${mergedClsPrefix}-dialog--closable`, `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`, bordered && `${mergedClsPrefix}-dialog--bordered`, this.rtlEnabled && `${mergedClsPrefix}-dialog--rtl`],
            style: cssVars,
            role: "dialog"
          }, closable ? resolveWrappedSlot(this.$slots.close, (node) => {
            const classNames = [`${mergedClsPrefix}-dialog__close`, this.rtlEnabled && `${mergedClsPrefix}-dialog--rtl`];
            return node ? vue.h("div", {
              class: classNames
            }, node) : vue.h(NBaseClose, {
              clsPrefix: mergedClsPrefix,
              class: classNames,
              onClick: this.handleCloseClick
            });
          }) : null, showIcon && mergedIconPlacement === "top" ? vue.h("div", {
            class: `${mergedClsPrefix}-dialog-icon-container`
          }, icon) : null, vue.h("div", {
            class: [`${mergedClsPrefix}-dialog__title`, this.titleClass],
            style: this.titleStyle
          }, showIcon && mergedIconPlacement === "left" ? icon : null, resolveSlot(this.$slots.header, () => [render$1(title)])), vue.h("div", {
            class: [`${mergedClsPrefix}-dialog__content`, actionNode ? "" : `${mergedClsPrefix}-dialog__content--last`, this.contentClass],
            style: this.contentStyle
          }, resolveSlot(this.$slots.default, () => [render$1(content)])), actionNode);
        }
      });
      const dialogProviderInjectionKey = createInjectionKey("n-dialog-provider");
      const dialogApiInjectionKey = createInjectionKey("n-dialog-api");
      const dialogReactiveListInjectionKey = createInjectionKey("n-dialog-reactive-list");
      const self$I = (vars) => {
        const {
          modalColor,
          textColor2,
          boxShadow3
        } = vars;
        return {
          color: modalColor,
          textColor: textColor2,
          boxShadow: boxShadow3
        };
      };
      const modalLight = createTheme({
        name: "Modal",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight,
          Dialog: dialogLight,
          Card: cardLight
        },
        self: self$I
      });
      const presetProps = Object.assign(Object.assign({}, cardBaseProps), dialogProps);
      const presetPropsKeys = keysOf(presetProps);
      const NModalBodyWrapper = vue.defineComponent({
        name: "ModalBody",
        inheritAttrs: false,
        props: Object.assign(Object.assign({
          show: {
            type: Boolean,
            required: true
          },
          preset: String,
          displayDirective: {
            type: String,
            required: true
          },
          trapFocus: {
            type: Boolean,
            default: true
          },
          autoFocus: {
            type: Boolean,
            default: true
          },
          blockScroll: Boolean
        }, presetProps), {
          renderMask: Function,
          // events
          onClickoutside: Function,
          onBeforeLeave: {
            type: Function,
            required: true
          },
          onAfterLeave: {
            type: Function,
            required: true
          },
          onPositiveClick: {
            type: Function,
            required: true
          },
          onNegativeClick: {
            type: Function,
            required: true
          },
          onClose: {
            type: Function,
            required: true
          },
          onAfterEnter: Function,
          onEsc: Function
        }),
        setup(props) {
          const bodyRef = vue.ref(null);
          const scrollbarRef = vue.ref(null);
          const displayedRef = vue.ref(props.show);
          const transformOriginXRef = vue.ref(null);
          const transformOriginYRef = vue.ref(null);
          vue.watch(vue.toRef(props, "show"), (value) => {
            if (value)
              displayedRef.value = true;
          });
          useLockHtmlScroll(vue.computed(() => props.blockScroll && displayedRef.value));
          const NModal2 = vue.inject(modalInjectionKey);
          function styleTransformOrigin() {
            if (NModal2.transformOriginRef.value === "center") {
              return "";
            }
            const {
              value: transformOriginX
            } = transformOriginXRef;
            const {
              value: transformOriginY
            } = transformOriginYRef;
            if (transformOriginX === null || transformOriginY === null) {
              return "";
            } else if (scrollbarRef.value) {
              const scrollTop = scrollbarRef.value.containerScrollTop;
              return `${transformOriginX}px ${transformOriginY + scrollTop}px`;
            }
            return "";
          }
          function syncTransformOrigin(el) {
            if (NModal2.transformOriginRef.value === "center") {
              return;
            }
            const mousePosition = NModal2.getMousePosition();
            if (!mousePosition) {
              return;
            }
            if (!scrollbarRef.value)
              return;
            const scrollTop = scrollbarRef.value.containerScrollTop;
            const {
              offsetLeft,
              offsetTop
            } = el;
            if (mousePosition) {
              const top = mousePosition.y;
              const left = mousePosition.x;
              transformOriginXRef.value = -(offsetLeft - left);
              transformOriginYRef.value = -(offsetTop - top - scrollTop);
            }
            el.style.transformOrigin = styleTransformOrigin();
          }
          function handleEnter(el) {
            void vue.nextTick(() => {
              syncTransformOrigin(el);
            });
          }
          function handleBeforeLeave(el) {
            el.style.transformOrigin = styleTransformOrigin();
            props.onBeforeLeave();
          }
          function handleAfterLeave() {
            displayedRef.value = false;
            transformOriginXRef.value = null;
            transformOriginYRef.value = null;
            props.onAfterLeave();
          }
          function handleCloseClick() {
            const {
              onClose
            } = props;
            if (onClose) {
              onClose();
            }
          }
          function handleNegativeClick() {
            props.onNegativeClick();
          }
          function handlePositiveClick() {
            props.onPositiveClick();
          }
          const childNodeRef = vue.ref(null);
          vue.watch(childNodeRef, (node) => {
            if (node) {
              void vue.nextTick(() => {
                const el = node.el;
                if (el && bodyRef.value !== el) {
                  bodyRef.value = el;
                }
              });
            }
          });
          vue.provide(modalBodyInjectionKey, bodyRef);
          vue.provide(drawerBodyInjectionKey, null);
          vue.provide(popoverBodyInjectionKey, null);
          return {
            mergedTheme: NModal2.mergedThemeRef,
            appear: NModal2.appearRef,
            isMounted: NModal2.isMountedRef,
            mergedClsPrefix: NModal2.mergedClsPrefixRef,
            bodyRef,
            scrollbarRef,
            displayed: displayedRef,
            childNodeRef,
            handlePositiveClick,
            handleNegativeClick,
            handleCloseClick,
            handleAfterLeave,
            handleBeforeLeave,
            handleEnter
          };
        },
        render() {
          const {
            $slots,
            $attrs,
            handleEnter,
            handleAfterLeave,
            handleBeforeLeave,
            preset,
            mergedClsPrefix
          } = this;
          let childNode = null;
          if (!preset) {
            childNode = getFirstSlotVNode($slots);
            if (!childNode) {
              warn$2("modal", "default slot is empty");
              return;
            }
            childNode = vue.cloneVNode(childNode);
            childNode.props = vue.mergeProps({
              class: `${mergedClsPrefix}-modal`
            }, $attrs, childNode.props || {});
          }
          return this.displayDirective === "show" || this.displayed || this.show ? vue.withDirectives(vue.h("div", {
            role: "none",
            class: `${mergedClsPrefix}-modal-body-wrapper`
          }, vue.h(Scrollbar$2, {
            ref: "scrollbarRef",
            theme: this.mergedTheme.peers.Scrollbar,
            themeOverrides: this.mergedTheme.peerOverrides.Scrollbar,
            contentClass: `${mergedClsPrefix}-modal-scroll-content`
          }, {
            default: () => {
              var _a;
              return [(_a = this.renderMask) === null || _a === void 0 ? void 0 : _a.call(this), vue.h(FocusTrap, {
                disabled: !this.trapFocus,
                active: this.show,
                onEsc: this.onEsc,
                autoFocus: this.autoFocus
              }, {
                default: () => {
                  var _a2;
                  return vue.h(vue.Transition, {
                    name: "fade-in-scale-up-transition",
                    appear: (_a2 = this.appear) !== null && _a2 !== void 0 ? _a2 : this.isMounted,
                    onEnter: handleEnter,
                    onAfterEnter: this.onAfterEnter,
                    onAfterLeave: handleAfterLeave,
                    onBeforeLeave: handleBeforeLeave
                  }, {
                    default: () => {
                      const dirs = [[vue.vShow, this.show]];
                      const {
                        onClickoutside
                      } = this;
                      if (onClickoutside) {
                        dirs.push([clickoutside, this.onClickoutside, void 0, {
                          capture: true
                        }]);
                      }
                      return vue.withDirectives(this.preset === "confirm" || this.preset === "dialog" ? vue.h(NDialog, Object.assign({}, this.$attrs, {
                        class: [`${mergedClsPrefix}-modal`, this.$attrs.class],
                        ref: "bodyRef",
                        theme: this.mergedTheme.peers.Dialog,
                        themeOverrides: this.mergedTheme.peerOverrides.Dialog
                      }, keep(this.$props, dialogPropKeys), {
                        "aria-modal": "true"
                      }), $slots) : this.preset === "card" ? vue.h(NCard, Object.assign({}, this.$attrs, {
                        ref: "bodyRef",
                        class: [`${mergedClsPrefix}-modal`, this.$attrs.class],
                        theme: this.mergedTheme.peers.Card,
                        themeOverrides: this.mergedTheme.peerOverrides.Card
                      }, keep(this.$props, cardBasePropKeys), {
                        "aria-modal": "true",
                        role: "dialog"
                      }), $slots) : this.childNodeRef = childNode, dirs);
                    }
                  });
                }
              })];
            }
          })), [[vue.vShow, this.displayDirective === "if" || this.displayed || this.show]]) : null;
        }
      });
      const style$S = c$1([cB("modal-container", `
 position: fixed;
 left: 0;
 top: 0;
 height: 0;
 width: 0;
 display: flex;
 `), cB("modal-mask", `
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, .4);
 `, [fadeInTransition({
        enterDuration: ".25s",
        leaveDuration: ".25s",
        enterCubicBezier: "var(--n-bezier-ease-out)",
        leaveCubicBezier: "var(--n-bezier-ease-out)"
      })]), cB("modal-body-wrapper", `
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow: visible;
 `, [cB("modal-scroll-content", `
 min-height: 100%;
 display: flex;
 position: relative;
 `)]), cB("modal", `
 position: relative;
 align-self: center;
 color: var(--n-text-color);
 margin: auto;
 box-shadow: var(--n-box-shadow);
 `, [fadeInScaleUpTransition({
        duration: ".25s",
        enterScale: ".5"
      })])]);
      const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
        show: Boolean,
        unstableShowMask: {
          type: Boolean,
          default: true
        },
        maskClosable: {
          type: Boolean,
          default: true
        },
        preset: String,
        to: [String, Object],
        displayDirective: {
          type: String,
          default: "if"
        },
        transformOrigin: {
          type: String,
          default: "mouse"
        },
        zIndex: Number,
        autoFocus: {
          type: Boolean,
          default: true
        },
        trapFocus: {
          type: Boolean,
          default: true
        },
        closeOnEsc: {
          type: Boolean,
          default: true
        },
        blockScroll: {
          type: Boolean,
          default: true
        }
      }), presetProps), {
        // events
        onEsc: Function,
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        onAfterEnter: Function,
        onBeforeLeave: Function,
        onAfterLeave: Function,
        onClose: Function,
        onPositiveClick: Function,
        onNegativeClick: Function,
        onMaskClick: Function,
        // private
        internalDialog: Boolean,
        internalModal: Boolean,
        internalAppear: {
          type: Boolean,
          default: void 0
        },
        // deprecated
        overlayStyle: [String, Object],
        onBeforeHide: Function,
        onAfterHide: Function,
        onHide: Function
      });
      const NModal = vue.defineComponent({
        name: "Modal",
        inheritAttrs: false,
        props: modalProps,
        setup(props) {
          const containerRef = vue.ref(null);
          const {
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Modal", "-modal", style$S, modalLight, props, mergedClsPrefixRef);
          const clickedRef = useClicked(64);
          const clickedPositionRef = useClickPosition();
          const isMountedRef = isMounted();
          const NDialogProvider2 = props.internalDialog ? vue.inject(dialogProviderInjectionKey, null) : null;
          const NModalProvider2 = props.internalModal ? vue.inject(modalProviderInjectionKey$1, null) : null;
          const isComposingRef2 = useIsComposing();
          function doUpdateShow(show) {
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow,
              onHide
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, show);
            if (_onUpdateShow)
              call(_onUpdateShow, show);
            if (onHide && !show)
              onHide(show);
          }
          function handleCloseClick() {
            const {
              onClose
            } = props;
            if (onClose) {
              void Promise.resolve(onClose()).then((value) => {
                if (value === false)
                  return;
                doUpdateShow(false);
              });
            } else {
              doUpdateShow(false);
            }
          }
          function handlePositiveClick() {
            const {
              onPositiveClick
            } = props;
            if (onPositiveClick) {
              void Promise.resolve(onPositiveClick()).then((value) => {
                if (value === false)
                  return;
                doUpdateShow(false);
              });
            } else {
              doUpdateShow(false);
            }
          }
          function handleNegativeClick() {
            const {
              onNegativeClick
            } = props;
            if (onNegativeClick) {
              void Promise.resolve(onNegativeClick()).then((value) => {
                if (value === false)
                  return;
                doUpdateShow(false);
              });
            } else {
              doUpdateShow(false);
            }
          }
          function handleBeforeLeave() {
            const {
              onBeforeLeave,
              onBeforeHide
            } = props;
            if (onBeforeLeave)
              call(onBeforeLeave);
            if (onBeforeHide)
              onBeforeHide();
          }
          function handleAfterLeave() {
            const {
              onAfterLeave,
              onAfterHide
            } = props;
            if (onAfterLeave)
              call(onAfterLeave);
            if (onAfterHide)
              onAfterHide();
          }
          function handleClickoutside(e) {
            var _a;
            const {
              onMaskClick
            } = props;
            if (onMaskClick) {
              onMaskClick(e);
            }
            if (props.maskClosable) {
              if ((_a = containerRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e))) {
                doUpdateShow(false);
              }
            }
          }
          function handleEsc(e) {
            var _a;
            (_a = props.onEsc) === null || _a === void 0 ? void 0 : _a.call(props);
            if (props.show && props.closeOnEsc && eventEffectNotPerformed(e)) {
              !isComposingRef2.value && doUpdateShow(false);
            }
          }
          vue.provide(modalInjectionKey, {
            getMousePosition: () => {
              const mergedProvider = NDialogProvider2 || NModalProvider2;
              if (mergedProvider) {
                const {
                  clickedRef: clickedRef2,
                  clickedPositionRef: clickedPositionRef2
                } = mergedProvider;
                if (clickedRef2.value && clickedPositionRef2.value) {
                  return clickedPositionRef2.value;
                }
              }
              if (clickedRef.value) {
                return clickedPositionRef.value;
              }
              return null;
            },
            mergedClsPrefixRef,
            mergedThemeRef: themeRef,
            isMountedRef,
            appearRef: vue.toRef(props, "internalAppear"),
            transformOriginRef: vue.toRef(props, "transformOrigin")
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseOut: cubicBezierEaseOut2
              },
              self: {
                boxShadow,
                color,
                textColor
              }
            } = themeRef.value;
            return {
              "--n-bezier-ease-out": cubicBezierEaseOut2,
              "--n-box-shadow": boxShadow,
              "--n-color": color,
              "--n-text-color": textColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("theme-class", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            namespace: namespaceRef,
            isMounted: isMountedRef,
            containerRef,
            presetProps: vue.computed(() => {
              const pickedProps = keep(props, presetPropsKeys);
              return pickedProps;
            }),
            handleEsc,
            handleAfterLeave,
            handleClickoutside,
            handleBeforeLeave,
            doUpdateShow,
            handleNegativeClick,
            handlePositiveClick,
            handleCloseClick,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h(LazyTeleport, {
            to: this.to,
            show: this.show
          }, {
            default: () => {
              var _a;
              (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
              const {
                unstableShowMask
              } = this;
              return vue.withDirectives(vue.h("div", {
                role: "none",
                ref: "containerRef",
                class: [`${mergedClsPrefix}-modal-container`, this.themeClass, this.namespace],
                style: this.cssVars
              }, vue.h(NModalBodyWrapper, Object.assign({
                style: this.overlayStyle
              }, this.$attrs, {
                ref: "bodyWrapper",
                displayDirective: this.displayDirective,
                show: this.show,
                preset: this.preset,
                autoFocus: this.autoFocus,
                trapFocus: this.trapFocus,
                blockScroll: this.blockScroll
              }, this.presetProps, {
                onEsc: this.handleEsc,
                onClose: this.handleCloseClick,
                onNegativeClick: this.handleNegativeClick,
                onPositiveClick: this.handlePositiveClick,
                onBeforeLeave: this.handleBeforeLeave,
                onAfterEnter: this.onAfterEnter,
                onAfterLeave: this.handleAfterLeave,
                onClickoutside: unstableShowMask ? void 0 : this.handleClickoutside,
                renderMask: unstableShowMask ? () => {
                  var _a2;
                  return vue.h(vue.Transition, {
                    name: "fade-in-transition",
                    key: "mask",
                    appear: (_a2 = this.internalAppear) !== null && _a2 !== void 0 ? _a2 : this.isMounted
                  }, {
                    default: () => {
                      return this.show ? vue.h("div", {
                        "aria-hidden": true,
                        ref: "containerRef",
                        class: `${mergedClsPrefix}-modal-mask`,
                        onClick: this.handleClickoutside
                      }) : null;
                    }
                  });
                } : void 0
              }), this.$slots)), [[zindexable, {
                zIndex: this.zIndex,
                enabled: this.show
              }]]);
            }
          });
        }
      });
      const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), {
        onAfterEnter: Function,
        onAfterLeave: Function,
        transformOrigin: String,
        blockScroll: {
          type: Boolean,
          default: true
        },
        closeOnEsc: {
          type: Boolean,
          default: true
        },
        onEsc: Function,
        autoFocus: {
          type: Boolean,
          default: true
        },
        internalStyle: [String, Object],
        maskClosable: {
          type: Boolean,
          default: true
        },
        onPositiveClick: Function,
        onNegativeClick: Function,
        onClose: Function,
        onMaskClick: Function
      });
      const NDialogEnvironment = vue.defineComponent({
        name: "DialogEnvironment",
        props: Object.assign(Object.assign({}, exposedDialogEnvProps), {
          internalKey: {
            type: String,
            required: true
          },
          to: [String, Object],
          // private
          onInternalAfterLeave: {
            type: Function,
            required: true
          }
        }),
        setup(props) {
          const showRef = vue.ref(true);
          function handleAfterLeave() {
            const {
              onInternalAfterLeave,
              internalKey,
              onAfterLeave
            } = props;
            if (onInternalAfterLeave)
              onInternalAfterLeave(internalKey);
            if (onAfterLeave)
              onAfterLeave();
          }
          function handlePositiveClick(e) {
            const {
              onPositiveClick
            } = props;
            if (onPositiveClick) {
              void Promise.resolve(onPositiveClick(e)).then((result) => {
                if (result === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          function handleNegativeClick(e) {
            const {
              onNegativeClick
            } = props;
            if (onNegativeClick) {
              void Promise.resolve(onNegativeClick(e)).then((result) => {
                if (result === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          function handleCloseClick() {
            const {
              onClose
            } = props;
            if (onClose) {
              void Promise.resolve(onClose()).then((result) => {
                if (result === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          function handleMaskClick(e) {
            const {
              onMaskClick,
              maskClosable
            } = props;
            if (onMaskClick) {
              onMaskClick(e);
              maskClosable && hide();
            }
          }
          function handleEsc() {
            const {
              onEsc
            } = props;
            if (onEsc) {
              onEsc();
            }
          }
          function hide() {
            showRef.value = false;
          }
          function handleUpdateShow(value) {
            showRef.value = value;
          }
          return {
            show: showRef,
            hide,
            handleUpdateShow,
            handleAfterLeave,
            handleCloseClick,
            handleNegativeClick,
            handlePositiveClick,
            handleMaskClick,
            handleEsc
          };
        },
        render() {
          const {
            handlePositiveClick,
            handleUpdateShow,
            handleNegativeClick,
            handleCloseClick,
            handleAfterLeave,
            handleMaskClick,
            handleEsc,
            to,
            maskClosable,
            show
          } = this;
          return vue.h(NModal, {
            show,
            onUpdateShow: handleUpdateShow,
            onMaskClick: handleMaskClick,
            onEsc: handleEsc,
            to,
            maskClosable,
            onAfterEnter: this.onAfterEnter,
            onAfterLeave: handleAfterLeave,
            closeOnEsc: this.closeOnEsc,
            blockScroll: this.blockScroll,
            autoFocus: this.autoFocus,
            transformOrigin: this.transformOrigin,
            internalAppear: true,
            internalDialog: true
          }, {
            default: () => vue.h(NDialog, Object.assign({}, keep(this.$props, dialogPropKeys), {
              style: this.internalStyle,
              onClose: handleCloseClick,
              onNegativeClick: handleNegativeClick,
              onPositiveClick: handlePositiveClick
            }))
          });
        }
      });
      const dialogProviderProps = {
        injectionKey: String,
        to: [String, Object]
      };
      const NDialogProvider = vue.defineComponent({
        name: "DialogProvider",
        props: dialogProviderProps,
        setup() {
          const dialogListRef = vue.ref([]);
          const dialogInstRefs = {};
          function create2(options = {}) {
            const key = createId();
            const dialogReactive = vue.reactive(Object.assign(Object.assign({}, options), {
              key,
              destroy: () => {
                var _a;
                (_a = dialogInstRefs[`n-dialog-${key}`]) === null || _a === void 0 ? void 0 : _a.hide();
              }
            }));
            dialogListRef.value.push(dialogReactive);
            return dialogReactive;
          }
          const typedApi = ["info", "success", "warning", "error"].map((type) => (options) => {
            return create2(Object.assign(Object.assign({}, options), {
              type
            }));
          });
          function handleAfterLeave(key) {
            const {
              value: dialogList
            } = dialogListRef;
            dialogList.splice(dialogList.findIndex((dialog) => dialog.key === key), 1);
          }
          function destroyAll() {
            Object.values(dialogInstRefs).forEach((dialogInstRef) => {
              dialogInstRef === null || dialogInstRef === void 0 ? void 0 : dialogInstRef.hide();
            });
          }
          const api = {
            create: create2,
            destroyAll,
            info: typedApi[0],
            success: typedApi[1],
            warning: typedApi[2],
            error: typedApi[3]
          };
          vue.provide(dialogApiInjectionKey, api);
          vue.provide(dialogProviderInjectionKey, {
            clickedRef: useClicked(64),
            clickedPositionRef: useClickPosition()
          });
          vue.provide(dialogReactiveListInjectionKey, dialogListRef);
          return Object.assign(Object.assign({}, api), {
            dialogList: dialogListRef,
            dialogInstRefs,
            handleAfterLeave
          });
        },
        render() {
          var _a, _b;
          return vue.h(vue.Fragment, null, [this.dialogList.map((dialog) => vue.h(NDialogEnvironment, omit(dialog, ["destroy", "style"], {
            internalStyle: dialog.style,
            to: this.to,
            ref: (inst) => {
              if (inst === null) {
                delete this.dialogInstRefs[`n-dialog-${dialog.key}`];
              } else {
                this.dialogInstRefs[`n-dialog-${dialog.key}`] = inst;
              }
            },
            internalKey: dialog.key,
            onInternalAfterLeave: this.handleAfterLeave
          }))), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)]);
        }
      });
      function useDialog() {
        const dialog = vue.inject(dialogApiInjectionKey, null);
        if (dialog === null) {
          throwError("use-dialog", "No outer <n-dialog-provider /> founded.");
        }
        return dialog;
      }
      function useDialogReactiveList() {
        const dialogReactiveList = vue.inject(dialogReactiveListInjectionKey, null);
        if (dialogReactiveList === null) {
          throwError("use-dialog-reactive-list", "No outer <n-dialog-provider /> founded.");
        }
        return dialogReactiveList;
      }
      const self$H = (vars) => {
        const {
          textColor1,
          dividerColor,
          fontWeightStrong
        } = vars;
        return {
          textColor: textColor1,
          color: dividerColor,
          fontWeight: fontWeightStrong
        };
      };
      const dividerLight = {
        name: "Divider",
        common: derived,
        self: self$H
      };
      const style$R = cB("divider", `
 position: relative;
 display: flex;
 width: 100%;
 box-sizing: border-box;
 font-size: 16px;
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
`, [cNotM("vertical", `
 margin-top: 24px;
 margin-bottom: 24px;
 `, [cNotM("no-title", `
 display: flex;
 align-items: center;
 `)]), cE("title", `
 display: flex;
 align-items: center;
 margin-left: 12px;
 margin-right: 12px;
 white-space: nowrap;
 font-weight: var(--n-font-weight);
 `), cM("title-position-left", [cE("line", [cM("left", {
        width: "28px"
      })])]), cM("title-position-right", [cE("line", [cM("right", {
        width: "28px"
      })])]), cM("dashed", [cE("line", `
 background-color: #0000;
 height: 0px;
 width: 100%;
 border-style: dashed;
 border-width: 1px 0 0;
 `)]), cM("vertical", `
 display: inline-block;
 height: 1em;
 margin: 0 8px;
 vertical-align: middle;
 width: 1px;
 `), cE("line", `
 border: none;
 transition: background-color .3s var(--n-bezier), border-color .3s var(--n-bezier);
 height: 1px;
 width: 100%;
 margin: 0;
 `), cNotM("dashed", [cE("line", {
        backgroundColor: "var(--n-color)"
      })]), cM("dashed", [cE("line", {
        borderColor: "var(--n-color)"
      })]), cM("vertical", {
        backgroundColor: "var(--n-color)"
      })]);
      const dividerProps = Object.assign(Object.assign({}, useTheme.props), {
        titlePlacement: {
          type: String,
          default: "center"
        },
        dashed: Boolean,
        vertical: Boolean
      });
      const NDivider = vue.defineComponent({
        name: "Divider",
        props: dividerProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Divider", "-divider", style$R, dividerLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                color,
                textColor,
                fontWeight
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-color": color,
              "--n-text-color": textColor,
              "--n-font-weight": fontWeight
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("divider", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            $slots,
            titlePlacement,
            vertical,
            dashed,
            cssVars,
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            role: "separator",
            class: [`${mergedClsPrefix}-divider`, this.themeClass, {
              [`${mergedClsPrefix}-divider--vertical`]: vertical,
              [`${mergedClsPrefix}-divider--no-title`]: !$slots.default,
              [`${mergedClsPrefix}-divider--dashed`]: dashed,
              [`${mergedClsPrefix}-divider--title-position-${titlePlacement}`]: $slots.default && titlePlacement
            }],
            style: cssVars
          }, !vertical ? vue.h("div", {
            class: `${mergedClsPrefix}-divider__line ${mergedClsPrefix}-divider__line--left`
          }) : null, !vertical && $slots.default ? vue.h(vue.Fragment, null, vue.h("div", {
            class: `${mergedClsPrefix}-divider__title`
          }, this.$slots), vue.h("div", {
            class: `${mergedClsPrefix}-divider__line ${mergedClsPrefix}-divider__line--right`
          })) : null);
        }
      });
      const self$G = (vars) => {
        const {
          modalColor,
          textColor1,
          textColor2,
          boxShadow3,
          lineHeight: lineHeight2,
          fontWeightStrong,
          dividerColor,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          borderRadius,
          primaryColorHover
        } = vars;
        return {
          bodyPadding: "16px 24px",
          borderRadius,
          headerPadding: "16px 24px",
          footerPadding: "16px 24px",
          color: modalColor,
          textColor: textColor2,
          titleTextColor: textColor1,
          titleFontSize: "18px",
          titleFontWeight: fontWeightStrong,
          boxShadow: boxShadow3,
          lineHeight: lineHeight2,
          headerBorderBottom: `1px solid ${dividerColor}`,
          footerBorderTop: `1px solid ${dividerColor}`,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeSize: "22px",
          closeIconSize: "18px",
          closeColorHover,
          closeColorPressed,
          closeBorderRadius: borderRadius,
          resizableTriggerColorHover: primaryColorHover
        };
      };
      const drawerLight = createTheme({
        name: "Drawer",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight
        },
        self: self$G
      });
      const NDrawerBodyWrapper = vue.defineComponent({
        name: "NDrawerContent",
        inheritAttrs: false,
        props: {
          blockScroll: Boolean,
          show: {
            type: Boolean,
            default: void 0
          },
          displayDirective: {
            type: String,
            required: true
          },
          placement: {
            type: String,
            required: true
          },
          contentClass: String,
          contentStyle: [Object, String],
          nativeScrollbar: {
            type: Boolean,
            required: true
          },
          scrollbarProps: Object,
          trapFocus: {
            type: Boolean,
            default: true
          },
          autoFocus: {
            type: Boolean,
            default: true
          },
          showMask: {
            type: [Boolean, String],
            required: true
          },
          maxWidth: Number,
          maxHeight: Number,
          minWidth: Number,
          minHeight: Number,
          resizable: Boolean,
          onClickoutside: Function,
          onAfterLeave: Function,
          onAfterEnter: Function,
          onEsc: Function
        },
        setup(props) {
          const displayedRef = vue.ref(!!props.show);
          const bodyRef = vue.ref(null);
          const NDrawer = vue.inject(drawerInjectionKey);
          let startPosition = 0;
          let memoizedBodyStyleCursor = "";
          let hoverTimerId = null;
          const isHoverOnResizeTriggerRef = vue.ref(false);
          const isDraggingRef = vue.ref(false);
          const isVertical = vue.computed(() => {
            return props.placement === "top" || props.placement === "bottom";
          });
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("Drawer", mergedRtlRef, mergedClsPrefixRef);
          const handleMousedownResizeTrigger = (e) => {
            isDraggingRef.value = true;
            startPosition = isVertical.value ? e.clientY : e.clientX;
            memoizedBodyStyleCursor = document.body.style.cursor;
            document.body.style.cursor = isVertical.value ? "ns-resize" : "ew-resize";
            document.body.addEventListener("mousemove", handleBodyMousemove);
            document.body.addEventListener("mouseleave", handleBodyMouseleave);
            document.body.addEventListener("mouseup", handleBodyMouseup);
          };
          const handleMouseenterResizeTrigger = () => {
            if (hoverTimerId !== null) {
              window.clearTimeout(hoverTimerId);
              hoverTimerId = null;
            }
            if (isDraggingRef.value) {
              isHoverOnResizeTriggerRef.value = true;
            } else {
              hoverTimerId = window.setTimeout(() => {
                isHoverOnResizeTriggerRef.value = true;
              }, 300);
            }
          };
          const handleMouseleaveResizeTrigger = () => {
            if (hoverTimerId !== null) {
              window.clearTimeout(hoverTimerId);
              hoverTimerId = null;
            }
            isHoverOnResizeTriggerRef.value = false;
          };
          const {
            doUpdateHeight,
            doUpdateWidth
          } = NDrawer;
          const regulateWidth = (size2) => {
            const {
              maxWidth
            } = props;
            if (maxWidth && size2 > maxWidth)
              return maxWidth;
            const {
              minWidth
            } = props;
            if (minWidth && size2 < minWidth)
              return minWidth;
            return size2;
          };
          const regulateHeight = (size2) => {
            const {
              maxHeight
            } = props;
            if (maxHeight && size2 > maxHeight)
              return maxHeight;
            const {
              minHeight
            } = props;
            if (minHeight && size2 < minHeight)
              return minHeight;
            return size2;
          };
          const handleBodyMousemove = (e) => {
            var _a, _b;
            if (isDraggingRef.value) {
              if (isVertical.value) {
                let height = ((_a = bodyRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
                const increment = startPosition - e.clientY;
                height += props.placement === "bottom" ? increment : -increment;
                height = regulateHeight(height);
                doUpdateHeight(height);
                startPosition = e.clientY;
              } else {
                let width = ((_b = bodyRef.value) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
                const increment = startPosition - e.clientX;
                width += props.placement === "right" ? increment : -increment;
                width = regulateWidth(width);
                doUpdateWidth(width);
                startPosition = e.clientX;
              }
            }
          };
          const handleBodyMouseup = () => {
            if (isDraggingRef.value) {
              startPosition = 0;
              isDraggingRef.value = false;
              document.body.style.cursor = memoizedBodyStyleCursor;
              document.body.removeEventListener("mousemove", handleBodyMousemove);
              document.body.removeEventListener("mouseup", handleBodyMouseup);
              document.body.removeEventListener("mouseleave", handleBodyMouseleave);
            }
          };
          const handleBodyMouseleave = handleBodyMouseup;
          vue.watchEffect(() => {
            if (props.show)
              displayedRef.value = true;
          });
          vue.watch(() => props.show, (value) => {
            if (!value) {
              handleBodyMouseup();
            }
          });
          vue.onBeforeUnmount(() => {
            handleBodyMouseup();
          });
          const bodyDirectivesRef = vue.computed(() => {
            const {
              show
            } = props;
            const directives = [[vue.vShow, show]];
            if (!props.showMask) {
              directives.push([clickoutside, props.onClickoutside, void 0, {
                capture: true
              }]);
            }
            return directives;
          });
          function handleAfterLeave() {
            var _a;
            displayedRef.value = false;
            (_a = props.onAfterLeave) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          useLockHtmlScroll(vue.computed(() => props.blockScroll && displayedRef.value));
          vue.provide(drawerBodyInjectionKey, bodyRef);
          vue.provide(popoverBodyInjectionKey, null);
          vue.provide(modalBodyInjectionKey, null);
          return {
            bodyRef,
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: NDrawer.mergedClsPrefixRef,
            isMounted: NDrawer.isMountedRef,
            mergedTheme: NDrawer.mergedThemeRef,
            displayed: displayedRef,
            transitionName: vue.computed(() => {
              return {
                right: "slide-in-from-right-transition",
                left: "slide-in-from-left-transition",
                top: "slide-in-from-top-transition",
                bottom: "slide-in-from-bottom-transition"
              }[props.placement];
            }),
            handleAfterLeave,
            bodyDirectives: bodyDirectivesRef,
            handleMousedownResizeTrigger,
            handleMouseenterResizeTrigger,
            handleMouseleaveResizeTrigger,
            isDragging: isDraggingRef,
            isHoverOnResizeTrigger: isHoverOnResizeTriggerRef
          };
        },
        render() {
          const {
            $slots,
            mergedClsPrefix
          } = this;
          return this.displayDirective === "show" || this.displayed || this.show ? vue.withDirectives(
            /* Keep the wrapper dom. Make sure the drawer has a host.
            Nor the detached content will disappear without transition */
            vue.h("div", {
              role: "none"
            }, vue.h(FocusTrap, {
              disabled: !this.showMask || !this.trapFocus,
              active: this.show,
              autoFocus: this.autoFocus,
              onEsc: this.onEsc
            }, {
              default: () => vue.h(vue.Transition, {
                name: this.transitionName,
                appear: this.isMounted,
                onAfterEnter: this.onAfterEnter,
                onAfterLeave: this.handleAfterLeave
              }, {
                default: () => vue.withDirectives(vue.h("div", vue.mergeProps(this.$attrs, {
                  role: "dialog",
                  ref: "bodyRef",
                  "aria-modal": "true",
                  class: [
                    `${mergedClsPrefix}-drawer`,
                    this.rtlEnabled && `${mergedClsPrefix}-drawer--rtl`,
                    `${mergedClsPrefix}-drawer--${this.placement}-placement`,
                    /**
                     * When the mouse is pressed to resize the drawer,
                     * disable text selection
                     */
                    this.isDragging && `${mergedClsPrefix}-drawer--unselectable`,
                    this.nativeScrollbar && `${mergedClsPrefix}-drawer--native-scrollbar`
                  ]
                }), [this.resizable ? vue.h("div", {
                  class: [`${mergedClsPrefix}-drawer__resize-trigger`, (this.isDragging || this.isHoverOnResizeTrigger) && `${mergedClsPrefix}-drawer__resize-trigger--hover`],
                  onMouseenter: this.handleMouseenterResizeTrigger,
                  onMouseleave: this.handleMouseleaveResizeTrigger,
                  onMousedown: this.handleMousedownResizeTrigger
                }) : null, this.nativeScrollbar ? vue.h("div", {
                  class: [`${mergedClsPrefix}-drawer-content-wrapper`, this.contentClass],
                  style: this.contentStyle,
                  role: "none"
                }, $slots) : vue.h(Scrollbar$2, Object.assign({}, this.scrollbarProps, {
                  contentStyle: this.contentStyle,
                  contentClass: [`${mergedClsPrefix}-drawer-content-wrapper`, this.contentClass],
                  theme: this.mergedTheme.peers.Scrollbar,
                  themeOverrides: this.mergedTheme.peerOverrides.Scrollbar
                }), $slots)]), this.bodyDirectives)
              })
            })),
            [[vue.vShow, this.displayDirective === "if" || this.displayed || this.show]]
          ) : null;
        }
      });
      const {
        cubicBezierEaseIn: cubicBezierEaseIn$3,
        cubicBezierEaseOut: cubicBezierEaseOut$3
      } = commonVariables$m;
      function slideInFromRightTransition({
        duration: duration2 = "0.3s",
        leaveDuration = "0.2s",
        name = "slide-in-from-right"
      } = {}) {
        return [c$1(`&.${name}-transition-leave-active`, {
          transition: `transform ${leaveDuration} ${cubicBezierEaseIn$3}`
        }), c$1(`&.${name}-transition-enter-active`, {
          transition: `transform ${duration2} ${cubicBezierEaseOut$3}`
        }), c$1(`&.${name}-transition-enter-to`, {
          transform: "translateX(0)"
        }), c$1(`&.${name}-transition-enter-from`, {
          transform: "translateX(100%)"
        }), c$1(`&.${name}-transition-leave-from`, {
          transform: "translateX(0)"
        }), c$1(`&.${name}-transition-leave-to`, {
          transform: "translateX(100%)"
        })];
      }
      const {
        cubicBezierEaseIn: cubicBezierEaseIn$2,
        cubicBezierEaseOut: cubicBezierEaseOut$2
      } = commonVariables$m;
      function slideInFromLeftTransition({
        duration: duration2 = "0.3s",
        leaveDuration = "0.2s",
        name = "slide-in-from-left"
      } = {}) {
        return [c$1(`&.${name}-transition-leave-active`, {
          transition: `transform ${leaveDuration} ${cubicBezierEaseIn$2}`
        }), c$1(`&.${name}-transition-enter-active`, {
          transition: `transform ${duration2} ${cubicBezierEaseOut$2}`
        }), c$1(`&.${name}-transition-enter-to`, {
          transform: "translateX(0)"
        }), c$1(`&.${name}-transition-enter-from`, {
          transform: "translateX(-100%)"
        }), c$1(`&.${name}-transition-leave-from`, {
          transform: "translateX(0)"
        }), c$1(`&.${name}-transition-leave-to`, {
          transform: "translateX(-100%)"
        })];
      }
      const {
        cubicBezierEaseIn: cubicBezierEaseIn$1,
        cubicBezierEaseOut: cubicBezierEaseOut$1
      } = commonVariables$m;
      function slideInFromTopTransition({
        duration: duration2 = "0.3s",
        leaveDuration = "0.2s",
        name = "slide-in-from-top"
      } = {}) {
        return [c$1(`&.${name}-transition-leave-active`, {
          transition: `transform ${leaveDuration} ${cubicBezierEaseIn$1}`
        }), c$1(`&.${name}-transition-enter-active`, {
          transition: `transform ${duration2} ${cubicBezierEaseOut$1}`
        }), c$1(`&.${name}-transition-enter-to`, {
          transform: "translateY(0)"
        }), c$1(`&.${name}-transition-enter-from`, {
          transform: "translateY(-100%)"
        }), c$1(`&.${name}-transition-leave-from`, {
          transform: "translateY(0)"
        }), c$1(`&.${name}-transition-leave-to`, {
          transform: "translateY(-100%)"
        })];
      }
      const {
        cubicBezierEaseIn,
        cubicBezierEaseOut
      } = commonVariables$m;
      function slideInFromBottomTransition({
        duration: duration2 = "0.3s",
        leaveDuration = "0.2s",
        name = "slide-in-from-bottom"
      } = {}) {
        return [c$1(`&.${name}-transition-leave-active`, {
          transition: `transform ${leaveDuration} ${cubicBezierEaseIn}`
        }), c$1(`&.${name}-transition-enter-active`, {
          transition: `transform ${duration2} ${cubicBezierEaseOut}`
        }), c$1(`&.${name}-transition-enter-to`, {
          transform: "translateY(0)"
        }), c$1(`&.${name}-transition-enter-from`, {
          transform: "translateY(100%)"
        }), c$1(`&.${name}-transition-leave-from`, {
          transform: "translateY(0)"
        }), c$1(`&.${name}-transition-leave-to`, {
          transform: "translateY(100%)"
        })];
      }
      const style$Q = c$1([cB("drawer", `
 word-break: break-word;
 line-height: var(--n-line-height);
 position: absolute;
 pointer-events: all;
 box-shadow: var(--n-box-shadow);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 background-color: var(--n-color);
 color: var(--n-text-color);
 box-sizing: border-box;
 `, [slideInFromRightTransition(), slideInFromLeftTransition(), slideInFromTopTransition(), slideInFromBottomTransition(), cM("unselectable", `
 user-select: none; 
 -webkit-user-select: none;
 `), cM("native-scrollbar", [cB("drawer-content-wrapper", `
 overflow: auto;
 height: 100%;
 `)]), cE("resize-trigger", `
 position: absolute;
 background-color: #0000;
 transition: background-color .3s var(--n-bezier);
 `, [cM("hover", `
 background-color: var(--n-resize-trigger-color-hover);
 `)]), cB("drawer-content-wrapper", `
 box-sizing: border-box;
 `), cB("drawer-content", `
 height: 100%;
 display: flex;
 flex-direction: column;
 `, [cM("native-scrollbar", [cB("drawer-body-content-wrapper", `
 height: 100%;
 overflow: auto;
 `)]), cB("drawer-body", `
 flex: 1 0 0;
 overflow: hidden;
 `), cB("drawer-body-content-wrapper", `
 box-sizing: border-box;
 padding: var(--n-body-padding);
 `), cB("drawer-header", `
 font-weight: var(--n-title-font-weight);
 line-height: 1;
 font-size: var(--n-title-font-size);
 color: var(--n-title-text-color);
 padding: var(--n-header-padding);
 transition: border .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-divider-color);
 border-bottom: var(--n-header-border-bottom);
 display: flex;
 justify-content: space-between;
 align-items: center;
 `, [cE("close", `
 margin-left: 6px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `)]), cB("drawer-footer", `
 display: flex;
 justify-content: flex-end;
 border-top: var(--n-footer-border-top);
 transition: border .3s var(--n-bezier);
 padding: var(--n-footer-padding);
 `)]), cM("right-placement", `
 top: 0;
 bottom: 0;
 right: 0;
 border-top-left-radius: var(--n-border-radius);
 border-bottom-left-radius: var(--n-border-radius);
 `, [cE("resize-trigger", `
 width: 3px;
 height: 100%;
 top: 0;
 left: 0;
 transform: translateX(-1.5px);
 cursor: ew-resize;
 `)]), cM("left-placement", `
 top: 0;
 bottom: 0;
 left: 0;
 border-top-right-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 `, [cE("resize-trigger", `
 width: 3px;
 height: 100%;
 top: 0;
 right: 0;
 transform: translateX(1.5px);
 cursor: ew-resize;
 `)]), cM("top-placement", `
 top: 0;
 left: 0;
 right: 0;
 border-bottom-left-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 `, [cE("resize-trigger", `
 width: 100%;
 height: 3px;
 bottom: 0;
 left: 0;
 transform: translateY(1.5px);
 cursor: ns-resize;
 `)]), cM("bottom-placement", `
 left: 0;
 bottom: 0;
 right: 0;
 border-top-left-radius: var(--n-border-radius);
 border-top-right-radius: var(--n-border-radius);
 `, [cE("resize-trigger", `
 width: 100%;
 height: 3px;
 top: 0;
 left: 0;
 transform: translateY(-1.5px);
 cursor: ns-resize;
 `)])]), c$1("body", [c$1(">", [cB("drawer-container", `
 position: fixed;
 `)])]), cB("drawer-container", `
 position: relative;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 pointer-events: none;
 `, [c$1("> *", `
 pointer-events: all;
 `)]), cB("drawer-mask", `
 background-color: rgba(0, 0, 0, .3);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `, [cM("invisible", `
 background-color: rgba(0, 0, 0, 0)
 `), fadeInTransition({
        enterDuration: "0.2s",
        leaveDuration: "0.2s",
        enterCubicBezier: "var(--n-bezier-in)",
        leaveCubicBezier: "var(--n-bezier-out)"
      })])]);
      const drawerProps = Object.assign(Object.assign({}, useTheme.props), {
        show: Boolean,
        width: [Number, String],
        height: [Number, String],
        placement: {
          type: String,
          default: "right"
        },
        maskClosable: {
          type: Boolean,
          default: true
        },
        showMask: {
          type: [Boolean, String],
          default: true
        },
        to: [String, Object],
        displayDirective: {
          type: String,
          default: "if"
        },
        nativeScrollbar: {
          type: Boolean,
          default: true
        },
        zIndex: Number,
        onMaskClick: Function,
        scrollbarProps: Object,
        contentClass: String,
        contentStyle: [Object, String],
        trapFocus: {
          type: Boolean,
          default: true
        },
        onEsc: Function,
        autoFocus: {
          type: Boolean,
          default: true
        },
        closeOnEsc: {
          type: Boolean,
          default: true
        },
        blockScroll: {
          type: Boolean,
          default: true
        },
        maxWidth: Number,
        maxHeight: Number,
        minWidth: Number,
        minHeight: Number,
        resizable: Boolean,
        defaultWidth: {
          type: [Number, String],
          default: 251
        },
        defaultHeight: {
          type: [Number, String],
          default: 251
        },
        onUpdateWidth: [Function, Array],
        onUpdateHeight: [Function, Array],
        "onUpdate:width": [Function, Array],
        "onUpdate:height": [Function, Array],
        "onUpdate:show": [Function, Array],
        onUpdateShow: [Function, Array],
        onAfterEnter: Function,
        onAfterLeave: Function,
        /** @deprecated */
        drawerStyle: [String, Object],
        drawerClass: String,
        target: null,
        onShow: Function,
        onHide: Function
      });
      const Drawer = vue.defineComponent({
        name: "Drawer",
        inheritAttrs: false,
        props: drawerProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const isMountedRef = isMounted();
          const themeRef = useTheme("Drawer", "-drawer", style$Q, drawerLight, props, mergedClsPrefixRef);
          const uncontrolledWidthRef = vue.ref(props.defaultWidth);
          const uncontrolledHeightRef = vue.ref(props.defaultHeight);
          const mergedWidthRef = useMergedState(vue.toRef(props, "width"), uncontrolledWidthRef);
          const mergedHeightRef = useMergedState(vue.toRef(props, "height"), uncontrolledHeightRef);
          const styleWidthRef = vue.computed(() => {
            const {
              placement
            } = props;
            if (placement === "top" || placement === "bottom")
              return "";
            return formatLength(mergedWidthRef.value);
          });
          const styleHeightRef = vue.computed(() => {
            const {
              placement
            } = props;
            if (placement === "left" || placement === "right")
              return "";
            return formatLength(mergedHeightRef.value);
          });
          const doUpdateWidth = (value) => {
            const {
              onUpdateWidth,
              "onUpdate:width": _onUpdateWidth
            } = props;
            if (onUpdateWidth)
              call(onUpdateWidth, value);
            if (_onUpdateWidth)
              call(_onUpdateWidth, value);
            uncontrolledWidthRef.value = value;
          };
          const doUpdateHeight = (value) => {
            const {
              onUpdateHeight,
              "onUpdate:width": _onUpdateHeight
            } = props;
            if (onUpdateHeight)
              call(onUpdateHeight, value);
            if (_onUpdateHeight)
              call(_onUpdateHeight, value);
            uncontrolledHeightRef.value = value;
          };
          const mergedBodyStyleRef = vue.computed(() => {
            return [{
              width: styleWidthRef.value,
              height: styleHeightRef.value
            }, props.drawerStyle || ""];
          });
          function handleMaskClick(e) {
            const {
              onMaskClick,
              maskClosable
            } = props;
            if (maskClosable) {
              doUpdateShow(false);
            }
            if (onMaskClick)
              onMaskClick(e);
          }
          function handleOutsideClick(e) {
            handleMaskClick(e);
          }
          const isComposingRef2 = useIsComposing();
          function handleEsc(e) {
            var _a;
            (_a = props.onEsc) === null || _a === void 0 ? void 0 : _a.call(props);
            if (props.show && props.closeOnEsc && eventEffectNotPerformed(e)) {
              !isComposingRef2.value && doUpdateShow(false);
            }
          }
          function doUpdateShow(show) {
            const {
              onHide,
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, show);
            if (_onUpdateShow)
              call(_onUpdateShow, show);
            if (onHide && !show)
              call(onHide, show);
          }
          vue.provide(drawerInjectionKey, {
            isMountedRef,
            mergedThemeRef: themeRef,
            mergedClsPrefixRef,
            doUpdateShow,
            doUpdateHeight,
            doUpdateWidth
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2,
                cubicBezierEaseIn: cubicBezierEaseIn2,
                cubicBezierEaseOut: cubicBezierEaseOut2
              },
              self: {
                color,
                textColor,
                boxShadow,
                lineHeight: lineHeight2,
                headerPadding,
                footerPadding,
                borderRadius,
                bodyPadding,
                titleFontSize,
                titleTextColor,
                titleFontWeight,
                headerBorderBottom,
                footerBorderTop,
                closeIconColor,
                closeIconColorHover,
                closeIconColorPressed,
                closeColorHover,
                closeColorPressed,
                closeIconSize,
                closeSize,
                closeBorderRadius,
                resizableTriggerColorHover
              }
            } = themeRef.value;
            return {
              "--n-line-height": lineHeight2,
              "--n-color": color,
              "--n-border-radius": borderRadius,
              "--n-text-color": textColor,
              "--n-box-shadow": boxShadow,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-bezier-out": cubicBezierEaseOut2,
              "--n-bezier-in": cubicBezierEaseIn2,
              "--n-header-padding": headerPadding,
              "--n-body-padding": bodyPadding,
              "--n-footer-padding": footerPadding,
              "--n-title-text-color": titleTextColor,
              "--n-title-font-size": titleFontSize,
              "--n-title-font-weight": titleFontWeight,
              "--n-header-border-bottom": headerBorderBottom,
              "--n-footer-border-top": footerBorderTop,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-close-size": closeSize,
              "--n-close-color-hover": closeColorHover,
              "--n-close-color-pressed": closeColorPressed,
              "--n-close-icon-size": closeIconSize,
              "--n-close-border-radius": closeBorderRadius,
              "--n-resize-trigger-color-hover": resizableTriggerColorHover
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("drawer", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            namespace: namespaceRef,
            mergedBodyStyle: mergedBodyStyleRef,
            handleOutsideClick,
            handleMaskClick,
            handleEsc,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            isMounted: isMountedRef
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h(LazyTeleport, {
            to: this.to,
            show: this.show
          }, {
            default: () => {
              var _a;
              (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
              return vue.withDirectives(vue.h("div", {
                class: [`${mergedClsPrefix}-drawer-container`, this.namespace, this.themeClass],
                style: this.cssVars,
                role: "none"
              }, this.showMask ? vue.h(vue.Transition, {
                name: "fade-in-transition",
                appear: this.isMounted
              }, {
                default: () => this.show ? vue.h("div", {
                  "aria-hidden": true,
                  class: [`${mergedClsPrefix}-drawer-mask`, this.showMask === "transparent" && `${mergedClsPrefix}-drawer-mask--invisible`],
                  onClick: this.handleMaskClick
                }) : null
              }) : null, vue.h(NDrawerBodyWrapper, Object.assign({}, this.$attrs, {
                class: [this.drawerClass, this.$attrs.class],
                style: [this.mergedBodyStyle, this.$attrs.style],
                blockScroll: this.blockScroll,
                contentStyle: this.contentStyle,
                contentClass: this.contentClass,
                placement: this.placement,
                scrollbarProps: this.scrollbarProps,
                show: this.show,
                displayDirective: this.displayDirective,
                nativeScrollbar: this.nativeScrollbar,
                onAfterEnter: this.onAfterEnter,
                onAfterLeave: this.onAfterLeave,
                trapFocus: this.trapFocus,
                autoFocus: this.autoFocus,
                resizable: this.resizable,
                maxHeight: this.maxHeight,
                minHeight: this.minHeight,
                maxWidth: this.maxWidth,
                minWidth: this.minWidth,
                showMask: this.showMask,
                onEsc: this.handleEsc,
                onClickoutside: this.handleOutsideClick
              }), this.$slots)), [[zindexable, {
                zIndex: this.zIndex,
                enabled: this.show
              }]]);
            }
          });
        }
      });
      const drawerContentProps = {
        title: String,
        headerClass: String,
        headerStyle: [Object, String],
        footerClass: String,
        footerStyle: [Object, String],
        bodyClass: String,
        bodyStyle: [Object, String],
        bodyContentClass: String,
        bodyContentStyle: [Object, String],
        nativeScrollbar: {
          type: Boolean,
          default: true
        },
        scrollbarProps: Object,
        closable: Boolean
      };
      const DrawerContent = vue.defineComponent({
        name: "DrawerContent",
        props: drawerContentProps,
        setup() {
          const NDrawer = vue.inject(drawerInjectionKey, null);
          if (!NDrawer) {
            throwError("drawer-content", "`n-drawer-content` must be placed inside `n-drawer`.");
          }
          const {
            doUpdateShow
          } = NDrawer;
          function handleCloseClick() {
            doUpdateShow(false);
          }
          return {
            handleCloseClick,
            mergedTheme: NDrawer.mergedThemeRef,
            mergedClsPrefix: NDrawer.mergedClsPrefixRef
          };
        },
        render() {
          const {
            title,
            mergedClsPrefix,
            nativeScrollbar,
            mergedTheme,
            bodyClass,
            bodyStyle,
            bodyContentClass,
            bodyContentStyle,
            headerClass,
            headerStyle,
            footerClass,
            footerStyle,
            scrollbarProps: scrollbarProps2,
            closable,
            $slots
          } = this;
          return vue.h("div", {
            role: "none",
            class: [`${mergedClsPrefix}-drawer-content`, nativeScrollbar && `${mergedClsPrefix}-drawer-content--native-scrollbar`]
          }, $slots.header || title || closable ? vue.h("div", {
            class: [`${mergedClsPrefix}-drawer-header`, headerClass],
            style: headerStyle,
            role: "none"
          }, vue.h("div", {
            class: `${mergedClsPrefix}-drawer-header__main`,
            role: "heading",
            "aria-level": "1"
          }, $slots.header !== void 0 ? $slots.header() : title), closable && vue.h(NBaseClose, {
            onClick: this.handleCloseClick,
            clsPrefix: mergedClsPrefix,
            class: `${mergedClsPrefix}-drawer-header__close`,
            absolute: true
          })) : null, nativeScrollbar ? vue.h("div", {
            class: [`${mergedClsPrefix}-drawer-body`, bodyClass],
            style: bodyStyle,
            role: "none"
          }, vue.h("div", {
            class: [`${mergedClsPrefix}-drawer-body-content-wrapper`, bodyContentClass],
            style: bodyContentStyle,
            role: "none"
          }, $slots)) : vue.h(Scrollbar$2, Object.assign({
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            theme: mergedTheme.peers.Scrollbar
          }, scrollbarProps2, {
            class: `${mergedClsPrefix}-drawer-body`,
            contentClass: [`${mergedClsPrefix}-drawer-body-content-wrapper`, bodyContentClass],
            contentStyle: bodyContentStyle
          }), $slots), $slots.footer ? vue.h("div", {
            class: [`${mergedClsPrefix}-drawer-footer`, footerClass],
            style: footerStyle,
            role: "none"
          }, $slots.footer()) : null);
        }
      });
      const commonVariables$6 = {
        actionMargin: "0 0 0 20px",
        actionMarginRtl: "0 20px 0 0"
      };
      const self$F = () => {
        return commonVariables$6;
      };
      const dynamicInputLight = createTheme({
        name: "DynamicInput",
        common: derived,
        peers: {
          Input: inputLight,
          Button: buttonLight
        },
        self: self$F
      });
      const dynamicInputInjectionKey = createInjectionKey("n-dynamic-input");
      const NDynamicInputInputPreset = vue.defineComponent({
        name: "DynamicInputInputPreset",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          value: {
            type: String,
            default: ""
          },
          disabled: Boolean,
          parentPath: String,
          path: String,
          onUpdateValue: {
            type: Function,
            required: true
          }
        },
        setup() {
          const {
            mergedThemeRef,
            placeholderRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(dynamicInputInjectionKey);
          return {
            mergedTheme: mergedThemeRef,
            placeholder: placeholderRef
          };
        },
        render() {
          const {
            mergedTheme,
            placeholder,
            value,
            clsPrefix,
            onUpdateValue,
            disabled
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-dynamic-input-preset-input`
          }, vue.h(NInput, {
            theme: mergedTheme.peers.Input,
            "theme-overrides": mergedTheme.peerOverrides.Input,
            value,
            placeholder,
            onUpdateValue,
            disabled
          }));
        }
      });
      const NDynamicInputPairPreset = vue.defineComponent({
        name: "DynamicInputPairPreset",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          value: {
            type: Object,
            default: () => ({
              key: "",
              value: ""
            })
          },
          disabled: Boolean,
          parentPath: String,
          path: String,
          onUpdateValue: {
            type: Function,
            required: true
          }
        },
        setup(props) {
          const {
            mergedThemeRef,
            keyPlaceholderRef,
            valuePlaceholderRef
          } = vue.inject(dynamicInputInjectionKey);
          return {
            mergedTheme: mergedThemeRef,
            keyPlaceholder: keyPlaceholderRef,
            valuePlaceholder: valuePlaceholderRef,
            handleKeyInput(key) {
              props.onUpdateValue({
                key,
                value: props.value.value
              });
            },
            handleValueInput(value) {
              props.onUpdateValue({
                key: props.value.key,
                value
              });
            }
          };
        },
        render() {
          const {
            mergedTheme,
            keyPlaceholder,
            valuePlaceholder,
            value,
            clsPrefix,
            disabled
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-dynamic-input-preset-pair`
          }, vue.h(NInput, {
            theme: mergedTheme.peers.Input,
            "theme-overrides": mergedTheme.peerOverrides.Input,
            value: value.key,
            class: `${clsPrefix}-dynamic-input-pair-input`,
            placeholder: keyPlaceholder,
            onUpdateValue: this.handleKeyInput,
            disabled
          }), vue.h(NInput, {
            theme: mergedTheme.peers.Input,
            "theme-overrides": mergedTheme.peerOverrides.Input,
            value: value.value,
            class: `${clsPrefix}-dynamic-input-pair-input`,
            placeholder: valuePlaceholder,
            onUpdateValue: this.handleValueInput,
            disabled
          }));
        }
      });
      const style$P = cB("dynamic-input", {
        width: "100%"
      }, [cB("dynamic-input-item", `
 margin-bottom: 10px;
 display: flex;
 flex-wrap: nowrap;
 `, [cB("dynamic-input-preset-input", {
        flex: 1,
        alignItems: "center"
      }), cB("dynamic-input-preset-pair", `
 flex: 1;
 display: flex;
 align-items: center;
 `, [cB("dynamic-input-pair-input", [c$1("&:first-child", {
        "margin-right": "12px"
      })])]), cE("action", `
 align-self: flex-start;
 display: flex;
 justify-content: flex-end;
 flex-shrink: 0;
 flex-grow: 0;
 margin: var(--action-margin);
 `, [cM("icon", {
        cursor: "pointer"
      })]), c$1("&:last-child", {
        marginBottom: 0
      })]), cB("form-item", `
 padding-top: 0 !important;
 margin-right: 0 !important;
 `, [cB("form-item-blank", {
        paddingTop: "0 !important"
      })])]);
      const globalDataKeyMap = /* @__PURE__ */ new WeakMap();
      const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props), {
        max: Number,
        min: {
          type: Number,
          default: 0
        },
        value: Array,
        // TODO: make it robust for different types
        defaultValue: {
          type: Array,
          default: () => []
        },
        preset: {
          type: String,
          default: "input"
        },
        keyField: String,
        itemClass: String,
        itemStyle: [String, Object],
        // for preset pair
        keyPlaceholder: {
          type: String,
          default: ""
        },
        valuePlaceholder: {
          type: String,
          default: ""
        },
        // for preset input
        placeholder: {
          type: String,
          default: ""
        },
        disabled: Boolean,
        showSortButton: Boolean,
        createButtonProps: Object,
        onCreate: Function,
        onRemove: Function,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        // deprecated
        onClear: Function,
        onInput: [Function, Array]
      });
      const DynamicInput = vue.defineComponent({
        name: "DynamicInput",
        props: dynamicInputProps,
        setup(props, {
          slots
        }) {
          const {
            mergedComponentPropsRef,
            mergedClsPrefixRef,
            mergedRtlRef,
            inlineThemeDisabled
          } = useConfig();
          const NFormItem2 = vue.inject(formItemInjectionKey, null);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const themeRef = useTheme("DynamicInput", "-dynamic-input", style$P, dynamicInputLight, props, mergedClsPrefixRef);
          const insertionDisabledRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (Array.isArray(mergedValue)) {
              const {
                max
              } = props;
              return max !== void 0 && mergedValue.length >= max;
            }
            return false;
          });
          const removeDisabledRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (Array.isArray(mergedValue))
              return mergedValue.length <= props.min;
            return true;
          });
          const buttonSizeRef = vue.computed(() => {
            var _a, _b;
            return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DynamicInput) === null || _b === void 0 ? void 0 : _b.buttonSize;
          });
          function doUpdateValue(value) {
            const {
              onInput,
              "onUpdate:value": _onUpdateValue,
              onUpdateValue
            } = props;
            if (onInput)
              call(onInput, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            if (onUpdateValue)
              call(onUpdateValue, value);
            uncontrolledValueRef.value = value;
          }
          function ensureKey(value, index) {
            if (value === void 0 || value === null)
              return index;
            if (typeof value !== "object")
              return index;
            const rawValue = vue.isProxy(value) ? vue.toRaw(value) : value;
            let key = globalDataKeyMap.get(rawValue);
            if (key === void 0) {
              globalDataKeyMap.set(rawValue, key = createId());
            }
            return key;
          }
          function handleValueChange(index, value) {
            const {
              value: mergedValue
            } = mergedValueRef;
            const newValue = Array.from(mergedValue !== null && mergedValue !== void 0 ? mergedValue : []);
            const originalItem = newValue[index];
            newValue[index] = value;
            if (originalItem && value && typeof originalItem === "object" && typeof value === "object") {
              const rawOriginal = vue.isProxy(originalItem) ? vue.toRaw(originalItem) : originalItem;
              const rawNew = vue.isProxy(value) ? vue.toRaw(value) : value;
              const originalKey = globalDataKeyMap.get(rawOriginal);
              if (originalKey !== void 0) {
                globalDataKeyMap.set(rawNew, originalKey);
              }
            }
            doUpdateValue(newValue);
          }
          function handleCreateClick() {
            createItem(-1);
          }
          function createItem(index) {
            const {
              value: mergedValue
            } = mergedValueRef;
            const {
              onCreate
            } = props;
            const newValue = Array.from(mergedValue !== null && mergedValue !== void 0 ? mergedValue : []);
            if (onCreate) {
              newValue.splice(index + 1, 0, onCreate(index + 1));
              doUpdateValue(newValue);
            } else if (slots.default) {
              newValue.splice(index + 1, 0, null);
              doUpdateValue(newValue);
            } else {
              switch (props.preset) {
                case "input":
                  newValue.splice(index + 1, 0, "");
                  doUpdateValue(newValue);
                  break;
                case "pair":
                  newValue.splice(index + 1, 0, {
                    key: "",
                    value: ""
                  });
                  doUpdateValue(newValue);
                  break;
              }
            }
          }
          function remove(index) {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!Array.isArray(mergedValue))
              return;
            const {
              min
            } = props;
            if (mergedValue.length <= min)
              return;
            const {
              onRemove
            } = props;
            if (onRemove) {
              onRemove(index);
            }
            const newValue = Array.from(mergedValue);
            newValue.splice(index, 1);
            doUpdateValue(newValue);
          }
          function swap(array, currentIndex, targetIndex) {
            if (currentIndex < 0 || targetIndex < 0 || currentIndex >= array.length || targetIndex >= array.length) {
              return;
            }
            if (currentIndex === targetIndex)
              return;
            const currentItem = array[currentIndex];
            array[currentIndex] = array[targetIndex];
            array[targetIndex] = currentItem;
          }
          function move2(type, index) {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!Array.isArray(mergedValue))
              return;
            const newValue = Array.from(mergedValue);
            if (type === "up") {
              swap(newValue, index, index - 1);
            }
            if (type === "down") {
              swap(newValue, index, index + 1);
            }
            doUpdateValue(newValue);
          }
          vue.provide(dynamicInputInjectionKey, {
            mergedThemeRef: themeRef,
            keyPlaceholderRef: vue.toRef(props, "keyPlaceholder"),
            valuePlaceholderRef: vue.toRef(props, "valuePlaceholder"),
            placeholderRef: vue.toRef(props, "placeholder")
          });
          const rtlEnabledRef = useRtl("DynamicInput", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                actionMargin,
                actionMarginRtl
              }
            } = themeRef.value;
            return {
              "--action-margin": actionMargin,
              "--action-margin-rtl": actionMarginRtl
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("dynamic-input", void 0, cssVarsRef, props) : void 0;
          return {
            locale: useLocale("DynamicInput").localeRef,
            rtlEnabled: rtlEnabledRef,
            buttonSize: buttonSizeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            NFormItem: NFormItem2,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            insertionDisabled: insertionDisabledRef,
            removeDisabled: removeDisabledRef,
            handleCreateClick,
            ensureKey,
            handleValueChange,
            remove,
            move: move2,
            createItem,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            $slots,
            itemClass,
            buttonSize,
            mergedClsPrefix,
            mergedValue,
            locale: locale2,
            mergedTheme,
            keyField,
            itemStyle,
            preset,
            showSortButton,
            NFormItem: NFormItem2,
            ensureKey,
            handleValueChange,
            remove,
            createItem,
            move: move2,
            onRender,
            disabled
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-dynamic-input`, this.rtlEnabled && `${mergedClsPrefix}-dynamic-input--rtl`, this.themeClass],
            style: this.cssVars
          }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? vue.h(NButton, Object.assign({
            block: true,
            ghost: true,
            dashed: true,
            size: buttonSize
          }, this.createButtonProps, {
            disabled: this.insertionDisabled || disabled,
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            onClick: this.handleCreateClick
          }), {
            default: () => resolveSlot($slots["create-button-default"], () => [locale2.create]),
            icon: () => resolveSlot($slots["create-button-icon"], () => [vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => vue.h(AddIcon, null)
            })])
          }) : mergedValue.map((_, index) => vue.h("div", {
            key: keyField ? _[keyField] : ensureKey(_, index),
            "data-key": keyField ? _[keyField] : ensureKey(_, index),
            class: [`${mergedClsPrefix}-dynamic-input-item`, itemClass],
            style: itemStyle
          }, resolveSlotWithProps($slots.default, {
            value: mergedValue[index],
            index
          }, () => {
            return [preset === "input" ? vue.h(NDynamicInputInputPreset, {
              disabled,
              clsPrefix: mergedClsPrefix,
              value: mergedValue[index],
              parentPath: NFormItem2 ? NFormItem2.path.value : void 0,
              path: (NFormItem2 === null || NFormItem2 === void 0 ? void 0 : NFormItem2.path.value) ? `${NFormItem2.path.value}[${index}]` : void 0,
              onUpdateValue: (v) => {
                handleValueChange(index, v);
              }
            }) : preset === "pair" ? vue.h(NDynamicInputPairPreset, {
              disabled,
              clsPrefix: mergedClsPrefix,
              value: mergedValue[index],
              parentPath: NFormItem2 ? NFormItem2.path.value : void 0,
              path: (NFormItem2 === null || NFormItem2 === void 0 ? void 0 : NFormItem2.path.value) ? `${NFormItem2.path.value}[${index}]` : void 0,
              onUpdateValue: (v) => {
                handleValueChange(index, v);
              }
            }) : null];
          }), resolveSlotWithProps($slots.action, {
            value: mergedValue[index],
            index,
            create: createItem,
            remove,
            move: move2
          }, () => [vue.h("div", {
            class: `${mergedClsPrefix}-dynamic-input-item__action`
          }, vue.h(NButtonGroup, {
            size: buttonSize
          }, {
            default: () => [vue.h(NButton, {
              disabled: this.removeDisabled || disabled,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button,
              circle: true,
              onClick: () => {
                remove(index);
              }
            }, {
              icon: () => vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(RemoveIcon, null)
              })
            }), vue.h(NButton, {
              disabled: this.insertionDisabled || disabled,
              circle: true,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button,
              onClick: () => {
                createItem(index);
              }
            }, {
              icon: () => vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(AddIcon, null)
              })
            }), showSortButton ? vue.h(NButton, {
              disabled: index === 0 || disabled,
              circle: true,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button,
              onClick: () => {
                move2("up", index);
              }
            }, {
              icon: () => vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(ArrowUpIcon, null)
              })
            }) : null, showSortButton ? vue.h(NButton, {
              disabled: index === mergedValue.length - 1 || disabled,
              circle: true,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button,
              onClick: () => {
                move2("down", index);
              }
            }, {
              icon: () => vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(ArrowDownIcon, null)
              })
            }) : null]
          }))]))));
        }
      });
      const commonVars$5 = {
        gapSmall: "4px 8px",
        gapMedium: "8px 12px",
        gapLarge: "12px 16px"
      };
      const self$E = () => {
        return commonVars$5;
      };
      const spaceLight = {
        name: "Space",
        self: self$E
      };
      let supportFlexGap;
      const ensureSupportFlexGap = () => {
        if (!isBrowser$2)
          return true;
        if (supportFlexGap === void 0) {
          const flex = document.createElement("div");
          flex.style.display = "flex";
          flex.style.flexDirection = "column";
          flex.style.rowGap = "1px";
          flex.appendChild(document.createElement("div"));
          flex.appendChild(document.createElement("div"));
          document.body.appendChild(flex);
          const isSupported = flex.scrollHeight === 1;
          document.body.removeChild(flex);
          return supportFlexGap = isSupported;
        }
        return supportFlexGap;
      };
      const spaceProps = Object.assign(Object.assign({}, useTheme.props), {
        align: String,
        justify: {
          type: String,
          default: "start"
        },
        inline: Boolean,
        vertical: Boolean,
        reverse: Boolean,
        size: {
          type: [String, Number, Array],
          default: "medium"
        },
        wrapItem: {
          type: Boolean,
          default: true
        },
        itemClass: String,
        itemStyle: [String, Object],
        wrap: {
          type: Boolean,
          default: true
        },
        // internal
        internalUseGap: {
          type: Boolean,
          default: void 0
        }
      });
      const NSpace = vue.defineComponent({
        name: "Space",
        props: spaceProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Space", "-space", void 0, spaceLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Space", mergedRtlRef, mergedClsPrefixRef);
          return {
            useGap: ensureSupportFlexGap(),
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            margin: vue.computed(() => {
              const {
                size: size2
              } = props;
              if (Array.isArray(size2)) {
                return {
                  horizontal: size2[0],
                  vertical: size2[1]
                };
              }
              if (typeof size2 === "number") {
                return {
                  horizontal: size2,
                  vertical: size2
                };
              }
              const {
                self: {
                  [createKey("gap", size2)]: gap
                }
              } = themeRef.value;
              const {
                row,
                col
              } = getGap(gap);
              return {
                horizontal: depx(col),
                vertical: depx(row)
              };
            })
          };
        },
        render() {
          const {
            vertical,
            reverse,
            align,
            inline,
            justify,
            itemClass,
            itemStyle,
            margin,
            wrap,
            mergedClsPrefix,
            rtlEnabled,
            useGap,
            wrapItem,
            internalUseGap
          } = this;
          const children = flatten$3(getSlot$1(this), false);
          if (!children.length)
            return null;
          const horizontalMargin = `${margin.horizontal}px`;
          const semiHorizontalMargin = `${margin.horizontal / 2}px`;
          const verticalMargin = `${margin.vertical}px`;
          const semiVerticalMargin = `${margin.vertical / 2}px`;
          const lastIndex = children.length - 1;
          const isJustifySpace = justify.startsWith("space-");
          return vue.h("div", {
            role: "none",
            class: [`${mergedClsPrefix}-space`, rtlEnabled && `${mergedClsPrefix}-space--rtl`],
            style: {
              display: inline ? "inline-flex" : "flex",
              flexDirection: (() => {
                if (vertical && !reverse)
                  return "column";
                if (vertical && reverse)
                  return "column-reverse";
                if (!vertical && reverse)
                  return "row-reverse";
                else
                  return "row";
              })(),
              justifyContent: ["start", "end"].includes(justify) ? "flex-" + justify : justify,
              flexWrap: !wrap || vertical ? "nowrap" : "wrap",
              marginTop: useGap || vertical ? "" : `-${semiVerticalMargin}`,
              marginBottom: useGap || vertical ? "" : `-${semiVerticalMargin}`,
              alignItems: align,
              gap: useGap ? `${margin.vertical}px ${margin.horizontal}px` : ""
            }
          }, !wrapItem && (useGap || internalUseGap) ? children : children.map((child, index) => child.type === vue.Comment ? child : vue.h("div", {
            role: "none",
            class: itemClass,
            style: [itemStyle, {
              maxWidth: "100%"
            }, useGap ? "" : vertical ? {
              marginBottom: index !== lastIndex ? verticalMargin : ""
            } : rtlEnabled ? {
              marginLeft: isJustifySpace ? justify === "space-between" && index === lastIndex ? "" : semiHorizontalMargin : index !== lastIndex ? horizontalMargin : "",
              marginRight: isJustifySpace ? justify === "space-between" && index === 0 ? "" : semiHorizontalMargin : "",
              paddingTop: semiVerticalMargin,
              paddingBottom: semiVerticalMargin
            } : {
              marginRight: isJustifySpace ? justify === "space-between" && index === lastIndex ? "" : semiHorizontalMargin : index !== lastIndex ? horizontalMargin : "",
              marginLeft: isJustifySpace ? justify === "space-between" && index === 0 ? "" : semiHorizontalMargin : "",
              paddingTop: semiVerticalMargin,
              paddingBottom: semiVerticalMargin
            }]
          }, child)));
        }
      });
      const dynamicTagsLight = createTheme({
        name: "DynamicTags",
        common: derived,
        peers: {
          Input: inputLight,
          Button: buttonLight,
          Tag: tagLight,
          Space: spaceLight
        },
        self() {
          return {
            inputWidth: "64px"
          };
        }
      });
      const style$O = cB("dynamic-tags", [cB("input", {
        minWidth: "var(--n-input-width)"
      })]);
      const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), commonProps), {
        size: {
          type: String,
          default: "medium"
        },
        closable: {
          type: Boolean,
          default: true
        },
        defaultValue: {
          type: Array,
          default: () => []
        },
        value: Array,
        inputClass: String,
        inputStyle: [String, Object],
        inputProps: Object,
        max: Number,
        tagClass: String,
        tagStyle: [String, Object],
        renderTag: Function,
        onCreate: {
          type: Function,
          default: (label) => label
        },
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        // deprecated
        onChange: [Function, Array]
      });
      const DynamicTags = vue.defineComponent({
        name: "DynamicTags",
        props: dynamicTagsProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const {
            localeRef
          } = useLocale("DynamicTags");
          const formItem = useFormItem(props);
          const {
            mergedDisabledRef
          } = formItem;
          const inputValueRef = vue.ref("");
          const showInputRef = vue.ref(false);
          const inputForceFocusedRef = vue.ref(true);
          const inputInstRef = vue.ref(null);
          const themeRef = useTheme("DynamicTags", "-dynamic-tags", style$O, dynamicTagsLight, props, mergedClsPrefixRef);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const localizedAddRef = vue.computed(() => {
            return localeRef.value.add;
          });
          const inputSizeRef = vue.computed(() => {
            return smallerSize(props.size);
          });
          const triggerDisabledRef = vue.computed(() => {
            return mergedDisabledRef.value || !!props.max && mergedValueRef.value.length >= props.max;
          });
          function doChange(value) {
            const {
              onChange,
              "onUpdate:value": _onUpdateValue,
              onUpdateValue
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onChange)
              call(onChange, value);
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function handleCloseClick(index) {
            const tags = mergedValueRef.value.slice(0);
            tags.splice(index, 1);
            doChange(tags);
          }
          function handleInputKeyDown(e) {
            switch (e.key) {
              case "Enter":
                handleInputConfirm();
            }
          }
          function handleInputConfirm(externalValue) {
            const nextValue = externalValue !== null && externalValue !== void 0 ? externalValue : inputValueRef.value;
            if (nextValue) {
              const tags = mergedValueRef.value.slice(0);
              tags.push(props.onCreate(nextValue));
              doChange(tags);
            }
            showInputRef.value = false;
            inputForceFocusedRef.value = true;
            inputValueRef.value = "";
          }
          function handleInputBlur() {
            handleInputConfirm();
          }
          function handleAddClick() {
            showInputRef.value = true;
            void vue.nextTick(() => {
              var _a;
              (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
              inputForceFocusedRef.value = false;
            });
          }
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                inputWidth
              }
            } = themeRef.value;
            return {
              "--n-input-width": inputWidth
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("dynamic-tags", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            inputInstRef,
            localizedAdd: localizedAddRef,
            inputSize: inputSizeRef,
            inputValue: inputValueRef,
            showInput: showInputRef,
            inputForceFocused: inputForceFocusedRef,
            mergedValue: mergedValueRef,
            mergedDisabled: mergedDisabledRef,
            triggerDisabled: triggerDisabledRef,
            handleInputKeyDown,
            handleAddClick,
            handleInputBlur,
            handleCloseClick,
            handleInputConfirm,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedTheme,
            cssVars,
            mergedClsPrefix,
            onRender,
            renderTag
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h(NSpace, {
            class: [`${mergedClsPrefix}-dynamic-tags`, this.themeClass],
            size: "small",
            style: cssVars,
            theme: mergedTheme.peers.Space,
            themeOverrides: mergedTheme.peerOverrides.Space,
            itemStyle: "display: flex;"
          }, {
            default: () => {
              const {
                mergedTheme: mergedTheme2,
                tagClass,
                tagStyle,
                type,
                round: round2,
                size: size2,
                color,
                closable,
                mergedDisabled,
                showInput,
                inputValue,
                inputClass,
                inputStyle,
                inputSize,
                inputForceFocused,
                triggerDisabled,
                handleInputKeyDown,
                handleInputBlur,
                handleAddClick,
                handleCloseClick,
                handleInputConfirm,
                $slots
              } = this;
              return this.mergedValue.map((tag, index) => renderTag ? renderTag(tag, index) : vue.h(NTag, {
                key: index,
                theme: mergedTheme2.peers.Tag,
                themeOverrides: mergedTheme2.peerOverrides.Tag,
                class: tagClass,
                style: tagStyle,
                type,
                round: round2,
                size: size2,
                color,
                closable,
                disabled: mergedDisabled,
                onClose: () => {
                  handleCloseClick(index);
                }
              }, {
                default: () => typeof tag === "string" ? tag : tag.label
              })).concat(showInput ? $slots.input ? $slots.input({
                submit: handleInputConfirm,
                deactivate: handleInputBlur
              }) : vue.h(NInput, Object.assign({
                placeholder: "",
                size: inputSize,
                style: inputStyle,
                class: inputClass,
                autosize: true
              }, this.inputProps, {
                ref: "inputInstRef",
                value: inputValue,
                onUpdateValue: (v) => {
                  this.inputValue = v;
                },
                theme: mergedTheme2.peers.Input,
                themeOverrides: mergedTheme2.peerOverrides.Input,
                onKeydown: handleInputKeyDown,
                onBlur: handleInputBlur,
                internalForceFocus: inputForceFocused
              })) : $slots.trigger ? $slots.trigger({
                activate: handleAddClick,
                disabled: triggerDisabled
              }) : vue.h(NButton, {
                dashed: true,
                disabled: triggerDisabled,
                theme: mergedTheme2.peers.Button,
                themeOverrides: mergedTheme2.peerOverrides.Button,
                size: inputSize,
                onClick: handleAddClick
              }, {
                icon: () => vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix
                }, {
                  default: () => vue.h(AddIcon, null)
                })
              }));
            }
          });
        }
      });
      const elementLight = {
        name: "Element",
        common: derived
      };
      const elementProps = Object.assign(Object.assign({}, useTheme.props), {
        tag: {
          type: String,
          default: "div"
        }
      });
      const NElement = vue.defineComponent({
        name: "Element",
        alias: ["El"],
        props: elementProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Element", "-element", void 0, elementLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: common2
            } = themeRef.value;
            return Object.keys(common2).reduce((prevValue, key) => {
              prevValue[`--${kebabCase(key)}`] = common2[key];
              return prevValue;
            }, {});
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("element", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            tag,
            mergedClsPrefix,
            cssVars,
            themeClass,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h(tag, {
            role: "none",
            class: [`${mergedClsPrefix}-element`, themeClass],
            style: cssVars
          }, (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots));
        }
      });
      const commonVars$4 = {
        gapSmall: "4px 8px",
        gapMedium: "8px 12px",
        gapLarge: "12px 16px"
      };
      const self$D = () => {
        return commonVars$4;
      };
      const flexLight = {
        name: "Flex",
        self: self$D
      };
      const flexProps = Object.assign(Object.assign({}, useTheme.props), {
        align: String,
        justify: {
          type: String,
          default: "start"
        },
        inline: Boolean,
        vertical: Boolean,
        reverse: Boolean,
        size: {
          type: [String, Number, Array],
          default: "medium"
        },
        wrap: {
          type: Boolean,
          default: true
        }
      });
      const Flex = vue.defineComponent({
        name: "Flex",
        props: flexProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Flex", "-flex", void 0, flexLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Flex", mergedRtlRef, mergedClsPrefixRef);
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            margin: vue.computed(() => {
              const {
                size: size2
              } = props;
              if (Array.isArray(size2)) {
                return {
                  horizontal: size2[0],
                  vertical: size2[1]
                };
              }
              if (typeof size2 === "number") {
                return {
                  horizontal: size2,
                  vertical: size2
                };
              }
              const {
                self: {
                  [createKey("gap", size2)]: gap
                }
              } = themeRef.value;
              const {
                row,
                col
              } = getGap(gap);
              return {
                horizontal: depx(col),
                vertical: depx(row)
              };
            })
          };
        },
        render() {
          const {
            vertical,
            reverse,
            align,
            inline,
            justify,
            margin,
            wrap,
            mergedClsPrefix,
            rtlEnabled
          } = this;
          const children = flatten$3(getSlot$1(this), false);
          if (!children.length)
            return null;
          return vue.h("div", {
            role: "none",
            class: [`${mergedClsPrefix}-flex`, rtlEnabled && `${mergedClsPrefix}-flex--rtl`],
            style: {
              display: inline ? "inline-flex" : "flex",
              flexDirection: (() => {
                if (vertical && !reverse)
                  return "column";
                if (vertical && reverse)
                  return "column-reverse";
                if (!vertical && reverse)
                  return "row-reverse";
                else
                  return "row";
              })(),
              justifyContent: justify,
              flexWrap: !wrap || vertical ? "nowrap" : "wrap",
              alignItems: align,
              gap: `${margin.vertical}px ${margin.horizontal}px`
            }
          }, children);
        }
      });
      const commonVariables$5 = {
        feedbackPadding: "4px 0 0 2px",
        feedbackHeightSmall: "24px",
        feedbackHeightMedium: "24px",
        feedbackHeightLarge: "26px",
        feedbackFontSizeSmall: "13px",
        feedbackFontSizeMedium: "14px",
        feedbackFontSizeLarge: "14px",
        labelFontSizeLeftSmall: "14px",
        labelFontSizeLeftMedium: "14px",
        labelFontSizeLeftLarge: "15px",
        labelFontSizeTopSmall: "13px",
        labelFontSizeTopMedium: "14px",
        labelFontSizeTopLarge: "14px",
        labelHeightSmall: "24px",
        labelHeightMedium: "26px",
        labelHeightLarge: "28px",
        labelPaddingVertical: "0 0 6px 2px",
        labelPaddingHorizontal: "0 12px 0 0",
        labelTextAlignVertical: "left",
        labelTextAlignHorizontal: "right",
        labelFontWeight: "400"
      };
      const self$C = (vars) => {
        const {
          heightSmall,
          heightMedium,
          heightLarge,
          textColor1,
          errorColor,
          warningColor,
          lineHeight: lineHeight2,
          textColor3
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$5), {
          blankHeightSmall: heightSmall,
          blankHeightMedium: heightMedium,
          blankHeightLarge: heightLarge,
          lineHeight: lineHeight2,
          labelTextColor: textColor1,
          asteriskColor: errorColor,
          feedbackTextColorError: errorColor,
          feedbackTextColorWarning: warningColor,
          feedbackTextColor: textColor3
        });
      };
      const formLight = {
        name: "Form",
        common: derived,
        self: self$C
      };
      const style$N = cB("form", [cM("inline", `
 width: 100%;
 display: inline-flex;
 align-items: flex-start;
 align-content: space-around;
 `, [cB("form-item", {
        width: "auto",
        marginRight: "18px"
      }, [c$1("&:last-child", {
        marginRight: 0
      })])])]);
      const formInjectionKey = createInjectionKey("n-form");
      const formItemInstsInjectionKey = createInjectionKey("n-form-item-insts");
      var __awaiter$7 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, _arguments || [])).next());
        });
      };
      const formProps = Object.assign(Object.assign({}, useTheme.props), {
        inline: Boolean,
        labelWidth: [Number, String],
        labelAlign: String,
        labelPlacement: {
          type: String,
          default: "top"
        },
        model: {
          type: Object,
          default: () => {
          }
        },
        rules: Object,
        disabled: Boolean,
        size: String,
        showRequireMark: {
          type: Boolean,
          default: void 0
        },
        requireMarkPlacement: String,
        showFeedback: {
          type: Boolean,
          default: true
        },
        onSubmit: {
          type: Function,
          default: (e) => {
            e.preventDefault();
          }
        },
        showLabel: {
          type: Boolean,
          default: void 0
        },
        validateMessages: Object
      });
      const Form = vue.defineComponent({
        name: "Form",
        props: formProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          useTheme("Form", "-form", style$N, formLight, props, mergedClsPrefixRef);
          const formItems = {};
          const maxChildLabelWidthRef = vue.ref(void 0);
          const deriveMaxChildLabelWidth = (currentWidth) => {
            const currentMaxChildLabelWidth = maxChildLabelWidthRef.value;
            if (currentMaxChildLabelWidth === void 0 || currentWidth >= currentMaxChildLabelWidth) {
              maxChildLabelWidthRef.value = currentWidth;
            }
          };
          function validate(validateCallback_1) {
            return __awaiter$7(this, arguments, void 0, function* (validateCallback, shouldRuleBeApplied = () => true) {
              return yield new Promise((resolve, reject) => {
                const formItemValidationPromises = [];
                for (const key of keysOf(formItems)) {
                  const formItemInstances = formItems[key];
                  for (const formItemInstance of formItemInstances) {
                    if (formItemInstance.path) {
                      formItemValidationPromises.push(formItemInstance.internalValidate(null, shouldRuleBeApplied));
                    }
                  }
                }
                void Promise.all(formItemValidationPromises).then((results) => {
                  const formInvalid = results.some((result) => !result.valid);
                  const errors = [];
                  const warnings = [];
                  results.forEach((result) => {
                    var _a, _b;
                    if ((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) {
                      errors.push(result.errors);
                    }
                    if ((_b = result.warnings) === null || _b === void 0 ? void 0 : _b.length) {
                      warnings.push(result.warnings);
                    }
                  });
                  if (validateCallback) {
                    validateCallback(errors.length ? errors : void 0, {
                      warnings: warnings.length ? warnings : void 0
                    });
                  }
                  if (formInvalid) {
                    reject(errors.length ? errors : void 0);
                  } else {
                    resolve({
                      warnings: warnings.length ? warnings : void 0
                    });
                  }
                });
              });
            });
          }
          function restoreValidation() {
            for (const key of keysOf(formItems)) {
              const formItemInstances = formItems[key];
              for (const formItemInstance of formItemInstances) {
                formItemInstance.restoreValidation();
              }
            }
          }
          vue.provide(formInjectionKey, {
            props,
            maxChildLabelWidthRef,
            deriveMaxChildLabelWidth
          });
          vue.provide(formItemInstsInjectionKey, {
            formItems
          });
          const formExposedMethod = {
            validate,
            restoreValidation
          };
          return Object.assign(formExposedMethod, {
            mergedClsPrefix: mergedClsPrefixRef
          });
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("form", {
            class: [`${mergedClsPrefix}-form`, this.inline && `${mergedClsPrefix}-form--inline`],
            onSubmit: this.onSubmit
          }, this.$slots);
        }
      });
      var define_process_env_default = {};
      function _extends() {
        _extends = Object.assign ? Object.assign.bind() : function(target) {
          for (var i = 1; i < arguments.length; i++) {
            var source = arguments[i];
            for (var key in source) {
              if (Object.prototype.hasOwnProperty.call(source, key)) {
                target[key] = source[key];
              }
            }
          }
          return target;
        };
        return _extends.apply(this, arguments);
      }
      function _inheritsLoose(subClass, superClass) {
        subClass.prototype = Object.create(superClass.prototype);
        subClass.prototype.constructor = subClass;
        _setPrototypeOf(subClass, superClass);
      }
      function _getPrototypeOf(o) {
        _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
          return o2.__proto__ || Object.getPrototypeOf(o2);
        };
        return _getPrototypeOf(o);
      }
      function _setPrototypeOf(o, p2) {
        _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p22) {
          o2.__proto__ = p22;
          return o2;
        };
        return _setPrototypeOf(o, p2);
      }
      function _isNativeReflectConstruct() {
        if (typeof Reflect === "undefined" || !Reflect.construct)
          return false;
        if (Reflect.construct.sham)
          return false;
        if (typeof Proxy === "function")
          return true;
        try {
          Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
          }));
          return true;
        } catch (e) {
          return false;
        }
      }
      function _construct(Parent, args, Class) {
        if (_isNativeReflectConstruct()) {
          _construct = Reflect.construct.bind();
        } else {
          _construct = function _construct2(Parent2, args2, Class2) {
            var a2 = [null];
            a2.push.apply(a2, args2);
            var Constructor = Function.bind.apply(Parent2, a2);
            var instance = new Constructor();
            if (Class2)
              _setPrototypeOf(instance, Class2.prototype);
            return instance;
          };
        }
        return _construct.apply(null, arguments);
      }
      function _isNativeFunction(fn) {
        return Function.toString.call(fn).indexOf("[native code]") !== -1;
      }
      function _wrapNativeSuper(Class) {
        var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
        _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
          if (Class2 === null || !_isNativeFunction(Class2))
            return Class2;
          if (typeof Class2 !== "function") {
            throw new TypeError("Super expression must either be null or a function");
          }
          if (typeof _cache !== "undefined") {
            if (_cache.has(Class2))
              return _cache.get(Class2);
            _cache.set(Class2, Wrapper2);
          }
          function Wrapper2() {
            return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
          }
          Wrapper2.prototype = Object.create(Class2.prototype, {
            constructor: {
              value: Wrapper2,
              enumerable: false,
              writable: true,
              configurable: true
            }
          });
          return _setPrototypeOf(Wrapper2, Class2);
        };
        return _wrapNativeSuper(Class);
      }
      var formatRegExp = /%[sdj%]/g;
      var warning = function warning2() {
      };
      if (typeof process !== "undefined" && define_process_env_default && false) {
        warning = function warning3(type4, errors) {
          if (typeof console !== "undefined" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === "undefined") {
            if (errors.every(function(e) {
              return typeof e === "string";
            })) {
              console.warn(type4, errors);
            }
          }
        };
      }
      function convertFieldsError(errors) {
        if (!errors || !errors.length)
          return null;
        var fields = {};
        errors.forEach(function(error) {
          var field = error.field;
          fields[field] = fields[field] || [];
          fields[field].push(error);
        });
        return fields;
      }
      function format$1(template) {
        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
          args[_key - 1] = arguments[_key];
        }
        var i = 0;
        var len2 = args.length;
        if (typeof template === "function") {
          return template.apply(null, args);
        }
        if (typeof template === "string") {
          var str = template.replace(formatRegExp, function(x) {
            if (x === "%%") {
              return "%";
            }
            if (i >= len2) {
              return x;
            }
            switch (x) {
              case "%s":
                return String(args[i++]);
              case "%d":
                return Number(args[i++]);
              case "%j":
                try {
                  return JSON.stringify(args[i++]);
                } catch (_) {
                  return "[Circular]";
                }
                break;
              default:
                return x;
            }
          });
          return str;
        }
        return template;
      }
      function isNativeStringType(type4) {
        return type4 === "string" || type4 === "url" || type4 === "hex" || type4 === "email" || type4 === "date" || type4 === "pattern";
      }
      function isEmptyValue(value, type4) {
        if (value === void 0 || value === null) {
          return true;
        }
        if (type4 === "array" && Array.isArray(value) && !value.length) {
          return true;
        }
        if (isNativeStringType(type4) && typeof value === "string" && !value) {
          return true;
        }
        return false;
      }
      function asyncParallelArray(arr, func, callback) {
        var results = [];
        var total = 0;
        var arrLength = arr.length;
        function count(errors) {
          results.push.apply(results, errors || []);
          total++;
          if (total === arrLength) {
            callback(results);
          }
        }
        arr.forEach(function(a2) {
          func(a2, count);
        });
      }
      function asyncSerialArray(arr, func, callback) {
        var index = 0;
        var arrLength = arr.length;
        function next(errors) {
          if (errors && errors.length) {
            callback(errors);
            return;
          }
          var original = index;
          index = index + 1;
          if (original < arrLength) {
            func(arr[original], next);
          } else {
            callback([]);
          }
        }
        next([]);
      }
      function flattenObjArr(objArr) {
        var ret = [];
        Object.keys(objArr).forEach(function(k) {
          ret.push.apply(ret, objArr[k] || []);
        });
        return ret;
      }
      var AsyncValidationError = /* @__PURE__ */ function(_Error) {
        _inheritsLoose(AsyncValidationError2, _Error);
        function AsyncValidationError2(errors, fields) {
          var _this;
          _this = _Error.call(this, "Async Validation Error") || this;
          _this.errors = errors;
          _this.fields = fields;
          return _this;
        }
        return AsyncValidationError2;
      }(/* @__PURE__ */ _wrapNativeSuper(Error));
      function asyncMap(objArr, option, func, callback, source) {
        if (option.first) {
          var _pending = new Promise(function(resolve, reject) {
            var next = function next2(errors) {
              callback(errors);
              return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
            };
            var flattenArr = flattenObjArr(objArr);
            asyncSerialArray(flattenArr, func, next);
          });
          _pending["catch"](function(e) {
            return e;
          });
          return _pending;
        }
        var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
        var objArrKeys = Object.keys(objArr);
        var objArrLength = objArrKeys.length;
        var total = 0;
        var results = [];
        var pending = new Promise(function(resolve, reject) {
          var next = function next2(errors) {
            results.push.apply(results, errors);
            total++;
            if (total === objArrLength) {
              callback(results);
              return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
            }
          };
          if (!objArrKeys.length) {
            callback(results);
            resolve(source);
          }
          objArrKeys.forEach(function(key) {
            var arr = objArr[key];
            if (firstFields.indexOf(key) !== -1) {
              asyncSerialArray(arr, func, next);
            } else {
              asyncParallelArray(arr, func, next);
            }
          });
        });
        pending["catch"](function(e) {
          return e;
        });
        return pending;
      }
      function isErrorObj(obj) {
        return !!(obj && obj.message !== void 0);
      }
      function getValue(value, path) {
        var v = value;
        for (var i = 0; i < path.length; i++) {
          if (v == void 0) {
            return v;
          }
          v = v[path[i]];
        }
        return v;
      }
      function complementError(rule, source) {
        return function(oe) {
          var fieldValue;
          if (rule.fullFields) {
            fieldValue = getValue(source, rule.fullFields);
          } else {
            fieldValue = source[oe.field || rule.fullField];
          }
          if (isErrorObj(oe)) {
            oe.field = oe.field || rule.fullField;
            oe.fieldValue = fieldValue;
            return oe;
          }
          return {
            message: typeof oe === "function" ? oe() : oe,
            fieldValue,
            field: oe.field || rule.fullField
          };
        };
      }
      function deepMerge(target, source) {
        if (source) {
          for (var s in source) {
            if (source.hasOwnProperty(s)) {
              var value = source[s];
              if (typeof value === "object" && typeof target[s] === "object") {
                target[s] = _extends({}, target[s], value);
              } else {
                target[s] = value;
              }
            }
          }
        }
        return target;
      }
      var required$1 = function required(rule, value, source, errors, options, type4) {
        if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type4 || rule.type))) {
          errors.push(format$1(options.messages.required, rule.fullField));
        }
      };
      var whitespace = function whitespace2(rule, value, source, errors, options) {
        if (/^\s+$/.test(value) || value === "") {
          errors.push(format$1(options.messages.whitespace, rule.fullField));
        }
      };
      var urlReg;
      var getUrlRegex = function() {
        if (urlReg) {
          return urlReg;
        }
        var word = "[a-fA-F\\d:]";
        var b = function b2(options) {
          return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
        };
        var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
        var v6seg = "[a-fA-F\\d]{1,4}";
        var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
        var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
        var v4exact = new RegExp("^" + v4 + "$");
        var v6exact = new RegExp("^" + v6 + "$");
        var ip = function ip2(options) {
          return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
        };
        ip.v4 = function(options) {
          return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), "g");
        };
        ip.v6 = function(options) {
          return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), "g");
        };
        var protocol = "(?:(?:[a-z]+:)?//)";
        var auth = "(?:\\S+(?::\\S*)?@)?";
        var ipv4 = ip.v4().source;
        var ipv6 = ip.v6().source;
        var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
        var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
        var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
        var port = "(?::\\d{2,5})?";
        var path = '(?:[/?#][^\\s"]*)?';
        var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
        urlReg = new RegExp("(?:^" + regex + "$)", "i");
        return urlReg;
      };
      var pattern$2 = {
        // http://emailregex.com/
        email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
        // url: new RegExp(
        //   '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
        //   'i',
        // ),
        hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
      };
      var types = {
        integer: function integer(value) {
          return types.number(value) && parseInt(value, 10) === value;
        },
        "float": function float2(value) {
          return types.number(value) && !types.integer(value);
        },
        array: function array(value) {
          return Array.isArray(value);
        },
        regexp: function regexp(value) {
          if (value instanceof RegExp) {
            return true;
          }
          try {
            return !!new RegExp(value);
          } catch (e) {
            return false;
          }
        },
        date: function date(value) {
          return typeof value.getTime === "function" && typeof value.getMonth === "function" && typeof value.getYear === "function" && !isNaN(value.getTime());
        },
        number: function number(value) {
          if (isNaN(value)) {
            return false;
          }
          return typeof value === "number";
        },
        object: function object(value) {
          return typeof value === "object" && !types.array(value);
        },
        method: function method(value) {
          return typeof value === "function";
        },
        email: function email(value) {
          return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
        },
        url: function url(value) {
          return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
        },
        hex: function hex2(value) {
          return typeof value === "string" && !!value.match(pattern$2.hex);
        }
      };
      var type$1 = function type(rule, value, source, errors, options) {
        if (rule.required && value === void 0) {
          required$1(rule, value, source, errors, options);
          return;
        }
        var custom = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"];
        var ruleType = rule.type;
        if (custom.indexOf(ruleType) > -1) {
          if (!types[ruleType](value)) {
            errors.push(format$1(options.messages.types[ruleType], rule.fullField, rule.type));
          }
        } else if (ruleType && typeof value !== rule.type) {
          errors.push(format$1(options.messages.types[ruleType], rule.fullField, rule.type));
        }
      };
      var range = function range2(rule, value, source, errors, options) {
        var len2 = typeof rule.len === "number";
        var min = typeof rule.min === "number";
        var max = typeof rule.max === "number";
        var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
        var val = value;
        var key = null;
        var num = typeof value === "number";
        var str = typeof value === "string";
        var arr = Array.isArray(value);
        if (num) {
          key = "number";
        } else if (str) {
          key = "string";
        } else if (arr) {
          key = "array";
        }
        if (!key) {
          return false;
        }
        if (arr) {
          val = value.length;
        }
        if (str) {
          val = value.replace(spRegexp, "_").length;
        }
        if (len2) {
          if (val !== rule.len) {
            errors.push(format$1(options.messages[key].len, rule.fullField, rule.len));
          }
        } else if (min && !max && val < rule.min) {
          errors.push(format$1(options.messages[key].min, rule.fullField, rule.min));
        } else if (max && !min && val > rule.max) {
          errors.push(format$1(options.messages[key].max, rule.fullField, rule.max));
        } else if (min && max && (val < rule.min || val > rule.max)) {
          errors.push(format$1(options.messages[key].range, rule.fullField, rule.min, rule.max));
        }
      };
      var ENUM$1 = "enum";
      var enumerable$1 = function enumerable(rule, value, source, errors, options) {
        rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
        if (rule[ENUM$1].indexOf(value) === -1) {
          errors.push(format$1(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(", ")));
        }
      };
      var pattern$1 = function pattern(rule, value, source, errors, options) {
        if (rule.pattern) {
          if (rule.pattern instanceof RegExp) {
            rule.pattern.lastIndex = 0;
            if (!rule.pattern.test(value)) {
              errors.push(format$1(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
            }
          } else if (typeof rule.pattern === "string") {
            var _pattern = new RegExp(rule.pattern);
            if (!_pattern.test(value)) {
              errors.push(format$1(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
            }
          }
        }
      };
      var rules = {
        required: required$1,
        whitespace,
        type: type$1,
        range,
        "enum": enumerable$1,
        pattern: pattern$1
      };
      var string = function string2(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value, "string") && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options, "string");
          if (!isEmptyValue(value, "string")) {
            rules.type(rule, value, source, errors, options);
            rules.range(rule, value, source, errors, options);
            rules.pattern(rule, value, source, errors, options);
            if (rule.whitespace === true) {
              rules.whitespace(rule, value, source, errors, options);
            }
          }
        }
        callback(errors);
      };
      var method2 = function method3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules.type(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var number2 = function number3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (value === "") {
            value = void 0;
          }
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules.type(rule, value, source, errors, options);
            rules.range(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var _boolean = function _boolean2(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules.type(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var regexp2 = function regexp3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (!isEmptyValue(value)) {
            rules.type(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var integer2 = function integer3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules.type(rule, value, source, errors, options);
            rules.range(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var floatFn = function floatFn2(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules.type(rule, value, source, errors, options);
            rules.range(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var array2 = function array3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if ((value === void 0 || value === null) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options, "array");
          if (value !== void 0 && value !== null) {
            rules.type(rule, value, source, errors, options);
            rules.range(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var object2 = function object3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules.type(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var ENUM = "enum";
      var enumerable2 = function enumerable3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (value !== void 0) {
            rules[ENUM](rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var pattern2 = function pattern3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value, "string") && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (!isEmptyValue(value, "string")) {
            rules.pattern(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var date2 = function date3(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value, "date") && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
          if (!isEmptyValue(value, "date")) {
            var dateObject;
            if (value instanceof Date) {
              dateObject = value;
            } else {
              dateObject = new Date(value);
            }
            rules.type(rule, dateObject, source, errors, options);
            if (dateObject) {
              rules.range(rule, dateObject.getTime(), source, errors, options);
            }
          }
        }
        callback(errors);
      };
      var required2 = function required3(rule, value, callback, source, options) {
        var errors = [];
        var type4 = Array.isArray(value) ? "array" : typeof value;
        rules.required(rule, value, source, errors, options, type4);
        callback(errors);
      };
      var type2 = function type3(rule, value, callback, source, options) {
        var ruleType = rule.type;
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value, ruleType) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options, ruleType);
          if (!isEmptyValue(value, ruleType)) {
            rules.type(rule, value, source, errors, options);
          }
        }
        callback(errors);
      };
      var any = function any2(rule, value, callback, source, options) {
        var errors = [];
        var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
        if (validate) {
          if (isEmptyValue(value) && !rule.required) {
            return callback();
          }
          rules.required(rule, value, source, errors, options);
        }
        callback(errors);
      };
      var validators = {
        string,
        method: method2,
        number: number2,
        "boolean": _boolean,
        regexp: regexp2,
        integer: integer2,
        "float": floatFn,
        array: array2,
        object: object2,
        "enum": enumerable2,
        pattern: pattern2,
        date: date2,
        url: type2,
        hex: type2,
        email: type2,
        required: required2,
        any
      };
      function newMessages() {
        return {
          "default": "Validation error on field %s",
          required: "%s is required",
          "enum": "%s must be one of %s",
          whitespace: "%s cannot be empty",
          date: {
            format: "%s date %s is invalid for format %s",
            parse: "%s date could not be parsed, %s is invalid ",
            invalid: "%s date %s is invalid"
          },
          types: {
            string: "%s is not a %s",
            method: "%s is not a %s (function)",
            array: "%s is not an %s",
            object: "%s is not an %s",
            number: "%s is not a %s",
            date: "%s is not a %s",
            "boolean": "%s is not a %s",
            integer: "%s is not an %s",
            "float": "%s is not a %s",
            regexp: "%s is not a valid %s",
            email: "%s is not a valid %s",
            url: "%s is not a valid %s",
            hex: "%s is not a valid %s"
          },
          string: {
            len: "%s must be exactly %s characters",
            min: "%s must be at least %s characters",
            max: "%s cannot be longer than %s characters",
            range: "%s must be between %s and %s characters"
          },
          number: {
            len: "%s must equal %s",
            min: "%s cannot be less than %s",
            max: "%s cannot be greater than %s",
            range: "%s must be between %s and %s"
          },
          array: {
            len: "%s must be exactly %s in length",
            min: "%s cannot be less than %s in length",
            max: "%s cannot be greater than %s in length",
            range: "%s must be between %s and %s in length"
          },
          pattern: {
            mismatch: "%s value %s does not match pattern %s"
          },
          clone: function clone() {
            var cloned = JSON.parse(JSON.stringify(this));
            cloned.clone = this.clone;
            return cloned;
          }
        };
      }
      var messages = newMessages();
      var Schema = /* @__PURE__ */ function() {
        function Schema2(descriptor) {
          this.rules = null;
          this._messages = messages;
          this.define(descriptor);
        }
        var _proto = Schema2.prototype;
        _proto.define = function define(rules2) {
          var _this = this;
          if (!rules2) {
            throw new Error("Cannot configure a schema with no rules");
          }
          if (typeof rules2 !== "object" || Array.isArray(rules2)) {
            throw new Error("Rules must be an object");
          }
          this.rules = {};
          Object.keys(rules2).forEach(function(name) {
            var item = rules2[name];
            _this.rules[name] = Array.isArray(item) ? item : [item];
          });
        };
        _proto.messages = function messages2(_messages) {
          if (_messages) {
            this._messages = deepMerge(newMessages(), _messages);
          }
          return this._messages;
        };
        _proto.validate = function validate(source_, o, oc) {
          var _this2 = this;
          if (o === void 0) {
            o = {};
          }
          if (oc === void 0) {
            oc = function oc2() {
            };
          }
          var source = source_;
          var options = o;
          var callback = oc;
          if (typeof options === "function") {
            callback = options;
            options = {};
          }
          if (!this.rules || Object.keys(this.rules).length === 0) {
            if (callback) {
              callback(null, source);
            }
            return Promise.resolve(source);
          }
          function complete(results) {
            var errors = [];
            var fields = {};
            function add(e) {
              if (Array.isArray(e)) {
                var _errors;
                errors = (_errors = errors).concat.apply(_errors, e);
              } else {
                errors.push(e);
              }
            }
            for (var i = 0; i < results.length; i++) {
              add(results[i]);
            }
            if (!errors.length) {
              callback(null, source);
            } else {
              fields = convertFieldsError(errors);
              callback(errors, fields);
            }
          }
          if (options.messages) {
            var messages$1 = this.messages();
            if (messages$1 === messages) {
              messages$1 = newMessages();
            }
            deepMerge(messages$1, options.messages);
            options.messages = messages$1;
          } else {
            options.messages = this.messages();
          }
          var series = {};
          var keys2 = options.keys || Object.keys(this.rules);
          keys2.forEach(function(z) {
            var arr = _this2.rules[z];
            var value = source[z];
            arr.forEach(function(r) {
              var rule = r;
              if (typeof rule.transform === "function") {
                if (source === source_) {
                  source = _extends({}, source);
                }
                value = source[z] = rule.transform(value);
              }
              if (typeof rule === "function") {
                rule = {
                  validator: rule
                };
              } else {
                rule = _extends({}, rule);
              }
              rule.validator = _this2.getValidationMethod(rule);
              if (!rule.validator) {
                return;
              }
              rule.field = z;
              rule.fullField = rule.fullField || z;
              rule.type = _this2.getType(rule);
              series[z] = series[z] || [];
              series[z].push({
                rule,
                value,
                source,
                field: z
              });
            });
          });
          var errorFields = {};
          return asyncMap(series, options, function(data, doIt) {
            var rule = data.rule;
            var deep = (rule.type === "object" || rule.type === "array") && (typeof rule.fields === "object" || typeof rule.defaultField === "object");
            deep = deep && (rule.required || !rule.required && data.value);
            rule.field = data.field;
            function addFullField(key, schema) {
              return _extends({}, schema, {
                fullField: rule.fullField + "." + key,
                fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]
              });
            }
            function cb(e) {
              if (e === void 0) {
                e = [];
              }
              var errorList = Array.isArray(e) ? e : [e];
              if (!options.suppressWarning && errorList.length) {
                Schema2.warning("async-validator:", errorList);
              }
              if (errorList.length && rule.message !== void 0) {
                errorList = [].concat(rule.message);
              }
              var filledErrors = errorList.map(complementError(rule, source));
              if (options.first && filledErrors.length) {
                errorFields[rule.field] = 1;
                return doIt(filledErrors);
              }
              if (!deep) {
                doIt(filledErrors);
              } else {
                if (rule.required && !data.value) {
                  if (rule.message !== void 0) {
                    filledErrors = [].concat(rule.message).map(complementError(rule, source));
                  } else if (options.error) {
                    filledErrors = [options.error(rule, format$1(options.messages.required, rule.field))];
                  }
                  return doIt(filledErrors);
                }
                var fieldsSchema = {};
                if (rule.defaultField) {
                  Object.keys(data.value).map(function(key) {
                    fieldsSchema[key] = rule.defaultField;
                  });
                }
                fieldsSchema = _extends({}, fieldsSchema, data.rule.fields);
                var paredFieldsSchema = {};
                Object.keys(fieldsSchema).forEach(function(field) {
                  var fieldSchema = fieldsSchema[field];
                  var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
                  paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
                });
                var schema = new Schema2(paredFieldsSchema);
                schema.messages(options.messages);
                if (data.rule.options) {
                  data.rule.options.messages = options.messages;
                  data.rule.options.error = options.error;
                }
                schema.validate(data.value, data.rule.options || options, function(errs) {
                  var finalErrors = [];
                  if (filledErrors && filledErrors.length) {
                    finalErrors.push.apply(finalErrors, filledErrors);
                  }
                  if (errs && errs.length) {
                    finalErrors.push.apply(finalErrors, errs);
                  }
                  doIt(finalErrors.length ? finalErrors : null);
                });
              }
            }
            var res;
            if (rule.asyncValidator) {
              res = rule.asyncValidator(rule, data.value, cb, data.source, options);
            } else if (rule.validator) {
              try {
                res = rule.validator(rule, data.value, cb, data.source, options);
              } catch (error) {
                console.error == null ? void 0 : console.error(error);
                if (!options.suppressValidatorError) {
                  setTimeout(function() {
                    throw error;
                  }, 0);
                }
                cb(error.message);
              }
              if (res === true) {
                cb();
              } else if (res === false) {
                cb(typeof rule.message === "function" ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails");
              } else if (res instanceof Array) {
                cb(res);
              } else if (res instanceof Error) {
                cb(res.message);
              }
            }
            if (res && res.then) {
              res.then(function() {
                return cb();
              }, function(e) {
                return cb(e);
              });
            }
          }, function(results) {
            complete(results);
          }, source);
        };
        _proto.getType = function getType(rule) {
          if (rule.type === void 0 && rule.pattern instanceof RegExp) {
            rule.type = "pattern";
          }
          if (typeof rule.validator !== "function" && rule.type && !validators.hasOwnProperty(rule.type)) {
            throw new Error(format$1("Unknown rule type %s", rule.type));
          }
          return rule.type || "string";
        };
        _proto.getValidationMethod = function getValidationMethod(rule) {
          if (typeof rule.validator === "function") {
            return rule.validator;
          }
          var keys2 = Object.keys(rule);
          var messageIndex = keys2.indexOf("message");
          if (messageIndex !== -1) {
            keys2.splice(messageIndex, 1);
          }
          if (keys2.length === 1 && keys2[0] === "required") {
            return validators.required;
          }
          return validators[this.getType(rule)] || void 0;
        };
        return Schema2;
      }();
      Schema.register = function register(type4, validator2) {
        if (typeof validator2 !== "function") {
          throw new Error("Cannot register a validator by type, validator is not a function");
        }
        validators[type4] = validator2;
      };
      Schema.warning = warning;
      Schema.messages = messages;
      Schema.validators = validators;
      function formItemSize(props) {
        const NForm = vue.inject(formInjectionKey, null);
        return {
          mergedSize: vue.computed(() => {
            if (props.size !== void 0)
              return props.size;
            if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.size) !== void 0)
              return NForm.props.size;
            return "medium";
          })
        };
      }
      function formItemMisc(props) {
        const NForm = vue.inject(formInjectionKey, null);
        const mergedLabelPlacementRef = vue.computed(() => {
          const {
            labelPlacement
          } = props;
          if (labelPlacement !== void 0)
            return labelPlacement;
          if (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelPlacement)
            return NForm.props.labelPlacement;
          return "top";
        });
        const isAutoLabelWidthRef = vue.computed(() => {
          return mergedLabelPlacementRef.value === "left" && (props.labelWidth === "auto" || (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) === "auto");
        });
        const mergedLabelWidthRef = vue.computed(() => {
          if (mergedLabelPlacementRef.value === "top")
            return;
          const {
            labelWidth
          } = props;
          if (labelWidth !== void 0 && labelWidth !== "auto") {
            return formatLength(labelWidth);
          }
          if (isAutoLabelWidthRef.value) {
            const autoComputedWidth = NForm === null || NForm === void 0 ? void 0 : NForm.maxChildLabelWidthRef.value;
            if (autoComputedWidth !== void 0) {
              return formatLength(autoComputedWidth);
            } else {
              return void 0;
            }
          }
          if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.labelWidth) !== void 0) {
            return formatLength(NForm.props.labelWidth);
          }
          return void 0;
        });
        const mergedLabelAlignRef = vue.computed(() => {
          const {
            labelAlign
          } = props;
          if (labelAlign)
            return labelAlign;
          if (NForm === null || NForm === void 0 ? void 0 : NForm.props.labelAlign)
            return NForm.props.labelAlign;
          return void 0;
        });
        const mergedLabelStyleRef = vue.computed(() => {
          var _a;
          return [(_a = props.labelProps) === null || _a === void 0 ? void 0 : _a.style, props.labelStyle, {
            width: mergedLabelWidthRef.value
          }];
        });
        const mergedShowRequireMarkRef = vue.computed(() => {
          const {
            showRequireMark
          } = props;
          if (showRequireMark !== void 0)
            return showRequireMark;
          return NForm === null || NForm === void 0 ? void 0 : NForm.props.showRequireMark;
        });
        const mergedRequireMarkPlacementRef = vue.computed(() => {
          const {
            requireMarkPlacement
          } = props;
          if (requireMarkPlacement !== void 0)
            return requireMarkPlacement;
          return (NForm === null || NForm === void 0 ? void 0 : NForm.props.requireMarkPlacement) || "right";
        });
        const validationErroredRef = vue.ref(false);
        const validationWarnedRef = vue.ref(false);
        const mergedValidationStatusRef = vue.computed(() => {
          const {
            validationStatus
          } = props;
          if (validationStatus !== void 0)
            return validationStatus;
          if (validationErroredRef.value)
            return "error";
          if (validationWarnedRef.value)
            return "warning";
          return void 0;
        });
        const mergedShowFeedbackRef = vue.computed(() => {
          const {
            showFeedback
          } = props;
          if (showFeedback !== void 0)
            return showFeedback;
          if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.showFeedback) !== void 0)
            return NForm.props.showFeedback;
          return true;
        });
        const mergedShowLabelRef = vue.computed(() => {
          const {
            showLabel
          } = props;
          if (showLabel !== void 0)
            return showLabel;
          if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.showLabel) !== void 0)
            return NForm.props.showLabel;
          return true;
        });
        return {
          validationErrored: validationErroredRef,
          validationWarned: validationWarnedRef,
          mergedLabelStyle: mergedLabelStyleRef,
          mergedLabelPlacement: mergedLabelPlacementRef,
          mergedLabelAlign: mergedLabelAlignRef,
          mergedShowRequireMark: mergedShowRequireMarkRef,
          mergedRequireMarkPlacement: mergedRequireMarkPlacementRef,
          mergedValidationStatus: mergedValidationStatusRef,
          mergedShowFeedback: mergedShowFeedbackRef,
          mergedShowLabel: mergedShowLabelRef,
          isAutoLabelWidth: isAutoLabelWidthRef
        };
      }
      function formItemRule(props) {
        const NForm = vue.inject(formInjectionKey, null);
        const compatibleRulePathRef = vue.computed(() => {
          const {
            rulePath
          } = props;
          if (rulePath !== void 0)
            return rulePath;
          const {
            path
          } = props;
          if (path !== void 0)
            return path;
          return void 0;
        });
        const mergedRulesRef = vue.computed(() => {
          const rules2 = [];
          const {
            rule
          } = props;
          if (rule !== void 0) {
            if (Array.isArray(rule))
              rules2.push(...rule);
            else
              rules2.push(rule);
          }
          if (NForm) {
            const {
              rules: formRules
            } = NForm.props;
            const {
              value: rulePath
            } = compatibleRulePathRef;
            if (formRules !== void 0 && rulePath !== void 0) {
              const formRule = get(formRules, rulePath);
              if (formRule !== void 0) {
                if (Array.isArray(formRule)) {
                  rules2.push(...formRule);
                } else {
                  rules2.push(formRule);
                }
              }
            }
          }
          return rules2;
        });
        const hasRequiredRuleRef = vue.computed(() => {
          return mergedRulesRef.value.some((rule) => rule.required);
        });
        const mergedRequiredRef = vue.computed(() => {
          return hasRequiredRuleRef.value || props.required;
        });
        return {
          mergedRules: mergedRulesRef,
          mergedRequired: mergedRequiredRef
        };
      }
      const {
        cubicBezierEaseInOut
      } = commonVariables$m;
      function fadeDownTransition({
        name = "fade-down",
        fromOffset = "-4px",
        enterDuration = ".3s",
        leaveDuration = ".3s",
        enterCubicBezier = cubicBezierEaseInOut,
        leaveCubicBezier = cubicBezierEaseInOut
      } = {}) {
        return [c$1(`&.${name}-transition-enter-from, &.${name}-transition-leave-to`, {
          opacity: 0,
          transform: `translateY(${fromOffset})`
        }), c$1(`&.${name}-transition-enter-to, &.${name}-transition-leave-from`, {
          opacity: 1,
          transform: "translateY(0)"
        }), c$1(`&.${name}-transition-leave-active`, {
          transition: `opacity ${leaveDuration} ${leaveCubicBezier}, transform ${leaveDuration} ${leaveCubicBezier}`
        }), c$1(`&.${name}-transition-enter-active`, {
          transition: `opacity ${enterDuration} ${enterCubicBezier}, transform ${enterDuration} ${enterCubicBezier}`
        })];
      }
      const style$M = cB("form-item", `
 display: grid;
 line-height: var(--n-line-height);
`, [cB("form-item-label", `
 grid-area: label;
 align-items: center;
 line-height: 1.25;
 text-align: var(--n-label-text-align);
 font-size: var(--n-label-font-size);
 min-height: var(--n-label-height);
 padding: var(--n-label-padding);
 color: var(--n-label-text-color);
 transition: color .3s var(--n-bezier);
 box-sizing: border-box;
 font-weight: var(--n-label-font-weight);
 `, [cE("asterisk", `
 white-space: nowrap;
 user-select: none;
 -webkit-user-select: none;
 color: var(--n-asterisk-color);
 transition: color .3s var(--n-bezier);
 `), cE("asterisk-placeholder", `
 grid-area: mark;
 user-select: none;
 -webkit-user-select: none;
 visibility: hidden; 
 `)]), cB("form-item-blank", `
 grid-area: blank;
 min-height: var(--n-blank-height);
 `), cM("auto-label-width", [cB("form-item-label", "white-space: nowrap;")]), cM("left-labelled", `
 grid-template-areas:
 "label blank"
 "label feedback";
 grid-template-columns: auto minmax(0, 1fr);
 grid-template-rows: auto 1fr;
 align-items: flex-start;
 `, [cB("form-item-label", `
 display: grid;
 grid-template-columns: 1fr auto;
 min-height: var(--n-blank-height);
 height: auto;
 box-sizing: border-box;
 flex-shrink: 0;
 flex-grow: 0;
 `, [cM("reverse-columns-space", `
 grid-template-columns: auto 1fr;
 `), cM("left-mark", `
 grid-template-areas:
 "mark text"
 ". text";
 `), cM("right-mark", `
 grid-template-areas: 
 "text mark"
 "text .";
 `), cM("right-hanging-mark", `
 grid-template-areas: 
 "text mark"
 "text .";
 `), cE("text", `
 grid-area: text; 
 `), cE("asterisk", `
 grid-area: mark; 
 align-self: end;
 `)])]), cM("top-labelled", `
 grid-template-areas:
 "label"
 "blank"
 "feedback";
 grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
 grid-template-columns: minmax(0, 100%);
 `, [cM("no-label", `
 grid-template-areas:
 "blank"
 "feedback";
 grid-template-rows: 1fr;
 `), cB("form-item-label", `
 display: flex;
 align-items: flex-start;
 justify-content: var(--n-label-text-align);
 `)]), cB("form-item-blank", `
 box-sizing: border-box;
 display: flex;
 align-items: center;
 position: relative;
 `), cB("form-item-feedback-wrapper", `
 grid-area: feedback;
 box-sizing: border-box;
 min-height: var(--n-feedback-height);
 font-size: var(--n-feedback-font-size);
 line-height: 1.25;
 transform-origin: top left;
 `, [c$1("&:not(:empty)", `
 padding: var(--n-feedback-padding);
 `), cB("form-item-feedback", {
        transition: "color .3s var(--n-bezier)",
        color: "var(--n-feedback-text-color)"
      }, [cM("warning", {
        color: "var(--n-feedback-text-color-warning)"
      }), cM("error", {
        color: "var(--n-feedback-text-color-error)"
      }), fadeDownTransition({
        fromOffset: "-3px",
        enterDuration: ".3s",
        leaveDuration: ".2s"
      })])])]);
      var __awaiter$6 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, _arguments || [])).next());
        });
      };
      const formItemProps = Object.assign(Object.assign({}, useTheme.props), {
        label: String,
        labelWidth: [Number, String],
        labelStyle: [String, Object],
        labelAlign: String,
        labelPlacement: String,
        path: String,
        first: Boolean,
        rulePath: String,
        required: Boolean,
        showRequireMark: {
          type: Boolean,
          default: void 0
        },
        requireMarkPlacement: String,
        showFeedback: {
          type: Boolean,
          default: void 0
        },
        rule: [Object, Array],
        size: String,
        ignorePathChange: Boolean,
        validationStatus: String,
        feedback: String,
        feedbackClass: String,
        feedbackStyle: [String, Object],
        showLabel: {
          type: Boolean,
          default: void 0
        },
        labelProps: Object
      });
      const formItemPropKeys = keysOf(formItemProps);
      function wrapValidator(validator2, async) {
        return (...args) => {
          try {
            const validateResult = validator2(...args);
            if (!async && (typeof validateResult === "boolean" || validateResult instanceof Error || Array.isArray(validateResult)) || // Error[]
            (validateResult === null || validateResult === void 0 ? void 0 : validateResult.then)) {
              return validateResult;
            } else if (validateResult === void 0) {
              return true;
            } else {
              warn$2("form-item/validate", `You return a ${typeof validateResult} typed value in the validator method, which is not recommended. Please use ` + (async ? "`Promise`" : "`boolean`, `Error` or `Promise`") + " typed value instead.");
              return true;
            }
          } catch (err) {
            warn$2("form-item/validate", "An error is catched in the validation, so the validation won't be done. Your callback in `validate` method of `n-form` or `n-form-item` won't be called in this validation.");
            console.error(err);
            return void 0;
          }
        };
      }
      const NFormItem = vue.defineComponent({
        name: "FormItem",
        props: formItemProps,
        setup(props) {
          useInjectionInstanceCollection(formItemInstsInjectionKey, "formItems", vue.toRef(props, "path"));
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const NForm = vue.inject(formInjectionKey, null);
          const formItemSizeRefs = formItemSize(props);
          const formItemMiscRefs = formItemMisc(props);
          const {
            validationErrored: validationErroredRef,
            validationWarned: validationWarnedRef
          } = formItemMiscRefs;
          const {
            mergedRequired: mergedRequiredRef,
            mergedRules: mergedRulesRef
          } = formItemRule(props);
          const {
            mergedSize: mergedSizeRef
          } = formItemSizeRefs;
          const {
            mergedLabelPlacement: labelPlacementRef,
            mergedLabelAlign: labelTextAlignRef,
            mergedRequireMarkPlacement: mergedRequireMarkPlacementRef
          } = formItemMiscRefs;
          const renderExplainsRef = vue.ref([]);
          const feedbackIdRef = vue.ref(createId());
          const mergedDisabledRef = NForm ? vue.toRef(NForm.props, "disabled") : vue.ref(false);
          const themeRef = useTheme("Form", "-form-item", style$M, formLight, props, mergedClsPrefixRef);
          vue.watch(vue.toRef(props, "path"), () => {
            if (props.ignorePathChange)
              return;
            restoreValidation();
          });
          function restoreValidation() {
            renderExplainsRef.value = [];
            validationErroredRef.value = false;
            validationWarnedRef.value = false;
            if (props.feedback) {
              feedbackIdRef.value = createId();
            }
          }
          function handleContentBlur() {
            void internalValidate("blur");
          }
          function handleContentChange() {
            void internalValidate("change");
          }
          function handleContentFocus() {
            void internalValidate("focus");
          }
          function handleContentInput() {
            void internalValidate("input");
          }
          function validate(options, callback) {
            return __awaiter$6(this, void 0, void 0, function* () {
              let trigger2;
              let validateCallback;
              let shouldRuleBeApplied;
              let asyncValidatorOptions;
              if (typeof options === "string") {
                trigger2 = options;
                validateCallback = callback;
              } else if (options !== null && typeof options === "object") {
                trigger2 = options.trigger;
                validateCallback = options.callback;
                shouldRuleBeApplied = options.shouldRuleBeApplied;
                asyncValidatorOptions = options.options;
              }
              return yield new Promise((resolve, reject) => {
                void internalValidate(trigger2, shouldRuleBeApplied, asyncValidatorOptions).then(({
                  valid,
                  errors,
                  warnings
                }) => {
                  if (valid) {
                    if (validateCallback) {
                      validateCallback(void 0, {
                        warnings
                      });
                    }
                    resolve({
                      warnings
                    });
                  } else {
                    if (validateCallback) {
                      validateCallback(errors, {
                        warnings
                      });
                    }
                    reject(errors);
                  }
                });
              });
            });
          }
          const internalValidate = (...args_1) => __awaiter$6(this, [...args_1], void 0, function* (trigger2 = null, shouldRuleBeApplied = () => true, options = {
            suppressWarning: true
          }) {
            const {
              path
            } = props;
            if (!options) {
              options = {};
            } else {
              if (!options.first)
                options.first = props.first;
            }
            const {
              value: rules2
            } = mergedRulesRef;
            const value = NForm ? get(NForm.props.model, path || "") : void 0;
            const messageRenderers = {};
            const originalMessageRendersMessage = {};
            const activeRules = (!trigger2 ? rules2 : rules2.filter((rule) => {
              if (Array.isArray(rule.trigger)) {
                return rule.trigger.includes(trigger2);
              } else {
                return rule.trigger === trigger2;
              }
            })).filter(shouldRuleBeApplied).map((rule, i) => {
              const shallowClonedRule = Object.assign({}, rule);
              if (shallowClonedRule.validator) {
                shallowClonedRule.validator = wrapValidator(shallowClonedRule.validator, false);
              }
              if (shallowClonedRule.asyncValidator) {
                shallowClonedRule.asyncValidator = wrapValidator(shallowClonedRule.asyncValidator, true);
              }
              if (shallowClonedRule.renderMessage) {
                const rendererKey = `__renderMessage__${i}`;
                originalMessageRendersMessage[rendererKey] = shallowClonedRule.message;
                shallowClonedRule.message = rendererKey;
                messageRenderers[rendererKey] = shallowClonedRule.renderMessage;
              }
              return shallowClonedRule;
            });
            const activeErrorRules = activeRules.filter((r) => r.level !== "warning");
            const activeWarningRules = activeRules.filter((r) => r.level === "warning");
            const mergedPath = path !== null && path !== void 0 ? path : "__n_no_path__";
            const validator2 = new Schema({
              [mergedPath]: activeErrorRules
            });
            const warningValidator = new Schema({
              [mergedPath]: activeWarningRules
            });
            const {
              validateMessages
            } = (NForm === null || NForm === void 0 ? void 0 : NForm.props) || {};
            if (validateMessages) {
              validator2.messages(validateMessages);
              warningValidator.messages(validateMessages);
            }
            const renderMessages = (errors) => {
              renderExplainsRef.value = errors.map((error) => {
                const transformedMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
                return {
                  key: transformedMessage,
                  render: () => {
                    if (transformedMessage.startsWith("__renderMessage__")) {
                      return messageRenderers[transformedMessage]();
                    }
                    return transformedMessage;
                  }
                };
              });
              errors.forEach((error) => {
                var _a;
                if ((_a = error.message) === null || _a === void 0 ? void 0 : _a.startsWith("__renderMessage__")) {
                  error.message = originalMessageRendersMessage[error.message];
                }
              });
            };
            const validationResult = {
              valid: true,
              errors: void 0,
              warnings: void 0
            };
            if (activeErrorRules.length) {
              const errors = yield new Promise((resolve) => {
                void validator2.validate({
                  [mergedPath]: value
                }, options, resolve);
              });
              if (errors === null || errors === void 0 ? void 0 : errors.length) {
                validationErroredRef.value = true;
                validationResult.valid = false;
                validationResult.errors = errors;
                renderMessages(errors);
              }
            }
            if (activeWarningRules.length && !validationResult.errors) {
              const warnings = yield new Promise((resolve) => {
                void warningValidator.validate({
                  [mergedPath]: value
                }, options, resolve);
              });
              if (warnings === null || warnings === void 0 ? void 0 : warnings.length) {
                renderMessages(warnings);
                validationWarnedRef.value = true;
                validationResult.warnings = warnings;
              }
            }
            if (activeErrorRules.length + activeWarningRules.length > 0 && !validationResult.errors && !validationResult.warnings) {
              restoreValidation();
            }
            return validationResult;
          });
          vue.provide(formItemInjectionKey, {
            path: vue.toRef(props, "path"),
            disabled: mergedDisabledRef,
            mergedSize: formItemSizeRefs.mergedSize,
            mergedValidationStatus: formItemMiscRefs.mergedValidationStatus,
            restoreValidation,
            handleContentBlur,
            handleContentChange,
            handleContentFocus,
            handleContentInput
          });
          const exposedRef = {
            validate,
            restoreValidation,
            internalValidate
          };
          const labelElementRef = vue.ref(null);
          vue.onMounted(() => {
            if (!formItemMiscRefs.isAutoLabelWidth.value)
              return;
            const labelElement = labelElementRef.value;
            if (labelElement !== null) {
              const memoizedWhitespace = labelElement.style.whiteSpace;
              labelElement.style.whiteSpace = "nowrap";
              labelElement.style.width = "";
              NForm === null || NForm === void 0 ? void 0 : NForm.deriveMaxChildLabelWidth(Number(getComputedStyle(labelElement).width.slice(0, -2)));
              labelElement.style.whiteSpace = memoizedWhitespace;
            }
          });
          const cssVarsRef = vue.computed(() => {
            var _a;
            const {
              value: size2
            } = mergedSizeRef;
            const {
              value: labelPlacement
            } = labelPlacementRef;
            const direction = labelPlacement === "top" ? "vertical" : "horizontal";
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                labelTextColor,
                asteriskColor,
                lineHeight: lineHeight2,
                feedbackTextColor,
                feedbackTextColorWarning,
                feedbackTextColorError,
                feedbackPadding,
                labelFontWeight,
                [createKey("labelHeight", size2)]: labelHeight,
                [createKey("blankHeight", size2)]: blankHeight,
                [createKey("feedbackFontSize", size2)]: feedbackFontSize,
                [createKey("feedbackHeight", size2)]: feedbackHeight,
                [createKey("labelPadding", direction)]: labelPadding,
                [createKey("labelTextAlign", direction)]: labelTextAlign,
                [createKey(createKey("labelFontSize", labelPlacement), size2)]: labelFontSize
              }
            } = themeRef.value;
            let mergedLabelTextAlign = (_a = labelTextAlignRef.value) !== null && _a !== void 0 ? _a : labelTextAlign;
            if (labelPlacement === "top") {
              mergedLabelTextAlign = mergedLabelTextAlign === "right" ? "flex-end" : "flex-start";
            }
            const cssVars = {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-line-height": lineHeight2,
              "--n-blank-height": blankHeight,
              "--n-label-font-size": labelFontSize,
              "--n-label-text-align": mergedLabelTextAlign,
              "--n-label-height": labelHeight,
              "--n-label-padding": labelPadding,
              "--n-label-font-weight": labelFontWeight,
              "--n-asterisk-color": asteriskColor,
              "--n-label-text-color": labelTextColor,
              "--n-feedback-padding": feedbackPadding,
              "--n-feedback-font-size": feedbackFontSize,
              "--n-feedback-height": feedbackHeight,
              "--n-feedback-text-color": feedbackTextColor,
              "--n-feedback-text-color-warning": feedbackTextColorWarning,
              "--n-feedback-text-color-error": feedbackTextColorError
            };
            return cssVars;
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("form-item", vue.computed(() => {
            var _a;
            return `${mergedSizeRef.value[0]}${labelPlacementRef.value[0]}${((_a = labelTextAlignRef.value) === null || _a === void 0 ? void 0 : _a[0]) || ""}`;
          }), cssVarsRef, props) : void 0;
          const reverseColSpaceRef = vue.computed(() => {
            return labelPlacementRef.value === "left" && mergedRequireMarkPlacementRef.value === "left" && labelTextAlignRef.value === "left";
          });
          return Object.assign(Object.assign(Object.assign(Object.assign({
            labelElementRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedRequired: mergedRequiredRef,
            feedbackId: feedbackIdRef,
            renderExplains: renderExplainsRef,
            reverseColSpace: reverseColSpaceRef
          }, formItemMiscRefs), formItemSizeRefs), exposedRef), {
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          const {
            $slots,
            mergedClsPrefix,
            mergedShowLabel,
            mergedShowRequireMark,
            mergedRequireMarkPlacement,
            onRender
          } = this;
          const renderedShowRequireMark = mergedShowRequireMark !== void 0 ? mergedShowRequireMark : this.mergedRequired;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const renderLabel = () => {
            const labelText = this.$slots.label ? this.$slots.label() : this.label;
            if (!labelText)
              return null;
            const textNode = vue.h("span", {
              class: `${mergedClsPrefix}-form-item-label__text`
            }, labelText);
            const markNode = renderedShowRequireMark ? vue.h("span", {
              class: `${mergedClsPrefix}-form-item-label__asterisk`
            }, mergedRequireMarkPlacement !== "left" ? " *" : "* ") : mergedRequireMarkPlacement === "right-hanging" && vue.h("span", {
              class: `${mergedClsPrefix}-form-item-label__asterisk-placeholder`
            }, " *");
            const {
              labelProps
            } = this;
            return vue.h("label", Object.assign({}, labelProps, {
              class: [labelProps === null || labelProps === void 0 ? void 0 : labelProps.class, `${mergedClsPrefix}-form-item-label`, `${mergedClsPrefix}-form-item-label--${mergedRequireMarkPlacement}-mark`, this.reverseColSpace && `${mergedClsPrefix}-form-item-label--reverse-columns-space`],
              style: this.mergedLabelStyle,
              ref: "labelElementRef"
            }), mergedRequireMarkPlacement === "left" ? [markNode, textNode] : [textNode, markNode]);
          };
          return vue.h("div", {
            class: [`${mergedClsPrefix}-form-item`, this.themeClass, `${mergedClsPrefix}-form-item--${this.mergedSize}-size`, `${mergedClsPrefix}-form-item--${this.mergedLabelPlacement}-labelled`, this.isAutoLabelWidth && `${mergedClsPrefix}-form-item--auto-label-width`, !mergedShowLabel && `${mergedClsPrefix}-form-item--no-label`],
            style: this.cssVars
          }, mergedShowLabel && renderLabel(), vue.h("div", {
            class: [`${mergedClsPrefix}-form-item-blank`, this.mergedValidationStatus && `${mergedClsPrefix}-form-item-blank--${this.mergedValidationStatus}`]
          }, $slots), this.mergedShowFeedback ? vue.h("div", {
            key: this.feedbackId,
            style: this.feedbackStyle,
            class: [`${mergedClsPrefix}-form-item-feedback-wrapper`, this.feedbackClass]
          }, vue.h(vue.Transition, {
            name: "fade-down-transition",
            mode: "out-in"
          }, {
            default: () => {
              const {
                mergedValidationStatus
              } = this;
              return resolveWrappedSlot($slots.feedback, (children) => {
                var _a;
                const {
                  feedback
                } = this;
                const feedbackNodes = children || feedback ? vue.h("div", {
                  key: "__feedback__",
                  class: `${mergedClsPrefix}-form-item-feedback__line`
                }, children || feedback) : this.renderExplains.length ? (_a = this.renderExplains) === null || _a === void 0 ? void 0 : _a.map(({
                  key,
                  render: render2
                }) => vue.h("div", {
                  key,
                  class: `${mergedClsPrefix}-form-item-feedback__line`
                }, render2())) : null;
                return feedbackNodes ? mergedValidationStatus === "warning" ? vue.h("div", {
                  key: "controlled-warning",
                  class: `${mergedClsPrefix}-form-item-feedback ${mergedClsPrefix}-form-item-feedback--warning`
                }, feedbackNodes) : mergedValidationStatus === "error" ? vue.h("div", {
                  key: "controlled-error",
                  class: `${mergedClsPrefix}-form-item-feedback ${mergedClsPrefix}-form-item-feedback--error`
                }, feedbackNodes) : mergedValidationStatus === "success" ? vue.h("div", {
                  key: "controlled-success",
                  class: `${mergedClsPrefix}-form-item-feedback ${mergedClsPrefix}-form-item-feedback--success`
                }, feedbackNodes) : vue.h("div", {
                  key: "controlled-default",
                  class: `${mergedClsPrefix}-form-item-feedback`
                }, feedbackNodes) : null;
              });
            }
          })) : null);
        }
      });
      const defaultSpan$1 = 1;
      const gridInjectionKey = createInjectionKey("n-grid");
      const defaultSpan = 1;
      const gridItemProps = {
        span: {
          type: [Number, String],
          default: defaultSpan
        },
        offset: {
          type: [Number, String],
          default: 0
        },
        suffix: Boolean,
        // private props
        privateOffset: Number,
        privateSpan: Number,
        privateColStart: Number,
        privateShow: {
          type: Boolean,
          default: true
        }
      };
      const gridItemPropKeys = keysOf(gridItemProps);
      const NGi = vue.defineComponent({
        __GRID_ITEM__: true,
        name: "GridItem",
        alias: ["Gi"],
        props: gridItemProps,
        setup() {
          const {
            isSsrRef,
            xGapRef,
            itemStyleRef,
            overflowRef,
            layoutShiftDisabledRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(gridInjectionKey);
          const self2 = vue.getCurrentInstance();
          return {
            overflow: overflowRef,
            itemStyle: itemStyleRef,
            layoutShiftDisabled: layoutShiftDisabledRef,
            mergedXGap: vue.computed(() => {
              return pxfy(xGapRef.value || 0);
            }),
            deriveStyle: () => {
              void isSsrRef.value;
              const {
                privateSpan = defaultSpan,
                privateShow = true,
                privateColStart = void 0,
                privateOffset = 0
                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
              } = self2.vnode.props;
              const {
                value: xGap
              } = xGapRef;
              const mergedXGap = pxfy(xGap || 0);
              return {
                display: !privateShow ? "none" : "",
                gridColumn: `${privateColStart !== null && privateColStart !== void 0 ? privateColStart : `span ${privateSpan}`} / span ${privateSpan}`,
                marginLeft: privateOffset ? `calc((100% - (${privateSpan} - 1) * ${mergedXGap}) / ${privateSpan} * ${privateOffset} + ${mergedXGap} * ${privateOffset})` : ""
              };
            }
          };
        },
        render() {
          var _a, _b;
          if (this.layoutShiftDisabled) {
            const {
              span,
              offset,
              mergedXGap
            } = this;
            return vue.h("div", {
              style: {
                gridColumn: `span ${span} / span ${span}`,
                marginLeft: offset ? `calc((100% - (${span} - 1) * ${mergedXGap}) / ${span} * ${offset} + ${mergedXGap} * ${offset})` : ""
              }
            }, this.$slots);
          }
          return vue.h("div", {
            style: [this.itemStyle, this.deriveStyle()]
          }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a, {
            overflow: this.overflow
          }));
        }
      });
      const formItemGiProps = Object.assign(Object.assign({}, gridItemProps), formItemProps);
      const FormItemGridItem = vue.defineComponent({
        __GRID_ITEM__: true,
        name: "FormItemGridItem",
        alias: ["FormItemGi"],
        props: formItemGiProps,
        setup() {
          const formItemInstRef = vue.ref(null);
          const validate = (...args) => {
            const {
              value
            } = formItemInstRef;
            if (value) {
              return value.validate(...args);
            }
          };
          const restoreValidation = () => {
            const {
              value
            } = formItemInstRef;
            if (value) {
              value.restoreValidation();
            }
          };
          return {
            formItemInstRef,
            validate,
            restoreValidation
          };
        },
        render() {
          return vue.h(NGi, keep(this.$.vnode.props || {}, gridItemPropKeys), {
            default: () => {
              const itemProps = keep(this.$props, formItemPropKeys);
              return vue.h(NFormItem, Object.assign({
                ref: "formItemInstRef"
              }, itemProps), this.$slots);
            }
          });
        }
      });
      const positionStyles = repeat(24, null).map((_, index) => {
        const prefixIndex = index + 1;
        const percent2 = `calc(100% / 24 * ${prefixIndex})`;
        return [cM(`${prefixIndex}-span`, {
          width: percent2
        }), cM(`${prefixIndex}-offset`, {
          marginLeft: percent2
        }), cM(`${prefixIndex}-push`, {
          left: percent2
        }), cM(`${prefixIndex}-pull`, {
          right: percent2
        })];
      });
      const style$L = c$1([cB("row", {
        width: "100%",
        display: "flex",
        flexWrap: "wrap"
      }), cB("col", {
        verticalAlign: "top",
        boxSizing: "border-box",
        display: "inline-block",
        position: "relative",
        zIndex: "auto"
      }, [cE("box", {
        position: "relative",
        zIndex: "auto",
        width: "100%",
        height: "100%"
      }), positionStyles])]);
      const rowInjectionKey = createInjectionKey("n-row");
      const rowProps = {
        gutter: {
          type: [Array, Number, String],
          default: 0
        },
        alignItems: String,
        justifyContent: String
      };
      const rowPropKeys = keysOf(rowProps);
      const NRow = vue.defineComponent({
        name: "Row",
        props: rowProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          useStyle("-legacy-grid", style$L, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Row", mergedRtlRef, mergedClsPrefixRef);
          const verticalGutterRef = useMemo(() => {
            const {
              gutter
            } = props;
            if (Array.isArray(gutter)) {
              return gutter[1] || 0;
            }
            return 0;
          });
          const horizontalGutterRef = useMemo(() => {
            const {
              gutter
            } = props;
            if (Array.isArray(gutter)) {
              return gutter[0];
            }
            return Number(gutter);
          });
          vue.provide(rowInjectionKey, {
            mergedClsPrefixRef,
            gutterRef: vue.toRef(props, "gutter"),
            verticalGutterRef,
            horizontalGutterRef
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            styleMargin: useMemo(() => `-${formatLength(verticalGutterRef.value, {
            c: 0.5
          })} -${formatLength(horizontalGutterRef.value, {
            c: 0.5
          })}`),
            styleWidth: useMemo(() => `calc(100% + ${formatLength(horizontalGutterRef.value)})`)
          };
        },
        render() {
          return vue.h("div", {
            class: [`${this.mergedClsPrefix}-row`, this.rtlEnabled && `${this.mergedClsPrefix}-row--rtl`],
            style: {
              margin: this.styleMargin,
              width: this.styleWidth,
              alignItems: this.alignItems,
              justifyContent: this.justifyContent
            }
          }, this.$slots);
        }
      });
      const colProps = {
        span: {
          type: [String, Number],
          default: 1
        },
        push: {
          type: [String, Number],
          default: 0
        },
        pull: {
          type: [String, Number],
          default: 0
        },
        offset: {
          type: [String, Number],
          default: 0
        }
      };
      const colPropKeys = keysOf(colProps);
      const NCol = vue.defineComponent({
        name: "Col",
        props: colProps,
        setup(props) {
          const NRow2 = vue.inject(rowInjectionKey, null);
          if (!NRow2)
            throwError("col", "`n-col` must be placed inside `n-row`.");
          return {
            mergedClsPrefix: NRow2.mergedClsPrefixRef,
            gutter: NRow2.gutterRef,
            stylePadding: vue.computed(() => `${formatLength(NRow2.verticalGutterRef.value, {
            c: 0.5
          })} ${formatLength(NRow2.horizontalGutterRef.value, {
            c: 0.5
          })}`),
            mergedPush: vue.computed(() => Number(props.push) - Number(props.pull))
          };
        },
        render() {
          const {
            $slots,
            span,
            mergedPush,
            offset,
            stylePadding,
            gutter,
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-col`, {
              [`${mergedClsPrefix}-col--${span}-span`]: true,
              [`${mergedClsPrefix}-col--${mergedPush}-push`]: mergedPush > 0,
              [`${mergedClsPrefix}-col--${-mergedPush}-pull`]: mergedPush < 0,
              [`${mergedClsPrefix}-col--${offset}-offset`]: offset
            }],
            style: {
              padding: stylePadding
            }
          }, gutter ? vue.h("div", null, $slots) : $slots);
        }
      });
      const formItemColProps = Object.assign(Object.assign({}, colProps), formItemProps);
      const formItemColPropKeys = keysOf(formItemColProps);
      const NFormItemCol = vue.defineComponent({
        name: "FormItemCol",
        props: formItemColProps,
        setup() {
          const formItemInstRef = vue.ref(null);
          const validate = (...args) => {
            const {
              value
            } = formItemInstRef;
            if (value) {
              return value.validate(...args);
            }
          };
          const restoreValidation = () => {
            const {
              value
            } = formItemInstRef;
            if (value) {
              value.restoreValidation();
            }
          };
          return {
            formItemInstRef,
            validate,
            restoreValidation
          };
        },
        render() {
          return vue.h(NCol, keep(this.$props, colPropKeys), {
            default: () => {
              const itemProps = keep(this.$props, formItemPropKeys);
              return vue.h(NFormItem, Object.assign({
                ref: "formItemInstRef"
              }, itemProps), this.$slots);
            }
          });
        }
      });
      const formItemRowProps = Object.assign(Object.assign({}, rowProps), formItemColProps);
      const FormItemRow = vue.defineComponent({
        name: "FormItemRow",
        props: formItemRowProps,
        setup() {
          const formItemColInstRef = vue.ref(null);
          const validate = (...args) => {
            const {
              value
            } = formItemColInstRef;
            if (value) {
              return value.validate(...args);
            }
          };
          const restoreValidation = () => {
            const {
              value
            } = formItemColInstRef;
            if (value) {
              value.restoreValidation();
            }
          };
          return {
            formItemColInstRef,
            validate,
            restoreValidation
          };
        },
        render() {
          return vue.h(NRow, keep(this.$props, rowPropKeys), {
            default: () => {
              const colProps2 = keep(this.$props, formItemColPropKeys);
              return vue.h(NFormItemCol, Object.assign(Object.assign({
                ref: "formItemColInstRef"
              }, colProps2), {
                span: 24
              }), this.$slots);
            }
          });
        }
      });
      const style$K = cB("float-button-group", [cB("float-button", `
 position: relative;
 `), cM("square-shape", `
 background-color: var(--n-color);
 cursor: pointer;
 display: flex;
 width: fit-content;
 align-items: center;
 justify-content: center;
 border-radius: var(--n-border-radius-square);
 flex-direction: column;
 box-shadow: var(--n-box-shadow);
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [cB("float-button", `
 background-color: unset;
 border-radius: 0;
 box-shadow: none;
 box-sizing: content-box;
 `, [c$1("&:not(:last-child)", `
 border-bottom: 1px solid var(--n-button-border-color); 
 `), c$1("&:first-child", `
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 `), c$1("&:last-child", `
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 `), cE("fill", "inset: 4px; border-radius: var(--n-border-radius-square);")])]), cM("circle-shape", [c$1(">:not(:last-child)", `
 margin-bottom: 16px;
 `)])]);
      const commonVars$3 = {
        closeMargin: "16px 12px",
        closeSize: "20px",
        closeIconSize: "16px",
        width: "365px",
        padding: "16px",
        titleFontSize: "16px",
        metaFontSize: "12px",
        descriptionFontSize: "12px"
      };
      const self$B = (vars) => {
        const {
          textColor2,
          successColor,
          infoColor,
          warningColor,
          errorColor,
          popoverColor,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHover,
          closeColorPressed,
          textColor1,
          textColor3,
          borderRadius,
          fontWeightStrong,
          boxShadow2,
          lineHeight: lineHeight2,
          fontSize: fontSize2
        } = vars;
        return Object.assign(Object.assign({}, commonVars$3), {
          borderRadius,
          lineHeight: lineHeight2,
          fontSize: fontSize2,
          headerFontWeight: fontWeightStrong,
          iconColor: textColor2,
          iconColorSuccess: successColor,
          iconColorInfo: infoColor,
          iconColorWarning: warningColor,
          iconColorError: errorColor,
          color: popoverColor,
          textColor: textColor2,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeBorderRadius: borderRadius,
          closeColorHover,
          closeColorPressed,
          headerTextColor: textColor1,
          descriptionTextColor: textColor3,
          actionTextColor: textColor2,
          boxShadow: boxShadow2
        });
      };
      const notificationLight = createTheme({
        name: "Notification",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight
        },
        self: self$B
      });
      const commonVariables$4 = {
        margin: "0 0 8px 0",
        padding: "10px 20px",
        maxWidth: "720px",
        minWidth: "420px",
        iconMargin: "0 10px 0 0",
        closeMargin: "0 0 0 10px",
        closeSize: "20px",
        closeIconSize: "16px",
        iconSize: "20px",
        fontSize: "14px"
      };
      const self$A = (vars) => {
        const {
          textColor2,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          infoColor,
          successColor,
          errorColor,
          warningColor,
          popoverColor,
          boxShadow2,
          primaryColor,
          lineHeight: lineHeight2,
          borderRadius,
          closeColorHover,
          closeColorPressed
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$4), {
          closeBorderRadius: borderRadius,
          textColor: textColor2,
          textColorInfo: textColor2,
          textColorSuccess: textColor2,
          textColorError: textColor2,
          textColorWarning: textColor2,
          textColorLoading: textColor2,
          color: popoverColor,
          colorInfo: popoverColor,
          colorSuccess: popoverColor,
          colorError: popoverColor,
          colorWarning: popoverColor,
          colorLoading: popoverColor,
          boxShadow: boxShadow2,
          boxShadowInfo: boxShadow2,
          boxShadowSuccess: boxShadow2,
          boxShadowError: boxShadow2,
          boxShadowWarning: boxShadow2,
          boxShadowLoading: boxShadow2,
          iconColor: textColor2,
          iconColorInfo: infoColor,
          iconColorSuccess: successColor,
          iconColorWarning: warningColor,
          iconColorError: errorColor,
          iconColorLoading: primaryColor,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHoverInfo: closeColorHover,
          closeColorPressedInfo: closeColorPressed,
          closeIconColorInfo: closeIconColor,
          closeIconColorHoverInfo: closeIconColorHover,
          closeIconColorPressedInfo: closeIconColorPressed,
          closeColorHoverSuccess: closeColorHover,
          closeColorPressedSuccess: closeColorPressed,
          closeIconColorSuccess: closeIconColor,
          closeIconColorHoverSuccess: closeIconColorHover,
          closeIconColorPressedSuccess: closeIconColorPressed,
          closeColorHoverError: closeColorHover,
          closeColorPressedError: closeColorPressed,
          closeIconColorError: closeIconColor,
          closeIconColorHoverError: closeIconColorHover,
          closeIconColorPressedError: closeIconColorPressed,
          closeColorHoverWarning: closeColorHover,
          closeColorPressedWarning: closeColorPressed,
          closeIconColorWarning: closeIconColor,
          closeIconColorHoverWarning: closeIconColorHover,
          closeIconColorPressedWarning: closeIconColorPressed,
          closeColorHoverLoading: closeColorHover,
          closeColorPressedLoading: closeColorPressed,
          closeIconColorLoading: closeIconColor,
          closeIconColorHoverLoading: closeIconColorHover,
          closeIconColorPressedLoading: closeIconColorPressed,
          loadingColor: primaryColor,
          lineHeight: lineHeight2,
          borderRadius
        });
      };
      const messageLight = {
        name: "Message",
        common: derived,
        self: self$A
      };
      const self$z = (vars) => {
        const {
          primaryColor,
          successColor,
          warningColor,
          errorColor,
          infoColor,
          fontWeightStrong
        } = vars;
        return {
          fontWeight: fontWeightStrong,
          rotate: "252deg",
          colorStartPrimary: changeColor(primaryColor, {
            alpha: 0.6
          }),
          colorEndPrimary: primaryColor,
          colorStartInfo: changeColor(infoColor, {
            alpha: 0.6
          }),
          colorEndInfo: infoColor,
          colorStartWarning: changeColor(warningColor, {
            alpha: 0.6
          }),
          colorEndWarning: warningColor,
          colorStartError: changeColor(errorColor, {
            alpha: 0.6
          }),
          colorEndError: errorColor,
          colorStartSuccess: changeColor(successColor, {
            alpha: 0.6
          }),
          colorEndSuccess: successColor
        };
      };
      const gradientTextLight = {
        name: "GradientText",
        common: derived,
        self: self$z
      };
      const self$y = (vars) => {
        const {
          textColorDisabled
        } = vars;
        return {
          iconColorDisabled: textColorDisabled
        };
      };
      const inputNumberLight = createTheme({
        name: "InputNumber",
        common: derived,
        peers: {
          Button: buttonLight,
          Input: inputLight
        },
        self: self$y
      });
      const self$x = (vars) => {
        const {
          baseColor,
          textColor2,
          bodyColor,
          cardColor,
          dividerColor,
          actionColor,
          scrollbarColor,
          scrollbarColorHover,
          invertedColor
        } = vars;
        return {
          textColor: textColor2,
          textColorInverted: "#FFF",
          color: bodyColor,
          colorEmbedded: actionColor,
          headerColor: cardColor,
          headerColorInverted: invertedColor,
          footerColor: actionColor,
          footerColorInverted: invertedColor,
          headerBorderColor: dividerColor,
          headerBorderColorInverted: invertedColor,
          footerBorderColor: dividerColor,
          footerBorderColorInverted: invertedColor,
          siderBorderColor: dividerColor,
          siderBorderColorInverted: invertedColor,
          siderColor: cardColor,
          siderColorInverted: invertedColor,
          siderToggleButtonBorder: `1px solid ${dividerColor}`,
          siderToggleButtonColor: baseColor,
          siderToggleButtonIconColor: textColor2,
          siderToggleButtonIconColorInverted: textColor2,
          siderToggleBarColor: composite(bodyColor, scrollbarColor),
          siderToggleBarColorHover: composite(bodyColor, scrollbarColorHover),
          // hack for inverted background
          __invertScrollbar: "true"
        };
      };
      const layoutLight = createTheme({
        name: "Layout",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight
        },
        self: self$x
      });
      const self$w = (vars) => {
        const {
          textColor2,
          cardColor,
          modalColor,
          popoverColor,
          dividerColor,
          borderRadius,
          fontSize: fontSize2,
          hoverColor
        } = vars;
        return {
          textColor: textColor2,
          color: cardColor,
          colorHover: hoverColor,
          colorModal: modalColor,
          colorHoverModal: composite(modalColor, hoverColor),
          colorPopover: popoverColor,
          colorHoverPopover: composite(popoverColor, hoverColor),
          borderColor: dividerColor,
          borderColorModal: composite(modalColor, dividerColor),
          borderColorPopover: composite(popoverColor, dividerColor),
          borderRadius,
          fontSize: fontSize2
        };
      };
      const listLight = {
        name: "List",
        common: derived,
        self: self$w
      };
      const self$v = (vars) => {
        const {
          primaryColor,
          errorColor
        } = vars;
        return {
          colorError: errorColor,
          colorLoading: primaryColor,
          height: "2px"
        };
      };
      const loadingBarLight = {
        name: "LoadingBar",
        common: derived,
        self: self$v
      };
      const self$u = (vars) => {
        const {
          textColor2,
          modalColor,
          borderColor,
          fontSize: fontSize2,
          primaryColor
        } = vars;
        return {
          loaderFontSize: fontSize2,
          loaderTextColor: textColor2,
          loaderColor: modalColor,
          loaderBorder: `1px solid ${borderColor}`,
          loadingColor: primaryColor
        };
      };
      const logLight = createTheme({
        name: "Log",
        common: derived,
        peers: {
          Scrollbar: scrollbarLight,
          Code: codeLight
        },
        self: self$u
      });
      const self$t = (vars) => {
        const {
          boxShadow2
        } = vars;
        return {
          menuBoxShadow: boxShadow2
        };
      };
      const mentionLight = createTheme({
        name: "Mention",
        common: derived,
        peers: {
          InternalSelectMenu: internalSelectMenuLight,
          Input: inputLight
        },
        self: self$t
      });
      function createPartialInvertedVars(color, activeItemColor, activeTextColor, groupTextColor) {
        return {
          itemColorHoverInverted: "#0000",
          itemColorActiveInverted: activeItemColor,
          itemColorActiveHoverInverted: activeItemColor,
          itemColorActiveCollapsedInverted: activeItemColor,
          itemTextColorInverted: color,
          itemTextColorHoverInverted: activeTextColor,
          itemTextColorChildActiveInverted: activeTextColor,
          itemTextColorChildActiveHoverInverted: activeTextColor,
          itemTextColorActiveInverted: activeTextColor,
          itemTextColorActiveHoverInverted: activeTextColor,
          itemTextColorHorizontalInverted: color,
          itemTextColorHoverHorizontalInverted: activeTextColor,
          itemTextColorChildActiveHorizontalInverted: activeTextColor,
          itemTextColorChildActiveHoverHorizontalInverted: activeTextColor,
          itemTextColorActiveHorizontalInverted: activeTextColor,
          itemTextColorActiveHoverHorizontalInverted: activeTextColor,
          itemIconColorInverted: color,
          itemIconColorHoverInverted: activeTextColor,
          itemIconColorActiveInverted: activeTextColor,
          itemIconColorActiveHoverInverted: activeTextColor,
          itemIconColorChildActiveInverted: activeTextColor,
          itemIconColorChildActiveHoverInverted: activeTextColor,
          itemIconColorCollapsedInverted: color,
          itemIconColorHorizontalInverted: color,
          itemIconColorHoverHorizontalInverted: activeTextColor,
          itemIconColorActiveHorizontalInverted: activeTextColor,
          itemIconColorActiveHoverHorizontalInverted: activeTextColor,
          itemIconColorChildActiveHorizontalInverted: activeTextColor,
          itemIconColorChildActiveHoverHorizontalInverted: activeTextColor,
          arrowColorInverted: color,
          arrowColorHoverInverted: activeTextColor,
          arrowColorActiveInverted: activeTextColor,
          arrowColorActiveHoverInverted: activeTextColor,
          arrowColorChildActiveInverted: activeTextColor,
          arrowColorChildActiveHoverInverted: activeTextColor,
          groupTextColorInverted: groupTextColor
        };
      }
      const self$s = (vars) => {
        const {
          borderRadius,
          textColor3,
          primaryColor,
          textColor2,
          textColor1,
          fontSize: fontSize2,
          dividerColor,
          hoverColor,
          primaryColorHover
        } = vars;
        return Object.assign({
          borderRadius,
          color: "#0000",
          groupTextColor: textColor3,
          itemColorHover: hoverColor,
          itemColorActive: changeColor(primaryColor, {
            alpha: 0.1
          }),
          itemColorActiveHover: changeColor(primaryColor, {
            alpha: 0.1
          }),
          itemColorActiveCollapsed: changeColor(primaryColor, {
            alpha: 0.1
          }),
          itemTextColor: textColor2,
          itemTextColorHover: textColor2,
          itemTextColorActive: primaryColor,
          itemTextColorActiveHover: primaryColor,
          itemTextColorChildActive: primaryColor,
          itemTextColorChildActiveHover: primaryColor,
          itemTextColorHorizontal: textColor2,
          itemTextColorHoverHorizontal: primaryColorHover,
          itemTextColorActiveHorizontal: primaryColor,
          itemTextColorActiveHoverHorizontal: primaryColor,
          itemTextColorChildActiveHorizontal: primaryColor,
          itemTextColorChildActiveHoverHorizontal: primaryColor,
          itemIconColor: textColor1,
          itemIconColorHover: textColor1,
          itemIconColorActive: primaryColor,
          itemIconColorActiveHover: primaryColor,
          itemIconColorChildActive: primaryColor,
          itemIconColorChildActiveHover: primaryColor,
          itemIconColorCollapsed: textColor1,
          itemIconColorHorizontal: textColor1,
          itemIconColorHoverHorizontal: primaryColorHover,
          itemIconColorActiveHorizontal: primaryColor,
          itemIconColorActiveHoverHorizontal: primaryColor,
          itemIconColorChildActiveHorizontal: primaryColor,
          itemIconColorChildActiveHoverHorizontal: primaryColor,
          itemHeight: "42px",
          arrowColor: textColor2,
          arrowColorHover: textColor2,
          arrowColorActive: primaryColor,
          arrowColorActiveHover: primaryColor,
          arrowColorChildActive: primaryColor,
          arrowColorChildActiveHover: primaryColor,
          colorInverted: "#0000",
          borderColorHorizontal: "#0000",
          fontSize: fontSize2,
          dividerColor
        }, createPartialInvertedVars("#BBB", primaryColor, "#FFF", "#AAA"));
      };
      const menuLight = createTheme({
        name: "Menu",
        common: derived,
        peers: {
          Tooltip: tooltipLight,
          Dropdown: dropdownLight
        },
        self: self$s
      });
      const common = {
        titleFontSize: "18px",
        backSize: "22px"
      };
      function self$r(vars) {
        const {
          textColor1,
          textColor2,
          textColor3,
          fontSize: fontSize2,
          fontWeightStrong,
          primaryColorHover,
          primaryColorPressed
        } = vars;
        return Object.assign(Object.assign({}, common), {
          titleFontWeight: fontWeightStrong,
          fontSize: fontSize2,
          titleTextColor: textColor1,
          backColor: textColor2,
          backColorHover: primaryColorHover,
          backColorPressed: primaryColorPressed,
          subtitleTextColor: textColor3
        });
      }
      const pageHeaderLight = createTheme({
        name: "PageHeader",
        common: derived,
        self: self$r
      });
      const commonVars$2 = {
        iconSize: "22px"
      };
      const self$q = (vars) => {
        const {
          fontSize: fontSize2,
          warningColor
        } = vars;
        return Object.assign(Object.assign({}, commonVars$2), {
          fontSize: fontSize2,
          iconColor: warningColor
        });
      };
      const popconfirmLight = createTheme({
        name: "Popconfirm",
        common: derived,
        peers: {
          Button: buttonLight,
          Popover: popoverLight
        },
        self: self$q
      });
      const self$p = (vars) => {
        const {
          infoColor,
          successColor,
          warningColor,
          errorColor,
          textColor2,
          progressRailColor,
          fontSize: fontSize2,
          fontWeight
        } = vars;
        return {
          fontSize: fontSize2,
          fontSizeCircle: "28px",
          fontWeightCircle: fontWeight,
          railColor: progressRailColor,
          railHeight: "8px",
          iconSizeCircle: "36px",
          iconSizeLine: "18px",
          iconColor: infoColor,
          iconColorInfo: infoColor,
          iconColorSuccess: successColor,
          iconColorWarning: warningColor,
          iconColorError: errorColor,
          textColorCircle: textColor2,
          textColorLineInner: "rgb(255, 255, 255)",
          textColorLineOuter: textColor2,
          fillColor: infoColor,
          fillColorInfo: infoColor,
          fillColorSuccess: successColor,
          fillColorWarning: warningColor,
          fillColorError: errorColor,
          lineBgProcessing: "linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)"
        };
      };
      const progressLight = {
        name: "Progress",
        common: derived,
        self: self$p
      };
      const self$o = (vars) => {
        const {
          railColor
        } = vars;
        return {
          itemColor: railColor,
          itemColorActive: "#FFCC33",
          sizeSmall: "16px",
          sizeMedium: "20px",
          sizeLarge: "24px"
        };
      };
      const themeLight$4 = {
        name: "Rate",
        common: derived,
        self: self$o
      };
      const commonVariables$3 = {
        titleFontSizeSmall: "26px",
        titleFontSizeMedium: "32px",
        titleFontSizeLarge: "40px",
        titleFontSizeHuge: "48px",
        fontSizeSmall: "14px",
        fontSizeMedium: "14px",
        fontSizeLarge: "15px",
        fontSizeHuge: "16px",
        iconSizeSmall: "64px",
        iconSizeMedium: "80px",
        iconSizeLarge: "100px",
        iconSizeHuge: "125px",
        iconColor418: void 0,
        iconColor404: void 0,
        iconColor403: void 0,
        iconColor500: void 0
      };
      const self$n = (vars) => {
        const {
          textColor2,
          textColor1,
          errorColor,
          successColor,
          infoColor,
          warningColor,
          lineHeight: lineHeight2,
          fontWeightStrong
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$3), {
          lineHeight: lineHeight2,
          titleFontWeight: fontWeightStrong,
          titleTextColor: textColor1,
          textColor: textColor2,
          iconColorError: errorColor,
          iconColorSuccess: successColor,
          iconColorInfo: infoColor,
          iconColorWarning: warningColor
        });
      };
      const resultLight = {
        name: "Result",
        common: derived,
        self: self$n
      };
      const sizeVariables$3 = {
        railHeight: "4px",
        railWidthVertical: "4px",
        handleSize: "18px",
        dotHeight: "8px",
        dotWidth: "8px",
        dotBorderRadius: "4px"
      };
      const self$m = (vars) => {
        const indicatorColor = "rgba(0, 0, 0, .85)";
        const boxShadow = "0 2px 8px 0 rgba(0, 0, 0, 0.12)";
        const {
          railColor,
          primaryColor,
          baseColor,
          cardColor,
          modalColor,
          popoverColor,
          borderRadius,
          fontSize: fontSize2,
          opacityDisabled
        } = vars;
        return Object.assign(Object.assign({}, sizeVariables$3), {
          fontSize: fontSize2,
          markFontSize: fontSize2,
          railColor,
          railColorHover: railColor,
          fillColor: primaryColor,
          fillColorHover: primaryColor,
          opacityDisabled,
          handleColor: "#FFF",
          dotColor: cardColor,
          dotColorModal: modalColor,
          dotColorPopover: popoverColor,
          handleBoxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",
          handleBoxShadowHover: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",
          handleBoxShadowActive: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",
          handleBoxShadowFocus: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",
          indicatorColor,
          indicatorBoxShadow: boxShadow,
          indicatorTextColor: baseColor,
          indicatorBorderRadius: borderRadius,
          dotBorder: `2px solid ${railColor}`,
          dotBorderActive: `2px solid ${primaryColor}`,
          dotBoxShadow: ""
        });
      };
      const sliderLight = {
        name: "Slider",
        common: derived,
        self: self$m
      };
      const self$l = (vars) => {
        const {
          opacityDisabled,
          heightTiny,
          heightSmall,
          heightMedium,
          heightLarge,
          heightHuge,
          primaryColor,
          fontSize: fontSize2
        } = vars;
        return {
          fontSize: fontSize2,
          textColor: primaryColor,
          sizeTiny: heightTiny,
          sizeSmall: heightSmall,
          sizeMedium: heightMedium,
          sizeLarge: heightLarge,
          sizeHuge: heightHuge,
          color: primaryColor,
          opacitySpinning: opacityDisabled
        };
      };
      const spinLight = {
        name: "Spin",
        common: derived,
        self: self$l
      };
      const self$k = (vars) => {
        const {
          textColor2,
          textColor3,
          fontSize: fontSize2,
          fontWeight
        } = vars;
        return {
          labelFontSize: fontSize2,
          labelFontWeight: fontWeight,
          valueFontWeight: fontWeight,
          valueFontSize: "24px",
          labelTextColor: textColor3,
          valuePrefixTextColor: textColor2,
          valueSuffixTextColor: textColor2,
          valueTextColor: textColor2
        };
      };
      const statisticLight = {
        name: "Statistic",
        common: derived,
        self: self$k
      };
      const commonVariables$2 = {
        stepHeaderFontSizeSmall: "14px",
        stepHeaderFontSizeMedium: "16px",
        indicatorIndexFontSizeSmall: "14px",
        indicatorIndexFontSizeMedium: "16px",
        indicatorSizeSmall: "22px",
        indicatorSizeMedium: "28px",
        indicatorIconSizeSmall: "14px",
        indicatorIconSizeMedium: "18px"
      };
      const self$j = (vars) => {
        const {
          fontWeightStrong,
          baseColor,
          textColorDisabled,
          primaryColor,
          errorColor,
          textColor1,
          textColor2
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$2), {
          stepHeaderFontWeight: fontWeightStrong,
          indicatorTextColorProcess: baseColor,
          indicatorTextColorWait: textColorDisabled,
          indicatorTextColorFinish: primaryColor,
          indicatorTextColorError: errorColor,
          indicatorBorderColorProcess: primaryColor,
          indicatorBorderColorWait: textColorDisabled,
          indicatorBorderColorFinish: primaryColor,
          indicatorBorderColorError: errorColor,
          indicatorColorProcess: primaryColor,
          indicatorColorWait: "#0000",
          indicatorColorFinish: "#0000",
          indicatorColorError: "#0000",
          splitorColorProcess: textColorDisabled,
          splitorColorWait: textColorDisabled,
          splitorColorFinish: primaryColor,
          splitorColorError: textColorDisabled,
          headerTextColorProcess: textColor1,
          headerTextColorWait: textColorDisabled,
          headerTextColorFinish: textColorDisabled,
          headerTextColorError: errorColor,
          descriptionTextColorProcess: textColor2,
          descriptionTextColorWait: textColorDisabled,
          descriptionTextColorFinish: textColorDisabled,
          descriptionTextColorError: errorColor
        });
      };
      const stepsLight = {
        name: "Steps",
        common: derived,
        self: self$j
      };
      const commonVars$1 = {
        buttonHeightSmall: "14px",
        buttonHeightMedium: "18px",
        buttonHeightLarge: "22px",
        buttonWidthSmall: "14px",
        buttonWidthMedium: "18px",
        buttonWidthLarge: "22px",
        buttonWidthPressedSmall: "20px",
        buttonWidthPressedMedium: "24px",
        buttonWidthPressedLarge: "28px",
        railHeightSmall: "18px",
        railHeightMedium: "22px",
        railHeightLarge: "26px",
        railWidthSmall: "32px",
        railWidthMedium: "40px",
        railWidthLarge: "48px"
      };
      const self$i = (vars) => {
        const {
          primaryColor,
          opacityDisabled,
          borderRadius,
          textColor3
        } = vars;
        const railOverlayColor = "rgba(0, 0, 0, .14)";
        return Object.assign(Object.assign({}, commonVars$1), {
          iconColor: textColor3,
          textColor: "white",
          loadingColor: primaryColor,
          opacityDisabled,
          railColor: railOverlayColor,
          railColorActive: primaryColor,
          buttonBoxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",
          buttonColor: "#FFF",
          railBorderRadiusSmall: borderRadius,
          railBorderRadiusMedium: borderRadius,
          railBorderRadiusLarge: borderRadius,
          buttonBorderRadiusSmall: borderRadius,
          buttonBorderRadiusMedium: borderRadius,
          buttonBorderRadiusLarge: borderRadius,
          boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, {
          alpha: 0.2
        })}`
        });
      };
      const switchLight = {
        name: "Switch",
        common: derived,
        self: self$i
      };
      const sizeVariables$2 = {
        thPaddingSmall: "6px",
        thPaddingMedium: "12px",
        thPaddingLarge: "12px",
        tdPaddingSmall: "6px",
        tdPaddingMedium: "12px",
        tdPaddingLarge: "12px"
      };
      const self$h = (vars) => {
        const {
          dividerColor,
          cardColor,
          modalColor,
          popoverColor,
          tableHeaderColor,
          tableColorStriped,
          textColor1,
          textColor2,
          borderRadius,
          fontWeightStrong,
          lineHeight: lineHeight2,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge
        } = vars;
        return Object.assign(Object.assign({}, sizeVariables$2), {
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          lineHeight: lineHeight2,
          borderRadius,
          borderColor: composite(cardColor, dividerColor),
          borderColorModal: composite(modalColor, dividerColor),
          borderColorPopover: composite(popoverColor, dividerColor),
          tdColor: cardColor,
          tdColorModal: modalColor,
          tdColorPopover: popoverColor,
          tdColorStriped: composite(cardColor, tableColorStriped),
          tdColorStripedModal: composite(modalColor, tableColorStriped),
          tdColorStripedPopover: composite(popoverColor, tableColorStriped),
          thColor: composite(cardColor, tableHeaderColor),
          thColorModal: composite(modalColor, tableHeaderColor),
          thColorPopover: composite(popoverColor, tableHeaderColor),
          thTextColor: textColor1,
          tdTextColor: textColor2,
          thFontWeight: fontWeightStrong
        });
      };
      const tableLight = {
        name: "Table",
        common: derived,
        self: self$h
      };
      const sizeVariables$1 = {
        tabFontSizeSmall: "14px",
        tabFontSizeMedium: "14px",
        tabFontSizeLarge: "16px",
        tabGapSmallLine: "36px",
        tabGapMediumLine: "36px",
        tabGapLargeLine: "36px",
        tabGapSmallLineVertical: "8px",
        tabGapMediumLineVertical: "8px",
        tabGapLargeLineVertical: "8px",
        tabPaddingSmallLine: "6px 0",
        tabPaddingMediumLine: "10px 0",
        tabPaddingLargeLine: "14px 0",
        tabPaddingVerticalSmallLine: "6px 12px",
        tabPaddingVerticalMediumLine: "8px 16px",
        tabPaddingVerticalLargeLine: "10px 20px",
        tabGapSmallBar: "36px",
        tabGapMediumBar: "36px",
        tabGapLargeBar: "36px",
        tabGapSmallBarVertical: "8px",
        tabGapMediumBarVertical: "8px",
        tabGapLargeBarVertical: "8px",
        tabPaddingSmallBar: "4px 0",
        tabPaddingMediumBar: "6px 0",
        tabPaddingLargeBar: "10px 0",
        tabPaddingVerticalSmallBar: "6px 12px",
        tabPaddingVerticalMediumBar: "8px 16px",
        tabPaddingVerticalLargeBar: "10px 20px",
        tabGapSmallCard: "4px",
        tabGapMediumCard: "4px",
        tabGapLargeCard: "4px",
        tabGapSmallCardVertical: "4px",
        tabGapMediumCardVertical: "4px",
        tabGapLargeCardVertical: "4px",
        tabPaddingSmallCard: "8px 16px",
        tabPaddingMediumCard: "10px 20px",
        tabPaddingLargeCard: "12px 24px",
        tabPaddingSmallSegment: "4px 0",
        tabPaddingMediumSegment: "6px 0",
        tabPaddingLargeSegment: "8px 0",
        tabPaddingVerticalLargeSegment: "0 8px",
        tabPaddingVerticalSmallCard: "8px 12px",
        tabPaddingVerticalMediumCard: "10px 16px",
        tabPaddingVerticalLargeCard: "12px 20px",
        tabPaddingVerticalSmallSegment: "0 4px",
        tabPaddingVerticalMediumSegment: "0 6px",
        tabGapSmallSegment: "0",
        tabGapMediumSegment: "0",
        tabGapLargeSegment: "0",
        tabGapSmallSegmentVertical: "0",
        tabGapMediumSegmentVertical: "0",
        tabGapLargeSegmentVertical: "0",
        panePaddingSmall: "8px 0 0 0",
        panePaddingMedium: "12px 0 0 0",
        panePaddingLarge: "16px 0 0 0",
        closeSize: "18px",
        closeIconSize: "14px"
      };
      const self$g = (vars) => {
        const {
          textColor2,
          primaryColor,
          textColorDisabled,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHover,
          closeColorPressed,
          tabColor,
          baseColor,
          dividerColor,
          fontWeight,
          textColor1,
          borderRadius,
          fontSize: fontSize2,
          fontWeightStrong
        } = vars;
        return Object.assign(Object.assign({}, sizeVariables$1), {
          colorSegment: tabColor,
          tabFontSizeCard: fontSize2,
          tabTextColorLine: textColor1,
          tabTextColorActiveLine: primaryColor,
          tabTextColorHoverLine: primaryColor,
          tabTextColorDisabledLine: textColorDisabled,
          tabTextColorSegment: textColor1,
          tabTextColorActiveSegment: textColor2,
          tabTextColorHoverSegment: textColor2,
          tabTextColorDisabledSegment: textColorDisabled,
          tabTextColorBar: textColor1,
          tabTextColorActiveBar: primaryColor,
          tabTextColorHoverBar: primaryColor,
          tabTextColorDisabledBar: textColorDisabled,
          tabTextColorCard: textColor1,
          tabTextColorHoverCard: textColor1,
          tabTextColorActiveCard: primaryColor,
          tabTextColorDisabledCard: textColorDisabled,
          barColor: primaryColor,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed,
          closeColorHover,
          closeColorPressed,
          closeBorderRadius: borderRadius,
          tabColor,
          tabColorSegment: baseColor,
          tabBorderColor: dividerColor,
          tabFontWeightActive: fontWeight,
          tabFontWeight: fontWeight,
          tabBorderRadius: borderRadius,
          paneTextColor: textColor2,
          fontWeightStrong
        });
      };
      const tabsLight = {
        name: "Tabs",
        common: derived,
        self: self$g
      };
      const self$f = (vars) => {
        const {
          textColor1,
          textColor2,
          fontWeightStrong,
          fontSize: fontSize2
        } = vars;
        return {
          fontSize: fontSize2,
          titleTextColor: textColor1,
          textColor: textColor2,
          titleFontWeight: fontWeightStrong
        };
      };
      const thingLight = {
        name: "Thing",
        common: derived,
        self: self$f
      };
      const sizeVariables = {
        titleMarginMedium: "0 0 6px 0",
        titleMarginLarge: "-2px 0 6px 0",
        titleFontSizeMedium: "14px",
        titleFontSizeLarge: "16px",
        iconSizeMedium: "14px",
        iconSizeLarge: "14px"
      };
      const self$e = (vars) => {
        const {
          textColor3,
          infoColor,
          errorColor,
          successColor,
          warningColor,
          textColor1,
          textColor2,
          railColor,
          fontWeightStrong,
          fontSize: fontSize2
        } = vars;
        return Object.assign(Object.assign({}, sizeVariables), {
          contentFontSize: fontSize2,
          titleFontWeight: fontWeightStrong,
          circleBorder: `2px solid ${textColor3}`,
          circleBorderInfo: `2px solid ${infoColor}`,
          circleBorderError: `2px solid ${errorColor}`,
          circleBorderSuccess: `2px solid ${successColor}`,
          circleBorderWarning: `2px solid ${warningColor}`,
          iconColor: textColor3,
          iconColorInfo: infoColor,
          iconColorError: errorColor,
          iconColorSuccess: successColor,
          iconColorWarning: warningColor,
          titleTextColor: textColor1,
          contentTextColor: textColor2,
          metaTextColor: textColor3,
          lineColor: railColor
        });
      };
      const timelineLight = {
        name: "Timeline",
        common: derived,
        self: self$e
      };
      const commonVariables$1 = {
        extraFontSizeSmall: "12px",
        extraFontSizeMedium: "12px",
        extraFontSizeLarge: "14px",
        titleFontSizeSmall: "14px",
        titleFontSizeMedium: "16px",
        titleFontSizeLarge: "16px",
        closeSize: "20px",
        closeIconSize: "16px",
        headerHeightSmall: "44px",
        headerHeightMedium: "44px",
        headerHeightLarge: "50px"
      };
      const self$d = (vars) => {
        const {
          fontWeight,
          fontSizeLarge,
          fontSizeMedium,
          fontSizeSmall,
          heightLarge,
          heightMedium,
          borderRadius,
          cardColor,
          tableHeaderColor,
          textColor1,
          textColorDisabled,
          textColor2,
          textColor3,
          borderColor,
          hoverColor,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed
        } = vars;
        return Object.assign(Object.assign({}, commonVariables$1), {
          itemHeightSmall: heightMedium,
          itemHeightMedium: heightMedium,
          itemHeightLarge: heightLarge,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          borderRadius,
          dividerColor: borderColor,
          borderColor,
          listColor: cardColor,
          headerColor: composite(cardColor, tableHeaderColor),
          titleTextColor: textColor1,
          titleTextColorDisabled: textColorDisabled,
          extraTextColor: textColor3,
          extraTextColorDisabled: textColorDisabled,
          itemTextColor: textColor2,
          itemTextColorDisabled: textColorDisabled,
          itemColorPending: hoverColor,
          titleFontWeight: fontWeight,
          closeColorHover,
          closeColorPressed,
          closeIconColor,
          closeIconColorHover,
          closeIconColorPressed
        });
      };
      const transferLight$1 = createTheme({
        name: "Transfer",
        common: derived,
        peers: {
          Checkbox: checkboxLight,
          Scrollbar: scrollbarLight,
          Input: inputLight,
          Empty: emptyLight,
          Button: buttonLight
        },
        self: self$d
      });
      const self$c = (vars) => {
        const {
          borderRadiusSmall,
          dividerColor,
          hoverColor,
          pressedColor,
          primaryColor,
          textColor3,
          textColor2,
          textColorDisabled,
          fontSize: fontSize2
        } = vars;
        return {
          fontSize: fontSize2,
          lineHeight: "1.5",
          nodeHeight: "30px",
          nodeWrapperPadding: "3px 0",
          nodeBorderRadius: borderRadiusSmall,
          nodeColorHover: hoverColor,
          nodeColorPressed: pressedColor,
          nodeColorActive: changeColor(primaryColor, {
            alpha: 0.1
          }),
          arrowColor: textColor3,
          nodeTextColor: textColor2,
          nodeTextColorDisabled: textColorDisabled,
          loadingColor: primaryColor,
          dropMarkColor: primaryColor,
          lineColor: dividerColor
        };
      };
      const treeLight = createTheme({
        name: "Tree",
        common: derived,
        peers: {
          Checkbox: checkboxLight,
          Scrollbar: scrollbarLight,
          Empty: emptyLight
        },
        self: self$c
      });
      const self$b = (vars) => {
        const {
          popoverColor,
          boxShadow2,
          borderRadius,
          heightMedium,
          dividerColor,
          textColor2
        } = vars;
        return {
          menuPadding: "4px",
          menuColor: popoverColor,
          menuBoxShadow: boxShadow2,
          menuBorderRadius: borderRadius,
          menuHeight: `calc(${heightMedium} * 7.6)`,
          actionDividerColor: dividerColor,
          actionTextColor: textColor2,
          actionPadding: "8px 12px"
        };
      };
      const treeSelectLight = createTheme({
        name: "TreeSelect",
        common: derived,
        peers: {
          Tree: treeLight,
          Empty: emptyLight,
          InternalSelection: internalSelectionLight
        },
        self: self$b
      });
      const commonVars = {
        headerFontSize1: "30px",
        headerFontSize2: "22px",
        headerFontSize3: "18px",
        headerFontSize4: "16px",
        headerFontSize5: "16px",
        headerFontSize6: "16px",
        headerMargin1: "28px 0 20px 0",
        headerMargin2: "28px 0 20px 0",
        headerMargin3: "28px 0 20px 0",
        headerMargin4: "28px 0 18px 0",
        headerMargin5: "28px 0 18px 0",
        headerMargin6: "28px 0 18px 0",
        headerPrefixWidth1: "16px",
        headerPrefixWidth2: "16px",
        headerPrefixWidth3: "12px",
        headerPrefixWidth4: "12px",
        headerPrefixWidth5: "12px",
        headerPrefixWidth6: "12px",
        headerBarWidth1: "4px",
        headerBarWidth2: "4px",
        headerBarWidth3: "3px",
        headerBarWidth4: "3px",
        headerBarWidth5: "3px",
        headerBarWidth6: "3px",
        pMargin: "16px 0 16px 0",
        liMargin: ".25em 0 0 0",
        olPadding: "0 0 0 2em",
        ulPadding: "0 0 0 2em"
      };
      const self$a = (vars) => {
        const {
          primaryColor,
          textColor2,
          borderColor,
          lineHeight: lineHeight2,
          fontSize: fontSize2,
          borderRadiusSmall,
          dividerColor,
          fontWeightStrong,
          textColor1,
          textColor3,
          infoColor,
          warningColor,
          errorColor,
          successColor,
          codeColor
        } = vars;
        return Object.assign(Object.assign({}, commonVars), {
          aTextColor: primaryColor,
          blockquoteTextColor: textColor2,
          blockquotePrefixColor: borderColor,
          blockquoteLineHeight: lineHeight2,
          blockquoteFontSize: fontSize2,
          codeBorderRadius: borderRadiusSmall,
          liTextColor: textColor2,
          liLineHeight: lineHeight2,
          liFontSize: fontSize2,
          hrColor: dividerColor,
          headerFontWeight: fontWeightStrong,
          headerTextColor: textColor1,
          pTextColor: textColor2,
          pTextColor1Depth: textColor1,
          pTextColor2Depth: textColor2,
          pTextColor3Depth: textColor3,
          pLineHeight: lineHeight2,
          pFontSize: fontSize2,
          headerBarColor: primaryColor,
          headerBarColorPrimary: primaryColor,
          headerBarColorInfo: infoColor,
          headerBarColorError: errorColor,
          headerBarColorWarning: warningColor,
          headerBarColorSuccess: successColor,
          textColor: textColor2,
          textColor1Depth: textColor1,
          textColor2Depth: textColor2,
          textColor3Depth: textColor3,
          textColorPrimary: primaryColor,
          textColorInfo: infoColor,
          textColorSuccess: successColor,
          textColorWarning: warningColor,
          textColorError: errorColor,
          codeTextColor: textColor2,
          codeColor,
          codeBorder: "1px solid #0000"
        });
      };
      const typographyLight = {
        name: "Typography",
        common: derived,
        self: self$a
      };
      const self$9 = (vars) => {
        const {
          iconColor,
          primaryColor,
          errorColor,
          textColor2,
          successColor,
          opacityDisabled,
          actionColor,
          borderColor,
          hoverColor,
          lineHeight: lineHeight2,
          borderRadius,
          fontSize: fontSize2
        } = vars;
        return {
          fontSize: fontSize2,
          lineHeight: lineHeight2,
          borderRadius,
          draggerColor: actionColor,
          draggerBorder: `1px dashed ${borderColor}`,
          draggerBorderHover: `1px dashed ${primaryColor}`,
          itemColorHover: hoverColor,
          itemColorHoverError: changeColor(errorColor, {
            alpha: 0.06
          }),
          itemTextColor: textColor2,
          itemTextColorError: errorColor,
          itemTextColorSuccess: successColor,
          itemIconColor: iconColor,
          itemDisabledOpacity: opacityDisabled,
          itemBorderImageCardError: `1px solid ${errorColor}`,
          itemBorderImageCard: `1px solid ${borderColor}`
        };
      };
      const uploadLight = createTheme({
        name: "Upload",
        common: derived,
        peers: {
          Button: buttonLight,
          Progress: progressLight
        },
        self: self$9
      });
      const watermarkLight = createTheme({
        name: "Watermark",
        common: derived,
        self(vars) {
          const {
            fontFamily: fontFamily2
          } = vars;
          return {
            fontFamily: fontFamily2
          };
        }
      });
      const self$8 = (vars) => {
        const {
          popoverColor,
          dividerColor,
          borderRadius
        } = vars;
        return {
          color: popoverColor,
          buttonBorderColor: dividerColor,
          borderRadiusSquare: borderRadius,
          boxShadow: "0 2px 8px 0px rgba(0, 0, 0, .12)"
        };
      };
      const themeLight$3 = {
        name: "FloatButtonGroup",
        common: derived,
        self: self$8
      };
      const floatButtonGroupProps = Object.assign(Object.assign({}, useTheme.props), {
        left: [Number, String],
        right: [Number, String],
        top: [Number, String],
        bottom: [Number, String],
        shape: {
          type: String,
          default: "circle"
        },
        position: {
          type: String,
          default: "fixed"
        }
      });
      const floatButtonGroupInjectionKey = createInjectionKey("n-float-button-group");
      const FloatButtonGroup = vue.defineComponent({
        name: "FloatButtonGroup",
        props: floatButtonGroupProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("FloatButtonGroup", "-float-button-group", style$K, themeLight$3, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                color,
                boxShadow,
                buttonBorderColor,
                borderRadiusSquare
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-box-shadow": boxShadow,
              "--n-color": color,
              "--n-button-border-color": buttonBorderColor,
              "--n-border-radius-square": borderRadiusSquare,
              position: props.position,
              left: formatLength(props.left) || "",
              right: formatLength(props.right) || "",
              top: formatLength(props.top) || "",
              bottom: formatLength(props.bottom) || ""
            };
          });
          vue.provide(floatButtonGroupInjectionKey, {
            shapeRef: vue.toRef(props, "shape")
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("float-button", void 0, cssVarsRef, props) : void 0;
          return {
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            mergedClsPrefix: mergedClsPrefixRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix,
            cssVars,
            shape
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-float-button-group`, `${mergedClsPrefix}-float-button-group--${shape}-shape`],
            style: cssVars,
            role: "group"
          }, this.$slots);
        }
      });
      const self$7 = (vars) => {
        const {
          popoverColor,
          textColor2,
          buttonColor2Hover,
          buttonColor2Pressed,
          primaryColor,
          primaryColorHover,
          primaryColorPressed,
          borderRadius
        } = vars;
        return {
          color: popoverColor,
          colorHover: buttonColor2Hover,
          colorPressed: buttonColor2Pressed,
          colorPrimary: primaryColor,
          colorPrimaryHover: primaryColorHover,
          colorPrimaryPressed: primaryColorPressed,
          textColor: textColor2,
          boxShadow: "0 2px 8px 0px rgba(0, 0, 0, .16)",
          boxShadowHover: "0 2px 12px 0px rgba(0, 0, 0, .24)",
          boxShadowPressed: "0 2px 12px 0px rgba(0, 0, 0, .24)",
          textColorPrimary: "#fff",
          borderRadiusSquare: borderRadius
        };
      };
      const themeLight$2 = {
        name: "FloatButton",
        common: derived,
        self: self$7
      };
      const style$J = cB("float-button", `
 user-select: none;
 cursor: pointer;
 color: var(--n-text-color);
 background-color: var(--n-color);
 font-size: 18px;
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 box-shadow: var(--n-box-shadow);
 display: flex;
 align-items: stretch;
 box-sizing: border-box;
`, [cM("circle-shape", `
 border-radius: 4096px;
 `), cM("square-shape", `
 border-radius: var(--n-border-radius-square);
 `), cE("fill", `
 position: absolute;
 inset: 0;
 transition: background-color .3s var(--n-bezier);
 border-radius: inherit;
 `), cE("body", `
 position: relative;
 flex-grow: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform .3s var(--n-bezier), opacity .3s var(--n-bezier);
 border-radius: inherit;
 flex-direction: column;
 box-sizing: border-box;
 padding: 2px 4px;
 gap: 2px;
 transform: scale(1);
 `, [cE("description", `
 font-size: 12px;
 text-align: center;
 line-height: 14px;
 `)]), c$1("&:hover", "box-shadow: var(--n-box-shadow-hover);", [c$1(">", [cE("fill", `
 background-color: var(--n-color-hover);
 `)])]), c$1("&:active", "box-shadow: var(--n-box-shadow-pressed);", [c$1(">", [cE("fill", `
 background-color: var(--n-color-pressed);
 `)])]), cM("show-menu", [c$1(">", [cE("menu", `
 pointer-events: all;
 bottom: 100%;
 opacity: 1;
 `), cE("close", `
 transform: scale(1);
 opacity: 1;
 `), cE("body", `
 transform: scale(0.75);
 opacity: 0;
 `)])]), cE("close", `
 opacity: 0;
 transform: scale(0.75);
 position: absolute;
 inset: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform .3s var(--n-bezier), opacity .3s var(--n-bezier);
 `), cE("menu", `
 position: absolute;
 bottom: calc(100% - 8px);
 display: flex;
 flex-direction: column;
 opacity: 0;
 pointer-events: none;
 transition:
 opacity .3s var(--n-bezier),
 bottom .3s var(--n-bezier); 
 `, [c$1("> *", `
 margin-bottom: 16px;
 `), cB("float-button", `
 position: relative !important;
 `)])]);
      const floatButtonProps = Object.assign(Object.assign({}, useTheme.props), {
        width: {
          type: [Number, String],
          default: 40
        },
        height: {
          type: [Number, String],
          default: 40
        },
        left: [Number, String],
        right: [Number, String],
        top: [Number, String],
        bottom: [Number, String],
        shape: {
          type: String,
          default: "circle"
        },
        position: {
          type: String,
          default: "fixed"
        },
        type: {
          type: String,
          default: "default"
        },
        menuTrigger: String,
        showMenu: {
          type: Boolean,
          default: void 0
        },
        onUpdateShowMenu: {
          type: [Function, Array],
          default: void 0
        },
        "onUpdate:showMenu": {
          type: [Function, Array],
          default: void 0
        }
      });
      const FloatButton = vue.defineComponent({
        name: "FloatButton",
        props: floatButtonProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("FloatButton", "-float-button", style$J, themeLight$2, props, mergedClsPrefixRef);
          const floatButtonGroupInjection = vue.inject(floatButtonGroupInjectionKey, null);
          const uncontrolledShowMenuRef = vue.ref(false);
          const controlledShoeMenuRef = vue.toRef(props, "showMenu");
          const mergedShowMenuRef = useMergedState(controlledShoeMenuRef, uncontrolledShowMenuRef);
          function doUpdateShowMenu(value) {
            const {
              onUpdateShowMenu,
              "onUpdate:showMenu": _onUpdateShowMenu
            } = props;
            uncontrolledShowMenuRef.value = value;
            if (onUpdateShowMenu) {
              call(onUpdateShowMenu, value);
            }
            if (_onUpdateShowMenu) {
              call(_onUpdateShowMenu, value);
            }
          }
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                color,
                textColor,
                boxShadow,
                boxShadowHover,
                boxShadowPressed,
                colorHover,
                colorPrimary,
                colorPrimaryHover,
                textColorPrimary,
                borderRadiusSquare,
                colorPressed,
                colorPrimaryPressed
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            const {
              type
            } = props;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-box-shadow": boxShadow,
              "--n-box-shadow-hover": boxShadowHover,
              "--n-box-shadow-pressed": boxShadowPressed,
              "--n-color": type === "primary" ? colorPrimary : color,
              "--n-text-color": type === "primary" ? textColorPrimary : textColor,
              "--n-color-hover": type === "primary" ? colorPrimaryHover : colorHover,
              "--n-color-pressed": type === "primary" ? colorPrimaryPressed : colorPressed,
              "--n-border-radius-square": borderRadiusSquare
            };
          });
          const inlineStyle = vue.computed(() => {
            const {
              width,
              height
            } = props;
            return Object.assign({
              position: floatButtonGroupInjection ? void 0 : props.position,
              width: formatLength(width),
              minHeight: formatLength(height)
            }, floatButtonGroupInjection ? null : {
              left: formatLength(props.left),
              right: formatLength(props.right),
              top: formatLength(props.top),
              bottom: formatLength(props.bottom)
            });
          });
          const mergedShapeRef = vue.computed(() => {
            return floatButtonGroupInjection ? floatButtonGroupInjection.shapeRef.value : props.shape;
          });
          const Mouseenter = () => {
            if (props.menuTrigger === "hover") {
              doUpdateShowMenu(true);
            }
          };
          const handleMouseleave = () => {
            if (props.menuTrigger === "hover" && mergedShowMenuRef.value) {
              doUpdateShowMenu(false);
            }
          };
          const handleClick2 = (e) => {
            if (props.menuTrigger === "click") {
              doUpdateShowMenu(!mergedShowMenuRef.value);
            }
          };
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("float-button", vue.computed(() => props.type[0]), cssVarsRef, props) : void 0;
          return {
            inlineStyle,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedShape: mergedShapeRef,
            mergedShowMenu: mergedShowMenuRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            Mouseenter,
            handleMouseleave,
            handleClick: handleClick2
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            cssVars,
            mergedShape,
            type,
            menuTrigger,
            mergedShowMenu,
            themeClass,
            $slots,
            inlineStyle,
            onRender
          } = this;
          const dirs = [[mousemoveoutside, this.handleMouseleave]];
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.withDirectives(vue.h("div", {
            class: [`${mergedClsPrefix}-float-button`, `${mergedClsPrefix}-float-button--${mergedShape}-shape`, `${mergedClsPrefix}-float-button--${type}-type`, mergedShowMenu && `${mergedClsPrefix}-float-button--show-menu`, themeClass],
            style: [cssVars, inlineStyle],
            onMouseenter: this.Mouseenter,
            onMouseleave: this.handleMouseleave,
            onClick: this.handleClick,
            role: "button"
          }, vue.h("div", {
            class: `${mergedClsPrefix}-float-button__fill`,
            "aria-hidden": true
          }), vue.h("div", {
            class: `${mergedClsPrefix}-float-button__body`
          }, (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots), resolveWrappedSlot($slots.description, (children) => {
            if (children) {
              return vue.h("div", {
                class: `${mergedClsPrefix}-float-button__description`
              }, children);
            }
            return null;
          })), menuTrigger ? vue.h("div", {
            class: `${mergedClsPrefix}-float-button__close`
          }, vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: () => vue.h(ErrorIcon$1, null)
          })) : null, menuTrigger ? vue.h("div", {
            onClick: (e) => {
              e.stopPropagation();
            },
            "data-float-button-menu": true,
            class: `${mergedClsPrefix}-float-button__menu`
          }, resolveSlot($slots.menu, () => [])) : null), dirs);
        }
      });
      const GlobalStyle = vue.defineComponent({
        name: "GlobalStyle",
        setup() {
          if (typeof document === "undefined")
            return;
          const NConfigProvider2 = vue.inject(configProviderInjectionKey, null);
          const {
            body
          } = document;
          const {
            style: style2
          } = body;
          let styleApplied = false;
          let firstApply = true;
          vue.onBeforeMount(() => {
            vue.watchEffect(() => {
              var _a, _b;
              const {
                textColor2,
                fontSize: fontSize2,
                fontFamily: fontFamily2,
                bodyColor,
                cubicBezierEaseInOut: cubicBezierEaseInOut2,
                lineHeight: lineHeight2
              } = NConfigProvider2 ? merge$1({}, ((_a = NConfigProvider2.mergedThemeRef.value) === null || _a === void 0 ? void 0 : _a.common) || derived, (_b = NConfigProvider2.mergedThemeOverridesRef.value) === null || _b === void 0 ? void 0 : _b.common) : derived;
              if (styleApplied || !body.hasAttribute("n-styled")) {
                style2.setProperty("-webkit-text-size-adjust", "100%");
                style2.setProperty("-webkit-tap-highlight-color", "transparent");
                style2.padding = "0";
                style2.margin = "0";
                style2.backgroundColor = bodyColor;
                style2.color = textColor2;
                style2.fontSize = fontSize2;
                style2.fontFamily = fontFamily2;
                style2.lineHeight = lineHeight2;
                const transition = `color .3s ${cubicBezierEaseInOut2}, background-color .3s ${cubicBezierEaseInOut2}`;
                if (firstApply) {
                  setTimeout(() => {
                    style2.transition = transition;
                  }, 0);
                } else {
                  style2.transition = transition;
                }
                body.setAttribute("n-styled", "");
                styleApplied = true;
                firstApply = false;
              }
            });
          });
          vue.onUnmounted(() => {
            if (styleApplied) {
              body.removeAttribute("n-styled");
            }
          });
        },
        render() {
          return null;
        }
      });
      const style$I = cB("gradient-text", `
 display: inline-block;
 font-weight: var(--n-font-weight);
 -webkit-background-clip: text;
 background-clip: text;
 color: #0000;
 white-space: nowrap;
 background-image: linear-gradient(var(--n-rotate), var(--n-color-start) 0%, var(--n-color-end) 100%);
 transition:
 --n-color-start .3s var(--n-bezier),
 --n-color-end .3s var(--n-bezier);
`);
      const gradientTextProps = Object.assign(Object.assign({}, useTheme.props), {
        size: [String, Number],
        fontSize: [String, Number],
        type: {
          type: String,
          default: "primary"
        },
        color: [Object, String],
        gradient: [Object, String]
      });
      const GradientText = vue.defineComponent({
        name: "GradientText",
        props: gradientTextProps,
        setup(props) {
          useHoudini();
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const compatibleTypeRef = vue.computed(() => {
            const {
              type
            } = props;
            if (type === "danger")
              return "error";
            return type;
          });
          const styleFontSizeRef = vue.computed(() => {
            let fontSize2 = props.size || props.fontSize;
            if (fontSize2)
              fontSize2 = formatLength(fontSize2);
            return fontSize2 || void 0;
          });
          const styleBgImageRef = vue.computed(() => {
            const gradient = props.color || props.gradient;
            if (typeof gradient === "string") {
              return gradient;
            } else if (gradient) {
              const deg = gradient.deg || 0;
              const from = gradient.from;
              const to = gradient.to;
              return `linear-gradient(${deg}deg, ${from} 0%, ${to} 100%)`;
            }
            return void 0;
          });
          const themeRef = useTheme("GradientText", "-gradient-text", style$I, gradientTextLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              value: type
            } = compatibleTypeRef;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                rotate,
                [createKey("colorStart", type)]: colorStart,
                [createKey("colorEnd", type)]: colorEnd,
                fontWeight
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-rotate": rotate,
              "--n-color-start": colorStart,
              "--n-color-end": colorEnd,
              "--n-font-weight": fontWeight
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("gradient-text", vue.computed(() => compatibleTypeRef.value[0]), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            compatibleType: compatibleTypeRef,
            styleFontSize: styleFontSizeRef,
            styleBgImage: styleBgImageRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("span", {
            class: [`${mergedClsPrefix}-gradient-text`, `${mergedClsPrefix}-gradient-text--${this.compatibleType}-type`, this.themeClass],
            style: [{
              fontSize: this.styleFontSize,
              backgroundImage: this.styleBgImage
            }, this.cssVars]
          }, this.$slots);
        }
      });
      const defaultBreakpoints = {
        xs: 0,
        // mobile
        s: 640,
        // tablet
        m: 1024,
        // laptop s
        l: 1280,
        // laptop
        xl: 1536,
        // laptop l
        xxl: 1920
        // normal desktop display
      };
      const defaultCols = 24;
      const SSR_ATTR_NAME = "__ssr__";
      const gridProps = {
        layoutShiftDisabled: Boolean,
        responsive: {
          type: [String, Boolean],
          default: "self"
        },
        cols: {
          type: [Number, String],
          default: defaultCols
        },
        itemResponsive: Boolean,
        collapsed: Boolean,
        // may create grid rows < collapsedRows since a item may take all the row
        collapsedRows: {
          type: Number,
          default: 1
        },
        itemStyle: [Object, String],
        xGap: {
          type: [Number, String],
          default: 0
        },
        yGap: {
          type: [Number, String],
          default: 0
        }
      };
      const NGrid = vue.defineComponent({
        name: "Grid",
        inheritAttrs: false,
        props: gridProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedBreakpointsRef
          } = useConfig(props);
          const numRegex = /^\d+$/;
          const widthRef = vue.ref(void 0);
          const breakpointsRef = useBreakpoints((mergedBreakpointsRef === null || mergedBreakpointsRef === void 0 ? void 0 : mergedBreakpointsRef.value) || defaultBreakpoints);
          const isResponsiveRef = useMemo(() => {
            if (props.itemResponsive)
              return true;
            if (!numRegex.test(props.cols.toString()))
              return true;
            if (!numRegex.test(props.xGap.toString()))
              return true;
            if (!numRegex.test(props.yGap.toString()))
              return true;
            return false;
          });
          const responsiveQueryRef = vue.computed(() => {
            if (!isResponsiveRef.value)
              return void 0;
            return props.responsive === "self" ? widthRef.value : breakpointsRef.value;
          });
          const responsiveColsRef = useMemo(() => {
            var _a;
            return (_a = Number(parseResponsivePropValue(props.cols.toString(), responsiveQueryRef.value))) !== null && _a !== void 0 ? _a : defaultCols;
          });
          const responsiveXGapRef = useMemo(() => parseResponsivePropValue(props.xGap.toString(), responsiveQueryRef.value));
          const responsiveYGapRef = useMemo(() => parseResponsivePropValue(props.yGap.toString(), responsiveQueryRef.value));
          const handleResize = (entry) => {
            widthRef.value = entry.contentRect.width;
          };
          const handleResizeRaf = (entry) => {
            beforeNextFrameOnce(handleResize, entry);
          };
          const overflowRef = vue.ref(false);
          const handleResizeRef = vue.computed(() => {
            if (props.responsive === "self") {
              return handleResizeRaf;
            }
            return void 0;
          });
          const isSsrRef = vue.ref(false);
          const contentElRef = vue.ref();
          vue.onMounted(() => {
            const {
              value: contentEl
            } = contentElRef;
            if (contentEl) {
              if (contentEl.hasAttribute(SSR_ATTR_NAME)) {
                contentEl.removeAttribute(SSR_ATTR_NAME);
                isSsrRef.value = true;
              }
            }
          });
          vue.provide(gridInjectionKey, {
            layoutShiftDisabledRef: vue.toRef(props, "layoutShiftDisabled"),
            isSsrRef,
            itemStyleRef: vue.toRef(props, "itemStyle"),
            xGapRef: responsiveXGapRef,
            overflowRef
          });
          return {
            isSsr: !isBrowser$2,
            contentEl: contentElRef,
            mergedClsPrefix: mergedClsPrefixRef,
            style: vue.computed(() => {
              if (props.layoutShiftDisabled) {
                return {
                  width: "100%",
                  display: "grid",
                  gridTemplateColumns: `repeat(${props.cols}, minmax(0, 1fr))`,
                  columnGap: pxfy(props.xGap),
                  rowGap: pxfy(props.yGap)
                };
              }
              return {
                width: "100%",
                display: "grid",
                gridTemplateColumns: `repeat(${responsiveColsRef.value}, minmax(0, 1fr))`,
                columnGap: pxfy(responsiveXGapRef.value),
                rowGap: pxfy(responsiveYGapRef.value)
              };
            }),
            isResponsive: isResponsiveRef,
            responsiveQuery: responsiveQueryRef,
            responsiveCols: responsiveColsRef,
            handleResize: handleResizeRef,
            overflow: overflowRef
          };
        },
        render() {
          if (this.layoutShiftDisabled) {
            return vue.h("div", vue.mergeProps({
              ref: "contentEl",
              class: `${this.mergedClsPrefix}-grid`,
              style: this.style
            }, this.$attrs), this.$slots);
          }
          const renderContent = () => {
            var _a, _b, _c, _d, _e, _f, _g;
            this.overflow = false;
            const rawChildren = flatten$3(getSlot$1(this));
            const childrenAndRawSpan = [];
            const {
              collapsed,
              collapsedRows,
              responsiveCols,
              responsiveQuery
            } = this;
            rawChildren.forEach((child) => {
              var _a2, _b2, _c2, _d2, _e2;
              if (((_a2 = child === null || child === void 0 ? void 0 : child.type) === null || _a2 === void 0 ? void 0 : _a2.__GRID_ITEM__) !== true)
                return;
              if (isNodeVShowFalse(child)) {
                const clonedNode = vue.cloneVNode(child);
                if (clonedNode.props) {
                  clonedNode.props.privateShow = false;
                } else {
                  clonedNode.props = {
                    privateShow: false
                  };
                }
                childrenAndRawSpan.push({
                  child: clonedNode,
                  rawChildSpan: 0
                });
                return;
              }
              child.dirs = ((_b2 = child.dirs) === null || _b2 === void 0 ? void 0 : _b2.filter(({
                dir
              }) => dir !== vue.vShow)) || null;
              if (((_c2 = child.dirs) === null || _c2 === void 0 ? void 0 : _c2.length) === 0) {
                child.dirs = null;
              }
              const clonedChild = vue.cloneVNode(child);
              const rawChildSpan = Number((_e2 = parseResponsivePropValue((_d2 = clonedChild.props) === null || _d2 === void 0 ? void 0 : _d2.span, responsiveQuery)) !== null && _e2 !== void 0 ? _e2 : defaultSpan$1);
              if (rawChildSpan === 0)
                return;
              childrenAndRawSpan.push({
                child: clonedChild,
                rawChildSpan
              });
            });
            let suffixSpan = 0;
            const maybeSuffixNode = (_a = childrenAndRawSpan[childrenAndRawSpan.length - 1]) === null || _a === void 0 ? void 0 : _a.child;
            if (maybeSuffixNode === null || maybeSuffixNode === void 0 ? void 0 : maybeSuffixNode.props) {
              const suffixPropValue = (_b = maybeSuffixNode.props) === null || _b === void 0 ? void 0 : _b.suffix;
              if (suffixPropValue !== void 0 && suffixPropValue !== false) {
                suffixSpan = Number((_d = parseResponsivePropValue((_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : defaultSpan$1);
                maybeSuffixNode.props.privateSpan = suffixSpan;
                maybeSuffixNode.props.privateColStart = responsiveCols + 1 - suffixSpan;
                maybeSuffixNode.props.privateShow = (_e = maybeSuffixNode.props.privateShow) !== null && _e !== void 0 ? _e : true;
              }
            }
            let spanCounter = 0;
            let done = false;
            for (const {
              child,
              rawChildSpan
            } of childrenAndRawSpan) {
              if (done) {
                this.overflow = true;
              }
              if (!done) {
                const childOffset = Number((_g = parseResponsivePropValue((_f = child.props) === null || _f === void 0 ? void 0 : _f.offset, responsiveQuery)) !== null && _g !== void 0 ? _g : 0);
                const childSpan = Math.min(rawChildSpan + childOffset, responsiveCols);
                if (!child.props) {
                  child.props = {
                    privateSpan: childSpan,
                    privateOffset: childOffset
                  };
                } else {
                  child.props.privateSpan = childSpan;
                  child.props.privateOffset = childOffset;
                }
                if (collapsed) {
                  const remainder = spanCounter % responsiveCols;
                  if (childSpan + remainder > responsiveCols) {
                    spanCounter += responsiveCols - remainder;
                  }
                  if (childSpan + spanCounter + suffixSpan > collapsedRows * responsiveCols) {
                    done = true;
                  } else {
                    spanCounter += childSpan;
                  }
                }
              }
              if (done) {
                if (child.props) {
                  if (child.props.privateShow !== true) {
                    child.props.privateShow = false;
                  }
                } else {
                  child.props = {
                    privateShow: false
                  };
                }
              }
            }
            return vue.h("div", vue.mergeProps({
              ref: "contentEl",
              class: `${this.mergedClsPrefix}-grid`,
              style: this.style,
              [SSR_ATTR_NAME]: this.isSsr || void 0
            }, this.$attrs), childrenAndRawSpan.map(({
              child
            }) => child));
          };
          return this.isResponsive && this.responsive === "self" ? vue.h(VResizeObserver, {
            onResize: this.handleResize
          }, {
            default: renderContent
          }) : renderContent();
        }
      });
      const self$6 = (vars) => {
        const {
          primaryColor,
          baseColor
        } = vars;
        return {
          color: primaryColor,
          iconColor: baseColor
        };
      };
      const iconWrapperLight = {
        name: "IconWrapper",
        common: derived,
        self: self$6
      };
      const style$H = cB("icon-wrapper", `
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 background-color: var(--n-color);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: var(--n-icon-color);
`);
      const iconWrapperProps = Object.assign(Object.assign({}, useTheme.props), {
        size: {
          type: Number,
          default: 24
        },
        borderRadius: {
          type: Number,
          default: 6
        },
        color: String,
        iconColor: String
      });
      const NIconWrapper = vue.defineComponent({
        name: "IconWrapper",
        props: iconWrapperProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("IconWrapper", "-icon-wrapper", style$H, iconWrapperLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                color,
                iconColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-color": color,
              "--n-icon-color": iconColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("icon-wrapper", void 0, cssVarsRef, props) : void 0;
          return () => {
            const size2 = formatLength(props.size);
            themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender();
            return vue.h("div", {
              class: [`${mergedClsPrefixRef.value}-icon-wrapper`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value],
              style: [cssVarsRef === null || cssVarsRef === void 0 ? void 0 : cssVarsRef.value, {
                height: size2,
                width: size2,
                borderRadius: formatLength(props.borderRadius),
                backgroundColor: props.color,
                color: props.iconColor
              }]
            }, slots);
          };
        }
      });
      const imagePreviewSharedProps = Object.assign(Object.assign({}, useTheme.props), {
        onPreviewPrev: Function,
        onPreviewNext: Function,
        showToolbar: {
          type: Boolean,
          default: true
        },
        showToolbarTooltip: Boolean,
        renderToolbar: Function
      });
      const imageContextKey = createInjectionKey("n-image");
      function self$5() {
        return {
          toolbarIconColor: "rgba(255, 255, 255, .9)",
          toolbarColor: "rgba(0, 0, 0, .35)",
          toolbarBoxShadow: "none",
          toolbarBorderRadius: "24px"
        };
      }
      const imageLight = createTheme({
        name: "Image",
        common: derived,
        peers: {
          Tooltip: tooltipLight
        },
        self: self$5
      });
      const prevIcon = vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M6 5C5.75454 5 5.55039 5.17688 5.50806 5.41012L5.5 5.5V14.5C5.5 14.7761 5.72386 15 6 15C6.24546 15 6.44961 14.8231 6.49194 14.5899L6.5 14.5V5.5C6.5 5.22386 6.27614 5 6 5ZM13.8536 5.14645C13.68 4.97288 13.4106 4.9536 13.2157 5.08859L13.1464 5.14645L8.64645 9.64645C8.47288 9.82001 8.4536 10.0894 8.58859 10.2843L8.64645 10.3536L13.1464 14.8536C13.3417 15.0488 13.6583 15.0488 13.8536 14.8536C14.0271 14.68 14.0464 14.4106 13.9114 14.2157L13.8536 14.1464L9.70711 10L13.8536 5.85355C14.0488 5.65829 14.0488 5.34171 13.8536 5.14645Z",
        fill: "currentColor"
      }));
      const nextIcon = vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z",
        fill: "currentColor"
      }));
      const closeIcon = vue.h("svg", {
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
      }, vue.h("path", {
        d: "M4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07l-.057.07z",
        fill: "currentColor"
      }));
      const style$G = c$1([c$1("body >", [cB("image-container", "position: fixed;")]), cB("image-preview-container", `
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 `), cB("image-preview-overlay", `
 z-index: -1;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background: rgba(0, 0, 0, .3);
 `, [fadeInTransition()]), cB("image-preview-toolbar", `
 z-index: 1;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 border-radius: var(--n-toolbar-border-radius);
 height: 48px;
 bottom: 40px;
 padding: 0 12px;
 background: var(--n-toolbar-color);
 box-shadow: var(--n-toolbar-box-shadow);
 color: var(--n-toolbar-icon-color);
 transition: color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 `, [cB("base-icon", `
 padding: 0 8px;
 font-size: 28px;
 cursor: pointer;
 `), fadeInTransition()]), cB("image-preview-wrapper", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 pointer-events: none;
 `, [fadeInScaleUpTransition()]), cB("image-preview", `
 user-select: none;
 -webkit-user-select: none;
 pointer-events: all;
 margin: auto;
 max-height: calc(100vh - 32px);
 max-width: calc(100vw - 32px);
 transition: transform .3s var(--n-bezier);
 `), cB("image", `
 display: inline-flex;
 max-height: 100%;
 max-width: 100%;
 `, [cNotM("preview-disabled", `
 cursor: pointer;
 `), c$1("img", `
 border-radius: inherit;
 `)])]);
      const BLEEDING = 32;
      const NImagePreview = vue.defineComponent({
        name: "ImagePreview",
        props: Object.assign(Object.assign({}, imagePreviewSharedProps), {
          onNext: Function,
          onPrev: Function,
          clsPrefix: {
            type: String,
            required: true
          }
        }),
        setup(props) {
          const themeRef = useTheme("Image", "-image", style$G, imageLight, props, vue.toRef(props, "clsPrefix"));
          let thumbnailEl = null;
          const previewRef = vue.ref(null);
          const previewWrapperRef = vue.ref(null);
          const previewSrcRef = vue.ref(void 0);
          const showRef = vue.ref(false);
          const displayedRef = vue.ref(false);
          const {
            localeRef
          } = useLocale("Image");
          function syncTransformOrigin() {
            const {
              value: previewWrapper
            } = previewWrapperRef;
            if (!thumbnailEl || !previewWrapper)
              return;
            const {
              style: style2
            } = previewWrapper;
            const tbox = thumbnailEl.getBoundingClientRect();
            const tx = tbox.left + tbox.width / 2;
            const ty = tbox.top + tbox.height / 2;
            style2.transformOrigin = `${tx}px ${ty}px`;
          }
          function handleKeydown(e) {
            var _a, _b;
            switch (e.key) {
              case " ":
                e.preventDefault();
                break;
              case "ArrowLeft":
                (_a = props.onPrev) === null || _a === void 0 ? void 0 : _a.call(props);
                break;
              case "ArrowRight":
                (_b = props.onNext) === null || _b === void 0 ? void 0 : _b.call(props);
                break;
              case "Escape":
                toggleShow();
                break;
            }
          }
          vue.watch(showRef, (value) => {
            if (value) {
              on("keydown", document, handleKeydown);
            } else
              off("keydown", document, handleKeydown);
          });
          vue.onBeforeUnmount(() => {
            off("keydown", document, handleKeydown);
          });
          let startX = 0;
          let startY = 0;
          let offsetX = 0;
          let offsetY = 0;
          let startOffsetX = 0;
          let startOffsetY = 0;
          let mouseDownClientX = 0;
          let mouseDownClientY = 0;
          let dragging = false;
          function handleMouseMove(e) {
            const {
              clientX,
              clientY
            } = e;
            offsetX = clientX - startX;
            offsetY = clientY - startY;
            beforeNextFrameOnce(derivePreviewStyle);
          }
          function getMoveStrategy(opts) {
            const {
              mouseUpClientX,
              mouseUpClientY,
              mouseDownClientX: mouseDownClientX2,
              mouseDownClientY: mouseDownClientY2
            } = opts;
            const deltaHorizontal = mouseDownClientX2 - mouseUpClientX;
            const deltaVertical = mouseDownClientY2 - mouseUpClientY;
            const moveVerticalDirection = `vertical${deltaVertical > 0 ? "Top" : "Bottom"}`;
            const moveHorizontalDirection = `horizontal${deltaHorizontal > 0 ? "Left" : "Right"}`;
            return {
              moveVerticalDirection,
              moveHorizontalDirection,
              deltaHorizontal,
              deltaVertical
            };
          }
          function getDerivedOffset(moveStrategy) {
            const {
              value: preview
            } = previewRef;
            if (!preview)
              return {
                offsetX: 0,
                offsetY: 0
              };
            const pbox = preview.getBoundingClientRect();
            const {
              moveVerticalDirection,
              moveHorizontalDirection,
              deltaHorizontal,
              deltaVertical
            } = moveStrategy || {};
            let nextOffsetX = 0;
            let nextOffsetY = 0;
            if (pbox.width <= window.innerWidth) {
              nextOffsetX = 0;
            } else if (pbox.left > 0) {
              nextOffsetX = (pbox.width - window.innerWidth) / 2;
            } else if (pbox.right < window.innerWidth) {
              nextOffsetX = -(pbox.width - window.innerWidth) / 2;
            } else if (moveHorizontalDirection === "horizontalRight") {
              nextOffsetX = Math.min((pbox.width - window.innerWidth) / 2, startOffsetX - (deltaHorizontal !== null && deltaHorizontal !== void 0 ? deltaHorizontal : 0));
            } else {
              nextOffsetX = Math.max(-((pbox.width - window.innerWidth) / 2), startOffsetX - (deltaHorizontal !== null && deltaHorizontal !== void 0 ? deltaHorizontal : 0));
            }
            if (pbox.height <= window.innerHeight) {
              nextOffsetY = 0;
            } else if (pbox.top > 0) {
              nextOffsetY = (pbox.height - window.innerHeight) / 2;
            } else if (pbox.bottom < window.innerHeight) {
              nextOffsetY = -(pbox.height - window.innerHeight) / 2;
            } else if (moveVerticalDirection === "verticalBottom") {
              nextOffsetY = Math.min((pbox.height - window.innerHeight) / 2, startOffsetY - (deltaVertical !== null && deltaVertical !== void 0 ? deltaVertical : 0));
            } else {
              nextOffsetY = Math.max(-((pbox.height - window.innerHeight) / 2), startOffsetY - (deltaVertical !== null && deltaVertical !== void 0 ? deltaVertical : 0));
            }
            return {
              offsetX: nextOffsetX,
              offsetY: nextOffsetY
            };
          }
          function handleMouseUp(e) {
            off("mousemove", document, handleMouseMove);
            off("mouseup", document, handleMouseUp);
            const {
              clientX: mouseUpClientX,
              clientY: mouseUpClientY
            } = e;
            dragging = false;
            const moveStrategy = getMoveStrategy({
              mouseUpClientX,
              mouseUpClientY,
              mouseDownClientX,
              mouseDownClientY
            });
            const offset = getDerivedOffset(moveStrategy);
            offsetX = offset.offsetX;
            offsetY = offset.offsetY;
            derivePreviewStyle();
          }
          const imageContext = vue.inject(imageContextKey, null);
          function handlePreviewMousedown(e) {
            var _a, _b;
            (_b = (_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.onMousedown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
            if (e.button !== 0)
              return;
            const {
              clientX,
              clientY
            } = e;
            dragging = true;
            startX = clientX - offsetX;
            startY = clientY - offsetY;
            startOffsetX = offsetX;
            startOffsetY = offsetY;
            mouseDownClientX = clientX;
            mouseDownClientY = clientY;
            derivePreviewStyle();
            on("mousemove", document, handleMouseMove);
            on("mouseup", document, handleMouseUp);
          }
          function handlePreviewDblclick(e) {
            var _a, _b;
            (_b = (_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.onDblclick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
            const originalImageSizeScale = getOrignalImageSizeScale();
            scale = scale === originalImageSizeScale ? 1 : originalImageSizeScale;
            derivePreviewStyle();
          }
          const scaleRadix = 1.5;
          let scaleExp = 0;
          let scale = 1;
          let rotate = 0;
          function resetScale() {
            scale = 1;
            scaleExp = 0;
          }
          function handleSwitchPrev() {
            var _a;
            resetScale();
            rotate = 0;
            (_a = props.onPrev) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          function handleSwitchNext() {
            var _a;
            resetScale();
            rotate = 0;
            (_a = props.onNext) === null || _a === void 0 ? void 0 : _a.call(props);
          }
          function rotateCounterclockwise() {
            rotate -= 90;
            derivePreviewStyle();
          }
          function rotateClockwise() {
            rotate += 90;
            derivePreviewStyle();
          }
          function getMaxScale() {
            const {
              value: preview
            } = previewRef;
            if (!preview)
              return 1;
            const {
              innerWidth,
              innerHeight
            } = window;
            const heightMaxScale = Math.max(1, preview.naturalHeight / (innerHeight - BLEEDING));
            const widthMaxScale = Math.max(1, preview.naturalWidth / (innerWidth - BLEEDING));
            return Math.max(3, heightMaxScale * 2, widthMaxScale * 2);
          }
          function getOrignalImageSizeScale() {
            const {
              value: preview
            } = previewRef;
            if (!preview)
              return 1;
            const {
              innerWidth,
              innerHeight
            } = window;
            const heightScale = preview.naturalHeight / (innerHeight - BLEEDING);
            const widthScale = preview.naturalWidth / (innerWidth - BLEEDING);
            if (heightScale < 1 && widthScale < 1) {
              return 1;
            }
            return Math.max(heightScale, widthScale);
          }
          function zoomIn() {
            const maxScale = getMaxScale();
            if (scale < maxScale) {
              scaleExp += 1;
              scale = Math.min(maxScale, Math.pow(scaleRadix, scaleExp));
              derivePreviewStyle();
            }
          }
          function zoomOut() {
            if (scale > 0.5) {
              const originalScale = scale;
              scaleExp -= 1;
              scale = Math.max(0.5, Math.pow(scaleRadix, scaleExp));
              const diff = originalScale - scale;
              derivePreviewStyle(false);
              const offset = getDerivedOffset();
              scale += diff;
              derivePreviewStyle(false);
              scale -= diff;
              offsetX = offset.offsetX;
              offsetY = offset.offsetY;
              derivePreviewStyle();
            }
          }
          function handleDownloadClick() {
            const src = previewSrcRef.value;
            if (src) {
              download(src, void 0);
            }
          }
          function derivePreviewStyle(transition = true) {
            var _a;
            const {
              value: preview
            } = previewRef;
            if (!preview)
              return;
            const {
              style: style2
            } = preview;
            const controlledStyle = vue.normalizeStyle((_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.style);
            let controlledStyleString = "";
            if (typeof controlledStyle === "string") {
              controlledStyleString = controlledStyle + ";";
            } else {
              for (const key in controlledStyle) {
                controlledStyleString += `${kebabCase(key)}: ${controlledStyle[key]};`;
              }
            }
            const transformStyle = `transform-origin: center; transform: translateX(${offsetX}px) translateY(${offsetY}px) rotate(${rotate}deg) scale(${scale});`;
            if (dragging) {
              style2.cssText = controlledStyleString + "cursor: grabbing; transition: none;" + transformStyle;
            } else {
              style2.cssText = controlledStyleString + "cursor: grab;" + transformStyle + (transition ? "" : "transition: none;");
            }
            if (!transition) {
              void preview.offsetHeight;
            }
          }
          function toggleShow() {
            showRef.value = !showRef.value;
            displayedRef.value = true;
          }
          function resizeToOrignalImageSize() {
            scale = getOrignalImageSizeScale();
            scaleExp = Math.ceil(Math.log(scale) / Math.log(scaleRadix));
            offsetX = 0;
            offsetY = 0;
            derivePreviewStyle();
          }
          const exposedMethods = {
            setPreviewSrc: (src) => {
              previewSrcRef.value = src;
            },
            setThumbnailEl: (el) => {
              thumbnailEl = el;
            },
            toggleShow
          };
          function withTooltip(node, tooltipKey) {
            if (props.showToolbarTooltip) {
              const {
                value: theme
              } = themeRef;
              return vue.h(NTooltip, {
                to: false,
                theme: theme.peers.Tooltip,
                themeOverrides: theme.peerOverrides.Tooltip,
                keepAliveOnHover: false
              }, {
                default: () => {
                  return localeRef.value[tooltipKey];
                },
                trigger: () => node
              });
            } else {
              return node;
            }
          }
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                toolbarIconColor,
                toolbarBorderRadius,
                toolbarBoxShadow,
                toolbarColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-toolbar-icon-color": toolbarIconColor,
              "--n-toolbar-color": toolbarColor,
              "--n-toolbar-border-radius": toolbarBorderRadius,
              "--n-toolbar-box-shadow": toolbarBoxShadow
            };
          });
          const {
            inlineThemeDisabled
          } = useConfig();
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("image-preview", void 0, cssVarsRef, props) : void 0;
          return Object.assign({
            previewRef,
            previewWrapperRef,
            previewSrc: previewSrcRef,
            show: showRef,
            appear: isMounted(),
            displayed: displayedRef,
            previewedImgProps: imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef,
            handleWheel(e) {
              e.preventDefault();
            },
            handlePreviewMousedown,
            handlePreviewDblclick,
            syncTransformOrigin,
            handleAfterLeave: () => {
              resetScale();
              rotate = 0;
              displayedRef.value = false;
            },
            handleDragStart: (e) => {
              var _a, _b;
              (_b = (_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.onDragstart) === null || _b === void 0 ? void 0 : _b.call(_a, e);
              e.preventDefault();
            },
            zoomIn,
            zoomOut,
            handleDownloadClick,
            rotateCounterclockwise,
            rotateClockwise,
            handleSwitchPrev,
            handleSwitchNext,
            withTooltip,
            resizeToOrignalImageSize,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          }, exposedMethods);
        },
        render() {
          var _a, _b;
          const {
            clsPrefix,
            renderToolbar,
            withTooltip
          } = this;
          const prevNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.handleSwitchPrev
          }, {
            default: () => prevIcon
          }), "tipPrevious");
          const nextNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.handleSwitchNext
          }, {
            default: () => nextIcon
          }), "tipNext");
          const rotateCounterclockwiseNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.rotateCounterclockwise
          }, {
            default: () => vue.h(RotateCounterclockwiseIcon, null)
          }), "tipCounterclockwise");
          const rotateClockwiseNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.rotateClockwise
          }, {
            default: () => vue.h(RotateClockwiseIcon, null)
          }), "tipClockwise");
          const originalSizeNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.resizeToOrignalImageSize
          }, {
            default: () => {
              return vue.h(ResizeSmallIcon, null);
            }
          }), "tipOriginalSize");
          const zoomOutNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.zoomOut
          }, {
            default: () => vue.h(ZoomOutIcon, null)
          }), "tipZoomOut");
          const downloadNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.handleDownloadClick
          }, {
            default: () => vue.h(DownloadIcon, null)
          }), "tipDownload");
          const closeNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.toggleShow
          }, {
            default: () => closeIcon
          }), "tipClose");
          const zoomInNode = withTooltip(vue.h(NBaseIcon, {
            clsPrefix,
            onClick: this.zoomIn
          }, {
            default: () => vue.h(ZoomInIcon, null)
          }), "tipZoomIn");
          return vue.h(vue.Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a), vue.h(LazyTeleport, {
            show: this.show
          }, {
            default: () => {
              var _a2;
              if (!(this.show || this.displayed)) {
                return null;
              }
              (_a2 = this.onRender) === null || _a2 === void 0 ? void 0 : _a2.call(this);
              return vue.withDirectives(vue.h("div", {
                class: [`${clsPrefix}-image-preview-container`, this.themeClass],
                style: this.cssVars,
                onWheel: this.handleWheel
              }, vue.h(vue.Transition, {
                name: "fade-in-transition",
                appear: this.appear
              }, {
                default: () => this.show ? vue.h("div", {
                  class: `${clsPrefix}-image-preview-overlay`,
                  onClick: this.toggleShow
                }) : null
              }), this.showToolbar ? vue.h(vue.Transition, {
                name: "fade-in-transition",
                appear: this.appear
              }, {
                default: () => {
                  if (!this.show)
                    return null;
                  return vue.h("div", {
                    class: `${clsPrefix}-image-preview-toolbar`
                  }, renderToolbar ? renderToolbar({
                    nodes: {
                      prev: prevNode,
                      next: nextNode,
                      rotateCounterclockwise: rotateCounterclockwiseNode,
                      rotateClockwise: rotateClockwiseNode,
                      resizeToOriginalSize: originalSizeNode,
                      zoomOut: zoomOutNode,
                      zoomIn: zoomInNode,
                      download: downloadNode,
                      close: closeNode
                    }
                  }) : vue.h(vue.Fragment, null, this.onPrev ? vue.h(vue.Fragment, null, prevNode, nextNode) : null, rotateCounterclockwiseNode, rotateClockwiseNode, originalSizeNode, zoomOutNode, zoomInNode, downloadNode, closeNode));
                }
              }) : null, vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                onAfterLeave: this.handleAfterLeave,
                appear: this.appear,
                // BUG:
                // onEnter will be called twice, I don't know why
                // Maybe it is a bug of vue
                onEnter: this.syncTransformOrigin,
                onBeforeLeave: this.syncTransformOrigin
              }, {
                default: () => {
                  const {
                    previewedImgProps = {}
                  } = this;
                  return vue.withDirectives(vue.h("div", {
                    class: `${clsPrefix}-image-preview-wrapper`,
                    ref: "previewWrapperRef"
                  }, vue.h("img", Object.assign({}, previewedImgProps, {
                    draggable: false,
                    onMousedown: this.handlePreviewMousedown,
                    onDblclick: this.handlePreviewDblclick,
                    class: [`${clsPrefix}-image-preview`, previewedImgProps.class],
                    key: this.previewSrc,
                    src: this.previewSrc,
                    ref: "previewRef",
                    onDragstart: this.handleDragStart
                  }))), [[vue.vShow, this.show]]);
                }
              })), [[zindexable, {
                enabled: this.show
              }]]);
            }
          }));
        }
      });
      const imageGroupInjectionKey = createInjectionKey("n-image-group");
      const imageGroupProps = imagePreviewSharedProps;
      const NImageGroup = vue.defineComponent({
        name: "ImageGroup",
        props: imageGroupProps,
        setup(props) {
          let currentSrc;
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const groupId = `c${createId()}`;
          const vm = vue.getCurrentInstance();
          const setPreviewSrc = (src) => {
            var _a;
            currentSrc = src;
            (_a = previewInstRef.value) === null || _a === void 0 ? void 0 : _a.setPreviewSrc(src);
          };
          function go(step) {
            var _a, _b;
            if (!(vm === null || vm === void 0 ? void 0 : vm.proxy))
              return;
            const container = vm.proxy.$el.parentElement;
            const imgs = container.querySelectorAll(`[data-group-id=${groupId}]:not([data-error=true])`);
            if (!imgs.length)
              return;
            const index = Array.from(imgs).findIndex((img) => img.dataset.previewSrc === currentSrc);
            if (~index) {
              setPreviewSrc(imgs[(index + step + imgs.length) % imgs.length].dataset.previewSrc);
            } else {
              setPreviewSrc(imgs[0].dataset.previewSrc);
            }
            step === 1 ? (_a = props.onPreviewNext) === null || _a === void 0 ? void 0 : _a.call(props) : (_b = props.onPreviewPrev) === null || _b === void 0 ? void 0 : _b.call(props);
          }
          vue.provide(imageGroupInjectionKey, {
            mergedClsPrefixRef,
            setPreviewSrc,
            setThumbnailEl: (el) => {
              var _a;
              (_a = previewInstRef.value) === null || _a === void 0 ? void 0 : _a.setThumbnailEl(el);
            },
            toggleShow: () => {
              var _a;
              (_a = previewInstRef.value) === null || _a === void 0 ? void 0 : _a.toggleShow();
            },
            groupId,
            renderToolbarRef: vue.toRef(props, "renderToolbar")
          });
          const previewInstRef = vue.ref(null);
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            previewInstRef,
            next: () => {
              go(1);
            },
            prev: () => {
              go(-1);
            }
          };
        },
        render() {
          return vue.h(NImagePreview, {
            theme: this.theme,
            themeOverrides: this.themeOverrides,
            clsPrefix: this.mergedClsPrefix,
            ref: "previewInstRef",
            onPrev: this.prev,
            onNext: this.next,
            showToolbar: this.showToolbar,
            showToolbarTooltip: this.showToolbarTooltip,
            renderToolbar: this.renderToolbar
          }, this.$slots);
        }
      });
      const imageProps = Object.assign({
        alt: String,
        height: [String, Number],
        imgProps: Object,
        previewedImgProps: Object,
        lazy: Boolean,
        intersectionObserverOptions: Object,
        objectFit: {
          type: String,
          default: "fill"
        },
        previewSrc: String,
        fallbackSrc: String,
        width: [String, Number],
        src: String,
        previewDisabled: Boolean,
        loadDescription: String,
        onError: Function,
        onLoad: Function
      }, imagePreviewSharedProps);
      const NImage = vue.defineComponent({
        name: "Image",
        props: imageProps,
        inheritAttrs: false,
        setup(props) {
          const imageRef = vue.ref(null);
          const showErrorRef = vue.ref(false);
          const previewInstRef = vue.ref(null);
          const imageGroupHandle = vue.inject(imageGroupInjectionKey, null);
          const {
            mergedClsPrefixRef
          } = imageGroupHandle || useConfig(props);
          const exposedMethods = {
            click: () => {
              if (props.previewDisabled || showErrorRef.value)
                return;
              const mergedPreviewSrc = props.previewSrc || props.src;
              if (imageGroupHandle) {
                imageGroupHandle.setPreviewSrc(mergedPreviewSrc);
                imageGroupHandle.setThumbnailEl(imageRef.value);
                imageGroupHandle.toggleShow();
                return;
              }
              const {
                value: previewInst
              } = previewInstRef;
              if (!previewInst)
                return;
              previewInst.setPreviewSrc(mergedPreviewSrc);
              previewInst.setThumbnailEl(imageRef.value);
              previewInst.toggleShow();
            }
          };
          const shouldStartLoadingRef = vue.ref(!props.lazy);
          vue.onMounted(() => {
            var _a;
            (_a = imageRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute("data-group-id", (imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId) || "");
          });
          vue.onMounted(() => {
            if (props.lazy && props.intersectionObserverOptions) {
              let unobserve;
              const stopWatchHandle = vue.watchEffect(() => {
                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
                unobserve = void 0;
                unobserve = observeIntersection(imageRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
              });
              vue.onBeforeUnmount(() => {
                stopWatchHandle();
                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
              });
            }
          });
          vue.watchEffect(() => {
            var _a;
            void (props.src || ((_a = props.imgProps) === null || _a === void 0 ? void 0 : _a.src));
            showErrorRef.value = false;
          });
          const loadedRef = vue.ref(false);
          vue.provide(imageContextKey, {
            previewedImgPropsRef: vue.toRef(props, "previewedImgProps")
          });
          return Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            groupId: imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId,
            previewInstRef,
            imageRef,
            showError: showErrorRef,
            shouldStartLoading: shouldStartLoadingRef,
            loaded: loadedRef,
            mergedOnClick: (e) => {
              var _a, _b;
              exposedMethods.click();
              (_b = (_a = props.imgProps) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
            },
            mergedOnError: (e) => {
              if (!shouldStartLoadingRef.value)
                return;
              showErrorRef.value = true;
              const {
                onError,
                imgProps: {
                  onError: imgPropsOnError
                } = {}
              } = props;
              onError === null || onError === void 0 ? void 0 : onError(e);
              imgPropsOnError === null || imgPropsOnError === void 0 ? void 0 : imgPropsOnError(e);
            },
            mergedOnLoad: (e) => {
              const {
                onLoad,
                imgProps: {
                  onLoad: imgPropsOnLoad
                } = {}
              } = props;
              onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
              imgPropsOnLoad === null || imgPropsOnLoad === void 0 ? void 0 : imgPropsOnLoad(e);
              loadedRef.value = true;
            }
          }, exposedMethods);
        },
        render() {
          var _a, _b;
          const {
            mergedClsPrefix,
            imgProps = {},
            loaded,
            $attrs,
            lazy
          } = this;
          const placeholderNode = (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a);
          const loadSrc = this.src || imgProps.src;
          const imgNode = vue.h("img", Object.assign(Object.assign({}, imgProps), {
            ref: "imageRef",
            width: this.width || imgProps.width,
            height: this.height || imgProps.height,
            src: this.showError ? this.fallbackSrc : lazy && this.intersectionObserverOptions ? this.shouldStartLoading ? loadSrc : void 0 : loadSrc,
            alt: this.alt || imgProps.alt,
            "aria-label": this.alt || imgProps.alt,
            onClick: this.mergedOnClick,
            onError: this.mergedOnError,
            onLoad: this.mergedOnLoad,
            // If interseciton observer options is set, do not use native lazy
            loading: isImageSupportNativeLazy && lazy && !this.intersectionObserverOptions ? "lazy" : "eager",
            style: [imgProps.style || "", placeholderNode && !loaded ? {
              height: "0",
              width: "0",
              visibility: "hidden"
            } : "", {
              objectFit: this.objectFit
            }],
            "data-error": this.showError,
            "data-preview-src": this.previewSrc || this.src
          }));
          return vue.h("div", Object.assign({}, $attrs, {
            role: "none",
            class: [$attrs.class, `${mergedClsPrefix}-image`, (this.previewDisabled || this.showError) && `${mergedClsPrefix}-image--preview-disabled`]
          }), this.groupId ? imgNode : vue.h(NImagePreview, {
            theme: this.theme,
            themeOverrides: this.themeOverrides,
            clsPrefix: mergedClsPrefix,
            ref: "previewInstRef",
            showToolbar: this.showToolbar,
            showToolbarTooltip: this.showToolbarTooltip,
            renderToolbar: this.renderToolbar
          }, {
            default: () => imgNode,
            toolbar: () => {
              var _a2, _b2;
              return (_b2 = (_a2 = this.$slots).toolbar) === null || _b2 === void 0 ? void 0 : _b2.call(_a2);
            }
          }), !loaded && placeholderNode);
        }
      });
      function parse(value) {
        if (value === void 0 || value === null || typeof value === "string" && value.trim() === "") {
          return null;
        }
        return Number(value);
      }
      function isWipValue(value) {
        return value.includes(".") && (/^(-)?\d+.*(\.|0)$/.test(value) || /^\.\d+$/.test(value));
      }
      function validator(value) {
        if (value === void 0 || value === null)
          return true;
        if (Number.isNaN(value))
          return false;
        return true;
      }
      function format(value, precision) {
        if (value === void 0 || value === null)
          return "";
        return precision === void 0 ? String(value) : value.toFixed(precision);
      }
      function parseNumber(number) {
        if (number === null)
          return null;
        if (typeof number === "number") {
          return number;
        } else {
          const parsedNumber = Number(number);
          if (Number.isNaN(parsedNumber))
            return null;
          else {
            return parsedNumber;
          }
        }
      }
      const style$F = c$1([cB("input-number-suffix", `
 display: inline-block;
 margin-right: 10px;
 `), cB("input-number-prefix", `
 display: inline-block;
 margin-left: 10px;
 `)]);
      const HOLDING_CHANGE_THRESHOLD = 800;
      const HOLDING_CHANGE_INTERVAL = 100;
      const inputNumberProps = Object.assign(Object.assign({}, useTheme.props), {
        autofocus: Boolean,
        loading: {
          type: Boolean,
          default: void 0
        },
        placeholder: String,
        defaultValue: {
          type: Number,
          default: null
        },
        value: Number,
        step: {
          type: [Number, String],
          default: 1
        },
        min: [Number, String],
        max: [Number, String],
        size: String,
        disabled: {
          type: Boolean,
          default: void 0
        },
        validator: Function,
        bordered: {
          type: Boolean,
          default: void 0
        },
        showButton: {
          type: Boolean,
          default: true
        },
        buttonPlacement: {
          type: String,
          default: "right"
        },
        inputProps: Object,
        readonly: Boolean,
        clearable: Boolean,
        keyboard: {
          type: Object,
          default: {}
        },
        updateValueOnInput: {
          type: Boolean,
          default: true
        },
        parse: Function,
        format: Function,
        precision: Number,
        status: String,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onFocus: [Function, Array],
        onBlur: [Function, Array],
        onClear: [Function, Array],
        // deprecated
        onChange: [Function, Array]
      });
      const InputNumber = vue.defineComponent({
        name: "InputNumber",
        props: inputNumberProps,
        setup(props) {
          const {
            mergedBorderedRef,
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("InputNumber", "-input-number", style$F, inputNumberLight, props, mergedClsPrefixRef);
          const {
            localeRef
          } = useLocale("InputNumber");
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef
          } = formItem;
          const inputInstRef = vue.ref(null);
          const minusButtonInstRef = vue.ref(null);
          const addButtonInstRef = vue.ref(null);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const displayedValueRef = vue.ref("");
          const getPrecision = (value) => {
            const fraction = String(value).split(".")[1];
            return fraction ? fraction.length : 0;
          };
          const getMaxPrecision = (currentValue) => {
            const precisions = [props.min, props.max, props.step, currentValue].map((value) => {
              if (value === void 0)
                return 0;
              return getPrecision(value);
            });
            return Math.max(...precisions);
          };
          const mergedPlaceholderRef = useMemo(() => {
            const {
              placeholder
            } = props;
            if (placeholder !== void 0)
              return placeholder;
            return localeRef.value.placeholder;
          });
          const mergedStepRef = useMemo(() => {
            const parsedNumber = parseNumber(props.step);
            if (parsedNumber !== null) {
              return parsedNumber === 0 ? 1 : Math.abs(parsedNumber);
            }
            return 1;
          });
          const mergedMinRef = useMemo(() => {
            const parsedNumber = parseNumber(props.min);
            if (parsedNumber !== null)
              return parsedNumber;
            else
              return null;
          });
          const mergedMaxRef = useMemo(() => {
            const parsedNumber = parseNumber(props.max);
            if (parsedNumber !== null)
              return parsedNumber;
            else
              return null;
          });
          const doUpdateValue = (value) => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (value === mergedValue) {
              deriveDisplayedValueFromValue();
              return;
            }
            const {
              "onUpdate:value": _onUpdateValue,
              onUpdateValue,
              onChange
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onChange)
              call(onChange, value);
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          };
          const deriveValueFromDisplayedValue = ({
            offset,
            doUpdateIfValid,
            fixPrecision,
            isInputing
          }) => {
            const {
              value: displayedValue
            } = displayedValueRef;
            if (isInputing && isWipValue(displayedValue)) {
              return false;
            }
            const parsedValue = (props.parse || parse)(displayedValue);
            if (parsedValue === null) {
              if (doUpdateIfValid)
                doUpdateValue(null);
              return null;
            }
            if (validator(parsedValue)) {
              const currentPrecision = getPrecision(parsedValue);
              const {
                precision
              } = props;
              if (precision !== void 0 && precision < currentPrecision && !fixPrecision) {
                return false;
              }
              let nextValue = parseFloat((parsedValue + offset).toFixed(precision !== null && precision !== void 0 ? precision : getMaxPrecision(parsedValue)));
              if (validator(nextValue)) {
                const {
                  value: mergedMax
                } = mergedMaxRef;
                const {
                  value: mergedMin
                } = mergedMinRef;
                if (mergedMax !== null && nextValue > mergedMax) {
                  if (!doUpdateIfValid || isInputing)
                    return false;
                  nextValue = mergedMax;
                }
                if (mergedMin !== null && nextValue < mergedMin) {
                  if (!doUpdateIfValid || isInputing)
                    return false;
                  nextValue = mergedMin;
                }
                if (props.validator && !props.validator(nextValue))
                  return false;
                if (doUpdateIfValid)
                  doUpdateValue(nextValue);
                return nextValue;
              }
            }
            return false;
          };
          const deriveDisplayedValueFromValue = () => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (validator(mergedValue)) {
              const {
                format: formatProp,
                precision
              } = props;
              if (formatProp) {
                displayedValueRef.value = formatProp(mergedValue);
              } else {
                if (mergedValue === null || precision === void 0 || // precision overflow
                getPrecision(mergedValue) > precision) {
                  displayedValueRef.value = format(mergedValue, void 0);
                } else {
                  displayedValueRef.value = format(mergedValue, precision);
                }
              }
            } else {
              displayedValueRef.value = String(mergedValue);
            }
          };
          deriveDisplayedValueFromValue();
          const displayedValueInvalidRef = useMemo(() => {
            const derivedValue = deriveValueFromDisplayedValue({
              offset: 0,
              doUpdateIfValid: false,
              isInputing: false,
              fixPrecision: false
            });
            return derivedValue === false;
          });
          const minusableRef = useMemo(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (props.validator && mergedValue === null) {
              return false;
            }
            const {
              value: mergedStep
            } = mergedStepRef;
            const derivedNextValue = deriveValueFromDisplayedValue({
              offset: -mergedStep,
              doUpdateIfValid: false,
              isInputing: false,
              fixPrecision: false
            });
            return derivedNextValue !== false;
          });
          const addableRef = useMemo(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (props.validator && mergedValue === null) {
              return false;
            }
            const {
              value: mergedStep
            } = mergedStepRef;
            const derivedNextValue = deriveValueFromDisplayedValue({
              offset: +mergedStep,
              doUpdateIfValid: false,
              isInputing: false,
              fixPrecision: false
            });
            return derivedNextValue !== false;
          });
          function doFocus(e) {
            const {
              onFocus
            } = props;
            const {
              nTriggerFormFocus
            } = formItem;
            if (onFocus)
              call(onFocus, e);
            nTriggerFormFocus();
          }
          function doBlur(e) {
            var _a, _b;
            if (e.target === ((_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef)) {
              return;
            }
            const value = deriveValueFromDisplayedValue({
              offset: 0,
              doUpdateIfValid: true,
              isInputing: false,
              fixPrecision: true
            });
            if (value !== false) {
              const inputElRef = (_b = inputInstRef.value) === null || _b === void 0 ? void 0 : _b.inputElRef;
              if (inputElRef) {
                inputElRef.value = String(value || "");
              }
              if (mergedValueRef.value === value) {
                deriveDisplayedValueFromValue();
              }
            } else {
              deriveDisplayedValueFromValue();
            }
            const {
              onBlur
            } = props;
            const {
              nTriggerFormBlur
            } = formItem;
            if (onBlur)
              call(onBlur, e);
            nTriggerFormBlur();
            void vue.nextTick(() => {
              deriveDisplayedValueFromValue();
            });
          }
          function doClear(e) {
            const {
              onClear
            } = props;
            if (onClear)
              call(onClear, e);
          }
          function doAdd() {
            const {
              value: addable
            } = addableRef;
            if (!addable) {
              clearAddHoldTimeout();
              return;
            }
            const {
              value: mergedValue
            } = mergedValueRef;
            if (mergedValue === null) {
              if (!props.validator) {
                doUpdateValue(createValidValue());
              }
            } else {
              const {
                value: mergedStep
              } = mergedStepRef;
              deriveValueFromDisplayedValue({
                offset: mergedStep,
                doUpdateIfValid: true,
                isInputing: false,
                fixPrecision: true
              });
            }
          }
          function doMinus() {
            const {
              value: minusable
            } = minusableRef;
            if (!minusable) {
              clearMinusHoldTimeout();
              return;
            }
            const {
              value: mergedValue
            } = mergedValueRef;
            if (mergedValue === null) {
              if (!props.validator) {
                doUpdateValue(createValidValue());
              }
            } else {
              const {
                value: mergedStep
              } = mergedStepRef;
              deriveValueFromDisplayedValue({
                offset: -mergedStep,
                doUpdateIfValid: true,
                isInputing: false,
                fixPrecision: true
              });
            }
          }
          const handleFocus = doFocus;
          const handleBlur = doBlur;
          function createValidValue() {
            if (props.validator)
              return null;
            const {
              value: mergedMin
            } = mergedMinRef;
            const {
              value: mergedMax
            } = mergedMaxRef;
            if (mergedMin !== null) {
              return Math.max(0, mergedMin);
            } else if (mergedMax !== null) {
              return Math.min(0, mergedMax);
            } else {
              return 0;
            }
          }
          function handleClear(e) {
            doClear(e);
            doUpdateValue(null);
          }
          function handleMouseDown(e) {
            var _a, _b, _c;
            if ((_a = addButtonInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(e.target)) {
              e.preventDefault();
            }
            if ((_b = minusButtonInstRef.value) === null || _b === void 0 ? void 0 : _b.$el.contains(e.target)) {
              e.preventDefault();
            }
            (_c = inputInstRef.value) === null || _c === void 0 ? void 0 : _c.activate();
          }
          let minusHoldStateIntervalId = null;
          let addHoldStateIntervalId = null;
          let firstMinusMousedownId = null;
          function clearMinusHoldTimeout() {
            if (firstMinusMousedownId) {
              window.clearTimeout(firstMinusMousedownId);
              firstMinusMousedownId = null;
            }
            if (minusHoldStateIntervalId) {
              window.clearInterval(minusHoldStateIntervalId);
              minusHoldStateIntervalId = null;
            }
          }
          function clearAddHoldTimeout() {
            if (firstAddMousedownId) {
              window.clearTimeout(firstAddMousedownId);
              firstAddMousedownId = null;
            }
            if (addHoldStateIntervalId) {
              window.clearInterval(addHoldStateIntervalId);
              addHoldStateIntervalId = null;
            }
          }
          function handleMinusMousedown() {
            clearMinusHoldTimeout();
            firstMinusMousedownId = window.setTimeout(() => {
              minusHoldStateIntervalId = window.setInterval(() => {
                doMinus();
              }, HOLDING_CHANGE_INTERVAL);
            }, HOLDING_CHANGE_THRESHOLD);
            on("mouseup", document, clearMinusHoldTimeout, {
              once: true
            });
          }
          let firstAddMousedownId = null;
          function handleAddMousedown() {
            clearAddHoldTimeout();
            firstAddMousedownId = window.setTimeout(() => {
              addHoldStateIntervalId = window.setInterval(() => {
                doAdd();
              }, HOLDING_CHANGE_INTERVAL);
            }, HOLDING_CHANGE_THRESHOLD);
            on("mouseup", document, clearAddHoldTimeout, {
              once: true
            });
          }
          const handleAddClick = () => {
            if (addHoldStateIntervalId)
              return;
            doAdd();
          };
          const handleMinusClick = () => {
            if (minusHoldStateIntervalId)
              return;
            doMinus();
          };
          function handleKeyDown(e) {
            var _a, _b;
            if (e.key === "Enter") {
              if (e.target === ((_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef)) {
                return;
              }
              const value = deriveValueFromDisplayedValue({
                offset: 0,
                doUpdateIfValid: true,
                isInputing: false,
                fixPrecision: true
              });
              if (value !== false) {
                (_b = inputInstRef.value) === null || _b === void 0 ? void 0 : _b.deactivate();
              }
            } else if (e.key === "ArrowUp") {
              if (!addableRef.value)
                return;
              if (props.keyboard.ArrowUp === false)
                return;
              e.preventDefault();
              const value = deriveValueFromDisplayedValue({
                offset: 0,
                doUpdateIfValid: true,
                isInputing: false,
                fixPrecision: true
              });
              if (value !== false) {
                doAdd();
              }
            } else if (e.key === "ArrowDown") {
              if (!minusableRef.value)
                return;
              if (props.keyboard.ArrowDown === false)
                return;
              e.preventDefault();
              const value = deriveValueFromDisplayedValue({
                offset: 0,
                doUpdateIfValid: true,
                isInputing: false,
                fixPrecision: true
              });
              if (value !== false) {
                doMinus();
              }
            }
          }
          function handleUpdateDisplayedValue(value) {
            displayedValueRef.value = value;
            if (props.updateValueOnInput && !props.format && !props.parse && props.precision === void 0) {
              deriveValueFromDisplayedValue({
                offset: 0,
                doUpdateIfValid: true,
                isInputing: true,
                fixPrecision: false
              });
            }
          }
          vue.watch(mergedValueRef, () => {
            deriveDisplayedValueFromValue();
          });
          const exposedMethods = {
            focus: () => {
              var _a;
              return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            blur: () => {
              var _a;
              return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            },
            select: () => {
              var _a;
              return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.select();
            }
          };
          const rtlEnabledRef = useRtl("InputNumber", mergedRtlRef, mergedClsPrefixRef);
          return Object.assign(Object.assign({}, exposedMethods), {
            rtlEnabled: rtlEnabledRef,
            inputInstRef,
            minusButtonInstRef,
            addButtonInstRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            mergedPlaceholder: mergedPlaceholderRef,
            displayedValueInvalid: displayedValueInvalidRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            displayedValue: displayedValueRef,
            addable: addableRef,
            minusable: minusableRef,
            mergedStatus: mergedStatusRef,
            handleFocus,
            handleBlur,
            handleClear,
            handleMouseDown,
            handleAddClick,
            handleMinusClick,
            handleAddMousedown,
            handleMinusMousedown,
            handleKeyDown,
            handleUpdateDisplayedValue,
            // theme
            mergedTheme: themeRef,
            inputThemeOverrides: {
              paddingSmall: "0 8px 0 10px",
              paddingMedium: "0 8px 0 12px",
              paddingLarge: "0 8px 0 14px"
            },
            buttonThemeOverrides: vue.computed(() => {
              const {
                self: {
                  iconColorDisabled
                }
              } = themeRef.value;
              const [r, g, b, a2] = rgba(iconColorDisabled);
              return {
                textColorTextDisabled: `rgb(${r}, ${g}, ${b})`,
                opacityDisabled: `${a2}`
              };
            })
          });
        },
        render() {
          const {
            mergedClsPrefix,
            $slots
          } = this;
          const renderMinusButton = () => {
            return vue.h(XButton, {
              text: true,
              disabled: !this.minusable || this.mergedDisabled || this.readonly,
              focusable: false,
              theme: this.mergedTheme.peers.Button,
              themeOverrides: this.mergedTheme.peerOverrides.Button,
              builtinThemeOverrides: this.buttonThemeOverrides,
              onClick: this.handleMinusClick,
              onMousedown: this.handleMinusMousedown,
              ref: "minusButtonInstRef"
            }, {
              icon: () => resolveSlot($slots["minus-icon"], () => [vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(RemoveIcon, null)
              })])
            });
          };
          const renderAddButton = () => {
            return vue.h(XButton, {
              text: true,
              disabled: !this.addable || this.mergedDisabled || this.readonly,
              focusable: false,
              theme: this.mergedTheme.peers.Button,
              themeOverrides: this.mergedTheme.peerOverrides.Button,
              builtinThemeOverrides: this.buttonThemeOverrides,
              onClick: this.handleAddClick,
              onMousedown: this.handleAddMousedown,
              ref: "addButtonInstRef"
            }, {
              icon: () => resolveSlot($slots["add-icon"], () => [vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(AddIcon, null)
              })])
            });
          };
          return vue.h("div", {
            class: [`${mergedClsPrefix}-input-number`, this.rtlEnabled && `${mergedClsPrefix}-input-number--rtl`]
          }, vue.h(NInput, {
            ref: "inputInstRef",
            autofocus: this.autofocus,
            status: this.mergedStatus,
            bordered: this.mergedBordered,
            loading: this.loading,
            value: this.displayedValue,
            onUpdateValue: this.handleUpdateDisplayedValue,
            theme: this.mergedTheme.peers.Input,
            themeOverrides: this.mergedTheme.peerOverrides.Input,
            builtinThemeOverrides: this.inputThemeOverrides,
            size: this.mergedSize,
            placeholder: this.mergedPlaceholder,
            disabled: this.mergedDisabled,
            readonly: this.readonly,
            textDecoration: this.displayedValueInvalid ? "line-through" : void 0,
            onFocus: this.handleFocus,
            onBlur: this.handleBlur,
            onKeydown: this.handleKeyDown,
            onMousedown: this.handleMouseDown,
            onClear: this.handleClear,
            clearable: this.clearable,
            inputProps: this.inputProps,
            internalLoadingBeforeSuffix: true
          }, {
            prefix: () => {
              var _a;
              return this.showButton && this.buttonPlacement === "both" ? [renderMinusButton(), resolveWrappedSlot($slots.prefix, (children) => {
                if (children) {
                  return vue.h("span", {
                    class: `${mergedClsPrefix}-input-number-prefix`
                  }, children);
                }
                return null;
              })] : (_a = $slots.prefix) === null || _a === void 0 ? void 0 : _a.call($slots);
            },
            suffix: () => {
              var _a;
              return this.showButton ? [resolveWrappedSlot($slots.suffix, (children) => {
                if (children) {
                  return vue.h("span", {
                    class: `${mergedClsPrefix}-input-number-suffix`
                  }, children);
                }
                return null;
              }), this.buttonPlacement === "right" ? renderMinusButton() : null, renderAddButton()] : (_a = $slots.suffix) === null || _a === void 0 ? void 0 : _a.call($slots);
            }
          }));
        }
      });
      const layoutSiderInjectionKey = createInjectionKey("n-layout-sider");
      const positionProp = {
        type: String,
        default: "static"
      };
      const style$E = cB("layout", `
 color: var(--n-text-color);
 background-color: var(--n-color);
 box-sizing: border-box;
 position: relative;
 z-index: auto;
 flex: auto;
 overflow: hidden;
 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
`, [cB("layout-scroll-container", `
 overflow-x: hidden;
 box-sizing: border-box;
 height: 100%;
 `), cM("absolute-positioned", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `)]);
      const layoutProps = {
        embedded: Boolean,
        position: positionProp,
        nativeScrollbar: {
          type: Boolean,
          default: true
        },
        scrollbarProps: Object,
        onScroll: Function,
        contentClass: String,
        contentStyle: {
          type: [String, Object],
          default: ""
        },
        hasSider: Boolean,
        siderPlacement: {
          type: String,
          default: "left"
        }
      };
      const layoutInjectionKey = createInjectionKey("n-layout");
      function createLayoutComponent(isContent) {
        return vue.defineComponent({
          name: isContent ? "LayoutContent" : "Layout",
          props: Object.assign(Object.assign({}, useTheme.props), layoutProps),
          setup(props) {
            const scrollableElRef = vue.ref(null);
            const scrollbarInstRef = vue.ref(null);
            const {
              mergedClsPrefixRef,
              inlineThemeDisabled
            } = useConfig(props);
            const themeRef = useTheme("Layout", "-layout", style$E, layoutLight, props, mergedClsPrefixRef);
            function scrollTo(options, y) {
              if (props.nativeScrollbar) {
                const {
                  value: scrollableEl
                } = scrollableElRef;
                if (scrollableEl) {
                  if (y === void 0) {
                    scrollableEl.scrollTo(options);
                  } else {
                    scrollableEl.scrollTo(options, y);
                  }
                }
              } else {
                const {
                  value: scrollbarInst
                } = scrollbarInstRef;
                if (scrollbarInst) {
                  scrollbarInst.scrollTo(options, y);
                }
              }
            }
            vue.provide(layoutInjectionKey, props);
            let scrollX = 0;
            let scrollY = 0;
            const handleNativeElScroll = (e) => {
              var _a;
              const target = e.target;
              scrollX = target.scrollLeft;
              scrollY = target.scrollTop;
              (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
            };
            useReactivated(() => {
              if (props.nativeScrollbar) {
                const el = scrollableElRef.value;
                if (el) {
                  el.scrollTop = scrollY;
                  el.scrollLeft = scrollX;
                }
              }
            });
            const hasSiderStyle = {
              display: "flex",
              flexWrap: "nowrap",
              width: "100%",
              flexDirection: "row"
            };
            const exposedMethods = {
              scrollTo
            };
            const cssVarsRef = vue.computed(() => {
              const {
                common: {
                  cubicBezierEaseInOut: cubicBezierEaseInOut2
                },
                self: self2
              } = themeRef.value;
              return {
                "--n-bezier": cubicBezierEaseInOut2,
                "--n-color": props.embedded ? self2.colorEmbedded : self2.color,
                "--n-text-color": self2.textColor
              };
            });
            const themeClassHandle = inlineThemeDisabled ? useThemeClass("layout", vue.computed(() => {
              return props.embedded ? "e" : "";
            }), cssVarsRef, props) : void 0;
            return Object.assign({
              mergedClsPrefix: mergedClsPrefixRef,
              scrollableElRef,
              scrollbarInstRef,
              hasSiderStyle,
              mergedTheme: themeRef,
              handleNativeElScroll,
              cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
              themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
              onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
            }, exposedMethods);
          },
          render() {
            var _a;
            const {
              mergedClsPrefix,
              hasSider
            } = this;
            (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
            const hasSiderStyle = hasSider ? this.hasSiderStyle : void 0;
            const layoutClass = [this.themeClass, isContent && `${mergedClsPrefix}-layout-content`, `${mergedClsPrefix}-layout`, `${mergedClsPrefix}-layout--${this.position}-positioned`];
            return vue.h("div", {
              class: layoutClass,
              style: this.cssVars
            }, this.nativeScrollbar ? vue.h("div", {
              ref: "scrollableElRef",
              class: [`${mergedClsPrefix}-layout-scroll-container`, this.contentClass],
              style: [this.contentStyle, hasSiderStyle],
              onScroll: this.handleNativeElScroll
            }, this.$slots) : vue.h(Scrollbar$2, Object.assign({}, this.scrollbarProps, {
              onScroll: this.onScroll,
              ref: "scrollbarInstRef",
              theme: this.mergedTheme.peers.Scrollbar,
              themeOverrides: this.mergedTheme.peerOverrides.Scrollbar,
              contentClass: this.contentClass,
              contentStyle: [this.contentStyle, hasSiderStyle]
            }), this.$slots));
          }
        });
      }
      const Layout = createLayoutComponent(false);
      const LayoutContent = createLayoutComponent(true);
      const style$D = cB("layout-header", `
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 box-sizing: border-box;
 width: 100%;
 background-color: var(--n-color);
 color: var(--n-text-color);
`, [cM("absolute-positioned", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 `), cM("bordered", `
 border-bottom: solid 1px var(--n-border-color);
 `)]);
      const headerProps$1 = {
        position: positionProp,
        inverted: Boolean,
        bordered: {
          type: Boolean,
          default: false
        }
      };
      const LayoutHeader = vue.defineComponent({
        name: "LayoutHeader",
        props: Object.assign(Object.assign({}, useTheme.props), headerProps$1),
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Layout", "-layout-header", style$D, layoutLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const vars = {
              "--n-bezier": cubicBezierEaseInOut2
            };
            if (props.inverted) {
              vars["--n-color"] = self2.headerColorInverted;
              vars["--n-text-color"] = self2.textColorInverted;
              vars["--n-border-color"] = self2.headerBorderColorInverted;
            } else {
              vars["--n-color"] = self2.headerColor;
              vars["--n-text-color"] = self2.textColor;
              vars["--n-border-color"] = self2.headerBorderColor;
            }
            return vars;
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("layout-header", vue.computed(() => props.inverted ? "a" : "b"), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-layout-header`, this.themeClass, this.position && `${mergedClsPrefix}-layout-header--${this.position}-positioned`, this.bordered && `${mergedClsPrefix}-layout-header--bordered`],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const style$C = cB("layout-footer", `
 transition:
 box-shadow .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 color: var(--n-text-color);
 background-color: var(--n-color);
 box-sizing: border-box;
`, [cM("absolute-positioned", `
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 `), cM("bordered", `
 border-top: solid 1px var(--n-border-color);
 `)]);
      const layoutFooterProps = Object.assign(Object.assign({}, useTheme.props), {
        inverted: Boolean,
        position: positionProp,
        bordered: Boolean
      });
      const LayoutFooter = vue.defineComponent({
        name: "LayoutFooter",
        props: layoutFooterProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Layout", "-layout-footer", style$C, layoutLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const vars = {
              "--n-bezier": cubicBezierEaseInOut2
            };
            if (props.inverted) {
              vars["--n-color"] = self2.footerColorInverted;
              vars["--n-text-color"] = self2.textColorInverted;
              vars["--n-border-color"] = self2.footerBorderColorInverted;
            } else {
              vars["--n-color"] = self2.footerColor;
              vars["--n-text-color"] = self2.textColor;
              vars["--n-border-color"] = self2.footerBorderColor;
            }
            return vars;
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("layout-footer", vue.computed(() => props.inverted ? "a" : "b"), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-layout-footer`, this.themeClass, this.position && `${mergedClsPrefix}-layout-footer--${this.position}-positioned`, this.bordered && `${mergedClsPrefix}-layout-footer--bordered`],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const style$B = cB("layout-sider", `
 flex-shrink: 0;
 box-sizing: border-box;
 position: relative;
 z-index: 1;
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 min-width .3s var(--n-bezier),
 max-width .3s var(--n-bezier),
 transform .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 background-color: var(--n-color);
 display: flex;
 justify-content: flex-end;
`, [cM("bordered", [cE("border", `
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 width: 1px;
 background-color: var(--n-border-color);
 transition: background-color .3s var(--n-bezier);
 `)]), cE("left-placement", [cM("bordered", [cE("border", `
 right: 0;
 `)])]), cM("right-placement", `
 justify-content: flex-start;
 `, [cM("bordered", [cE("border", `
 left: 0;
 `)]), cM("collapsed", [cB("layout-toggle-button", [cB("base-icon", `
 transform: rotate(180deg);
 `)]), cB("layout-toggle-bar", [c$1("&:hover", [cE("top", {
        transform: "rotate(-12deg) scale(1.15) translateY(-2px)"
      }), cE("bottom", {
        transform: "rotate(12deg) scale(1.15) translateY(2px)"
      })])])]), cB("layout-toggle-button", `
 left: 0;
 transform: translateX(-50%) translateY(-50%);
 `, [cB("base-icon", `
 transform: rotate(0);
 `)]), cB("layout-toggle-bar", `
 left: -28px;
 transform: rotate(180deg);
 `, [c$1("&:hover", [cE("top", {
        transform: "rotate(12deg) scale(1.15) translateY(-2px)"
      }), cE("bottom", {
        transform: "rotate(-12deg) scale(1.15) translateY(2px)"
      })])])]), cM("collapsed", [cB("layout-toggle-bar", [c$1("&:hover", [cE("top", {
        transform: "rotate(-12deg) scale(1.15) translateY(-2px)"
      }), cE("bottom", {
        transform: "rotate(12deg) scale(1.15) translateY(2px)"
      })])]), cB("layout-toggle-button", [cB("base-icon", `
 transform: rotate(0);
 `)])]), cB("layout-toggle-button", `
 transition:
 color .3s var(--n-bezier),
 right .3s var(--n-bezier),
 left .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 cursor: pointer;
 width: 24px;
 height: 24px;
 position: absolute;
 top: 50%;
 right: 0;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 18px;
 color: var(--n-toggle-button-icon-color);
 border: var(--n-toggle-button-border);
 background-color: var(--n-toggle-button-color);
 box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);
 transform: translateX(50%) translateY(-50%);
 z-index: 1;
 `, [cB("base-icon", `
 transition: transform .3s var(--n-bezier);
 transform: rotate(180deg);
 `)]), cB("layout-toggle-bar", `
 cursor: pointer;
 height: 72px;
 width: 32px;
 position: absolute;
 top: calc(50% - 36px);
 right: -28px;
 `, [cE("top, bottom", `
 position: absolute;
 width: 4px;
 border-radius: 2px;
 height: 38px;
 left: 14px;
 transition: 
 background-color .3s var(--n-bezier),
 transform .3s var(--n-bezier);
 `), cE("bottom", `
 position: absolute;
 top: 34px;
 `), c$1("&:hover", [cE("top", {
        transform: "rotate(12deg) scale(1.15) translateY(-2px)"
      }), cE("bottom", {
        transform: "rotate(-12deg) scale(1.15) translateY(2px)"
      })]), cE("top, bottom", {
        backgroundColor: "var(--n-toggle-bar-color)"
      }), c$1("&:hover", [cE("top, bottom", {
        backgroundColor: "var(--n-toggle-bar-color-hover)"
      })])]), cE("border", `
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 width: 1px;
 transition: background-color .3s var(--n-bezier);
 `), cB("layout-sider-scroll-container", `
 flex-grow: 1;
 flex-shrink: 0;
 box-sizing: border-box;
 height: 100%;
 opacity: 0;
 transition: opacity .3s var(--n-bezier);
 max-width: 100%;
 `), cM("show-content", [cB("layout-sider-scroll-container", {
        opacity: 1
      })]), cM("absolute-positioned", `
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 `)]);
      const ToggleButton = vue.defineComponent({
        name: "LayoutToggleButton",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          onClick: Function
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-layout-toggle-button`,
            onClick: this.onClick
          }, vue.h(NBaseIcon, {
            clsPrefix
          }, {
            default: () => vue.h(ChevronRightIcon, null)
          }));
        }
      });
      const ToggleBar = vue.defineComponent({
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          onClick: Function
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            onClick: this.onClick,
            class: `${clsPrefix}-layout-toggle-bar`
          }, vue.h("div", {
            class: `${clsPrefix}-layout-toggle-bar__top`
          }), vue.h("div", {
            class: `${clsPrefix}-layout-toggle-bar__bottom`
          }));
        }
      });
      const layoutSiderProps = {
        position: positionProp,
        bordered: Boolean,
        collapsedWidth: {
          type: Number,
          default: 48
        },
        width: {
          type: [Number, String],
          default: 272
        },
        contentClass: String,
        contentStyle: {
          type: [String, Object],
          default: ""
        },
        collapseMode: {
          type: String,
          default: "transform"
        },
        collapsed: {
          type: Boolean,
          default: void 0
        },
        defaultCollapsed: Boolean,
        showCollapsedContent: {
          type: Boolean,
          default: true
        },
        showTrigger: {
          type: [Boolean, String],
          default: false
        },
        nativeScrollbar: {
          type: Boolean,
          default: true
        },
        inverted: Boolean,
        scrollbarProps: Object,
        triggerClass: String,
        triggerStyle: [String, Object],
        collapsedTriggerClass: String,
        collapsedTriggerStyle: [String, Object],
        "onUpdate:collapsed": [Function, Array],
        onUpdateCollapsed: [Function, Array],
        onAfterEnter: Function,
        onAfterLeave: Function,
        // deprecated
        onExpand: [Function, Array],
        onCollapse: [Function, Array],
        onScroll: Function
      };
      const LayoutSider = vue.defineComponent({
        name: "LayoutSider",
        props: Object.assign(Object.assign({}, useTheme.props), layoutSiderProps),
        setup(props) {
          const layoutProps2 = vue.inject(layoutInjectionKey);
          const scrollableElRef = vue.ref(null);
          const scrollbarInstRef = vue.ref(null);
          const styleMaxWidthRef = vue.computed(() => {
            return formatLength(mergedCollapsedRef.value ? props.collapsedWidth : props.width);
          });
          const scrollContainerStyleRef = vue.computed(() => {
            if (props.collapseMode !== "transform")
              return {};
            return {
              minWidth: formatLength(props.width)
            };
          });
          const siderPlacementRef = vue.computed(() => {
            return layoutProps2 ? layoutProps2.siderPlacement : "left";
          });
          const uncontrolledCollapsedRef = vue.ref(props.defaultCollapsed);
          const mergedCollapsedRef = useMergedState(vue.toRef(props, "collapsed"), uncontrolledCollapsedRef);
          function scrollTo(options, y) {
            if (props.nativeScrollbar) {
              const {
                value: scrollableEl
              } = scrollableElRef;
              if (scrollableEl) {
                if (y === void 0) {
                  scrollableEl.scrollTo(options);
                } else {
                  scrollableEl.scrollTo(options, y);
                }
              }
            } else {
              const {
                value: scrollbarInst
              } = scrollbarInstRef;
              if (scrollbarInst) {
                scrollbarInst.scrollTo(options, y);
              }
            }
          }
          function handleTriggerClick() {
            const {
              "onUpdate:collapsed": _onUpdateCollapsed,
              onUpdateCollapsed,
              // deprecated
              onExpand,
              onCollapse
            } = props;
            const {
              value: collapsed
            } = mergedCollapsedRef;
            if (onUpdateCollapsed) {
              call(onUpdateCollapsed, !collapsed);
            }
            if (_onUpdateCollapsed) {
              call(_onUpdateCollapsed, !collapsed);
            }
            uncontrolledCollapsedRef.value = !collapsed;
            if (collapsed) {
              if (onExpand)
                call(onExpand);
            } else {
              if (onCollapse)
                call(onCollapse);
            }
          }
          let scrollX = 0;
          let scrollY = 0;
          const handleNativeElScroll = (e) => {
            var _a;
            const target = e.target;
            scrollX = target.scrollLeft;
            scrollY = target.scrollTop;
            (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
          };
          useReactivated(() => {
            if (props.nativeScrollbar) {
              const el = scrollableElRef.value;
              if (el) {
                el.scrollTop = scrollY;
                el.scrollLeft = scrollX;
              }
            }
          });
          vue.provide(layoutSiderInjectionKey, {
            collapsedRef: mergedCollapsedRef,
            collapseModeRef: vue.toRef(props, "collapseMode")
          });
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Layout", "-layout-sider", style$B, layoutLight, props, mergedClsPrefixRef);
          function handleTransitionend(e) {
            var _a, _b;
            if (e.propertyName === "max-width") {
              if (mergedCollapsedRef.value) {
                (_a = props.onAfterLeave) === null || _a === void 0 ? void 0 : _a.call(props);
              } else {
                (_b = props.onAfterEnter) === null || _b === void 0 ? void 0 : _b.call(props);
              }
            }
          }
          const exposedMethods = {
            scrollTo
          };
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const {
              siderToggleButtonColor,
              siderToggleButtonBorder,
              siderToggleBarColor,
              siderToggleBarColorHover
            } = self2;
            const vars = {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-toggle-button-color": siderToggleButtonColor,
              "--n-toggle-button-border": siderToggleButtonBorder,
              "--n-toggle-bar-color": siderToggleBarColor,
              "--n-toggle-bar-color-hover": siderToggleBarColorHover
            };
            if (props.inverted) {
              vars["--n-color"] = self2.siderColorInverted;
              vars["--n-text-color"] = self2.textColorInverted;
              vars["--n-border-color"] = self2.siderBorderColorInverted;
              vars["--n-toggle-button-icon-color"] = self2.siderToggleButtonIconColorInverted;
              vars.__invertScrollbar = self2.__invertScrollbar;
            } else {
              vars["--n-color"] = self2.siderColor;
              vars["--n-text-color"] = self2.textColor;
              vars["--n-border-color"] = self2.siderBorderColor;
              vars["--n-toggle-button-icon-color"] = self2.siderToggleButtonIconColor;
            }
            return vars;
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("layout-sider", vue.computed(() => props.inverted ? "a" : "b"), cssVarsRef, props) : void 0;
          return Object.assign({
            scrollableElRef,
            scrollbarInstRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: themeRef,
            styleMaxWidth: styleMaxWidthRef,
            mergedCollapsed: mergedCollapsedRef,
            scrollContainerStyle: scrollContainerStyleRef,
            siderPlacement: siderPlacementRef,
            handleNativeElScroll,
            handleTransitionend,
            handleTriggerClick,
            inlineThemeDisabled,
            cssVars: cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          }, exposedMethods);
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            mergedCollapsed,
            showTrigger
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("aside", {
            class: [`${mergedClsPrefix}-layout-sider`, this.themeClass, `${mergedClsPrefix}-layout-sider--${this.position}-positioned`, `${mergedClsPrefix}-layout-sider--${this.siderPlacement}-placement`, this.bordered && `${mergedClsPrefix}-layout-sider--bordered`, mergedCollapsed && `${mergedClsPrefix}-layout-sider--collapsed`, (!mergedCollapsed || this.showCollapsedContent) && `${mergedClsPrefix}-layout-sider--show-content`],
            onTransitionend: this.handleTransitionend,
            style: [this.inlineThemeDisabled ? void 0 : this.cssVars, {
              maxWidth: this.styleMaxWidth,
              width: formatLength(this.width)
            }]
          }, !this.nativeScrollbar ? vue.h(Scrollbar$2, Object.assign({}, this.scrollbarProps, {
            onScroll: this.onScroll,
            ref: "scrollbarInstRef",
            style: this.scrollContainerStyle,
            contentStyle: this.contentStyle,
            contentClass: this.contentClass,
            theme: this.mergedTheme.peers.Scrollbar,
            themeOverrides: this.mergedTheme.peerOverrides.Scrollbar,
            // here is a hack, since in light theme the scrollbar color is dark,
            // we need to invert it in light color...
            builtinThemeOverrides: this.inverted && this.cssVars.__invertScrollbar === "true" ? {
              colorHover: "rgba(255, 255, 255, .4)",
              color: "rgba(255, 255, 255, .3)"
            } : void 0
          }), this.$slots) : vue.h("div", {
            class: [`${mergedClsPrefix}-layout-sider-scroll-container`, this.contentClass],
            onScroll: this.handleNativeElScroll,
            style: [this.scrollContainerStyle, {
              overflow: "auto"
            }, this.contentStyle],
            ref: "scrollableElRef"
          }, this.$slots), showTrigger ? showTrigger === "bar" ? vue.h(ToggleBar, {
            clsPrefix: mergedClsPrefix,
            class: mergedCollapsed ? this.collapsedTriggerClass : this.triggerClass,
            style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle,
            onClick: this.handleTriggerClick
          }) : vue.h(ToggleButton, {
            clsPrefix: mergedClsPrefix,
            class: mergedCollapsed ? this.collapsedTriggerClass : this.triggerClass,
            style: mergedCollapsed ? this.collapsedTriggerStyle : this.triggerStyle,
            onClick: this.handleTriggerClick
          }) : null, this.bordered ? vue.h("div", {
            class: `${mergedClsPrefix}-layout-sider__border`
          }) : null);
        }
      });
      const commonVariables = {
        extraFontSize: "12px",
        width: "440px"
      };
      const self$4 = (vars) => {
        const {
          fontWeight,
          iconColorDisabled,
          iconColor,
          fontSizeLarge,
          fontSizeMedium,
          fontSizeSmall,
          heightLarge,
          heightMedium,
          heightSmall,
          borderRadius,
          cardColor,
          tableHeaderColor,
          textColor1,
          textColorDisabled,
          textColor2,
          borderColor,
          hoverColor
        } = vars;
        return Object.assign(Object.assign({}, commonVariables), {
          itemHeightSmall: heightSmall,
          itemHeightMedium: heightMedium,
          itemHeightLarge: heightLarge,
          fontSizeSmall,
          fontSizeMedium,
          fontSizeLarge,
          borderRadius,
          borderColor,
          listColor: cardColor,
          headerColor: composite(cardColor, tableHeaderColor),
          titleTextColor: textColor1,
          titleTextColorDisabled: textColorDisabled,
          extraTextColor: textColor2,
          filterDividerColor: borderColor,
          itemTextColor: textColor2,
          itemTextColorDisabled: textColorDisabled,
          itemColorPending: hoverColor,
          titleFontWeight: fontWeight,
          iconColor,
          iconColorDisabled
        });
      };
      const transferLight = createTheme({
        name: "Transfer",
        common: derived,
        peers: {
          Checkbox: checkboxLight,
          Scrollbar: scrollbarLight,
          Input: inputLight,
          Empty: emptyLight,
          Button: buttonLight
        },
        self: self$4
      });
      const transferInjectionKey$1 = createInjectionKey("n-transfer");
      const NTransferHeader$1 = vue.defineComponent({
        name: "TransferHeader",
        props: {
          source: {
            type: Boolean,
            default: false
          },
          onChange: {
            type: Function,
            required: true
          },
          title: String
        },
        setup(props) {
          const {
            srcOptsRef,
            tgtOptsRef,
            srcCheckedStatusRef,
            tgtCheckedStatusRef,
            srcCheckedValuesRef,
            tgtCheckedValuesRef,
            mergedThemeRef,
            disabledRef,
            mergedClsPrefixRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(transferInjectionKey$1);
          const checkboxPropsRef = vue.computed(() => {
            const {
              source
            } = props;
            if (source) {
              return srcCheckedStatusRef.value;
            } else {
              return tgtCheckedStatusRef.value;
            }
          });
          return () => {
            const {
              source
            } = props;
            const {
              value: checkboxProps2
            } = checkboxPropsRef;
            const {
              value: mergedTheme
            } = mergedThemeRef;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            return vue.h("div", {
              class: `${mergedClsPrefix}-legacy-transfer-list-header`
            }, vue.h("div", {
              class: `${mergedClsPrefix}-legacy-transfer-list-header__checkbox`
            }, vue.h(NCheckbox, {
              theme: mergedTheme.peers.Checkbox,
              themeOverrides: mergedTheme.peerOverrides.Checkbox,
              checked: checkboxProps2.checked,
              indeterminate: checkboxProps2.indeterminate,
              disabled: checkboxProps2.disabled || disabledRef.value,
              onUpdateChecked: props.onChange
            })), vue.h("div", {
              class: `${mergedClsPrefix}-legacy-transfer-list-header__header`
            }, props.title), vue.h("div", {
              class: `${mergedClsPrefix}-legacy-transfer-list-header__extra`
            }, source ? srcCheckedValuesRef.value.length : tgtCheckedValuesRef.value.length, "/", source ? srcOptsRef.value.length : tgtOptsRef.value.length));
          };
        }
      });
      const NTransferListItem$1 = vue.defineComponent({
        name: "NTransferListItem",
        props: {
          source: {
            type: Boolean,
            default: false
          },
          label: {
            type: String,
            required: true
          },
          value: {
            type: [String, Number],
            required: true
          },
          disabled: {
            type: Boolean,
            default: false
          }
        },
        setup(props) {
          const {
            source
          } = props;
          const {
            mergedClsPrefixRef,
            mergedThemeRef,
            srcCheckedValuesRef,
            tgtCheckedValuesRef,
            handleSrcCheckboxClick,
            handleTgtCheckboxClick
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(transferInjectionKey$1);
          const checkedRef = source ? useMemo(() => srcCheckedValuesRef.value.includes(props.value)) : useMemo(() => tgtCheckedValuesRef.value.includes(props.value));
          const handleClick2 = source ? () => {
            if (!props.disabled) {
              handleSrcCheckboxClick(!checkedRef.value, props.value);
            }
          } : () => {
            if (!props.disabled) {
              handleTgtCheckboxClick(!checkedRef.value, props.value);
            }
          };
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef,
            checked: checkedRef,
            handleClick: handleClick2
          };
        },
        render() {
          const {
            disabled,
            mergedTheme,
            mergedClsPrefix,
            label,
            checked,
            source
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-legacy-transfer-list-item`, disabled && `${mergedClsPrefix}-legacy-transfer-list-item--disabled`, source ? `${mergedClsPrefix}-legacy-transfer-list-item--source` : `${mergedClsPrefix}-legacy-transfer-list-item--target`],
            onClick: this.handleClick
          }, vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list-item__checkbox`
          }, vue.h(NCheckbox, {
            theme: mergedTheme.peers.Checkbox,
            themeOverrides: mergedTheme.peerOverrides.Checkbox,
            disabled,
            checked
          })), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list-item__label`,
            title: getTitleAttribute(label)
          }, label));
        }
      });
      const NTransferList$1 = vue.defineComponent({
        name: "TransferList",
        props: {
          virtualScroll: {
            type: Boolean,
            required: true
          },
          itemSize: {
            type: Number,
            required: true
          },
          options: {
            type: Array,
            required: true
          },
          disabled: {
            type: Boolean,
            required: true
          },
          isMounted: {
            type: Boolean,
            required: true
          },
          isInputing: {
            type: Boolean,
            required: true
          },
          source: {
            type: Boolean,
            default: false
          }
        },
        setup() {
          const {
            mergedThemeRef,
            mergedClsPrefixRef
          } = vue.inject(transferInjectionKey$1);
          const scrollerInstRef = vue.ref(null);
          const vlInstRef = vue.ref(null);
          function syncVLScroller() {
            var _a;
            (_a = scrollerInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
          }
          function scrollContainer() {
            const {
              value
            } = vlInstRef;
            if (!value)
              return null;
            const {
              listElRef
            } = value;
            return listElRef;
          }
          function scrollContent() {
            const {
              value
            } = vlInstRef;
            if (!value)
              return null;
            const {
              itemsElRef
            } = value;
            return itemsElRef;
          }
          return {
            mergedTheme: mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            scrollerInstRef,
            vlInstRef,
            syncVLScroller,
            scrollContainer,
            scrollContent
          };
        },
        render() {
          const {
            mergedTheme,
            mergedClsPrefix,
            virtualScroll,
            syncVLScroller
          } = this;
          return vue.h(vue.Fragment, null, vue.h(Scrollbar$2, {
            ref: "scrollerInstRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            container: virtualScroll ? this.scrollContainer : void 0,
            content: virtualScroll ? this.scrollContent : void 0
          }, {
            default: () => virtualScroll ? vue.h(VVirtualList, {
              ref: "vlInstRef",
              style: {
                height: "100%"
              },
              class: `${mergedClsPrefix}-legacy-transfer-list-content`,
              items: this.options,
              itemSize: this.itemSize,
              showScrollbar: false,
              onResize: syncVLScroller,
              onScroll: syncVLScroller,
              keyField: "value"
            }, {
              default: ({
                item
              }) => {
                const {
                  source,
                  disabled
                } = this;
                return vue.h(NTransferListItem$1, {
                  source,
                  key: item.value,
                  value: item.value,
                  disabled: item.disabled || disabled,
                  label: item.label
                });
              }
            }) : vue.h("div", {
              class: `${mergedClsPrefix}-legacy-transfer-list-content`
            }, vue.h(vue.TransitionGroup, {
              name: "item",
              appear: this.isMounted,
              css: !this.isInputing
            }, {
              default: () => {
                const {
                  source,
                  disabled
                } = this;
                return this.options.map((option) => vue.h(NTransferListItem$1, {
                  source,
                  key: option.value,
                  value: option.value,
                  disabled: option.disabled || disabled,
                  label: option.label
                }));
              }
            }))
          }), vue.h(vue.Transition, {
            name: "fade-in-transition",
            appear: this.isMounted,
            css: !this.isInputing
          }, {
            default: () => this.options.length ? null : vue.h(NEmpty, {
              theme: mergedTheme.peers.Empty,
              themeOverrides: mergedTheme.peerOverrides.Empty
            })
          }));
        }
      });
      const NTransferFilter$1 = vue.defineComponent({
        name: "TransferFilter",
        props: {
          value: String,
          placeholder: String,
          disabled: Boolean,
          onFocus: {
            type: Function,
            required: true
          },
          onBlur: {
            type: Function,
            required: true
          },
          onUpdateValue: {
            type: Function,
            required: true
          }
        },
        setup() {
          const {
            mergedThemeRef,
            mergedClsPrefixRef
          } = vue.inject(transferInjectionKey$1);
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef
          };
        },
        render() {
          const {
            mergedTheme,
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-filter`
          }, vue.h(NInput, {
            value: this.value,
            onUpdateValue: this.onUpdateValue,
            disabled: this.disabled,
            theme: mergedTheme.peers.Input,
            themeOverrides: mergedTheme.peerOverrides.Input,
            clearable: true,
            size: "small",
            placeholder: this.placeholder,
            onFocus: this.onFocus,
            onBlur: this.onBlur
          }, {
            "clear-icon-placeholder": () => vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix,
              class: `${mergedClsPrefix}-legacy-transfer-icon`
            }, {
              default: () => vue.h(SearchIcon, null)
            })
          }));
        }
      });
      function useTransferData$1(props, mergedDisabledRef) {
        const uncontrolledValueRef = vue.ref(props.defaultValue);
        const controlledValueRef = vue.toRef(props, "value");
        const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
        const optMapRef = vue.computed(() => {
          const map2 = /* @__PURE__ */ new Map();
          (props.options || []).forEach((opt) => map2.set(opt.value, opt));
          return map2;
        });
        const tgtValueSetRef = vue.computed(() => new Set(mergedValueRef.value || []));
        const srcOptsRef = vue.computed(() => props.options.filter((option) => !tgtValueSetRef.value.has(option.value)));
        const tgtOptsRef = vue.computed(() => {
          const optMap = optMapRef.value;
          return (mergedValueRef.value || []).map((v) => optMap.get(v));
        });
        const srcPatternRef = vue.ref("");
        const tgtPatternRef = vue.ref("");
        const filteredSrcOptsRef = vue.computed(() => {
          if (!props.filterable)
            return srcOptsRef.value;
          const {
            filter
          } = props;
          return srcOptsRef.value.filter((opt) => filter(srcPatternRef.value, opt, "source"));
        });
        const filteredTgtOptsRef = vue.computed(() => {
          if (!props.filterable)
            return tgtOptsRef.value;
          const {
            filter
          } = props;
          return tgtOptsRef.value.filter((opt) => filter(tgtPatternRef.value, opt, "target"));
        });
        const avlSrcValueSetRef = vue.computed(() => new Set(filteredSrcOptsRef.value.filter((opt) => !opt.disabled).map((opt) => opt.value)));
        const avlTgtValueSetRef = vue.computed(() => new Set(filteredTgtOptsRef.value.filter((opt) => !opt.disabled).map((opt) => opt.value)));
        const srcCheckedValuesRef = vue.ref([]);
        const tgtCheckedValuesRef = vue.ref([]);
        const srcCheckedStatusRef = vue.computed(() => {
          const srcCheckedLength = srcCheckedValuesRef.value.filter((v) => avlSrcValueSetRef.value.has(v)).length;
          const avlValueCount = avlSrcValueSetRef.value.size;
          if (avlValueCount === 0) {
            return {
              checked: false,
              indeterminate: false,
              disabled: true
            };
          } else if (srcCheckedLength === 0) {
            return {
              checked: false,
              indeterminate: false
            };
          } else if (srcCheckedLength === avlValueCount) {
            return {
              checked: true,
              indeterminate: false
            };
          } else {
            return {
              checked: false,
              indeterminate: true
            };
          }
        });
        const tgtCheckedStatusRef = vue.computed(() => {
          const tgtCheckedLength = tgtCheckedValuesRef.value.filter((v) => avlTgtValueSetRef.value.has(v)).length;
          const avlValueCount = avlTgtValueSetRef.value.size;
          if (avlValueCount === 0) {
            return {
              checked: false,
              indeterminate: false,
              disabled: true
            };
          } else if (tgtCheckedLength === 0) {
            return {
              checked: false,
              indeterminate: false
            };
          } else if (tgtCheckedLength === avlValueCount) {
            return {
              checked: true,
              indeterminate: false
            };
          } else {
            return {
              checked: false,
              indeterminate: true
            };
          }
        });
        const fromButtonDisabledRef = useMemo(() => {
          if (mergedDisabledRef.value)
            return true;
          return tgtCheckedValuesRef.value.length === 0;
        });
        const toButtonDisabledRef = useMemo(() => {
          if (mergedDisabledRef.value)
            return true;
          return srcCheckedValuesRef.value.length === 0;
        });
        const isInputingRef = vue.ref(false);
        function handleInputFocus() {
          isInputingRef.value = true;
        }
        function handleInputBlur() {
          isInputingRef.value = false;
        }
        function handleSrcFilterUpdateValue(value) {
          srcPatternRef.value = value !== null && value !== void 0 ? value : "";
        }
        function handleTgtFilterUpdateValue(value) {
          tgtPatternRef.value = value !== null && value !== void 0 ? value : "";
        }
        return {
          uncontrolledValue: uncontrolledValueRef,
          mergedValue: mergedValueRef,
          avlSrcValueSet: avlSrcValueSetRef,
          avlTgtValueSet: avlTgtValueSetRef,
          tgtOpts: tgtOptsRef,
          srcOpts: srcOptsRef,
          filteredSrcOpts: filteredSrcOptsRef,
          filteredTgtOpts: filteredTgtOptsRef,
          srcCheckedValues: srcCheckedValuesRef,
          tgtCheckedValues: tgtCheckedValuesRef,
          srcCheckedStatus: srcCheckedStatusRef,
          tgtCheckedStatus: tgtCheckedStatusRef,
          srcPattern: srcPatternRef,
          tgtPattern: tgtPatternRef,
          isInputing: isInputingRef,
          fromButtonDisabled: fromButtonDisabledRef,
          toButtonDisabled: toButtonDisabledRef,
          handleInputFocus,
          handleInputBlur,
          handleTgtFilterUpdateValue,
          handleSrcFilterUpdateValue
        };
      }
      const animation = c$1([c$1("@keyframes legacy-transfer-slide-in-from-left", `
 0% {
 transform: translateX(-150%);
 }
 100% {
 transform: translateX(0);
 }
 `), c$1("@keyframes legacy-transfer-slide-out-to-right", `
 0% {
 transform: translateX(0);
 }
 100% {
 transform: translateX(150%);
 }
 `), c$1("@keyframes legacy-transfer-slide-in-from-right", `
 0% {
 transform: translateX(150%);
 }
 100% {
 transform: translateX(0);
 }
 `), c$1("@keyframes legacy-transfer-slide-out-to-left", `
 0% {
 transform: translateX(0);
 }
 100% {
 transform: translateX(-150%);
 }
 `), c$1("@keyframes legacy-transfer-height-collapse", `
 0% {
 max-height: var(--n-item-height);
 }
 100% {
 max-height: 0;
 }
 `), c$1("@keyframes legacy-transfer-height-expand", `
 0% {
 max-height: 0;
 }
 100% {
 max-height: var(--n-item-height);
 }
 `)]);
      const style$A = c$1([cB("legacy-transfer", `
 display: flex;
 width: var(--n-width);
 font-size: var(--n-font-size);
 height: 240px;
 display: flex;
 flex-wrap: nowrap;
 `, [cB("legacy-transfer-icon", `
 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 `), cM("disabled", [cB("legacy-transfer-icon", {
        color: "var(--n-icon-color-disabled)"
      })]), cB("legacy-transfer-list", `
 height: inherit;
 display: flex;
 flex-direction: column;
 background-clip: padding-box;
 width: calc(50% - 36px);
 position: relative;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 background-color: var(--n-list-color);
 `, [cE("border", `
 border: 1px solid var(--n-border-color);
 transition: border-color .3s var(--n-bezier);
 pointer-events: none;
 border-radius: inherit;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `), cB("legacy-transfer-list-header", `
 height: calc(var(--n-item-height) + 4px);
 box-sizing: border-box;
 display: flex;
 align-items: center;
 background-clip: padding-box;
 border-radius: inherit;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 background-color: var(--n-header-color);
 transition:
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [cE("checkbox", `
 display: flex;
 align-items: center;
 position: relative;
 padding: 0 9px 0 14px;
 `), cE("header", `
 flex: 1;
 line-height: 1;
 font-weight: var(--n-header-font-weight);
 transition: color .3s var(--n-bezier);
 color: var(--n-header-text-color);
 `, [cM("disabled", {
        color: "var(--n-header-text-color-disabled)"
      })]), cE("extra", `
 transition: color .3s var(--n-bezier);
 font-size: var(--n-extra-font-size);
 justify-self: flex-end;
 margin-right: 14px;
 white-space: nowrap;
 color: var(--n-header-extra-text-color);
 `)]), cB("legacy-transfer-list-body", `
 flex-basis: 0;
 flex-grow: 1;
 box-sizing: border-box;
 position: relative;
 display: flex;
 flex-direction: column;
 border-radius: inherit;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 `, [cB("legacy-transfer-filter", `
 padding: 0 8px 8px 8px;
 box-sizing: border-box;
 background-color: var(--n-header-color);
 transition:
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-filter-divider-color);
 `), cB("legacy-transfer-list-flex-container", `
 flex: 1;
 position: relative;
 `, [cB("scrollbar", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 height: unset;
 `, [cB("scrollbar-content", {
        width: "100%"
      })]), cB("empty", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateY(-50%) translateX(-50%);
 `, [fadeInTransition()]), cB("legacy-transfer-list-content", `
 padding: 0;
 margin: 0;
 position: relative;
 `, [cM("transition-disabled", [cB("legacy-transfer-list-item", {
        animation: "none !important"
      })]), cB("legacy-transfer-list-item", `
 height: var(--n-item-height);
 max-height: var(--n-item-height);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 position: relative;
 cursor: pointer;
 display: flex;
 align-items: center;
 color: var(--n-item-text-color);
 `, [cNotM("disabled", [c$1("&:hover", {
        backgroundColor: "var(--n-item-color-pending)"
      })]), cE("extra", `
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 padding-right: 4px;
 `), cE("checkbox", `
 display: flex;
 align-items: center;
 position: relative;
 padding: 0 9px 0 14px;
 `), cM("disabled", `
 cursor: not-allowed
 background-color: #0000;
 color: var(--n-item-text-color-disabled);
 `), cM("source", {
        animationFillMode: "forwards"
      }, [c$1("&.item-enter-active", `
 transform: translateX(150%);
 animation-duration: .25s, .25s;
 animation-timing-function: var(--n-bezier), var(--n-bezier-ease-out);
 animation-delay: 0s, .25s;
 animation-name: legacy-transfer-height-expand, legacy-transfer-slide-in-from-right;
 `), c$1("&.item-leave-active", `
 transform: translateX(-150%);
 animation-duration: .25s, .25s;
 animation-timing-function: var(--n-bezier), var(--n-bezier-ease-in);
 animation-delay: .25s, 0s;
 animation-name: legacy-transfer-height-collapse, legacy-transfer-slide-out-to-right;
 `)]), cM("target", {
        animationFillMode: "forwards"
      }, [c$1("&.item-enter-active", `
 transform: translateX(-150%);
 animation-duration: .25s, .25s;
 animation-timing-function: var(--n-bezier), var(--n-bezier-ease-out);
 animation-delay: 0s, .25s;
 animation-name: legacy-transfer-height-expand, legacy-transfer-slide-in-from-left;
 `), c$1("&.item-leave-active", `
 transform: translateX(150%);
 animation-duration: .25s, .25s;
 animation-timing-function: var(--n-bezier), var(--n-bezier-ease-in);
 animation-delay: .25s, 0s;
 animation-name: legacy-transfer-height-collapse, legacy-transfer-slide-out-to-left;
 `)])])])])])]), cB("legacy-transfer-gap", {
        width: "72px",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        flexDirection: "column"
      }), cB("button", [c$1("&:first-child", {
        marginBottom: "12px"
      })])]), animation]);
      const transferProps$1 = Object.assign(Object.assign({}, useTheme.props), {
        value: Array,
        defaultValue: {
          type: Array,
          default: null
        },
        options: {
          type: Array,
          default: () => []
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        virtualScroll: Boolean,
        sourceTitle: String,
        targetTitle: String,
        filterable: Boolean,
        sourceFilterPlaceholder: String,
        targetFilterPlaceholder: String,
        filter: {
          type: Function,
          default: (pattern, option) => {
            if (!pattern)
              return true;
            return ~("" + option.label).toLowerCase().indexOf(("" + pattern).toLowerCase());
          }
        },
        size: String,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onChange: [Function, Array]
      });
      const Transfer$1 = vue.defineComponent({
        name: "LegacyTransfer",
        props: transferProps$1,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("LegacyTransfer", "-legacy-transfer", style$A, transferLight, props, mergedClsPrefixRef);
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef
          } = formItem;
          const itemSizeRef = vue.computed(() => {
            const {
              value: size2
            } = mergedSizeRef;
            const {
              self: {
                [createKey("itemHeight", size2)]: itemSize
              }
            } = themeRef.value;
            return depx(itemSize);
          });
          const {
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            avlSrcValueSet: avlSrcValueSetRef,
            avlTgtValueSet: avlTgtValueSetRef,
            tgtOpts: tgtOptsRef,
            srcOpts: srcOptsRef,
            filteredSrcOpts: filteredSrcOptsRef,
            filteredTgtOpts: filteredTgtOptsRef,
            srcCheckedValues: srcCheckedValuesRef,
            tgtCheckedValues: tgtCheckedValuesRef,
            srcCheckedStatus: srcCheckedStatusRef,
            tgtCheckedStatus: tgtCheckedStatusRef,
            srcPattern: srcPatternRef,
            tgtPattern: tgtPatternRef,
            isInputing: isInputingRef,
            fromButtonDisabled: fromButtonDisabledRef,
            toButtonDisabled: toButtonDisabledRef,
            handleInputFocus,
            handleInputBlur,
            handleTgtFilterUpdateValue,
            handleSrcFilterUpdateValue
          } = useTransferData$1(props, mergedDisabledRef);
          function doUpdateValue(value) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue,
              onChange
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            if (onChange)
              call(onChange, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function handleSrcHeaderCheck(value) {
            const {
              value: {
                checked,
                indeterminate
              }
            } = srcCheckedStatusRef;
            if (indeterminate || checked) {
              srcCheckedValuesRef.value = [];
            } else {
              srcCheckedValuesRef.value = Array.from(avlSrcValueSetRef.value);
            }
          }
          function handleTgtHeaderCheck() {
            const {
              value: {
                checked,
                indeterminate
              }
            } = tgtCheckedStatusRef;
            if (indeterminate || checked) {
              tgtCheckedValuesRef.value = [];
            } else {
              tgtCheckedValuesRef.value = Array.from(avlTgtValueSetRef.value);
            }
          }
          function handleTgtCheckboxClick(checked, optionValue) {
            if (checked) {
              tgtCheckedValuesRef.value.push(optionValue);
            } else {
              const index = tgtCheckedValuesRef.value.findIndex((v) => v === optionValue);
              if (~index) {
                tgtCheckedValuesRef.value.splice(index, 1);
              }
            }
          }
          function handleSrcCheckboxClick(checked, optionValue) {
            if (checked) {
              srcCheckedValuesRef.value.push(optionValue);
            } else {
              const index = srcCheckedValuesRef.value.findIndex((v) => v === optionValue);
              if (~index) {
                srcCheckedValuesRef.value.splice(index, 1);
              }
            }
          }
          function handleToTgtClick() {
            doUpdateValue(srcCheckedValuesRef.value.concat(mergedValueRef.value || []));
            srcCheckedValuesRef.value = [];
          }
          function handleToSrcClick() {
            const tgtCheckedValueSet = new Set(tgtCheckedValuesRef.value);
            doUpdateValue((mergedValueRef.value || []).filter((v) => !tgtCheckedValueSet.has(v)));
            tgtCheckedValuesRef.value = [];
          }
          vue.provide(transferInjectionKey$1, {
            mergedClsPrefixRef,
            mergedSizeRef,
            disabledRef: mergedDisabledRef,
            mergedThemeRef: themeRef,
            srcCheckedValuesRef,
            tgtCheckedValuesRef,
            srcOptsRef,
            tgtOptsRef,
            srcCheckedStatusRef,
            tgtCheckedStatusRef,
            handleSrcCheckboxClick,
            handleTgtCheckboxClick
          });
          const {
            localeRef
          } = useLocale("LegacyTransfer");
          return {
            locale: localeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedDisabled: mergedDisabledRef,
            itemSize: itemSizeRef,
            isMounted: isMounted(),
            isInputing: isInputingRef,
            mergedTheme: themeRef,
            filteredSrcOpts: filteredSrcOptsRef,
            filteredTgtOpts: filteredTgtOptsRef,
            srcPattern: srcPatternRef,
            tgtPattern: tgtPatternRef,
            toButtonDisabled: toButtonDisabledRef,
            fromButtonDisabled: fromButtonDisabledRef,
            handleSrcHeaderCheck,
            handleTgtHeaderCheck,
            handleToSrcClick,
            handleToTgtClick,
            handleInputFocus,
            handleInputBlur,
            handleTgtFilterUpdateValue,
            handleSrcFilterUpdateValue,
            cssVars: vue.computed(() => {
              const {
                value: size2
              } = mergedSizeRef;
              const {
                common: {
                  cubicBezierEaseInOut: cubicBezierEaseInOut2,
                  cubicBezierEaseIn: cubicBezierEaseIn2,
                  cubicBezierEaseOut: cubicBezierEaseOut2
                },
                self: {
                  width,
                  borderRadius,
                  borderColor,
                  listColor,
                  headerColor,
                  titleTextColor,
                  titleTextColorDisabled,
                  extraTextColor,
                  filterDividerColor,
                  itemTextColor,
                  itemColorPending,
                  itemTextColorDisabled,
                  extraFontSize,
                  titleFontWeight,
                  iconColor,
                  iconColorDisabled,
                  [createKey("fontSize", size2)]: fontSize2,
                  [createKey("itemHeight", size2)]: itemHeight
                }
              } = themeRef.value;
              return {
                "--n-bezier": cubicBezierEaseInOut2,
                "--n-bezier-ease-in": cubicBezierEaseIn2,
                "--n-bezier-ease-out": cubicBezierEaseOut2,
                "--n-border-color": borderColor,
                "--n-border-radius": borderRadius,
                "--n-extra-font-size": extraFontSize,
                "--n-filter-divider-color": filterDividerColor,
                "--n-font-size": fontSize2,
                "--n-header-color": headerColor,
                "--n-header-extra-text-color": extraTextColor,
                "--n-header-font-weight": titleFontWeight,
                "--n-header-text-color": titleTextColor,
                "--n-header-text-color-disabled": titleTextColorDisabled,
                "--n-item-color-pending": itemColorPending,
                "--n-item-height": itemHeight,
                "--n-item-text-color": itemTextColor,
                "--n-item-text-color-disabled": itemTextColorDisabled,
                "--n-list-color": listColor,
                "--n-width": width,
                "--n-icon-color": iconColor,
                "--n-icon-color-disabled": iconColorDisabled
              };
            })
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-legacy-transfer`, this.mergedDisabled && `${mergedClsPrefix}-legacy-transfer--disabled`, this.filterable && `${mergedClsPrefix}-legacy-transfer--filterable`],
            style: this.cssVars
          }, vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list`
          }, vue.h(NTransferHeader$1, {
            source: true,
            onChange: this.handleSrcHeaderCheck,
            title: this.sourceTitle || this.locale.sourceTitle
          }), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list-body`
          }, this.filterable ? vue.h(NTransferFilter$1, {
            onUpdateValue: this.handleSrcFilterUpdateValue,
            value: this.srcPattern,
            disabled: this.mergedDisabled,
            placeholder: this.sourceFilterPlaceholder,
            onFocus: this.handleInputFocus,
            onBlur: this.handleInputBlur
          }) : null, vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list-flex-container`
          }, vue.h(NTransferList$1, {
            source: true,
            options: this.filteredSrcOpts,
            disabled: this.mergedDisabled,
            virtualScroll: this.virtualScroll,
            isMounted: this.isMounted,
            isInputing: this.isInputing,
            itemSize: this.itemSize
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list__border`
          })), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-gap`
          }, vue.h(NButton, {
            disabled: this.toButtonDisabled || this.mergedDisabled,
            theme: this.mergedTheme.peers.Button,
            themeOverrides: this.mergedTheme.peerOverrides.Button,
            onClick: this.handleToTgtClick
          }, {
            icon: () => vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => vue.h(ChevronRightIcon, null)
            })
          }), vue.h(NButton, {
            disabled: this.fromButtonDisabled || this.mergedDisabled,
            theme: this.mergedTheme.peers.Button,
            themeOverrides: this.mergedTheme.peerOverrides.Button,
            onClick: this.handleToSrcClick
          }, {
            icon: () => vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => vue.h(ChevronLeftIcon, null)
            })
          })), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list`
          }, vue.h(NTransferHeader$1, {
            onChange: this.handleTgtHeaderCheck,
            title: this.targetTitle || this.locale.targetTitle
          }), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list-body`
          }, this.filterable ? vue.h(NTransferFilter$1, {
            onUpdateValue: this.handleTgtFilterUpdateValue,
            value: this.tgtPattern,
            disabled: this.mergedDisabled,
            placeholder: this.targetFilterPlaceholder,
            onFocus: this.handleInputFocus,
            onBlur: this.handleInputBlur
          }) : null, vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list-flex-container`
          }, vue.h(NTransferList$1, {
            options: this.filteredTgtOpts,
            disabled: this.mergedDisabled,
            virtualScroll: this.virtualScroll,
            isMounted: this.isMounted,
            isInputing: this.isInputing,
            itemSize: this.itemSize
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-legacy-transfer-list__border`
          })));
        }
      });
      const style$z = c$1([cB("list", `
 --n-merged-border-color: var(--n-border-color);
 --n-merged-color: var(--n-color);
 --n-merged-color-hover: var(--n-color-hover);
 margin: 0;
 font-size: var(--n-font-size);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 padding: 0;
 list-style-type: none;
 color: var(--n-text-color);
 background-color: var(--n-merged-color);
 `, [cM("show-divider", [cB("list-item", [c$1("&:not(:last-child)", [cE("divider", `
 background-color: var(--n-merged-border-color);
 `)])])]), cM("clickable", [cB("list-item", `
 cursor: pointer;
 `)]), cM("bordered", `
 border: 1px solid var(--n-merged-border-color);
 border-radius: var(--n-border-radius);
 `), cM("hoverable", [cB("list-item", `
 border-radius: var(--n-border-radius);
 `, [c$1("&:hover", `
 background-color: var(--n-merged-color-hover);
 `, [cE("divider", `
 background-color: transparent;
 `)])])]), cM("bordered, hoverable", [cB("list-item", `
 padding: 12px 20px;
 `), cE("header, footer", `
 padding: 12px 20px;
 `)]), cE("header, footer", `
 padding: 12px 0;
 box-sizing: border-box;
 transition: border-color .3s var(--n-bezier);
 `, [c$1("&:not(:last-child)", `
 border-bottom: 1px solid var(--n-merged-border-color);
 `)]), cB("list-item", `
 position: relative;
 padding: 12px 0; 
 box-sizing: border-box;
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [cE("prefix", `
 margin-right: 20px;
 flex: 0;
 `), cE("suffix", `
 margin-left: 20px;
 flex: 0;
 `), cE("main", `
 flex: 1;
 `), cE("divider", `
 height: 1px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: transparent;
 transition: background-color .3s var(--n-bezier);
 pointer-events: none;
 `)])]), insideModal(cB("list", `
 --n-merged-color-hover: var(--n-color-hover-modal);
 --n-merged-color: var(--n-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 `)), insidePopover(cB("list", `
 --n-merged-color-hover: var(--n-color-hover-popover);
 --n-merged-color: var(--n-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 `))]);
      const listProps = Object.assign(Object.assign({}, useTheme.props), {
        size: {
          type: String,
          default: "medium"
        },
        bordered: Boolean,
        clickable: Boolean,
        hoverable: Boolean,
        showDivider: {
          type: Boolean,
          default: true
        }
      });
      const listInjectionKey = createInjectionKey("n-list");
      const List = vue.defineComponent({
        name: "List",
        props: listProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("List", mergedRtlRef, mergedClsPrefixRef);
          const themeRef = useTheme("List", "-list", style$z, listLight, props, mergedClsPrefixRef);
          vue.provide(listInjectionKey, {
            showDividerRef: vue.toRef(props, "showDivider"),
            mergedClsPrefixRef
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                fontSize: fontSize2,
                textColor,
                color,
                colorModal,
                colorPopover,
                borderColor,
                borderColorModal,
                borderColorPopover,
                borderRadius,
                colorHover,
                colorHoverModal,
                colorHoverPopover
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-text-color": textColor,
              "--n-color": color,
              "--n-border-radius": borderRadius,
              "--n-border-color": borderColor,
              "--n-border-color-modal": borderColorModal,
              "--n-border-color-popover": borderColorPopover,
              "--n-color-modal": colorModal,
              "--n-color-popover": colorPopover,
              "--n-color-hover": colorHover,
              "--n-color-hover-modal": colorHoverModal,
              "--n-color-hover-popover": colorHoverPopover
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("list", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            $slots,
            mergedClsPrefix,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("ul", {
            class: [`${mergedClsPrefix}-list`, this.rtlEnabled && `${mergedClsPrefix}-list--rtl`, this.bordered && `${mergedClsPrefix}-list--bordered`, this.showDivider && `${mergedClsPrefix}-list--show-divider`, this.hoverable && `${mergedClsPrefix}-list--hoverable`, this.clickable && `${mergedClsPrefix}-list--clickable`, this.themeClass],
            style: this.cssVars
          }, $slots.header ? vue.h("div", {
            class: `${mergedClsPrefix}-list__header`
          }, $slots.header()) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots), $slots.footer ? vue.h("div", {
            class: `${mergedClsPrefix}-list__footer`
          }, $slots.footer()) : null);
        }
      });
      const ListItem = vue.defineComponent({
        name: "ListItem",
        setup() {
          const listInjection = vue.inject(listInjectionKey, null);
          if (!listInjection) {
            throwError("list-item", "`n-list-item` must be placed in `n-list`.");
          }
          return {
            showDivider: listInjection.showDividerRef,
            mergedClsPrefix: listInjection.mergedClsPrefixRef
          };
        },
        render() {
          const {
            $slots,
            mergedClsPrefix
          } = this;
          return vue.h("li", {
            class: `${mergedClsPrefix}-list-item`
          }, $slots.prefix ? vue.h("div", {
            class: `${mergedClsPrefix}-list-item__prefix`
          }, $slots.prefix()) : null, $slots.default ? vue.h("div", {
            class: `${mergedClsPrefix}-list-item__main`
          }, $slots) : null, $slots.suffix ? vue.h("div", {
            class: `${mergedClsPrefix}-list-item__suffix`
          }, $slots.suffix()) : null, this.showDivider && vue.h("div", {
            class: `${mergedClsPrefix}-list-item__divider`
          }));
        }
      });
      const loadingBarProviderInjectionKey = createInjectionKey("n-loading-bar");
      const loadingBarApiInjectionKey = createInjectionKey("n-loading-bar-api");
      const style$y = cB("loading-bar-container", `
 z-index: 5999;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 height: 2px;
`, [fadeInTransition({
        enterDuration: "0.3s",
        leaveDuration: "0.8s"
      }), cB("loading-bar", `
 width: 100%;
 transition:
 max-width 4s linear,
 background .2s linear;
 height: var(--n-height);
 `, [cM("starting", `
 background: var(--n-color-loading);
 `), cM("finishing", `
 background: var(--n-color-loading);
 transition:
 max-width .2s linear,
 background .2s linear;
 `), cM("error", `
 background: var(--n-color-error);
 transition:
 max-width .2s linear,
 background .2s linear;
 `)])]);
      var __awaiter$5 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, _arguments || [])).next());
        });
      };
      function createClassName(status, clsPrefix) {
        return `${clsPrefix}-loading-bar ${clsPrefix}-loading-bar--${status}`;
      }
      const NLoadingBar = vue.defineComponent({
        name: "LoadingBar",
        props: {
          containerClass: String,
          containerStyle: [String, Object]
        },
        setup() {
          const {
            inlineThemeDisabled
          } = useConfig();
          const {
            props: providerProps,
            mergedClsPrefixRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(loadingBarProviderInjectionKey);
          const loadingBarRef = vue.ref(null);
          const enteringRef = vue.ref(false);
          const startedRef = vue.ref(false);
          const loadingRef = vue.ref(false);
          const transitionDisabledRef = vue.ref(false);
          let finishing = false;
          const erroringRef = vue.ref(false);
          const mergedLoadingBarStyle = vue.computed(() => {
            const {
              loadingBarStyle
            } = providerProps;
            if (!loadingBarStyle)
              return "";
            return loadingBarStyle[erroringRef.value ? "error" : "loading"];
          });
          function init2() {
            return __awaiter$5(this, void 0, void 0, function* () {
              enteringRef.value = false;
              loadingRef.value = false;
              finishing = false;
              erroringRef.value = false;
              transitionDisabledRef.value = true;
              yield vue.nextTick();
              transitionDisabledRef.value = false;
            });
          }
          function start() {
            return __awaiter$5(this, arguments, void 0, function* (fromProgress = 0, toProgress = 80, status = "starting") {
              startedRef.value = true;
              yield init2();
              if (finishing)
                return;
              loadingRef.value = true;
              yield vue.nextTick();
              const el = loadingBarRef.value;
              if (!el)
                return;
              el.style.maxWidth = `${fromProgress}%`;
              el.style.transition = "none";
              void el.offsetWidth;
              el.className = createClassName(status, mergedClsPrefixRef.value);
              el.style.transition = "";
              el.style.maxWidth = `${toProgress}%`;
            });
          }
          function finish() {
            return __awaiter$5(this, void 0, void 0, function* () {
              if (finishing || erroringRef.value)
                return;
              if (startedRef.value) {
                yield vue.nextTick();
              }
              finishing = true;
              const el = loadingBarRef.value;
              if (!el)
                return;
              el.className = createClassName("finishing", mergedClsPrefixRef.value);
              el.style.maxWidth = "100%";
              void el.offsetWidth;
              loadingRef.value = false;
            });
          }
          function error() {
            if (finishing || erroringRef.value)
              return;
            if (!loadingRef.value) {
              void start(100, 100, "error").then(() => {
                erroringRef.value = true;
                const el = loadingBarRef.value;
                if (!el)
                  return;
                el.className = createClassName("error", mergedClsPrefixRef.value);
                void el.offsetWidth;
                loadingRef.value = false;
              });
            } else {
              erroringRef.value = true;
              const el = loadingBarRef.value;
              if (!el)
                return;
              el.className = createClassName("error", mergedClsPrefixRef.value);
              el.style.maxWidth = "100%";
              void el.offsetWidth;
              loadingRef.value = false;
            }
          }
          function handleEnter() {
            enteringRef.value = true;
          }
          function handleAfterEnter() {
            enteringRef.value = false;
          }
          function handleAfterLeave() {
            return __awaiter$5(this, void 0, void 0, function* () {
              yield init2();
            });
          }
          const themeRef = useTheme("LoadingBar", "-loading-bar", style$y, loadingBarLight, providerProps, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                height,
                colorError,
                colorLoading
              }
            } = themeRef.value;
            return {
              "--n-height": height,
              "--n-color-loading": colorLoading,
              "--n-color-error": colorError
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("loading-bar", void 0, cssVarsRef, providerProps) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            loadingBarRef,
            started: startedRef,
            loading: loadingRef,
            entering: enteringRef,
            transitionDisabled: transitionDisabledRef,
            start,
            error,
            finish,
            handleEnter,
            handleAfterEnter,
            handleAfterLeave,
            mergedLoadingBarStyle,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          if (!this.started)
            return null;
          const {
            mergedClsPrefix
          } = this;
          return vue.h(vue.Transition, {
            name: "fade-in-transition",
            appear: true,
            onEnter: this.handleEnter,
            onAfterEnter: this.handleAfterEnter,
            // eslint-disable-next-line @typescript-eslint/no-misused-promises
            onAfterLeave: this.handleAfterLeave,
            css: !this.transitionDisabled
          }, {
            default: () => {
              var _a;
              (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
              return vue.withDirectives(vue.h("div", {
                class: [`${mergedClsPrefix}-loading-bar-container`, this.themeClass, this.containerClass],
                style: this.containerStyle
              }, vue.h("div", {
                ref: "loadingBarRef",
                class: [`${mergedClsPrefix}-loading-bar`],
                style: [this.cssVars, this.mergedLoadingBarStyle]
              })), [[vue.vShow, this.loading || !this.loading && this.entering]]);
            }
          });
        }
      });
      const loadingBarProviderProps = Object.assign(Object.assign({}, useTheme.props), {
        to: {
          type: [String, Object, Boolean],
          default: void 0
        },
        containerClass: String,
        containerStyle: [String, Object],
        loadingBarStyle: {
          type: Object
        }
      });
      const NLoadingBarProvider = vue.defineComponent({
        name: "LoadingBarProvider",
        props: loadingBarProviderProps,
        setup(props) {
          const isMountedRef = isMounted();
          const loadingBarRef = vue.ref(null);
          const methods = {
            start() {
              var _a;
              if (isMountedRef.value) {
                (_a = loadingBarRef.value) === null || _a === void 0 ? void 0 : _a.start();
              } else {
                void vue.nextTick(() => {
                  var _a2;
                  (_a2 = loadingBarRef.value) === null || _a2 === void 0 ? void 0 : _a2.start();
                });
              }
            },
            error() {
              var _a;
              if (isMountedRef.value) {
                (_a = loadingBarRef.value) === null || _a === void 0 ? void 0 : _a.error();
              } else {
                void vue.nextTick(() => {
                  var _a2;
                  (_a2 = loadingBarRef.value) === null || _a2 === void 0 ? void 0 : _a2.error();
                });
              }
            },
            finish() {
              var _a;
              if (isMountedRef.value) {
                (_a = loadingBarRef.value) === null || _a === void 0 ? void 0 : _a.finish();
              } else {
                void vue.nextTick(() => {
                  var _a2;
                  (_a2 = loadingBarRef.value) === null || _a2 === void 0 ? void 0 : _a2.finish();
                });
              }
            }
          };
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          vue.provide(loadingBarApiInjectionKey, methods);
          vue.provide(loadingBarProviderInjectionKey, {
            props,
            mergedClsPrefixRef
          });
          return Object.assign(methods, {
            loadingBarRef
          });
        },
        render() {
          var _a, _b;
          return vue.h(vue.Fragment, null, vue.h(vue.Teleport, {
            disabled: this.to === false,
            to: this.to || "body"
          }, vue.h(NLoadingBar, {
            ref: "loadingBarRef",
            containerStyle: this.containerStyle,
            containerClass: this.containerClass
          })), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
        }
      });
      function useLoadingBar() {
        const loadingBar = vue.inject(loadingBarApiInjectionKey, null);
        if (loadingBar === null) {
          throwError("use-loading-bar", "No outer <n-loading-bar-provider /> founded.");
        }
        return loadingBar;
      }
      const NLogLoader = vue.defineComponent({
        name: "LogLoader",
        props: {
          clsPrefix: {
            type: String,
            required: true
          }
        },
        setup() {
          return {
            locale: useLocale("Log").localeRef
          };
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h("div", {
            class: `${clsPrefix}-log-loader`
          }, vue.h(NBaseLoading, {
            clsPrefix,
            strokeWidth: 24,
            scale: 0.85
          }), vue.h("span", {
            class: `${clsPrefix}-log-loader__content`
          }, this.locale.loading));
        }
      });
      const logInjectionKey = createInjectionKey("n-log");
      const NLogLine = vue.defineComponent({
        props: {
          line: {
            type: String,
            default: ""
          }
        },
        setup(props) {
          const {
            trimRef,
            highlightRef,
            languageRef,
            mergedHljsRef
          } = (
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            vue.inject(logInjectionKey)
          );
          const selfRef = vue.ref(null);
          const maybeTrimmedLinesRef = vue.computed(() => {
            return trimRef.value ? props.line.trim() : props.line;
          });
          function setInnerHTML() {
            if (selfRef.value) {
              selfRef.value.innerHTML = generateCodeHTML(languageRef.value, maybeTrimmedLinesRef.value);
            }
          }
          function generateCodeHTML(language, code) {
            const {
              value: hljs
            } = mergedHljsRef;
            if (hljs) {
              if (language && hljs.getLanguage(language)) {
                return hljs.highlight(code, {
                  language
                }).value;
              }
            }
            return code;
          }
          vue.onMounted(() => {
            if (highlightRef.value) {
              setInnerHTML();
            }
          });
          vue.watch(vue.toRef(props, "line"), () => {
            if (highlightRef.value) {
              setInnerHTML();
            }
          });
          return {
            highlight: highlightRef,
            selfRef,
            maybeTrimmedLines: maybeTrimmedLinesRef
          };
        },
        render() {
          const {
            highlight,
            maybeTrimmedLines
          } = this;
          return vue.h("pre", {
            ref: "selfRef"
          }, highlight ? null : maybeTrimmedLines);
        }
      });
      const style$x = cB("log", `
 position: relative;
 box-sizing: border-box;
 transition: border-color .3s var(--n-bezier);
`, [c$1("pre", `
 white-space: pre-wrap;
 word-break: break-word;
 margin: 0;
 `), cB("log-loader", `
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 box-sizing: border-box;
 position: absolute;
 right: 16px;
 top: 8px;
 height: 34px;
 border-radius: 17px;
 line-height: 34px;
 white-space: nowrap;
 overflow: hidden;
 border: var(--n-loader-border);
 color: var(--n-loader-text-color);
 background-color: var(--n-loader-color);
 font-size: var(--n-loader-font-size);
 `, [fadeInScaleUpTransition(), cE("content", `
 display: inline-block;
 vertical-align: bottom;
 line-height: 34px;
 padding-left: 40px;
 padding-right: 20px;
 white-space: nowrap;
 `), cB("base-loading", `
 color: var(--n-loading-color);
 position: absolute;
 left: 12px;
 top: calc(50% - 10px);
 font-size: 20px;
 width: 20px;
 height: 20px;
 display: inline-block;
 `)])]);
      const logProps = Object.assign(Object.assign({}, useTheme.props), {
        loading: Boolean,
        trim: Boolean,
        log: String,
        fontSize: {
          type: Number,
          default: 14
        },
        lines: {
          type: Array,
          default: () => []
        },
        lineHeight: {
          type: Number,
          default: 1.25
        },
        language: String,
        rows: {
          type: Number,
          default: 15
        },
        offsetTop: {
          type: Number,
          default: 0
        },
        offsetBottom: {
          type: Number,
          default: 0
        },
        hljs: Object,
        onReachTop: Function,
        onReachBottom: Function,
        onRequireMore: Function
      });
      const Log = vue.defineComponent({
        name: "Log",
        props: logProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const silentRef = vue.ref(false);
          const highlightRef = vue.computed(() => {
            return props.language !== void 0;
          });
          const styleHeightRef = vue.computed(() => {
            return `calc(${Math.round(props.rows * props.lineHeight * props.fontSize)}px)`;
          });
          const mergedLinesRef = vue.computed(() => {
            const {
              log
            } = props;
            if (log) {
              return log.split("\n");
            }
            return props.lines;
          });
          const scrollbarRef = vue.ref(null);
          const themeRef = useTheme("Log", "-log", style$x, logLight, props, mergedClsPrefixRef);
          function handleScroll(e) {
            const container = e.target;
            const content = container.firstElementChild;
            if (silentRef.value) {
              void vue.nextTick(() => {
                silentRef.value = false;
              });
              return;
            }
            const containerHeight = container.offsetHeight;
            const containerScrollTop = container.scrollTop;
            const contentHeight = content.offsetHeight;
            const scrollTop = containerScrollTop;
            const scrollBottom = contentHeight - containerScrollTop - containerHeight;
            if (scrollTop <= props.offsetTop) {
              const {
                onReachTop,
                onRequireMore
              } = props;
              if (onRequireMore)
                onRequireMore("top");
              if (onReachTop)
                onReachTop();
            }
            if (scrollBottom <= props.offsetBottom) {
              const {
                onReachBottom,
                onRequireMore
              } = props;
              if (onRequireMore)
                onRequireMore("bottom");
              if (onReachBottom)
                onReachBottom();
            }
          }
          const handleWheel = throttle(_handleWheel, 300);
          function _handleWheel(e) {
            if (silentRef.value) {
              void vue.nextTick(() => {
                silentRef.value = false;
              });
              return;
            }
            if (scrollbarRef.value) {
              const {
                containerRef,
                contentRef
              } = scrollbarRef.value;
              if (containerRef && contentRef) {
                const containerHeight = containerRef.offsetHeight;
                const containerScrollTop = containerRef.scrollTop;
                const contentHeight = contentRef.offsetHeight;
                const scrollTop = containerScrollTop;
                const scrollBottom = contentHeight - containerScrollTop - containerHeight;
                const deltaY = e.deltaY;
                if (scrollTop === 0 && deltaY < 0) {
                  const {
                    onRequireMore
                  } = props;
                  if (onRequireMore)
                    onRequireMore("top");
                }
                if (scrollBottom <= 0 && deltaY > 0) {
                  const {
                    onRequireMore
                  } = props;
                  if (onRequireMore)
                    onRequireMore("bottom");
                }
              }
            }
          }
          function scrollTo(options) {
            const {
              value: scrollbarInst
            } = scrollbarRef;
            if (!scrollbarInst)
              return;
            const {
              silent,
              top,
              position
            } = options;
            if (silent) {
              silentRef.value = true;
            }
            if (top !== void 0) {
              scrollbarInst.scrollTo({
                left: 0,
                top
              });
            } else if (position === "bottom" || position === "top") {
              scrollbarInst.scrollTo({
                position
              });
            }
          }
          function scrollToTop(silent = false) {
            warn$2("log", "`scrollToTop` is deprecated, please use `scrollTo({ position: 'top'})` instead.");
            scrollTo({
              position: "top",
              silent
            });
          }
          function scrollToBottom(silent = false) {
            warn$2("log", "`scrollToTop` is deprecated, please use `scrollTo({ position: 'bottom'})` instead.");
            scrollTo({
              position: "bottom",
              silent
            });
          }
          vue.provide(logInjectionKey, {
            languageRef: vue.toRef(props, "language"),
            mergedHljsRef: useHljs(props),
            trimRef: vue.toRef(props, "trim"),
            highlightRef
          });
          const exportedMethods = {
            scrollTo
          };
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                loaderFontSize,
                loaderTextColor,
                loaderColor,
                loaderBorder,
                loadingColor
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-loader-font-size": loaderFontSize,
              "--n-loader-border": loaderBorder,
              "--n-loader-color": loaderColor,
              "--n-loader-text-color": loaderTextColor,
              "--n-loading-color": loadingColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("log", void 0, cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exportedMethods), {
            mergedClsPrefix: mergedClsPrefixRef,
            scrollbarRef,
            mergedTheme: themeRef,
            styleHeight: styleHeightRef,
            mergedLines: mergedLinesRef,
            scrollToTop,
            scrollToBottom,
            handleWheel,
            handleScroll,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          const {
            mergedClsPrefix,
            mergedTheme,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-log`, this.themeClass],
            style: [{
              lineHeight: this.lineHeight,
              height: this.styleHeight
            }, this.cssVars],
            onWheelPassive: this.handleWheel
          }, [vue.h(Scrollbar$2, {
            ref: "scrollbarRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            onScroll: this.handleScroll
          }, {
            default: () => vue.h(NCode, {
              internalNoHighlight: true,
              internalFontSize: this.fontSize,
              theme: mergedTheme.peers.Code,
              themeOverrides: mergedTheme.peerOverrides.Code
            }, {
              default: () => this.mergedLines.map((line, index) => {
                return vue.h(NLogLine, {
                  key: index,
                  line
                });
              })
            })
          }), vue.h(vue.Transition, {
            name: "fade-in-scale-up-transition"
          }, {
            default: () => this.loading ? vue.h(NLogLoader, {
              clsPrefix: mergedClsPrefix
            }) : null
          })]);
        }
      });
      var __awaiter$4 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, [])).next());
        });
      };
      const infiniteScrollProps = {
        distance: {
          type: Number,
          default: 0
        },
        onLoad: Function,
        scrollbarProps: Object
      };
      const InfiniteScroll = vue.defineComponent({
        name: "InfiniteScroll",
        props: infiniteScrollProps,
        setup(props) {
          const scrollbarInstRef = vue.ref(null);
          let loading = false;
          const handleCheckBottom = () => __awaiter$4(this, void 0, void 0, function* () {
            var _a;
            const {
              value: scrollbarInst
            } = scrollbarInstRef;
            if (scrollbarInst) {
              const {
                containerRef,
                containerScrollTop
              } = scrollbarInst;
              const scrollHeight = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollHeight;
              const clientHeight = containerRef === null || containerRef === void 0 ? void 0 : containerRef.clientHeight;
              if (containerRef && scrollHeight !== void 0 && clientHeight !== void 0) {
                if (containerScrollTop + clientHeight >= scrollHeight - props.distance) {
                  loading = true;
                  try {
                    yield (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props);
                  } catch (_b) {
                  }
                  loading = false;
                }
              }
            }
          });
          const handleScroll = () => {
            if (loading)
              return;
            void handleCheckBottom();
          };
          const handleWheel = (e) => {
            if (e.deltaY <= 0)
              return;
            if (loading)
              return;
            void handleCheckBottom();
          };
          return {
            scrollbarInstRef,
            handleScroll,
            handleWheel
          };
        },
        render() {
          return vue.h(XScrollbar, Object.assign({}, this.scrollbarProps, {
            ref: "scrollbarInstRef",
            onWheel: this.handleWheel,
            onScroll: this.handleScroll
          }), {
            default: () => {
              return resolveSlot(this.$slots.default, () => []);
            }
          });
        }
      });
      const menuInjectionKey = createInjectionKey("n-menu");
      const submenuInjectionKey = createInjectionKey("n-submenu");
      const menuItemGroupInjectionKey = createInjectionKey("n-menu-item-group");
      const ICON_MARGIN_RIGHT = 8;
      function useMenuChild(props) {
        const NMenu = vue.inject(menuInjectionKey);
        const {
          props: menuProps2,
          mergedCollapsedRef
        } = NMenu;
        const NSubmenu2 = vue.inject(submenuInjectionKey, null);
        const NMenuOptionGroup2 = vue.inject(menuItemGroupInjectionKey, null);
        const horizontalRef = vue.computed(() => {
          return menuProps2.mode === "horizontal";
        });
        const dropdownPlacementRef = vue.computed(() => {
          if (horizontalRef.value) {
            return menuProps2.dropdownPlacement;
          }
          if ("tmNodes" in props)
            return "right-start";
          return "right";
        });
        const maxIconSizeRef = vue.computed(() => {
          var _a;
          return Math.max((_a = menuProps2.collapsedIconSize) !== null && _a !== void 0 ? _a : menuProps2.iconSize, menuProps2.iconSize);
        });
        const activeIconSizeRef = vue.computed(() => {
          var _a;
          if (!horizontalRef.value && props.root && mergedCollapsedRef.value) {
            return (_a = menuProps2.collapsedIconSize) !== null && _a !== void 0 ? _a : menuProps2.iconSize;
          } else {
            return menuProps2.iconSize;
          }
        });
        const paddingLeftRef = vue.computed(() => {
          if (horizontalRef.value)
            return void 0;
          const {
            collapsedWidth,
            indent,
            rootIndent
          } = menuProps2;
          const {
            root: root2,
            isGroup: isGroup2
          } = props;
          const mergedRootIndent = rootIndent === void 0 ? indent : rootIndent;
          if (root2) {
            if (mergedCollapsedRef.value) {
              return collapsedWidth / 2 - maxIconSizeRef.value / 2;
            }
            return mergedRootIndent;
          }
          if (NMenuOptionGroup2 && typeof NMenuOptionGroup2.paddingLeftRef.value === "number") {
            return indent / 2 + NMenuOptionGroup2.paddingLeftRef.value;
          }
          if (NSubmenu2 && typeof NSubmenu2.paddingLeftRef.value === "number") {
            return (isGroup2 ? indent / 2 : indent) + NSubmenu2.paddingLeftRef.value;
          }
          return 0;
        });
        const iconMarginRightRef = vue.computed(() => {
          const {
            collapsedWidth,
            indent,
            rootIndent
          } = menuProps2;
          const {
            value: maxIconSize
          } = maxIconSizeRef;
          const {
            root: root2
          } = props;
          if (horizontalRef.value)
            return ICON_MARGIN_RIGHT;
          if (!root2)
            return ICON_MARGIN_RIGHT;
          if (!mergedCollapsedRef.value)
            return ICON_MARGIN_RIGHT;
          const mergedRootIndent = rootIndent === void 0 ? indent : rootIndent;
          return mergedRootIndent + maxIconSize + ICON_MARGIN_RIGHT - (collapsedWidth + maxIconSize) / 2;
        });
        return {
          dropdownPlacement: dropdownPlacementRef,
          activeIconSize: activeIconSizeRef,
          maxIconSize: maxIconSizeRef,
          paddingLeft: paddingLeftRef,
          iconMarginRight: iconMarginRightRef,
          NMenu,
          NSubmenu: NSubmenu2
        };
      }
      const useMenuChildProps = {
        internalKey: {
          type: [String, Number],
          required: true
        },
        root: Boolean,
        isGroup: Boolean,
        level: {
          type: Number,
          required: true
        },
        title: [String, Function],
        extra: [String, Function]
      };
      const menuItemGroupProps = Object.assign(Object.assign({}, useMenuChildProps), {
        tmNode: {
          type: Object,
          required: true
        },
        tmNodes: {
          type: Array,
          required: true
        }
      });
      const NMenuOptionGroup = vue.defineComponent({
        name: "MenuOptionGroup",
        props: menuItemGroupProps,
        setup(props) {
          vue.provide(submenuInjectionKey, null);
          const MenuChild = useMenuChild(props);
          vue.provide(menuItemGroupInjectionKey, {
            paddingLeftRef: MenuChild.paddingLeft
          });
          const {
            mergedClsPrefixRef,
            props: menuProps2
          } = vue.inject(menuInjectionKey);
          return function() {
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            const paddingLeft = MenuChild.paddingLeft.value;
            const {
              nodeProps
            } = menuProps2;
            const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(props.tmNode.rawNode);
            return vue.h("div", {
              class: `${mergedClsPrefix}-menu-item-group`,
              role: "group"
            }, vue.h("div", Object.assign({}, attrs, {
              class: [`${mergedClsPrefix}-menu-item-group-title`, attrs === null || attrs === void 0 ? void 0 : attrs.class],
              style: [(attrs === null || attrs === void 0 ? void 0 : attrs.style) || "", paddingLeft !== void 0 ? `padding-left: ${paddingLeft}px;` : ""]
            }), render$1(props.title), props.extra ? vue.h(vue.Fragment, null, " ", render$1(props.extra)) : null), vue.h("div", null, props.tmNodes.map((tmNode) => itemRenderer(tmNode, menuProps2))));
          };
        }
      });
      const NMenuOptionContent = vue.defineComponent({
        name: "MenuOptionContent",
        props: {
          collapsed: Boolean,
          disabled: Boolean,
          title: [String, Function],
          icon: Function,
          extra: [String, Function],
          showArrow: Boolean,
          childActive: Boolean,
          hover: Boolean,
          paddingLeft: Number,
          selected: Boolean,
          maxIconSize: {
            type: Number,
            required: true
          },
          activeIconSize: {
            type: Number,
            required: true
          },
          iconMarginRight: {
            type: Number,
            required: true
          },
          clsPrefix: {
            type: String,
            required: true
          },
          onClick: Function,
          tmNode: {
            type: Object,
            required: true
          },
          isEllipsisPlaceholder: Boolean
        },
        setup(props) {
          const {
            props: menuProps2
          } = vue.inject(menuInjectionKey);
          return {
            menuProps: menuProps2,
            style: vue.computed(() => {
              const {
                paddingLeft
              } = props;
              return {
                paddingLeft: paddingLeft && `${paddingLeft}px`
              };
            }),
            iconStyle: vue.computed(() => {
              const {
                maxIconSize,
                activeIconSize,
                iconMarginRight
              } = props;
              return {
                width: `${maxIconSize}px`,
                height: `${maxIconSize}px`,
                fontSize: `${activeIconSize}px`,
                marginRight: `${iconMarginRight}px`
              };
            })
          };
        },
        render() {
          const {
            clsPrefix,
            tmNode,
            menuProps: {
              renderIcon,
              renderLabel,
              renderExtra,
              expandIcon
            }
          } = this;
          const icon = renderIcon ? renderIcon(tmNode.rawNode) : render$1(this.icon);
          return vue.h("div", {
            onClick: (e) => {
              var _a;
              (_a = this.onClick) === null || _a === void 0 ? void 0 : _a.call(this, e);
            },
            role: "none",
            class: [`${clsPrefix}-menu-item-content`, {
              [`${clsPrefix}-menu-item-content--selected`]: this.selected,
              [`${clsPrefix}-menu-item-content--collapsed`]: this.collapsed,
              [`${clsPrefix}-menu-item-content--child-active`]: this.childActive,
              [`${clsPrefix}-menu-item-content--disabled`]: this.disabled,
              [`${clsPrefix}-menu-item-content--hover`]: this.hover
            }],
            style: this.style
          }, icon && vue.h("div", {
            class: `${clsPrefix}-menu-item-content__icon`,
            style: this.iconStyle,
            role: "none"
          }, [icon]), vue.h("div", {
            class: `${clsPrefix}-menu-item-content-header`,
            role: "none"
          }, this.isEllipsisPlaceholder ? this.title : renderLabel ? renderLabel(tmNode.rawNode) : render$1(this.title), this.extra || renderExtra ? vue.h("span", {
            class: `${clsPrefix}-menu-item-content-header__extra`
          }, " ", renderExtra ? renderExtra(tmNode.rawNode) : render$1(this.extra)) : null), this.showArrow ? vue.h(NBaseIcon, {
            ariaHidden: true,
            class: `${clsPrefix}-menu-item-content__arrow`,
            clsPrefix
          }, {
            default: () => expandIcon ? expandIcon(tmNode.rawNode) : vue.h(ChevronDownFilledIcon, null)
          }) : null);
        }
      });
      const submenuProps = Object.assign(Object.assign({}, useMenuChildProps), {
        rawNodes: {
          type: Array,
          default: () => []
        },
        tmNodes: {
          type: Array,
          default: () => []
        },
        tmNode: {
          type: Object,
          required: true
        },
        disabled: Boolean,
        icon: Function,
        onClick: Function,
        domId: String,
        virtualChildActive: {
          type: Boolean,
          default: void 0
        },
        isEllipsisPlaceholder: Boolean
      });
      const NSubmenu = vue.defineComponent({
        name: "Submenu",
        props: submenuProps,
        setup(props) {
          const MenuChild = useMenuChild(props);
          const {
            NMenu,
            NSubmenu: NSubmenu2
          } = MenuChild;
          const {
            props: menuProps2,
            mergedCollapsedRef,
            mergedThemeRef
          } = NMenu;
          const mergedDisabledRef = vue.computed(() => {
            const {
              disabled
            } = props;
            if (NSubmenu2 === null || NSubmenu2 === void 0 ? void 0 : NSubmenu2.mergedDisabledRef.value)
              return true;
            if (menuProps2.disabled)
              return true;
            return disabled;
          });
          const dropdownShowRef = vue.ref(false);
          vue.provide(submenuInjectionKey, {
            paddingLeftRef: MenuChild.paddingLeft,
            mergedDisabledRef
          });
          vue.provide(menuItemGroupInjectionKey, null);
          function doClick() {
            const {
              onClick
            } = props;
            if (onClick)
              onClick();
          }
          function handleClick2() {
            if (!mergedDisabledRef.value) {
              if (!mergedCollapsedRef.value) {
                NMenu.toggleExpand(props.internalKey);
              }
              doClick();
            }
          }
          function handlePopoverShowChange(value) {
            dropdownShowRef.value = value;
          }
          return {
            menuProps: menuProps2,
            mergedTheme: mergedThemeRef,
            doSelect: NMenu.doSelect,
            inverted: NMenu.invertedRef,
            isHorizontal: NMenu.isHorizontalRef,
            mergedClsPrefix: NMenu.mergedClsPrefixRef,
            maxIconSize: MenuChild.maxIconSize,
            activeIconSize: MenuChild.activeIconSize,
            iconMarginRight: MenuChild.iconMarginRight,
            dropdownPlacement: MenuChild.dropdownPlacement,
            dropdownShow: dropdownShowRef,
            paddingLeft: MenuChild.paddingLeft,
            mergedDisabled: mergedDisabledRef,
            mergedValue: NMenu.mergedValueRef,
            childActive: useMemo(() => {
              var _a;
              return (_a = props.virtualChildActive) !== null && _a !== void 0 ? _a : NMenu.activePathRef.value.includes(props.internalKey);
            }),
            collapsed: vue.computed(() => {
              if (menuProps2.mode === "horizontal")
                return false;
              if (mergedCollapsedRef.value) {
                return true;
              }
              return !NMenu.mergedExpandedKeysRef.value.includes(props.internalKey);
            }),
            dropdownEnabled: vue.computed(() => {
              return !mergedDisabledRef.value && (menuProps2.mode === "horizontal" || mergedCollapsedRef.value);
            }),
            handlePopoverShowChange,
            handleClick: handleClick2
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            menuProps: {
              renderIcon,
              renderLabel
            }
          } = this;
          const createSubmenuItem = () => {
            const {
              isHorizontal,
              paddingLeft,
              collapsed,
              mergedDisabled,
              maxIconSize,
              activeIconSize,
              title,
              childActive,
              icon,
              handleClick: handleClick2,
              menuProps: {
                nodeProps
              },
              dropdownShow,
              iconMarginRight,
              tmNode,
              mergedClsPrefix: mergedClsPrefix2,
              isEllipsisPlaceholder,
              extra
            } = this;
            const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(tmNode.rawNode);
            return vue.h("div", Object.assign({}, attrs, {
              class: [`${mergedClsPrefix2}-menu-item`, attrs === null || attrs === void 0 ? void 0 : attrs.class],
              role: "menuitem"
            }), vue.h(NMenuOptionContent, {
              tmNode,
              paddingLeft,
              collapsed,
              disabled: mergedDisabled,
              iconMarginRight,
              maxIconSize,
              activeIconSize,
              title,
              extra,
              showArrow: !isHorizontal,
              childActive,
              clsPrefix: mergedClsPrefix2,
              icon,
              hover: dropdownShow,
              onClick: handleClick2,
              isEllipsisPlaceholder
            }));
          };
          const createSubmenuChildren = () => {
            return vue.h(NFadeInExpandTransition, null, {
              default: () => {
                const {
                  tmNodes,
                  collapsed
                } = this;
                return !collapsed ? vue.h("div", {
                  class: `${mergedClsPrefix}-submenu-children`,
                  role: "menu"
                }, tmNodes.map((item) => itemRenderer(item, this.menuProps))) : null;
              }
            });
          };
          return this.root ? vue.h(NDropdown, Object.assign({
            size: "large",
            trigger: "hover"
          }, (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.dropdownProps, {
            themeOverrides: this.mergedTheme.peerOverrides.Dropdown,
            theme: this.mergedTheme.peers.Dropdown,
            builtinThemeOverrides: {
              fontSizeLarge: "14px",
              optionIconSizeLarge: "18px"
            },
            value: this.mergedValue,
            disabled: !this.dropdownEnabled,
            placement: this.dropdownPlacement,
            keyField: this.menuProps.keyField,
            labelField: this.menuProps.labelField,
            childrenField: this.menuProps.childrenField,
            onUpdateShow: this.handlePopoverShowChange,
            options: this.rawNodes,
            onSelect: this.doSelect,
            inverted: this.inverted,
            renderIcon,
            renderLabel
          }), {
            default: () => vue.h("div", {
              class: `${mergedClsPrefix}-submenu`,
              role: "menu",
              "aria-expanded": !this.collapsed,
              id: this.domId
            }, createSubmenuItem(), this.isHorizontal ? null : createSubmenuChildren())
          }) : vue.h("div", {
            class: `${mergedClsPrefix}-submenu`,
            role: "menu",
            "aria-expanded": !this.collapsed,
            id: this.domId
          }, createSubmenuItem(), createSubmenuChildren());
        }
      });
      const menuItemProps = Object.assign(Object.assign({}, useMenuChildProps), {
        tmNode: {
          type: Object,
          required: true
        },
        disabled: Boolean,
        icon: Function,
        onClick: Function
      });
      const NMenuOption = vue.defineComponent({
        name: "MenuOption",
        props: menuItemProps,
        setup(props) {
          const MenuChild = useMenuChild(props);
          const {
            NSubmenu: NSubmenu2,
            NMenu
          } = MenuChild;
          const {
            props: menuProps2,
            mergedClsPrefixRef,
            mergedCollapsedRef
          } = NMenu;
          const submenuDisabledRef = NSubmenu2 ? NSubmenu2.mergedDisabledRef : {
            value: false
          };
          const mergedDisabledRef = vue.computed(() => {
            return submenuDisabledRef.value || props.disabled;
          });
          function doClick(e) {
            const {
              onClick
            } = props;
            if (onClick)
              onClick(e);
          }
          function handleClick2(e) {
            if (!mergedDisabledRef.value) {
              NMenu.doSelect(props.internalKey, props.tmNode.rawNode);
              doClick(e);
            }
          }
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            dropdownPlacement: MenuChild.dropdownPlacement,
            paddingLeft: MenuChild.paddingLeft,
            iconMarginRight: MenuChild.iconMarginRight,
            maxIconSize: MenuChild.maxIconSize,
            activeIconSize: MenuChild.activeIconSize,
            mergedTheme: NMenu.mergedThemeRef,
            menuProps: menuProps2,
            dropdownEnabled: useMemo(() => {
              return props.root && mergedCollapsedRef.value && menuProps2.mode !== "horizontal" && !mergedDisabledRef.value;
            }),
            selected: useMemo(() => {
              if (NMenu.mergedValueRef.value === props.internalKey)
                return true;
              return false;
            }),
            mergedDisabled: mergedDisabledRef,
            handleClick: handleClick2
          };
        },
        render() {
          const {
            mergedClsPrefix,
            mergedTheme,
            tmNode,
            menuProps: {
              renderLabel,
              nodeProps
            }
          } = this;
          const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(tmNode.rawNode);
          return vue.h("div", Object.assign({}, attrs, {
            role: "menuitem",
            class: [`${mergedClsPrefix}-menu-item`, attrs === null || attrs === void 0 ? void 0 : attrs.class]
          }), vue.h(NTooltip, {
            theme: mergedTheme.peers.Tooltip,
            themeOverrides: mergedTheme.peerOverrides.Tooltip,
            trigger: "hover",
            placement: this.dropdownPlacement,
            disabled: !this.dropdownEnabled || this.title === void 0,
            internalExtraClass: ["menu-tooltip"]
          }, {
            default: () => renderLabel ? renderLabel(tmNode.rawNode) : render$1(this.title),
            trigger: () => vue.h(NMenuOptionContent, {
              tmNode,
              clsPrefix: mergedClsPrefix,
              paddingLeft: this.paddingLeft,
              iconMarginRight: this.iconMarginRight,
              maxIconSize: this.maxIconSize,
              activeIconSize: this.activeIconSize,
              selected: this.selected,
              title: this.title,
              extra: this.extra,
              disabled: this.mergedDisabled,
              icon: this.icon,
              onClick: this.handleClick
            })
          }));
        }
      });
      const NMenuDivider = vue.defineComponent({
        name: "MenuDivider",
        setup() {
          const NMenu = vue.inject(menuInjectionKey);
          const {
            mergedClsPrefixRef,
            isHorizontalRef
          } = NMenu;
          return () => isHorizontalRef.value ? null : vue.h("div", {
            class: `${mergedClsPrefixRef.value}-menu-divider`
          });
        }
      });
      const groupPropKeys = keysOf(menuItemGroupProps);
      const itemPropKeys = keysOf(menuItemProps);
      const submenuPropKeys = keysOf(submenuProps);
      function isIgnoredNode(rawNode) {
        return rawNode.type === "divider" || rawNode.type === "render";
      }
      function isDividerNode(rawNode) {
        return rawNode.type === "divider";
      }
      function itemRenderer(tmNode, menuProps2) {
        const {
          rawNode
        } = tmNode;
        const {
          show
        } = rawNode;
        if (show === false) {
          return null;
        }
        if (isIgnoredNode(rawNode)) {
          if (isDividerNode(rawNode)) {
            return vue.h(NMenuDivider, Object.assign({
              key: tmNode.key
            }, rawNode.props));
          }
          return null;
        }
        const {
          labelField
        } = menuProps2;
        const {
          key,
          level,
          isGroup: isGroup2
        } = tmNode;
        const props = Object.assign(Object.assign({}, rawNode), {
          title: rawNode.title || rawNode[labelField],
          extra: rawNode.titleExtra || rawNode.extra,
          key,
          internalKey: key,
          // since key can't be used as a prop
          level,
          root: level === 0,
          isGroup: isGroup2
        });
        if (tmNode.children) {
          if (tmNode.isGroup) {
            return vue.h(NMenuOptionGroup, keep(props, groupPropKeys, {
              tmNode,
              tmNodes: tmNode.children,
              key
            }));
          }
          return vue.h(NSubmenu, keep(props, submenuPropKeys, {
            key,
            rawNodes: rawNode[menuProps2.childrenField],
            tmNodes: tmNode.children,
            tmNode
          }));
        } else {
          return vue.h(NMenuOption, keep(props, itemPropKeys, {
            key,
            tmNode
          }));
        }
      }
      const hoverStyleChildren = [c$1("&::before", "background-color: var(--n-item-color-hover);"), cE("arrow", `
 color: var(--n-arrow-color-hover);
 `), cE("icon", `
 color: var(--n-item-icon-color-hover);
 `), cB("menu-item-content-header", `
 color: var(--n-item-text-color-hover);
 `, [c$1("a", `
 color: var(--n-item-text-color-hover);
 `), cE("extra", `
 color: var(--n-item-text-color-hover);
 `)])];
      const horizontalHoverStyleChildren = [cE("icon", `
 color: var(--n-item-icon-color-hover-horizontal);
 `), cB("menu-item-content-header", `
 color: var(--n-item-text-color-hover-horizontal);
 `, [c$1("a", `
 color: var(--n-item-text-color-hover-horizontal);
 `), cE("extra", `
 color: var(--n-item-text-color-hover-horizontal);
 `)])];
      const style$w = c$1([cB("menu", `
 background-color: var(--n-color);
 color: var(--n-item-text-color);
 overflow: hidden;
 transition: background-color .3s var(--n-bezier);
 box-sizing: border-box;
 font-size: var(--n-font-size);
 padding-bottom: 6px;
 `, [cM("horizontal", `
 max-width: 100%;
 width: 100%;
 display: flex;
 overflow: hidden;
 padding-bottom: 0;
 `, [cB("submenu", "margin: 0;"), cB("menu-item", "margin: 0;"), cB("menu-item-content", `
 padding: 0 20px;
 border-bottom: 2px solid #0000;
 `, [c$1("&::before", "display: none;"), cM("selected", "border-bottom: 2px solid var(--n-border-color-horizontal)")]), cB("menu-item-content", [cM("selected", [cE("icon", "color: var(--n-item-icon-color-active-horizontal);"), cB("menu-item-content-header", `
 color: var(--n-item-text-color-active-horizontal);
 `, [c$1("a", "color: var(--n-item-text-color-active-horizontal);"), cE("extra", "color: var(--n-item-text-color-active-horizontal);")])]), cM("child-active", `
 border-bottom: 2px solid var(--n-border-color-horizontal);
 `, [cB("menu-item-content-header", `
 color: var(--n-item-text-color-child-active-horizontal);
 `, [c$1("a", `
 color: var(--n-item-text-color-child-active-horizontal);
 `), cE("extra", `
 color: var(--n-item-text-color-child-active-horizontal);
 `)]), cE("icon", `
 color: var(--n-item-icon-color-child-active-horizontal);
 `)]), cNotM("disabled", [cNotM("selected, child-active", [c$1("&:focus-within", horizontalHoverStyleChildren)]), cM("selected", [hoverStyle(null, [cE("icon", "color: var(--n-item-icon-color-active-hover-horizontal);"), cB("menu-item-content-header", `
 color: var(--n-item-text-color-active-hover-horizontal);
 `, [c$1("a", "color: var(--n-item-text-color-active-hover-horizontal);"), cE("extra", "color: var(--n-item-text-color-active-hover-horizontal);")])])]), cM("child-active", [hoverStyle(null, [cE("icon", "color: var(--n-item-icon-color-child-active-hover-horizontal);"), cB("menu-item-content-header", `
 color: var(--n-item-text-color-child-active-hover-horizontal);
 `, [c$1("a", "color: var(--n-item-text-color-child-active-hover-horizontal);"), cE("extra", "color: var(--n-item-text-color-child-active-hover-horizontal);")])])]), hoverStyle("border-bottom: 2px solid var(--n-border-color-horizontal);", horizontalHoverStyleChildren)]), cB("menu-item-content-header", [c$1("a", "color: var(--n-item-text-color-horizontal);")])])]), cNotM("responsive", [cB("menu-item-content-header", `
 overflow: hidden;
 text-overflow: ellipsis;
 `)]), cM("collapsed", [cB("menu-item-content", [cM("selected", [c$1("&::before", `
 background-color: var(--n-item-color-active-collapsed) !important;
 `)]), cB("menu-item-content-header", "opacity: 0;"), cE("arrow", "opacity: 0;"), cE("icon", "color: var(--n-item-icon-color-collapsed);")])]), cB("menu-item", `
 height: var(--n-item-height);
 margin-top: 6px;
 position: relative;
 `), cB("menu-item-content", `
 box-sizing: border-box;
 line-height: 1.75;
 height: 100%;
 display: grid;
 grid-template-areas: "icon content arrow";
 grid-template-columns: auto 1fr auto;
 align-items: center;
 cursor: pointer;
 position: relative;
 padding-right: 18px;
 transition:
 background-color .3s var(--n-bezier),
 padding-left .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [c$1("> *", "z-index: 1;"), c$1("&::before", `
 z-index: auto;
 content: "";
 background-color: #0000;
 position: absolute;
 left: 8px;
 right: 8px;
 top: 0;
 bottom: 0;
 pointer-events: none;
 border-radius: var(--n-border-radius);
 transition: background-color .3s var(--n-bezier);
 `), cM("disabled", `
 opacity: .45;
 cursor: not-allowed;
 `), cM("collapsed", [cE("arrow", "transform: rotate(0);")]), cM("selected", [c$1("&::before", "background-color: var(--n-item-color-active);"), cE("arrow", "color: var(--n-arrow-color-active);"), cE("icon", "color: var(--n-item-icon-color-active);"), cB("menu-item-content-header", `
 color: var(--n-item-text-color-active);
 `, [c$1("a", "color: var(--n-item-text-color-active);"), cE("extra", "color: var(--n-item-text-color-active);")])]), cM("child-active", [cB("menu-item-content-header", `
 color: var(--n-item-text-color-child-active);
 `, [c$1("a", `
 color: var(--n-item-text-color-child-active);
 `), cE("extra", `
 color: var(--n-item-text-color-child-active);
 `)]), cE("arrow", `
 color: var(--n-arrow-color-child-active);
 `), cE("icon", `
 color: var(--n-item-icon-color-child-active);
 `)]), cNotM("disabled", [cNotM("selected, child-active", [c$1("&:focus-within", hoverStyleChildren)]), cM("selected", [hoverStyle(null, [cE("arrow", "color: var(--n-arrow-color-active-hover);"), cE("icon", "color: var(--n-item-icon-color-active-hover);"), cB("menu-item-content-header", `
 color: var(--n-item-text-color-active-hover);
 `, [c$1("a", "color: var(--n-item-text-color-active-hover);"), cE("extra", "color: var(--n-item-text-color-active-hover);")])])]), cM("child-active", [hoverStyle(null, [cE("arrow", "color: var(--n-arrow-color-child-active-hover);"), cE("icon", "color: var(--n-item-icon-color-child-active-hover);"), cB("menu-item-content-header", `
 color: var(--n-item-text-color-child-active-hover);
 `, [c$1("a", "color: var(--n-item-text-color-child-active-hover);"), cE("extra", "color: var(--n-item-text-color-child-active-hover);")])])]), cM("selected", [hoverStyle(null, [c$1("&::before", "background-color: var(--n-item-color-active-hover);")])]), hoverStyle(null, hoverStyleChildren)]), cE("icon", `
 grid-area: icon;
 color: var(--n-item-icon-color);
 transition:
 color .3s var(--n-bezier),
 font-size .3s var(--n-bezier),
 margin-right .3s var(--n-bezier);
 box-sizing: content-box;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 `), cE("arrow", `
 grid-area: arrow;
 font-size: 16px;
 color: var(--n-arrow-color);
 transform: rotate(180deg);
 opacity: 1;
 transition:
 color .3s var(--n-bezier),
 transform 0.2s var(--n-bezier),
 opacity 0.2s var(--n-bezier);
 `), cB("menu-item-content-header", `
 grid-area: content;
 transition:
 color .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 opacity: 1;
 white-space: nowrap;
 color: var(--n-item-text-color);
 `, [c$1("a", `
 outline: none;
 text-decoration: none;
 transition: color .3s var(--n-bezier);
 color: var(--n-item-text-color);
 `, [c$1("&::before", `
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `)]), cE("extra", `
 font-size: .93em;
 color: var(--n-group-text-color);
 transition: color .3s var(--n-bezier);
 `)])]), cB("submenu", `
 cursor: pointer;
 position: relative;
 margin-top: 6px;
 `, [cB("menu-item-content", `
 height: var(--n-item-height);
 `), cB("submenu-children", `
 overflow: hidden;
 padding: 0;
 `, [fadeInHeightExpandTransition({
        duration: ".2s"
      })])]), cB("menu-item-group", [cB("menu-item-group-title", `
 margin-top: 6px;
 color: var(--n-group-text-color);
 cursor: default;
 font-size: .93em;
 height: 36px;
 display: flex;
 align-items: center;
 transition:
 padding-left .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `)])]), cB("menu-tooltip", [c$1("a", `
 color: inherit;
 text-decoration: none;
 `)]), cB("menu-divider", `
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-divider-color);
 height: 1px;
 margin: 6px 18px;
 `)]);
      function hoverStyle(props, children) {
        return [cM("hover", props, children), c$1("&:hover", props, children)];
      }
      const menuProps = Object.assign(Object.assign({}, useTheme.props), {
        options: {
          type: Array,
          default: () => []
        },
        collapsed: {
          type: Boolean,
          default: void 0
        },
        collapsedWidth: {
          type: Number,
          default: 48
        },
        iconSize: {
          type: Number,
          default: 20
        },
        collapsedIconSize: {
          type: Number,
          default: 24
        },
        rootIndent: Number,
        indent: {
          type: Number,
          default: 32
        },
        labelField: {
          type: String,
          default: "label"
        },
        keyField: {
          type: String,
          default: "key"
        },
        childrenField: {
          type: String,
          default: "children"
        },
        disabledField: {
          type: String,
          default: "disabled"
        },
        defaultExpandAll: Boolean,
        defaultExpandedKeys: Array,
        expandedKeys: Array,
        value: [String, Number],
        defaultValue: {
          type: [String, Number],
          default: null
        },
        mode: {
          type: String,
          default: "vertical"
        },
        watchProps: {
          type: Array,
          default: void 0
        },
        disabled: Boolean,
        show: {
          type: Boolean,
          default: true
        },
        inverted: Boolean,
        "onUpdate:expandedKeys": [Function, Array],
        onUpdateExpandedKeys: [Function, Array],
        onUpdateValue: [Function, Array],
        "onUpdate:value": [Function, Array],
        expandIcon: Function,
        renderIcon: Function,
        renderLabel: Function,
        renderExtra: Function,
        dropdownProps: Object,
        accordion: Boolean,
        nodeProps: Function,
        dropdownPlacement: {
          type: String,
          default: "bottom"
        },
        responsive: Boolean,
        // deprecated
        items: Array,
        onOpenNamesChange: [Function, Array],
        onSelect: [Function, Array],
        onExpandedNamesChange: [Function, Array],
        expandedNames: Array,
        defaultExpandedNames: Array
      });
      const Menu = vue.defineComponent({
        name: "Menu",
        props: menuProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Menu", "-menu", style$w, menuLight, props, mergedClsPrefixRef);
          const layoutSider = vue.inject(layoutSiderInjectionKey, null);
          const mergedCollapsedRef = vue.computed(() => {
            var _a;
            const {
              collapsed
            } = props;
            if (collapsed !== void 0)
              return collapsed;
            if (layoutSider) {
              const {
                collapseModeRef,
                collapsedRef
              } = layoutSider;
              if (collapseModeRef.value === "width") {
                return (_a = collapsedRef.value) !== null && _a !== void 0 ? _a : false;
              }
            }
            return false;
          });
          const treeMateRef = vue.computed(() => {
            const {
              keyField,
              childrenField,
              disabledField
            } = props;
            return createTreeMate(props.items || props.options, {
              getIgnored(node) {
                return isIgnoredNode(node);
              },
              getChildren(node) {
                return node[childrenField];
              },
              getDisabled(node) {
                return node[disabledField];
              },
              getKey(node) {
                var _a;
                return (_a = node[keyField]) !== null && _a !== void 0 ? _a : node.name;
              }
            });
          });
          const treeKeysLevelOneRef = vue.computed(() => new Set(treeMateRef.value.treeNodes.map((e) => e.key)));
          const {
            watchProps
          } = props;
          const uncontrolledValueRef = vue.ref(null);
          if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes("defaultValue")) {
            vue.watchEffect(() => {
              uncontrolledValueRef.value = props.defaultValue;
            });
          } else {
            uncontrolledValueRef.value = props.defaultValue;
          }
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const uncontrolledExpandedKeysRef = vue.ref([]);
          const initUncontrolledExpandedKeys = () => {
            uncontrolledExpandedKeysRef.value = props.defaultExpandAll ? treeMateRef.value.getNonLeafKeys() : props.defaultExpandedNames || props.defaultExpandedKeys || treeMateRef.value.getPath(mergedValueRef.value, {
              includeSelf: false
            }).keyPath;
          };
          if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes("defaultExpandedKeys")) {
            vue.watchEffect(initUncontrolledExpandedKeys);
          } else {
            initUncontrolledExpandedKeys();
          }
          const controlledExpandedKeysRef = useCompitable(props, ["expandedNames", "expandedKeys"]);
          const mergedExpandedKeysRef = useMergedState(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
          const tmNodesRef = vue.computed(() => treeMateRef.value.treeNodes);
          const activePathRef = vue.computed(() => {
            return treeMateRef.value.getPath(mergedValueRef.value).keyPath;
          });
          vue.provide(menuInjectionKey, {
            props,
            mergedCollapsedRef,
            mergedThemeRef: themeRef,
            mergedValueRef,
            mergedExpandedKeysRef,
            activePathRef,
            mergedClsPrefixRef,
            isHorizontalRef: vue.computed(() => props.mode === "horizontal"),
            invertedRef: vue.toRef(props, "inverted"),
            doSelect,
            toggleExpand
          });
          function doSelect(value, item) {
            const {
              "onUpdate:value": _onUpdateValue,
              onUpdateValue,
              onSelect
            } = props;
            if (onUpdateValue) {
              call(onUpdateValue, value, item);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value, item);
            }
            if (onSelect) {
              call(onSelect, value, item);
            }
            uncontrolledValueRef.value = value;
          }
          function doUpdateExpandedKeys(value) {
            const {
              "onUpdate:expandedKeys": _onUpdateExpandedKeys,
              onUpdateExpandedKeys,
              onExpandedNamesChange,
              onOpenNamesChange
            } = props;
            if (_onUpdateExpandedKeys) {
              call(_onUpdateExpandedKeys, value);
            }
            if (onUpdateExpandedKeys) {
              call(onUpdateExpandedKeys, value);
            }
            if (onExpandedNamesChange) {
              call(onExpandedNamesChange, value);
            }
            if (onOpenNamesChange) {
              call(onOpenNamesChange, value);
            }
            uncontrolledExpandedKeysRef.value = value;
          }
          function toggleExpand(key) {
            const currentExpandedKeys = Array.from(mergedExpandedKeysRef.value);
            const index = currentExpandedKeys.findIndex((expanededKey) => expanededKey === key);
            if (~index) {
              currentExpandedKeys.splice(index, 1);
            } else {
              if (props.accordion) {
                if (treeKeysLevelOneRef.value.has(key)) {
                  const closeKeyIndex = currentExpandedKeys.findIndex((e) => treeKeysLevelOneRef.value.has(e));
                  if (closeKeyIndex > -1) {
                    currentExpandedKeys.splice(closeKeyIndex, 1);
                  }
                }
              }
              currentExpandedKeys.push(key);
            }
            doUpdateExpandedKeys(currentExpandedKeys);
          }
          const showOption = (key) => {
            const selectedKeyPath = treeMateRef.value.getPath(key !== null && key !== void 0 ? key : mergedValueRef.value, {
              includeSelf: false
            }).keyPath;
            if (!selectedKeyPath.length)
              return;
            const currentExpandedKeys = Array.from(mergedExpandedKeysRef.value);
            const nextExpandedKeys = /* @__PURE__ */ new Set([...currentExpandedKeys, ...selectedKeyPath]);
            if (props.accordion) {
              treeKeysLevelOneRef.value.forEach((firstLevelKey) => {
                if (nextExpandedKeys.has(firstLevelKey) && !selectedKeyPath.includes(firstLevelKey)) {
                  nextExpandedKeys.delete(firstLevelKey);
                }
              });
            }
            doUpdateExpandedKeys(Array.from(nextExpandedKeys));
          };
          const cssVarsRef = vue.computed(() => {
            const {
              inverted
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const {
              borderRadius,
              borderColorHorizontal,
              fontSize: fontSize2,
              itemHeight,
              dividerColor
            } = self2;
            const vars = {
              "--n-divider-color": dividerColor,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-border-color-horizontal": borderColorHorizontal,
              "--n-border-radius": borderRadius,
              "--n-item-height": itemHeight
            };
            if (inverted) {
              vars["--n-group-text-color"] = self2.groupTextColorInverted;
              vars["--n-color"] = self2.colorInverted;
              vars["--n-item-text-color"] = self2.itemTextColorInverted;
              vars["--n-item-text-color-hover"] = self2.itemTextColorHoverInverted;
              vars["--n-item-text-color-active"] = self2.itemTextColorActiveInverted;
              vars["--n-item-text-color-child-active"] = self2.itemTextColorChildActiveInverted;
              vars["--n-item-text-color-child-active-hover"] = self2.itemTextColorChildActiveInverted;
              vars["--n-item-text-color-active-hover"] = self2.itemTextColorActiveHoverInverted;
              vars["--n-item-icon-color"] = self2.itemIconColorInverted;
              vars["--n-item-icon-color-hover"] = self2.itemIconColorHoverInverted;
              vars["--n-item-icon-color-active"] = self2.itemIconColorActiveInverted;
              vars["--n-item-icon-color-active-hover"] = self2.itemIconColorActiveHoverInverted;
              vars["--n-item-icon-color-child-active"] = self2.itemIconColorChildActiveInverted;
              vars["--n-item-icon-color-child-active-hover"] = self2.itemIconColorChildActiveHoverInverted;
              vars["--n-item-icon-color-collapsed"] = self2.itemIconColorCollapsedInverted;
              vars["--n-item-text-color-horizontal"] = self2.itemTextColorHorizontalInverted;
              vars["--n-item-text-color-hover-horizontal"] = self2.itemTextColorHoverHorizontalInverted;
              vars["--n-item-text-color-active-horizontal"] = self2.itemTextColorActiveHorizontalInverted;
              vars["--n-item-text-color-child-active-horizontal"] = self2.itemTextColorChildActiveHorizontalInverted;
              vars["--n-item-text-color-child-active-hover-horizontal"] = self2.itemTextColorChildActiveHoverHorizontalInverted;
              vars["--n-item-text-color-active-hover-horizontal"] = self2.itemTextColorActiveHoverHorizontalInverted;
              vars["--n-item-icon-color-horizontal"] = self2.itemIconColorHorizontalInverted;
              vars["--n-item-icon-color-hover-horizontal"] = self2.itemIconColorHoverHorizontalInverted;
              vars["--n-item-icon-color-active-horizontal"] = self2.itemIconColorActiveHorizontalInverted;
              vars["--n-item-icon-color-active-hover-horizontal"] = self2.itemIconColorActiveHoverHorizontalInverted;
              vars["--n-item-icon-color-child-active-horizontal"] = self2.itemIconColorChildActiveHorizontalInverted;
              vars["--n-item-icon-color-child-active-hover-horizontal"] = self2.itemIconColorChildActiveHoverHorizontalInverted;
              vars["--n-arrow-color"] = self2.arrowColorInverted;
              vars["--n-arrow-color-hover"] = self2.arrowColorHoverInverted;
              vars["--n-arrow-color-active"] = self2.arrowColorActiveInverted;
              vars["--n-arrow-color-active-hover"] = self2.arrowColorActiveHoverInverted;
              vars["--n-arrow-color-child-active"] = self2.arrowColorChildActiveInverted;
              vars["--n-arrow-color-child-active-hover"] = self2.arrowColorChildActiveHoverInverted;
              vars["--n-item-color-hover"] = self2.itemColorHoverInverted;
              vars["--n-item-color-active"] = self2.itemColorActiveInverted;
              vars["--n-item-color-active-hover"] = self2.itemColorActiveHoverInverted;
              vars["--n-item-color-active-collapsed"] = self2.itemColorActiveCollapsedInverted;
            } else {
              vars["--n-group-text-color"] = self2.groupTextColor;
              vars["--n-color"] = self2.color;
              vars["--n-item-text-color"] = self2.itemTextColor;
              vars["--n-item-text-color-hover"] = self2.itemTextColorHover;
              vars["--n-item-text-color-active"] = self2.itemTextColorActive;
              vars["--n-item-text-color-child-active"] = self2.itemTextColorChildActive;
              vars["--n-item-text-color-child-active-hover"] = self2.itemTextColorChildActiveHover;
              vars["--n-item-text-color-active-hover"] = self2.itemTextColorActiveHover;
              vars["--n-item-icon-color"] = self2.itemIconColor;
              vars["--n-item-icon-color-hover"] = self2.itemIconColorHover;
              vars["--n-item-icon-color-active"] = self2.itemIconColorActive;
              vars["--n-item-icon-color-active-hover"] = self2.itemIconColorActiveHover;
              vars["--n-item-icon-color-child-active"] = self2.itemIconColorChildActive;
              vars["--n-item-icon-color-child-active-hover"] = self2.itemIconColorChildActiveHover;
              vars["--n-item-icon-color-collapsed"] = self2.itemIconColorCollapsed;
              vars["--n-item-text-color-horizontal"] = self2.itemTextColorHorizontal;
              vars["--n-item-text-color-hover-horizontal"] = self2.itemTextColorHoverHorizontal;
              vars["--n-item-text-color-active-horizontal"] = self2.itemTextColorActiveHorizontal;
              vars["--n-item-text-color-child-active-horizontal"] = self2.itemTextColorChildActiveHorizontal;
              vars["--n-item-text-color-child-active-hover-horizontal"] = self2.itemTextColorChildActiveHoverHorizontal;
              vars["--n-item-text-color-active-hover-horizontal"] = self2.itemTextColorActiveHoverHorizontal;
              vars["--n-item-icon-color-horizontal"] = self2.itemIconColorHorizontal;
              vars["--n-item-icon-color-hover-horizontal"] = self2.itemIconColorHoverHorizontal;
              vars["--n-item-icon-color-active-horizontal"] = self2.itemIconColorActiveHorizontal;
              vars["--n-item-icon-color-active-hover-horizontal"] = self2.itemIconColorActiveHoverHorizontal;
              vars["--n-item-icon-color-child-active-horizontal"] = self2.itemIconColorChildActiveHorizontal;
              vars["--n-item-icon-color-child-active-hover-horizontal"] = self2.itemIconColorChildActiveHoverHorizontal;
              vars["--n-arrow-color"] = self2.arrowColor;
              vars["--n-arrow-color-hover"] = self2.arrowColorHover;
              vars["--n-arrow-color-active"] = self2.arrowColorActive;
              vars["--n-arrow-color-active-hover"] = self2.arrowColorActiveHover;
              vars["--n-arrow-color-child-active"] = self2.arrowColorChildActive;
              vars["--n-arrow-color-child-active-hover"] = self2.arrowColorChildActiveHover;
              vars["--n-item-color-hover"] = self2.itemColorHover;
              vars["--n-item-color-active"] = self2.itemColorActive;
              vars["--n-item-color-active-hover"] = self2.itemColorActiveHover;
              vars["--n-item-color-active-collapsed"] = self2.itemColorActiveCollapsed;
            }
            return vars;
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("menu", vue.computed(() => props.inverted ? "a" : "b"), cssVarsRef, props) : void 0;
          const ellipsisNodeId = createId();
          const overflowRef = vue.ref(null);
          const counterRef = vue.ref(null);
          let isFirstResize = true;
          const onResize = () => {
            var _a;
            if (isFirstResize) {
              isFirstResize = false;
            } else {
              (_a = overflowRef.value) === null || _a === void 0 ? void 0 : _a.sync({
                showAllItemsBeforeCalculate: true
              });
            }
          };
          function getCounter() {
            return document.getElementById(ellipsisNodeId);
          }
          const ellipsisFromIndexRef = vue.ref(-1);
          function onUpdateCount(count) {
            ellipsisFromIndexRef.value = props.options.length - count;
          }
          function onUpdateOverflow(overflow) {
            if (!overflow) {
              ellipsisFromIndexRef.value = -1;
            }
          }
          const ellipsisOptionRef = vue.computed(() => {
            const ellipsisFromIndex = ellipsisFromIndexRef.value;
            const option = {
              children: ellipsisFromIndex === -1 ? [] : props.options.slice(ellipsisFromIndex)
            };
            return option;
          });
          const ellipsisTreeMateRef = vue.computed(() => {
            const {
              childrenField,
              disabledField,
              keyField
            } = props;
            return createTreeMate([ellipsisOptionRef.value], {
              getIgnored(node) {
                return isIgnoredNode(node);
              },
              getChildren(node) {
                return node[childrenField];
              },
              getDisabled(node) {
                return node[disabledField];
              },
              getKey(node) {
                var _a;
                return (_a = node[keyField]) !== null && _a !== void 0 ? _a : node.name;
              }
            });
          });
          const emptyTmNodeRef = vue.computed(() => {
            return createTreeMate([{}]).treeNodes[0];
          });
          function renderCounter() {
            var _a;
            if (ellipsisFromIndexRef.value === -1) {
              return vue.h(NSubmenu, {
                root: true,
                level: 0,
                key: "__ellpisisGroupPlaceholder__",
                internalKey: "__ellpisisGroupPlaceholder__",
                title: "···",
                tmNode: emptyTmNodeRef.value,
                domId: ellipsisNodeId,
                isEllipsisPlaceholder: true
              });
            }
            const tmNode = ellipsisTreeMateRef.value.treeNodes[0];
            const activePath = activePathRef.value;
            const childActive = !!((_a = tmNode.children) === null || _a === void 0 ? void 0 : _a.some((tmNode2) => {
              return activePath.includes(tmNode2.key);
            }));
            return vue.h(NSubmenu, {
              level: 0,
              root: true,
              key: "__ellpisisGroup__",
              internalKey: "__ellpisisGroup__",
              title: "···",
              virtualChildActive: childActive,
              tmNode,
              domId: ellipsisNodeId,
              rawNodes: tmNode.rawNode.children || [],
              tmNodes: tmNode.children || [],
              isEllipsisPlaceholder: true
            });
          }
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            controlledExpandedKeys: controlledExpandedKeysRef,
            uncontrolledExpanededKeys: uncontrolledExpandedKeysRef,
            mergedExpandedKeys: mergedExpandedKeysRef,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            activePath: activePathRef,
            tmNodes: tmNodesRef,
            mergedTheme: themeRef,
            mergedCollapsed: mergedCollapsedRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            overflowRef,
            counterRef,
            updateCounter: () => {
            },
            onResize,
            onUpdateOverflow,
            onUpdateCount,
            renderCounter,
            getCounter,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            showOption,
            deriveResponsiveState: onResize
          };
        },
        render() {
          const {
            mergedClsPrefix,
            mode,
            themeClass,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const renderMenuItemNodes = () => this.tmNodes.map((tmNode) => itemRenderer(tmNode, this.$props));
          const horizontal = mode === "horizontal";
          const finalResponsive = horizontal && this.responsive;
          const renderMainNode = () => vue.h("div", {
            role: mode === "horizontal" ? "menubar" : "menu",
            class: [`${mergedClsPrefix}-menu`, themeClass, `${mergedClsPrefix}-menu--${mode}`, finalResponsive && `${mergedClsPrefix}-menu--responsive`, this.mergedCollapsed && `${mergedClsPrefix}-menu--collapsed`],
            style: this.cssVars
          }, finalResponsive ? vue.h(VOverflow, {
            ref: "overflowRef",
            onUpdateOverflow: this.onUpdateOverflow,
            getCounter: this.getCounter,
            onUpdateCount: this.onUpdateCount,
            updateCounter: this.updateCounter,
            style: {
              width: "100%",
              display: "flex",
              overflow: "hidden"
            }
          }, {
            default: renderMenuItemNodes,
            counter: this.renderCounter
          }) : renderMenuItemNodes());
          return finalResponsive ? vue.h(VResizeObserver, {
            onResize: this.onResize
          }, {
            default: renderMainNode
          }) : renderMainNode();
        }
      });
      function getRelativePosition(element, options = {
        debug: false,
        useSelectionEnd: false,
        checkWidthOverflow: true
      }) {
        const selectionStart = element.selectionStart !== null ? element.selectionStart : 0;
        const selectionEnd = element.selectionEnd !== null ? element.selectionEnd : 0;
        const position = options.useSelectionEnd ? selectionEnd : selectionStart;
        const properties = [
          "direction",
          // RTL support
          "boxSizing",
          "width",
          // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
          "height",
          "overflowX",
          "overflowY",
          // copy the scrollbar for IE
          "borderTopWidth",
          "borderRightWidth",
          "borderBottomWidth",
          "borderLeftWidth",
          "borderStyle",
          "paddingTop",
          "paddingRight",
          "paddingBottom",
          "paddingLeft",
          // https://developer.mozilla.org/en-US/docs/Web/CSS/font
          "fontStyle",
          "fontVariant",
          "fontWeight",
          "fontStretch",
          "fontSize",
          "fontSizeAdjust",
          "lineHeight",
          "fontFamily",
          "textAlign",
          "textTransform",
          "textIndent",
          "textDecoration",
          // might not make a difference, but better be safe
          "letterSpacing",
          "wordSpacing",
          "tabSize",
          "MozTabSize"
        ];
        const isFirefox = navigator.userAgent.toLowerCase().includes("firefox");
        if (!isBrowser$2) {
          throw new Error("textarea-caret-position#getCaretPosition should only be called in a browser");
        }
        const debug = options === null || options === void 0 ? void 0 : options.debug;
        if (debug) {
          const el = document.querySelector("#input-textarea-caret-position-mirror-div");
          if (el === null || el === void 0 ? void 0 : el.parentNode)
            el.parentNode.removeChild(el);
        }
        const div = document.createElement("div");
        div.id = "input-textarea-caret-position-mirror-div";
        document.body.appendChild(div);
        const style2 = div.style;
        const computed2 = window.getComputedStyle ? window.getComputedStyle(element) : element.currentStyle;
        const isInput = element.nodeName === "INPUT";
        style2.whiteSpace = isInput ? "nowrap" : "pre-wrap";
        if (!isInput)
          style2.wordWrap = "break-word";
        style2.position = "absolute";
        if (!debug)
          style2.visibility = "hidden";
        properties.forEach((prop) => {
          if (isInput && prop === "lineHeight") {
            if (computed2.boxSizing === "border-box") {
              const height = parseInt(computed2.height);
              const outerHeight = parseInt(computed2.paddingTop) + parseInt(computed2.paddingBottom) + parseInt(computed2.borderTopWidth) + parseInt(computed2.borderBottomWidth);
              const targetHeight = outerHeight + parseInt(computed2.lineHeight);
              if (height > targetHeight) {
                style2.lineHeight = `${height - outerHeight}px`;
              } else if (height === targetHeight) {
                style2.lineHeight = computed2.lineHeight;
              } else {
                style2.lineHeight = "0";
              }
            } else {
              style2.lineHeight = computed2.height;
            }
          } else {
            style2[prop] = computed2[prop];
          }
        });
        if (isFirefox) {
          if (element.scrollHeight > parseInt(computed2.height)) {
            style2.overflowY = "scroll";
          }
        } else {
          style2.overflow = "hidden";
        }
        div.textContent = element.value.substring(0, position);
        if (isInput && div.textContent) {
          div.textContent = div.textContent.replace(/\s/g, " ");
        }
        const span = document.createElement("span");
        span.textContent = element.value.substring(position) || ".";
        span.style.position = "relative";
        span.style.left = `${-element.scrollLeft}px`;
        span.style.top = `${-element.scrollTop}px`;
        div.appendChild(span);
        const relativePosition = {
          top: span.offsetTop + parseInt(computed2.borderTopWidth),
          left: span.offsetLeft + parseInt(computed2.borderLeftWidth),
          absolute: false,
          // We don't use line-height since it may be too large for position. Eg. 34px
          // for input
          height: parseInt(computed2.fontSize) * 1.5
        };
        if (debug) {
          span.style.backgroundColor = "#aaa";
        } else {
          document.body.removeChild(div);
        }
        if (relativePosition.left >= element.clientWidth && options.checkWidthOverflow) {
          relativePosition.left = element.clientWidth;
        }
        return relativePosition;
      }
      const style$v = c$1([cB("mention", "width: 100%; z-index: auto; position: relative;"), cB("mention-menu", `
 box-shadow: var(--n-menu-box-shadow);
 `, [fadeInScaleUpTransition({
        originalTransition: "background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"
      })])]);
      const mentionProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        autosize: [Boolean, Object],
        options: {
          type: Array,
          default: []
        },
        filter: {
          type: Function,
          default: (pattern, option) => {
            if (!pattern)
              return true;
            if (typeof option.label === "string") {
              return option.label.startsWith(pattern);
            }
            if (typeof option.value === "string") {
              return option.value.startsWith(pattern);
            }
            return false;
          }
        },
        type: {
          type: String,
          default: "text"
        },
        separator: {
          type: String,
          validator: (separator) => {
            if (separator.length !== 1) {
              warn$2("mention", "`separator`'s length must be 1.");
              return false;
            }
            return true;
          },
          default: " "
        },
        bordered: {
          type: Boolean,
          default: void 0
        },
        disabled: Boolean,
        value: String,
        defaultValue: {
          type: String,
          default: ""
        },
        loading: Boolean,
        prefix: {
          type: [String, Array],
          default: "@"
        },
        placeholder: {
          type: String,
          default: ""
        },
        placement: {
          type: String,
          default: "bottom-start"
        },
        size: String,
        renderLabel: Function,
        status: String,
        "onUpdate:show": [Array, Function],
        onUpdateShow: [Array, Function],
        "onUpdate:value": [Array, Function],
        onUpdateValue: [Array, Function],
        onSearch: Function,
        onSelect: Function,
        onFocus: Function,
        onBlur: Function,
        // private
        internalDebug: Boolean
      });
      const Mention = vue.defineComponent({
        name: "Mention",
        props: mentionProps,
        setup(props) {
          const {
            namespaceRef,
            mergedClsPrefixRef,
            mergedBorderedRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Mention", "-mention", style$v, mentionLight, props, mergedClsPrefixRef);
          const formItem = useFormItem(props);
          const inputInstRef = vue.ref(null);
          const cursorRef = vue.ref(null);
          const followerRef = vue.ref(null);
          const partialPatternRef = vue.ref("");
          let cachedPrefix = null;
          let cachedPartialPatternStart = null;
          let cachedPartialPatternEnd = null;
          const filteredOptionsRef = vue.computed(() => {
            const {
              value: pattern
            } = partialPatternRef;
            return props.options.filter((option) => props.filter(pattern, option));
          });
          const treeMateRef = vue.computed(() => {
            return createTreeMate(filteredOptionsRef.value, {
              getKey: (v) => {
                return v.value;
              }
            });
          });
          const selectMenuInstRef = vue.ref(null);
          const showMenuRef = vue.ref(false);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                menuBoxShadow
              }
            } = themeRef.value;
            return {
              "--n-menu-box-shadow": menuBoxShadow
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("mention", void 0, cssVarsRef, props) : void 0;
          function doUpdateShowMenu(show) {
            if (props.disabled)
              return;
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, show);
            if (_onUpdateShow)
              call(_onUpdateShow, show);
            if (!show) {
              cachedPrefix = null;
              cachedPartialPatternStart = null;
              cachedPartialPatternEnd = null;
            }
            showMenuRef.value = show;
          }
          function doUpdateValue(value) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue
            } = props;
            const {
              nTriggerFormChange,
              nTriggerFormInput
            } = formItem;
            if (_onUpdateValue) {
              call(_onUpdateValue, value);
            }
            if (onUpdateValue) {
              call(onUpdateValue, value);
            }
            nTriggerFormInput();
            nTriggerFormChange();
            uncontrolledValueRef.value = value;
          }
          function getInputEl() {
            return props.type === "text" ? inputInstRef.value.inputElRef : inputInstRef.value.textareaElRef;
          }
          function deriveShowMenu() {
            var _a;
            const inputEl = getInputEl();
            if (document.activeElement !== inputEl) {
              doUpdateShowMenu(false);
              return;
            }
            const {
              selectionEnd
            } = inputEl;
            if (selectionEnd === null) {
              doUpdateShowMenu(false);
              return;
            }
            const inputValue = inputEl.value;
            const {
              separator
            } = props;
            const {
              prefix: prefix2
            } = props;
            const prefixArray = typeof prefix2 === "string" ? [prefix2] : prefix2;
            for (let i = selectionEnd - 1; i >= 0; --i) {
              const char = inputValue[i];
              if (char === separator || char === "\n" || char === "\r") {
                doUpdateShowMenu(false);
                return;
              }
              if (prefixArray.includes(char)) {
                const partialPattern = inputValue.slice(i + 1, selectionEnd);
                doUpdateShowMenu(true);
                (_a = props.onSearch) === null || _a === void 0 ? void 0 : _a.call(props, partialPattern, char);
                partialPatternRef.value = partialPattern;
                cachedPrefix = char;
                cachedPartialPatternStart = i + 1;
                cachedPartialPatternEnd = selectionEnd;
                return;
              }
            }
            doUpdateShowMenu(false);
          }
          function syncCursor() {
            const {
              value: cursorAnchor
            } = cursorRef;
            if (!cursorAnchor)
              return;
            const inputEl = getInputEl();
            const cursorPos = getRelativePosition(inputEl);
            cursorPos.left += inputEl.parentElement.offsetLeft;
            cursorAnchor.style.left = `${cursorPos.left}px`;
            cursorAnchor.style.top = `${cursorPos.top + cursorPos.height}px`;
          }
          function syncPosition() {
            var _a;
            if (!showMenuRef.value)
              return;
            (_a = followerRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          function handleInputUpdateValue(value) {
            doUpdateValue(value);
            syncAfterCursorMove();
          }
          function syncAfterCursorMove() {
            setTimeout(() => {
              syncCursor();
              deriveShowMenu();
              void vue.nextTick().then(syncPosition);
            }, 0);
          }
          function handleInputKeyDown(e) {
            var _a, _b;
            if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
              if ((_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.isCompositing)
                return;
              syncAfterCursorMove();
            } else if (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Enter") {
              if ((_b = inputInstRef.value) === null || _b === void 0 ? void 0 : _b.isCompositing)
                return;
              const {
                value: selectMenuInst
              } = selectMenuInstRef;
              if (showMenuRef.value) {
                if (selectMenuInst) {
                  e.preventDefault();
                  if (e.key === "ArrowUp") {
                    selectMenuInst.prev();
                  } else if (e.key === "ArrowDown") {
                    selectMenuInst.next();
                  } else {
                    const pendingOptionTmNode = selectMenuInst.getPendingTmNode();
                    if (pendingOptionTmNode) {
                      handleSelect(pendingOptionTmNode);
                    } else {
                      doUpdateShowMenu(false);
                    }
                  }
                }
              } else {
                syncAfterCursorMove();
              }
            }
          }
          function handleInputFocus(e) {
            const {
              onFocus
            } = props;
            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
            const {
              nTriggerFormFocus
            } = formItem;
            nTriggerFormFocus();
            syncAfterCursorMove();
          }
          function focus() {
            var _a;
            (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
          }
          function blur() {
            var _a;
            (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
          }
          function handleInputBlur(e) {
            const {
              onBlur
            } = props;
            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
            const {
              nTriggerFormBlur
            } = formItem;
            nTriggerFormBlur();
            doUpdateShowMenu(false);
          }
          function handleSelect(tmNode) {
            var _a;
            if (cachedPrefix === null || cachedPartialPatternStart === null || cachedPartialPatternEnd === null) {
              return;
            }
            const {
              rawNode: {
                value = ""
              }
            } = tmNode;
            const inputEl = getInputEl();
            const inputValue = inputEl.value;
            const {
              separator
            } = props;
            const nextEndPart = inputValue.slice(cachedPartialPatternEnd);
            const alreadySeparated = nextEndPart.startsWith(separator);
            const nextMiddlePart = `${value}${alreadySeparated ? "" : separator}`;
            doUpdateValue(inputValue.slice(0, cachedPartialPatternStart) + nextMiddlePart + nextEndPart);
            (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, tmNode.rawNode, cachedPrefix);
            const nextSelectionEnd = cachedPartialPatternStart + nextMiddlePart.length + (alreadySeparated ? 1 : 0);
            void vue.nextTick().then(() => {
              inputEl.selectionStart = nextSelectionEnd;
              inputEl.selectionEnd = nextSelectionEnd;
              deriveShowMenu();
            });
          }
          function handleInputMouseDown() {
            if (!props.disabled) {
              syncAfterCursorMove();
            }
          }
          return {
            namespace: namespaceRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedBordered: mergedBorderedRef,
            mergedSize: formItem.mergedSizeRef,
            mergedStatus: formItem.mergedStatusRef,
            mergedTheme: themeRef,
            treeMate: treeMateRef,
            selectMenuInstRef,
            inputInstRef,
            cursorRef,
            followerRef,
            showMenu: showMenuRef,
            adjustedTo: useAdjustedTo(props),
            isMounted: isMounted(),
            mergedValue: mergedValueRef,
            handleInputFocus,
            handleInputBlur,
            handleInputUpdateValue,
            handleInputKeyDown,
            handleSelect,
            handleInputMouseDown,
            focus,
            blur,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedTheme,
            mergedClsPrefix,
            $slots
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-mention`
          }, vue.h(NInput, {
            status: this.mergedStatus,
            themeOverrides: mergedTheme.peerOverrides.Input,
            theme: mergedTheme.peers.Input,
            size: this.mergedSize,
            autosize: this.autosize,
            type: this.type,
            ref: "inputInstRef",
            placeholder: this.placeholder,
            onMousedown: this.handleInputMouseDown,
            onUpdateValue: this.handleInputUpdateValue,
            onKeydown: this.handleInputKeyDown,
            onFocus: this.handleInputFocus,
            onBlur: this.handleInputBlur,
            bordered: this.mergedBordered,
            disabled: this.disabled,
            value: this.mergedValue
          }), vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => {
                const style2 = {
                  position: "absolute",
                  width: 0,
                  height: 0
                };
                return vue.h("div", {
                  style: style2,
                  ref: "cursorRef"
                });
              }
            }), vue.h(VFollower, {
              ref: "followerRef",
              placement: this.placement,
              show: this.showMenu,
              containerClass: this.namespace,
              to: this.adjustedTo,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted
              }, {
                default: () => {
                  const {
                    mergedTheme: mergedTheme2,
                    onRender
                  } = this;
                  onRender === null || onRender === void 0 ? void 0 : onRender();
                  return this.showMenu ? vue.h(NInternalSelectMenu, {
                    clsPrefix: mergedClsPrefix,
                    theme: mergedTheme2.peers.InternalSelectMenu,
                    themeOverrides: mergedTheme2.peerOverrides.InternalSelectMenu,
                    autoPending: true,
                    ref: "selectMenuInstRef",
                    class: [`${mergedClsPrefix}-mention-menu`, this.themeClass],
                    loading: this.loading,
                    treeMate: this.treeMate,
                    virtualScroll: false,
                    style: this.cssVars,
                    onToggle: this.handleSelect,
                    renderLabel: this.renderLabel
                  }, $slots) : null;
                }
              })
            })]
          }));
        }
      });
      const messageProps = {
        icon: Function,
        type: {
          type: String,
          default: "info"
        },
        content: [String, Number, Function],
        showIcon: {
          type: Boolean,
          default: true
        },
        closable: Boolean,
        keepAliveOnHover: Boolean,
        onClose: Function,
        onMouseenter: Function,
        onMouseleave: Function
      };
      const messageApiInjectionKey = createInjectionKey("n-message-api");
      const messageProviderInjectionKey = createInjectionKey("n-message-provider");
      const style$u = c$1([cB("message-wrapper", `
 margin: var(--n-margin);
 z-index: 0;
 transform-origin: top center;
 display: flex;
 `, [fadeInHeightExpandTransition({
        overflow: "visible",
        originalTransition: "transform .3s var(--n-bezier)",
        enterToProps: {
          transform: "scale(1)"
        },
        leaveToProps: {
          transform: "scale(0.85)"
        }
      })]), cB("message", `
 box-sizing: border-box;
 display: flex;
 align-items: center;
 transition:
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 transform .3s var(--n-bezier),
 margin-bottom .3s var(--n-bezier);
 padding: var(--n-padding);
 border-radius: var(--n-border-radius);
 flex-wrap: nowrap;
 overflow: hidden;
 max-width: var(--n-max-width);
 color: var(--n-text-color);
 background-color: var(--n-color);
 box-shadow: var(--n-box-shadow);
 `, [cE("content", `
 display: inline-block;
 line-height: var(--n-line-height);
 font-size: var(--n-font-size);
 `), cE("icon", `
 position: relative;
 margin: var(--n-icon-margin);
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 font-size: var(--n-icon-size);
 flex-shrink: 0;
 `, [["default", "info", "success", "warning", "error", "loading"].map((type) => cM(`${type}-type`, [c$1("> *", `
 color: var(--n-icon-color-${type});
 transition: color .3s var(--n-bezier);
 `)])), c$1("> *", `
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 `, [iconSwitchTransition()])]), cE("close", `
 margin: var(--n-close-margin);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 flex-shrink: 0;
 `, [c$1("&:hover", `
 color: var(--n-close-icon-color-hover);
 `), c$1("&:active", `
 color: var(--n-close-icon-color-pressed);
 `)])]), cB("message-container", `
 z-index: 6000;
 position: fixed;
 height: 0;
 overflow: visible;
 display: flex;
 flex-direction: column;
 align-items: center;
 `, [cM("top", `
 top: 12px;
 left: 0;
 right: 0;
 `), cM("top-left", `
 top: 12px;
 left: 12px;
 right: 0;
 align-items: flex-start;
 `), cM("top-right", `
 top: 12px;
 left: 0;
 right: 12px;
 align-items: flex-end;
 `), cM("bottom", `
 bottom: 4px;
 left: 0;
 right: 0;
 justify-content: flex-end;
 `), cM("bottom-left", `
 bottom: 4px;
 left: 12px;
 right: 0;
 justify-content: flex-end;
 align-items: flex-start;
 `), cM("bottom-right", `
 bottom: 4px;
 left: 0;
 right: 12px;
 justify-content: flex-end;
 align-items: flex-end;
 `)])]);
      const iconRenderMap$2 = {
        info: () => vue.h(InfoIcon, null),
        success: () => vue.h(SuccessIcon, null),
        warning: () => vue.h(WarningIcon, null),
        error: () => vue.h(ErrorIcon, null),
        default: () => null
      };
      const NMessage = vue.defineComponent({
        name: "Message",
        props: Object.assign(Object.assign({}, messageProps), {
          render: Function
        }),
        setup(props) {
          const {
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const {
            props: messageProviderProps2,
            mergedClsPrefixRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(messageProviderInjectionKey);
          const rtlEnabledRef = useRtl("Message", mergedRtlRef, mergedClsPrefixRef);
          const themeRef = useTheme("Message", "-message", style$u, messageLight, messageProviderProps2, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              type
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                padding,
                margin,
                maxWidth,
                iconMargin,
                closeMargin,
                closeSize,
                iconSize,
                fontSize: fontSize2,
                lineHeight: lineHeight2,
                borderRadius,
                iconColorInfo,
                iconColorSuccess,
                iconColorWarning,
                iconColorError,
                iconColorLoading,
                closeIconSize,
                closeBorderRadius,
                [createKey("textColor", type)]: textColor,
                [createKey("boxShadow", type)]: boxShadow,
                [createKey("color", type)]: color,
                [createKey("closeColorHover", type)]: closeColorHover,
                [createKey("closeColorPressed", type)]: closeColorPressed,
                [createKey("closeIconColor", type)]: closeIconColor,
                [createKey("closeIconColorPressed", type)]: closeIconColorPressed,
                [createKey("closeIconColorHover", type)]: closeIconColorHover
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-margin": margin,
              "--n-padding": padding,
              "--n-max-width": maxWidth,
              "--n-font-size": fontSize2,
              "--n-icon-margin": iconMargin,
              "--n-icon-size": iconSize,
              "--n-close-icon-size": closeIconSize,
              "--n-close-border-radius": closeBorderRadius,
              "--n-close-size": closeSize,
              "--n-close-margin": closeMargin,
              "--n-text-color": textColor,
              "--n-color": color,
              "--n-box-shadow": boxShadow,
              "--n-icon-color-info": iconColorInfo,
              "--n-icon-color-success": iconColorSuccess,
              "--n-icon-color-warning": iconColorWarning,
              "--n-icon-color-error": iconColorError,
              "--n-icon-color-loading": iconColorLoading,
              "--n-close-color-hover": closeColorHover,
              "--n-close-color-pressed": closeColorPressed,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-line-height": lineHeight2,
              "--n-border-radius": borderRadius
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("message", vue.computed(() => props.type[0]), cssVarsRef, {}) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef,
            messageProviderProps: messageProviderProps2,
            handleClose() {
              var _a;
              (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
            },
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            placement: messageProviderProps2.placement
          };
        },
        render() {
          const {
            render: renderMessage,
            type,
            closable,
            content,
            mergedClsPrefix,
            cssVars,
            themeClass,
            onRender,
            icon,
            handleClose,
            showIcon
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          let iconNode;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-message-wrapper`, themeClass],
            onMouseenter: this.onMouseenter,
            onMouseleave: this.onMouseleave,
            style: [{
              alignItems: this.placement.startsWith("top") ? "flex-start" : "flex-end"
            }, cssVars]
          }, renderMessage ? renderMessage(this.$props) : vue.h("div", {
            class: [`${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type`, this.rtlEnabled && `${mergedClsPrefix}-message--rtl`]
          }, (iconNode = createIconVNode(icon, type, mergedClsPrefix)) && showIcon ? vue.h("div", {
            class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type`
          }, vue.h(NIconSwitchTransition, null, {
            default: () => iconNode
          })) : null, vue.h("div", {
            class: `${mergedClsPrefix}-message__content`
          }, render$1(content)), closable ? vue.h(NBaseClose, {
            clsPrefix: mergedClsPrefix,
            class: `${mergedClsPrefix}-message__close`,
            onClick: handleClose,
            absolute: true
          }) : null));
        }
      });
      function createIconVNode(icon, type, clsPrefix) {
        if (typeof icon === "function") {
          return icon();
        } else {
          const innerIcon = type === "loading" ? vue.h(NBaseLoading, {
            clsPrefix,
            strokeWidth: 24,
            scale: 0.85
          }) : iconRenderMap$2[type]();
          if (!innerIcon)
            return null;
          return vue.h(NBaseIcon, {
            clsPrefix,
            key: type
          }, {
            default: () => innerIcon
          });
        }
      }
      const MessageEnvironment = vue.defineComponent({
        name: "MessageEnvironment",
        props: Object.assign(Object.assign({}, messageProps), {
          duration: {
            type: Number,
            default: 3e3
          },
          onAfterLeave: Function,
          onLeave: Function,
          internalKey: {
            type: String,
            required: true
          },
          // private
          onInternalAfterLeave: Function,
          // deprecated
          onHide: Function,
          onAfterHide: Function
        }),
        setup(props) {
          let timerId = null;
          const showRef = vue.ref(true);
          vue.onMounted(() => {
            setHideTimeout();
          });
          function setHideTimeout() {
            const {
              duration: duration2
            } = props;
            if (duration2) {
              timerId = window.setTimeout(hide, duration2);
            }
          }
          function handleMouseenter(e) {
            if (e.currentTarget !== e.target)
              return;
            if (timerId !== null) {
              window.clearTimeout(timerId);
              timerId = null;
            }
          }
          function handleMouseleave(e) {
            if (e.currentTarget !== e.target)
              return;
            setHideTimeout();
          }
          function hide() {
            const {
              onHide
            } = props;
            showRef.value = false;
            if (timerId) {
              window.clearTimeout(timerId);
              timerId = null;
            }
            if (onHide)
              onHide();
          }
          function handleClose() {
            const {
              onClose
            } = props;
            if (onClose)
              onClose();
            hide();
          }
          function handleAfterLeave() {
            const {
              onAfterLeave,
              onInternalAfterLeave,
              onAfterHide,
              internalKey
            } = props;
            if (onAfterLeave)
              onAfterLeave();
            if (onInternalAfterLeave)
              onInternalAfterLeave(internalKey);
            if (onAfterHide)
              onAfterHide();
          }
          function deactivate() {
            hide();
          }
          return {
            show: showRef,
            hide,
            handleClose,
            handleAfterLeave,
            handleMouseleave,
            handleMouseenter,
            deactivate
          };
        },
        render() {
          return vue.h(NFadeInExpandTransition, {
            appear: true,
            onAfterLeave: this.handleAfterLeave,
            onLeave: this.onLeave
          }, {
            default: () => [this.show ? vue.h(NMessage, {
              content: this.content,
              type: this.type,
              icon: this.icon,
              showIcon: this.showIcon,
              closable: this.closable,
              onClose: this.handleClose,
              onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : void 0,
              onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : void 0
            }) : null]
          });
        }
      });
      const messageProviderProps = Object.assign(Object.assign({}, useTheme.props), {
        to: [String, Object],
        duration: {
          type: Number,
          default: 3e3
        },
        keepAliveOnHover: Boolean,
        max: Number,
        placement: {
          type: String,
          default: "top"
        },
        closable: Boolean,
        containerClass: String,
        containerStyle: [String, Object]
      });
      const NMessageProvider = vue.defineComponent({
        name: "MessageProvider",
        props: messageProviderProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const messageListRef = vue.ref([]);
          const messageRefs = vue.ref({});
          const api = {
            create(content, options) {
              return create2(content, Object.assign({
                type: "default"
              }, options));
            },
            info(content, options) {
              return create2(content, Object.assign(Object.assign({}, options), {
                type: "info"
              }));
            },
            success(content, options) {
              return create2(content, Object.assign(Object.assign({}, options), {
                type: "success"
              }));
            },
            warning(content, options) {
              return create2(content, Object.assign(Object.assign({}, options), {
                type: "warning"
              }));
            },
            error(content, options) {
              return create2(content, Object.assign(Object.assign({}, options), {
                type: "error"
              }));
            },
            loading(content, options) {
              return create2(content, Object.assign(Object.assign({}, options), {
                type: "loading"
              }));
            },
            destroyAll
          };
          vue.provide(messageProviderInjectionKey, {
            props,
            mergedClsPrefixRef
          });
          vue.provide(messageApiInjectionKey, api);
          function create2(content, options) {
            const key = createId();
            const messageReactive = vue.reactive(Object.assign(Object.assign({}, options), {
              content,
              key,
              destroy: () => {
                var _a;
                (_a = messageRefs.value[key]) === null || _a === void 0 ? void 0 : _a.hide();
              }
            }));
            const {
              max
            } = props;
            if (max && messageListRef.value.length >= max) {
              messageListRef.value.shift();
            }
            messageListRef.value.push(messageReactive);
            return messageReactive;
          }
          function handleAfterLeave(key) {
            messageListRef.value.splice(messageListRef.value.findIndex((message) => message.key === key), 1);
            delete messageRefs.value[key];
          }
          function destroyAll() {
            Object.values(messageRefs.value).forEach((messageInstRef) => {
              messageInstRef.hide();
            });
          }
          return Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            messageRefs,
            messageList: messageListRef,
            handleAfterLeave
          }, api);
        },
        render() {
          var _a, _b, _c;
          return vue.h(vue.Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a), this.messageList.length ? vue.h(vue.Teleport, {
            to: (_c = this.to) !== null && _c !== void 0 ? _c : "body"
          }, vue.h("div", {
            class: [`${this.mergedClsPrefix}-message-container`, `${this.mergedClsPrefix}-message-container--${this.placement}`, this.containerClass],
            key: "message-container",
            style: this.containerStyle
          }, this.messageList.map((message) => {
            return vue.h(MessageEnvironment, Object.assign({
              ref: (inst) => {
                if (inst) {
                  this.messageRefs[message.key] = inst;
                }
              },
              internalKey: message.key,
              onInternalAfterLeave: this.handleAfterLeave
            }, omit(message, ["destroy"], void 0), {
              duration: message.duration === void 0 ? this.duration : message.duration,
              keepAliveOnHover: message.keepAliveOnHover === void 0 ? this.keepAliveOnHover : message.keepAliveOnHover,
              closable: message.closable === void 0 ? this.closable : message.closable
            }));
          }))) : null);
        }
      });
      function useMessage() {
        const api = vue.inject(messageApiInjectionKey, null);
        if (api === null) {
          throwError("use-message", "No outer <n-message-provider /> founded. See prerequisite in https://www.naiveui.com/en-US/os-theme/components/message for more details. If you want to use `useMessage` outside setup, please check https://www.naiveui.com/zh-CN/os-theme/components/message#Q-&-A.");
        }
        return api;
      }
      const NModalEnvironment = vue.defineComponent({
        name: "ModalEnvironment",
        props: Object.assign(Object.assign({}, modalProps), {
          internalKey: {
            type: String,
            required: true
          },
          // private
          onInternalAfterLeave: {
            type: Function,
            required: true
          }
        }),
        setup(props) {
          const showRef = vue.ref(true);
          function handleAfterLeave() {
            const {
              onInternalAfterLeave,
              internalKey,
              onAfterLeave
            } = props;
            if (onInternalAfterLeave)
              onInternalAfterLeave(internalKey);
            if (onAfterLeave)
              onAfterLeave();
          }
          function handlePositiveClick() {
            const {
              onPositiveClick
            } = props;
            if (onPositiveClick) {
              void Promise.resolve(onPositiveClick()).then((result) => {
                if (result === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          function handleNegativeClick() {
            const {
              onNegativeClick
            } = props;
            if (onNegativeClick) {
              void Promise.resolve(onNegativeClick()).then((result) => {
                if (result === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          function handleCloseClick() {
            const {
              onClose
            } = props;
            if (onClose) {
              void Promise.resolve(onClose()).then((result) => {
                if (result === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          function handleMaskClick(e) {
            const {
              onMaskClick,
              maskClosable
            } = props;
            if (onMaskClick) {
              onMaskClick(e);
              maskClosable && hide();
            }
          }
          function handleEsc() {
            const {
              onEsc
            } = props;
            if (onEsc) {
              onEsc();
            }
          }
          function hide() {
            showRef.value = false;
          }
          function handleUpdateShow(value) {
            showRef.value = value;
          }
          return {
            show: showRef,
            hide,
            handleUpdateShow,
            handleAfterLeave,
            handleCloseClick,
            handleNegativeClick,
            handlePositiveClick,
            handleMaskClick,
            handleEsc
          };
        },
        render() {
          const {
            handleUpdateShow,
            handleAfterLeave,
            handleMaskClick,
            handleEsc,
            show
          } = this;
          return vue.h(NModal, Object.assign({}, this.$props, {
            show,
            onUpdateShow: handleUpdateShow,
            onMaskClick: handleMaskClick,
            onEsc: handleEsc,
            onAfterLeave: handleAfterLeave,
            internalAppear: true,
            internalModal: true
          }));
        }
      });
      const modalProviderInjectionKey = createInjectionKey("n-modal-provider");
      const modalApiInjectionKey = createInjectionKey("n-modal-api");
      const modalReactiveListInjectionKey = createInjectionKey("n-modal-reactive-list");
      const modalProviderProps = {
        to: [String, Object]
      };
      const NModalProvider = vue.defineComponent({
        name: "ModalProvider",
        props: modalProviderProps,
        setup() {
          const clickedRef = useClicked(64);
          const clickedPositionRef = useClickPosition();
          const modalListRef = vue.ref([]);
          const modalInstRefs = {};
          function create2(options = {}) {
            const key = createId();
            const modalReactive = vue.reactive(Object.assign(Object.assign({}, options), {
              key,
              destroy: () => {
                var _a;
                (_a = modalInstRefs[`n-modal-${key}`]) === null || _a === void 0 ? void 0 : _a.hide();
              }
            }));
            modalListRef.value.push(modalReactive);
            return modalReactive;
          }
          function handleAfterLeave(key) {
            const {
              value: modalList
            } = modalListRef;
            modalList.splice(modalList.findIndex((modal) => modal.key === key), 1);
          }
          function destroyAll() {
            Object.values(modalInstRefs).forEach((modalInstRef) => {
              modalInstRef === null || modalInstRef === void 0 ? void 0 : modalInstRef.hide();
            });
          }
          const api = {
            create: create2,
            destroyAll
          };
          vue.provide(modalApiInjectionKey, api);
          vue.provide(modalProviderInjectionKey, {
            clickedRef: useClicked(64),
            clickedPositionRef: useClickPosition()
          });
          vue.provide(modalReactiveListInjectionKey, modalListRef);
          vue.provide(modalProviderInjectionKey, {
            clickedRef,
            clickedPositionRef
          });
          return Object.assign(Object.assign({}, api), {
            modalList: modalListRef,
            modalInstRefs,
            handleAfterLeave
          });
        },
        render() {
          var _a, _b;
          return vue.h(vue.Fragment, null, [this.modalList.map((modal) => {
            var _a2;
            return vue.h(NModalEnvironment, omit(modal, ["destroy"], {
              to: (_a2 = modal.to) !== null && _a2 !== void 0 ? _a2 : this.to,
              ref: (inst) => {
                if (inst === null) {
                  delete this.modalInstRefs[`n-modal-${modal.key}`];
                } else {
                  this.modalInstRefs[`n-modal-${modal.key}`] = inst;
                }
              },
              internalKey: modal.key,
              onInternalAfterLeave: this.handleAfterLeave
            }));
          }), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)]);
        }
      });
      function useModal() {
        const modal = vue.inject(modalApiInjectionKey, null);
        if (modal === null) {
          throwError("use-modal", "No outer <n-modal-provider /> founded.");
        }
        return modal;
      }
      function useModalReactiveList() {
        const modalReactiveList = vue.inject(modalReactiveListInjectionKey, null);
        if (modalReactiveList === null) {
          throwError("use-modal-reactive-list", "No outer <n-modal-provider /> founded.");
        }
        return modalReactiveList;
      }
      const notificationProviderInjectionKey = createInjectionKey("n-notification-provider");
      const NotificationContainer = vue.defineComponent({
        name: "NotificationContainer",
        props: {
          scrollable: {
            type: Boolean,
            required: true
          },
          placement: {
            type: String,
            required: true
          }
        },
        setup() {
          const {
            mergedThemeRef,
            mergedClsPrefixRef,
            wipTransitionCountRef
          } = vue.inject(notificationProviderInjectionKey);
          const selfRef = vue.ref(null);
          vue.watchEffect(() => {
            var _a, _b;
            if (wipTransitionCountRef.value > 0) {
              (_a = selfRef === null || selfRef === void 0 ? void 0 : selfRef.value) === null || _a === void 0 ? void 0 : _a.classList.add("transitioning");
            } else {
              (_b = selfRef === null || selfRef === void 0 ? void 0 : selfRef.value) === null || _b === void 0 ? void 0 : _b.classList.remove("transitioning");
            }
          });
          return {
            selfRef,
            mergedTheme: mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            transitioning: wipTransitionCountRef
          };
        },
        render() {
          const {
            $slots,
            scrollable,
            mergedClsPrefix,
            mergedTheme,
            placement
          } = this;
          return vue.h("div", {
            ref: "selfRef",
            class: [`${mergedClsPrefix}-notification-container`, scrollable && `${mergedClsPrefix}-notification-container--scrollable`, `${mergedClsPrefix}-notification-container--${placement}`]
          }, scrollable ? vue.h(Scrollbar$2, {
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            contentStyle: {
              overflow: "hidden"
            }
          }, $slots) : $slots);
        }
      });
      const iconRenderMap$1 = {
        info: () => vue.h(InfoIcon, null),
        success: () => vue.h(SuccessIcon, null),
        warning: () => vue.h(WarningIcon, null),
        error: () => vue.h(ErrorIcon, null),
        default: () => null
      };
      const notificationProps = {
        closable: {
          type: Boolean,
          default: true
        },
        type: {
          type: String,
          default: "default"
        },
        avatar: Function,
        title: [String, Function],
        description: [String, Function],
        content: [String, Function],
        meta: [String, Function],
        action: [String, Function],
        onClose: {
          type: Function,
          required: true
        },
        keepAliveOnHover: Boolean,
        onMouseenter: Function,
        onMouseleave: Function
      };
      const notificationPropKeys = keysOf(notificationProps);
      const Notification = vue.defineComponent({
        name: "Notification",
        props: notificationProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedThemeRef,
            props: providerProps
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(notificationProviderInjectionKey);
          const {
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig();
          const rtlEnabledRef = useRtl("Notification", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              type
            } = props;
            const {
              self: {
                color,
                textColor,
                closeIconColor,
                closeIconColorHover,
                closeIconColorPressed,
                headerTextColor,
                descriptionTextColor,
                actionTextColor,
                borderRadius,
                headerFontWeight,
                boxShadow,
                lineHeight: lineHeight2,
                fontSize: fontSize2,
                closeMargin,
                closeSize,
                width,
                padding,
                closeIconSize,
                closeBorderRadius,
                closeColorHover,
                closeColorPressed,
                titleFontSize,
                metaFontSize,
                descriptionFontSize,
                [createKey("iconColor", type)]: iconColor
              },
              common: {
                cubicBezierEaseOut: cubicBezierEaseOut2,
                cubicBezierEaseIn: cubicBezierEaseIn2,
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = mergedThemeRef.value;
            const {
              left,
              right,
              top,
              bottom
            } = getMargin(padding);
            return {
              "--n-color": color,
              "--n-font-size": fontSize2,
              "--n-text-color": textColor,
              "--n-description-text-color": descriptionTextColor,
              "--n-action-text-color": actionTextColor,
              "--n-title-text-color": headerTextColor,
              "--n-title-font-weight": headerFontWeight,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-bezier-ease-out": cubicBezierEaseOut2,
              "--n-bezier-ease-in": cubicBezierEaseIn2,
              "--n-border-radius": borderRadius,
              "--n-box-shadow": boxShadow,
              "--n-close-border-radius": closeBorderRadius,
              "--n-close-color-hover": closeColorHover,
              "--n-close-color-pressed": closeColorPressed,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-line-height": lineHeight2,
              "--n-icon-color": iconColor,
              "--n-close-margin": closeMargin,
              "--n-close-size": closeSize,
              "--n-close-icon-size": closeIconSize,
              "--n-width": width,
              "--n-padding-left": left,
              "--n-padding-right": right,
              "--n-padding-top": top,
              "--n-padding-bottom": bottom,
              "--n-title-font-size": titleFontSize,
              "--n-meta-font-size": metaFontSize,
              "--n-description-font-size": descriptionFontSize
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("notification", vue.computed(() => props.type[0]), cssVarsRef, providerProps) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            showAvatar: vue.computed(() => {
              return props.avatar || props.type !== "default";
            }),
            handleCloseClick() {
              props.onClose();
            },
            rtlEnabled: rtlEnabledRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass],
            onMouseenter: this.onMouseenter,
            onMouseleave: this.onMouseleave,
            style: this.cssVars
          }, vue.h("div", {
            class: [`${mergedClsPrefix}-notification`, this.rtlEnabled && `${mergedClsPrefix}-notification--rtl`, this.themeClass, {
              [`${mergedClsPrefix}-notification--closable`]: this.closable,
              [`${mergedClsPrefix}-notification--show-avatar`]: this.showAvatar
            }],
            style: this.cssVars
          }, this.showAvatar ? vue.h("div", {
            class: `${mergedClsPrefix}-notification__avatar`
          }, this.avatar ? render$1(this.avatar) : this.type !== "default" ? vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: () => iconRenderMap$1[this.type]()
          }) : null) : null, this.closable ? vue.h(NBaseClose, {
            clsPrefix: mergedClsPrefix,
            class: `${mergedClsPrefix}-notification__close`,
            onClick: this.handleCloseClick
          }) : null, vue.h("div", {
            ref: "bodyRef",
            class: `${mergedClsPrefix}-notification-main`
          }, this.title ? vue.h("div", {
            class: `${mergedClsPrefix}-notification-main__header`
          }, render$1(this.title)) : null, this.description ? vue.h("div", {
            class: `${mergedClsPrefix}-notification-main__description`
          }, render$1(this.description)) : null, this.content ? vue.h("pre", {
            class: `${mergedClsPrefix}-notification-main__content`
          }, render$1(this.content)) : null, this.meta || this.action ? vue.h("div", {
            class: `${mergedClsPrefix}-notification-main-footer`
          }, this.meta ? vue.h("div", {
            class: `${mergedClsPrefix}-notification-main-footer__meta`
          }, render$1(this.meta)) : null, this.action ? vue.h("div", {
            class: `${mergedClsPrefix}-notification-main-footer__action`
          }, render$1(this.action)) : null) : null)));
        }
      });
      const notificationEnvOptions = Object.assign(Object.assign({}, notificationProps), {
        duration: Number,
        onClose: Function,
        onLeave: Function,
        onAfterEnter: Function,
        onAfterLeave: Function,
        /** @deprecated */
        onHide: Function,
        /** @deprecated */
        onAfterShow: Function,
        /** @deprecated */
        onAfterHide: Function
      });
      const NotificationEnvironment = vue.defineComponent({
        name: "NotificationEnvironment",
        props: Object.assign(Object.assign({}, notificationEnvOptions), {
          // private
          internalKey: {
            type: String,
            required: true
          },
          onInternalAfterLeave: {
            type: Function,
            required: true
          }
        }),
        setup(props) {
          const {
            wipTransitionCountRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(notificationProviderInjectionKey);
          const showRef = vue.ref(true);
          let timerId = null;
          function hide() {
            showRef.value = false;
            if (timerId) {
              window.clearTimeout(timerId);
            }
          }
          function handleBeforeEnter(el) {
            wipTransitionCountRef.value++;
            void vue.nextTick(() => {
              el.style.height = `${el.offsetHeight}px`;
              el.style.maxHeight = "0";
              el.style.transition = "none";
              void el.offsetHeight;
              el.style.transition = "";
              el.style.maxHeight = el.style.height;
            });
          }
          function handleAfterEnter(el) {
            wipTransitionCountRef.value--;
            el.style.height = "";
            el.style.maxHeight = "";
            const {
              onAfterEnter,
              onAfterShow
            } = props;
            if (onAfterEnter)
              onAfterEnter();
            if (onAfterShow)
              onAfterShow();
          }
          function handleBeforeLeave(el) {
            wipTransitionCountRef.value++;
            el.style.maxHeight = `${el.offsetHeight}px`;
            el.style.height = `${el.offsetHeight}px`;
            void el.offsetHeight;
          }
          function handleLeave(el) {
            const {
              onHide
            } = props;
            if (onHide)
              onHide();
            el.style.maxHeight = "0";
            void el.offsetHeight;
          }
          function handleAfterLeave() {
            wipTransitionCountRef.value--;
            const {
              onAfterLeave,
              onInternalAfterLeave,
              onAfterHide,
              internalKey
            } = props;
            if (onAfterLeave)
              onAfterLeave();
            onInternalAfterLeave(internalKey);
            if (onAfterHide)
              onAfterHide();
          }
          function setHideTimeout() {
            const {
              duration: duration2
            } = props;
            if (duration2) {
              timerId = window.setTimeout(hide, duration2);
            }
          }
          function handleMouseenter(e) {
            if (e.currentTarget !== e.target)
              return;
            if (timerId !== null) {
              window.clearTimeout(timerId);
              timerId = null;
            }
          }
          function handleMouseleave(e) {
            if (e.currentTarget !== e.target)
              return;
            setHideTimeout();
          }
          function handleClose() {
            const {
              onClose
            } = props;
            if (onClose) {
              void Promise.resolve(onClose()).then((feedback) => {
                if (feedback === false)
                  return;
                hide();
              });
            } else {
              hide();
            }
          }
          vue.onMounted(() => {
            if (props.duration) {
              timerId = window.setTimeout(hide, props.duration);
            }
          });
          return {
            show: showRef,
            hide,
            handleClose,
            handleAfterLeave,
            handleLeave,
            handleBeforeLeave,
            handleAfterEnter,
            handleBeforeEnter,
            handleMouseenter,
            handleMouseleave
          };
        },
        render() {
          return vue.h(vue.Transition, {
            name: "notification-transition",
            appear: true,
            // convert to any since Element is not compatible with HTMLElement
            onBeforeEnter: this.handleBeforeEnter,
            onAfterEnter: this.handleAfterEnter,
            onBeforeLeave: this.handleBeforeLeave,
            onLeave: this.handleLeave,
            onAfterLeave: this.handleAfterLeave
          }, {
            default: () => {
              return this.show ? vue.h(Notification, Object.assign({}, keep(this.$props, notificationPropKeys), {
                onClose: this.handleClose,
                onMouseenter: this.duration && this.keepAliveOnHover ? this.handleMouseenter : void 0,
                onMouseleave: this.duration && this.keepAliveOnHover ? this.handleMouseleave : void 0
              })) : null;
            }
          });
        }
      });
      const style$t = c$1([cB("notification-container", `
 z-index: 4000;
 position: fixed;
 overflow: visible;
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 `, [c$1(">", [cB("scrollbar", `
 width: initial;
 overflow: visible;
 height: -moz-fit-content !important;
 height: fit-content !important;
 max-height: 100vh !important;
 `, [c$1(">", [cB("scrollbar-container", `
 height: -moz-fit-content !important;
 height: fit-content !important;
 max-height: 100vh !important;
 `, [cB("scrollbar-content", `
 padding-top: 12px;
 padding-bottom: 33px;
 `)])])])]), cM("top, top-right, top-left", `
 top: 12px;
 `, [c$1("&.transitioning >", [cB("scrollbar", [c$1(">", [cB("scrollbar-container", `
 min-height: 100vh !important;
 `)])])])]), cM("bottom, bottom-right, bottom-left", `
 bottom: 12px;
 `, [c$1(">", [cB("scrollbar", [c$1(">", [cB("scrollbar-container", [cB("scrollbar-content", `
 padding-bottom: 12px;
 `)])])])]), cB("notification-wrapper", `
 display: flex;
 align-items: flex-end;
 margin-bottom: 0;
 margin-top: 12px;
 `)]), cM("top, bottom", `
 left: 50%;
 transform: translateX(-50%);
 `, [cB("notification-wrapper", [c$1("&.notification-transition-enter-from, &.notification-transition-leave-to", `
 transform: scale(0.85);
 `), c$1("&.notification-transition-leave-from, &.notification-transition-enter-to", `
 transform: scale(1);
 `)])]), cM("top", [cB("notification-wrapper", `
 transform-origin: top center;
 `)]), cM("bottom", [cB("notification-wrapper", `
 transform-origin: bottom center;
 `)]), cM("top-right, bottom-right", [cB("notification", `
 margin-left: 28px;
 margin-right: 16px;
 `)]), cM("top-left, bottom-left", [cB("notification", `
 margin-left: 16px;
 margin-right: 28px;
 `)]), cM("top-right", `
 right: 0;
 `, [placementTransformStyle("top-right")]), cM("top-left", `
 left: 0;
 `, [placementTransformStyle("top-left")]), cM("bottom-right", `
 right: 0;
 `, [placementTransformStyle("bottom-right")]), cM("bottom-left", `
 left: 0;
 `, [placementTransformStyle("bottom-left")]), cM("scrollable", [cM("top-right", `
 top: 0;
 `), cM("top-left", `
 top: 0;
 `), cM("bottom-right", `
 bottom: 0;
 `), cM("bottom-left", `
 bottom: 0;
 `)]), cB("notification-wrapper", `
 margin-bottom: 12px;
 `, [c$1("&.notification-transition-enter-from, &.notification-transition-leave-to", `
 opacity: 0;
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 `), c$1("&.notification-transition-leave-from, &.notification-transition-enter-to", `
 opacity: 1;
 `), c$1("&.notification-transition-leave-active", `
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 transform .3s var(--n-bezier-ease-in),
 max-height .3s var(--n-bezier),
 margin-top .3s linear,
 margin-bottom .3s linear,
 box-shadow .3s var(--n-bezier);
 `), c$1("&.notification-transition-enter-active", `
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 transform .3s var(--n-bezier-ease-out),
 max-height .3s var(--n-bezier),
 margin-top .3s linear,
 margin-bottom .3s linear,
 box-shadow .3s var(--n-bezier);
 `)]), cB("notification", `
 background-color: var(--n-color);
 color: var(--n-text-color);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 font-family: inherit;
 font-size: var(--n-font-size);
 font-weight: 400;
 position: relative;
 display: flex;
 overflow: hidden;
 flex-shrink: 0;
 padding-left: var(--n-padding-left);
 padding-right: var(--n-padding-right);
 width: var(--n-width);
 max-width: calc(100vw - 16px - 16px);
 border-radius: var(--n-border-radius);
 box-shadow: var(--n-box-shadow);
 box-sizing: border-box;
 opacity: 1;
 `, [cE("avatar", [cB("icon", `
 color: var(--n-icon-color);
 `), cB("base-icon", `
 color: var(--n-icon-color);
 `)]), cM("show-avatar", [cB("notification-main", `
 margin-left: 40px;
 width: calc(100% - 40px); 
 `)]), cM("closable", [cB("notification-main", [c$1("> *:first-child", `
 padding-right: 20px;
 `)]), cE("close", `
 position: absolute;
 top: 0;
 right: 0;
 margin: var(--n-close-margin);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `)]), cE("avatar", `
 position: absolute;
 top: var(--n-padding-top);
 left: var(--n-padding-left);
 width: 28px;
 height: 28px;
 font-size: 28px;
 display: flex;
 align-items: center;
 justify-content: center;
 `, [cB("icon", "transition: color .3s var(--n-bezier);")]), cB("notification-main", `
 padding-top: var(--n-padding-top);
 padding-bottom: var(--n-padding-bottom);
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 margin-left: 8px;
 width: calc(100% - 8px);
 `, [cB("notification-main-footer", `
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 12px;
 `, [cE("meta", `
 font-size: var(--n-meta-font-size);
 transition: color .3s var(--n-bezier-ease-out);
 color: var(--n-description-text-color);
 `), cE("action", `
 cursor: pointer;
 transition: color .3s var(--n-bezier-ease-out);
 color: var(--n-action-text-color);
 `)]), cE("header", `
 font-weight: var(--n-title-font-weight);
 font-size: var(--n-title-font-size);
 transition: color .3s var(--n-bezier-ease-out);
 color: var(--n-title-text-color);
 `), cE("description", `
 margin-top: 8px;
 font-size: var(--n-description-font-size);
 white-space: pre-wrap;
 word-wrap: break-word;
 transition: color .3s var(--n-bezier-ease-out);
 color: var(--n-description-text-color);
 `), cE("content", `
 line-height: var(--n-line-height);
 margin: 12px 0 0 0;
 font-family: inherit;
 white-space: pre-wrap;
 word-wrap: break-word;
 transition: color .3s var(--n-bezier-ease-out);
 color: var(--n-text-color);
 `, [c$1("&:first-child", "margin: 0;")])])])])]);
      function placementTransformStyle(placement) {
        const direction = placement.split("-")[1];
        const transformXEnter = direction === "left" ? "calc(-100%)" : "calc(100%)";
        const transformXLeave = "0";
        return cB("notification-wrapper", [c$1("&.notification-transition-enter-from, &.notification-transition-leave-to", `
 transform: translate(${transformXEnter}, 0);
 `), c$1("&.notification-transition-leave-from, &.notification-transition-enter-to", `
 transform: translate(${transformXLeave}, 0);
 `)]);
      }
      const notificationApiInjectionKey = createInjectionKey("n-notification-api");
      const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), {
        containerClass: String,
        containerStyle: [String, Object],
        to: [String, Object],
        scrollable: {
          type: Boolean,
          default: true
        },
        max: Number,
        placement: {
          type: String,
          default: "top-right"
        },
        keepAliveOnHover: Boolean
      });
      const NNotificationProvider = vue.defineComponent({
        name: "NotificationProvider",
        props: notificationProviderProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const notificationListRef = vue.ref([]);
          const notificationRefs = {};
          const leavingKeySet = /* @__PURE__ */ new Set();
          function create2(options) {
            const key = createId();
            const destroy = () => {
              leavingKeySet.add(key);
              if (notificationRefs[key]) {
                notificationRefs[key].hide();
              }
            };
            const notificationReactive = vue.reactive(Object.assign(Object.assign({}, options), {
              key,
              destroy,
              hide: destroy,
              deactivate: destroy
            }));
            const {
              max
            } = props;
            if (max && notificationListRef.value.length - leavingKeySet.size >= max) {
              let someoneMountedRemoved = false;
              let index = 0;
              for (const notification of notificationListRef.value) {
                if (!leavingKeySet.has(notification.key)) {
                  if (notificationRefs[notification.key]) {
                    notification.destroy();
                    someoneMountedRemoved = true;
                  }
                  break;
                }
                index++;
              }
              if (!someoneMountedRemoved) {
                notificationListRef.value.splice(index, 1);
              }
            }
            notificationListRef.value.push(notificationReactive);
            return notificationReactive;
          }
          const apis = ["info", "success", "warning", "error"].map((type) => {
            return (options) => create2(Object.assign(Object.assign({}, options), {
              type
            }));
          });
          function handleAfterLeave(key) {
            leavingKeySet.delete(key);
            notificationListRef.value.splice(notificationListRef.value.findIndex((notification) => notification.key === key), 1);
          }
          const themeRef = useTheme("Notification", "-notification", style$t, notificationLight, props, mergedClsPrefixRef);
          const api = {
            create: create2,
            info: apis[0],
            success: apis[1],
            warning: apis[2],
            error: apis[3],
            open,
            destroyAll
          };
          const wipTransitionCountRef = vue.ref(0);
          vue.provide(notificationApiInjectionKey, api);
          vue.provide(notificationProviderInjectionKey, {
            props,
            mergedClsPrefixRef,
            mergedThemeRef: themeRef,
            wipTransitionCountRef
          });
          function open(options) {
            return create2(options);
          }
          function destroyAll() {
            Object.values(notificationListRef.value).forEach((notification) => {
              notification.hide();
            });
          }
          return Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            notificationList: notificationListRef,
            notificationRefs,
            handleAfterLeave
          }, api);
        },
        render() {
          var _a, _b, _c;
          const {
            placement
          } = this;
          return vue.h(vue.Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a), this.notificationList.length ? vue.h(vue.Teleport, {
            to: (_c = this.to) !== null && _c !== void 0 ? _c : "body"
          }, vue.h(NotificationContainer, {
            class: this.containerClass,
            style: this.containerStyle,
            scrollable: this.scrollable && placement !== "top" && placement !== "bottom",
            placement
          }, {
            default: () => {
              return this.notificationList.map((notification) => {
                return vue.h(NotificationEnvironment, Object.assign({
                  ref: (inst) => {
                    const refKey = notification.key;
                    if (inst === null) {
                      delete this.notificationRefs[refKey];
                    } else
                      this.notificationRefs[refKey] = inst;
                  }
                }, omit(notification, ["destroy", "hide", "deactivate"]), {
                  internalKey: notification.key,
                  onInternalAfterLeave: this.handleAfterLeave,
                  keepAliveOnHover: notification.keepAliveOnHover === void 0 ? this.keepAliveOnHover : notification.keepAliveOnHover
                }));
              });
            }
          })) : null);
        }
      });
      function useNotification() {
        const api = vue.inject(notificationApiInjectionKey, null);
        if (api === null) {
          throwError("use-notification", "No outer `n-notification-provider` found.");
        }
        return api;
      }
      const style$s = c$1([cB("page-header-header", `
 margin-bottom: 20px;
 `), cB("page-header", `
 display: flex;
 align-items: center;
 justify-content: space-between;
 line-height: 1.5;
 font-size: var(--n-font-size);
 `, [cE("main", `
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 `), cE("back", `
 display: flex;
 margin-right: 16px;
 font-size: var(--n-back-size);
 cursor: pointer;
 color: var(--n-back-color);
 transition: color .3s var(--n-bezier);
 `, [c$1("&:hover", "color: var(--n-back-color-hover);"), c$1("&:active", "color: var(--n-back-color-pressed);")]), cE("avatar", `
 display: flex;
 margin-right: 12px
 `), cE("title", `
 margin-right: 16px;
 transition: color .3s var(--n-bezier);
 font-size: var(--n-title-font-size);
 font-weight: var(--n-title-font-weight);
 color: var(--n-title-text-color);
 `), cE("subtitle", `
 font-size: 14px;
 transition: color .3s var(--n-bezier);
 color: var(--n-subtitle-text-color);
 `)]), cB("page-header-content", `
 font-size: var(--n-font-size);
 `, [c$1("&:not(:first-child)", "margin-top: 20px;")]), cB("page-header-footer", `
 font-size: var(--n-font-size);
 `, [c$1("&:not(:first-child)", "margin-top: 20px;")])]);
      const pageHeaderProps = Object.assign(Object.assign({}, useTheme.props), {
        title: String,
        subtitle: String,
        extra: String,
        onBack: Function
      });
      const PageHeader = vue.defineComponent({
        name: "PageHeader",
        props: pageHeaderProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("PageHeader", "-page-header", style$s, pageHeaderLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("PageHeader", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                titleTextColor,
                subtitleTextColor,
                backColor,
                fontSize: fontSize2,
                titleFontSize,
                backSize,
                titleFontWeight,
                backColorHover,
                backColorPressed
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-title-text-color": titleTextColor,
              "--n-title-font-size": titleFontSize,
              "--n-title-font-weight": titleFontWeight,
              "--n-font-size": fontSize2,
              "--n-back-size": backSize,
              "--n-subtitle-text-color": subtitleTextColor,
              "--n-back-color": backColor,
              "--n-back-color-hover": backColorHover,
              "--n-back-color-pressed": backColorPressed,
              "--n-bezier": cubicBezierEaseInOut2
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("page-header", void 0, cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            onBack,
            title,
            subtitle,
            extra,
            mergedClsPrefix,
            cssVars,
            $slots
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          const {
            title: titleSlot,
            subtitle: subtitleSlot,
            extra: extraSlot,
            default: defaultSlot,
            header: headerSlot,
            avatar: avatarSlot,
            footer: footerSlot,
            back: backSlot
          } = $slots;
          const showBack = onBack;
          const showTitle = title || titleSlot;
          const showSubtitle = subtitle || subtitleSlot;
          const showExtra = extra || extraSlot;
          return vue.h("div", {
            style: cssVars,
            class: [`${mergedClsPrefix}-page-header-wrapper`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`]
          }, headerSlot ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header-header`,
            key: "breadcrumb"
          }, headerSlot()) : null, (showBack || avatarSlot || showTitle || showSubtitle || showExtra) && vue.h("div", {
            class: `${mergedClsPrefix}-page-header`,
            key: "header"
          }, vue.h("div", {
            class: `${mergedClsPrefix}-page-header__main`,
            key: "back"
          }, showBack ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header__back`,
            onClick: onBack
          }, backSlot ? backSlot() : vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: () => vue.h(ArrowBackIcon, null)
          })) : null, avatarSlot ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header__avatar`
          }, avatarSlot()) : null, showTitle ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header__title`,
            key: "title"
          }, title || titleSlot()) : null, showSubtitle ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header__subtitle`,
            key: "subtitle"
          }, subtitle || subtitleSlot()) : null), showExtra ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header__extra`
          }, extra || extraSlot()) : null), defaultSlot ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header-content`,
            key: "content"
          }, defaultSlot()) : null, footerSlot ? vue.h("div", {
            class: `${mergedClsPrefix}-page-header-footer`,
            key: "footer"
          }, footerSlot()) : null);
        }
      });
      const popconfirmInjectionKey = createInjectionKey("n-popconfirm");
      const panelProps = {
        positiveText: String,
        negativeText: String,
        showIcon: {
          type: Boolean,
          default: true
        },
        onPositiveClick: {
          type: Function,
          required: true
        },
        onNegativeClick: {
          type: Function,
          required: true
        }
      };
      const panelPropKeys = keysOf(panelProps);
      const PopconfirmPanel = vue.defineComponent({
        name: "NPopconfirmPanel",
        props: panelProps,
        setup(props) {
          const {
            localeRef
          } = useLocale("Popconfirm");
          const {
            inlineThemeDisabled
          } = useConfig();
          const {
            mergedClsPrefixRef,
            mergedThemeRef,
            props: popconfirmProps2
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(popconfirmInjectionKey);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                fontSize: fontSize2,
                iconSize,
                iconColor
              }
            } = mergedThemeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-icon-size": iconSize,
              "--n-icon-color": iconColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("popconfirm-panel", void 0, cssVarsRef, popconfirmProps2) : void 0;
          return Object.assign(Object.assign({}, useLocale("Popconfirm")), {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            localizedPositiveText: vue.computed(() => {
              return props.positiveText || localeRef.value.positiveText;
            }),
            localizedNegativeText: vue.computed(() => {
              return props.negativeText || localeRef.value.negativeText;
            }),
            positiveButtonProps: vue.toRef(popconfirmProps2, "positiveButtonProps"),
            negativeButtonProps: vue.toRef(popconfirmProps2, "negativeButtonProps"),
            handlePositiveClick(e) {
              props.onPositiveClick(e);
            },
            handleNegativeClick(e) {
              props.onNegativeClick(e);
            },
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            showIcon,
            $slots
          } = this;
          const actionContentNode = resolveSlot($slots.action, () => this.negativeText === null && this.positiveText === null ? [] : [this.negativeText !== null && vue.h(NButton, Object.assign({
            size: "small",
            onClick: this.handleNegativeClick
          }, this.negativeButtonProps), {
            default: () => this.localizedNegativeText
          }), this.positiveText !== null && vue.h(NButton, Object.assign({
            size: "small",
            type: "primary",
            onClick: this.handlePositiveClick
          }, this.positiveButtonProps), {
            default: () => this.localizedPositiveText
          })]);
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-popconfirm__panel`, this.themeClass],
            style: this.cssVars
          }, resolveWrappedSlot($slots.default, (children) => showIcon || children ? vue.h("div", {
            class: `${mergedClsPrefix}-popconfirm__body`
          }, showIcon ? vue.h("div", {
            class: `${mergedClsPrefix}-popconfirm__icon`
          }, resolveSlot($slots.icon, () => [vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: () => vue.h(WarningIcon, null)
          })])) : null, children) : null), actionContentNode ? vue.h("div", {
            class: [`${mergedClsPrefix}-popconfirm__action`]
          }, actionContentNode) : null);
        }
      });
      const style$r = cB("popconfirm", [cE("body", `
 font-size: var(--n-font-size);
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 position: relative;
 `, [cE("icon", `
 display: flex;
 font-size: var(--n-icon-size);
 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 margin: 0 8px 0 0;
 `)]), cE("action", `
 display: flex;
 justify-content: flex-end;
 `, [c$1("&:not(:first-child)", "margin-top: 8px"), cB("button", [c$1("&:not(:last-child)", "margin-right: 8px;")])])]);
      const popconfirmProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), popoverBaseProps), {
        positiveText: String,
        negativeText: String,
        showIcon: {
          type: Boolean,
          default: true
        },
        trigger: {
          type: String,
          default: "click"
        },
        positiveButtonProps: Object,
        negativeButtonProps: Object,
        onPositiveClick: Function,
        onNegativeClick: Function
      });
      const Popconfirm = vue.defineComponent({
        name: "Popconfirm",
        props: popconfirmProps,
        __popover__: true,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig();
          const themeRef = useTheme("Popconfirm", "-popconfirm", style$r, popconfirmLight, props, mergedClsPrefixRef);
          const popoverInstRef = vue.ref(null);
          function handlePositiveClick(e) {
            var _a;
            if (!((_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.getMergedShow()))
              return;
            const {
              onPositiveClick,
              "onUpdate:show": onUpdateShow
            } = props;
            void Promise.resolve(onPositiveClick ? onPositiveClick(e) : true).then((value) => {
              var _a2;
              if (value === false)
                return;
              (_a2 = popoverInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.setShow(false);
              if (onUpdateShow)
                call(onUpdateShow, false);
            });
          }
          function handleNegativeClick(e) {
            var _a;
            if (!((_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.getMergedShow()))
              return;
            const {
              onNegativeClick,
              "onUpdate:show": onUpdateShow
            } = props;
            void Promise.resolve(onNegativeClick ? onNegativeClick(e) : true).then((value) => {
              var _a2;
              if (value === false)
                return;
              (_a2 = popoverInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.setShow(false);
              if (onUpdateShow)
                call(onUpdateShow, false);
            });
          }
          vue.provide(popconfirmInjectionKey, {
            mergedThemeRef: themeRef,
            mergedClsPrefixRef,
            props
          });
          const returned = {
            setShow(value) {
              var _a;
              (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.setShow(value);
            },
            syncPosition() {
              var _a;
              (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
            },
            mergedTheme: themeRef,
            popoverInstRef,
            handlePositiveClick,
            handleNegativeClick
          };
          return returned;
        },
        render() {
          const {
            $slots: slots,
            $props: props,
            mergedTheme
          } = this;
          return vue.h(NPopover, omit(props, panelPropKeys, {
            theme: mergedTheme.peers.Popover,
            themeOverrides: mergedTheme.peerOverrides.Popover,
            internalExtraClass: ["popconfirm"],
            ref: "popoverInstRef"
          }), {
            trigger: slots.activator || slots.trigger,
            default: () => {
              const panelProps2 = keep(props, panelPropKeys);
              return vue.h(PopconfirmPanel, Object.assign(Object.assign({}, panelProps2), {
                onPositiveClick: this.handlePositiveClick,
                onNegativeClick: this.handleNegativeClick
              }), slots);
            }
          });
        }
      });
      const style$q = c$1([cB("progress", {
        display: "inline-block"
      }, [cB("progress-icon", `
 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 `), cM("line", `
 width: 100%;
 display: block;
 `, [cB("progress-content", `
 display: flex;
 align-items: center;
 `, [cB("progress-graph", {
        flex: 1
      })]), cB("progress-custom-content", {
        marginLeft: "14px"
      }), cB("progress-icon", `
 width: 30px;
 padding-left: 14px;
 height: var(--n-icon-size-line);
 line-height: var(--n-icon-size-line);
 font-size: var(--n-icon-size-line);
 `, [cM("as-text", `
 color: var(--n-text-color-line-outer);
 text-align: center;
 width: 40px;
 font-size: var(--n-font-size);
 padding-left: 4px;
 transition: color .3s var(--n-bezier);
 `)])]), cM("circle, dashboard", {
        width: "120px"
      }, [cB("progress-custom-content", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 `), cB("progress-text", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 display: flex;
 align-items: center;
 color: inherit;
 font-size: var(--n-font-size-circle);
 color: var(--n-text-color-circle);
 font-weight: var(--n-font-weight-circle);
 transition: color .3s var(--n-bezier);
 white-space: nowrap;
 `), cB("progress-icon", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 display: flex;
 align-items: center;
 color: var(--n-icon-color);
 font-size: var(--n-icon-size-circle);
 `)]), cM("multiple-circle", `
 width: 200px;
 color: inherit;
 `, [cB("progress-text", `
 font-weight: var(--n-font-weight-circle);
 color: var(--n-text-color-circle);
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 transition: color .3s var(--n-bezier);
 `)]), cB("progress-content", {
        position: "relative"
      }), cB("progress-graph", {
        position: "relative"
      }, [cB("progress-graph-circle", [c$1("svg", {
        verticalAlign: "bottom"
      }), cB("progress-graph-circle-fill", `
 stroke: var(--n-fill-color);
 transition:
 opacity .3s var(--n-bezier),
 stroke .3s var(--n-bezier),
 stroke-dasharray .3s var(--n-bezier);
 `, [cM("empty", {
        opacity: 0
      })]), cB("progress-graph-circle-rail", `
 transition: stroke .3s var(--n-bezier);
 overflow: hidden;
 stroke: var(--n-rail-color);
 `)]), cB("progress-graph-line", [cM("indicator-inside", [cB("progress-graph-line-rail", `
 height: 16px;
 line-height: 16px;
 border-radius: 10px;
 `, [cB("progress-graph-line-fill", `
 height: inherit;
 border-radius: 10px;
 `), cB("progress-graph-line-indicator", `
 background: #0000;
 white-space: nowrap;
 text-align: right;
 margin-left: 14px;
 margin-right: 14px;
 height: inherit;
 font-size: 12px;
 color: var(--n-text-color-line-inner);
 transition: color .3s var(--n-bezier);
 `)])]), cM("indicator-inside-label", `
 height: 16px;
 display: flex;
 align-items: center;
 `, [cB("progress-graph-line-rail", `
 flex: 1;
 transition: background-color .3s var(--n-bezier);
 `), cB("progress-graph-line-indicator", `
 background: var(--n-fill-color);
 font-size: 12px;
 transform: translateZ(0);
 display: flex;
 vertical-align: middle;
 height: 16px;
 line-height: 16px;
 padding: 0 10px;
 border-radius: 10px;
 position: absolute;
 white-space: nowrap;
 color: var(--n-text-color-line-inner);
 transition:
 right .2s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `)]), cB("progress-graph-line-rail", `
 position: relative;
 overflow: hidden;
 height: var(--n-rail-height);
 border-radius: 5px;
 background-color: var(--n-rail-color);
 transition: background-color .3s var(--n-bezier);
 `, [cB("progress-graph-line-fill", `
 background: var(--n-fill-color);
 position: relative;
 border-radius: 5px;
 height: inherit;
 width: 100%;
 max-width: 0%;
 transition:
 background-color .3s var(--n-bezier),
 max-width .2s var(--n-bezier);
 `, [cM("processing", [c$1("&::after", `
 content: "";
 background-image: var(--n-line-bg-processing);
 animation: progress-processing-animation 2s var(--n-bezier) infinite;
 `)])])])])])]), c$1("@keyframes progress-processing-animation", `
 0% {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 100%;
 opacity: 1;
 }
 66% {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 opacity: 0;
 }
 100% {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 opacity: 0;
 }
 `)]);
      const iconMap$1 = {
        success: vue.h(SuccessIcon, null),
        error: vue.h(ErrorIcon, null),
        warning: vue.h(WarningIcon, null),
        info: vue.h(InfoIcon, null)
      };
      const Line = vue.defineComponent({
        name: "ProgressLine",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          percentage: {
            type: Number,
            default: 0
          },
          railColor: String,
          railStyle: [String, Object],
          fillColor: String,
          status: {
            type: String,
            required: true
          },
          indicatorPlacement: {
            type: String,
            required: true
          },
          indicatorTextColor: String,
          unit: {
            type: String,
            default: "%"
          },
          processing: {
            type: Boolean,
            required: true
          },
          showIndicator: {
            type: Boolean,
            required: true
          },
          height: [String, Number],
          railBorderRadius: [String, Number],
          fillBorderRadius: [String, Number]
        },
        setup(props, {
          slots
        }) {
          const styleHeightRef = vue.computed(() => {
            return formatLength(props.height);
          });
          const styleRailBorderRadiusRef = vue.computed(() => {
            if (props.railBorderRadius !== void 0) {
              return formatLength(props.railBorderRadius);
            }
            if (props.height !== void 0) {
              return formatLength(props.height, {
                c: 0.5
              });
            }
            return "";
          });
          const styleFillBorderRadiusRef = vue.computed(() => {
            if (props.fillBorderRadius !== void 0) {
              return formatLength(props.fillBorderRadius);
            }
            if (props.railBorderRadius !== void 0) {
              return formatLength(props.railBorderRadius);
            }
            if (props.height !== void 0) {
              return formatLength(props.height, {
                c: 0.5
              });
            }
            return "";
          });
          return () => {
            const {
              indicatorPlacement,
              railColor,
              railStyle,
              percentage,
              unit,
              indicatorTextColor,
              status,
              showIndicator,
              fillColor,
              processing,
              clsPrefix
            } = props;
            return vue.h("div", {
              class: `${clsPrefix}-progress-content`,
              role: "none"
            }, vue.h("div", {
              class: `${clsPrefix}-progress-graph`,
              "aria-hidden": true
            }, vue.h("div", {
              class: [`${clsPrefix}-progress-graph-line`, {
                [`${clsPrefix}-progress-graph-line--indicator-${indicatorPlacement}`]: true
              }]
            }, vue.h("div", {
              class: `${clsPrefix}-progress-graph-line-rail`,
              style: [{
                backgroundColor: railColor,
                height: styleHeightRef.value,
                borderRadius: styleRailBorderRadiusRef.value
              }, railStyle]
            }, vue.h("div", {
              class: [`${clsPrefix}-progress-graph-line-fill`, processing && `${clsPrefix}-progress-graph-line-fill--processing`],
              style: {
                maxWidth: `${props.percentage}%`,
                backgroundColor: fillColor,
                height: styleHeightRef.value,
                lineHeight: styleHeightRef.value,
                borderRadius: styleFillBorderRadiusRef.value
              }
            }, indicatorPlacement === "inside" ? vue.h("div", {
              class: `${clsPrefix}-progress-graph-line-indicator`,
              style: {
                color: indicatorTextColor
              }
            }, slots.default ? slots.default() : `${percentage}${unit}`) : null)))), showIndicator && indicatorPlacement === "outside" ? vue.h("div", null, slots.default ? vue.h("div", {
              class: `${clsPrefix}-progress-custom-content`,
              style: {
                color: indicatorTextColor
              },
              role: "none"
            }, slots.default()) : status === "default" ? vue.h("div", {
              role: "none",
              class: `${clsPrefix}-progress-icon ${clsPrefix}-progress-icon--as-text`,
              style: {
                color: indicatorTextColor
              }
            }, percentage, unit) : vue.h("div", {
              class: `${clsPrefix}-progress-icon`,
              "aria-hidden": true
            }, vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => iconMap$1[status]
            }))) : null);
          };
        }
      });
      const iconMap = {
        success: vue.h(SuccessIcon, null),
        error: vue.h(ErrorIcon, null),
        warning: vue.h(WarningIcon, null),
        info: vue.h(InfoIcon, null)
      };
      const Circle = vue.defineComponent({
        name: "ProgressCircle",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          status: {
            type: String,
            required: true
          },
          strokeWidth: {
            type: Number,
            required: true
          },
          fillColor: String,
          railColor: String,
          railStyle: [String, Object],
          percentage: {
            type: Number,
            default: 0
          },
          offsetDegree: {
            type: Number,
            default: 0
          },
          showIndicator: {
            type: Boolean,
            required: true
          },
          indicatorTextColor: String,
          unit: String,
          viewBoxWidth: {
            type: Number,
            required: true
          },
          gapDegree: {
            type: Number,
            required: true
          },
          gapOffsetDegree: {
            type: Number,
            default: 0
          }
        },
        setup(props, {
          slots
        }) {
          function getPathStyles(percent2, offsetDegree, strokeColor) {
            const {
              gapDegree,
              viewBoxWidth,
              strokeWidth
            } = props;
            const radius = 50;
            const beginPositionX = 0;
            const beginPositionY = radius;
            const endPositionX = 0;
            const endPositionY = 2 * radius;
            const centerX = 50 + strokeWidth / 2;
            const pathString = `M ${centerX},${centerX} m ${beginPositionX},${beginPositionY}
      a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY}
      a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;
            const len2 = Math.PI * 2 * radius;
            const pathStyle = {
              stroke: strokeColor,
              strokeDasharray: `${percent2 / 100 * (len2 - gapDegree)}px ${viewBoxWidth * 8}px`,
              strokeDashoffset: `-${gapDegree / 2}px`,
              transformOrigin: offsetDegree ? "center" : void 0,
              transform: offsetDegree ? `rotate(${offsetDegree}deg)` : void 0
            };
            return {
              pathString,
              pathStyle
            };
          }
          return () => {
            const {
              fillColor,
              railColor,
              strokeWidth,
              offsetDegree,
              status,
              percentage,
              showIndicator,
              indicatorTextColor,
              unit,
              gapOffsetDegree,
              clsPrefix
            } = props;
            const {
              pathString: railPathString,
              pathStyle: railPathStyle
            } = getPathStyles(100, 0, railColor);
            const {
              pathString: fillPathString,
              pathStyle: fillPathStyle
            } = getPathStyles(percentage, offsetDegree, fillColor);
            const viewBoxSize = 100 + strokeWidth;
            return vue.h("div", {
              class: `${clsPrefix}-progress-content`,
              role: "none"
            }, vue.h("div", {
              class: `${clsPrefix}-progress-graph`,
              "aria-hidden": true
            }, vue.h("div", {
              class: `${clsPrefix}-progress-graph-circle`,
              style: {
                transform: gapOffsetDegree ? `rotate(${gapOffsetDegree}deg)` : void 0
              }
            }, vue.h("svg", {
              viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`
            }, vue.h("g", null, vue.h("path", {
              class: `${clsPrefix}-progress-graph-circle-rail`,
              d: railPathString,
              "stroke-width": strokeWidth,
              "stroke-linecap": "round",
              fill: "none",
              style: railPathStyle
            })), vue.h("g", null, vue.h("path", {
              class: [`${clsPrefix}-progress-graph-circle-fill`, percentage === 0 && `${clsPrefix}-progress-graph-circle-fill--empty`],
              d: fillPathString,
              "stroke-width": strokeWidth,
              "stroke-linecap": "round",
              fill: "none",
              style: fillPathStyle
            }))))), showIndicator ? vue.h("div", null, slots.default ? vue.h("div", {
              class: `${clsPrefix}-progress-custom-content`,
              role: "none"
            }, slots.default()) : status !== "default" ? vue.h("div", {
              class: `${clsPrefix}-progress-icon`,
              "aria-hidden": true
            }, vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => iconMap[status]
            })) : vue.h("div", {
              class: `${clsPrefix}-progress-text`,
              style: {
                color: indicatorTextColor
              },
              role: "none"
            }, vue.h("span", {
              class: `${clsPrefix}-progress-text__percentage`
            }, percentage), vue.h("span", {
              class: `${clsPrefix}-progress-text__unit`
            }, unit))) : null);
          };
        }
      });
      function circlePath(r, sw, vw = 100) {
        return `m ${vw / 2} ${vw / 2 - r} a ${r} ${r} 0 1 1 0 ${2 * r} a ${r} ${r} 0 1 1 0 -${2 * r}`;
      }
      const MultipleCircle = vue.defineComponent({
        name: "ProgressMultipleCircle",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          viewBoxWidth: {
            type: Number,
            required: true
          },
          percentage: {
            type: Array,
            default: [0]
          },
          strokeWidth: {
            type: Number,
            required: true
          },
          circleGap: {
            type: Number,
            required: true
          },
          showIndicator: {
            type: Boolean,
            required: true
          },
          fillColor: {
            type: Array,
            default: () => []
          },
          railColor: {
            type: Array,
            default: () => []
          },
          railStyle: {
            type: Array,
            default: () => []
          }
        },
        setup(props, {
          slots
        }) {
          const strokeDasharrayRef = vue.computed(() => {
            const strokeDasharrays = props.percentage.map((v, i) => `${Math.PI * v / 100 * (props.viewBoxWidth / 2 - props.strokeWidth / 2 * (1 + 2 * i) - props.circleGap * i) * 2}, ${props.viewBoxWidth * 8}`);
            return strokeDasharrays;
          });
          return () => {
            const {
              viewBoxWidth,
              strokeWidth,
              circleGap,
              showIndicator,
              fillColor,
              railColor,
              railStyle,
              percentage,
              clsPrefix
            } = props;
            return vue.h("div", {
              class: `${clsPrefix}-progress-content`,
              role: "none"
            }, vue.h("div", {
              class: `${clsPrefix}-progress-graph`,
              "aria-hidden": true
            }, vue.h("div", {
              class: `${clsPrefix}-progress-graph-circle`
            }, vue.h("svg", {
              viewBox: `0 0 ${viewBoxWidth} ${viewBoxWidth}`
            }, percentage.map((p2, index) => {
              return vue.h("g", {
                key: index
              }, vue.h("path", {
                class: `${clsPrefix}-progress-graph-circle-rail`,
                d: circlePath(viewBoxWidth / 2 - strokeWidth / 2 * (1 + 2 * index) - circleGap * index, strokeWidth, viewBoxWidth),
                "stroke-width": strokeWidth,
                "stroke-linecap": "round",
                fill: "none",
                style: [{
                  strokeDashoffset: 0,
                  stroke: railColor[index]
                }, railStyle[index]]
              }), vue.h("path", {
                class: [`${clsPrefix}-progress-graph-circle-fill`, p2 === 0 && `${clsPrefix}-progress-graph-circle-fill--empty`],
                d: circlePath(viewBoxWidth / 2 - strokeWidth / 2 * (1 + 2 * index) - circleGap * index, strokeWidth, viewBoxWidth),
                "stroke-width": strokeWidth,
                "stroke-linecap": "round",
                fill: "none",
                style: {
                  strokeDasharray: strokeDasharrayRef.value[index],
                  strokeDashoffset: 0,
                  stroke: fillColor[index]
                }
              }));
            })))), showIndicator && slots.default ? vue.h("div", null, vue.h("div", {
              class: `${clsPrefix}-progress-text`
            }, slots.default())) : null);
          };
        }
      });
      const progressProps = Object.assign(Object.assign({}, useTheme.props), {
        processing: Boolean,
        type: {
          type: String,
          default: "line"
        },
        gapDegree: Number,
        gapOffsetDegree: Number,
        status: {
          type: String,
          default: "default"
        },
        railColor: [String, Array],
        railStyle: [String, Array],
        color: [String, Array],
        viewBoxWidth: {
          type: Number,
          default: 100
        },
        strokeWidth: {
          type: Number,
          default: 7
        },
        percentage: [Number, Array],
        unit: {
          type: String,
          default: "%"
        },
        showIndicator: {
          type: Boolean,
          default: true
        },
        indicatorPosition: {
          type: String,
          default: "outside"
        },
        indicatorPlacement: {
          type: String,
          default: "outside"
        },
        indicatorTextColor: String,
        circleGap: {
          type: Number,
          default: 1
        },
        height: Number,
        borderRadius: [String, Number],
        fillBorderRadius: [String, Number],
        offsetDegree: Number
      });
      const NProgress = vue.defineComponent({
        name: "Progress",
        props: progressProps,
        setup(props) {
          const mergedIndicatorPlacementRef = vue.computed(() => {
            return props.indicatorPlacement || props.indicatorPosition;
          });
          const gapDeg = vue.computed(() => {
            if (props.gapDegree || props.gapDegree === 0) {
              return props.gapDegree;
            }
            if (props.type === "dashboard") {
              return 75;
            }
            return void 0;
          });
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Progress", "-progress", style$q, progressLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              status
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                fontSize: fontSize2,
                fontSizeCircle,
                railColor,
                railHeight,
                iconSizeCircle,
                iconSizeLine,
                textColorCircle,
                textColorLineInner,
                textColorLineOuter,
                lineBgProcessing,
                fontWeightCircle,
                [createKey("iconColor", status)]: iconColor,
                [createKey("fillColor", status)]: fillColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-fill-color": fillColor,
              "--n-font-size": fontSize2,
              "--n-font-size-circle": fontSizeCircle,
              "--n-font-weight-circle": fontWeightCircle,
              "--n-icon-color": iconColor,
              "--n-icon-size-circle": iconSizeCircle,
              "--n-icon-size-line": iconSizeLine,
              "--n-line-bg-processing": lineBgProcessing,
              "--n-rail-color": railColor,
              "--n-rail-height": railHeight,
              "--n-text-color-circle": textColorCircle,
              "--n-text-color-line-inner": textColorLineInner,
              "--n-text-color-line-outer": textColorLineOuter
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("progress", vue.computed(() => props.status[0]), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedIndicatorPlacement: mergedIndicatorPlacementRef,
            gapDeg,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            type,
            cssVars,
            indicatorTextColor,
            showIndicator,
            status,
            railColor,
            railStyle,
            color,
            percentage,
            viewBoxWidth,
            strokeWidth,
            mergedIndicatorPlacement,
            unit,
            borderRadius,
            fillBorderRadius,
            height,
            processing,
            circleGap,
            mergedClsPrefix,
            gapDeg,
            gapOffsetDegree,
            themeClass,
            $slots,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [themeClass, `${mergedClsPrefix}-progress`, `${mergedClsPrefix}-progress--${type}`, `${mergedClsPrefix}-progress--${status}`],
            style: cssVars,
            "aria-valuemax": 100,
            "aria-valuemin": 0,
            "aria-valuenow": percentage,
            role: type === "circle" || type === "line" || type === "dashboard" ? "progressbar" : "none"
          }, type === "circle" || type === "dashboard" ? vue.h(Circle, {
            clsPrefix: mergedClsPrefix,
            status,
            showIndicator,
            indicatorTextColor,
            railColor,
            fillColor: color,
            railStyle,
            offsetDegree: this.offsetDegree,
            percentage,
            viewBoxWidth,
            strokeWidth,
            gapDegree: gapDeg === void 0 ? type === "dashboard" ? 75 : 0 : gapDeg,
            gapOffsetDegree,
            unit
          }, $slots) : type === "line" ? vue.h(Line, {
            clsPrefix: mergedClsPrefix,
            status,
            showIndicator,
            indicatorTextColor,
            railColor,
            fillColor: color,
            railStyle,
            percentage,
            processing,
            indicatorPlacement: mergedIndicatorPlacement,
            unit,
            fillBorderRadius,
            railBorderRadius: borderRadius,
            height
          }, $slots) : type === "multiple-circle" ? vue.h(MultipleCircle, {
            clsPrefix: mergedClsPrefix,
            strokeWidth,
            railColor,
            fillColor: color,
            railStyle,
            viewBoxWidth,
            percentage,
            showIndicator,
            circleGap
          }, $slots) : null);
        }
      });
      const style$p = c$1([cB("qr-code", `
 background: #fff;
 border-radius: var(--n-border-radius);
 display: inline-flex;
 `)]);
      const self$3 = (vars) => {
        return {
          borderRadius: vars.borderRadius
        };
      };
      const themeLight$1 = {
        name: "QrCode",
        common: derived,
        self: self$3
      };
      var qrcodegen;
      (function(qrcodegen2) {
        class QrCode2 {
          /* -- Static factory functions (high level) -- */
          // Returns a QR Code representing the given Unicode text string at the given error correction level.
          // As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer
          // Unicode code points (not UTF-16 code units) if the low error correction level is used. The smallest possible
          // QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the
          // ecl argument if it can be done without increasing the version.
          static encodeText(text2, ecl) {
            const segs = qrcodegen2.QrSegment.makeSegments(text2);
            return QrCode2.encodeSegments(segs, ecl);
          }
          // Returns a QR Code representing the given binary data at the given error correction level.
          // This function always encodes using the binary segment mode, not any text mode. The maximum number of
          // bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.
          // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
          static encodeBinary(data, ecl) {
            const seg = qrcodegen2.QrSegment.makeBytes(data);
            return QrCode2.encodeSegments([seg], ecl);
          }
          /* -- Static factory functions (mid level) -- */
          // Returns a QR Code representing the given segments with the given encoding parameters.
          // The smallest possible QR Code version within the given range is automatically
          // chosen for the output. Iff boostEcl is true, then the ECC level of the result
          // may be higher than the ecl argument if it can be done without increasing the
          // version. The mask number is either between 0 to 7 (inclusive) to force that
          // mask, or -1 to automatically choose an appropriate mask (which may be slow).
          // This function allows the user to create a custom sequence of segments that switches
          // between modes (such as alphanumeric and byte) to encode text in less space.
          // This is a mid-level API; the high-level API is encodeText() and encodeBinary().
          static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
            if (!(QrCode2.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= QrCode2.MAX_VERSION) || mask < -1 || mask > 7) {
              throw new RangeError("Invalid value");
            }
            let version2;
            let dataUsedBits;
            for (version2 = minVersion; ; version2++) {
              const dataCapacityBits2 = QrCode2.getNumDataCodewords(version2, ecl) * 8;
              const usedBits = QrSegment.getTotalBits(segs, version2);
              if (usedBits <= dataCapacityBits2) {
                dataUsedBits = usedBits;
                break;
              }
              if (version2 >= maxVersion) {
                throw new RangeError("Data too long");
              }
            }
            for (const newEcl of [QrCode2.Ecc.MEDIUM, QrCode2.Ecc.QUARTILE, QrCode2.Ecc.HIGH]) {
              if (boostEcl && dataUsedBits <= QrCode2.getNumDataCodewords(version2, newEcl) * 8) {
                ecl = newEcl;
              }
            }
            const bb = [];
            for (const seg of segs) {
              appendBits(seg.mode.modeBits, 4, bb);
              appendBits(seg.numChars, seg.mode.numCharCountBits(version2), bb);
              for (const b of seg.getData()) {
                bb.push(b);
              }
            }
            const dataCapacityBits = QrCode2.getNumDataCodewords(version2, ecl) * 8;
            appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
            appendBits(0, (8 - bb.length % 8) % 8, bb);
            for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17) {
              appendBits(padByte, 8, bb);
            }
            const dataCodewords = [];
            while (dataCodewords.length * 8 < bb.length) {
              dataCodewords.push(0);
            }
            bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));
            return new QrCode2(version2, ecl, dataCodewords, mask);
          }
          /* -- Constructor (low level) and fields -- */
          // Creates a new QR Code with the given version number,
          // error correction level, data codeword bytes, and mask number.
          // This is a low-level API that most users should not use directly.
          // A mid-level API is the encodeSegments() function.
          constructor(version2, errorCorrectionLevel, dataCodewords, msk) {
            this.version = version2;
            this.errorCorrectionLevel = errorCorrectionLevel;
            this.modules = [];
            this.isFunction = [];
            if (version2 < QrCode2.MIN_VERSION || version2 > QrCode2.MAX_VERSION) {
              throw new RangeError("Version value out of range");
            }
            if (msk < -1 || msk > 7) {
              throw new RangeError("Mask value out of range");
            }
            this.size = version2 * 4 + 17;
            const row = [];
            for (let i = 0; i < this.size; i++) {
              row.push(false);
            }
            for (let i = 0; i < this.size; i++) {
              this.modules.push(row.slice());
              this.isFunction.push(row.slice());
            }
            this.drawFunctionPatterns();
            const allCodewords = this.addEccAndInterleave(dataCodewords);
            this.drawCodewords(allCodewords);
            if (msk === -1) {
              let minPenalty = 1e9;
              for (let i = 0; i < 8; i++) {
                this.applyMask(i);
                this.drawFormatBits(i);
                const penalty = this.getPenaltyScore();
                if (penalty < minPenalty) {
                  msk = i;
                  minPenalty = penalty;
                }
                this.applyMask(i);
              }
            }
            this.mask = msk;
            this.applyMask(msk);
            this.drawFormatBits(msk);
            this.isFunction = [];
          }
          /* -- Accessor methods -- */
          // Returns the color of the module (pixel) at the given coordinates, which is false
          // for light or true for dark. The top left corner has the coordinates (x=0, y=0).
          // If the given coordinates are out of bounds, then false (light) is returned.
          getModule(x, y) {
            return x >= 0 && x < this.size && y >= 0 && y < this.size && this.modules[y][x];
          }
          // Modified to expose modules for easy access
          getModules() {
            return this.modules;
          }
          /* -- Private helper methods for constructor: Drawing function modules -- */
          // Reads this object's version field, and draws and marks all function modules.
          drawFunctionPatterns() {
            for (let i = 0; i < this.size; i++) {
              this.setFunctionModule(6, i, i % 2 === 0);
              this.setFunctionModule(i, 6, i % 2 === 0);
            }
            this.drawFinderPattern(3, 3);
            this.drawFinderPattern(this.size - 4, 3);
            this.drawFinderPattern(3, this.size - 4);
            const alignPatPos = this.getAlignmentPatternPositions();
            const numAlign = alignPatPos.length;
            for (let i = 0; i < numAlign; i++) {
              for (let j = 0; j < numAlign; j++) {
                if (!(i === 0 && j === 0 || i === 0 && j === numAlign - 1 || i === numAlign - 1 && j === 0)) {
                  this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
                }
              }
            }
            this.drawFormatBits(0);
            this.drawVersion();
          }
          // Draws two copies of the format bits (with its own error correction code)
          // based on the given mask and this object's error correction level field.
          drawFormatBits(mask) {
            const data = this.errorCorrectionLevel.formatBits << 3 | mask;
            let rem = data;
            for (let i = 0; i < 10; i++) {
              rem = rem << 1 ^ (rem >>> 9) * 1335;
            }
            const bits = (data << 10 | rem) ^ 21522;
            for (let i = 0; i <= 5; i++) {
              this.setFunctionModule(8, i, getBit(bits, i));
            }
            this.setFunctionModule(8, 7, getBit(bits, 6));
            this.setFunctionModule(8, 8, getBit(bits, 7));
            this.setFunctionModule(7, 8, getBit(bits, 8));
            for (let i = 9; i < 15; i++) {
              this.setFunctionModule(14 - i, 8, getBit(bits, i));
            }
            for (let i = 0; i < 8; i++) {
              this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
            }
            for (let i = 8; i < 15; i++) {
              this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
            }
            this.setFunctionModule(8, this.size - 8, true);
          }
          // Draws two copies of the version bits (with its own error correction code),
          // based on this object's version field, iff 7 <= version <= 40.
          drawVersion() {
            if (this.version < 7) {
              return;
            }
            let rem = this.version;
            for (let i = 0; i < 12; i++) {
              rem = rem << 1 ^ (rem >>> 11) * 7973;
            }
            const bits = this.version << 12 | rem;
            for (let i = 0; i < 18; i++) {
              const color = getBit(bits, i);
              const a2 = this.size - 11 + i % 3;
              const b = Math.floor(i / 3);
              this.setFunctionModule(a2, b, color);
              this.setFunctionModule(b, a2, color);
            }
          }
          // Draws a 9*9 finder pattern including the border separator,
          // with the center module at (x, y). Modules can be out of bounds.
          drawFinderPattern(x, y) {
            for (let dy = -4; dy <= 4; dy++) {
              for (let dx = -4; dx <= 4; dx++) {
                const dist = Math.max(Math.abs(dx), Math.abs(dy));
                const xx = x + dx;
                const yy = y + dy;
                if (xx >= 0 && xx < this.size && yy >= 0 && yy < this.size) {
                  this.setFunctionModule(xx, yy, dist !== 2 && dist !== 4);
                }
              }
            }
          }
          // Draws a 5*5 alignment pattern, with the center module
          // at (x, y). All modules must be in bounds.
          drawAlignmentPattern(x, y) {
            for (let dy = -2; dy <= 2; dy++) {
              for (let dx = -2; dx <= 2; dx++) {
                this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) !== 1);
              }
            }
          }
          // Sets the color of a module and marks it as a function module.
          // Only used by the constructor. Coordinates must be in bounds.
          setFunctionModule(x, y, isDark) {
            this.modules[y][x] = isDark;
            this.isFunction[y][x] = true;
          }
          /* -- Private helper methods for constructor: Codewords and masking -- */
          // Returns a new byte string representing the given data with the appropriate error correction
          // codewords appended to it, based on this object's version and error correction level.
          addEccAndInterleave(data) {
            const ver = this.version;
            const ecl = this.errorCorrectionLevel;
            if (data.length !== QrCode2.getNumDataCodewords(ver, ecl)) {
              throw new RangeError("Invalid argument");
            }
            const numBlocks = QrCode2.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
            const blockEccLen = QrCode2.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
            const rawCodewords = Math.floor(QrCode2.getNumRawDataModules(ver) / 8);
            const numShortBlocks = numBlocks - rawCodewords % numBlocks;
            const shortBlockLen = Math.floor(rawCodewords / numBlocks);
            const blocks = [];
            const rsDiv = QrCode2.reedSolomonComputeDivisor(blockEccLen);
            for (let i = 0, k = 0; i < numBlocks; i++) {
              const dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
              k += dat.length;
              const ecc = QrCode2.reedSolomonComputeRemainder(dat, rsDiv);
              if (i < numShortBlocks) {
                dat.push(0);
              }
              blocks.push(dat.concat(ecc));
            }
            const result = [];
            for (let i = 0; i < blocks[0].length; i++) {
              blocks.forEach((block, j) => {
                if (i !== shortBlockLen - blockEccLen || j >= numShortBlocks) {
                  result.push(block[i]);
                }
              });
            }
            return result;
          }
          // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
          // data area of this QR Code. Function modules need to be marked off before this is called.
          drawCodewords(data) {
            if (data.length !== Math.floor(QrCode2.getNumRawDataModules(this.version) / 8)) {
              throw new RangeError("Invalid argument");
            }
            let i = 0;
            for (let right = this.size - 1; right >= 1; right -= 2) {
              if (right === 6) {
                right = 5;
              }
              for (let vert = 0; vert < this.size; vert++) {
                for (let j = 0; j < 2; j++) {
                  const x = right - j;
                  const upward = (right + 1 & 2) === 0;
                  const y = upward ? this.size - 1 - vert : vert;
                  if (!this.isFunction[y][x] && i < data.length * 8) {
                    this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
                    i++;
                  }
                }
              }
            }
          }
          // XORs the codeword modules in this QR Code with the given mask pattern.
          // The function modules must be marked and the codeword bits must be drawn
          // before masking. Due to the arithmetic of XOR, calling applyMask() with
          // the same mask value a second time will undo the mask. A final well-formed
          // QR Code needs exactly one (not zero, two, etc.) mask applied.
          applyMask(mask) {
            if (mask < 0 || mask > 7) {
              throw new RangeError("Mask value out of range");
            }
            for (let y = 0; y < this.size; y++) {
              for (let x = 0; x < this.size; x++) {
                let invert;
                switch (mask) {
                  case 0:
                    invert = (x + y) % 2 === 0;
                    break;
                  case 1:
                    invert = y % 2 === 0;
                    break;
                  case 2:
                    invert = x % 3 === 0;
                    break;
                  case 3:
                    invert = (x + y) % 3 === 0;
                    break;
                  case 4:
                    invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 === 0;
                    break;
                  case 5:
                    invert = x * y % 2 + x * y % 3 === 0;
                    break;
                  case 6:
                    invert = (x * y % 2 + x * y % 3) % 2 === 0;
                    break;
                  case 7:
                    invert = ((x + y) % 2 + x * y % 3) % 2 === 0;
                    break;
                  default:
                    throw new Error("Unreachable");
                }
                if (!this.isFunction[y][x] && invert) {
                  this.modules[y][x] = !this.modules[y][x];
                }
              }
            }
          }
          // Calculates and returns the penalty score based on state of this QR Code's current modules.
          // This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.
          getPenaltyScore() {
            let result = 0;
            for (let y = 0; y < this.size; y++) {
              let runColor = false;
              let runX = 0;
              const runHistory = [0, 0, 0, 0, 0, 0, 0];
              for (let x = 0; x < this.size; x++) {
                if (this.modules[y][x] === runColor) {
                  runX++;
                  if (runX === 5) {
                    result += QrCode2.PENALTY_N1;
                  } else if (runX > 5) {
                    result++;
                  }
                } else {
                  this.finderPenaltyAddHistory(runX, runHistory);
                  if (!runColor) {
                    result += this.finderPenaltyCountPatterns(runHistory) * QrCode2.PENALTY_N3;
                  }
                  runColor = this.modules[y][x];
                  runX = 1;
                }
              }
              result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * QrCode2.PENALTY_N3;
            }
            for (let x = 0; x < this.size; x++) {
              let runColor = false;
              let runY = 0;
              const runHistory = [0, 0, 0, 0, 0, 0, 0];
              for (let y = 0; y < this.size; y++) {
                if (this.modules[y][x] === runColor) {
                  runY++;
                  if (runY === 5) {
                    result += QrCode2.PENALTY_N1;
                  } else if (runY > 5) {
                    result++;
                  }
                } else {
                  this.finderPenaltyAddHistory(runY, runHistory);
                  if (!runColor) {
                    result += this.finderPenaltyCountPatterns(runHistory) * QrCode2.PENALTY_N3;
                  }
                  runColor = this.modules[y][x];
                  runY = 1;
                }
              }
              result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * QrCode2.PENALTY_N3;
            }
            for (let y = 0; y < this.size - 1; y++) {
              for (let x = 0; x < this.size - 1; x++) {
                const color = this.modules[y][x];
                if (color === this.modules[y][x + 1] && color === this.modules[y + 1][x] && color === this.modules[y + 1][x + 1]) {
                  result += QrCode2.PENALTY_N2;
                }
              }
            }
            let dark = 0;
            for (const row of this.modules) {
              dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
            }
            const total = this.size * this.size;
            const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
            result += k * QrCode2.PENALTY_N4;
            return result;
          }
          /* -- Private helper functions -- */
          // Returns an ascending list of positions of alignment patterns for this version number.
          // Each position is in the range [0,177), and are used on both the x and y axes.
          // This could be implemented as lookup table of 40 variable-length lists of integers.
          getAlignmentPatternPositions() {
            if (this.version === 1) {
              return [];
            } else {
              const numAlign = Math.floor(this.version / 7) + 2;
              const step = this.version === 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
              const result = [6];
              for (let pos = this.size - 7; result.length < numAlign; pos -= step) {
                result.splice(1, 0, pos);
              }
              return result;
            }
          }
          // Returns the number of data bits that can be stored in a QR Code of the given version number, after
          // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
          // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
          static getNumRawDataModules(ver) {
            if (ver < QrCode2.MIN_VERSION || ver > QrCode2.MAX_VERSION) {
              throw new RangeError("Version number out of range");
            }
            let result = (16 * ver + 128) * ver + 64;
            if (ver >= 2) {
              const numAlign = Math.floor(ver / 7) + 2;
              result -= (25 * numAlign - 10) * numAlign - 55;
              if (ver >= 7) {
                result -= 36;
              }
            }
            return result;
          }
          // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
          // QR Code of the given version number and error correction level, with remainder bits discarded.
          // This stateless pure function could be implemented as a (40*4)-cell lookup table.
          static getNumDataCodewords(ver, ecl) {
            return Math.floor(QrCode2.getNumRawDataModules(ver) / 8) - QrCode2.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * QrCode2.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
          }
          // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
          // implemented as a lookup table over all possible parameter values, instead of as an algorithm.
          static reedSolomonComputeDivisor(degree) {
            if (degree < 1 || degree > 255) {
              throw new RangeError("Degree out of range");
            }
            const result = [];
            for (let i = 0; i < degree - 1; i++) {
              result.push(0);
            }
            result.push(1);
            let root2 = 1;
            for (let i = 0; i < degree; i++) {
              for (let j = 0; j < result.length; j++) {
                result[j] = QrCode2.reedSolomonMultiply(result[j], root2);
                if (j + 1 < result.length) {
                  result[j] ^= result[j + 1];
                }
              }
              root2 = QrCode2.reedSolomonMultiply(root2, 2);
            }
            return result;
          }
          // Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.
          static reedSolomonComputeRemainder(data, divisor) {
            const result = divisor.map((_) => 0);
            for (const b of data) {
              const factor = b ^ result.shift();
              result.push(0);
              divisor.forEach((coef, i) => result[i] ^= QrCode2.reedSolomonMultiply(coef, factor));
            }
            return result;
          }
          // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
          // are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8.
          static reedSolomonMultiply(x, y) {
            if (x >>> 8 !== 0 || y >>> 8 !== 0) {
              throw new RangeError("Byte out of range");
            }
            let z = 0;
            for (let i = 7; i >= 0; i--) {
              z = z << 1 ^ (z >>> 7) * 285;
              z ^= (y >>> i & 1) * x;
            }
            return z;
          }
          // Can only be called immediately after a light run is added, and
          // returns either 0, 1, or 2. A helper function for getPenaltyScore().
          finderPenaltyCountPatterns(runHistory) {
            const n = runHistory[1];
            const core = n > 0 && runHistory[2] === n && runHistory[3] === n * 3 && runHistory[4] === n && runHistory[5] === n;
            return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);
          }
          // Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().
          finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
            if (currentRunColor) {
              this.finderPenaltyAddHistory(currentRunLength, runHistory);
              currentRunLength = 0;
            }
            currentRunLength += this.size;
            this.finderPenaltyAddHistory(currentRunLength, runHistory);
            return this.finderPenaltyCountPatterns(runHistory);
          }
          // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
          finderPenaltyAddHistory(currentRunLength, runHistory) {
            if (runHistory[0] === 0) {
              currentRunLength += this.size;
            }
            runHistory.pop();
            runHistory.unshift(currentRunLength);
          }
        }
        QrCode2.MIN_VERSION = 1;
        QrCode2.MAX_VERSION = 40;
        QrCode2.PENALTY_N1 = 3;
        QrCode2.PENALTY_N2 = 3;
        QrCode2.PENALTY_N3 = 40;
        QrCode2.PENALTY_N4 = 10;
        QrCode2.ECC_CODEWORDS_PER_BLOCK = [
          // Version: (note that index 0 is for padding, and is set to an illegal value)
          // 0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
          [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
          // Low
          [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],
          // Medium
          [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
          // Quartile
          [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
          // High
        ];
        QrCode2.NUM_ERROR_CORRECTION_BLOCKS = [
          // Version: (note that index 0 is for padding, and is set to an illegal value)
          // 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
          [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
          // Low
          [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],
          // Medium
          [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],
          // Quartile
          [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
          // High
        ];
        qrcodegen2.QrCode = QrCode2;
        function appendBits(val, len2, bb) {
          if (len2 < 0 || len2 > 31 || val >>> len2 !== 0) {
            throw new RangeError("Value out of range");
          }
          for (let i = len2 - 1; i >= 0; i--) {
            bb.push(val >>> i & 1);
          }
        }
        function getBit(x, i) {
          return (x >>> i & 1) !== 0;
        }
        class QrSegment {
          /* -- Static factory functions (mid level) -- */
          // Returns a segment representing the given binary data encoded in
          // byte mode. All input byte arrays are acceptable. Any text string
          // can be converted to UTF-8 bytes and encoded as a byte mode segment.
          static makeBytes(data) {
            const bb = [];
            for (const b of data) {
              appendBits(b, 8, bb);
            }
            return new QrSegment(QrSegment.Mode.BYTE, data.length, bb);
          }
          // Returns a segment representing the given string of decimal digits encoded in numeric mode.
          static makeNumeric(digits) {
            if (!QrSegment.isNumeric(digits)) {
              throw new RangeError("String contains non-numeric characters");
            }
            const bb = [];
            for (let i = 0; i < digits.length; ) {
              const n = Math.min(digits.length - i, 3);
              appendBits(parseInt(digits.substr(i, n), 10), n * 3 + 1, bb);
              i += n;
            }
            return new QrSegment(QrSegment.Mode.NUMERIC, digits.length, bb);
          }
          // Returns a segment representing the given text string encoded in alphanumeric mode.
          // The characters allowed are: 0 to 9, A to Z (uppercase only), space,
          // dollar, percent, asterisk, plus, hyphen, period, slash, colon.
          static makeAlphanumeric(text2) {
            if (!QrSegment.isAlphanumeric(text2)) {
              throw new RangeError("String contains unencodable characters in alphanumeric mode");
            }
            const bb = [];
            let i;
            for (i = 0; i + 2 <= text2.length; i += 2) {
              let temp = QrSegment.ALPHANUMERIC_CHARSET.indexOf(text2.charAt(i)) * 45;
              temp += QrSegment.ALPHANUMERIC_CHARSET.indexOf(text2.charAt(i + 1));
              appendBits(temp, 11, bb);
            }
            if (i < text2.length) {
              appendBits(QrSegment.ALPHANUMERIC_CHARSET.indexOf(text2.charAt(i)), 6, bb);
            }
            return new QrSegment(QrSegment.Mode.ALPHANUMERIC, text2.length, bb);
          }
          // Returns a new mutable list of zero or more segments to represent the given Unicode text string.
          // The result may use various segment modes and switch modes to optimize the length of the bit stream.
          static makeSegments(text2) {
            if (text2 === "") {
              return [];
            } else if (QrSegment.isNumeric(text2)) {
              return [QrSegment.makeNumeric(text2)];
            } else if (QrSegment.isAlphanumeric(text2)) {
              return [QrSegment.makeAlphanumeric(text2)];
            } else {
              return [QrSegment.makeBytes(QrSegment.toUtf8ByteArray(text2))];
            }
          }
          // Returns a segment representing an Extended Channel Interpretation
          // (ECI) designator with the given assignment value.
          static makeEci(assignVal) {
            const bb = [];
            if (assignVal < 0) {
              throw new RangeError("ECI assignment value out of range");
            } else if (assignVal < 1 << 7) {
              appendBits(assignVal, 8, bb);
            } else if (assignVal < 1 << 14) {
              appendBits(2, 2, bb);
              appendBits(assignVal, 14, bb);
            } else if (assignVal < 1e6) {
              appendBits(6, 3, bb);
              appendBits(assignVal, 21, bb);
            } else {
              throw new RangeError("ECI assignment value out of range");
            }
            return new QrSegment(QrSegment.Mode.ECI, 0, bb);
          }
          // Tests whether the given string can be encoded as a segment in numeric mode.
          // A string is encodable iff each character is in the range 0 to 9.
          static isNumeric(text2) {
            return QrSegment.NUMERIC_REGEX.test(text2);
          }
          // Tests whether the given string can be encoded as a segment in alphanumeric mode.
          // A string is encodable iff each character is in the following set: 0 to 9, A to Z
          // (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.
          static isAlphanumeric(text2) {
            return QrSegment.ALPHANUMERIC_REGEX.test(text2);
          }
          /* -- Constructor (low level) and fields -- */
          // Creates a new QR Code segment with the given attributes and data.
          // The character count (numChars) must agree with the mode and the bit buffer length,
          // but the constraint isn't checked. The given bit buffer is cloned and stored.
          constructor(mode, numChars, bitData) {
            this.mode = mode;
            this.numChars = numChars;
            this.bitData = bitData;
            if (numChars < 0) {
              throw new RangeError("Invalid argument");
            }
            this.bitData = bitData.slice();
          }
          /* -- Methods -- */
          // Returns a new copy of the data bits of this segment.
          getData() {
            return this.bitData.slice();
          }
          // (Package-private) Calculates and returns the number of bits needed to encode the given segments at
          // the given version. The result is infinity if a segment has too many characters to fit its length field.
          static getTotalBits(segs, version2) {
            let result = 0;
            for (const seg of segs) {
              const ccbits = seg.mode.numCharCountBits(version2);
              if (seg.numChars >= 1 << ccbits) {
                return Infinity;
              }
              result += 4 + ccbits + seg.bitData.length;
            }
            return result;
          }
          // Returns a new array of bytes representing the given string encoded in UTF-8.
          static toUtf8ByteArray(str) {
            str = encodeURI(str);
            const result = [];
            for (let i = 0; i < str.length; i++) {
              if (str.charAt(i) !== "%") {
                result.push(str.charCodeAt(i));
              } else {
                result.push(parseInt(str.substr(i + 1, 2), 16));
                i += 2;
              }
            }
            return result;
          }
        }
        QrSegment.NUMERIC_REGEX = /^[0-9]*$/;
        QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+./:-]*$/;
        QrSegment.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
        qrcodegen2.QrSegment = QrSegment;
      })(qrcodegen || (qrcodegen = {}));
      (function(qrcodegen2) {
        (function(QrCode2) {
          class Ecc {
            /* -- Constructor and fields -- */
            constructor(ordinal, formatBits) {
              this.ordinal = ordinal;
              this.formatBits = formatBits;
            }
          }
          Ecc.LOW = new Ecc(0, 1);
          Ecc.MEDIUM = new Ecc(1, 0);
          Ecc.QUARTILE = new Ecc(2, 3);
          Ecc.HIGH = new Ecc(3, 2);
          QrCode2.Ecc = Ecc;
        })(qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));
      })(qrcodegen || (qrcodegen = {}));
      (function(qrcodegen2) {
        (function(QrSegment) {
          class Mode {
            /* -- Constructor and fields -- */
            constructor(modeBits, numBitsCharCount) {
              this.modeBits = modeBits;
              this.numBitsCharCount = numBitsCharCount;
            }
            /* -- Method -- */
            // (Package-private) Returns the bit width of the character count field for a segment in
            // this mode in a QR Code at the given version number. The result is in the range [0, 16].
            numCharCountBits(ver) {
              return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
            }
          }
          Mode.NUMERIC = new Mode(1, [10, 12, 14]);
          Mode.ALPHANUMERIC = new Mode(2, [9, 11, 13]);
          Mode.BYTE = new Mode(4, [8, 16, 16]);
          Mode.KANJI = new Mode(8, [8, 10, 12]);
          Mode.ECI = new Mode(7, [0, 0, 0]);
          QrSegment.Mode = Mode;
        })(qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));
      })(qrcodegen || (qrcodegen = {}));
      const ERROR_CORRECTION_LEVEL = {
        L: qrcodegen.QrCode.Ecc.LOW,
        M: qrcodegen.QrCode.Ecc.MEDIUM,
        Q: qrcodegen.QrCode.Ecc.QUARTILE,
        H: qrcodegen.QrCode.Ecc.HIGH
      };
      const qrCodeProps = Object.assign(Object.assign({}, useTheme.props), {
        value: String,
        color: {
          type: String,
          default: "#000"
        },
        backgroundColor: {
          type: String,
          default: "#FFF"
        },
        iconSrc: String,
        iconSize: {
          type: Number,
          default: 40
        },
        iconBackgroundColor: {
          type: String,
          default: "#FFF"
        },
        iconBorderRadius: {
          type: Number,
          default: 4
        },
        size: {
          type: Number,
          default: 100
        },
        padding: {
          type: [Number, String],
          default: 12
        },
        errorCorrectionLevel: {
          type: String,
          default: "M"
        },
        type: {
          type: String,
          default: "canvas"
        }
      });
      const UPSCALE_RATIO = 2;
      const QrCode = vue.defineComponent({
        name: "QrCode",
        props: qrCodeProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("QrCode", "-qr-code", style$p, themeLight$1, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            return {
              "--n-border-radius": themeRef.value.self.borderRadius
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("qr-code", void 0, cssVarsRef, props) : void 0;
          const canvasRef = vue.ref();
          const qr = vue.computed(() => {
            var _a;
            const errorCorrectionLevel = ERROR_CORRECTION_LEVEL[props.errorCorrectionLevel];
            return qrcodegen.QrCode.encodeText((_a = props.value) !== null && _a !== void 0 ? _a : "-", errorCorrectionLevel);
          });
          vue.onMounted(() => {
            const imageLoadedTrigger = vue.ref(0);
            let loadedIcon = null;
            vue.watchEffect(() => {
              if (props.type === "svg")
                return;
              void imageLoadedTrigger.value;
              drawCanvas(qr.value, props.size, props.color, props.backgroundColor, loadedIcon ? {
                icon: loadedIcon,
                iconBorderRadius: props.iconBorderRadius,
                iconSize: props.iconSize,
                iconBackgroundColor: props.iconBackgroundColor
              } : null);
            });
            vue.watchEffect(() => {
              if (props.type === "svg")
                return;
              const {
                iconSrc
              } = props;
              if (iconSrc) {
                let aborted = false;
                const img = new Image();
                img.src = iconSrc;
                img.onload = () => {
                  if (aborted)
                    return;
                  loadedIcon = img;
                  imageLoadedTrigger.value++;
                };
                return () => {
                  aborted = true;
                };
              }
            });
          });
          function drawCanvas(qr2, size2, foregroundColor, backgroundColor, iconConfig) {
            const canvas = canvasRef.value;
            if (!canvas)
              return;
            const canvasWidth = size2 * UPSCALE_RATIO;
            const width = qr2.size;
            const scale = canvasWidth / width;
            canvas.width = canvasWidth;
            canvas.height = canvasWidth;
            const ctx2 = canvas.getContext("2d");
            if (!ctx2)
              return;
            ctx2.clearRect(0, 0, canvas.width, canvas.height);
            for (let y = 0; y < qr2.size; y++) {
              for (let x = 0; x < qr2.size; x++) {
                ctx2.fillStyle = qr2.getModule(x, y) ? foregroundColor : backgroundColor;
                const startX = Math.floor(x * scale);
                const endX = Math.ceil((x + 1) * scale);
                const startY = Math.floor(y * scale);
                const endY = Math.ceil((y + 1) * scale);
                ctx2.fillRect(startX, startY, endX - startX, endY - startY);
              }
            }
            if (iconConfig) {
              const {
                icon,
                iconBackgroundColor,
                iconBorderRadius,
                iconSize
              } = iconConfig;
              const finalIconSize = iconSize * UPSCALE_RATIO;
              const centerX = (canvas.width - finalIconSize) / 2;
              const centerY = (canvas.height - finalIconSize) / 2;
              ctx2.fillStyle = iconBackgroundColor;
              ctx2.beginPath();
              ctx2.roundRect(centerX, centerY, finalIconSize, finalIconSize, iconBorderRadius * UPSCALE_RATIO);
              ctx2.fill();
              const aspectRatio = icon.width / icon.height;
              const scaledWidth = aspectRatio >= 1 ? finalIconSize : finalIconSize * aspectRatio;
              const scaledHeight = aspectRatio <= 1 ? finalIconSize : finalIconSize / aspectRatio;
              const left = centerX + (finalIconSize - scaledWidth) / 2;
              const top = centerY + (finalIconSize - scaledHeight) / 2;
              ctx2.drawImage(icon, left, top, scaledWidth, scaledHeight);
            }
          }
          function generatePath(modules, margin = 0) {
            const ops = [];
            modules.forEach(function(row, y) {
              let start = null;
              row.forEach(function(cell, x) {
                if (!cell && start !== null) {
                  ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);
                  start = null;
                  return;
                }
                if (x === row.length - 1) {
                  if (!cell) {
                    return;
                  }
                  if (start === null) {
                    ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
                  } else {
                    ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);
                  }
                  return;
                }
                if (cell && start === null) {
                  start = x;
                }
              });
            });
            return ops.join("");
          }
          function svgInfo(qr2, size2, iconConfig) {
            const cells = qr2.getModules();
            const numCells = cells.length;
            const cellsToDraw = cells;
            let svgInnerHtml = "";
            const path1Html = `<path fill="transparent" d="M0,0 h${numCells}v${numCells}H0z" shape-rendering="crispEdges"></path>`;
            const path2Html = `<path fill="${props.color}" d="${generatePath(cellsToDraw, 0)}" shape-rendering="crispEdges"></path>`;
            let iconHtml = "";
            if (iconConfig) {
              const {
                iconSrc,
                iconSize
              } = iconConfig;
              const DEFAULT_IMG_SCALE = 0.1;
              const defaultSize = Math.floor(size2 * DEFAULT_IMG_SCALE);
              const scale = numCells / size2;
              const h2 = (iconSize || defaultSize) * scale;
              const w = (iconSize || defaultSize) * scale;
              const x = cells.length / 2 - w / 2;
              const y = cells.length / 2 - h2 / 2;
              iconHtml += `<image href="${iconSrc}" width="${w}" height="${h2}" x="${x}" y="${y}" preserveAspectRatio="none"></image>`;
            }
            svgInnerHtml += path1Html;
            svgInnerHtml += path2Html;
            svgInnerHtml += iconHtml;
            return {
              innerHtml: svgInnerHtml,
              numCells
            };
          }
          const svgInfoRef = vue.computed(() => svgInfo(qr.value, props.size, props.iconSrc ? {
            iconSrc: props.iconSrc,
            iconBorderRadius: props.iconBorderRadius,
            iconSize: props.iconSize,
            iconBackgroundColor: props.iconBackgroundColor
          } : null));
          return {
            canvasRef,
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            svgInfo: svgInfoRef
          };
        },
        render() {
          const {
            mergedClsPrefix,
            backgroundColor,
            padding,
            cssVars,
            themeClass,
            size: size2,
            type
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-qr-code`, themeClass],
            style: Object.assign({
              padding: typeof padding === "number" ? `${padding}px` : padding,
              backgroundColor,
              width: `${size2}px`,
              height: `${size2}px`
            }, cssVars)
          }, type === "canvas" ? vue.h("canvas", {
            ref: "canvasRef",
            style: {
              width: `${size2}px`,
              height: `${size2}px`
            }
          }) : vue.h("svg", {
            height: size2,
            width: size2,
            viewBox: `0 0 ${this.svgInfo.numCells} ${this.svgInfo.numCells}`,
            role: "img",
            innerHTML: this.svgInfo.innerHtml
          }));
        }
      });
      const StarIcon = vue.h("svg", {
        viewBox: "0 0 512 512"
      }, vue.h("path", {
        d: "M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z"
      }));
      const style$o = cB("rate", {
        display: "inline-flex",
        flexWrap: "nowrap"
      }, [c$1("&:hover", [cE("item", `
 transition:
 transform .1s var(--n-bezier),
 color .3s var(--n-bezier);
 `)]), cE("item", `
 position: relative;
 display: flex;
 transition:
 transform .1s var(--n-bezier),
 color .3s var(--n-bezier);
 transform: scale(1);
 font-size: var(--n-item-size);
 color: var(--n-item-color);
 `, [c$1("&:not(:first-child)", `
 margin-left: 6px;
 `), cM("active", `
 color: var(--n-item-color-active);
 `)]), cNotM("readonly", `
 cursor: pointer;
 `, [cE("item", [c$1("&:hover", `
 transform: scale(1.05);
 `), c$1("&:active", `
 transform: scale(0.96);
 `)])]), cE("half", `
 display: flex;
 transition: inherit;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 50%;
 overflow: hidden;
 color: rgba(255, 255, 255, 0);
 `, [cM("active", `
 color: var(--n-item-color-active);
 `)])]);
      const rateProps = Object.assign(Object.assign({}, useTheme.props), {
        allowHalf: Boolean,
        count: {
          type: Number,
          default: 5
        },
        value: Number,
        defaultValue: {
          type: Number,
          default: null
        },
        readonly: Boolean,
        size: {
          type: [String, Number],
          default: "medium"
        },
        clearable: Boolean,
        color: String,
        onClear: Function,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array]
      });
      const Rate = vue.defineComponent({
        name: "Rate",
        props: rateProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Rate", "-rate", style$o, themeLight$4, props, mergedClsPrefixRef);
          const controlledValueRef = vue.toRef(props, "value");
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const hoverIndexRef = vue.ref(null);
          const formItem = useFormItem(props);
          const mergedValue = useMergedState(controlledValueRef, uncontrolledValueRef);
          function doUpdateValue(value) {
            const {
              "onUpdate:value": _onUpdateValue,
              onUpdateValue
            } = props;
            const {
              nTriggerFormChange,
              nTriggerFormInput
            } = formItem;
            if (_onUpdateValue) {
              call(_onUpdateValue, value);
            }
            if (onUpdateValue) {
              call(onUpdateValue, value);
            }
            uncontrolledValueRef.value = value;
            nTriggerFormChange();
            nTriggerFormInput();
          }
          function getDerivedValue(index, e) {
            if (props.allowHalf) {
              if (e.offsetX >= Math.floor(e.currentTarget.offsetWidth / 2)) {
                return index + 1;
              } else {
                return index + 0.5;
              }
            } else {
              return index + 1;
            }
          }
          let cleared = false;
          function handleMouseMove(index, e) {
            if (cleared)
              return;
            hoverIndexRef.value = getDerivedValue(index, e);
          }
          function handleMouseLeave() {
            hoverIndexRef.value = null;
          }
          function handleClick2(index, e) {
            var _a;
            const {
              clearable
            } = props;
            const derivedValue = getDerivedValue(index, e);
            if (clearable && derivedValue === mergedValue.value) {
              cleared = true;
              (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
              hoverIndexRef.value = null;
              doUpdateValue(null);
            } else {
              doUpdateValue(derivedValue);
            }
          }
          function handleMouseEnterSomeStar() {
            cleared = false;
          }
          const mergedSizeRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              self: self2
            } = themeRef.value;
            if (typeof size2 === "number") {
              return `${size2}px`;
            } else {
              return self2[createKey("size", size2)];
            }
          });
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const {
              itemColor,
              itemColorActive
            } = self2;
            const {
              color
            } = props;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-item-color": itemColor,
              "--n-item-color-active": color || itemColorActive,
              "--n-item-size": mergedSizeRef.value
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("rate", vue.computed(() => {
            const size2 = mergedSizeRef.value;
            const {
              color
            } = props;
            let hash = "";
            if (size2) {
              hash += size2[0];
            }
            if (color) {
              hash += color2Class(color);
            }
            return hash;
          }), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedValue,
            hoverIndex: hoverIndexRef,
            handleMouseMove,
            handleClick: handleClick2,
            handleMouseLeave,
            handleMouseEnterSomeStar,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            readonly: readonly2,
            hoverIndex,
            mergedValue,
            mergedClsPrefix,
            onRender,
            $slots: {
              default: defaultSlot
            }
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-rate`, {
              [`${mergedClsPrefix}-rate--readonly`]: readonly2
            }, this.themeClass],
            style: this.cssVars,
            onMouseleave: this.handleMouseLeave
          }, vue.renderList(this.count, (_, index) => {
            const icon = defaultSlot ? defaultSlot({
              index
            }) : vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => StarIcon
            });
            const entireStarActive = hoverIndex !== null ? index + 1 <= hoverIndex : index + 1 <= (mergedValue || 0);
            return vue.h("div", {
              key: index,
              class: [`${mergedClsPrefix}-rate__item`, entireStarActive && `${mergedClsPrefix}-rate__item--active`],
              onClick: readonly2 ? void 0 : (e) => {
                this.handleClick(index, e);
              },
              onMouseenter: this.handleMouseEnterSomeStar,
              onMousemove: readonly2 ? void 0 : (e) => {
                this.handleMouseMove(index, e);
              }
            }, icon, this.allowHalf ? vue.h("div", {
              class: [`${mergedClsPrefix}-rate__half`, {
                [`${mergedClsPrefix}-rate__half--active`]: !entireStarActive && hoverIndex !== null ? index + 0.5 <= hoverIndex : index + 0.5 <= (mergedValue || 0)
              }]
            }, icon) : null);
          }));
        }
      });
      const image404 = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 36 36"
      }, vue.h("circle", {
        fill: "#FFCB4C",
        cx: "18",
        cy: "17.018",
        r: "17"
      }), vue.h("path", {
        fill: "#65471B",
        d: "M14.524 21.036c-.145-.116-.258-.274-.312-.464-.134-.46.13-.918.59-1.021 4.528-1.021 7.577 1.363 7.706 1.465.384.306.459.845.173 1.205-.286.358-.828.401-1.211.097-.11-.084-2.523-1.923-6.182-1.098-.274.061-.554-.016-.764-.184z"
      }), vue.h("ellipse", {
        fill: "#65471B",
        cx: "13.119",
        cy: "11.174",
        rx: "2.125",
        ry: "2.656"
      }), vue.h("ellipse", {
        fill: "#65471B",
        cx: "24.375",
        cy: "12.236",
        rx: "2.125",
        ry: "2.656"
      }), vue.h("path", {
        fill: "#F19020",
        d: "M17.276 35.149s1.265-.411 1.429-1.352c.173-.972-.624-1.167-.624-1.167s1.041-.208 1.172-1.376c.123-1.101-.861-1.363-.861-1.363s.97-.4 1.016-1.539c.038-.959-.995-1.428-.995-1.428s5.038-1.221 5.556-1.341c.516-.12 1.32-.615 1.069-1.694-.249-1.08-1.204-1.118-1.697-1.003-.494.115-6.744 1.566-8.9 2.068l-1.439.334c-.54.127-.785-.11-.404-.512.508-.536.833-1.129.946-2.113.119-1.035-.232-2.313-.433-2.809-.374-.921-1.005-1.649-1.734-1.899-1.137-.39-1.945.321-1.542 1.561.604 1.854.208 3.375-.833 4.293-2.449 2.157-3.588 3.695-2.83 6.973.828 3.575 4.377 5.876 7.952 5.048l3.152-.681z"
      }), vue.h("path", {
        fill: "#65471B",
        d: "M9.296 6.351c-.164-.088-.303-.224-.391-.399-.216-.428-.04-.927.393-1.112 4.266-1.831 7.699-.043 7.843.034.433.231.608.747.391 1.154-.216.405-.74.546-1.173.318-.123-.063-2.832-1.432-6.278.047-.257.109-.547.085-.785-.042zm12.135 3.75c-.156-.098-.286-.243-.362-.424-.187-.442.023-.927.468-1.084 4.381-1.536 7.685.48 7.823.567.415.26.555.787.312 1.178-.242.39-.776.495-1.191.238-.12-.072-2.727-1.621-6.267-.379-.266.091-.553.046-.783-.096z"
      }));
      const image500 = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 36 36"
      }, vue.h("path", {
        fill: "#FFCC4D",
        d: "M36 18c0 9.941-8.059 18-18 18-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"
      }), vue.h("ellipse", {
        fill: "#664500",
        cx: "18",
        cy: "27",
        rx: "5",
        ry: "6"
      }), vue.h("path", {
        fill: "#664500",
        d: "M5.999 11c-.208 0-.419-.065-.599-.2-.442-.331-.531-.958-.2-1.4C8.462 5.05 12.816 5 13 5c.552 0 1 .448 1 1 0 .551-.445.998-.996 1-.155.002-3.568.086-6.204 3.6-.196.262-.497.4-.801.4zm24.002 0c-.305 0-.604-.138-.801-.4-2.64-3.521-6.061-3.598-6.206-3.6-.55-.006-.994-.456-.991-1.005C22.006 5.444 22.45 5 23 5c.184 0 4.537.05 7.8 4.4.332.442.242 1.069-.2 1.4-.18.135-.39.2-.599.2zm-16.087 4.5l1.793-1.793c.391-.391.391-1.023 0-1.414s-1.023-.391-1.414 0L12.5 14.086l-1.793-1.793c-.391-.391-1.023-.391-1.414 0s-.391 1.023 0 1.414l1.793 1.793-1.793 1.793c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l1.793-1.793 1.793 1.793c.195.195.451.293.707.293s.512-.098.707-.293c.391-.391.391-1.023 0-1.414L13.914 15.5zm11 0l1.793-1.793c.391-.391.391-1.023 0-1.414s-1.023-.391-1.414 0L23.5 14.086l-1.793-1.793c-.391-.391-1.023-.391-1.414 0s-.391 1.023 0 1.414l1.793 1.793-1.793 1.793c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l1.793-1.793 1.793 1.793c.195.195.451.293.707.293s.512-.098.707-.293c.391-.391.391-1.023 0-1.414L24.914 15.5z"
      }));
      const image418 = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 36 36"
      }, vue.h("ellipse", {
        fill: "#292F33",
        cx: "18",
        cy: "26",
        rx: "18",
        ry: "10"
      }), vue.h("ellipse", {
        fill: "#66757F",
        cx: "18",
        cy: "24",
        rx: "18",
        ry: "10"
      }), vue.h("path", {
        fill: "#E1E8ED",
        d: "M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19z"
      }), vue.h("path", {
        fill: "#77B255",
        d: "M35 12.056c0 5.216-7.611 9.444-17 9.444S1 17.271 1 12.056C1 6.84 8.611 3.611 18 3.611s17 3.229 17 8.445z"
      }), vue.h("ellipse", {
        fill: "#A6D388",
        cx: "18",
        cy: "13",
        rx: "15",
        ry: "7"
      }), vue.h("path", {
        d: "M21 17c-.256 0-.512-.098-.707-.293-2.337-2.337-2.376-4.885-.125-8.262.739-1.109.9-2.246.478-3.377-.461-1.236-1.438-1.996-1.731-2.077-.553 0-.958-.443-.958-.996 0-.552.491-.995 1.043-.995.997 0 2.395 1.153 3.183 2.625 1.034 1.933.91 4.039-.351 5.929-1.961 2.942-1.531 4.332-.125 5.738.391.391.391 1.023 0 1.414-.195.196-.451.294-.707.294zm-6-2c-.256 0-.512-.098-.707-.293-2.337-2.337-2.376-4.885-.125-8.262.727-1.091.893-2.083.494-2.947-.444-.961-1.431-1.469-1.684-1.499-.552 0-.989-.447-.989-1 0-.552.458-1 1.011-1 .997 0 2.585.974 3.36 2.423.481.899 1.052 2.761-.528 5.131-1.961 2.942-1.531 4.332-.125 5.738.391.391.391 1.023 0 1.414-.195.197-.451.295-.707.295z",
        fill: "#5C913B"
      }));
      const image403 = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 36 36"
      }, vue.h("path", {
        fill: "#EF9645",
        d: "M15.5 2.965c1.381 0 2.5 1.119 2.5 2.5v.005L20.5.465c1.381 0 2.5 1.119 2.5 2.5V4.25l2.5-1.535c1.381 0 2.5 1.119 2.5 2.5V8.75L29 18H15.458L15.5 2.965z"
      }), vue.h("path", {
        fill: "#FFDC5D",
        d: "M4.625 16.219c1.381-.611 3.354.208 4.75 2.188.917 1.3 1.187 3.151 2.391 3.344.46.073 1.234-.313 1.234-1.397V4.5s0-2 2-2 2 2 2 2v11.633c0-.029 1-.064 1-.082V2s0-2 2-2 2 2 2 2v14.053c0 .017 1 .041 1 .069V4.25s0-2 2-2 2 2 2 2v12.638c0 .118 1 .251 1 .398V8.75s0-2 2-2 2 2 2 2V24c0 6.627-5.373 12-12 12-4.775 0-8.06-2.598-9.896-5.292C8.547 28.423 8.096 26.051 8 25.334c0 0-.123-1.479-1.156-2.865-1.469-1.969-2.5-3.156-3.125-3.866-.317-.359-.625-1.707.906-2.384z"
      }));
      const style$n = cB("result", `
 color: var(--n-text-color);
 line-height: var(--n-line-height);
 font-size: var(--n-font-size);
 transition:
 color .3s var(--n-bezier);
`, [cB("result-icon", `
 display: flex;
 justify-content: center;
 transition: color .3s var(--n-bezier);
 `, [cE("status-image", `
 font-size: var(--n-icon-size);
 width: 1em;
 height: 1em;
 `), cB("base-icon", `
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 `)]), cB("result-content", {
        marginTop: "24px"
      }), cB("result-footer", `
 margin-top: 24px;
 text-align: center;
 `), cB("result-header", [cE("title", `
 margin-top: 16px;
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 text-align: center;
 color: var(--n-title-text-color);
 font-size: var(--n-title-font-size);
 `), cE("description", `
 margin-top: 4px;
 text-align: center;
 font-size: var(--n-font-size);
 `)])]);
      const iconRenderMap = {
        403: () => image403,
        404: () => image404,
        418: () => image418,
        500: () => image500,
        info: () => vue.h(InfoIcon, null),
        success: () => vue.h(SuccessIcon, null),
        warning: () => vue.h(WarningIcon, null),
        error: () => vue.h(ErrorIcon, null)
      };
      const resultProps = Object.assign(Object.assign({}, useTheme.props), {
        size: {
          type: String,
          default: "medium"
        },
        status: {
          type: String,
          default: "info"
        },
        title: String,
        description: String
      });
      const Result = vue.defineComponent({
        name: "Result",
        props: resultProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Result", "-result", style$n, resultLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2,
              status
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                textColor,
                lineHeight: lineHeight2,
                titleTextColor,
                titleFontWeight,
                [createKey("iconColor", status)]: iconColor,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("titleFontSize", size2)]: titleFontSize,
                [createKey("iconSize", size2)]: iconSize
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-icon-size": iconSize,
              "--n-line-height": lineHeight2,
              "--n-text-color": textColor,
              "--n-title-font-size": titleFontSize,
              "--n-title-font-weight": titleFontWeight,
              "--n-title-text-color": titleTextColor,
              "--n-icon-color": iconColor || ""
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("result", vue.computed(() => {
            const {
              size: size2,
              status
            } = props;
            let hash = "";
            if (size2) {
              hash += size2[0];
            }
            if (status) {
              hash += status[0];
            }
            return hash;
          }), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            status,
            $slots,
            mergedClsPrefix,
            onRender
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-result`, this.themeClass],
            style: this.cssVars
          }, vue.h("div", {
            class: `${mergedClsPrefix}-result-icon`
          }, ((_a = $slots.icon) === null || _a === void 0 ? void 0 : _a.call($slots)) || vue.h(NBaseIcon, {
            clsPrefix: mergedClsPrefix
          }, {
            default: () => iconRenderMap[status]()
          })), vue.h("div", {
            class: `${mergedClsPrefix}-result-header`
          }, this.title ? vue.h("div", {
            class: `${mergedClsPrefix}-result-header__title`
          }, this.title) : null, this.description ? vue.h("div", {
            class: `${mergedClsPrefix}-result-header__description`
          }, this.description) : null), $slots.default && vue.h("div", {
            class: `${mergedClsPrefix}-result-content`
          }, $slots), $slots.footer && vue.h("div", {
            class: `${mergedClsPrefix}-result-footer`
          }, $slots.footer()));
        }
      });
      const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), {
        trigger: String,
        xScrollable: Boolean,
        onScroll: Function,
        contentClass: String,
        contentStyle: [Object, String],
        size: Number
      });
      const Scrollbar = vue.defineComponent({
        name: "Scrollbar",
        props: scrollbarProps,
        setup() {
          const scrollbarInstRef = vue.ref(null);
          const exposedMethods = {
            scrollTo: (...args) => {
              var _a;
              (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(args[0], args[1]);
            },
            scrollBy: (...args) => {
              var _a;
              (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollBy(args[0], args[1]);
            }
          };
          return Object.assign(Object.assign({}, exposedMethods), {
            scrollbarInstRef
          });
        },
        render() {
          return vue.h(Scrollbar$2, Object.assign({
            ref: "scrollbarInstRef"
          }, this.$props), this.$slots);
        }
      });
      const Scrollbar$1 = Scrollbar;
      const self$2 = (vars) => {
        const {
          heightSmall,
          heightMedium,
          heightLarge,
          borderRadius
        } = vars;
        return {
          color: "#eee",
          colorEnd: "#ddd",
          borderRadius,
          heightSmall,
          heightMedium,
          heightLarge
        };
      };
      const skeletonLight = {
        name: "Skeleton",
        common: derived,
        self: self$2
      };
      const style$m = c$1([cB("skeleton", `
 height: 1em;
 width: 100%;
 transition:
 --n-color-start .3s var(--n-bezier),
 --n-color-end .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);
 background-color: var(--n-color-start);
 `), c$1("@keyframes skeleton-loading", `
 0% {
 background: var(--n-color-start);
 }
 40% {
 background: var(--n-color-end);
 }
 80% {
 background: var(--n-color-start);
 }
 100% {
 background: var(--n-color-start);
 }
 `)]);
      const skeletonProps = Object.assign(Object.assign({}, useTheme.props), {
        text: Boolean,
        round: Boolean,
        circle: Boolean,
        height: [String, Number],
        width: [String, Number],
        size: String,
        repeat: {
          type: Number,
          default: 1
        },
        animated: {
          type: Boolean,
          default: true
        },
        sharp: {
          type: Boolean,
          default: true
        }
      });
      const Skeleton = vue.defineComponent({
        name: "Skeleton",
        inheritAttrs: false,
        props: skeletonProps,
        setup(props) {
          useHoudini();
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("Skeleton", "-skeleton", style$m, skeletonLight, props, mergedClsPrefixRef);
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            style: vue.computed(() => {
              var _a, _b;
              const theme = themeRef.value;
              const {
                common: {
                  cubicBezierEaseInOut: cubicBezierEaseInOut2
                }
              } = theme;
              const selfThemeVars = theme.self;
              const {
                color,
                colorEnd,
                borderRadius
              } = selfThemeVars;
              let sizeHeight;
              const {
                circle,
                sharp,
                round: round2,
                width,
                height,
                size: size2,
                text: text2,
                animated
              } = props;
              if (size2 !== void 0) {
                sizeHeight = selfThemeVars[createKey("height", size2)];
              }
              const mergedWidth = circle ? (_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : sizeHeight : width;
              const mergedHeight = (_b = circle ? width !== null && width !== void 0 ? width : height : height) !== null && _b !== void 0 ? _b : sizeHeight;
              return {
                display: text2 ? "inline-block" : "",
                verticalAlign: text2 ? "-0.125em" : "",
                borderRadius: circle ? "50%" : round2 ? "4096px" : sharp ? "" : borderRadius,
                width: typeof mergedWidth === "number" ? pxfy(mergedWidth) : mergedWidth,
                height: typeof mergedHeight === "number" ? pxfy(mergedHeight) : mergedHeight,
                animation: !animated ? "none" : "",
                "--n-bezier": cubicBezierEaseInOut2,
                "--n-color-start": color,
                "--n-color-end": colorEnd
              };
            })
          };
        },
        render() {
          const {
            repeat: repeatProp,
            style: style2,
            mergedClsPrefix,
            $attrs
          } = this;
          const child = vue.h("div", vue.mergeProps({
            class: `${mergedClsPrefix}-skeleton`,
            style: style2
          }, $attrs));
          if (repeatProp > 1) {
            return vue.h(vue.Fragment, null, repeat(repeatProp, null).map((_) => [child, "\n"]));
          }
          return child;
        }
      });
      function isTouchEvent(e) {
        return window.TouchEvent && e instanceof window.TouchEvent;
      }
      function useRefs() {
        const refs = /* @__PURE__ */ new Map();
        const setRefs = (index) => (el) => {
          refs.set(index, el);
        };
        vue.onBeforeUpdate(() => {
          refs.clear();
        });
        return [refs, setRefs];
      }
      const style$l = c$1([cB("slider", `
 display: block;
 padding: calc((var(--n-handle-size) - var(--n-rail-height)) / 2) 0;
 position: relative;
 z-index: 0;
 width: 100%;
 cursor: pointer;
 user-select: none;
 -webkit-user-select: none;
 `, [cM("reverse", [cB("slider-handles", [cB("slider-handle-wrapper", `
 transform: translate(50%, -50%);
 `)]), cB("slider-dots", [cB("slider-dot", `
 transform: translateX(50%, -50%);
 `)]), cM("vertical", [cB("slider-handles", [cB("slider-handle-wrapper", `
 transform: translate(-50%, -50%);
 `)]), cB("slider-marks", [cB("slider-mark", `
 transform: translateY(calc(-50% + var(--n-dot-height) / 2));
 `)]), cB("slider-dots", [cB("slider-dot", `
 transform: translateX(-50%) translateY(0);
 `)])])]), cM("vertical", `
 padding: 0 calc((var(--n-handle-size) - var(--n-rail-height)) / 2);
 width: var(--n-rail-width-vertical);
 height: 100%;
 `, [cB("slider-handles", `
 top: calc(var(--n-handle-size) / 2);
 right: 0;
 bottom: calc(var(--n-handle-size) / 2);
 left: 0;
 `, [cB("slider-handle-wrapper", `
 top: unset;
 left: 50%;
 transform: translate(-50%, 50%);
 `)]), cB("slider-rail", `
 height: 100%;
 `, [cE("fill", `
 top: unset;
 right: 0;
 bottom: unset;
 left: 0;
 `)]), cM("with-mark", `
 width: var(--n-rail-width-vertical);
 margin: 0 32px 0 8px;
 `), cB("slider-marks", `
 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 22px;
 font-size: var(--n-mark-font-size);
 `, [cB("slider-mark", `
 transform: translateY(50%);
 white-space: nowrap;
 `)]), cB("slider-dots", `
 top: calc(var(--n-handle-size) / 2);
 right: unset;
 bottom: calc(var(--n-handle-size) / 2);
 left: 50%;
 `, [cB("slider-dot", `
 transform: translateX(-50%) translateY(50%);
 `)])]), cM("disabled", `
 cursor: not-allowed;
 opacity: var(--n-opacity-disabled);
 `, [cB("slider-handle", `
 cursor: not-allowed;
 `)]), cM("with-mark", `
 width: 100%;
 margin: 8px 0 32px 0;
 `), c$1("&:hover", [cB("slider-rail", {
        backgroundColor: "var(--n-rail-color-hover)"
      }, [cE("fill", {
        backgroundColor: "var(--n-fill-color-hover)"
      })]), cB("slider-handle", {
        boxShadow: "var(--n-handle-box-shadow-hover)"
      })]), cM("active", [cB("slider-rail", {
        backgroundColor: "var(--n-rail-color-hover)"
      }, [cE("fill", {
        backgroundColor: "var(--n-fill-color-hover)"
      })]), cB("slider-handle", {
        boxShadow: "var(--n-handle-box-shadow-hover)"
      })]), cB("slider-marks", `
 position: absolute;
 top: 18px;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 `, [cB("slider-mark", `
 position: absolute;
 transform: translateX(-50%);
 white-space: nowrap;
 `)]), cB("slider-rail", `
 width: 100%;
 position: relative;
 height: var(--n-rail-height);
 background-color: var(--n-rail-color);
 transition: background-color .3s var(--n-bezier);
 border-radius: calc(var(--n-rail-height) / 2);
 `, [cE("fill", `
 position: absolute;
 top: 0;
 bottom: 0;
 border-radius: calc(var(--n-rail-height) / 2);
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-fill-color);
 `)]), cB("slider-handles", `
 position: absolute;
 top: 0;
 right: calc(var(--n-handle-size) / 2);
 bottom: 0;
 left: calc(var(--n-handle-size) / 2);
 `, [cB("slider-handle-wrapper", `
 outline: none;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 cursor: pointer;
 display: flex;
 `, [cB("slider-handle", `
 height: var(--n-handle-size);
 width: var(--n-handle-size);
 border-radius: 50%;
 overflow: hidden;
 transition: box-shadow .2s var(--n-bezier), background-color .3s var(--n-bezier);
 background-color: var(--n-handle-color);
 box-shadow: var(--n-handle-box-shadow);
 `, [c$1("&:hover", `
 box-shadow: var(--n-handle-box-shadow-hover);
 `)]), c$1("&:focus", [cB("slider-handle", `
 box-shadow: var(--n-handle-box-shadow-focus);
 `, [c$1("&:hover", `
 box-shadow: var(--n-handle-box-shadow-active);
 `)])])])]), cB("slider-dots", `
 position: absolute;
 top: 50%;
 left: calc(var(--n-handle-size) / 2);
 right: calc(var(--n-handle-size) / 2);
 `, [cM("transition-disabled", [cB("slider-dot", "transition: none;")]), cB("slider-dot", `
 transition:
 border-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 position: absolute;
 transform: translate(-50%, -50%);
 height: var(--n-dot-height);
 width: var(--n-dot-width);
 border-radius: var(--n-dot-border-radius);
 overflow: hidden;
 box-sizing: border-box;
 border: var(--n-dot-border);
 background-color: var(--n-dot-color);
 `, [cM("active", "border: var(--n-dot-border-active);")])])]), cB("slider-handle-indicator", `
 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 `, [fadeInScaleUpTransition()]), cB("slider-handle-indicator", `
 font-size: var(--n-font-size);
 padding: 6px 10px;
 border-radius: var(--n-indicator-border-radius);
 color: var(--n-indicator-text-color);
 background-color: var(--n-indicator-color);
 box-shadow: var(--n-indicator-box-shadow);
 `, [cM("top", `
 margin-bottom: 12px;
 `), cM("right", `
 margin-left: 12px;
 `), cM("bottom", `
 margin-top: 12px;
 `), cM("left", `
 margin-right: 12px;
 `), fadeInScaleUpTransition()]), insideModal(cB("slider", [cB("slider-dot", "background-color: var(--n-dot-color-modal);")])), insidePopover(cB("slider", [cB("slider-dot", "background-color: var(--n-dot-color-popover);")]))]);
      const eventButtonLeft = 0;
      const sliderProps = Object.assign(Object.assign({}, useTheme.props), {
        to: useAdjustedTo.propTo,
        defaultValue: {
          type: [Number, Array],
          default: 0
        },
        marks: Object,
        disabled: {
          type: Boolean,
          default: void 0
        },
        formatTooltip: Function,
        keyboard: {
          type: Boolean,
          default: true
        },
        min: {
          type: Number,
          default: 0
        },
        max: {
          type: Number,
          default: 100
        },
        step: {
          type: [Number, String],
          default: 1
        },
        range: Boolean,
        value: [Number, Array],
        placement: String,
        showTooltip: {
          type: Boolean,
          default: void 0
        },
        tooltip: {
          type: Boolean,
          default: true
        },
        vertical: Boolean,
        reverse: Boolean,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onDragstart: [Function],
        onDragend: [Function]
      });
      const Slider = vue.defineComponent({
        name: "Slider",
        props: sliderProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Slider", "-slider", style$l, sliderLight, props, mergedClsPrefixRef);
          const handleRailRef = vue.ref(null);
          const [handleRefs, setHandleRefs] = useRefs();
          const [followerRefs, setFollowerRefs] = useRefs();
          const followerEnabledIndexSetRef = vue.ref(/* @__PURE__ */ new Set());
          const formItem = useFormItem(props);
          const {
            mergedDisabledRef
          } = formItem;
          const precisionRef = vue.computed(() => {
            const {
              step
            } = props;
            if (Number(step) <= 0 || step === "mark")
              return 0;
            const stepString = step.toString();
            let precision = 0;
            if (stepString.includes(".")) {
              precision = stepString.length - stepString.indexOf(".") - 1;
            }
            return precision;
          });
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const arrifiedValueRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            return (props.range ? mergedValue : [mergedValue]).map(clampValue2);
          });
          const handleCountExceeds2Ref = vue.computed(() => arrifiedValueRef.value.length > 2);
          const mergedPlacementRef = vue.computed(() => {
            return props.placement === void 0 ? props.vertical ? "right" : "top" : props.placement;
          });
          const markValuesRef = vue.computed(() => {
            const {
              marks
            } = props;
            return marks ? Object.keys(marks).map(parseFloat) : null;
          });
          const activeIndexRef = vue.ref(-1);
          const previousIndexRef = vue.ref(-1);
          const hoverIndexRef = vue.ref(-1);
          const draggingRef = vue.ref(false);
          const dotTransitionDisabledRef = vue.ref(false);
          const styleDirectionRef = vue.computed(() => {
            const {
              vertical,
              reverse
            } = props;
            const left = reverse ? "right" : "left";
            const bottom = reverse ? "top" : "bottom";
            return vertical ? bottom : left;
          });
          const fillStyleRef = vue.computed(() => {
            if (handleCountExceeds2Ref.value)
              return;
            const values = arrifiedValueRef.value;
            const start = valueToPercentage(props.range ? Math.min(...values) : props.min);
            const end = valueToPercentage(props.range ? Math.max(...values) : values[0]);
            const {
              value: styleDirection
            } = styleDirectionRef;
            return props.vertical ? {
              [styleDirection]: `${start}%`,
              height: `${end - start}%`
            } : {
              [styleDirection]: `${start}%`,
              width: `${end - start}%`
            };
          });
          const markInfosRef = vue.computed(() => {
            const mergedMarks = [];
            const {
              marks
            } = props;
            if (marks) {
              const orderValues = arrifiedValueRef.value.slice();
              orderValues.sort((a2, b) => a2 - b);
              const {
                value: styleDirection
              } = styleDirectionRef;
              const {
                value: handleCountExceeds2
              } = handleCountExceeds2Ref;
              const {
                range: range2
              } = props;
              const isActive = handleCountExceeds2 ? () => false : (num) => range2 ? num >= orderValues[0] && num <= orderValues[orderValues.length - 1] : num <= orderValues[0];
              for (const key of Object.keys(marks)) {
                const num = Number(key);
                mergedMarks.push({
                  active: isActive(num),
                  label: marks[key],
                  style: {
                    [styleDirection]: `${valueToPercentage(num)}%`
                  }
                });
              }
            }
            return mergedMarks;
          });
          function getHandleStyle(value, index) {
            const percentage = valueToPercentage(value);
            const {
              value: styleDirection
            } = styleDirectionRef;
            return {
              [styleDirection]: `${percentage}%`,
              zIndex: index === activeIndexRef.value ? 1 : 0
            };
          }
          function isShowTooltip(index) {
            return props.showTooltip || hoverIndexRef.value === index || activeIndexRef.value === index && draggingRef.value;
          }
          function shouldKeepTooltipTransition(index) {
            if (!draggingRef.value)
              return true;
            return !(activeIndexRef.value === index && previousIndexRef.value === index);
          }
          function focusActiveHandle(index) {
            var _a;
            if (~index) {
              activeIndexRef.value = index;
              (_a = handleRefs.get(index)) === null || _a === void 0 ? void 0 : _a.focus();
            }
          }
          function syncPosition() {
            followerRefs.forEach((inst, index) => {
              if (isShowTooltip(index))
                inst.syncPosition();
            });
          }
          function doUpdateValue(value) {
            const {
              "onUpdate:value": _onUpdateValue,
              onUpdateValue
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function dispatchValueUpdate(value) {
            const {
              range: range2
            } = props;
            if (range2) {
              if (Array.isArray(value)) {
                const {
                  value: oldValues
                } = arrifiedValueRef;
                if (value.join() !== oldValues.join()) {
                  doUpdateValue(value);
                }
              }
            } else if (!Array.isArray(value)) {
              const oldValue = arrifiedValueRef.value[0];
              if (oldValue !== value) {
                doUpdateValue(value);
              }
            }
          }
          function doDispatchValue(value, index) {
            if (props.range) {
              const values = arrifiedValueRef.value.slice();
              values.splice(index, 1, value);
              dispatchValueUpdate(values);
            } else {
              dispatchValueUpdate(value);
            }
          }
          function sanitizeValue(value, currentValue, stepBuffer) {
            const stepping = stepBuffer !== void 0;
            if (!stepBuffer) {
              stepBuffer = value - currentValue > 0 ? 1 : -1;
            }
            const markValues = markValuesRef.value || [];
            const {
              step
            } = props;
            if (step === "mark") {
              const closestMark2 = getClosestMark(value, markValues.concat(currentValue), stepping ? stepBuffer : void 0);
              return closestMark2 ? closestMark2.value : currentValue;
            }
            if (step <= 0)
              return currentValue;
            const {
              value: precision
            } = precisionRef;
            let closestMark;
            if (stepping) {
              const currentStep = Number((currentValue / step).toFixed(precision));
              const actualStep = Math.floor(currentStep);
              const leftStep = currentStep > actualStep ? actualStep : actualStep - 1;
              const rightStep = currentStep < actualStep ? actualStep : actualStep + 1;
              closestMark = getClosestMark(currentValue, [Number((leftStep * step).toFixed(precision)), Number((rightStep * step).toFixed(precision)), ...markValues], stepBuffer);
            } else {
              const roundValue = getRoundValue(value);
              closestMark = getClosestMark(value, [...markValues, roundValue]);
            }
            return closestMark ? clampValue2(closestMark.value) : currentValue;
          }
          function clampValue2(value) {
            return Math.min(props.max, Math.max(props.min, value));
          }
          function valueToPercentage(value) {
            const {
              max,
              min
            } = props;
            return (value - min) / (max - min) * 100;
          }
          function percentageToValue(percentage) {
            const {
              max,
              min
            } = props;
            return min + (max - min) * percentage;
          }
          function getRoundValue(value) {
            const {
              step,
              min
            } = props;
            if (Number(step) <= 0 || step === "mark")
              return value;
            const newValue = Math.round((value - min) / step) * step + min;
            return Number(newValue.toFixed(precisionRef.value));
          }
          function getClosestMark(currentValue, markValues = markValuesRef.value, buffer) {
            if (!(markValues === null || markValues === void 0 ? void 0 : markValues.length))
              return null;
            let closestMark = null;
            let index = -1;
            while (++index < markValues.length) {
              const diff = markValues[index] - currentValue;
              const distance = Math.abs(diff);
              if (
                // find marks in the same direction
                (buffer === void 0 || diff * buffer > 0) && (closestMark === null || distance < closestMark.distance)
              ) {
                closestMark = {
                  index,
                  distance,
                  value: markValues[index]
                };
              }
            }
            return closestMark;
          }
          function getPointValue(event) {
            const railEl = handleRailRef.value;
            if (!railEl)
              return;
            const touchEvent = isTouchEvent(event) ? event.touches[0] : event;
            const railRect = railEl.getBoundingClientRect();
            let percentage;
            if (props.vertical) {
              percentage = (railRect.bottom - touchEvent.clientY) / railRect.height;
            } else {
              percentage = (touchEvent.clientX - railRect.left) / railRect.width;
            }
            if (props.reverse) {
              percentage = 1 - percentage;
            }
            return percentageToValue(percentage);
          }
          function handleRailKeyDown(e) {
            if (mergedDisabledRef.value || !props.keyboard)
              return;
            const {
              vertical,
              reverse
            } = props;
            switch (e.key) {
              case "ArrowUp":
                e.preventDefault();
                handleStepValue(vertical && reverse ? -1 : 1);
                break;
              case "ArrowRight":
                e.preventDefault();
                handleStepValue(!vertical && reverse ? -1 : 1);
                break;
              case "ArrowDown":
                e.preventDefault();
                handleStepValue(vertical && reverse ? 1 : -1);
                break;
              case "ArrowLeft":
                e.preventDefault();
                handleStepValue(!vertical && reverse ? 1 : -1);
                break;
            }
          }
          function handleStepValue(ratio) {
            const activeIndex = activeIndexRef.value;
            if (activeIndex === -1)
              return;
            const {
              step
            } = props;
            const currentValue = arrifiedValueRef.value[activeIndex];
            const nextValue = Number(step) <= 0 || step === "mark" ? currentValue : currentValue + step * ratio;
            doDispatchValue(
              // Avoid the number of value does not change when `step` is null
              sanitizeValue(nextValue, currentValue, ratio > 0 ? 1 : -1),
              activeIndex
            );
          }
          function handleRailMouseDown(event) {
            var _a, _b;
            if (mergedDisabledRef.value)
              return;
            if (!isTouchEvent(event) && event.button !== eventButtonLeft) {
              return;
            }
            const pointValue = getPointValue(event);
            if (pointValue === void 0)
              return;
            const values = arrifiedValueRef.value.slice();
            const activeIndex = props.range ? (_b = (_a = getClosestMark(pointValue, values)) === null || _a === void 0 ? void 0 : _a.index) !== null && _b !== void 0 ? _b : -1 : 0;
            if (activeIndex !== -1) {
              event.preventDefault();
              focusActiveHandle(activeIndex);
              startDragging();
              doDispatchValue(sanitizeValue(pointValue, arrifiedValueRef.value[activeIndex]), activeIndex);
            }
          }
          function startDragging() {
            if (!draggingRef.value) {
              draggingRef.value = true;
              if (props.onDragstart)
                call(props.onDragstart);
              on("touchend", document, handleMouseUp);
              on("mouseup", document, handleMouseUp);
              on("touchmove", document, handleMouseMove);
              on("mousemove", document, handleMouseMove);
            }
          }
          function stopDragging() {
            if (draggingRef.value) {
              draggingRef.value = false;
              if (props.onDragend)
                call(props.onDragend);
              off("touchend", document, handleMouseUp);
              off("mouseup", document, handleMouseUp);
              off("touchmove", document, handleMouseMove);
              off("mousemove", document, handleMouseMove);
            }
          }
          function handleMouseMove(event) {
            const {
              value: activeIndex
            } = activeIndexRef;
            if (!draggingRef.value || activeIndex === -1) {
              stopDragging();
              return;
            }
            const pointValue = getPointValue(event);
            if (pointValue === void 0)
              return;
            doDispatchValue(sanitizeValue(pointValue, arrifiedValueRef.value[activeIndex]), activeIndex);
          }
          function handleMouseUp() {
            stopDragging();
          }
          function handleHandleFocus(index) {
            activeIndexRef.value = index;
            if (!mergedDisabledRef.value) {
              hoverIndexRef.value = index;
            }
          }
          function handleHandleBlur(index) {
            if (activeIndexRef.value === index) {
              activeIndexRef.value = -1;
              stopDragging();
            }
            if (hoverIndexRef.value === index) {
              hoverIndexRef.value = -1;
            }
          }
          function handleHandleMouseEnter(index) {
            hoverIndexRef.value = index;
          }
          function handleHandleMouseLeave(index) {
            if (hoverIndexRef.value === index) {
              hoverIndexRef.value = -1;
            }
          }
          vue.watch(activeIndexRef, (_, previous) => void vue.nextTick(() => previousIndexRef.value = previous));
          vue.watch(mergedValueRef, () => {
            if (props.marks) {
              if (dotTransitionDisabledRef.value)
                return;
              dotTransitionDisabledRef.value = true;
              void vue.nextTick(() => {
                dotTransitionDisabledRef.value = false;
              });
            }
            void vue.nextTick(syncPosition);
          });
          vue.onBeforeUnmount(() => {
            stopDragging();
          });
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                markFontSize,
                railColor,
                railColorHover,
                fillColor,
                fillColorHover,
                handleColor,
                opacityDisabled,
                dotColor,
                dotColorModal,
                handleBoxShadow,
                handleBoxShadowHover,
                handleBoxShadowActive,
                handleBoxShadowFocus,
                dotBorder,
                dotBoxShadow,
                railHeight,
                railWidthVertical,
                handleSize,
                dotHeight,
                dotWidth,
                dotBorderRadius,
                fontSize: fontSize2,
                dotBorderActive,
                dotColorPopover
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-dot-border": dotBorder,
              "--n-dot-border-active": dotBorderActive,
              "--n-dot-border-radius": dotBorderRadius,
              "--n-dot-box-shadow": dotBoxShadow,
              "--n-dot-color": dotColor,
              "--n-dot-color-modal": dotColorModal,
              "--n-dot-color-popover": dotColorPopover,
              "--n-dot-height": dotHeight,
              "--n-dot-width": dotWidth,
              "--n-fill-color": fillColor,
              "--n-fill-color-hover": fillColorHover,
              "--n-font-size": fontSize2,
              "--n-handle-box-shadow": handleBoxShadow,
              "--n-handle-box-shadow-active": handleBoxShadowActive,
              "--n-handle-box-shadow-focus": handleBoxShadowFocus,
              "--n-handle-box-shadow-hover": handleBoxShadowHover,
              "--n-handle-color": handleColor,
              "--n-handle-size": handleSize,
              "--n-opacity-disabled": opacityDisabled,
              "--n-rail-color": railColor,
              "--n-rail-color-hover": railColorHover,
              "--n-rail-height": railHeight,
              "--n-rail-width-vertical": railWidthVertical,
              "--n-mark-font-size": markFontSize
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("slider", void 0, cssVarsRef, props) : void 0;
          const indicatorCssVarsRef = vue.computed(() => {
            const {
              self: {
                fontSize: fontSize2,
                indicatorColor,
                indicatorBoxShadow,
                indicatorTextColor,
                indicatorBorderRadius
              }
            } = themeRef.value;
            return {
              "--n-font-size": fontSize2,
              "--n-indicator-border-radius": indicatorBorderRadius,
              "--n-indicator-box-shadow": indicatorBoxShadow,
              "--n-indicator-color": indicatorColor,
              "--n-indicator-text-color": indicatorTextColor
            };
          });
          const indicatorThemeClassHandle = inlineThemeDisabled ? useThemeClass("slider-indicator", void 0, indicatorCssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            namespace: namespaceRef,
            uncontrolledValue: uncontrolledValueRef,
            mergedValue: mergedValueRef,
            mergedDisabled: mergedDisabledRef,
            mergedPlacement: mergedPlacementRef,
            isMounted: isMounted(),
            adjustedTo: useAdjustedTo(props),
            dotTransitionDisabled: dotTransitionDisabledRef,
            markInfos: markInfosRef,
            isShowTooltip,
            shouldKeepTooltipTransition,
            handleRailRef,
            setHandleRefs,
            setFollowerRefs,
            fillStyle: fillStyleRef,
            getHandleStyle,
            activeIndex: activeIndexRef,
            arrifiedValues: arrifiedValueRef,
            followerEnabledIndexSet: followerEnabledIndexSetRef,
            handleRailMouseDown,
            handleHandleFocus,
            handleHandleBlur,
            handleHandleMouseEnter,
            handleHandleMouseLeave,
            handleRailKeyDown,
            indicatorCssVars: inlineThemeDisabled ? void 0 : indicatorCssVarsRef,
            indicatorThemeClass: indicatorThemeClassHandle === null || indicatorThemeClassHandle === void 0 ? void 0 : indicatorThemeClassHandle.themeClass,
            indicatorOnRender: indicatorThemeClassHandle === null || indicatorThemeClassHandle === void 0 ? void 0 : indicatorThemeClassHandle.onRender,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            themeClass,
            formatTooltip
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-slider`, themeClass, {
              [`${mergedClsPrefix}-slider--disabled`]: this.mergedDisabled,
              [`${mergedClsPrefix}-slider--active`]: this.activeIndex !== -1,
              [`${mergedClsPrefix}-slider--with-mark`]: this.marks,
              [`${mergedClsPrefix}-slider--vertical`]: this.vertical,
              [`${mergedClsPrefix}-slider--reverse`]: this.reverse
            }],
            style: this.cssVars,
            onKeydown: this.handleRailKeyDown,
            onMousedown: this.handleRailMouseDown,
            onTouchstart: this.handleRailMouseDown
          }, vue.h("div", {
            class: `${mergedClsPrefix}-slider-rail`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-slider-rail__fill`,
            style: this.fillStyle
          }), this.marks ? vue.h("div", {
            class: [`${mergedClsPrefix}-slider-dots`, this.dotTransitionDisabled && `${mergedClsPrefix}-slider-dots--transition-disabled`]
          }, this.markInfos.map((mark) => vue.h("div", {
            key: mark.label,
            class: [`${mergedClsPrefix}-slider-dot`, {
              [`${mergedClsPrefix}-slider-dot--active`]: mark.active
            }],
            style: mark.style
          }))) : null, vue.h("div", {
            ref: "handleRailRef",
            class: `${mergedClsPrefix}-slider-handles`
          }, this.arrifiedValues.map((value, index) => {
            const showTooltip = this.isShowTooltip(index);
            return vue.h(Binder, null, {
              default: () => [vue.h(VTarget, null, {
                default: () => vue.h("div", {
                  ref: this.setHandleRefs(index),
                  class: `${mergedClsPrefix}-slider-handle-wrapper`,
                  tabindex: this.mergedDisabled ? -1 : 0,
                  role: "slider",
                  "aria-valuenow": value,
                  "aria-valuemin": this.min,
                  "aria-valuemax": this.max,
                  "aria-orientation": this.vertical ? "vertical" : "horizontal",
                  "aria-disabled": this.disabled,
                  style: this.getHandleStyle(value, index),
                  onFocus: () => {
                    this.handleHandleFocus(index);
                  },
                  onBlur: () => {
                    this.handleHandleBlur(index);
                  },
                  onMouseenter: () => {
                    this.handleHandleMouseEnter(index);
                  },
                  onMouseleave: () => {
                    this.handleHandleMouseLeave(index);
                  }
                }, resolveSlot(this.$slots.thumb, () => [vue.h("div", {
                  class: `${mergedClsPrefix}-slider-handle`
                })]))
              }), this.tooltip && vue.h(VFollower, {
                ref: this.setFollowerRefs(index),
                show: showTooltip,
                to: this.adjustedTo,
                enabled: this.showTooltip && !this.range || this.followerEnabledIndexSet.has(index),
                teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
                placement: this.mergedPlacement,
                containerClass: this.namespace
              }, {
                default: () => vue.h(vue.Transition, {
                  name: "fade-in-scale-up-transition",
                  appear: this.isMounted,
                  css: this.shouldKeepTooltipTransition(index),
                  onEnter: () => {
                    this.followerEnabledIndexSet.add(index);
                  },
                  onAfterLeave: () => {
                    this.followerEnabledIndexSet.delete(index);
                  }
                }, {
                  default: () => {
                    var _a2;
                    if (showTooltip) {
                      (_a2 = this.indicatorOnRender) === null || _a2 === void 0 ? void 0 : _a2.call(this);
                      return vue.h("div", {
                        class: [`${mergedClsPrefix}-slider-handle-indicator`, this.indicatorThemeClass, `${mergedClsPrefix}-slider-handle-indicator--${this.mergedPlacement}`],
                        style: this.indicatorCssVars
                      }, typeof formatTooltip === "function" ? formatTooltip(value) : value);
                    }
                    return null;
                  }
                })
              })]
            });
          })), this.marks ? vue.h("div", {
            class: `${mergedClsPrefix}-slider-marks`
          }, this.markInfos.map((mark) => vue.h("div", {
            key: mark.label,
            class: `${mergedClsPrefix}-slider-mark`,
            style: mark.style
          }, mark.label))) : null));
        }
      });
      const style$k = c$1([c$1("@keyframes spin-rotate", `
 from {
 transform: rotate(0);
 }
 to {
 transform: rotate(360deg);
 }
 `), cB("spin-container", `
 position: relative;
 `, [cB("spin-body", `
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 `, [fadeInTransition()])]), cB("spin-body", `
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 `), cB("spin", `
 display: inline-flex;
 height: var(--n-size);
 width: var(--n-size);
 font-size: var(--n-size);
 color: var(--n-color);
 `, [cM("rotate", `
 animation: spin-rotate 2s linear infinite;
 `)]), cB("spin-description", `
 display: inline-block;
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 margin-top: 8px;
 `), cB("spin-content", `
 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 pointer-events: all;
 `, [cM("spinning", `
 user-select: none;
 -webkit-user-select: none;
 pointer-events: none;
 opacity: var(--n-opacity-spinning);
 `)])]);
      const STROKE_WIDTH = {
        small: 20,
        medium: 18,
        large: 16
      };
      const spinProps = Object.assign(Object.assign({}, useTheme.props), {
        contentClass: String,
        contentStyle: [Object, String],
        description: String,
        stroke: String,
        size: {
          type: [String, Number],
          default: "medium"
        },
        show: {
          type: Boolean,
          default: true
        },
        strokeWidth: Number,
        rotate: {
          type: Boolean,
          default: true
        },
        spinning: {
          type: Boolean,
          validator: () => {
            return true;
          },
          default: void 0
        },
        delay: Number
      });
      const Spin = vue.defineComponent({
        name: "Spin",
        props: spinProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Spin", "-spin", style$k, spinLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              size: spinSize
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: self2
            } = themeRef.value;
            const {
              opacitySpinning,
              color,
              textColor
            } = self2;
            const size2 = typeof spinSize === "number" ? pxfy(spinSize) : self2[createKey("size", spinSize)];
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-opacity-spinning": opacitySpinning,
              "--n-size": size2,
              "--n-color": color,
              "--n-text-color": textColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("spin", vue.computed(() => {
            const {
              size: size2
            } = props;
            return typeof size2 === "number" ? String(size2) : size2[0];
          }), cssVarsRef, props) : void 0;
          const compitableShow = useCompitable(props, ["spinning", "show"]);
          const activeRef = vue.ref(false);
          vue.watchEffect((onCleanup) => {
            let timerId;
            if (compitableShow.value) {
              const {
                delay
              } = props;
              if (delay) {
                timerId = window.setTimeout(() => {
                  activeRef.value = true;
                }, delay);
                onCleanup(() => {
                  clearTimeout(timerId);
                });
                return;
              }
            }
            activeRef.value = compitableShow.value;
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            active: activeRef,
            mergedStrokeWidth: vue.computed(() => {
              const {
                strokeWidth
              } = props;
              if (strokeWidth !== void 0)
                return strokeWidth;
              const {
                size: size2
              } = props;
              return STROKE_WIDTH[typeof size2 === "number" ? "medium" : size2];
            }),
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a, _b;
          const {
            $slots,
            mergedClsPrefix,
            description
          } = this;
          const rotate = $slots.icon && this.rotate;
          const descriptionNode = (description || $slots.description) && vue.h("div", {
            class: `${mergedClsPrefix}-spin-description`
          }, description || ((_a = $slots.description) === null || _a === void 0 ? void 0 : _a.call($slots)));
          const icon = $slots.icon ? vue.h("div", {
            class: [`${mergedClsPrefix}-spin-body`, this.themeClass]
          }, vue.h("div", {
            class: [`${mergedClsPrefix}-spin`, rotate && `${mergedClsPrefix}-spin--rotate`],
            style: $slots.default ? "" : this.cssVars
          }, $slots.icon()), descriptionNode) : vue.h("div", {
            class: [`${mergedClsPrefix}-spin-body`, this.themeClass]
          }, vue.h(NBaseLoading, {
            clsPrefix: mergedClsPrefix,
            style: $slots.default ? "" : this.cssVars,
            stroke: this.stroke,
            "stroke-width": this.mergedStrokeWidth,
            class: `${mergedClsPrefix}-spin`
          }), descriptionNode);
          (_b = this.onRender) === null || _b === void 0 ? void 0 : _b.call(this);
          return $slots.default ? vue.h("div", {
            class: [`${mergedClsPrefix}-spin-container`, this.themeClass],
            style: this.cssVars
          }, vue.h("div", {
            class: [`${mergedClsPrefix}-spin-content`, this.active && `${mergedClsPrefix}-spin-content--spinning`, this.contentClass],
            style: this.contentStyle
          }, $slots), vue.h(vue.Transition, {
            name: "fade-in-transition"
          }, {
            default: () => this.active ? icon : null
          })) : icon;
        }
      });
      const style$j = cB("split", `
 display: flex;
 width: 100%;
 height: 100%;
`, [cM("horizontal", `
 flex-direction: row;
 `), cM("vertical", `
 flex-direction: column;
 `), cB("split-pane-1", `
 overflow: hidden;
 `), cB("split-pane-2", `
 overflow: hidden;
 flex: 1;
 `), cE("resize-trigger", `
 background-color: var(--n-resize-trigger-color);
 transition: background-color .3s var(--n-bezier);
 `, [cM("hover", `
 background-color: var(--n-resize-trigger-color-hover);
 `), c$1("&:hover", `
 background-color: var(--n-resize-trigger-color-hover);
 `)])]);
      const self$1 = (vars) => {
        const {
          primaryColorHover,
          borderColor
        } = vars;
        return {
          resizableTriggerColorHover: primaryColorHover,
          resizableTriggerColor: borderColor
        };
      };
      const themeLight = {
        name: "Split",
        common: derived,
        self: self$1
      };
      const splitProps = Object.assign(Object.assign({}, useTheme.props), {
        direction: {
          type: String,
          default: "horizontal"
        },
        resizeTriggerSize: {
          type: Number,
          default: 3
        },
        disabled: Boolean,
        defaultSize: {
          type: [String, Number],
          default: 0.5
        },
        "onUpdate:size": [Function, Array],
        onUpdateSize: [Function, Array],
        size: [String, Number],
        min: {
          type: [String, Number],
          default: 0
        },
        max: {
          type: [String, Number],
          default: 1
        },
        pane1Class: String,
        pane1Style: [Object, String],
        pane2Class: String,
        pane2Style: [Object, String],
        onDragStart: Function,
        onDragMove: Function,
        onDragEnd: Function,
        watchProps: Array
      });
      const Split = vue.defineComponent({
        name: "Split",
        props: splitProps,
        setup(props) {
          var _a;
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Split", "-split", style$j, themeLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                resizableTriggerColor,
                resizableTriggerColorHover
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-resize-trigger-color": resizableTriggerColor,
              "--n-resize-trigger-color-hover": resizableTriggerColorHover
            };
          });
          const resizeTriggerElRef = vue.ref(null);
          const isDraggingRef = vue.ref(false);
          const controlledSizeRef = vue.toRef(props, "size");
          const uncontrolledSizeRef = vue.ref(props.defaultSize);
          if ((_a = props.watchProps) === null || _a === void 0 ? void 0 : _a.includes("defaultSize")) {
            vue.watchEffect(() => uncontrolledSizeRef.value = props.defaultSize);
          }
          const doUpdateSize = (size2) => {
            const _onUpdateSize = props["onUpdate:size"];
            if (props.onUpdateSize)
              call(props.onUpdateSize, size2);
            if (_onUpdateSize)
              call(_onUpdateSize, size2);
            uncontrolledSizeRef.value = size2;
          };
          const mergedSizeRef = useMergedState(controlledSizeRef, uncontrolledSizeRef);
          const firstPaneStyle = vue.computed(() => {
            const sizeValue = mergedSizeRef.value;
            if (typeof sizeValue === "string") {
              return {
                flex: `0 0 ${sizeValue}`
              };
            } else if (typeof sizeValue === "number") {
              const size2 = sizeValue * 100;
              return {
                flex: `0 0 calc(${size2}% - ${props.resizeTriggerSize * size2 / 100}px)`
              };
            }
          });
          const resizeTriggerStyle = vue.computed(() => {
            return props.direction === "horizontal" ? {
              width: `${props.resizeTriggerSize}px`,
              height: "100%"
            } : {
              width: "100%",
              height: `${props.resizeTriggerSize}px`
            };
          });
          const resizeTriggerWrapperStyle = vue.computed(() => {
            const horizontal = props.direction === "horizontal";
            return {
              width: horizontal ? `${props.resizeTriggerSize}px` : "",
              height: horizontal ? "" : `${props.resizeTriggerSize}px`,
              cursor: props.direction === "horizontal" ? "col-resize" : "row-resize"
            };
          });
          let offset = 0;
          const handleMouseDown = (e) => {
            e.preventDefault();
            isDraggingRef.value = true;
            if (props.onDragStart)
              props.onDragStart(e);
            const mouseMoveEvent = "mousemove";
            const mouseUpEvent = "mouseup";
            const onMouseMove = (e2) => {
              updateSize(e2);
              if (props.onDragMove)
                props.onDragMove(e2);
            };
            const onMouseUp = () => {
              off(mouseMoveEvent, document, onMouseMove);
              off(mouseUpEvent, document, onMouseUp);
              isDraggingRef.value = false;
              if (props.onDragEnd)
                props.onDragEnd(e);
              document.body.style.cursor = "";
            };
            document.body.style.cursor = resizeTriggerWrapperStyle.value.cursor;
            on(mouseMoveEvent, document, onMouseMove);
            on(mouseUpEvent, document, onMouseUp);
            const resizeTriggerEl = resizeTriggerElRef.value;
            if (resizeTriggerEl) {
              const elRect = resizeTriggerEl.getBoundingClientRect();
              if (props.direction === "horizontal") {
                offset = e.clientX - elRect.left;
              } else {
                offset = elRect.top - e.clientY;
              }
            }
            updateSize(e);
          };
          const updateSize = (event) => {
            var _a2, _b;
            const containerRect = (_b = (_a2 = resizeTriggerElRef.value) === null || _a2 === void 0 ? void 0 : _a2.parentElement) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
            if (!containerRect)
              return;
            const {
              direction
            } = props;
            const containerUsableWidth = containerRect.width - props.resizeTriggerSize;
            const containerUsableHeight = containerRect.height - props.resizeTriggerSize;
            const containerUsableSize = direction === "horizontal" ? containerUsableWidth : containerUsableHeight;
            const newPxSize = direction === "horizontal" ? event.clientX - containerRect.left - offset : event.clientY - containerRect.top + offset;
            const {
              min,
              max
            } = props;
            const pxMin = typeof min === "string" ? depx(min) : min * containerUsableSize;
            const pxMax = typeof max === "string" ? depx(max) : max * containerUsableSize;
            let nextPxSize = newPxSize;
            nextPxSize = Math.max(nextPxSize, pxMin);
            nextPxSize = Math.min(nextPxSize, pxMax, containerUsableSize);
            if (typeof mergedSizeRef.value === "string") {
              doUpdateSize(`${nextPxSize}px`);
            } else {
              doUpdateSize(nextPxSize / containerUsableSize);
            }
          };
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("split", void 0, cssVarsRef, props) : void 0;
          return {
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            resizeTriggerElRef,
            isDragging: isDraggingRef,
            mergedClsPrefix: mergedClsPrefixRef,
            resizeTriggerWrapperStyle,
            resizeTriggerStyle,
            handleMouseDown,
            firstPaneStyle
          };
        },
        render() {
          var _a, _b, _c, _d, _e;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${this.mergedClsPrefix}-split`, `${this.mergedClsPrefix}-split--${this.direction}`, this.themeClass],
            style: this.cssVars
          }, vue.h("div", {
            class: [`${this.mergedClsPrefix}-split-pane-1`, this.pane1Class],
            style: [this.firstPaneStyle, this.pane1Style]
          }, (_c = (_b = this.$slots)[1]) === null || _c === void 0 ? void 0 : _c.call(_b)), !this.disabled && vue.h("div", {
            ref: "resizeTriggerElRef",
            class: `${this.mergedClsPrefix}-split__resize-trigger-wrapper`,
            style: this.resizeTriggerWrapperStyle,
            onMousedown: this.handleMouseDown
          }, resolveSlot(this.$slots["resize-trigger"], () => [vue.h("div", {
            style: this.resizeTriggerStyle,
            class: [`${this.mergedClsPrefix}-split__resize-trigger`, this.isDragging && `${this.mergedClsPrefix}-split__resize-trigger--hover`]
          })])), vue.h("div", {
            class: [`${this.mergedClsPrefix}-split-pane-2`, this.pane2Class],
            style: this.pane2Style
          }, (_e = (_d = this.$slots)[2]) === null || _e === void 0 ? void 0 : _e.call(_d)));
        }
      });
      const style$i = cB("statistic", [cE("label", `
 font-weight: var(--n-label-font-weight);
 transition: .3s color var(--n-bezier);
 font-size: var(--n-label-font-size);
 color: var(--n-label-text-color);
 `), cB("statistic-value", `
 margin-top: 4px;
 font-weight: var(--n-value-font-weight);
 `, [cE("prefix", `
 margin: 0 4px 0 0;
 font-size: var(--n-value-font-size);
 transition: .3s color var(--n-bezier);
 color: var(--n-value-prefix-text-color);
 `, [cB("icon", {
        verticalAlign: "-0.125em"
      })]), cE("content", `
 font-size: var(--n-value-font-size);
 transition: .3s color var(--n-bezier);
 color: var(--n-value-text-color);
 `), cE("suffix", `
 margin: 0 0 0 4px;
 font-size: var(--n-value-font-size);
 transition: .3s color var(--n-bezier);
 color: var(--n-value-suffix-text-color);
 `, [cB("icon", {
        verticalAlign: "-0.125em"
      })])])]);
      const statisticProps = Object.assign(Object.assign({}, useTheme.props), {
        tabularNums: Boolean,
        label: String,
        value: [String, Number]
      });
      const Statistic = vue.defineComponent({
        name: "Statistic",
        props: statisticProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Statistic", "-statistic", style$i, statisticLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Statistic", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                labelFontWeight,
                valueFontSize,
                valueFontWeight,
                valuePrefixTextColor,
                labelTextColor,
                valueSuffixTextColor,
                valueTextColor,
                labelFontSize
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-label-font-size": labelFontSize,
              "--n-label-font-weight": labelFontWeight,
              "--n-label-text-color": labelTextColor,
              "--n-value-font-weight": valueFontWeight,
              "--n-value-font-size": valueFontSize,
              "--n-value-prefix-text-color": valuePrefixTextColor,
              "--n-value-suffix-text-color": valueSuffixTextColor,
              "--n-value-text-color": valueTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("statistic", void 0, cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix,
            $slots: {
              default: defaultSlot,
              label: labelSlot,
              prefix: prefixSlot,
              suffix: suffixSlot
            }
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("div", {
            class: [`${mergedClsPrefix}-statistic`, this.themeClass, this.rtlEnabled && `${mergedClsPrefix}-statistic--rtl`],
            style: this.cssVars
          }, resolveWrappedSlot(labelSlot, (children) => vue.h("div", {
            class: `${mergedClsPrefix}-statistic__label`
          }, this.label || children)), vue.h("div", {
            class: `${mergedClsPrefix}-statistic-value`,
            style: {
              fontVariantNumeric: this.tabularNums ? "tabular-nums" : ""
            }
          }, resolveWrappedSlot(prefixSlot, (children) => children && vue.h("span", {
            class: `${mergedClsPrefix}-statistic-value__prefix`
          }, children)), this.value !== void 0 ? vue.h("span", {
            class: `${mergedClsPrefix}-statistic-value__content`
          }, this.value) : resolveWrappedSlot(defaultSlot, (children) => children && vue.h("span", {
            class: `${mergedClsPrefix}-statistic-value__content`
          }, children)), resolveWrappedSlot(suffixSlot, (children) => children && vue.h("span", {
            class: `${mergedClsPrefix}-statistic-value__suffix`
          }, children))));
        }
      });
      const style$h = cB("steps", `
 width: 100%;
 display: flex;
`, [cB("step", `
 position: relative;
 display: flex;
 flex: 1;
 `, [cM("disabled", "cursor: not-allowed"), cM("clickable", `
 cursor: pointer;
 `), c$1("&:last-child", [cB("step-splitor", "display: none;")])]), cB("step-splitor", `
 background-color: var(--n-splitor-color);
 margin-top: calc(var(--n-step-header-font-size) / 2);
 height: 1px;
 flex: 1;
 align-self: flex-start;
 margin-left: 12px;
 margin-right: 12px;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `), cB("step-content", "flex: 1;", [cB("step-content-header", `
 color: var(--n-header-text-color);
 margin-top: calc(var(--n-indicator-size) / 2 - var(--n-step-header-font-size) / 2);
 line-height: var(--n-step-header-font-size);
 font-size: var(--n-step-header-font-size);
 position: relative;
 display: flex;
 font-weight: var(--n-step-header-font-weight);
 margin-left: 9px;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [cE("title", `
 white-space: nowrap;
 flex: 0;
 `)]), cE("description", `
 color: var(--n-description-text-color);
 margin-top: 12px;
 margin-left: 9px;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `)]), cB("step-indicator", `
 background-color: var(--n-indicator-color);
 box-shadow: 0 0 0 1px var(--n-indicator-border-color);
 height: var(--n-indicator-size);
 width: var(--n-indicator-size);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 transition:
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 `, [cB("step-indicator-slot", `
 position: relative;
 width: var(--n-indicator-icon-size);
 height: var(--n-indicator-icon-size);
 font-size: var(--n-indicator-icon-size);
 line-height: var(--n-indicator-icon-size);
 `, [cE("index", `
 display: inline-block;
 text-align: center;
 position: absolute;
 left: 0;
 top: 0;
 white-space: nowrap;
 font-size: var(--n-indicator-index-font-size);
 width: var(--n-indicator-icon-size);
 height: var(--n-indicator-icon-size);
 line-height: var(--n-indicator-icon-size);
 color: var(--n-indicator-text-color);
 transition: color .3s var(--n-bezier);
 `, [iconSwitchTransition()]), cB("icon", `
 color: var(--n-indicator-text-color);
 transition: color .3s var(--n-bezier);
 `, [iconSwitchTransition()]), cB("base-icon", `
 color: var(--n-indicator-text-color);
 transition: color .3s var(--n-bezier);
 `, [iconSwitchTransition()])])]), cM("vertical", "flex-direction: column;", [cNotM("show-description", [c$1(">", [cB("step", "padding-bottom: 8px;")])]), c$1(">", [cB("step", "margin-bottom: 16px;", [c$1("&:last-child", "margin-bottom: 0;"), c$1(">", [cB("step-indicator", [c$1(">", [cB("step-splitor", `
 position: absolute;
 bottom: -8px;
 width: 1px;
 margin: 0 !important;
 left: calc(var(--n-indicator-size) / 2);
 height: calc(100% - var(--n-indicator-size));
 `)])]), cB("step-content", [cE("description", "margin-top: 8px;")])])])])])]);
      function stepWithIndex(step, i) {
        if (typeof step !== "object" || step === null || Array.isArray(step)) {
          return null;
        }
        if (!step.props)
          step.props = {};
        step.props.internalIndex = i + 1;
        return step;
      }
      function stepsWithIndex(steps) {
        return steps.map((step, i) => stepWithIndex(step, i));
      }
      const stepsProps = Object.assign(Object.assign({}, useTheme.props), {
        current: Number,
        status: {
          type: String,
          default: "process"
        },
        size: {
          type: String,
          default: "medium"
        },
        vertical: Boolean,
        "onUpdate:current": [Function, Array],
        onUpdateCurrent: [Function, Array]
      });
      const stepsInjectionKey = createInjectionKey("n-steps");
      const Steps = vue.defineComponent({
        name: "Steps",
        props: stepsProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("Steps", mergedRtlRef, mergedClsPrefixRef);
          const themeRef = useTheme("Steps", "-steps", style$h, stepsLight, props, mergedClsPrefixRef);
          vue.provide(stepsInjectionKey, {
            props,
            mergedThemeRef: themeRef,
            mergedClsPrefixRef,
            stepsSlots: slots
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            rtlEnabled: rtlEnabledRef
          };
        },
        render() {
          const {
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-steps`, this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`, this.vertical && `${mergedClsPrefix}-steps--vertical`]
          }, stepsWithIndex(flatten$3(getSlot$1(this))));
        }
      });
      const stepProps = {
        status: String,
        title: String,
        description: String,
        disabled: Boolean,
        // index will be filled by parent steps, not user
        internalIndex: {
          type: Number,
          default: 0
        }
      };
      const Step = vue.defineComponent({
        name: "Step",
        props: stepProps,
        setup(props) {
          const NSteps = vue.inject(stepsInjectionKey, null);
          if (!NSteps)
            throwError("step", "`n-step` must be placed inside `n-steps`.");
          const {
            inlineThemeDisabled
          } = useConfig();
          const {
            props: stepsProps2,
            mergedThemeRef,
            mergedClsPrefixRef,
            stepsSlots
          } = NSteps;
          const verticalRef = vue.computed(() => {
            return stepsProps2.vertical;
          });
          const mergedStatusRef = vue.computed(() => {
            const {
              status
            } = props;
            if (status) {
              return status;
            } else {
              const {
                internalIndex
              } = props;
              const {
                current
              } = stepsProps2;
              if (current === void 0)
                return "process";
              if (internalIndex < current) {
                return "finish";
              } else if (internalIndex === current) {
                return stepsProps2.status || "process";
              } else if (internalIndex > current) {
                return "wait";
              }
            }
            return "process";
          });
          const cssVarsRef = vue.computed(() => {
            const {
              value: status
            } = mergedStatusRef;
            const {
              size: size2
            } = stepsProps2;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                stepHeaderFontWeight,
                [createKey("stepHeaderFontSize", size2)]: stepHeaderFontSize,
                [createKey("indicatorIndexFontSize", size2)]: indicatorIndexFontSize,
                [createKey("indicatorSize", size2)]: indicatorSize,
                [createKey("indicatorIconSize", size2)]: indicatorIconSize,
                [createKey("indicatorTextColor", status)]: indicatorTextColor,
                [createKey("indicatorBorderColor", status)]: indicatorBorderColor,
                [createKey("headerTextColor", status)]: headerTextColor,
                [createKey("splitorColor", status)]: splitorColor,
                [createKey("indicatorColor", status)]: indicatorColor,
                [createKey("descriptionTextColor", status)]: descriptionTextColor
              }
            } = mergedThemeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-description-text-color": descriptionTextColor,
              "--n-header-text-color": headerTextColor,
              "--n-indicator-border-color": indicatorBorderColor,
              "--n-indicator-color": indicatorColor,
              "--n-indicator-icon-size": indicatorIconSize,
              "--n-indicator-index-font-size": indicatorIndexFontSize,
              "--n-indicator-size": indicatorSize,
              "--n-indicator-text-color": indicatorTextColor,
              "--n-splitor-color": splitorColor,
              "--n-step-header-font-size": stepHeaderFontSize,
              "--n-step-header-font-weight": stepHeaderFontWeight
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("step", vue.computed(() => {
            const {
              value: status
            } = mergedStatusRef;
            const {
              size: size2
            } = stepsProps2;
            return `${status[0]}${size2[0]}`;
          }), cssVarsRef, stepsProps2) : void 0;
          const handleStepClick = vue.computed(() => {
            if (props.disabled)
              return void 0;
            const {
              onUpdateCurrent,
              "onUpdate:current": _onUpdateCurrent
            } = stepsProps2;
            return onUpdateCurrent || _onUpdateCurrent ? () => {
              if (onUpdateCurrent) {
                call(onUpdateCurrent, props.internalIndex);
              }
              if (_onUpdateCurrent) {
                call(_onUpdateCurrent, props.internalIndex);
              }
            } : void 0;
          });
          return {
            stepsSlots,
            mergedClsPrefix: mergedClsPrefixRef,
            vertical: verticalRef,
            mergedStatus: mergedStatusRef,
            handleStepClick,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix,
            onRender,
            handleStepClick,
            disabled
          } = this;
          const descriptionNode = resolveWrappedSlot(this.$slots.default, (children) => {
            const mergedDescription = children || this.description;
            if (mergedDescription) {
              return vue.h("div", {
                class: `${mergedClsPrefix}-step-content__description`
              }, mergedDescription);
            }
            return null;
          });
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-step`, disabled && `${mergedClsPrefix}-step--disabled`, !disabled && handleStepClick && `${mergedClsPrefix}-step--clickable`, this.themeClass, descriptionNode && `${mergedClsPrefix}-step--show-description`, `${mergedClsPrefix}-step--${this.mergedStatus}-status`],
            style: this.cssVars,
            onClick: handleStepClick
          }, vue.h("div", {
            class: `${mergedClsPrefix}-step-indicator`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-step-indicator-slot`
          }, vue.h(NIconSwitchTransition, null, {
            default: () => {
              return resolveWrappedSlot(this.$slots.icon, (icon) => {
                const {
                  mergedStatus,
                  stepsSlots
                } = this;
                return !(mergedStatus === "finish" || mergedStatus === "error") ? icon || vue.h("div", {
                  key: this.internalIndex,
                  class: `${mergedClsPrefix}-step-indicator-slot__index`
                }, this.internalIndex) : mergedStatus === "finish" ? vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix,
                  key: "finish"
                }, {
                  default: () => resolveSlot(stepsSlots["finish-icon"], () => [vue.h(FinishedIcon, null)])
                }) : mergedStatus === "error" ? vue.h(NBaseIcon, {
                  clsPrefix: mergedClsPrefix,
                  key: "error"
                }, {
                  default: () => resolveSlot(stepsSlots["error-icon"], () => [vue.h(ErrorIcon$1, null)])
                }) : null;
              });
            }
          })), this.vertical ? vue.h("div", {
            class: `${mergedClsPrefix}-step-splitor`
          }) : null), vue.h("div", {
            class: `${mergedClsPrefix}-step-content`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-step-content-header`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-step-content-header__title`
          }, resolveSlot(this.$slots.title, () => [this.title])), !this.vertical ? vue.h("div", {
            class: `${mergedClsPrefix}-step-splitor`
          }) : null), descriptionNode));
        }
      });
      const style$g = cB("switch", `
 height: var(--n-height);
 min-width: var(--n-width);
 vertical-align: middle;
 user-select: none;
 -webkit-user-select: none;
 display: inline-flex;
 outline: none;
 justify-content: center;
 align-items: center;
`, [cE("children-placeholder", `
 height: var(--n-rail-height);
 display: flex;
 flex-direction: column;
 overflow: hidden;
 pointer-events: none;
 visibility: hidden;
 `), cE("rail-placeholder", `
 display: flex;
 flex-wrap: none;
 `), cE("button-placeholder", `
 width: calc(1.75 * var(--n-rail-height));
 height: var(--n-rail-height);
 `), cB("base-loading", `
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 font-size: calc(var(--n-button-width) - 4px);
 color: var(--n-loading-color);
 transition: color .3s var(--n-bezier);
 `, [iconSwitchTransition({
        left: "50%",
        top: "50%",
        originalTransform: "translateX(-50%) translateY(-50%)"
      })]), cE("checked, unchecked", `
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 box-sizing: border-box;
 position: absolute;
 white-space: nowrap;
 top: 0;
 bottom: 0;
 display: flex;
 align-items: center;
 line-height: 1;
 `), cE("checked", `
 right: 0;
 padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
 `), cE("unchecked", `
 left: 0;
 justify-content: flex-end;
 padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
 `), c$1("&:focus", [cE("rail", `
 box-shadow: var(--n-box-shadow-focus);
 `)]), cM("round", [cE("rail", "border-radius: calc(var(--n-rail-height) / 2);", [cE("button", "border-radius: calc(var(--n-button-height) / 2);")])]), cNotM("disabled", [cNotM("icon", [cM("rubber-band", [cM("pressed", [cE("rail", [cE("button", "max-width: var(--n-button-width-pressed);")])]), cE("rail", [c$1("&:active", [cE("button", "max-width: var(--n-button-width-pressed);")])]), cM("active", [cM("pressed", [cE("rail", [cE("button", "left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]), cE("rail", [c$1("&:active", [cE("button", "left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]), cM("active", [cE("rail", [cE("button", "left: calc(100% - var(--n-button-width) - var(--n-offset))")])]), cE("rail", `
 overflow: hidden;
 height: var(--n-rail-height);
 min-width: var(--n-rail-width);
 border-radius: var(--n-rail-border-radius);
 cursor: pointer;
 position: relative;
 transition:
 opacity .3s var(--n-bezier),
 background .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 background-color: var(--n-rail-color);
 `, [cE("button-icon", `
 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 font-size: calc(var(--n-button-height) - 4px);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1;
 `, [iconSwitchTransition()]), cE("button", `
 align-items: center; 
 top: var(--n-offset);
 left: var(--n-offset);
 height: var(--n-button-height);
 width: var(--n-button-width-pressed);
 max-width: var(--n-button-width);
 border-radius: var(--n-button-border-radius);
 background-color: var(--n-button-color);
 box-shadow: var(--n-button-box-shadow);
 box-sizing: border-box;
 cursor: inherit;
 content: "";
 position: absolute;
 transition:
 background-color .3s var(--n-bezier),
 left .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 max-width .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 `)]), cM("active", [cE("rail", "background-color: var(--n-rail-color-active);")]), cM("loading", [cE("rail", `
 cursor: wait;
 `)]), cM("disabled", [cE("rail", `
 cursor: not-allowed;
 opacity: .5;
 `)])]);
      const switchProps = Object.assign(Object.assign({}, useTheme.props), {
        size: {
          type: String,
          default: "medium"
        },
        value: {
          type: [String, Number, Boolean],
          default: void 0
        },
        loading: Boolean,
        defaultValue: {
          type: [String, Number, Boolean],
          default: false
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        round: {
          type: Boolean,
          default: true
        },
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        checkedValue: {
          type: [String, Number, Boolean],
          default: true
        },
        uncheckedValue: {
          type: [String, Number, Boolean],
          default: false
        },
        railStyle: Function,
        rubberBand: {
          type: Boolean,
          default: true
        },
        /** @deprecated */
        onChange: [Function, Array]
      });
      let supportCssMax;
      const Switch = vue.defineComponent({
        name: "Switch",
        props: switchProps,
        setup(props) {
          if (supportCssMax === void 0) {
            if (typeof CSS !== "undefined") {
              if (typeof CSS.supports !== "undefined") {
                supportCssMax = CSS.supports("width", "max(1px)");
              } else {
                supportCssMax = false;
              }
            } else {
              supportCssMax = true;
            }
          }
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Switch", "-switch", style$g, switchLight, props, mergedClsPrefixRef);
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef
          } = formItem;
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const checkedRef = vue.computed(() => {
            return mergedValueRef.value === props.checkedValue;
          });
          const pressedRef = vue.ref(false);
          const focusedRef = vue.ref(false);
          const mergedRailStyleRef = vue.computed(() => {
            const {
              railStyle
            } = props;
            if (!railStyle)
              return void 0;
            return railStyle({
              focused: focusedRef.value,
              checked: checkedRef.value
            });
          });
          function doUpdateValue(value) {
            const {
              "onUpdate:value": _onUpdateValue,
              onChange,
              onUpdateValue
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (onChange)
              call(onChange, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function doFocus() {
            const {
              nTriggerFormFocus
            } = formItem;
            nTriggerFormFocus();
          }
          function doBlur() {
            const {
              nTriggerFormBlur
            } = formItem;
            nTriggerFormBlur();
          }
          function handleClick2() {
            if (props.loading || mergedDisabledRef.value)
              return;
            if (mergedValueRef.value !== props.checkedValue) {
              doUpdateValue(props.checkedValue);
            } else {
              doUpdateValue(props.uncheckedValue);
            }
          }
          function handleFocus() {
            focusedRef.value = true;
            doFocus();
          }
          function handleBlur() {
            focusedRef.value = false;
            doBlur();
            pressedRef.value = false;
          }
          function handleKeyup(e) {
            if (props.loading || mergedDisabledRef.value)
              return;
            if (e.key === " ") {
              if (mergedValueRef.value !== props.checkedValue) {
                doUpdateValue(props.checkedValue);
              } else {
                doUpdateValue(props.uncheckedValue);
              }
              pressedRef.value = false;
            }
          }
          function handleKeydown(e) {
            if (props.loading || mergedDisabledRef.value)
              return;
            if (e.key === " ") {
              e.preventDefault();
              pressedRef.value = true;
            }
          }
          const cssVarsRef = vue.computed(() => {
            const {
              value: size2
            } = mergedSizeRef;
            const {
              self: {
                opacityDisabled,
                railColor,
                railColorActive,
                buttonBoxShadow,
                buttonColor,
                boxShadowFocus,
                loadingColor,
                textColor,
                iconColor,
                [createKey("buttonHeight", size2)]: buttonHeight,
                [createKey("buttonWidth", size2)]: buttonWidth,
                [createKey("buttonWidthPressed", size2)]: buttonWidthPressed,
                [createKey("railHeight", size2)]: railHeight,
                [createKey("railWidth", size2)]: railWidth,
                [createKey("railBorderRadius", size2)]: railBorderRadius,
                [createKey("buttonBorderRadius", size2)]: buttonBorderRadius
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            let offset;
            let height;
            let width;
            if (supportCssMax) {
              offset = `calc((${railHeight} - ${buttonHeight}) / 2)`;
              height = `max(${railHeight}, ${buttonHeight})`;
              width = `max(${railWidth}, calc(${railWidth} + ${buttonHeight} - ${railHeight}))`;
            } else {
              offset = pxfy((depx(railHeight) - depx(buttonHeight)) / 2);
              height = pxfy(Math.max(depx(railHeight), depx(buttonHeight)));
              width = depx(railHeight) > depx(buttonHeight) ? railWidth : pxfy(depx(railWidth) + depx(buttonHeight) - depx(railHeight));
            }
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-button-border-radius": buttonBorderRadius,
              "--n-button-box-shadow": buttonBoxShadow,
              "--n-button-color": buttonColor,
              "--n-button-width": buttonWidth,
              "--n-button-width-pressed": buttonWidthPressed,
              "--n-button-height": buttonHeight,
              "--n-height": height,
              "--n-offset": offset,
              "--n-opacity-disabled": opacityDisabled,
              "--n-rail-border-radius": railBorderRadius,
              "--n-rail-color": railColor,
              "--n-rail-color-active": railColorActive,
              "--n-rail-height": railHeight,
              "--n-rail-width": railWidth,
              "--n-width": width,
              "--n-box-shadow-focus": boxShadowFocus,
              "--n-loading-color": loadingColor,
              "--n-text-color": textColor,
              "--n-icon-color": iconColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("switch", vue.computed(() => {
            return mergedSizeRef.value[0];
          }), cssVarsRef, props) : void 0;
          return {
            handleClick: handleClick2,
            handleBlur,
            handleFocus,
            handleKeyup,
            handleKeydown,
            mergedRailStyle: mergedRailStyleRef,
            pressed: pressedRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedValue: mergedValueRef,
            checked: checkedRef,
            mergedDisabled: mergedDisabledRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix,
            mergedDisabled,
            checked,
            mergedRailStyle,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const {
            checked: checkedSlot,
            unchecked: uncheckedSlot,
            icon: iconSlot,
            "checked-icon": checkedIconSlot,
            "unchecked-icon": uncheckedIconSlot
          } = $slots;
          const hasIcon = !(isSlotEmpty(iconSlot) && isSlotEmpty(checkedIconSlot) && isSlotEmpty(uncheckedIconSlot));
          return vue.h("div", {
            role: "switch",
            "aria-checked": checked,
            class: [`${mergedClsPrefix}-switch`, this.themeClass, hasIcon && `${mergedClsPrefix}-switch--icon`, checked && `${mergedClsPrefix}-switch--active`, mergedDisabled && `${mergedClsPrefix}-switch--disabled`, this.round && `${mergedClsPrefix}-switch--round`, this.loading && `${mergedClsPrefix}-switch--loading`, this.pressed && `${mergedClsPrefix}-switch--pressed`, this.rubberBand && `${mergedClsPrefix}-switch--rubber-band`],
            tabindex: !this.mergedDisabled ? 0 : void 0,
            style: this.cssVars,
            onClick: this.handleClick,
            onFocus: this.handleFocus,
            onBlur: this.handleBlur,
            onKeyup: this.handleKeyup,
            onKeydown: this.handleKeydown
          }, vue.h("div", {
            class: `${mergedClsPrefix}-switch__rail`,
            "aria-hidden": "true",
            style: mergedRailStyle
          }, resolveWrappedSlot(checkedSlot, (checkedSlotChildren) => resolveWrappedSlot(uncheckedSlot, (uncheckedSlotChildren) => {
            if (checkedSlotChildren || uncheckedSlotChildren) {
              return vue.h("div", {
                "aria-hidden": true,
                class: `${mergedClsPrefix}-switch__children-placeholder`
              }, vue.h("div", {
                class: `${mergedClsPrefix}-switch__rail-placeholder`
              }, vue.h("div", {
                class: `${mergedClsPrefix}-switch__button-placeholder`
              }), checkedSlotChildren), vue.h("div", {
                class: `${mergedClsPrefix}-switch__rail-placeholder`
              }, vue.h("div", {
                class: `${mergedClsPrefix}-switch__button-placeholder`
              }), uncheckedSlotChildren));
            }
            return null;
          })), vue.h("div", {
            class: `${mergedClsPrefix}-switch__button`
          }, resolveWrappedSlot(iconSlot, (icon) => resolveWrappedSlot(checkedIconSlot, (checkedIcon) => resolveWrappedSlot(uncheckedIconSlot, (uncheckedIcon) => {
            return vue.h(NIconSwitchTransition, null, {
              default: () => this.loading ? vue.h(NBaseLoading, {
                key: "loading",
                clsPrefix: mergedClsPrefix,
                strokeWidth: 20
              }) : this.checked && (checkedIcon || icon) ? vue.h("div", {
                class: `${mergedClsPrefix}-switch__button-icon`,
                key: checkedIcon ? "checked-icon" : "icon"
              }, checkedIcon || icon) : !this.checked && (uncheckedIcon || icon) ? vue.h("div", {
                class: `${mergedClsPrefix}-switch__button-icon`,
                key: uncheckedIcon ? "unchecked-icon" : "icon"
              }, uncheckedIcon || icon) : null
            });
          }))), resolveWrappedSlot(checkedSlot, (children) => children && vue.h("div", {
            key: "checked",
            class: `${mergedClsPrefix}-switch__checked`
          }, children)), resolveWrappedSlot(uncheckedSlot, (children) => children && vue.h("div", {
            key: "unchecked",
            class: `${mergedClsPrefix}-switch__unchecked`
          }, children)))));
        }
      });
      const style$f = c$1([cB("table", `
 font-size: var(--n-font-size);
 font-variant-numeric: tabular-nums;
 line-height: var(--n-line-height);
 width: 100%;
 border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
 text-align: left;
 border-collapse: separate;
 border-spacing: 0;
 overflow: hidden;
 background-color: var(--n-td-color);
 border-color: var(--n-merged-border-color);
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 --n-merged-border-color: var(--n-border-color);
 `, [c$1("th", `
 white-space: nowrap;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 text-align: inherit;
 padding: var(--n-th-padding);
 vertical-align: inherit;
 text-transform: none;
 border: 0px solid var(--n-merged-border-color);
 font-weight: var(--n-th-font-weight);
 color: var(--n-th-text-color);
 background-color: var(--n-th-color);
 border-bottom: 1px solid var(--n-merged-border-color);
 border-right: 1px solid var(--n-merged-border-color);
 `, [c$1("&:last-child", `
 border-right: 0px solid var(--n-merged-border-color);
 `)]), c$1("td", `
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 padding: var(--n-td-padding);
 color: var(--n-td-text-color);
 background-color: var(--n-td-color);
 border: 0px solid var(--n-merged-border-color);
 border-right: 1px solid var(--n-merged-border-color);
 border-bottom: 1px solid var(--n-merged-border-color);
 `, [c$1("&:last-child", `
 border-right: 0px solid var(--n-merged-border-color);
 `)]), cM("bordered", `
 border: 1px solid var(--n-merged-border-color);
 border-radius: var(--n-border-radius);
 `, [c$1("tr", [c$1("&:last-child", [c$1("td", `
 border-bottom: 0 solid var(--n-merged-border-color);
 `)])])]), cM("single-line", [c$1("th", `
 border-right: 0px solid var(--n-merged-border-color);
 `), c$1("td", `
 border-right: 0px solid var(--n-merged-border-color);
 `)]), cM("single-column", [c$1("tr", [c$1("&:not(:last-child)", [c$1("td", `
 border-bottom: 0px solid var(--n-merged-border-color);
 `)])])]), cM("striped", [c$1("tr:nth-of-type(even)", [c$1("td", "background-color: var(--n-td-color-striped)")])]), cNotM("bottom-bordered", [c$1("tr", [c$1("&:last-child", [c$1("td", `
 border-bottom: 0px solid var(--n-merged-border-color);
 `)])])])]), insideModal(cB("table", `
 background-color: var(--n-td-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 `, [c$1("th", `
 background-color: var(--n-th-color-modal);
 `), c$1("td", `
 background-color: var(--n-td-color-modal);
 `)])), insidePopover(cB("table", `
 background-color: var(--n-td-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 `, [c$1("th", `
 background-color: var(--n-th-color-popover);
 `), c$1("td", `
 background-color: var(--n-td-color-popover);
 `)]))]);
      const tableProps = Object.assign(Object.assign({}, useTheme.props), {
        bordered: {
          type: Boolean,
          default: true
        },
        bottomBordered: {
          type: Boolean,
          default: true
        },
        singleLine: {
          type: Boolean,
          default: true
        },
        striped: Boolean,
        singleColumn: Boolean,
        size: {
          type: String,
          default: "medium"
        }
      });
      const Table = vue.defineComponent({
        name: "Table",
        props: tableProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Table", "-table", style$f, tableLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Table", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              size: size2
            } = props;
            const {
              self: {
                borderColor,
                tdColor,
                tdColorModal,
                tdColorPopover,
                thColor,
                thColorModal,
                thColorPopover,
                thTextColor,
                tdTextColor,
                borderRadius,
                thFontWeight,
                lineHeight: lineHeight2,
                borderColorModal,
                borderColorPopover,
                tdColorStriped,
                tdColorStripedModal,
                tdColorStripedPopover,
                [createKey("fontSize", size2)]: fontSize2,
                [createKey("tdPadding", size2)]: tdPadding,
                [createKey("thPadding", size2)]: thPadding
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-td-color": tdColor,
              "--n-td-color-modal": tdColorModal,
              "--n-td-color-popover": tdColorPopover,
              "--n-td-text-color": tdTextColor,
              "--n-border-color": borderColor,
              "--n-border-color-modal": borderColorModal,
              "--n-border-color-popover": borderColorPopover,
              "--n-border-radius": borderRadius,
              "--n-font-size": fontSize2,
              "--n-th-color": thColor,
              "--n-th-color-modal": thColorModal,
              "--n-th-color-popover": thColorPopover,
              "--n-th-font-weight": thFontWeight,
              "--n-th-text-color": thTextColor,
              "--n-line-height": lineHeight2,
              "--n-td-padding": tdPadding,
              "--n-th-padding": thPadding,
              "--n-td-color-striped": tdColorStriped,
              "--n-td-color-striped-modal": tdColorStripedModal,
              "--n-td-color-striped-popover": tdColorStripedPopover
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("table", vue.computed(() => {
            return props.size[0];
          }), cssVarsRef, props) : void 0;
          return {
            rtlEnabled: rtlEnabledRef,
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("table", {
            class: [`${mergedClsPrefix}-table`, this.themeClass, {
              [`${mergedClsPrefix}-table--rtl`]: this.rtlEnabled,
              [`${mergedClsPrefix}-table--bottom-bordered`]: this.bottomBordered,
              [`${mergedClsPrefix}-table--bordered`]: this.bordered,
              [`${mergedClsPrefix}-table--single-line`]: this.singleLine,
              [`${mergedClsPrefix}-table--single-column`]: this.singleColumn,
              [`${mergedClsPrefix}-table--striped`]: this.striped
            }],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const Th = vue.defineComponent({
        name: "Th",
        render() {
          return vue.h("th", null, this.$slots);
        }
      });
      const Tr = vue.defineComponent({
        name: "Tr",
        render() {
          return vue.h("tr", null, this.$slots);
        }
      });
      const Td = vue.defineComponent({
        name: "Td",
        render() {
          return vue.h("td", null, this.$slots);
        }
      });
      const Thead = vue.defineComponent({
        name: "Thead",
        render() {
          return vue.h("thead", null, this.$slots);
        }
      });
      const Tbody = vue.defineComponent({
        name: "Tbody",
        render() {
          return vue.h("tbody", null, this.$slots);
        }
      });
      const tabsInjectionKey = createInjectionKey("n-tabs");
      const tabPaneProps = {
        tab: [String, Number, Object, Function],
        name: {
          type: [String, Number],
          required: true
        },
        disabled: Boolean,
        displayDirective: {
          type: String,
          default: "if"
        },
        closable: {
          type: Boolean,
          default: void 0
        },
        tabProps: Object,
        /** @deprecated */
        label: [String, Number, Object, Function]
      };
      const TabPane = vue.defineComponent({
        __TAB_PANE__: true,
        name: "TabPane",
        alias: ["TabPanel"],
        props: tabPaneProps,
        setup(props) {
          const NTab = vue.inject(tabsInjectionKey, null);
          if (!NTab) {
            throwError("tab-pane", "`n-tab-pane` must be placed inside `n-tabs`.");
          }
          return {
            style: NTab.paneStyleRef,
            class: NTab.paneClassRef,
            mergedClsPrefix: NTab.mergedClsPrefixRef
          };
        },
        render() {
          return vue.h("div", {
            class: [`${this.mergedClsPrefix}-tab-pane`, this.class],
            style: this.style
          }, this.$slots);
        }
      });
      const tabProps = Object.assign({
        internalLeftPadded: Boolean,
        internalAddable: Boolean,
        internalCreatedByPane: Boolean
      }, omit(tabPaneProps, ["displayDirective"]));
      const Tab = vue.defineComponent({
        __TAB__: true,
        inheritAttrs: false,
        name: "Tab",
        props: tabProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            valueRef,
            typeRef,
            closableRef,
            tabStyleRef,
            addTabStyleRef,
            tabClassRef,
            addTabClassRef,
            tabChangeIdRef,
            onBeforeLeaveRef,
            triggerRef,
            handleAdd,
            activateTab,
            handleClose
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(tabsInjectionKey);
          return {
            trigger: triggerRef,
            mergedClosable: vue.computed(() => {
              if (props.internalAddable)
                return false;
              const {
                closable
              } = props;
              if (closable === void 0)
                return closableRef.value;
              return closable;
            }),
            style: tabStyleRef,
            addStyle: addTabStyleRef,
            tabClass: tabClassRef,
            addTabClass: addTabClassRef,
            clsPrefix: mergedClsPrefixRef,
            value: valueRef,
            type: typeRef,
            handleClose(e) {
              e.stopPropagation();
              if (props.disabled)
                return;
              handleClose(props.name);
            },
            activateTab() {
              if (props.disabled)
                return;
              if (props.internalAddable) {
                handleAdd();
                return;
              }
              const {
                name: nameProp
              } = props;
              const id = ++tabChangeIdRef.id;
              if (nameProp !== valueRef.value) {
                const {
                  value: onBeforeLeave
                } = onBeforeLeaveRef;
                if (!onBeforeLeave) {
                  activateTab(nameProp);
                } else {
                  void Promise.resolve(onBeforeLeave(props.name, valueRef.value)).then((allowLeave) => {
                    if (allowLeave && tabChangeIdRef.id === id) {
                      activateTab(nameProp);
                    }
                  });
                }
              }
            }
          };
        },
        render() {
          const {
            internalAddable,
            clsPrefix,
            name,
            disabled,
            label,
            tab,
            value,
            mergedClosable,
            trigger: trigger2,
            $slots: {
              default: defaultSlot
            }
          } = this;
          const mergedTab = label !== null && label !== void 0 ? label : tab;
          return vue.h("div", {
            class: `${clsPrefix}-tabs-tab-wrapper`
          }, this.internalLeftPadded ? vue.h("div", {
            class: `${clsPrefix}-tabs-tab-pad`
          }) : null, vue.h("div", Object.assign({
            key: name,
            "data-name": name,
            "data-disabled": disabled ? true : void 0
          }, vue.mergeProps(
            {
              class: [`${clsPrefix}-tabs-tab`, value === name && `${clsPrefix}-tabs-tab--active`, disabled && `${clsPrefix}-tabs-tab--disabled`, mergedClosable && `${clsPrefix}-tabs-tab--closable`, internalAddable && `${clsPrefix}-tabs-tab--addable`, internalAddable ? this.addTabClass : this.tabClass],
              onClick: trigger2 === "click" ? this.activateTab : void 0,
              onMouseenter: trigger2 === "hover" ? this.activateTab : void 0,
              style: internalAddable ? this.addStyle : this.style
            },
            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
            this.internalCreatedByPane ? this.tabProps || {} : this.$attrs
          )), vue.h("span", {
            class: `${clsPrefix}-tabs-tab__label`
          }, internalAddable ? vue.h(vue.Fragment, null, vue.h("div", {
            class: `${clsPrefix}-tabs-tab__height-placeholder`
          }, " "), vue.h(NBaseIcon, {
            clsPrefix
          }, {
            default: () => vue.h(AddIcon, null)
          })) : defaultSlot ? defaultSlot() : typeof mergedTab === "object" ? mergedTab : render$1(mergedTab !== null && mergedTab !== void 0 ? mergedTab : name)), mergedClosable && this.type === "card" ? vue.h(NBaseClose, {
            clsPrefix,
            class: `${clsPrefix}-tabs-tab__close`,
            onClick: this.handleClose,
            disabled
          }) : null));
        }
      });
      const style$e = cB("tabs", `
 box-sizing: border-box;
 width: 100%;
 display: flex;
 flex-direction: column;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
`, [cM("segment-type", [cB("tabs-rail", [c$1("&.transition-disabled", [cB("tabs-capsule", `
 transition: none;
 `)])])]), cM("top", [cB("tab-pane", `
 padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
 `)]), cM("left", [cB("tab-pane", `
 padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
 `)]), cM("left, right", `
 flex-direction: row;
 `, [cB("tabs-bar", `
 width: 2px;
 right: 0;
 transition:
 top .2s var(--n-bezier),
 max-height .2s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `), cB("tabs-tab", `
 padding: var(--n-tab-padding-vertical); 
 `)]), cM("right", `
 flex-direction: row-reverse;
 `, [cB("tab-pane", `
 padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
 `), cB("tabs-bar", `
 left: 0;
 `)]), cM("bottom", `
 flex-direction: column-reverse;
 justify-content: flex-end;
 `, [cB("tab-pane", `
 padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
 `), cB("tabs-bar", `
 top: 0;
 `)]), cB("tabs-rail", `
 position: relative;
 padding: 3px;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 background-color: var(--n-color-segment);
 transition: background-color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 `, [cB("tabs-capsule", `
 border-radius: var(--n-tab-border-radius);
 position: absolute;
 pointer-events: none;
 background-color: var(--n-tab-color-segment);
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
 transition: transform 0.3s var(--n-bezier);
 `), cB("tabs-tab-wrapper", `
 flex-basis: 0;
 flex-grow: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 `, [cB("tabs-tab", `
 overflow: hidden;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 `, [cM("active", `
 font-weight: var(--n-font-weight-strong);
 color: var(--n-tab-text-color-active);
 `), c$1("&:hover", `
 color: var(--n-tab-text-color-hover);
 `)])])]), cM("flex", [cB("tabs-nav", `
 width: 100%;
 position: relative;
 `, [cB("tabs-wrapper", `
 width: 100%;
 `, [cB("tabs-tab", `
 margin-right: 0;
 `)])])]), cB("tabs-nav", `
 box-sizing: border-box;
 line-height: 1.5;
 display: flex;
 transition: border-color .3s var(--n-bezier);
 `, [cE("prefix, suffix", `
 display: flex;
 align-items: center;
 `), cE("prefix", "padding-right: 16px;"), cE("suffix", "padding-left: 16px;")]), cM("top, bottom", [cB("tabs-nav-scroll-wrapper", [c$1("&::before", `
 top: 0;
 bottom: 0;
 left: 0;
 width: 20px;
 `), c$1("&::after", `
 top: 0;
 bottom: 0;
 right: 0;
 width: 20px;
 `), cM("shadow-start", [c$1("&::before", `
 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
 `)]), cM("shadow-end", [c$1("&::after", `
 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
 `)])])]), cM("left, right", [cB("tabs-nav-scroll-content", `
 flex-direction: column;
 `), cB("tabs-nav-scroll-wrapper", [c$1("&::before", `
 top: 0;
 left: 0;
 right: 0;
 height: 20px;
 `), c$1("&::after", `
 bottom: 0;
 left: 0;
 right: 0;
 height: 20px;
 `), cM("shadow-start", [c$1("&::before", `
 box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
 `)]), cM("shadow-end", [c$1("&::after", `
 box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
 `)])])]), cB("tabs-nav-scroll-wrapper", `
 flex: 1;
 position: relative;
 overflow: hidden;
 `, [cB("tabs-nav-y-scroll", `
 height: 100%;
 width: 100%;
 overflow-y: auto; 
 scrollbar-width: none;
 `, [c$1("&::-webkit-scrollbar", `
 width: 0;
 height: 0;
 `)]), c$1("&::before, &::after", `
 transition: box-shadow .3s var(--n-bezier);
 pointer-events: none;
 content: "";
 position: absolute;
 z-index: 1;
 `)]), cB("tabs-nav-scroll-content", `
 display: flex;
 position: relative;
 min-width: 100%;
 min-height: 100%;
 width: fit-content;
 box-sizing: border-box;
 `), cB("tabs-wrapper", `
 display: inline-flex;
 flex-wrap: nowrap;
 position: relative;
 `), cB("tabs-tab-wrapper", `
 display: flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 flex-grow: 0;
 `), cB("tabs-tab", `
 cursor: pointer;
 white-space: nowrap;
 flex-wrap: nowrap;
 display: inline-flex;
 align-items: center;
 color: var(--n-tab-text-color);
 font-size: var(--n-tab-font-size);
 background-clip: padding-box;
 padding: var(--n-tab-padding);
 transition:
 box-shadow .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [cM("disabled", {
        cursor: "not-allowed"
      }), cE("close", `
 margin-left: 6px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `), cE("label", `
 display: flex;
 align-items: center;
 z-index: 1;
 `)]), cB("tabs-bar", `
 position: absolute;
 bottom: 0;
 height: 2px;
 border-radius: 1px;
 background-color: var(--n-bar-color);
 transition:
 left .2s var(--n-bezier),
 max-width .2s var(--n-bezier),
 opacity .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [c$1("&.transition-disabled", `
 transition: none;
 `), cM("disabled", `
 background-color: var(--n-tab-text-color-disabled)
 `)]), cB("tabs-pane-wrapper", `
 position: relative;
 overflow: hidden;
 transition: max-height .2s var(--n-bezier);
 `), cB("tab-pane", `
 color: var(--n-pane-text-color);
 width: 100%;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .2s var(--n-bezier);
 left: 0;
 right: 0;
 top: 0;
 `, [c$1("&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active", `
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 transform .2s var(--n-bezier),
 opacity .2s var(--n-bezier);
 `), c$1("&.next-transition-leave-active, &.prev-transition-leave-active", `
 position: absolute;
 `), c$1("&.next-transition-enter-from, &.prev-transition-leave-to", `
 transform: translateX(32px);
 opacity: 0;
 `), c$1("&.next-transition-leave-to, &.prev-transition-enter-from", `
 transform: translateX(-32px);
 opacity: 0;
 `), c$1("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to", `
 transform: translateX(0);
 opacity: 1;
 `)]), cB("tabs-tab-pad", `
 box-sizing: border-box;
 width: var(--n-tab-gap);
 flex-grow: 0;
 flex-shrink: 0;
 `), cM("line-type, bar-type", [cB("tabs-tab", `
 font-weight: var(--n-tab-font-weight);
 box-sizing: border-box;
 vertical-align: bottom;
 `, [c$1("&:hover", {
        color: "var(--n-tab-text-color-hover)"
      }), cM("active", `
 color: var(--n-tab-text-color-active);
 font-weight: var(--n-tab-font-weight-active);
 `), cM("disabled", {
        color: "var(--n-tab-text-color-disabled)"
      })])]), cB("tabs-nav", [cM("line-type", [cM("top", [cE("prefix, suffix", `
 border-bottom: 1px solid var(--n-tab-border-color);
 `), cB("tabs-nav-scroll-content", `
 border-bottom: 1px solid var(--n-tab-border-color);
 `), cB("tabs-bar", `
 bottom: -1px;
 `)]), cM("left", [cE("prefix, suffix", `
 border-right: 1px solid var(--n-tab-border-color);
 `), cB("tabs-nav-scroll-content", `
 border-right: 1px solid var(--n-tab-border-color);
 `), cB("tabs-bar", `
 right: -1px;
 `)]), cM("right", [cE("prefix, suffix", `
 border-left: 1px solid var(--n-tab-border-color);
 `), cB("tabs-nav-scroll-content", `
 border-left: 1px solid var(--n-tab-border-color);
 `), cB("tabs-bar", `
 left: -1px;
 `)]), cM("bottom", [cE("prefix, suffix", `
 border-top: 1px solid var(--n-tab-border-color);
 `), cB("tabs-nav-scroll-content", `
 border-top: 1px solid var(--n-tab-border-color);
 `), cB("tabs-bar", `
 top: -1px;
 `)]), cE("prefix, suffix", `
 transition: border-color .3s var(--n-bezier);
 `), cB("tabs-nav-scroll-content", `
 transition: border-color .3s var(--n-bezier);
 `), cB("tabs-bar", `
 border-radius: 0;
 `)]), cM("card-type", [cE("prefix, suffix", `
 transition: border-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-tab-border-color);
 `), cB("tabs-pad", `
 flex-grow: 1;
 transition: border-color .3s var(--n-bezier);
 `), cB("tabs-tab-pad", `
 transition: border-color .3s var(--n-bezier);
 `), cB("tabs-tab", `
 font-weight: var(--n-tab-font-weight);
 border: 1px solid var(--n-tab-border-color);
 background-color: var(--n-tab-color);
 box-sizing: border-box;
 position: relative;
 vertical-align: bottom;
 display: flex;
 justify-content: space-between;
 font-size: var(--n-tab-font-size);
 color: var(--n-tab-text-color);
 `, [cM("addable", `
 padding-left: 8px;
 padding-right: 8px;
 font-size: 16px;
 `, [cE("height-placeholder", `
 width: 0;
 font-size: var(--n-tab-font-size);
 `), cNotM("disabled", [c$1("&:hover", `
 color: var(--n-tab-text-color-hover);
 `)])]), cM("closable", "padding-right: 8px;"), cM("active", `
 background-color: #0000;
 font-weight: var(--n-tab-font-weight-active);
 color: var(--n-tab-text-color-active);
 `), cM("disabled", "color: var(--n-tab-text-color-disabled);")]), cB("tabs-scroll-padding", "border-bottom: 1px solid var(--n-tab-border-color);")]), cM("left, right", [cB("tabs-wrapper", `
 flex-direction: column;
 `, [cB("tabs-tab-wrapper", `
 flex-direction: column;
 `, [cB("tabs-tab-pad", `
 height: var(--n-tab-gap-vertical);
 width: 100%;
 `)])])]), cM("top", [cM("card-type", [cB("tabs-tab", `
 border-top-left-radius: var(--n-tab-border-radius);
 border-top-right-radius: var(--n-tab-border-radius);
 `, [cM("active", `
 border-bottom: 1px solid #0000;
 `)]), cB("tabs-tab-pad", `
 border-bottom: 1px solid var(--n-tab-border-color);
 `), cB("tabs-pad", `
 border-bottom: 1px solid var(--n-tab-border-color);
 `)])]), cM("left", [cM("card-type", [cB("tabs-tab", `
 border-top-left-radius: var(--n-tab-border-radius);
 border-bottom-left-radius: var(--n-tab-border-radius);
 `, [cM("active", `
 border-right: 1px solid #0000;
 `)]), cB("tabs-tab-pad", `
 border-right: 1px solid var(--n-tab-border-color);
 `), cB("tabs-pad", `
 border-right: 1px solid var(--n-tab-border-color);
 `)])]), cM("right", [cM("card-type", [cB("tabs-tab", `
 border-top-right-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 `, [cM("active", `
 border-left: 1px solid #0000;
 `)]), cB("tabs-tab-pad", `
 border-left: 1px solid var(--n-tab-border-color);
 `), cB("tabs-pad", `
 border-left: 1px solid var(--n-tab-border-color);
 `)])]), cM("bottom", [cM("card-type", [cB("tabs-tab", `
 border-bottom-left-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 `, [cM("active", `
 border-top: 1px solid #0000;
 `)]), cB("tabs-tab-pad", `
 border-top: 1px solid var(--n-tab-border-color);
 `), cB("tabs-pad", `
 border-top: 1px solid var(--n-tab-border-color);
 `)])])])]);
      const tabsProps = Object.assign(Object.assign({}, useTheme.props), {
        value: [String, Number],
        defaultValue: [String, Number],
        trigger: {
          type: String,
          default: "click"
        },
        type: {
          type: String,
          default: "bar"
        },
        closable: Boolean,
        justifyContent: String,
        size: {
          type: String,
          default: "medium"
        },
        placement: {
          type: String,
          default: "top"
        },
        tabStyle: [String, Object],
        tabClass: String,
        addTabStyle: [String, Object],
        addTabClass: String,
        barWidth: Number,
        paneClass: String,
        paneStyle: [String, Object],
        paneWrapperClass: String,
        paneWrapperStyle: [String, Object],
        addable: [Boolean, Object],
        tabsPadding: {
          type: Number,
          default: 0
        },
        animated: Boolean,
        onBeforeLeave: Function,
        onAdd: Function,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onClose: [Function, Array],
        // deprecated
        labelSize: String,
        activeName: [String, Number],
        onActiveNameChange: [Function, Array]
      });
      const Tabs = vue.defineComponent({
        name: "Tabs",
        props: tabsProps,
        setup(props, {
          slots
        }) {
          var _a, _b, _c, _d;
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Tabs", "-tabs", style$e, tabsLight, props, mergedClsPrefixRef);
          const tabsElRef = vue.ref(null);
          const barElRef = vue.ref(null);
          const scrollWrapperElRef = vue.ref(null);
          const addTabInstRef = vue.ref(null);
          const xScrollInstRef = vue.ref(null);
          const yScrollElRef = vue.ref(null);
          const startReachedRef = vue.ref(true);
          const endReachedRef = vue.ref(true);
          const compitableSizeRef = useCompitable(props, ["labelSize", "size"]);
          const compitableValueRef = useCompitable(props, ["activeName", "value"]);
          const uncontrolledValueRef = vue.ref((_b = (_a = compitableValueRef.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : slots.default ? (_d = (_c = flatten$3(slots.default())[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.name : null);
          const mergedValueRef = useMergedState(compitableValueRef, uncontrolledValueRef);
          const tabChangeIdRef = {
            id: 0
          };
          const tabWrapperStyleRef = vue.computed(() => {
            if (!props.justifyContent || props.type === "card")
              return void 0;
            return {
              display: "flex",
              justifyContent: props.justifyContent
            };
          });
          vue.watch(mergedValueRef, () => {
            tabChangeIdRef.id = 0;
            updateCurrentBarStyle();
            updateCurrentScrollPosition();
          });
          function getCurrentEl() {
            var _a2;
            const {
              value
            } = mergedValueRef;
            if (value === null)
              return null;
            const tabEl = (_a2 = tabsElRef.value) === null || _a2 === void 0 ? void 0 : _a2.querySelector(`[data-name="${value}"]`);
            return tabEl;
          }
          function updateBarStyle(tabEl) {
            if (props.type === "card")
              return;
            const {
              value: barEl
            } = barElRef;
            if (!barEl)
              return;
            const barIsHide = barEl.style.opacity === "0";
            if (tabEl) {
              const disabledClassName = `${mergedClsPrefixRef.value}-tabs-bar--disabled`;
              const {
                barWidth,
                placement
              } = props;
              if (tabEl.dataset.disabled === "true") {
                barEl.classList.add(disabledClassName);
              } else {
                barEl.classList.remove(disabledClassName);
              }
              if (["top", "bottom"].includes(placement)) {
                clearBarStyle(["top", "maxHeight", "height"]);
                if (typeof barWidth === "number" && tabEl.offsetWidth >= barWidth) {
                  const offsetDiffLeft = Math.floor((tabEl.offsetWidth - barWidth) / 2) + tabEl.offsetLeft;
                  barEl.style.left = `${offsetDiffLeft}px`;
                  barEl.style.maxWidth = `${barWidth}px`;
                } else {
                  barEl.style.left = `${tabEl.offsetLeft}px`;
                  barEl.style.maxWidth = `${tabEl.offsetWidth}px`;
                }
                barEl.style.width = "8192px";
                if (barIsHide) {
                  barEl.style.transition = "none";
                }
                void barEl.offsetWidth;
                if (barIsHide) {
                  barEl.style.transition = "";
                  barEl.style.opacity = "1";
                }
              } else {
                clearBarStyle(["left", "maxWidth", "width"]);
                if (typeof barWidth === "number" && tabEl.offsetHeight >= barWidth) {
                  const offsetDiffTop = Math.floor((tabEl.offsetHeight - barWidth) / 2) + tabEl.offsetTop;
                  barEl.style.top = `${offsetDiffTop}px`;
                  barEl.style.maxHeight = `${barWidth}px`;
                } else {
                  barEl.style.top = `${tabEl.offsetTop}px`;
                  barEl.style.maxHeight = `${tabEl.offsetHeight}px`;
                }
                barEl.style.height = "8192px";
                if (barIsHide) {
                  barEl.style.transition = "none";
                }
                void barEl.offsetHeight;
                if (barIsHide) {
                  barEl.style.transition = "";
                  barEl.style.opacity = "1";
                }
              }
            }
          }
          function hideBarStyle() {
            if (props.type === "card")
              return;
            const {
              value: barEl
            } = barElRef;
            if (!barEl)
              return;
            barEl.style.opacity = "0";
          }
          function clearBarStyle(styleProps) {
            const {
              value: barEl
            } = barElRef;
            if (!barEl)
              return;
            for (const prop of styleProps) {
              barEl.style[prop] = "";
            }
          }
          function updateCurrentBarStyle() {
            if (props.type === "card")
              return;
            const tabEl = getCurrentEl();
            if (tabEl) {
              updateBarStyle(tabEl);
            } else {
              hideBarStyle();
            }
          }
          function updateCurrentScrollPosition(smooth) {
            var _a2;
            const scrollWrapperEl = (_a2 = xScrollInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.$el;
            if (!scrollWrapperEl)
              return;
            const tabEl = getCurrentEl();
            if (!tabEl)
              return;
            const {
              scrollLeft: scrollWrapperElScrollLeft,
              offsetWidth: scrollWrapperElOffsetWidth
            } = scrollWrapperEl;
            const {
              offsetLeft: tabElOffsetLeft,
              offsetWidth: tabElOffsetWidth
            } = tabEl;
            if (scrollWrapperElScrollLeft > tabElOffsetLeft) {
              scrollWrapperEl.scrollTo({
                top: 0,
                left: tabElOffsetLeft,
                behavior: "smooth"
              });
            } else if (tabElOffsetLeft + tabElOffsetWidth > scrollWrapperElScrollLeft + scrollWrapperElOffsetWidth) {
              scrollWrapperEl.scrollTo({
                top: 0,
                left: tabElOffsetLeft + tabElOffsetWidth - scrollWrapperElOffsetWidth,
                behavior: "smooth"
              });
            }
          }
          const tabsPaneWrapperRef = vue.ref(null);
          let fromHeight = 0;
          let hangingTransition = null;
          function onAnimationBeforeLeave(el) {
            const tabsPaneWrapperEl = tabsPaneWrapperRef.value;
            if (tabsPaneWrapperEl) {
              fromHeight = el.getBoundingClientRect().height;
              const fromHeightPx = `${fromHeight}px`;
              const applyFromStyle = () => {
                tabsPaneWrapperEl.style.height = fromHeightPx;
                tabsPaneWrapperEl.style.maxHeight = fromHeightPx;
              };
              if (!hangingTransition) {
                hangingTransition = applyFromStyle;
              } else {
                applyFromStyle();
                hangingTransition();
                hangingTransition = null;
              }
            }
          }
          function onAnimationEnter(el) {
            const tabsPaneWrapperEl = tabsPaneWrapperRef.value;
            if (tabsPaneWrapperEl) {
              const targetHeight = el.getBoundingClientRect().height;
              const applyTargetStyle = () => {
                void document.body.offsetHeight;
                tabsPaneWrapperEl.style.maxHeight = `${targetHeight}px`;
                tabsPaneWrapperEl.style.height = `${Math.max(fromHeight, targetHeight)}px`;
              };
              if (!hangingTransition) {
                hangingTransition = applyTargetStyle;
              } else {
                hangingTransition();
                hangingTransition = null;
                applyTargetStyle();
              }
            }
          }
          function onAnimationAfterEnter() {
            const tabsPaneWrapperEl = tabsPaneWrapperRef.value;
            if (tabsPaneWrapperEl) {
              tabsPaneWrapperEl.style.maxHeight = "";
              tabsPaneWrapperEl.style.height = "";
              const {
                paneWrapperStyle
              } = props;
              if (typeof paneWrapperStyle === "string") {
                tabsPaneWrapperEl.style.cssText = paneWrapperStyle;
              } else if (paneWrapperStyle) {
                const {
                  maxHeight,
                  height
                } = paneWrapperStyle;
                if (maxHeight !== void 0) {
                  tabsPaneWrapperEl.style.maxHeight = maxHeight;
                }
                if (height !== void 0) {
                  tabsPaneWrapperEl.style.height = height;
                }
              }
            }
          }
          const renderNameListRef = {
            value: []
          };
          const animationDirectionRef = vue.ref("next");
          function activateTab(panelName) {
            const currentValue = mergedValueRef.value;
            let dir = "next";
            for (const name of renderNameListRef.value) {
              if (name === currentValue) {
                break;
              }
              if (name === panelName) {
                dir = "prev";
                break;
              }
            }
            animationDirectionRef.value = dir;
            doUpdateValue(panelName);
          }
          function doUpdateValue(panelName) {
            const {
              onActiveNameChange,
              onUpdateValue,
              "onUpdate:value": _onUpdateValue
            } = props;
            if (onActiveNameChange) {
              call(onActiveNameChange, panelName);
            }
            if (onUpdateValue)
              call(onUpdateValue, panelName);
            if (_onUpdateValue)
              call(_onUpdateValue, panelName);
            uncontrolledValueRef.value = panelName;
          }
          function handleClose(panelName) {
            const {
              onClose
            } = props;
            if (onClose)
              call(onClose, panelName);
          }
          function updateBarPositionInstantly() {
            const {
              value: barEl
            } = barElRef;
            if (!barEl)
              return;
            const disableTransitionClassName = "transition-disabled";
            barEl.classList.add(disableTransitionClassName);
            updateCurrentBarStyle();
            barEl.classList.remove(disableTransitionClassName);
          }
          const segmentCapsuleElRef = vue.ref(null);
          function updateSegmentPosition({
            transitionDisabled
          }) {
            const tabsEl = tabsElRef.value;
            if (!tabsEl)
              return;
            transitionDisabled && tabsEl.classList.add("transition-disabled");
            const activeTabEl = getCurrentEl();
            if (activeTabEl && segmentCapsuleElRef.value) {
              segmentCapsuleElRef.value.style.width = `${activeTabEl.offsetWidth}px`;
              segmentCapsuleElRef.value.style.height = `${activeTabEl.offsetHeight}px`;
              segmentCapsuleElRef.value.style.transform = `translateX(${activeTabEl.offsetLeft - depx(getComputedStyle(tabsEl).paddingLeft)}px)`;
              if (transitionDisabled) {
                void segmentCapsuleElRef.value.offsetWidth;
              }
            }
            transitionDisabled && tabsEl.classList.remove("transition-disabled");
          }
          vue.watch([mergedValueRef], () => {
            if (props.type === "segment") {
              void vue.nextTick(() => {
                updateSegmentPosition({
                  transitionDisabled: false
                });
              });
            }
          });
          vue.onMounted(() => {
            if (props.type === "segment") {
              updateSegmentPosition({
                transitionDisabled: true
              });
            }
          });
          let memorizedWidth = 0;
          function _handleNavResize(entry) {
            var _b2;
            if (entry.contentRect.width === 0 && entry.contentRect.height === 0) {
              return;
            }
            if (memorizedWidth === entry.contentRect.width) {
              return;
            }
            memorizedWidth = entry.contentRect.width;
            const {
              type
            } = props;
            if (type === "line" || type === "bar") {
              {
                updateBarPositionInstantly();
              }
            }
            if (type !== "segment") {
              const {
                placement
              } = props;
              deriveScrollShadow((placement === "top" || placement === "bottom" ? (_b2 = xScrollInstRef.value) === null || _b2 === void 0 ? void 0 : _b2.$el : yScrollElRef.value) || null);
            }
          }
          const handleNavResize = throttle(_handleNavResize, 64);
          vue.watch([() => props.justifyContent, () => props.size], () => {
            void vue.nextTick(() => {
              const {
                type
              } = props;
              if (type === "line" || type === "bar") {
                updateBarPositionInstantly();
              }
            });
          });
          const addTabFixedRef = vue.ref(false);
          function _handleTabsResize(entry) {
            var _a2;
            const {
              target,
              contentRect: {
                width
              }
            } = entry;
            const containerWidth = target.parentElement.offsetWidth;
            if (!addTabFixedRef.value) {
              if (containerWidth < width) {
                addTabFixedRef.value = true;
              }
            } else {
              const {
                value: addTabInst
              } = addTabInstRef;
              if (!addTabInst)
                return;
              if (containerWidth - width > addTabInst.$el.offsetWidth) {
                addTabFixedRef.value = false;
              }
            }
            deriveScrollShadow(((_a2 = xScrollInstRef.value) === null || _a2 === void 0 ? void 0 : _a2.$el) || null);
          }
          const handleTabsResize = throttle(_handleTabsResize, 64);
          function handleAdd() {
            const {
              onAdd
            } = props;
            if (onAdd)
              onAdd();
            void vue.nextTick(() => {
              const currentEl = getCurrentEl();
              const {
                value: xScrollInst
              } = xScrollInstRef;
              if (!currentEl || !xScrollInst)
                return;
              xScrollInst.scrollTo({
                left: currentEl.offsetLeft,
                top: 0,
                behavior: "smooth"
              });
            });
          }
          function deriveScrollShadow(el) {
            if (!el)
              return;
            const {
              placement
            } = props;
            if (placement === "top" || placement === "bottom") {
              const {
                scrollLeft,
                scrollWidth,
                offsetWidth
              } = el;
              startReachedRef.value = scrollLeft <= 0;
              endReachedRef.value = scrollLeft + offsetWidth >= scrollWidth;
            } else {
              const {
                scrollTop,
                scrollHeight,
                offsetHeight
              } = el;
              startReachedRef.value = scrollTop <= 0;
              endReachedRef.value = scrollTop + offsetHeight >= scrollHeight;
            }
          }
          const handleScroll = throttle((e) => {
            deriveScrollShadow(e.target);
          }, 64);
          vue.provide(tabsInjectionKey, {
            triggerRef: vue.toRef(props, "trigger"),
            tabStyleRef: vue.toRef(props, "tabStyle"),
            tabClassRef: vue.toRef(props, "tabClass"),
            addTabStyleRef: vue.toRef(props, "addTabStyle"),
            addTabClassRef: vue.toRef(props, "addTabClass"),
            paneClassRef: vue.toRef(props, "paneClass"),
            paneStyleRef: vue.toRef(props, "paneStyle"),
            mergedClsPrefixRef,
            typeRef: vue.toRef(props, "type"),
            closableRef: vue.toRef(props, "closable"),
            valueRef: mergedValueRef,
            tabChangeIdRef,
            onBeforeLeaveRef: vue.toRef(props, "onBeforeLeave"),
            activateTab,
            handleClose,
            handleAdd
          });
          onFontsReady(() => {
            updateCurrentBarStyle();
            updateCurrentScrollPosition();
          });
          vue.watchEffect(() => {
            const {
              value: el
            } = scrollWrapperElRef;
            if (!el)
              return;
            const {
              value: clsPrefix
            } = mergedClsPrefixRef;
            const shadowStartClass = `${clsPrefix}-tabs-nav-scroll-wrapper--shadow-start`;
            const shadowEndClass = `${clsPrefix}-tabs-nav-scroll-wrapper--shadow-end`;
            if (startReachedRef.value) {
              el.classList.remove(shadowStartClass);
            } else {
              el.classList.add(shadowStartClass);
            }
            if (endReachedRef.value) {
              el.classList.remove(shadowEndClass);
            } else {
              el.classList.add(shadowEndClass);
            }
          });
          const exposedMethods = {
            syncBarPosition: () => {
              updateCurrentBarStyle();
            }
          };
          const handleSegmentResize = () => {
            updateSegmentPosition({
              transitionDisabled: true
            });
          };
          const cssVarsRef = vue.computed(() => {
            const {
              value: size2
            } = compitableSizeRef;
            const {
              type
            } = props;
            const typeSuffix = {
              card: "Card",
              bar: "Bar",
              line: "Line",
              segment: "Segment"
            }[type];
            const sizeType = `${size2}${typeSuffix}`;
            const {
              self: {
                barColor,
                closeIconColor,
                closeIconColorHover,
                closeIconColorPressed,
                tabColor,
                tabBorderColor,
                paneTextColor,
                tabFontWeight,
                tabBorderRadius,
                tabFontWeightActive,
                colorSegment,
                fontWeightStrong,
                tabColorSegment,
                closeSize,
                closeIconSize,
                closeColorHover,
                closeColorPressed,
                closeBorderRadius,
                [createKey("panePadding", size2)]: panePadding,
                [createKey("tabPadding", sizeType)]: tabPadding,
                [createKey("tabPaddingVertical", sizeType)]: tabPaddingVertical,
                [createKey("tabGap", sizeType)]: tabGap,
                [createKey("tabGap", `${sizeType}Vertical`)]: tabGapVertical,
                [createKey("tabTextColor", type)]: tabTextColor,
                [createKey("tabTextColorActive", type)]: tabTextColorActive,
                [createKey("tabTextColorHover", type)]: tabTextColorHover,
                [createKey("tabTextColorDisabled", type)]: tabTextColorDisabled,
                [createKey("tabFontSize", size2)]: tabFontSize
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-color-segment": colorSegment,
              "--n-bar-color": barColor,
              "--n-tab-font-size": tabFontSize,
              "--n-tab-text-color": tabTextColor,
              "--n-tab-text-color-active": tabTextColorActive,
              "--n-tab-text-color-disabled": tabTextColorDisabled,
              "--n-tab-text-color-hover": tabTextColorHover,
              "--n-pane-text-color": paneTextColor,
              "--n-tab-border-color": tabBorderColor,
              "--n-tab-border-radius": tabBorderRadius,
              "--n-close-size": closeSize,
              "--n-close-icon-size": closeIconSize,
              "--n-close-color-hover": closeColorHover,
              "--n-close-color-pressed": closeColorPressed,
              "--n-close-border-radius": closeBorderRadius,
              "--n-close-icon-color": closeIconColor,
              "--n-close-icon-color-hover": closeIconColorHover,
              "--n-close-icon-color-pressed": closeIconColorPressed,
              "--n-tab-color": tabColor,
              "--n-tab-font-weight": tabFontWeight,
              "--n-tab-font-weight-active": tabFontWeightActive,
              "--n-tab-padding": tabPadding,
              "--n-tab-padding-vertical": tabPaddingVertical,
              "--n-tab-gap": tabGap,
              "--n-tab-gap-vertical": tabGapVertical,
              "--n-pane-padding-left": getMargin(panePadding, "left"),
              "--n-pane-padding-right": getMargin(panePadding, "right"),
              "--n-pane-padding-top": getMargin(panePadding, "top"),
              "--n-pane-padding-bottom": getMargin(panePadding, "bottom"),
              "--n-font-weight-strong": fontWeightStrong,
              "--n-tab-color-segment": tabColorSegment
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("tabs", vue.computed(() => {
            return `${compitableSizeRef.value[0]}${props.type[0]}`;
          }), cssVarsRef, props) : void 0;
          return Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            mergedValue: mergedValueRef,
            renderedNames: /* @__PURE__ */ new Set(),
            segmentCapsuleElRef,
            tabsPaneWrapperRef,
            tabsElRef,
            barElRef,
            addTabInstRef,
            xScrollInstRef,
            scrollWrapperElRef,
            addTabFixed: addTabFixedRef,
            tabWrapperStyle: tabWrapperStyleRef,
            handleNavResize,
            mergedSize: compitableSizeRef,
            handleScroll,
            handleTabsResize,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            animationDirection: animationDirectionRef,
            renderNameListRef,
            yScrollElRef,
            handleSegmentResize,
            onAnimationBeforeLeave,
            onAnimationEnter,
            onAnimationAfterEnter,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          }, exposedMethods);
        },
        render() {
          const {
            mergedClsPrefix,
            type,
            placement,
            addTabFixed,
            addable,
            mergedSize,
            renderNameListRef,
            onRender,
            paneWrapperClass,
            paneWrapperStyle,
            $slots: {
              default: defaultSlot,
              prefix: prefixSlot,
              suffix: suffixSlot
            }
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          const tabPaneChildren = defaultSlot ? flatten$3(defaultSlot()).filter((v) => {
            return v.type.__TAB_PANE__ === true;
          }) : [];
          const tabChildren = defaultSlot ? flatten$3(defaultSlot()).filter((v) => {
            return v.type.__TAB__ === true;
          }) : [];
          const showPane = !tabChildren.length;
          const isCard = type === "card";
          const isSegment = type === "segment";
          const mergedJustifyContent = !isCard && !isSegment && this.justifyContent;
          renderNameListRef.value = [];
          const scrollContent = () => {
            const tabs = vue.h("div", {
              style: this.tabWrapperStyle,
              class: [`${mergedClsPrefix}-tabs-wrapper`]
            }, mergedJustifyContent ? null : vue.h("div", {
              class: `${mergedClsPrefix}-tabs-scroll-padding`,
              style: {
                width: `${this.tabsPadding}px`
              }
            }), showPane ? tabPaneChildren.map((tabPaneVNode, index) => {
              renderNameListRef.value.push(tabPaneVNode.props.name);
              return justifyTabDynamicProps(vue.h(Tab, Object.assign({}, tabPaneVNode.props, {
                internalCreatedByPane: true,
                internalLeftPadded: index !== 0 && (!mergedJustifyContent || mergedJustifyContent === "center" || mergedJustifyContent === "start" || mergedJustifyContent === "end")
              }), tabPaneVNode.children ? {
                default: tabPaneVNode.children.tab
              } : void 0));
            }) : tabChildren.map((tabVNode, index) => {
              renderNameListRef.value.push(tabVNode.props.name);
              if (index !== 0 && !mergedJustifyContent) {
                return justifyTabDynamicProps(createLeftPaddedTabVNode(tabVNode));
              } else {
                return justifyTabDynamicProps(tabVNode);
              }
            }), !addTabFixed && addable && isCard ? createAddTag(addable, (showPane ? tabPaneChildren.length : tabChildren.length) !== 0) : null, mergedJustifyContent ? null : vue.h("div", {
              class: `${mergedClsPrefix}-tabs-scroll-padding`,
              style: {
                width: `${this.tabsPadding}px`
              }
            }));
            return vue.h("div", {
              ref: "tabsElRef",
              class: `${mergedClsPrefix}-tabs-nav-scroll-content`
            }, isCard && addable ? vue.h(VResizeObserver, {
              onResize: this.handleTabsResize
            }, {
              default: () => tabs
            }) : tabs, isCard ? vue.h("div", {
              class: `${mergedClsPrefix}-tabs-pad`
            }) : null, isCard ? null : vue.h("div", {
              ref: "barElRef",
              class: `${mergedClsPrefix}-tabs-bar`
            }));
          };
          const resolvedPlacement = isSegment ? "top" : placement;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-tabs`, this.themeClass, `${mergedClsPrefix}-tabs--${type}-type`, `${mergedClsPrefix}-tabs--${mergedSize}-size`, mergedJustifyContent && `${mergedClsPrefix}-tabs--flex`, `${mergedClsPrefix}-tabs--${resolvedPlacement}`],
            style: this.cssVars
          }, vue.h("div", {
            class: [
              // the class should be applied here since it's possible
              // to make tabs nested in tabs, style may influence each
              // other. adding a class will make it easy to write the
              // style.
              `${mergedClsPrefix}-tabs-nav--${type}-type`,
              `${mergedClsPrefix}-tabs-nav--${resolvedPlacement}`,
              `${mergedClsPrefix}-tabs-nav`
            ]
          }, resolveWrappedSlot(prefixSlot, (children) => children && vue.h("div", {
            class: `${mergedClsPrefix}-tabs-nav__prefix`
          }, children)), isSegment ? vue.h(VResizeObserver, {
            onResize: this.handleSegmentResize
          }, {
            default: () => vue.h("div", {
              class: `${mergedClsPrefix}-tabs-rail`,
              ref: "tabsElRef"
            }, vue.h("div", {
              class: `${mergedClsPrefix}-tabs-capsule`,
              ref: "segmentCapsuleElRef"
            }, vue.h("div", {
              class: `${mergedClsPrefix}-tabs-wrapper`
            }, vue.h("div", {
              class: `${mergedClsPrefix}-tabs-tab`
            }))), showPane ? tabPaneChildren.map((tabPaneVNode, index) => {
              renderNameListRef.value.push(tabPaneVNode.props.name);
              return vue.h(Tab, Object.assign({}, tabPaneVNode.props, {
                internalCreatedByPane: true,
                internalLeftPadded: index !== 0
              }), tabPaneVNode.children ? {
                default: tabPaneVNode.children.tab
              } : void 0);
            }) : tabChildren.map((tabVNode, index) => {
              renderNameListRef.value.push(tabVNode.props.name);
              if (index === 0) {
                return tabVNode;
              } else {
                return createLeftPaddedTabVNode(tabVNode);
              }
            }))
          }) : vue.h(VResizeObserver, {
            onResize: this.handleNavResize
          }, {
            default: () => vue.h("div", {
              class: `${mergedClsPrefix}-tabs-nav-scroll-wrapper`,
              ref: "scrollWrapperElRef"
            }, ["top", "bottom"].includes(resolvedPlacement) ? vue.h(VXScroll, {
              ref: "xScrollInstRef",
              onScroll: this.handleScroll
            }, {
              default: scrollContent
            }) : vue.h("div", {
              class: `${mergedClsPrefix}-tabs-nav-y-scroll`,
              onScroll: this.handleScroll,
              ref: "yScrollElRef"
            }, scrollContent()))
          }), addTabFixed && addable && isCard ? createAddTag(addable, true) : null, resolveWrappedSlot(suffixSlot, (children) => children && vue.h("div", {
            class: `${mergedClsPrefix}-tabs-nav__suffix`
          }, children))), showPane && (this.animated && (resolvedPlacement === "top" || resolvedPlacement === "bottom") ? vue.h("div", {
            ref: "tabsPaneWrapperRef",
            style: paneWrapperStyle,
            class: [`${mergedClsPrefix}-tabs-pane-wrapper`, paneWrapperClass]
          }, filterMapTabPanes(tabPaneChildren, this.mergedValue, this.renderedNames, this.onAnimationBeforeLeave, this.onAnimationEnter, this.onAnimationAfterEnter, this.animationDirection)) : filterMapTabPanes(tabPaneChildren, this.mergedValue, this.renderedNames)));
        }
      });
      function filterMapTabPanes(tabPaneVNodes, value, renderedNames, onBeforeLeave, onEnter, onAfterEnter, animationDirection) {
        const children = [];
        tabPaneVNodes.forEach((vNode) => {
          const {
            name,
            displayDirective,
            "display-directive": _displayDirective
          } = vNode.props;
          const matchDisplayDirective = (directive) => displayDirective === directive || _displayDirective === directive;
          const show = value === name;
          if (vNode.key !== void 0) {
            vNode.key = name;
          }
          if (show || matchDisplayDirective("show") || matchDisplayDirective("show:lazy") && renderedNames.has(name)) {
            if (!renderedNames.has(name)) {
              renderedNames.add(name);
            }
            const useVShow = !matchDisplayDirective("if");
            children.push(useVShow ? vue.withDirectives(vNode, [[vue.vShow, show]]) : vNode);
          }
        });
        if (!animationDirection) {
          return children;
        }
        return vue.h(vue.TransitionGroup, {
          name: `${animationDirection}-transition`,
          onBeforeLeave,
          onEnter,
          onAfterEnter
        }, {
          default: () => children
        });
      }
      function createAddTag(addable, internalLeftPadded) {
        return vue.h(Tab, {
          ref: "addTabInstRef",
          key: "__addable",
          name: "__addable",
          internalCreatedByPane: true,
          internalAddable: true,
          internalLeftPadded,
          disabled: typeof addable === "object" && addable.disabled
        });
      }
      function createLeftPaddedTabVNode(tabVNode) {
        const modifiedVNode = vue.cloneVNode(tabVNode);
        if (modifiedVNode.props) {
          modifiedVNode.props.internalLeftPadded = true;
        } else {
          modifiedVNode.props = {
            internalLeftPadded: true
          };
        }
        return modifiedVNode;
      }
      function justifyTabDynamicProps(tabVNode) {
        if (Array.isArray(tabVNode.dynamicProps)) {
          if (!tabVNode.dynamicProps.includes("internalLeftPadded")) {
            tabVNode.dynamicProps.push("internalLeftPadded");
          }
        } else {
          tabVNode.dynamicProps = ["internalLeftPadded"];
        }
        return tabVNode;
      }
      const style$d = cB("thing", `
 display: flex;
 transition: color .3s var(--n-bezier);
 font-size: var(--n-font-size);
 color: var(--n-text-color);
`, [cB("thing-avatar", `
 margin-right: 12px;
 margin-top: 2px;
 `), cB("thing-avatar-header-wrapper", `
 display: flex;
 flex-wrap: nowrap;
 `, [cB("thing-header-wrapper", `
 flex: 1;
 `)]), cB("thing-main", `
 flex-grow: 1;
 `, [cB("thing-header", `
 display: flex;
 margin-bottom: 4px;
 justify-content: space-between;
 align-items: center;
 `, [cE("title", `
 font-size: 16px;
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 color: var(--n-title-text-color);
 `)]), cE("description", [c$1("&:not(:last-child)", `
 margin-bottom: 4px;
 `)]), cE("content", [c$1("&:not(:first-child)", `
 margin-top: 12px;
 `)]), cE("footer", [c$1("&:not(:first-child)", `
 margin-top: 12px;
 `)]), cE("action", [c$1("&:not(:first-child)", `
 margin-top: 12px;
 `)])])]);
      const thingProps = Object.assign(Object.assign({}, useTheme.props), {
        title: String,
        titleExtra: String,
        description: String,
        descriptionClass: String,
        descriptionStyle: [String, Object],
        content: String,
        contentClass: String,
        contentStyle: [String, Object],
        contentIndented: Boolean
      });
      const Thing = vue.defineComponent({
        name: "Thing",
        props: thingProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const themeRef = useTheme("Thing", "-thing", style$d, thingLight, props, mergedClsPrefixRef);
          const rtlEnabledRef = useRtl("Thing", mergedRtlRef, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              self: {
                titleTextColor,
                textColor,
                titleFontWeight,
                fontSize: fontSize2
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-text-color": textColor,
              "--n-title-font-weight": titleFontWeight,
              "--n-title-text-color": titleTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("thing", void 0, cssVarsRef, props) : void 0;
          return () => {
            var _a;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            const rtlEnabled = rtlEnabledRef ? rtlEnabledRef.value : false;
            (_a = themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender) === null || _a === void 0 ? void 0 : _a.call(themeClassHandle);
            return vue.h("div", {
              class: [`${mergedClsPrefix}-thing`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, rtlEnabled && `${mergedClsPrefix}-thing--rtl`],
              style: inlineThemeDisabled ? void 0 : cssVarsRef.value
            }, slots.avatar && props.contentIndented ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-avatar`
            }, slots.avatar()) : null, vue.h("div", {
              class: `${mergedClsPrefix}-thing-main`
            }, !props.contentIndented && (slots.header || props.title || slots["header-extra"] || props.titleExtra || slots.avatar) ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-avatar-header-wrapper`
            }, slots.avatar ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-avatar`
            }, slots.avatar()) : null, slots.header || props.title || slots["header-extra"] || props.titleExtra ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-header-wrapper`
            }, vue.h("div", {
              class: `${mergedClsPrefix}-thing-header`
            }, slots.header || props.title ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-header__title`
            }, slots.header ? slots.header() : props.title) : null, slots["header-extra"] || props.titleExtra ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-header__extra`
            }, slots["header-extra"] ? slots["header-extra"]() : props.titleExtra) : null), slots.description || props.description ? vue.h("div", {
              class: [`${mergedClsPrefix}-thing-main__description`, props.descriptionClass],
              style: props.descriptionStyle
            }, slots.description ? slots.description() : props.description) : null) : null) : vue.h(vue.Fragment, null, slots.header || props.title || slots["header-extra"] || props.titleExtra ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-header`
            }, slots.header || props.title ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-header__title`
            }, slots.header ? slots.header() : props.title) : null, slots["header-extra"] || props.titleExtra ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-header__extra`
            }, slots["header-extra"] ? slots["header-extra"]() : props.titleExtra) : null) : null, slots.description || props.description ? vue.h("div", {
              class: [`${mergedClsPrefix}-thing-main__description`, props.descriptionClass],
              style: props.descriptionStyle
            }, slots.description ? slots.description() : props.description) : null), slots.default || props.content ? vue.h("div", {
              class: [`${mergedClsPrefix}-thing-main__content`, props.contentClass],
              style: props.contentStyle
            }, slots.default ? slots.default() : props.content) : null, slots.footer ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-main__footer`
            }, slots.footer()) : null, slots.action ? vue.h("div", {
              class: `${mergedClsPrefix}-thing-main__action`
            }, slots.action()) : null));
          };
        }
      });
      const timeProps = {
        time: {
          type: [Number, Date],
          default: void 0
          // For unix or non unix mode, it should be different default value
        },
        type: {
          type: String,
          default: "datetime"
        },
        to: {
          type: [Number, Date],
          default: void 0
          // the same as `time` prop
        },
        unix: Boolean,
        format: String,
        text: Boolean,
        timeZone: String
      };
      const Time = vue.defineComponent({
        name: "Time",
        props: timeProps,
        setup(props) {
          const now2 = Date.now();
          const {
            localeRef,
            dateLocaleRef
          } = useLocale("Time");
          const mergedFormatRef = vue.computed(() => {
            const {
              timeZone
            } = props;
            if (timeZone) {
              return (time2, _format, options) => {
                return formatInTimeZone(time2, timeZone, _format, options);
              };
            }
            return format$4;
          });
          const dateFnsOptionsRef = vue.computed(() => {
            return {
              locale: dateLocaleRef.value.locale
            };
          });
          const mergedTimeRef = vue.computed(() => {
            const {
              time: time2
            } = props;
            if (props.unix) {
              if (time2 === void 0)
                return now2;
              return fromUnixTime(typeof time2 === "number" ? time2 : time2.valueOf());
            }
            return time2 !== null && time2 !== void 0 ? time2 : now2;
          });
          const mergedToRef = vue.computed(() => {
            const {
              to
            } = props;
            if (props.unix) {
              if (to === void 0)
                return now2;
              return fromUnixTime(typeof to === "number" ? to : to.valueOf());
            }
            return to !== null && to !== void 0 ? to : now2;
          });
          const renderedTimeRef = vue.computed(() => {
            if (props.format) {
              return mergedFormatRef.value(mergedTimeRef.value, props.format, dateFnsOptionsRef.value);
            } else if (props.type === "date") {
              return mergedFormatRef.value(mergedTimeRef.value, localeRef.value.dateFormat, dateFnsOptionsRef.value);
            } else if (props.type === "datetime") {
              return mergedFormatRef.value(mergedTimeRef.value, localeRef.value.dateTimeFormat, dateFnsOptionsRef.value);
            } else {
              return formatDistanceStrict(mergedTimeRef.value, mergedToRef.value, {
                addSuffix: true,
                locale: dateLocaleRef.value.locale
              });
            }
          });
          return {
            renderedTime: renderedTimeRef
          };
        },
        render() {
          return this.text ? vue.createTextVNode(this.renderedTime) : vue.h("time", [this.renderedTime]);
        }
      });
      const lineHeight = 1.25;
      const style$c = cB("timeline", `
 position: relative;
 width: 100%;
 display: flex;
 flex-direction: column;
 line-height: ${lineHeight};
`, [cM("horizontal", `
 flex-direction: row;
 `, [c$1(">", [cB("timeline-item", `
 flex-shrink: 0;
 padding-right: 40px;
 `, [cM("dashed-line-type", [c$1(">", [cB("timeline-item-timeline", [cE("line", `
 background-image: linear-gradient(90deg, var(--n-color-start), var(--n-color-start) 50%, transparent 50%, transparent 100%);
 background-size: 10px 1px;
 `)])])]), c$1(">", [cB("timeline-item-content", `
 margin-top: calc(var(--n-icon-size) + 12px);
 `, [c$1(">", [cE("meta", `
 margin-top: 6px;
 margin-bottom: unset;
 `)])]), cB("timeline-item-timeline", `
 width: 100%;
 height: calc(var(--n-icon-size) + 12px);
 `, [cE("line", `
 left: var(--n-icon-size);
 top: calc(var(--n-icon-size) / 2 - 1px);
 right: 0px;
 width: unset;
 height: 2px;
 `)])])])])]), cM("right-placement", [cB("timeline-item", [cB("timeline-item-content", `
 text-align: right;
 margin-right: calc(var(--n-icon-size) + 12px);
 `), cB("timeline-item-timeline", `
 width: var(--n-icon-size);
 right: 0;
 `)])]), cM("left-placement", [cB("timeline-item", [cB("timeline-item-content", `
 margin-left: calc(var(--n-icon-size) + 12px);
 `), cB("timeline-item-timeline", `
 left: 0;
 `)])]), cB("timeline-item", `
 position: relative;
 `, [c$1("&:last-child", [cB("timeline-item-timeline", [cE("line", `
 display: none;
 `)]), cB("timeline-item-content", [cE("meta", `
 margin-bottom: 0;
 `)])]), cB("timeline-item-content", [cE("title", `
 margin: var(--n-title-margin);
 font-size: var(--n-title-font-size);
 transition: color .3s var(--n-bezier);
 font-weight: var(--n-title-font-weight);
 color: var(--n-title-text-color);
 `), cE("content", `
 transition: color .3s var(--n-bezier);
 font-size: var(--n-content-font-size);
 color: var(--n-content-text-color);
 `), cE("meta", `
 transition: color .3s var(--n-bezier);
 font-size: 12px;
 margin-top: 6px;
 margin-bottom: 20px;
 color: var(--n-meta-text-color);
 `)]), cM("dashed-line-type", [cB("timeline-item-timeline", [cE("line", `
 --n-color-start: var(--n-line-color);
 transition: --n-color-start .3s var(--n-bezier);
 background-color: transparent;
 background-image: linear-gradient(180deg, var(--n-color-start), var(--n-color-start) 50%, transparent 50%, transparent 100%);
 background-size: 1px 10px;
 `)])]), cB("timeline-item-timeline", `
 width: calc(var(--n-icon-size) + 12px);
 position: absolute;
 top: calc(var(--n-title-font-size) * ${lineHeight} / 2 - var(--n-icon-size) / 2);
 height: 100%;
 `, [cE("circle", `
 border: var(--n-circle-border);
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 width: var(--n-icon-size);
 height: var(--n-icon-size);
 border-radius: var(--n-icon-size);
 box-sizing: border-box;
 `), cE("icon", `
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 display: flex;
 align-items: center;
 justify-content: center;
 `), cE("line", `
 transition: background-color .3s var(--n-bezier);
 position: absolute;
 top: var(--n-icon-size);
 left: calc(var(--n-icon-size) / 2 - 1px);
 bottom: 0px;
 width: 2px;
 background-color: var(--n-line-color);
 `)])])]);
      const timelineProps = Object.assign(Object.assign({}, useTheme.props), {
        horizontal: Boolean,
        itemPlacement: {
          type: String,
          default: "left"
        },
        size: {
          type: String,
          default: "medium"
        },
        iconSize: Number
      });
      const timelineInjectionKey = createInjectionKey("n-timeline");
      const Timeline = vue.defineComponent({
        name: "Timeline",
        props: timelineProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("Timeline", "-timeline", style$c, timelineLight, props, mergedClsPrefixRef);
          vue.provide(timelineInjectionKey, {
            props,
            mergedThemeRef: themeRef,
            mergedClsPrefixRef
          });
          return () => {
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            return vue.h("div", {
              class: [`${mergedClsPrefix}-timeline`, props.horizontal && `${mergedClsPrefix}-timeline--horizontal`, `${mergedClsPrefix}-timeline--${props.size}-size`, !props.horizontal && `${mergedClsPrefix}-timeline--${props.itemPlacement}-placement`]
            }, slots);
          };
        }
      });
      const timelineItemProps = {
        time: [String, Number],
        title: String,
        content: String,
        color: String,
        lineType: {
          type: String,
          default: "default"
        },
        type: {
          type: String,
          default: "default"
        }
      };
      const TimelineItem = vue.defineComponent({
        name: "TimelineItem",
        props: timelineItemProps,
        setup(props) {
          const NTimeline = vue.inject(timelineInjectionKey);
          if (!NTimeline) {
            throwError("timeline-item", "`n-timeline-item` must be placed inside `n-timeline`.");
          }
          useHoudini();
          const {
            inlineThemeDisabled
          } = useConfig();
          const cssVarsRef = vue.computed(() => {
            const {
              props: {
                size: size2,
                iconSize: iconSizeProp
              },
              mergedThemeRef
            } = NTimeline;
            const {
              type
            } = props;
            const {
              self: {
                titleTextColor,
                contentTextColor,
                metaTextColor,
                lineColor,
                titleFontWeight,
                contentFontSize,
                [createKey("iconSize", size2)]: iconSize,
                [createKey("titleMargin", size2)]: titleMargin,
                [createKey("titleFontSize", size2)]: titleFontSize,
                [createKey("circleBorder", type)]: circleBorder,
                [createKey("iconColor", type)]: iconColor
              },
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              }
            } = mergedThemeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-circle-border": circleBorder,
              "--n-icon-color": iconColor,
              "--n-content-font-size": contentFontSize,
              "--n-content-text-color": contentTextColor,
              "--n-line-color": lineColor,
              "--n-meta-text-color": metaTextColor,
              "--n-title-font-size": titleFontSize,
              "--n-title-font-weight": titleFontWeight,
              "--n-title-margin": titleMargin,
              "--n-title-text-color": titleTextColor,
              "--n-icon-size": formatLength(iconSizeProp) || iconSize
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("timeline-item", vue.computed(() => {
            const {
              props: {
                size: size2,
                iconSize: iconSizeProp
              }
            } = NTimeline;
            const {
              type
            } = props;
            return `${size2[0]}${iconSizeProp || "a"}${type[0]}`;
          }), cssVarsRef, NTimeline.props) : void 0;
          return {
            mergedClsPrefix: NTimeline.mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          const {
            mergedClsPrefix,
            color,
            onRender,
            $slots
          } = this;
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-timeline-item`, this.themeClass, `${mergedClsPrefix}-timeline-item--${this.type}-type`, `${mergedClsPrefix}-timeline-item--${this.lineType}-line-type`],
            style: this.cssVars
          }, vue.h("div", {
            class: `${mergedClsPrefix}-timeline-item-timeline`
          }, vue.h("div", {
            class: `${mergedClsPrefix}-timeline-item-timeline__line`
          }), resolveWrappedSlot($slots.icon, (children) => {
            return children ? vue.h("div", {
              class: `${mergedClsPrefix}-timeline-item-timeline__icon`,
              style: {
                color
              }
            }, children) : vue.h("div", {
              class: `${mergedClsPrefix}-timeline-item-timeline__circle`,
              style: {
                borderColor: color
              }
            });
          })), vue.h("div", {
            class: `${mergedClsPrefix}-timeline-item-content`
          }, resolveWrappedSlot($slots.header, (children) => {
            const mergedChildren = children || this.title;
            if (mergedChildren) {
              return vue.h("div", {
                class: `${mergedClsPrefix}-timeline-item-content__title`
              }, children || this.title);
            }
            return null;
          }), vue.h("div", {
            class: `${mergedClsPrefix}-timeline-item-content__content`
          }, resolveSlot($slots.default, () => [this.content])), vue.h("div", {
            class: `${mergedClsPrefix}-timeline-item-content__meta`
          }, resolveSlot($slots.footer, () => [this.time]))));
        }
      });
      const transferInjectionKey = createInjectionKey("n-transfer");
      const NTransferHeader = vue.defineComponent({
        name: "TransferHeader",
        props: {
          size: {
            type: String,
            required: true
          },
          selectAllText: String,
          clearText: String,
          source: Boolean,
          onCheckedAll: Function,
          onClearAll: Function,
          title: String
        },
        setup(props) {
          const {
            targetOptionsRef,
            canNotSelectAnythingRef,
            canBeClearedRef,
            allCheckedRef,
            mergedThemeRef,
            disabledRef,
            mergedClsPrefixRef,
            srcOptionsLengthRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(transferInjectionKey);
          const {
            localeRef
          } = useLocale("Transfer");
          return () => {
            const {
              source,
              onClearAll,
              onCheckedAll,
              selectAllText,
              clearText
            } = props;
            const {
              value: mergedTheme
            } = mergedThemeRef;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            const {
              value: locale2
            } = localeRef;
            const buttonSize = props.size === "large" ? "small" : "tiny";
            const {
              title
            } = props;
            return vue.h("div", {
              class: `${mergedClsPrefix}-transfer-list-header`
            }, title && vue.h("div", {
              class: `${mergedClsPrefix}-transfer-list-header__title`
            }, title), source && vue.h(NButton, {
              class: `${mergedClsPrefix}-transfer-list-header__button`,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button,
              size: buttonSize,
              tertiary: true,
              onClick: allCheckedRef.value ? onClearAll : onCheckedAll,
              disabled: canNotSelectAnythingRef.value || disabledRef.value
            }, {
              default: () => allCheckedRef.value ? clearText || locale2.unselectAll : selectAllText || locale2.selectAll
            }), !source && canBeClearedRef.value && vue.h(NButton, {
              class: `${mergedClsPrefix}-transfer-list-header__button`,
              theme: mergedTheme.peers.Button,
              themeOverrides: mergedTheme.peerOverrides.Button,
              size: buttonSize,
              tertiary: true,
              onClick: onClearAll,
              disabled: disabledRef.value
            }, {
              default: () => locale2.clearAll
            }), vue.h("div", {
              class: `${mergedClsPrefix}-transfer-list-header__extra`
            }, source ? locale2.total(srcOptionsLengthRef.value) : locale2.selected(targetOptionsRef.value.length)));
          };
        }
      });
      const NTransferListItem = vue.defineComponent({
        name: "NTransferListItem",
        props: {
          source: Boolean,
          label: {
            type: String,
            required: true
          },
          value: {
            type: [String, Number],
            required: true
          },
          disabled: Boolean,
          option: {
            type: Object,
            required: true
          }
        },
        setup(props) {
          const {
            targetValueSetRef,
            mergedClsPrefixRef,
            mergedThemeRef,
            handleItemCheck,
            renderSourceLabelRef,
            renderTargetLabelRef,
            showSelectedRef
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = vue.inject(transferInjectionKey);
          const checkedRef = useMemo(() => targetValueSetRef.value.has(props.value));
          function handleClick2() {
            if (!props.disabled) {
              handleItemCheck(!checkedRef.value, props.value);
            }
          }
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef,
            checked: checkedRef,
            showSelected: showSelectedRef,
            renderSourceLabel: renderSourceLabelRef,
            renderTargetLabel: renderTargetLabelRef,
            handleClick: handleClick2
          };
        },
        render() {
          const {
            disabled,
            mergedTheme,
            mergedClsPrefix,
            label,
            checked,
            source,
            renderSourceLabel,
            renderTargetLabel
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-transfer-list-item`, disabled && `${mergedClsPrefix}-transfer-list-item--disabled`, source ? `${mergedClsPrefix}-transfer-list-item--source` : `${mergedClsPrefix}-transfer-list-item--target`],
            onClick: source ? this.handleClick : void 0
          }, vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-item__background`
          }), source && this.showSelected && vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-item__checkbox`
          }, vue.h(NCheckbox, {
            theme: mergedTheme.peers.Checkbox,
            themeOverrides: mergedTheme.peerOverrides.Checkbox,
            disabled,
            checked
          })), vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-item__label`,
            title: getTitleAttribute(label)
          }, source ? renderSourceLabel ? renderSourceLabel({
            option: this.option
          }) : label : renderTargetLabel ? renderTargetLabel({
            option: this.option
          }) : label), !source && !disabled && vue.h(NBaseClose, {
            focusable: false,
            class: `${mergedClsPrefix}-transfer-list-item__close`,
            clsPrefix: mergedClsPrefix,
            onClick: this.handleClick
          }));
        }
      });
      const NTransferList = vue.defineComponent({
        name: "TransferList",
        props: {
          virtualScroll: {
            type: Boolean,
            required: true
          },
          itemSize: {
            type: Number,
            required: true
          },
          options: {
            type: Array,
            required: true
          },
          disabled: {
            type: Boolean,
            required: true
          },
          source: Boolean
        },
        setup() {
          const {
            mergedThemeRef,
            mergedClsPrefixRef
          } = vue.inject(transferInjectionKey);
          const scrollerInstRef = vue.ref(null);
          const vlInstRef = vue.ref(null);
          function syncVLScroller() {
            var _a;
            (_a = scrollerInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
          }
          function scrollContainer() {
            const {
              value
            } = vlInstRef;
            if (!value)
              return null;
            const {
              listElRef
            } = value;
            return listElRef;
          }
          function scrollContent() {
            const {
              value
            } = vlInstRef;
            if (!value)
              return null;
            const {
              itemsElRef
            } = value;
            return itemsElRef;
          }
          return {
            mergedTheme: mergedThemeRef,
            mergedClsPrefix: mergedClsPrefixRef,
            scrollerInstRef,
            vlInstRef,
            syncVLScroller,
            scrollContainer,
            scrollContent
          };
        },
        render() {
          const {
            mergedTheme,
            options
          } = this;
          if (options.length === 0) {
            return vue.h(NEmpty, {
              theme: mergedTheme.peers.Empty,
              themeOverrides: mergedTheme.peerOverrides.Empty
            });
          }
          const {
            mergedClsPrefix,
            virtualScroll,
            source,
            disabled,
            syncVLScroller
          } = this;
          return vue.h(Scrollbar$2, {
            ref: "scrollerInstRef",
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar,
            container: virtualScroll ? this.scrollContainer : void 0,
            content: virtualScroll ? this.scrollContent : void 0
          }, {
            default: () => virtualScroll ? vue.h(VVirtualList, {
              ref: "vlInstRef",
              style: {
                height: "100%"
              },
              class: `${mergedClsPrefix}-transfer-list-content`,
              items: this.options,
              itemSize: this.itemSize,
              showScrollbar: false,
              onResize: syncVLScroller,
              onScroll: syncVLScroller,
              keyField: "value"
            }, {
              default: ({
                item
              }) => {
                const {
                  source: source2,
                  disabled: disabled2
                } = this;
                return vue.h(NTransferListItem, {
                  source: source2,
                  key: item.value,
                  value: item.value,
                  disabled: item.disabled || disabled2,
                  label: item.label,
                  option: item
                });
              }
            }) : vue.h("div", {
              class: `${mergedClsPrefix}-transfer-list-content`
            }, options.map((option) => vue.h(NTransferListItem, {
              source,
              key: option.value,
              value: option.value,
              disabled: option.disabled || disabled,
              label: option.label,
              option
            })))
          });
        }
      });
      const NTransferFilter = vue.defineComponent({
        name: "TransferFilter",
        props: {
          value: String,
          placeholder: String,
          disabled: Boolean,
          onUpdateValue: {
            type: Function,
            required: true
          }
        },
        setup() {
          const {
            mergedThemeRef,
            mergedClsPrefixRef
          } = vue.inject(transferInjectionKey);
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: mergedThemeRef
          };
        },
        render() {
          const {
            mergedTheme,
            mergedClsPrefix
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-transfer-filter`
          }, vue.h(NInput, {
            value: this.value,
            onUpdateValue: this.onUpdateValue,
            disabled: this.disabled,
            placeholder: this.placeholder,
            theme: mergedTheme.peers.Input,
            themeOverrides: mergedTheme.peerOverrides.Input,
            clearable: true,
            size: "small"
          }, {
            "clear-icon-placeholder": () => vue.h(NBaseIcon, {
              clsPrefix: mergedClsPrefix
            }, {
              default: () => vue.h(SearchIcon, null)
            })
          }));
        }
      });
      function useTransferData(props) {
        const uncontrolledValueRef = vue.ref(props.defaultValue);
        const mergedValueRef = useMergedState(vue.toRef(props, "value"), uncontrolledValueRef);
        const optionsMapRef = vue.computed(() => {
          const map2 = /* @__PURE__ */ new Map();
          (props.options || []).forEach((opt) => map2.set(opt.value, opt));
          return map2;
        });
        const targetValueSetRef = vue.computed(() => new Set(mergedValueRef.value || []));
        const targetOptionsRef = vue.computed(() => {
          const optionMap = optionsMapRef.value;
          const targetOptions = [];
          (mergedValueRef.value || []).forEach((v) => {
            const option = optionMap.get(v);
            if (option) {
              targetOptions.push(option);
            }
          });
          return targetOptions;
        });
        const srcPatternRef = vue.ref("");
        const tgtPatternRef = vue.ref("");
        const mergedSrcFilterableRef = vue.computed(() => {
          return props.sourceFilterable || !!props.filterable;
        });
        const filteredSrcOptionsRef = vue.computed(() => {
          const {
            showSelected,
            options,
            filter
          } = props;
          if (!mergedSrcFilterableRef.value) {
            if (showSelected) {
              return options;
            } else {
              return options.filter((option) => !targetValueSetRef.value.has(option.value));
            }
          }
          return options.filter((option) => {
            return filter(srcPatternRef.value, option, "source") && (showSelected || !targetValueSetRef.value.has(option.value));
          });
        });
        const filteredTgtOptionsRef = vue.computed(() => {
          if (!props.targetFilterable)
            return targetOptionsRef.value;
          const {
            filter
          } = props;
          return targetOptionsRef.value.filter((opt) => filter(tgtPatternRef.value, opt, "target"));
        });
        const mergedValueSetRef = vue.computed(() => {
          const {
            value
          } = mergedValueRef;
          if (value === null)
            return /* @__PURE__ */ new Set();
          return new Set(value);
        });
        const valueSetForCheckAllRef = vue.computed(() => {
          const values = new Set(mergedValueSetRef.value);
          filteredSrcOptionsRef.value.forEach((option) => {
            if (!option.disabled && !values.has(option.value)) {
              values.add(option.value);
            }
          });
          return values;
        });
        const valueSetForUncheckAllRef = vue.computed(() => {
          const values = new Set(mergedValueSetRef.value);
          filteredSrcOptionsRef.value.forEach((option) => {
            if (!option.disabled && values.has(option.value)) {
              values.delete(option.value);
            }
          });
          return values;
        });
        const valueSetForClearRef = vue.computed(() => {
          const values = new Set(mergedValueSetRef.value);
          filteredTgtOptionsRef.value.forEach((option) => {
            if (!option.disabled) {
              values.delete(option.value);
            }
          });
          return values;
        });
        const canNotSelectAnythingRef = vue.computed(() => {
          return filteredSrcOptionsRef.value.every((option) => option.disabled);
        });
        const allCheckedRef = vue.computed(() => {
          if (!filteredSrcOptionsRef.value.length) {
            return false;
          }
          const mergedValueSet = mergedValueSetRef.value;
          return filteredSrcOptionsRef.value.every((option) => option.disabled || mergedValueSet.has(option.value));
        });
        const canBeClearedRef = vue.computed(() => {
          return filteredTgtOptionsRef.value.some((option) => !option.disabled);
        });
        function handleSrcFilterUpdateValue(value) {
          srcPatternRef.value = value !== null && value !== void 0 ? value : "";
        }
        function handleTgtFilterUpdateValue(value) {
          tgtPatternRef.value = value !== null && value !== void 0 ? value : "";
        }
        return {
          uncontrolledValueRef,
          mergedValueRef,
          targetValueSetRef,
          valueSetForCheckAllRef,
          valueSetForUncheckAllRef,
          valueSetForClearRef,
          filteredTgtOptionsRef,
          filteredSrcOptionsRef,
          targetOptionsRef,
          canNotSelectAnythingRef,
          canBeClearedRef,
          allCheckedRef,
          srcPatternRef,
          tgtPatternRef,
          mergedSrcFilterableRef,
          handleSrcFilterUpdateValue,
          handleTgtFilterUpdateValue
        };
      }
      const style$b = cB("transfer", `
 width: 100%;
 font-size: var(--n-font-size);
 height: 300px;
 display: flex;
 flex-wrap: nowrap;
 word-break: break-word;
`, [cM("disabled", [cB("transfer-list", [cB("transfer-list-header", [cE("title", `
 color: var(--n-header-text-color-disabled);
 `), cE("extra", `
 color: var(--n-header-extra-text-color-disabled);
 `)])])]), cB("transfer-list", `
 flex: 1;
 min-width: 0;
 height: inherit;
 display: flex;
 flex-direction: column;
 background-clip: padding-box;
 position: relative;
 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-list-color);
 `, [cM("source", `
 border-top-left-radius: var(--n-border-radius);
 border-bottom-left-radius: var(--n-border-radius);
 `, [cE("border", "border-right: 1px solid var(--n-divider-color);")]), cM("target", `
 border-top-right-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 `, [cE("border", "border-left: none;")]), cE("border", `
 padding: 0 12px;
 border: 1px solid var(--n-border-color);
 transition: border-color .3s var(--n-bezier);
 pointer-events: none;
 border-radius: inherit;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 `), cB("transfer-list-header", `
 min-height: var(--n-header-height);
 box-sizing: border-box;
 display: flex;
 padding: 12px 12px 10px 12px;
 align-items: center;
 background-clip: padding-box;
 border-radius: inherit;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 line-height: 1.5;
 transition:
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `, [c$1("> *:not(:first-child)", `
 margin-left: 8px;
 `), cE("title", `
 flex: 1;
 min-width: 0;
 line-height: 1.5;
 font-size: var(--n-header-font-size);
 font-weight: var(--n-header-font-weight);
 transition: color .3s var(--n-bezier);
 color: var(--n-header-text-color);
 `), cE("button", `
 position: relative;
 `), cE("extra", `
 transition: color .3s var(--n-bezier);
 font-size: var(--n-extra-font-size);
 margin-right: 0;
 white-space: nowrap;
 color: var(--n-header-extra-text-color);
 `)]), cB("transfer-list-body", `
 flex-basis: 0;
 flex-grow: 1;
 box-sizing: border-box;
 position: relative;
 display: flex;
 flex-direction: column;
 border-radius: inherit;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 `, [cB("transfer-filter", `
 padding: 4px 12px 8px 12px;
 box-sizing: border-box;
 transition:
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `), cB("transfer-list-flex-container", `
 flex: 1;
 position: relative;
 `, [cB("scrollbar", `
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 height: unset;
 `), cB("empty", `
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateY(-50%) translateX(-50%);
 `), cB("transfer-list-content", `
 padding: 0;
 margin: 0;
 position: relative;
 `, [cB("transfer-list-item", `
 padding: 0 12px;
 min-height: var(--n-item-height);
 display: flex;
 align-items: center;
 color: var(--n-item-text-color);
 position: relative;
 transition: color .3s var(--n-bezier);
 `, [cE("background", `
 position: absolute;
 left: 4px;
 right: 4px;
 top: 0;
 bottom: 0;
 border-radius: var(--n-border-radius);
 transition: background-color .3s var(--n-bezier);
 `), cE("checkbox", `
 position: relative;
 margin-right: 8px;
 `), cE("close", `
 opacity: 0;
 pointer-events: none;
 position: relative;
 transition:
 opacity .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `), cE("label", `
 position: relative;
 min-width: 0;
 flex-grow: 1;
 `), cM("source", "cursor: pointer;"), cM("disabled", `
 cursor: not-allowed;
 color: var(--n-item-text-color-disabled);
 `), cNotM("disabled", [c$1("&:hover", [cE("background", "background-color: var(--n-item-color-pending);"), cE("close", `
 opacity: 1;
 pointer-events: all;
 `)])])])])])])])]);
      const transferProps = Object.assign(Object.assign({}, useTheme.props), {
        value: Array,
        defaultValue: {
          type: Array,
          default: null
        },
        options: {
          type: Array,
          default: () => []
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        virtualScroll: Boolean,
        sourceTitle: String,
        selectAllText: String,
        clearText: String,
        targetTitle: String,
        filterable: {
          type: Boolean,
          default: void 0
        },
        sourceFilterable: Boolean,
        targetFilterable: Boolean,
        showSelected: {
          type: Boolean,
          default: true
        },
        sourceFilterPlaceholder: String,
        targetFilterPlaceholder: String,
        filter: {
          type: Function,
          default: (pattern, option) => {
            if (!pattern)
              return true;
            return ~("" + option.label).toLowerCase().indexOf(("" + pattern).toLowerCase());
          }
        },
        size: String,
        renderSourceLabel: Function,
        renderTargetLabel: Function,
        renderSourceList: Function,
        renderTargetList: Function,
        "onUpdate:value": [Function, Array],
        onUpdateValue: [Function, Array],
        onChange: [Function, Array]
      });
      const Transfer = vue.defineComponent({
        name: "Transfer",
        props: transferProps,
        setup(props) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("Transfer", "-transfer", style$b, transferLight$1, props, mergedClsPrefixRef);
          const formItem = useFormItem(props);
          const {
            mergedSizeRef,
            mergedDisabledRef
          } = formItem;
          const itemSizeRef = vue.computed(() => {
            const {
              value: size2
            } = mergedSizeRef;
            const {
              self: {
                [createKey("itemHeight", size2)]: itemSize
              }
            } = themeRef.value;
            return depx(itemSize);
          });
          const {
            uncontrolledValueRef,
            mergedValueRef,
            targetValueSetRef,
            valueSetForCheckAllRef,
            valueSetForUncheckAllRef,
            valueSetForClearRef,
            filteredTgtOptionsRef,
            filteredSrcOptionsRef,
            targetOptionsRef,
            canNotSelectAnythingRef,
            canBeClearedRef,
            allCheckedRef,
            srcPatternRef,
            tgtPatternRef,
            mergedSrcFilterableRef,
            handleSrcFilterUpdateValue,
            handleTgtFilterUpdateValue
          } = useTransferData(props);
          function doUpdateValue(value) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue,
              onChange
            } = props;
            const {
              nTriggerFormInput,
              nTriggerFormChange
            } = formItem;
            if (onUpdateValue)
              call(onUpdateValue, value);
            if (_onUpdateValue)
              call(_onUpdateValue, value);
            if (onChange)
              call(onChange, value);
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function handleSourceCheckAll() {
            doUpdateValue([...valueSetForCheckAllRef.value]);
          }
          function handleSourceUncheckAll() {
            doUpdateValue([...valueSetForUncheckAllRef.value]);
          }
          function handleTargetClearAll() {
            doUpdateValue([...valueSetForClearRef.value]);
          }
          function handleItemCheck(checked, optionValue) {
            if (checked) {
              doUpdateValue((mergedValueRef.value || []).concat(optionValue));
            } else {
              doUpdateValue((mergedValueRef.value || []).filter((v) => v !== optionValue));
            }
          }
          function handleChecked(optionValueList) {
            doUpdateValue(optionValueList);
          }
          vue.provide(transferInjectionKey, {
            targetValueSetRef,
            mergedClsPrefixRef,
            disabledRef: mergedDisabledRef,
            mergedThemeRef: themeRef,
            targetOptionsRef,
            canNotSelectAnythingRef,
            canBeClearedRef,
            allCheckedRef,
            srcOptionsLengthRef: vue.computed(() => props.options.length),
            handleItemCheck,
            renderSourceLabelRef: vue.toRef(props, "renderSourceLabel"),
            renderTargetLabelRef: vue.toRef(props, "renderTargetLabel"),
            showSelectedRef: vue.toRef(props, "showSelected")
          });
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedDisabled: mergedDisabledRef,
            itemSize: itemSizeRef,
            isMounted: isMounted(),
            mergedTheme: themeRef,
            filteredSrcOpts: filteredSrcOptionsRef,
            filteredTgtOpts: filteredTgtOptionsRef,
            srcPattern: srcPatternRef,
            tgtPattern: tgtPatternRef,
            mergedSize: mergedSizeRef,
            mergedSrcFilterable: mergedSrcFilterableRef,
            handleSrcFilterUpdateValue,
            handleTgtFilterUpdateValue,
            handleSourceCheckAll,
            handleSourceUncheckAll,
            handleTargetClearAll,
            handleItemCheck,
            handleChecked,
            cssVars: vue.computed(() => {
              const {
                value: size2
              } = mergedSizeRef;
              const {
                common: {
                  cubicBezierEaseInOut: cubicBezierEaseInOut2
                },
                self: {
                  borderRadius,
                  borderColor,
                  listColor,
                  titleTextColor,
                  titleTextColorDisabled,
                  extraTextColor,
                  itemTextColor,
                  itemColorPending,
                  itemTextColorDisabled,
                  titleFontWeight,
                  closeColorHover,
                  closeColorPressed,
                  closeIconColor,
                  closeIconColorHover,
                  closeIconColorPressed,
                  closeIconSize,
                  closeSize,
                  dividerColor,
                  extraTextColorDisabled,
                  [createKey("extraFontSize", size2)]: extraFontSize,
                  [createKey("fontSize", size2)]: fontSize2,
                  [createKey("titleFontSize", size2)]: titleFontSize,
                  [createKey("itemHeight", size2)]: itemHeight,
                  [createKey("headerHeight", size2)]: headerHeight
                }
              } = themeRef.value;
              return {
                "--n-bezier": cubicBezierEaseInOut2,
                "--n-border-color": borderColor,
                "--n-border-radius": borderRadius,
                "--n-extra-font-size": extraFontSize,
                "--n-font-size": fontSize2,
                "--n-header-font-size": titleFontSize,
                "--n-header-extra-text-color": extraTextColor,
                "--n-header-extra-text-color-disabled": extraTextColorDisabled,
                "--n-header-font-weight": titleFontWeight,
                "--n-header-text-color": titleTextColor,
                "--n-header-text-color-disabled": titleTextColorDisabled,
                "--n-item-color-pending": itemColorPending,
                "--n-item-height": itemHeight,
                "--n-item-text-color": itemTextColor,
                "--n-item-text-color-disabled": itemTextColorDisabled,
                "--n-list-color": listColor,
                "--n-header-height": headerHeight,
                "--n-close-size": closeSize,
                "--n-close-icon-size": closeIconSize,
                "--n-close-color-hover": closeColorHover,
                "--n-close-color-pressed": closeColorPressed,
                "--n-close-icon-color": closeIconColor,
                "--n-close-icon-color-hover": closeIconColorHover,
                "--n-close-icon-color-pressed": closeIconColorPressed,
                "--n-divider-color": dividerColor
              };
            })
          };
        },
        render() {
          const {
            mergedClsPrefix,
            renderSourceList,
            renderTargetList,
            mergedTheme,
            mergedSrcFilterable,
            targetFilterable
          } = this;
          return vue.h("div", {
            class: [`${mergedClsPrefix}-transfer`, this.mergedDisabled && `${mergedClsPrefix}-transfer--disabled`],
            style: this.cssVars
          }, vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list ${mergedClsPrefix}-transfer-list--source`
          }, vue.h(NTransferHeader, {
            source: true,
            selectAllText: this.selectAllText,
            clearText: this.clearText,
            title: this.sourceTitle,
            onCheckedAll: this.handleSourceCheckAll,
            onClearAll: this.handleSourceUncheckAll,
            size: this.mergedSize
          }), vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-body`
          }, mergedSrcFilterable ? vue.h(NTransferFilter, {
            onUpdateValue: this.handleSrcFilterUpdateValue,
            value: this.srcPattern,
            disabled: this.mergedDisabled,
            placeholder: this.sourceFilterPlaceholder
          }) : null, vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-flex-container`
          }, renderSourceList ? vue.h(Scrollbar$2, {
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => renderSourceList({
              onCheck: this.handleChecked,
              checkedOptions: this.filteredTgtOpts,
              pattern: this.srcPattern
            })
          }) : vue.h(NTransferList, {
            source: true,
            options: this.filteredSrcOpts,
            disabled: this.mergedDisabled,
            virtualScroll: this.virtualScroll,
            itemSize: this.itemSize
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list__border`
          })), vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list ${mergedClsPrefix}-transfer-list--target`
          }, vue.h(NTransferHeader, {
            onClearAll: this.handleTargetClearAll,
            size: this.mergedSize,
            title: this.targetTitle
          }), vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-body`
          }, targetFilterable ? vue.h(NTransferFilter, {
            onUpdateValue: this.handleTgtFilterUpdateValue,
            value: this.tgtPattern,
            disabled: this.mergedDisabled,
            placeholder: this.sourceFilterPlaceholder
          }) : null, vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list-flex-container`
          }, renderTargetList ? vue.h(Scrollbar$2, {
            theme: mergedTheme.peers.Scrollbar,
            themeOverrides: mergedTheme.peerOverrides.Scrollbar
          }, {
            default: () => renderTargetList({
              onCheck: this.handleChecked,
              checkedOptions: this.filteredTgtOpts,
              pattern: this.tgtPattern
            })
          }) : vue.h(NTransferList, {
            options: this.filteredTgtOpts,
            disabled: this.mergedDisabled,
            virtualScroll: this.virtualScroll,
            itemSize: this.itemSize
          }))), vue.h("div", {
            class: `${mergedClsPrefix}-transfer-list__border`
          })));
        }
      });
      const treeSelectInjectionKey = createInjectionKey("n-tree-select");
      const treeInjectionKey = createInjectionKey("n-tree");
      const NTreeNodeSwitcher = vue.defineComponent({
        name: "NTreeSwitcher",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          indent: {
            type: Number,
            required: true
          },
          expanded: Boolean,
          selected: Boolean,
          hide: Boolean,
          loading: Boolean,
          onClick: Function,
          tmNode: {
            type: Object,
            required: true
          }
        },
        setup(props) {
          const {
            renderSwitcherIconRef
          } = vue.inject(treeInjectionKey, null);
          return () => {
            const {
              clsPrefix,
              expanded,
              hide,
              indent,
              onClick
            } = props;
            return vue.h("span", {
              "data-switcher": true,
              class: [`${clsPrefix}-tree-node-switcher`, expanded && `${clsPrefix}-tree-node-switcher--expanded`, hide && `${clsPrefix}-tree-node-switcher--hide`],
              style: {
                width: `${indent}px`
              },
              onClick
            }, vue.h("div", {
              class: `${clsPrefix}-tree-node-switcher__icon`
            }, vue.h(NIconSwitchTransition, null, {
              default: () => {
                if (props.loading) {
                  return vue.h(NBaseLoading, {
                    clsPrefix,
                    key: "loading",
                    radius: 85,
                    strokeWidth: 20
                  });
                }
                const {
                  value: renderSwitcherIcon
                } = renderSwitcherIconRef;
                return renderSwitcherIcon ? renderSwitcherIcon({
                  expanded: props.expanded,
                  selected: props.selected,
                  option: props.tmNode.rawNode
                }) : vue.h(NBaseIcon, {
                  clsPrefix,
                  key: "switcher"
                }, {
                  default: () => vue.h(SwitcherIcon, null)
                });
              }
            })));
          };
        }
      });
      const NTreeNodeCheckbox = vue.defineComponent({
        name: "NTreeNodeCheckbox",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          indent: {
            type: Number,
            required: true
          },
          right: Boolean,
          focusable: Boolean,
          disabled: Boolean,
          checked: Boolean,
          indeterminate: Boolean,
          onCheck: Function
        },
        setup(props) {
          const NTree2 = vue.inject(treeInjectionKey);
          function doCheck(value) {
            const {
              onCheck
            } = props;
            if (onCheck) {
              onCheck(value);
            }
          }
          function handleUpdateValue(value) {
            doCheck(value);
          }
          return {
            handleUpdateValue,
            mergedTheme: NTree2.mergedThemeRef
          };
        },
        render() {
          const {
            clsPrefix,
            mergedTheme,
            checked,
            indeterminate,
            disabled,
            focusable,
            indent,
            handleUpdateValue
          } = this;
          return vue.h("span", {
            class: [`${clsPrefix}-tree-node-checkbox`, this.right && `${clsPrefix}-tree-node-checkbox--right`],
            style: {
              width: `${indent}px`
            },
            "data-checkbox": true
          }, vue.h(NCheckbox, {
            focusable,
            disabled,
            theme: mergedTheme.peers.Checkbox,
            themeOverrides: mergedTheme.peerOverrides.Checkbox,
            checked,
            indeterminate,
            onUpdateChecked: handleUpdateValue
          }));
        }
      });
      const NTreeNodeContent = vue.defineComponent({
        name: "TreeNodeContent",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          disabled: Boolean,
          checked: Boolean,
          selected: Boolean,
          onClick: Function,
          onDragstart: Function,
          tmNode: {
            type: Object,
            required: true
          },
          nodeProps: Object
        },
        setup(props) {
          const {
            renderLabelRef,
            renderPrefixRef,
            renderSuffixRef,
            labelFieldRef
          } = (
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            vue.inject(treeInjectionKey)
          );
          const selfRef = vue.ref(null);
          function doClick(e) {
            const {
              onClick
            } = props;
            if (onClick)
              onClick(e);
          }
          function handleClick2(e) {
            doClick(e);
          }
          return {
            selfRef,
            renderLabel: renderLabelRef,
            renderPrefix: renderPrefixRef,
            renderSuffix: renderSuffixRef,
            labelField: labelFieldRef,
            handleClick: handleClick2
          };
        },
        render() {
          const {
            clsPrefix,
            labelField,
            nodeProps,
            checked = false,
            selected = false,
            renderLabel,
            renderPrefix,
            renderSuffix,
            handleClick: handleClick2,
            onDragstart,
            tmNode: {
              rawNode,
              rawNode: {
                prefix: prefix2,
                suffix: suffix2,
                [labelField]: label
              }
            }
          } = this;
          return vue.h("span", Object.assign({}, nodeProps, {
            ref: "selfRef",
            class: [`${clsPrefix}-tree-node-content`, nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class],
            onClick: handleClick2,
            draggable: onDragstart === void 0 ? void 0 : true,
            onDragstart
          }), renderPrefix || prefix2 ? vue.h("div", {
            class: `${clsPrefix}-tree-node-content__prefix`
          }, renderPrefix ? renderPrefix({
            option: rawNode,
            selected,
            checked
          }) : render$1(prefix2)) : null, vue.h("div", {
            class: `${clsPrefix}-tree-node-content__text`
          }, renderLabel ? renderLabel({
            option: rawNode,
            selected,
            checked
          }) : render$1(label)), renderSuffix || suffix2 ? vue.h("div", {
            class: `${clsPrefix}-tree-node-content__suffix`
          }, renderSuffix ? renderSuffix({
            option: rawNode,
            selected,
            checked
          }) : render$1(suffix2)) : null);
        }
      });
      function renderDropMark({
        position,
        offsetLevel,
        indent,
        el
      }) {
        const style2 = {
          position: "absolute",
          boxSizing: "border-box",
          right: 0
        };
        if (position === "inside") {
          style2.left = 0;
          style2.top = 0;
          style2.bottom = 0;
          style2.borderRadius = "inherit";
          style2.boxShadow = "inset 0 0 0 2px var(--n-drop-mark-color)";
        } else {
          const cssPosition = position === "before" ? "top" : "bottom";
          style2[cssPosition] = 0;
          style2.left = `${el.offsetLeft + 6 - offsetLevel * indent}px`;
          style2.height = "2px";
          style2.backgroundColor = "var(--n-drop-mark-color)";
          style2.transformOrigin = cssPosition;
          style2.borderRadius = "1px";
          style2.transform = position === "before" ? "translateY(-4px)" : "translateY(4px)";
        }
        return vue.h("div", {
          style: style2
        });
      }
      function defaultAllowDrop({
        dropPosition,
        node
      }) {
        if (node.isLeaf === false)
          return true;
        if (node.children) {
          return true;
        }
        return dropPosition !== "inside";
      }
      function useMergedCheckStrategy(props) {
        return vue.computed(() => props.leafOnly ? "child" : props.checkStrategy);
      }
      function isNodeDisabled(node, disabledField) {
        return !!node.rawNode[disabledField];
      }
      function traverse(nodes, childrenField, callback, callbackAfter) {
        nodes === null || nodes === void 0 ? void 0 : nodes.forEach((node) => {
          callback(node);
          traverse(node[childrenField], childrenField, callback, callbackAfter);
          callbackAfter(node);
        });
      }
      function keysWithFilter(nodes, pattern, keyField, childrenField, filter) {
        const keys2 = /* @__PURE__ */ new Set();
        const highlightKeySet = /* @__PURE__ */ new Set();
        const path = [];
        traverse(nodes, childrenField, (node) => {
          path.push(node);
          if (filter(pattern, node)) {
            highlightKeySet.add(node[keyField]);
            for (let i = path.length - 2; i >= 0; --i) {
              if (!keys2.has(path[i][keyField])) {
                keys2.add(path[i][keyField]);
              } else {
                return;
              }
            }
          }
        }, () => {
          path.pop();
        });
        return {
          expandedKeys: Array.from(keys2),
          highlightKeySet
        };
      }
      if (isBrowser$2 && Image) {
        const emptyImage = new Image();
        emptyImage.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
      }
      function filterTree(tree, filter, pattern, keyField, childrenField) {
        const visitedTailKeys = /* @__PURE__ */ new Set();
        const visitedNonTailKeys = /* @__PURE__ */ new Set();
        const highlightKeySet = /* @__PURE__ */ new Set();
        const expandedKeys = [];
        const filteredTree = [];
        const path = [];
        function visit(t) {
          t.forEach((n) => {
            path.push(n);
            if (filter(pattern, n)) {
              visitedTailKeys.add(n[keyField]);
              highlightKeySet.add(n[keyField]);
              for (let i = path.length - 2; i >= 0; --i) {
                const key = path[i][keyField];
                if (!visitedNonTailKeys.has(key)) {
                  visitedNonTailKeys.add(key);
                  if (visitedTailKeys.has(key)) {
                    visitedTailKeys.delete(key);
                  }
                } else {
                  break;
                }
              }
            }
            const children = n[childrenField];
            if (children) {
              visit(children);
            }
            path.pop();
          });
        }
        visit(tree);
        function build(t, sibs) {
          t.forEach((n) => {
            const key = n[keyField];
            const isVisitedTail = visitedTailKeys.has(key);
            const isVisitedNonTail = visitedNonTailKeys.has(key);
            if (!isVisitedTail && !isVisitedNonTail)
              return;
            const children = n[childrenField];
            if (children) {
              if (isVisitedTail) {
                sibs.push(n);
              } else {
                expandedKeys.push(key);
                const clonedNode = Object.assign(Object.assign({}, n), {
                  [childrenField]: []
                });
                sibs.push(clonedNode);
                build(children, clonedNode[childrenField]);
              }
            } else {
              sibs.push(n);
            }
          });
        }
        build(tree, filteredTree);
        return {
          filteredTree,
          highlightKeySet,
          expandedKeys
        };
      }
      function treeGetClickTarget(e) {
        if (happensIn(e, "checkbox")) {
          return "checkbox";
        } else if (happensIn(e, "switcher")) {
          return "switcher";
        } else {
          return "node";
        }
      }
      const TreeNode = vue.defineComponent({
        name: "TreeNode",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          tmNode: {
            type: Object,
            required: true
          }
        },
        setup(props) {
          const NTree2 = vue.inject(treeInjectionKey);
          const {
            droppingNodeParentRef,
            droppingMouseNodeRef,
            draggingNodeRef,
            droppingPositionRef,
            droppingOffsetLevelRef,
            nodePropsRef,
            indentRef,
            blockLineRef,
            checkboxPlacementRef,
            checkOnClickRef,
            disabledFieldRef,
            showLineRef,
            renderSwitcherIconRef,
            overrideDefaultNodeClickBehaviorRef
          } = NTree2;
          const checkboxDisabledRef = useMemo(() => !!props.tmNode.rawNode.checkboxDisabled);
          const nodeIsDisabledRef = useMemo(() => {
            return isNodeDisabled(props.tmNode, disabledFieldRef.value);
          });
          const disabledRef = useMemo(() => NTree2.disabledRef.value || nodeIsDisabledRef.value);
          const resolvedNodePropsRef = vue.computed(() => {
            const {
              value: nodeProps
            } = nodePropsRef;
            if (!nodeProps)
              return void 0;
            return nodeProps({
              option: props.tmNode.rawNode
            });
          });
          const contentInstRef = vue.ref(null);
          const contentElRef = {
            value: null
          };
          vue.onMounted(() => {
            contentElRef.value = contentInstRef.value.$el;
          });
          function handleSwitcherClick() {
            const callback = () => {
              const {
                tmNode
              } = props;
              if (!tmNode.isLeaf && !tmNode.shallowLoaded) {
                if (!NTree2.loadingKeysRef.value.has(tmNode.key)) {
                  NTree2.loadingKeysRef.value.add(tmNode.key);
                } else {
                  return;
                }
                const {
                  onLoadRef: {
                    value: onLoad
                  }
                } = NTree2;
                if (onLoad) {
                  void onLoad(tmNode.rawNode).then((value) => {
                    if (value !== false) {
                      NTree2.handleSwitcherClick(tmNode);
                    }
                  }).finally(() => {
                    NTree2.loadingKeysRef.value.delete(tmNode.key);
                  });
                }
              } else {
                NTree2.handleSwitcherClick(tmNode);
              }
            };
            if (renderSwitcherIconRef.value) {
              setTimeout(callback, 0);
            } else {
              callback();
            }
          }
          const selectableRef = useMemo(() => !nodeIsDisabledRef.value && NTree2.selectableRef.value && (NTree2.internalTreeSelect ? NTree2.mergedCheckStrategyRef.value !== "child" || NTree2.multipleRef.value && NTree2.cascadeRef.value || props.tmNode.isLeaf : true));
          const checkableRef = useMemo(() => NTree2.checkableRef.value && (NTree2.cascadeRef.value || NTree2.mergedCheckStrategyRef.value !== "child" || props.tmNode.isLeaf));
          const checkedRef = useMemo(() => NTree2.displayedCheckedKeysRef.value.includes(props.tmNode.key));
          const mergedCheckOnClickRef = useMemo(() => {
            const {
              value: checkable
            } = checkableRef;
            if (!checkable)
              return false;
            const {
              value: checkOnClick
            } = checkOnClickRef;
            const {
              tmNode
            } = props;
            if (typeof checkOnClick === "boolean") {
              return !tmNode.disabled && checkOnClick;
            }
            return checkOnClick(props.tmNode.rawNode);
          });
          function _handleClick(e) {
            const {
              value: expandOnClick
            } = NTree2.expandOnClickRef;
            const {
              value: selectable
            } = selectableRef;
            const {
              value: mergedCheckOnClick
            } = mergedCheckOnClickRef;
            if (!selectable && !expandOnClick && !mergedCheckOnClick)
              return;
            if (happensIn(e, "checkbox") || happensIn(e, "switcher"))
              return;
            const {
              tmNode
            } = props;
            if (selectable) {
              NTree2.handleSelect(tmNode);
            }
            if (expandOnClick && !tmNode.isLeaf) {
              handleSwitcherClick();
            }
            if (mergedCheckOnClick) {
              handleCheck(!checkedRef.value);
            }
          }
          function handleNodeClick(e) {
            var _a, _b;
            if (happensIn(e, "checkbox") || happensIn(e, "switcher"))
              return;
            if (!disabledRef.value) {
              const overrideDefaultNodeClickBehavior = overrideDefaultNodeClickBehaviorRef.value;
              let shouldOverride = false;
              if (overrideDefaultNodeClickBehavior) {
                switch (overrideDefaultNodeClickBehavior({
                  option: props.tmNode.rawNode
                })) {
                  case "toggleCheck":
                    shouldOverride = true;
                    handleCheck(!checkedRef.value);
                    break;
                  case "toggleSelect":
                    shouldOverride = true;
                    NTree2.handleSelect(props.tmNode);
                    break;
                  case "toggleExpand":
                    shouldOverride = true;
                    handleSwitcherClick();
                    shouldOverride = true;
                    break;
                  case "none":
                    shouldOverride = true;
                    shouldOverride = true;
                    return;
                }
              }
              if (!shouldOverride) {
                _handleClick(e);
              }
            }
            (_b = (_a = resolvedNodePropsRef.value) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
          }
          function handleContentClick(e) {
            if (blockLineRef.value)
              return;
            handleNodeClick(e);
          }
          function handleLineClick(e) {
            if (!blockLineRef.value)
              return;
            handleNodeClick(e);
          }
          function handleCheck(checked) {
            NTree2.handleCheck(props.tmNode, checked);
          }
          function handleDragStart(e) {
            NTree2.handleDragStart({
              event: e,
              node: props.tmNode
            });
          }
          function handleDragEnter(e) {
            if (e.currentTarget !== e.target) {
              return;
            }
            NTree2.handleDragEnter({
              event: e,
              node: props.tmNode
            });
          }
          function handleDragOver(e) {
            e.preventDefault();
            NTree2.handleDragOver({
              event: e,
              node: props.tmNode
            });
          }
          function handleDragEnd(e) {
            NTree2.handleDragEnd({
              event: e,
              node: props.tmNode
            });
          }
          function handleDragLeave(e) {
            if (e.currentTarget !== e.target) {
              return;
            }
            NTree2.handleDragLeave({
              event: e,
              node: props.tmNode
            });
          }
          function handleDrop(e) {
            e.preventDefault();
            if (droppingPositionRef.value !== null) {
              NTree2.handleDrop({
                event: e,
                node: props.tmNode,
                dropPosition: droppingPositionRef.value
              });
            }
          }
          const indentNodes = vue.computed(() => {
            const {
              clsPrefix
            } = props;
            const {
              value: indent
            } = indentRef;
            if (showLineRef.value) {
              const indentNodes2 = [];
              let cursor = props.tmNode.parent;
              while (cursor) {
                if (cursor.isLastChild) {
                  indentNodes2.push(vue.h("div", {
                    class: `${clsPrefix}-tree-node-indent`
                  }, vue.h("div", {
                    style: {
                      width: `${indent}px`
                    }
                  })));
                } else {
                  indentNodes2.push(vue.h("div", {
                    class: [`${clsPrefix}-tree-node-indent`, `${clsPrefix}-tree-node-indent--show-line`]
                  }, vue.h("div", {
                    style: {
                      width: `${indent}px`
                    }
                  })));
                }
                cursor = cursor.parent;
              }
              return indentNodes2.reverse();
            } else {
              return repeat(props.tmNode.level, vue.h("div", {
                class: `${props.clsPrefix}-tree-node-indent`
              }, vue.h("div", {
                style: {
                  width: `${indent}px`
                }
              })));
            }
          });
          return {
            showDropMark: useMemo(() => {
              const {
                value: draggingNode
              } = draggingNodeRef;
              if (!draggingNode)
                return;
              const {
                value: droppingPosition
              } = droppingPositionRef;
              if (!droppingPosition)
                return;
              const {
                value: droppingMouseNode
              } = droppingMouseNodeRef;
              if (!droppingMouseNode) {
                return;
              }
              const {
                tmNode
              } = props;
              if (tmNode.key === droppingMouseNode.key)
                return true;
              return false;
            }),
            showDropMarkAsParent: useMemo(() => {
              const {
                value: droppingNodeParent
              } = droppingNodeParentRef;
              if (!droppingNodeParent)
                return false;
              const {
                tmNode
              } = props;
              const {
                value: droppingPosition
              } = droppingPositionRef;
              if (droppingPosition === "before" || droppingPosition === "after") {
                return droppingNodeParent.key === tmNode.key;
              }
              return false;
            }),
            pending: useMemo(() => NTree2.pendingNodeKeyRef.value === props.tmNode.key),
            loading: useMemo(() => NTree2.loadingKeysRef.value.has(props.tmNode.key)),
            highlight: useMemo(() => {
              var _a;
              return (_a = NTree2.highlightKeySetRef.value) === null || _a === void 0 ? void 0 : _a.has(props.tmNode.key);
            }),
            checked: checkedRef,
            indeterminate: useMemo(() => NTree2.displayedIndeterminateKeysRef.value.includes(props.tmNode.key)),
            selected: useMemo(() => NTree2.mergedSelectedKeysRef.value.includes(props.tmNode.key)),
            expanded: useMemo(() => NTree2.mergedExpandedKeysRef.value.includes(props.tmNode.key)),
            disabled: disabledRef,
            checkable: checkableRef,
            mergedCheckOnClick: mergedCheckOnClickRef,
            checkboxDisabled: checkboxDisabledRef,
            selectable: selectableRef,
            expandOnClick: NTree2.expandOnClickRef,
            internalScrollable: NTree2.internalScrollableRef,
            draggable: NTree2.draggableRef,
            blockLine: blockLineRef,
            nodeProps: resolvedNodePropsRef,
            checkboxFocusable: NTree2.internalCheckboxFocusableRef,
            droppingPosition: droppingPositionRef,
            droppingOffsetLevel: droppingOffsetLevelRef,
            indent: indentRef,
            checkboxPlacement: checkboxPlacementRef,
            showLine: showLineRef,
            contentInstRef,
            contentElRef,
            indentNodes,
            handleCheck,
            handleDrop,
            handleDragStart,
            handleDragEnter,
            handleDragOver,
            handleDragEnd,
            handleDragLeave,
            handleLineClick,
            handleContentClick,
            handleSwitcherClick
          };
        },
        render() {
          const {
            tmNode,
            clsPrefix,
            checkable,
            expandOnClick,
            selectable,
            selected,
            checked,
            highlight,
            draggable,
            blockLine,
            indent,
            indentNodes,
            disabled,
            pending,
            internalScrollable,
            nodeProps,
            checkboxPlacement
          } = this;
          const dragEventHandlers = draggable && !disabled ? {
            onDragenter: this.handleDragEnter,
            onDragleave: this.handleDragLeave,
            onDragend: this.handleDragEnd,
            onDrop: this.handleDrop,
            onDragover: this.handleDragOver
          } : void 0;
          const dataKey = internalScrollable ? createDataKey(tmNode.key) : void 0;
          const checkboxOnRight = checkboxPlacement === "right";
          const checkboxNode = checkable ? vue.h(NTreeNodeCheckbox, {
            indent,
            right: checkboxOnRight,
            focusable: this.checkboxFocusable,
            disabled: disabled || this.checkboxDisabled,
            clsPrefix,
            checked: this.checked,
            indeterminate: this.indeterminate,
            onCheck: this.handleCheck
          }) : null;
          return vue.h("div", Object.assign({
            class: `${clsPrefix}-tree-node-wrapper`
          }, dragEventHandlers), vue.h("div", Object.assign({}, blockLine ? nodeProps : void 0, {
            class: [`${clsPrefix}-tree-node`, {
              [`${clsPrefix}-tree-node--selected`]: selected,
              [`${clsPrefix}-tree-node--checkable`]: checkable,
              [`${clsPrefix}-tree-node--highlight`]: highlight,
              [`${clsPrefix}-tree-node--pending`]: pending,
              [`${clsPrefix}-tree-node--disabled`]: disabled,
              [`${clsPrefix}-tree-node--selectable`]: selectable,
              [`${clsPrefix}-tree-node--clickable`]: selectable || expandOnClick || this.mergedCheckOnClick
            }, nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class],
            "data-key": dataKey,
            draggable: draggable && blockLine,
            onClick: this.handleLineClick,
            onDragstart: draggable && blockLine && !disabled ? this.handleDragStart : void 0
          }), indentNodes, tmNode.isLeaf && this.showLine ? vue.h("div", {
            class: [`${clsPrefix}-tree-node-indent`, `${clsPrefix}-tree-node-indent--show-line`, tmNode.isLeaf && `${clsPrefix}-tree-node-indent--is-leaf`, tmNode.isLastChild && `${clsPrefix}-tree-node-indent--last-child`]
          }, vue.h("div", {
            style: {
              width: `${indent}px`
            }
          })) : vue.h(NTreeNodeSwitcher, {
            clsPrefix,
            expanded: this.expanded,
            selected,
            loading: this.loading,
            hide: tmNode.isLeaf,
            tmNode: this.tmNode,
            indent,
            onClick: this.handleSwitcherClick
          }), !checkboxOnRight ? checkboxNode : null, vue.h(NTreeNodeContent, {
            ref: "contentInstRef",
            clsPrefix,
            checked,
            selected,
            onClick: this.handleContentClick,
            nodeProps: blockLine ? void 0 : nodeProps,
            onDragstart: draggable && !blockLine && !disabled ? this.handleDragStart : void 0,
            tmNode
          }), draggable ? this.showDropMark ? renderDropMark({
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            el: this.contentElRef.value,
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            position: this.droppingPosition,
            offsetLevel: this.droppingOffsetLevel,
            indent
          }) : this.showDropMarkAsParent ? renderDropMark({
            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
            el: this.contentElRef.value,
            position: "inside",
            offsetLevel: this.droppingOffsetLevel,
            indent
          }) : null : null, checkboxOnRight ? checkboxNode : null));
        }
      });
      function useKeyboard({
        props,
        fNodesRef,
        mergedExpandedKeysRef,
        mergedSelectedKeysRef,
        mergedCheckedKeysRef,
        handleCheck,
        handleSelect,
        handleSwitcherClick
      }) {
        const {
          value: mergedSelectedKeys
        } = mergedSelectedKeysRef;
        const treeSelectInjection = vue.inject(treeSelectInjectionKey, null);
        const pendingNodeKeyRef = treeSelectInjection ? treeSelectInjection.pendingNodeKeyRef : vue.ref(mergedSelectedKeys.length ? mergedSelectedKeys[mergedSelectedKeys.length - 1] : null);
        function handleKeydown(e) {
          var _a;
          if (!props.keyboard)
            return {
              enterBehavior: null
            };
          const {
            value: pendingNodeKey
          } = pendingNodeKeyRef;
          let enterBehavior = null;
          if (pendingNodeKey === null) {
            if (e.key === "ArrowDown" || e.key === "ArrowUp") {
              e.preventDefault();
            }
            if (["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(e.key)) {
              if (pendingNodeKey === null) {
                const {
                  value: fNodes
                } = fNodesRef;
                let fIndex = 0;
                while (fIndex < fNodes.length) {
                  if (!fNodes[fIndex].disabled) {
                    pendingNodeKeyRef.value = fNodes[fIndex].key;
                    break;
                  }
                  fIndex += 1;
                }
              }
            }
          } else {
            const {
              value: fNodes
            } = fNodesRef;
            let fIndex = fNodes.findIndex((tmNode) => tmNode.key === pendingNodeKey);
            if (!~fIndex)
              return {
                enterBehavior: null
              };
            if (e.key === "Enter") {
              const tmNode = fNodes[fIndex];
              enterBehavior = ((_a = props.overrideDefaultNodeClickBehavior) === null || _a === void 0 ? void 0 : _a.call(props, {
                option: tmNode.rawNode
              })) || null;
              switch (enterBehavior) {
                case "toggleCheck":
                  handleCheck(tmNode, !mergedCheckedKeysRef.value.includes(tmNode.key));
                  break;
                case "toggleSelect":
                  handleSelect(tmNode);
                  break;
                case "toggleExpand":
                  handleSwitcherClick(tmNode);
                  break;
                case "none":
                  break;
                case "default":
                default:
                  enterBehavior = "default";
                  handleSelect(tmNode);
              }
            } else if (e.key === "ArrowDown") {
              e.preventDefault();
              fIndex += 1;
              while (fIndex < fNodes.length) {
                if (!fNodes[fIndex].disabled) {
                  pendingNodeKeyRef.value = fNodes[fIndex].key;
                  break;
                }
                fIndex += 1;
              }
            } else if (e.key === "ArrowUp") {
              e.preventDefault();
              fIndex -= 1;
              while (fIndex >= 0) {
                if (!fNodes[fIndex].disabled) {
                  pendingNodeKeyRef.value = fNodes[fIndex].key;
                  break;
                }
                fIndex -= 1;
              }
            } else if (e.key === "ArrowLeft") {
              const pendingNode = fNodes[fIndex];
              if (pendingNode.isLeaf || !mergedExpandedKeysRef.value.includes(pendingNodeKey)) {
                const parentTmNode = pendingNode.getParent();
                if (parentTmNode) {
                  pendingNodeKeyRef.value = parentTmNode.key;
                }
              } else {
                handleSwitcherClick(pendingNode);
              }
            } else if (e.key === "ArrowRight") {
              const pendingNode = fNodes[fIndex];
              if (pendingNode.isLeaf)
                return {
                  enterBehavior: null
                };
              if (!mergedExpandedKeysRef.value.includes(pendingNodeKey)) {
                handleSwitcherClick(pendingNode);
              } else {
                fIndex += 1;
                while (fIndex < fNodes.length) {
                  if (!fNodes[fIndex].disabled) {
                    pendingNodeKeyRef.value = fNodes[fIndex].key;
                    break;
                  }
                  fIndex += 1;
                }
              }
            }
          }
          return {
            enterBehavior
          };
        }
        return {
          pendingNodeKeyRef,
          handleKeydown
        };
      }
      const MotionWrapper = vue.defineComponent({
        name: "TreeMotionWrapper",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          height: Number,
          nodes: {
            type: Array,
            required: true
          },
          mode: {
            type: String,
            required: true
          },
          onAfterEnter: {
            type: Function,
            required: true
          }
        },
        render() {
          const {
            clsPrefix
          } = this;
          return vue.h(NFadeInExpandTransition, {
            onAfterEnter: this.onAfterEnter,
            appear: true,
            reverse: this.mode === "collapse"
          }, {
            default: () => vue.h("div", {
              class: [`${clsPrefix}-tree-motion-wrapper`, `${clsPrefix}-tree-motion-wrapper--${this.mode}`],
              style: {
                height: pxfy(this.height)
              }
            }, this.nodes.map((node) => vue.h(TreeNode, {
              clsPrefix,
              tmNode: node
            })))
          });
        }
      });
      const iconSwitchTransitionNode = iconSwitchTransition();
      const style$a = cB("tree", `
 font-size: var(--n-font-size);
 outline: none;
`, [c$1("ul, li", `
 margin: 0;
 padding: 0;
 list-style: none;
 `), c$1(">", [cB("tree-node", [c$1("&:first-child", "margin-top: 0;")])]), cB("tree-motion-wrapper", [cM("expand", [fadeInHeightExpandTransition({
        duration: "0.2s"
      })]), cM("collapse", [fadeInHeightExpandTransition({
        duration: "0.2s",
        reverse: true
      })])]), cB("tree-node-wrapper", `
 box-sizing: border-box;
 padding: var(--n-node-wrapper-padding);
 `), cB("tree-node", `
 transform: translate3d(0,0,0);
 position: relative;
 display: flex;
 border-radius: var(--n-node-border-radius);
 transition: background-color .3s var(--n-bezier);
 `, [cM("highlight", [cB("tree-node-content", [cE("text", "border-bottom-color: var(--n-node-text-color-disabled);")])]), cM("disabled", [cB("tree-node-content", `
 color: var(--n-node-text-color-disabled);
 cursor: not-allowed;
 `)]), cNotM("disabled", [cM("clickable", [cB("tree-node-content", `
 cursor: pointer;
 `)])])]), cM("block-node", [cB("tree-node-content", `
 flex: 1;
 min-width: 0;
 `)]), cNotM("block-line", [cB("tree-node", [cNotM("disabled", [cB("tree-node-content", [c$1("&:hover", "background: var(--n-node-color-hover);")]), cM("selectable", [cB("tree-node-content", [c$1("&:active", "background: var(--n-node-color-pressed);")])]), cM("pending", [cB("tree-node-content", `
 background: var(--n-node-color-hover);
 `)]), cM("selected", [cB("tree-node-content", "background: var(--n-node-color-active);")])]), cM("selected", [cB("tree-node-content", "background: var(--n-node-color-active);")])])]), cM("block-line", [cB("tree-node", [cNotM("disabled", [c$1("&:hover", "background: var(--n-node-color-hover);"), cM("pending", `
 background: var(--n-node-color-hover);
 `), cM("selectable", [cNotM("selected", [c$1("&:active", "background: var(--n-node-color-pressed);")])]), cM("selected", "background: var(--n-node-color-active);")]), cM("selected", "background: var(--n-node-color-active);"), cM("disabled", `
 cursor: not-allowed;
 `)])]), cB("tree-node-indent", `
 flex-grow: 0;
 flex-shrink: 0;
 `, [cM("show-line", "position: relative", [c$1("&::before", `
 position: absolute;
 left: 50%;
 border-left: 1px solid var(--n-line-color);
 transition: border-color .3s var(--n-bezier);
 transform: translate(-50%);
 content: "";
 top: var(--n-line-offset-top);
 bottom: var(--n-line-offset-bottom);
 `), cM("last-child", [c$1("&::before", `
 bottom: 50%;
 `)]), cM("is-leaf", [c$1("&::after", `
 position: absolute;
 content: "";
 left: calc(50% + 0.5px);
 right: 0;
 bottom: 50%;
 transition: border-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-line-color);
 `)])]), cNotM("show-line", "height: 0;")]), cB("tree-node-switcher", `
 cursor: pointer;
 display: inline-flex;
 flex-shrink: 0;
 height: var(--n-node-content-height);
 align-items: center;
 justify-content: center;
 transition: transform .15s var(--n-bezier);
 vertical-align: bottom;
 `, [cE("icon", `
 position: relative;
 height: 14px;
 width: 14px;
 display: flex;
 color: var(--n-arrow-color);
 transition: color .3s var(--n-bezier);
 font-size: 14px;
 `, [cB("icon", [iconSwitchTransitionNode]), cB("base-loading", `
 color: var(--n-loading-color);
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 `, [iconSwitchTransitionNode]), cB("base-icon", [iconSwitchTransitionNode])]), cM("hide", "visibility: hidden;"), cM("expanded", "transform: rotate(90deg);")]), cB("tree-node-checkbox", `
 display: inline-flex;
 height: var(--n-node-content-height);
 vertical-align: bottom;
 align-items: center;
 justify-content: center;
 `), cB("tree-node-content", `
 user-select: none;
 position: relative;
 display: inline-flex;
 align-items: center;
 min-height: var(--n-node-content-height);
 box-sizing: border-box;
 line-height: var(--n-line-height);
 vertical-align: bottom;
 padding: 0 6px 0 4px;
 cursor: default;
 border-radius: var(--n-node-border-radius);
 color: var(--n-node-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `, [c$1("&:last-child", "margin-bottom: 0;"), cE("prefix", `
 display: inline-flex;
 margin-right: 8px;
 `), cE("text", `
 border-bottom: 1px solid #0000;
 transition: border-color .3s var(--n-bezier);
 flex-grow: 1;
 max-width: 100%;
 `), cE("suffix", `
 display: inline-flex;
 `)]), cE("empty", "margin: auto;")]);
      var __awaiter$3 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, [])).next());
        });
      };
      function createTreeMateOptions(keyField, childrenField, disabledField, getChildren) {
        const settledGetChildren = getChildren || ((node) => {
          return node[childrenField];
        });
        return {
          getIsGroup() {
            return false;
          },
          getKey(node) {
            return node[keyField];
          },
          getChildren: settledGetChildren,
          getDisabled(node) {
            return !!(node[disabledField] || node.checkboxDisabled);
          }
        };
      }
      const treeSharedProps = {
        allowCheckingNotLoaded: Boolean,
        filter: Function,
        defaultExpandAll: Boolean,
        expandedKeys: Array,
        keyField: {
          type: String,
          default: "key"
        },
        labelField: {
          type: String,
          default: "label"
        },
        childrenField: {
          type: String,
          default: "children"
        },
        disabledField: {
          type: String,
          default: "disabled"
        },
        defaultExpandedKeys: {
          type: Array,
          default: () => []
        },
        indeterminateKeys: Array,
        renderSwitcherIcon: Function,
        onUpdateIndeterminateKeys: [Function, Array],
        "onUpdate:indeterminateKeys": [Function, Array],
        onUpdateExpandedKeys: [Function, Array],
        "onUpdate:expandedKeys": [Function, Array],
        overrideDefaultNodeClickBehavior: Function
      };
      const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
        accordion: Boolean,
        showIrrelevantNodes: {
          type: Boolean,
          default: true
        },
        data: {
          type: Array,
          default: () => []
        },
        expandOnDragenter: {
          type: Boolean,
          default: true
        },
        expandOnClick: Boolean,
        checkOnClick: {
          type: [Boolean, Function],
          default: false
        },
        cancelable: {
          type: Boolean,
          default: true
        },
        checkable: Boolean,
        draggable: Boolean,
        blockNode: Boolean,
        blockLine: Boolean,
        showLine: Boolean,
        disabled: Boolean,
        checkedKeys: Array,
        defaultCheckedKeys: {
          type: Array,
          default: () => []
        },
        selectedKeys: Array,
        defaultSelectedKeys: {
          type: Array,
          default: () => []
        },
        multiple: Boolean,
        pattern: {
          type: String,
          default: ""
        },
        onLoad: Function,
        cascade: Boolean,
        selectable: {
          type: Boolean,
          default: true
        },
        scrollbarProps: Object,
        indent: {
          type: Number,
          default: 24
        },
        allowDrop: {
          type: Function,
          default: defaultAllowDrop
        },
        animated: {
          type: Boolean,
          default: true
        },
        checkboxPlacement: {
          type: String,
          default: "left"
        },
        virtualScroll: Boolean,
        watchProps: Array,
        renderLabel: Function,
        renderPrefix: Function,
        renderSuffix: Function,
        nodeProps: Function,
        keyboard: {
          type: Boolean,
          default: true
        },
        getChildren: Function,
        onDragenter: [Function, Array],
        onDragleave: [Function, Array],
        onDragend: [Function, Array],
        onDragstart: [Function, Array],
        onDragover: [Function, Array],
        onDrop: [Function, Array],
        onUpdateCheckedKeys: [Function, Array],
        "onUpdate:checkedKeys": [Function, Array],
        onUpdateSelectedKeys: [Function, Array],
        "onUpdate:selectedKeys": [Function, Array]
      }), treeSharedProps), {
        // internal props for tree-select
        internalTreeSelect: Boolean,
        internalScrollable: Boolean,
        internalScrollablePadding: String,
        // use it to display
        internalRenderEmpty: Function,
        internalHighlightKeySet: Object,
        internalUnifySelectCheck: Boolean,
        internalCheckboxFocusable: {
          type: Boolean,
          default: true
        },
        internalFocusable: {
          // Make tree-select take over keyboard operations
          type: Boolean,
          default: true
        },
        checkStrategy: {
          type: String,
          default: "all"
        },
        /**
         * @deprecated
         */
        leafOnly: Boolean
      });
      const NTree = vue.defineComponent({
        name: "Tree",
        props: treeProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled,
            mergedRtlRef
          } = useConfig(props);
          const rtlEnabledRef = useRtl("Tree", mergedRtlRef, mergedClsPrefixRef);
          const themeRef = useTheme("Tree", "-tree", style$a, treeLight, props, mergedClsPrefixRef);
          const selfElRef = vue.ref(null);
          const scrollbarInstRef = vue.ref(null);
          const virtualListInstRef = vue.ref(null);
          function getScrollContainer() {
            var _a;
            return (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.listElRef;
          }
          function getScrollContent() {
            var _a;
            return (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.itemsElRef;
          }
          const mergedFilterRef = vue.computed(() => {
            const {
              filter
            } = props;
            if (filter)
              return filter;
            const {
              labelField
            } = props;
            return (pattern, node) => {
              if (!pattern.length)
                return true;
              const label = node[labelField];
              if (typeof label === "string") {
                return label.toLowerCase().includes(pattern.toLowerCase());
              }
              return false;
            };
          });
          const filteredTreeInfoRef = vue.computed(() => {
            const {
              pattern
            } = props;
            if (!pattern) {
              return {
                filteredTree: props.data,
                highlightKeySet: null,
                expandedKeys: void 0
              };
            }
            if (!pattern.length || !mergedFilterRef.value) {
              return {
                filteredTree: props.data,
                highlightKeySet: null,
                expandedKeys: void 0
              };
            }
            return filterTree(props.data, mergedFilterRef.value, pattern, props.keyField, props.childrenField);
          });
          const displayTreeMateRef = vue.computed(() => createTreeMate(props.showIrrelevantNodes ? props.data : filteredTreeInfoRef.value.filteredTree, createTreeMateOptions(props.keyField, props.childrenField, props.disabledField, props.getChildren)));
          const treeSelectInjection = vue.inject(treeSelectInjectionKey, null);
          const dataTreeMateRef = props.internalTreeSelect ? treeSelectInjection.dataTreeMate : displayTreeMateRef;
          const {
            watchProps
          } = props;
          const uncontrolledCheckedKeysRef = vue.ref([]);
          if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes("defaultCheckedKeys")) {
            vue.watchEffect(() => {
              uncontrolledCheckedKeysRef.value = props.defaultCheckedKeys;
            });
          } else {
            uncontrolledCheckedKeysRef.value = props.defaultCheckedKeys;
          }
          const controlledCheckedKeysRef = vue.toRef(props, "checkedKeys");
          const mergedCheckedKeysRef = useMergedState(controlledCheckedKeysRef, uncontrolledCheckedKeysRef);
          const checkedStatusRef = vue.computed(() => {
            const value = dataTreeMateRef.value.getCheckedKeys(mergedCheckedKeysRef.value, {
              cascade: props.cascade,
              allowNotLoaded: props.allowCheckingNotLoaded
            });
            return value;
          });
          const mergedCheckStrategyRef = useMergedCheckStrategy(props);
          const displayedCheckedKeysRef = vue.computed(() => {
            return checkedStatusRef.value.checkedKeys;
          });
          const displayedIndeterminateKeysRef = vue.computed(() => {
            const {
              indeterminateKeys
            } = props;
            if (indeterminateKeys !== void 0)
              return indeterminateKeys;
            return checkedStatusRef.value.indeterminateKeys;
          });
          const uncontrolledSelectedKeysRef = vue.ref([]);
          if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes("defaultSelectedKeys")) {
            vue.watchEffect(() => {
              uncontrolledSelectedKeysRef.value = props.defaultSelectedKeys;
            });
          } else {
            uncontrolledSelectedKeysRef.value = props.defaultSelectedKeys;
          }
          const controlledSelectedKeysRef = vue.toRef(props, "selectedKeys");
          const mergedSelectedKeysRef = useMergedState(controlledSelectedKeysRef, uncontrolledSelectedKeysRef);
          const uncontrolledExpandedKeysRef = vue.ref([]);
          const initUncontrolledExpandedKeys = (keys2) => {
            uncontrolledExpandedKeysRef.value = props.defaultExpandAll ? dataTreeMateRef.value.getNonLeafKeys() : keys2 === void 0 ? props.defaultExpandedKeys : keys2;
          };
          if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes("defaultExpandedKeys")) {
            vue.watchEffect(() => {
              initUncontrolledExpandedKeys(void 0);
            });
          } else {
            vue.watchEffect(() => {
              initUncontrolledExpandedKeys(props.defaultExpandedKeys);
            });
          }
          const controlledExpandedKeysRef = vue.toRef(props, "expandedKeys");
          const mergedExpandedKeysRef = useMergedState(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
          const fNodesRef = vue.computed(() => displayTreeMateRef.value.getFlattenedNodes(mergedExpandedKeysRef.value));
          const {
            pendingNodeKeyRef,
            handleKeydown
          } = useKeyboard({
            props,
            mergedCheckedKeysRef,
            mergedSelectedKeysRef,
            fNodesRef,
            mergedExpandedKeysRef,
            handleCheck,
            handleSelect,
            handleSwitcherClick
          });
          let expandTimerId = null;
          let nodeKeyToBeExpanded = null;
          const uncontrolledHighlightKeySetRef = vue.ref(/* @__PURE__ */ new Set());
          const controlledHighlightKeySetRef = vue.computed(() => {
            return props.internalHighlightKeySet || filteredTreeInfoRef.value.highlightKeySet;
          });
          const mergedHighlightKeySetRef = useMergedState(controlledHighlightKeySetRef, uncontrolledHighlightKeySetRef);
          const loadingKeysRef = vue.ref(/* @__PURE__ */ new Set());
          const expandedNonLoadingKeysRef = vue.computed(() => {
            return mergedExpandedKeysRef.value.filter((key) => !loadingKeysRef.value.has(key));
          });
          let dragStartX = 0;
          const draggingNodeRef = vue.ref(null);
          const droppingNodeRef = vue.ref(null);
          const droppingMouseNodeRef = vue.ref(null);
          const droppingPositionRef = vue.ref(null);
          const droppingOffsetLevelRef = vue.ref(0);
          const droppingNodeParentRef = vue.computed(() => {
            const {
              value: droppingNode
            } = droppingNodeRef;
            if (!droppingNode)
              return null;
            return droppingNode.parent;
          });
          let isDataReset = false;
          vue.watch(vue.toRef(props, "data"), () => {
            isDataReset = true;
            void vue.nextTick(() => {
              isDataReset = false;
            });
            loadingKeysRef.value.clear();
            pendingNodeKeyRef.value = null;
            resetDndState();
          }, {
            deep: false
          });
          let expandAnimationDisabled = false;
          const disableExpandAnimationForOneTick = () => {
            expandAnimationDisabled = true;
            void vue.nextTick(() => {
              expandAnimationDisabled = false;
            });
          };
          let memoizedExpandedKeys;
          vue.watch(vue.toRef(props, "pattern"), (value, oldValue) => {
            if (props.showIrrelevantNodes) {
              memoizedExpandedKeys = void 0;
              if (value) {
                const {
                  expandedKeys: expandedKeysAfterChange,
                  highlightKeySet
                } = keysWithFilter(props.data, props.pattern, props.keyField, props.childrenField, mergedFilterRef.value);
                uncontrolledHighlightKeySetRef.value = highlightKeySet;
                disableExpandAnimationForOneTick();
                doUpdateExpandedKeys(expandedKeysAfterChange, getOptionsByKeys(expandedKeysAfterChange), {
                  node: null,
                  action: "filter"
                });
              } else {
                uncontrolledHighlightKeySetRef.value = /* @__PURE__ */ new Set();
              }
            } else {
              if (!value.length) {
                if (memoizedExpandedKeys !== void 0) {
                  disableExpandAnimationForOneTick();
                  doUpdateExpandedKeys(memoizedExpandedKeys, getOptionsByKeys(memoizedExpandedKeys), {
                    node: null,
                    action: "filter"
                  });
                }
              } else {
                if (!oldValue.length) {
                  memoizedExpandedKeys = mergedExpandedKeysRef.value;
                }
                const {
                  expandedKeys
                } = filteredTreeInfoRef.value;
                if (expandedKeys !== void 0) {
                  disableExpandAnimationForOneTick();
                  doUpdateExpandedKeys(expandedKeys, getOptionsByKeys(expandedKeys), {
                    node: null,
                    action: "filter"
                  });
                }
              }
            }
          });
          function triggerLoading(node) {
            return __awaiter$3(this, void 0, void 0, function* () {
              const {
                onLoad
              } = props;
              if (!onLoad) {
                yield Promise.resolve();
                return;
              }
              const {
                value: loadingKeys
              } = loadingKeysRef;
              if (!loadingKeys.has(node.key)) {
                loadingKeys.add(node.key);
                try {
                  const loadResult = yield onLoad(node.rawNode);
                  if (loadResult === false) {
                    resetDragExpandState();
                  }
                } catch (loadError) {
                  console.error(loadError);
                  resetDragExpandState();
                }
                loadingKeys.delete(node.key);
              }
            });
          }
          vue.watchEffect(() => {
            var _a;
            const {
              value: displayTreeMate
            } = displayTreeMateRef;
            if (!displayTreeMate)
              return;
            const {
              getNode
            } = displayTreeMate;
            (_a = mergedExpandedKeysRef.value) === null || _a === void 0 ? void 0 : _a.forEach((key) => {
              const node = getNode(key);
              if (node && !node.shallowLoaded) {
                void triggerLoading(node);
              }
            });
          });
          const aipRef = vue.ref(false);
          const afNodesRef = vue.ref([]);
          vue.watch(expandedNonLoadingKeysRef, (value, prevValue) => {
            if (!props.animated || expandAnimationDisabled) {
              void vue.nextTick(syncScrollbar);
              return;
            }
            if (isDataReset) {
              return;
            }
            const nodeHeight = depx(themeRef.value.self.nodeHeight);
            const prevVSet = new Set(prevValue);
            let addedKey = null;
            let removedKey = null;
            for (const expandedKey of value) {
              if (!prevVSet.has(expandedKey)) {
                if (addedKey !== null)
                  return;
                addedKey = expandedKey;
              }
            }
            const currentVSet = new Set(value);
            for (const expandedKey of prevValue) {
              if (!currentVSet.has(expandedKey)) {
                if (removedKey !== null)
                  return;
                removedKey = expandedKey;
              }
            }
            if (addedKey === null && removedKey === null) {
              return;
            }
            const {
              virtualScroll
            } = props;
            const viewportHeight = (virtualScroll ? virtualListInstRef.value.listElRef : selfElRef.value).offsetHeight;
            const viewportItemCount = Math.ceil(viewportHeight / nodeHeight) + 1;
            let baseExpandedKeys;
            if (addedKey !== null) {
              baseExpandedKeys = prevValue;
            }
            if (removedKey !== null) {
              if (baseExpandedKeys === void 0) {
                baseExpandedKeys = value;
              } else {
                baseExpandedKeys = baseExpandedKeys.filter((key) => key !== removedKey);
              }
            }
            aipRef.value = true;
            afNodesRef.value = displayTreeMateRef.value.getFlattenedNodes(baseExpandedKeys);
            if (addedKey !== null) {
              const expandedNodeIndex = afNodesRef.value.findIndex((node) => node.key === addedKey);
              if (~expandedNodeIndex) {
                const children = (
                  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                  afNodesRef.value[expandedNodeIndex].children
                );
                if (children) {
                  const expandedChildren = flatten$1(children, value);
                  afNodesRef.value.splice(expandedNodeIndex + 1, 0, {
                    __motion: true,
                    mode: "expand",
                    height: virtualScroll ? expandedChildren.length * nodeHeight : void 0,
                    nodes: virtualScroll ? expandedChildren.slice(0, viewportItemCount) : expandedChildren
                  });
                }
              }
            }
            if (removedKey !== null) {
              const collapsedNodeIndex = afNodesRef.value.findIndex((node) => node.key === removedKey);
              if (~collapsedNodeIndex) {
                const collapsedNodeChildren = afNodesRef.value[collapsedNodeIndex].children;
                if (!collapsedNodeChildren)
                  return;
                aipRef.value = true;
                const collapsedChildren = flatten$1(collapsedNodeChildren, value);
                afNodesRef.value.splice(collapsedNodeIndex + 1, 0, {
                  __motion: true,
                  mode: "collapse",
                  height: virtualScroll ? collapsedChildren.length * nodeHeight : void 0,
                  nodes: virtualScroll ? collapsedChildren.slice(0, viewportItemCount) : collapsedChildren
                });
              }
            }
          });
          const getFIndexRef = vue.computed(() => {
            return createIndexGetter(fNodesRef.value);
          });
          const mergedFNodesRef = vue.computed(() => {
            if (aipRef.value)
              return afNodesRef.value;
            else
              return fNodesRef.value;
          });
          function syncScrollbar() {
            const {
              value: scrollbarInst
            } = scrollbarInstRef;
            if (scrollbarInst)
              scrollbarInst.sync();
          }
          function handleAfterEnter() {
            aipRef.value = false;
            if (props.virtualScroll) {
              void vue.nextTick(syncScrollbar);
            }
          }
          function getOptionsByKeys(keys2) {
            const {
              getNode
            } = dataTreeMateRef.value;
            return keys2.map((key) => {
              var _a;
              return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null;
            });
          }
          function doUpdateExpandedKeys(value, option, meta) {
            const {
              "onUpdate:expandedKeys": _onUpdateExpandedKeys,
              onUpdateExpandedKeys
            } = props;
            uncontrolledExpandedKeysRef.value = value;
            if (_onUpdateExpandedKeys) {
              call(_onUpdateExpandedKeys, value, option, meta);
            }
            if (onUpdateExpandedKeys) {
              call(onUpdateExpandedKeys, value, option, meta);
            }
          }
          function doUpdateCheckedKeys(value, option, meta) {
            const {
              "onUpdate:checkedKeys": _onUpdateCheckedKeys,
              onUpdateCheckedKeys
            } = props;
            uncontrolledCheckedKeysRef.value = value;
            if (onUpdateCheckedKeys) {
              call(onUpdateCheckedKeys, value, option, meta);
            }
            if (_onUpdateCheckedKeys) {
              call(_onUpdateCheckedKeys, value, option, meta);
            }
          }
          function doUpdateIndeterminateKeys(value, option) {
            const {
              "onUpdate:indeterminateKeys": _onUpdateIndeterminateKeys,
              onUpdateIndeterminateKeys
            } = props;
            if (_onUpdateIndeterminateKeys) {
              call(_onUpdateIndeterminateKeys, value, option);
            }
            if (onUpdateIndeterminateKeys) {
              call(onUpdateIndeterminateKeys, value, option);
            }
          }
          function doUpdateSelectedKeys(value, option, meta) {
            const {
              "onUpdate:selectedKeys": _onUpdateSelectedKeys,
              onUpdateSelectedKeys
            } = props;
            uncontrolledSelectedKeysRef.value = value;
            if (onUpdateSelectedKeys) {
              call(onUpdateSelectedKeys, value, option, meta);
            }
            if (_onUpdateSelectedKeys) {
              call(_onUpdateSelectedKeys, value, option, meta);
            }
          }
          function doDragEnter(info) {
            const {
              onDragenter
            } = props;
            if (onDragenter)
              call(onDragenter, info);
          }
          function doDragLeave(info) {
            const {
              onDragleave
            } = props;
            if (onDragleave)
              call(onDragleave, info);
          }
          function doDragEnd(info) {
            const {
              onDragend
            } = props;
            if (onDragend)
              call(onDragend, info);
          }
          function doDragStart(info) {
            const {
              onDragstart
            } = props;
            if (onDragstart)
              call(onDragstart, info);
          }
          function doDragOver(info) {
            const {
              onDragover
            } = props;
            if (onDragover)
              call(onDragover, info);
          }
          function doDrop(info) {
            const {
              onDrop
            } = props;
            if (onDrop)
              call(onDrop, info);
          }
          function resetDndState() {
            resetDragState();
            resetDropState();
          }
          function resetDragState() {
            draggingNodeRef.value = null;
          }
          function resetDropState() {
            droppingOffsetLevelRef.value = 0;
            droppingNodeRef.value = null;
            droppingMouseNodeRef.value = null;
            droppingPositionRef.value = null;
            resetDragExpandState();
          }
          function resetDragExpandState() {
            if (expandTimerId) {
              window.clearTimeout(expandTimerId);
              expandTimerId = null;
            }
            nodeKeyToBeExpanded = null;
          }
          function handleCheck(node, checked) {
            if (props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            if (props.internalUnifySelectCheck && !props.multiple) {
              handleSelect(node);
              return;
            }
            const checkedAction = checked ? "check" : "uncheck";
            const {
              checkedKeys,
              indeterminateKeys
            } = dataTreeMateRef.value[checkedAction](node.key, displayedCheckedKeysRef.value, {
              cascade: props.cascade,
              checkStrategy: mergedCheckStrategyRef.value,
              allowNotLoaded: props.allowCheckingNotLoaded
            });
            doUpdateCheckedKeys(checkedKeys, getOptionsByKeys(checkedKeys), {
              node: node.rawNode,
              action: checkedAction
            });
            doUpdateIndeterminateKeys(indeterminateKeys, getOptionsByKeys(indeterminateKeys));
          }
          function toggleExpand(node) {
            if (props.disabled)
              return;
            const {
              key
            } = node;
            const {
              value: mergedExpandedKeys
            } = mergedExpandedKeysRef;
            const index = mergedExpandedKeys.findIndex((expandNodeId) => expandNodeId === key);
            if (~index) {
              const expandedKeysAfterChange = Array.from(mergedExpandedKeys);
              expandedKeysAfterChange.splice(index, 1);
              doUpdateExpandedKeys(expandedKeysAfterChange, getOptionsByKeys(expandedKeysAfterChange), {
                node: node.rawNode,
                action: "collapse"
              });
            } else {
              const nodeToBeExpanded = displayTreeMateRef.value.getNode(key);
              if (!nodeToBeExpanded || nodeToBeExpanded.isLeaf) {
                return;
              }
              let nextKeys;
              if (props.accordion) {
                const siblingKeySet = new Set(node.siblings.map(({
                  key: key2
                }) => key2));
                nextKeys = mergedExpandedKeys.filter((expandedKey) => {
                  return !siblingKeySet.has(expandedKey);
                });
                nextKeys.push(key);
              } else {
                nextKeys = mergedExpandedKeys.concat(key);
              }
              doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys), {
                node: node.rawNode,
                action: "expand"
              });
            }
          }
          function handleSwitcherClick(node) {
            if (props.disabled || aipRef.value)
              return;
            toggleExpand(node);
          }
          function handleSelect(node) {
            if (props.disabled || !props.selectable) {
              return;
            }
            pendingNodeKeyRef.value = node.key;
            if (props.internalUnifySelectCheck) {
              const {
                value: {
                  checkedKeys,
                  indeterminateKeys
                }
              } = checkedStatusRef;
              if (props.multiple) {
                handleCheck(node, !(checkedKeys.includes(node.key) || indeterminateKeys.includes(node.key)));
              } else {
                doUpdateCheckedKeys([node.key], getOptionsByKeys([node.key]), {
                  node: node.rawNode,
                  action: "check"
                });
              }
            }
            if (props.multiple) {
              const selectedKeys = Array.from(mergedSelectedKeysRef.value);
              const index = selectedKeys.findIndex((key) => key === node.key);
              if (~index) {
                if (props.cancelable) {
                  selectedKeys.splice(index, 1);
                }
              } else if (!~index) {
                selectedKeys.push(node.key);
              }
              doUpdateSelectedKeys(selectedKeys, getOptionsByKeys(selectedKeys), {
                node: node.rawNode,
                action: ~index ? "unselect" : "select"
              });
            } else {
              const selectedKeys = mergedSelectedKeysRef.value;
              if (selectedKeys.includes(node.key)) {
                if (props.cancelable) {
                  doUpdateSelectedKeys([], [], {
                    node: node.rawNode,
                    action: "unselect"
                  });
                }
              } else {
                doUpdateSelectedKeys([node.key], getOptionsByKeys([node.key]), {
                  node: node.rawNode,
                  action: "select"
                });
              }
            }
          }
          function expandDragEnterNode(node) {
            if (expandTimerId) {
              window.clearTimeout(expandTimerId);
              expandTimerId = null;
            }
            if (node.isLeaf)
              return;
            nodeKeyToBeExpanded = node.key;
            const expand = () => {
              if (nodeKeyToBeExpanded !== node.key)
                return;
              const {
                value: droppingMouseNode
              } = droppingMouseNodeRef;
              if (droppingMouseNode && droppingMouseNode.key === node.key && !mergedExpandedKeysRef.value.includes(node.key)) {
                const nextKeys = mergedExpandedKeysRef.value.concat(node.key);
                doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys), {
                  node: node.rawNode,
                  action: "expand"
                });
              }
              expandTimerId = null;
              nodeKeyToBeExpanded = null;
            };
            if (!node.shallowLoaded) {
              expandTimerId = window.setTimeout(() => {
                void triggerLoading(node).then(() => {
                  expand();
                });
              }, 1e3);
            } else {
              expandTimerId = window.setTimeout(() => {
                expand();
              }, 1e3);
            }
          }
          function handleDragEnter({
            event,
            node
          }) {
            if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            handleDragOver({
              event,
              node
            }, false);
            doDragEnter({
              event,
              node: node.rawNode
            });
          }
          function handleDragLeave({
            event,
            node
          }) {
            if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            doDragLeave({
              event,
              node: node.rawNode
            });
          }
          function handleDragLeaveTree(e) {
            if (e.target !== e.currentTarget)
              return;
            resetDropState();
          }
          function handleDragEnd({
            event,
            node
          }) {
            resetDndState();
            if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            doDragEnd({
              event,
              node: node.rawNode
            });
          }
          function handleDragStart({
            event,
            node
          }) {
            if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            dragStartX = event.clientX;
            draggingNodeRef.value = node;
            doDragStart({
              event,
              node: node.rawNode
            });
          }
          function handleDragOver({
            event,
            node
          }, emit = true) {
            var _a;
            if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            const {
              value: draggingNode
            } = draggingNodeRef;
            if (!draggingNode)
              return;
            const {
              allowDrop,
              indent
            } = props;
            if (emit)
              doDragOver({
                event,
                node: node.rawNode
              });
            const el = event.currentTarget;
            const {
              height: elOffsetHeight,
              top: elClientTop
            } = el.getBoundingClientRect();
            const eventOffsetY = event.clientY - elClientTop;
            let mousePosition;
            const allowDropInside = allowDrop({
              node: node.rawNode,
              dropPosition: "inside",
              phase: "drag"
            });
            if (allowDropInside) {
              if (eventOffsetY <= 8) {
                mousePosition = "before";
              } else if (eventOffsetY >= elOffsetHeight - 8) {
                mousePosition = "after";
              } else {
                mousePosition = "inside";
              }
            } else {
              if (eventOffsetY <= elOffsetHeight / 2) {
                mousePosition = "before";
              } else {
                mousePosition = "after";
              }
            }
            const {
              value: getFindex
            } = getFIndexRef;
            let finalDropNode;
            let finalDropPosition;
            const hoverNodeFIndex = getFindex(node.key);
            if (hoverNodeFIndex === null) {
              resetDropState();
              return;
            }
            let mouseAtExpandedNonLeafNode = false;
            if (mousePosition === "inside") {
              finalDropNode = node;
              finalDropPosition = "inside";
            } else {
              if (mousePosition === "before") {
                if (node.isFirstChild) {
                  finalDropNode = node;
                  finalDropPosition = "before";
                } else {
                  finalDropNode = fNodesRef.value[hoverNodeFIndex - 1];
                  finalDropPosition = "after";
                }
              } else {
                finalDropNode = node;
                finalDropPosition = "after";
              }
            }
            if (!finalDropNode.isLeaf && mergedExpandedKeysRef.value.includes(finalDropNode.key)) {
              mouseAtExpandedNonLeafNode = true;
              if (finalDropPosition === "after") {
                finalDropNode = fNodesRef.value[hoverNodeFIndex + 1];
                if (!finalDropNode) {
                  finalDropNode = node;
                  finalDropPosition = "inside";
                } else {
                  finalDropPosition = "before";
                }
              }
            }
            const droppingMouseNode = finalDropNode;
            droppingMouseNodeRef.value = droppingMouseNode;
            if (!mouseAtExpandedNonLeafNode && draggingNode.isLastChild && draggingNode.key === finalDropNode.key) {
              finalDropPosition = "after";
            }
            if (finalDropPosition === "after") {
              let offset = dragStartX - event.clientX;
              let offsetLevel = 0;
              while (offset >= indent / 2 && // divide by 2 to make it easier to trigger
              finalDropNode.parent !== null && finalDropNode.isLastChild && offsetLevel < 1) {
                offset -= indent;
                offsetLevel += 1;
                finalDropNode = finalDropNode.parent;
              }
              droppingOffsetLevelRef.value = offsetLevel;
            } else {
              droppingOffsetLevelRef.value = 0;
            }
            if (draggingNode.contains(finalDropNode) || finalDropPosition === "inside" && ((_a = draggingNode.parent) === null || _a === void 0 ? void 0 : _a.key) === finalDropNode.key) {
              if (draggingNode.key === droppingMouseNode.key && draggingNode.key === finalDropNode.key)
                ;
              else {
                resetDropState();
                return;
              }
            }
            if (!allowDrop({
              node: finalDropNode.rawNode,
              dropPosition: finalDropPosition,
              phase: "drag"
            })) {
              resetDropState();
              return;
            }
            if (draggingNode.key === finalDropNode.key) {
              resetDragExpandState();
            } else {
              if (nodeKeyToBeExpanded !== finalDropNode.key) {
                if (finalDropPosition === "inside") {
                  if (props.expandOnDragenter) {
                    expandDragEnterNode(finalDropNode);
                    if (!finalDropNode.shallowLoaded && nodeKeyToBeExpanded !== finalDropNode.key) {
                      resetDndState();
                      return;
                    }
                  } else {
                    if (!finalDropNode.shallowLoaded) {
                      resetDndState();
                      return;
                    }
                  }
                } else {
                  resetDragExpandState();
                }
              } else {
                if (finalDropPosition !== "inside") {
                  resetDragExpandState();
                }
              }
            }
            droppingPositionRef.value = finalDropPosition;
            droppingNodeRef.value = finalDropNode;
          }
          function handleDrop({
            event,
            node,
            dropPosition
          }) {
            if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
              return;
            }
            const {
              value: draggingNode
            } = draggingNodeRef;
            const {
              value: droppingNode
            } = droppingNodeRef;
            const {
              value: droppingPosition
            } = droppingPositionRef;
            if (!draggingNode || !droppingNode || !droppingPosition) {
              return;
            }
            if (!props.allowDrop({
              node: droppingNode.rawNode,
              dropPosition: droppingPosition,
              phase: "drag"
            })) {
              return;
            }
            if (draggingNode.key === droppingNode.key) {
              return;
            }
            if (droppingPosition === "before") {
              const nextNode = draggingNode.getNext({
                includeDisabled: true
              });
              if (nextNode) {
                if (nextNode.key === droppingNode.key) {
                  resetDropState();
                  return;
                }
              }
            }
            if (droppingPosition === "after") {
              const prevNode = draggingNode.getPrev({
                includeDisabled: true
              });
              if (prevNode) {
                if (prevNode.key === droppingNode.key) {
                  resetDropState();
                  return;
                }
              }
            }
            doDrop({
              event,
              node: droppingNode.rawNode,
              dragNode: draggingNode.rawNode,
              dropPosition
            });
            resetDndState();
          }
          function handleScroll() {
            syncScrollbar();
          }
          function handleResize() {
            syncScrollbar();
          }
          function handleFocusout(e) {
            var _a;
            if (props.virtualScroll || props.internalScrollable) {
              const {
                value: scrollbarInst
              } = scrollbarInstRef;
              if ((_a = scrollbarInst === null || scrollbarInst === void 0 ? void 0 : scrollbarInst.containerRef) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) {
                return;
              }
              pendingNodeKeyRef.value = null;
            } else {
              const {
                value: selfEl
              } = selfElRef;
              if (selfEl === null || selfEl === void 0 ? void 0 : selfEl.contains(e.relatedTarget))
                return;
              pendingNodeKeyRef.value = null;
            }
          }
          vue.watch(pendingNodeKeyRef, (value) => {
            var _a, _b;
            if (value === null)
              return;
            if (props.virtualScroll) {
              (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo({
                key: value
              });
            } else if (props.internalScrollable) {
              const {
                value: scrollbarInst
              } = scrollbarInstRef;
              if (scrollbarInst === null)
                return;
              const targetEl = (_b = scrollbarInst.contentRef) === null || _b === void 0 ? void 0 : _b.querySelector(`[data-key="${createDataKey(value)}"]`);
              if (!targetEl)
                return;
              scrollbarInst.scrollTo({
                el: targetEl
              });
            }
          });
          vue.provide(treeInjectionKey, {
            loadingKeysRef,
            highlightKeySetRef: mergedHighlightKeySetRef,
            displayedCheckedKeysRef,
            displayedIndeterminateKeysRef,
            mergedSelectedKeysRef,
            mergedExpandedKeysRef,
            mergedThemeRef: themeRef,
            mergedCheckStrategyRef,
            nodePropsRef: vue.toRef(props, "nodeProps"),
            disabledRef: vue.toRef(props, "disabled"),
            checkableRef: vue.toRef(props, "checkable"),
            selectableRef: vue.toRef(props, "selectable"),
            expandOnClickRef: vue.toRef(props, "expandOnClick"),
            onLoadRef: vue.toRef(props, "onLoad"),
            draggableRef: vue.toRef(props, "draggable"),
            blockLineRef: vue.toRef(props, "blockLine"),
            indentRef: vue.toRef(props, "indent"),
            cascadeRef: vue.toRef(props, "cascade"),
            checkOnClickRef: vue.toRef(props, "checkOnClick"),
            checkboxPlacementRef: props.checkboxPlacement,
            droppingMouseNodeRef,
            droppingNodeParentRef,
            draggingNodeRef,
            droppingPositionRef,
            droppingOffsetLevelRef,
            fNodesRef,
            pendingNodeKeyRef,
            showLineRef: vue.toRef(props, "showLine"),
            disabledFieldRef: vue.toRef(props, "disabledField"),
            internalScrollableRef: vue.toRef(props, "internalScrollable"),
            internalCheckboxFocusableRef: vue.toRef(props, "internalCheckboxFocusable"),
            internalTreeSelect: props.internalTreeSelect,
            renderLabelRef: vue.toRef(props, "renderLabel"),
            renderPrefixRef: vue.toRef(props, "renderPrefix"),
            renderSuffixRef: vue.toRef(props, "renderSuffix"),
            renderSwitcherIconRef: vue.toRef(props, "renderSwitcherIcon"),
            labelFieldRef: vue.toRef(props, "labelField"),
            multipleRef: vue.toRef(props, "multiple"),
            overrideDefaultNodeClickBehaviorRef: vue.toRef(props, "overrideDefaultNodeClickBehavior"),
            handleSwitcherClick,
            handleDragEnd,
            handleDragEnter,
            handleDragLeave,
            handleDragStart,
            handleDrop,
            handleDragOver,
            handleSelect,
            handleCheck
          });
          function scrollTo(options, y) {
            var _a, _b;
            if (typeof options === "number") {
              (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(options, y || 0);
            } else {
              (_b = virtualListInstRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo(options);
            }
          }
          const exposedMethods = {
            handleKeydown,
            scrollTo,
            getCheckedData: () => {
              if (!props.checkable)
                return {
                  keys: [],
                  options: []
                };
              const {
                checkedKeys
              } = checkedStatusRef.value;
              return {
                keys: checkedKeys,
                options: getOptionsByKeys(checkedKeys)
              };
            },
            getIndeterminateData: () => {
              if (!props.checkable)
                return {
                  keys: [],
                  options: []
                };
              const {
                indeterminateKeys
              } = checkedStatusRef.value;
              return {
                keys: indeterminateKeys,
                options: getOptionsByKeys(indeterminateKeys)
              };
            }
          };
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                fontSize: fontSize2,
                nodeBorderRadius,
                nodeColorHover,
                nodeColorPressed,
                nodeColorActive,
                arrowColor,
                loadingColor,
                nodeTextColor,
                nodeTextColorDisabled,
                dropMarkColor,
                nodeWrapperPadding,
                nodeHeight,
                lineHeight: lineHeight2,
                lineColor
              }
            } = themeRef.value;
            const lineOffsetTop = getMargin(nodeWrapperPadding, "top");
            const lineOffsetBottom = getMargin(nodeWrapperPadding, "bottom");
            const nodeContentHeight = pxfy(depx(nodeHeight) - depx(lineOffsetTop) - depx(lineOffsetBottom));
            return {
              "--n-arrow-color": arrowColor,
              "--n-loading-color": loadingColor,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-node-border-radius": nodeBorderRadius,
              "--n-node-color-active": nodeColorActive,
              "--n-node-color-hover": nodeColorHover,
              "--n-node-color-pressed": nodeColorPressed,
              "--n-node-text-color": nodeTextColor,
              "--n-node-text-color-disabled": nodeTextColorDisabled,
              "--n-drop-mark-color": dropMarkColor,
              "--n-node-wrapper-padding": nodeWrapperPadding,
              "--n-line-offset-top": `-${lineOffsetTop}`,
              "--n-line-offset-bottom": `-${lineOffsetBottom}`,
              "--n-node-content-height": nodeContentHeight,
              "--n-line-height": lineHeight2,
              "--n-line-color": lineColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("tree", void 0, cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exposedMethods), {
            mergedClsPrefix: mergedClsPrefixRef,
            mergedTheme: themeRef,
            rtlEnabled: rtlEnabledRef,
            fNodes: mergedFNodesRef,
            aip: aipRef,
            selfElRef,
            virtualListInstRef,
            scrollbarInstRef,
            handleFocusout,
            handleDragLeaveTree,
            handleScroll,
            getScrollContainer,
            getScrollContent,
            handleAfterEnter,
            handleResize,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          var _a;
          const {
            fNodes,
            internalRenderEmpty
          } = this;
          if (!fNodes.length && internalRenderEmpty) {
            return internalRenderEmpty();
          }
          const {
            mergedClsPrefix,
            blockNode,
            blockLine,
            draggable,
            disabled,
            internalFocusable,
            checkable,
            handleKeydown,
            rtlEnabled,
            handleFocusout,
            scrollbarProps: scrollbarProps2
          } = this;
          const mergedFocusable = internalFocusable && !disabled;
          const tabindex = mergedFocusable ? "0" : void 0;
          const treeClass = [`${mergedClsPrefix}-tree`, rtlEnabled && `${mergedClsPrefix}-tree--rtl`, checkable && `${mergedClsPrefix}-tree--checkable`, (blockLine || blockNode) && `${mergedClsPrefix}-tree--block-node`, blockLine && `${mergedClsPrefix}-tree--block-line`];
          const createNode = (tmNode) => {
            return "__motion" in tmNode ? vue.h(MotionWrapper, {
              height: tmNode.height,
              nodes: tmNode.nodes,
              clsPrefix: mergedClsPrefix,
              mode: tmNode.mode,
              onAfterEnter: this.handleAfterEnter
            }) : vue.h(TreeNode, {
              key: tmNode.key,
              tmNode,
              clsPrefix: mergedClsPrefix
            });
          };
          if (this.virtualScroll) {
            const {
              mergedTheme,
              internalScrollablePadding
            } = this;
            const padding = getMargin(internalScrollablePadding || "0");
            return vue.h(XScrollbar, Object.assign({}, scrollbarProps2, {
              ref: "scrollbarInstRef",
              onDragleave: draggable ? this.handleDragLeaveTree : void 0,
              container: this.getScrollContainer,
              content: this.getScrollContent,
              class: treeClass,
              theme: mergedTheme.peers.Scrollbar,
              themeOverrides: mergedTheme.peerOverrides.Scrollbar,
              tabindex,
              onKeydown: mergedFocusable ? handleKeydown : void 0,
              onFocusout: mergedFocusable ? handleFocusout : void 0
            }), {
              default: () => {
                var _a2;
                (_a2 = this.onRender) === null || _a2 === void 0 ? void 0 : _a2.call(this);
                return !fNodes.length ? resolveSlot(this.$slots.empty, () => [vue.h(NEmpty, {
                  class: `${mergedClsPrefix}-tree__empty`,
                  theme: this.mergedTheme.peers.Empty,
                  themeOverrides: this.mergedTheme.peerOverrides.Empty
                })]) : vue.h(VVirtualList, {
                  ref: "virtualListInstRef",
                  items: this.fNodes,
                  itemSize: depx(mergedTheme.self.nodeHeight),
                  ignoreItemResize: this.aip,
                  paddingTop: padding.top,
                  paddingBottom: padding.bottom,
                  class: this.themeClass,
                  style: [this.cssVars, {
                    paddingLeft: padding.left,
                    paddingRight: padding.right
                  }],
                  onScroll: this.handleScroll,
                  onResize: this.handleResize,
                  showScrollbar: false,
                  itemResizable: true
                }, {
                  default: ({
                    item
                  }) => createNode(item)
                });
              }
            });
          }
          const {
            internalScrollable
          } = this;
          treeClass.push(this.themeClass);
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          if (internalScrollable) {
            return vue.h(XScrollbar, Object.assign({}, scrollbarProps2, {
              class: treeClass,
              tabindex,
              onKeydown: mergedFocusable ? handleKeydown : void 0,
              onFocusout: mergedFocusable ? handleFocusout : void 0,
              style: this.cssVars,
              contentStyle: {
                padding: this.internalScrollablePadding
              }
            }), {
              default: () => vue.h("div", {
                onDragleave: draggable ? this.handleDragLeaveTree : void 0,
                ref: "selfElRef"
              }, this.fNodes.map(createNode))
            });
          } else {
            return vue.h("div", {
              class: treeClass,
              tabindex,
              ref: "selfElRef",
              style: this.cssVars,
              onKeydown: mergedFocusable ? handleKeydown : void 0,
              onFocusout: mergedFocusable ? handleFocusout : void 0,
              onDragleave: draggable ? this.handleDragLeaveTree : void 0
            }, !fNodes.length ? resolveSlot(this.$slots.empty, () => [vue.h(NEmpty, {
              class: `${mergedClsPrefix}-tree__empty`,
              theme: this.mergedTheme.peers.Empty,
              themeOverrides: this.mergedTheme.peerOverrides.Empty
            })]) : fNodes.map(createNode));
          }
        }
      });
      function treeOption2SelectOption(tmNode, labelField) {
        const {
          rawNode
        } = tmNode;
        return Object.assign(Object.assign({}, rawNode), {
          label: rawNode[labelField],
          value: tmNode.key
        });
      }
      function treeOption2SelectOptionWithPath(tmNode, path, separator, labelField) {
        const {
          rawNode
        } = tmNode;
        return Object.assign(Object.assign({}, rawNode), {
          value: tmNode.key,
          label: path.map((v) => v.rawNode[labelField]).join(separator)
        });
      }
      const style$9 = c$1([cB("tree-select", `
 z-index: auto;
 outline: none;
 width: 100%;
 position: relative;
 `), cB("tree-select-menu", `
 position: relative;
 overflow: hidden;
 margin: 4px 0;
 transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);
 border-radius: var(--n-menu-border-radius);
 box-shadow: var(--n-menu-box-shadow);
 background-color: var(--n-menu-color);
 outline: none;
 `, [cB("tree", "max-height: var(--n-menu-height);"), cE("empty", `
 display: flex;
 padding: 12px 32px;
 flex: 1;
 justify-content: center;
 `), cE("action", `
 padding: var(--n-action-padding);
 transition: 
 color .3s var(--n-bezier);
 border-color .3s var(--n-bezier);
 border-top: 1px solid var(--n-action-divider-color);
 color: var(--n-action-text-color);
 `), fadeInScaleUpTransition()])]);
      const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
        bordered: {
          type: Boolean,
          default: true
        },
        cascade: Boolean,
        checkable: Boolean,
        clearable: Boolean,
        clearFilterAfterSelect: {
          type: Boolean,
          default: true
        },
        consistentMenuWidth: {
          type: Boolean,
          default: true
        },
        defaultShow: Boolean,
        defaultValue: {
          type: [String, Number, Array],
          default: null
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        filterable: Boolean,
        checkStrategy: {
          type: String,
          default: "all"
        },
        loading: Boolean,
        maxTagCount: [String, Number],
        multiple: Boolean,
        showPath: Boolean,
        separator: {
          type: String,
          default: " / "
        },
        options: {
          type: Array,
          default: () => []
        },
        placeholder: String,
        placement: {
          type: String,
          default: "bottom-start"
        },
        show: {
          type: Boolean,
          default: void 0
        },
        size: String,
        value: [String, Number, Array],
        to: useAdjustedTo.propTo,
        menuProps: Object,
        virtualScroll: {
          type: Boolean,
          default: true
        },
        status: String,
        renderTag: Function,
        ellipsisTagPopoverProps: Object
      }), treeSharedProps), {
        renderLabel: Function,
        renderPrefix: Function,
        renderSuffix: Function,
        nodeProps: Function,
        watchProps: Array,
        getChildren: Function,
        onBlur: Function,
        onFocus: Function,
        onLoad: Function,
        onUpdateShow: [Function, Array],
        onUpdateValue: [Function, Array],
        "onUpdate:value": [Function, Array],
        "onUpdate:show": [Function, Array],
        /**
         * @deprecated
         */
        leafOnly: Boolean
      });
      const TreeSelect = vue.defineComponent({
        name: "TreeSelect",
        props: treeSelectProps,
        setup(props) {
          const followerInstRef = vue.ref(null);
          const triggerInstRef = vue.ref(null);
          const treeInstRef = vue.ref(null);
          const menuElRef = vue.ref(null);
          const {
            mergedClsPrefixRef,
            namespaceRef,
            inlineThemeDisabled
          } = useConfig(props);
          const {
            localeRef
          } = useLocale("Select");
          const {
            mergedSizeRef,
            mergedDisabledRef,
            mergedStatusRef,
            nTriggerFormBlur,
            nTriggerFormChange,
            nTriggerFormFocus,
            nTriggerFormInput
          } = useFormItem(props);
          const uncontrolledValueRef = vue.ref(props.defaultValue);
          const controlledValueRef = vue.toRef(props, "value");
          const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
          const uncontrolledShowRef = vue.ref(props.defaultShow);
          const controlledShowRef = vue.toRef(props, "show");
          const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
          const patternRef = vue.ref("");
          const mergedFilterRef = vue.computed(() => {
            const {
              filter
            } = props;
            if (filter)
              return filter;
            const {
              labelField
            } = props;
            return (pattern, node) => {
              if (!pattern.length)
                return true;
              return node[labelField].toLowerCase().includes(pattern.toLowerCase());
            };
          });
          const dataTreeMateRef = vue.computed(() => createTreeMate(props.options, createTreeMateOptions(props.keyField, props.childrenField, props.disabledField, void 0)));
          const {
            value: initMergedValue
          } = mergedValueRef;
          const pendingNodeKeyRef = vue.ref(props.checkable ? null : Array.isArray(initMergedValue) && initMergedValue.length ? initMergedValue[initMergedValue.length - 1] : null);
          const mergedCascadeRef = vue.computed(() => {
            return props.multiple && props.cascade && props.checkable;
          });
          const uncontrolledExpandedKeysRef = vue.ref(props.defaultExpandAll ? void 0 : props.defaultExpandedKeys || props.expandedKeys);
          const controlledExpandedKeysRef = vue.toRef(props, "expandedKeys");
          const mergedExpandedKeysRef = useMergedState(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
          const focusedRef = vue.ref(false);
          const mergedPlaceholderRef = vue.computed(() => {
            const {
              placeholder
            } = props;
            if (placeholder !== void 0)
              return placeholder;
            return localeRef.value.placeholder;
          });
          const treeSelectedKeysRef = vue.computed(() => {
            if (props.checkable)
              return [];
            return treeCheckedKeysRef.value;
          });
          const treeCheckedKeysRef = vue.computed(() => {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (props.multiple) {
              if (Array.isArray(mergedValue))
                return mergedValue;
              else
                return [];
            } else {
              if (mergedValue === null || Array.isArray(mergedValue))
                return [];
              else
                return [mergedValue];
            }
          });
          const selectedOptionRef = vue.computed(() => {
            const {
              multiple,
              showPath,
              separator,
              labelField
            } = props;
            if (multiple)
              return null;
            const {
              value: mergedValue
            } = mergedValueRef;
            if (!Array.isArray(mergedValue) && mergedValue !== null) {
              const {
                value: treeMate
              } = dataTreeMateRef;
              const tmNode = treeMate.getNode(mergedValue);
              if (tmNode !== null) {
                return showPath ? treeOption2SelectOptionWithPath(tmNode, treeMate.getPath(mergedValue).treeNodePath, separator, labelField) : treeOption2SelectOption(tmNode, labelField);
              }
            }
            return null;
          });
          const selectedOptionsRef = vue.computed(() => {
            const {
              multiple,
              showPath,
              separator
            } = props;
            if (!multiple)
              return null;
            const {
              value: mergedValue
            } = mergedValueRef;
            if (Array.isArray(mergedValue)) {
              const res = [];
              const {
                value: treeMate
              } = dataTreeMateRef;
              const {
                checkedKeys
              } = treeMate.getCheckedKeys(mergedValue, {
                checkStrategy: props.checkStrategy,
                cascade: mergedCascadeRef.value,
                allowNotLoaded: props.allowCheckingNotLoaded
              });
              const {
                labelField
              } = props;
              checkedKeys.forEach((value) => {
                const tmNode = treeMate.getNode(value);
                if (tmNode !== null) {
                  res.push(showPath ? treeOption2SelectOptionWithPath(tmNode, treeMate.getPath(value).treeNodePath, separator, labelField) : treeOption2SelectOption(tmNode, labelField));
                }
              });
              return res;
            }
            return [];
          });
          const menuPaddingRef = vue.computed(() => {
            const {
              self: {
                menuPadding
              }
            } = themeRef.value;
            return menuPadding;
          });
          function focusSelection() {
            var _a;
            (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
          }
          function focusSelectionInput() {
            var _a;
            (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focusInput();
          }
          function doUpdateShow(value) {
            const {
              onUpdateShow,
              "onUpdate:show": _onUpdateShow
            } = props;
            if (onUpdateShow)
              call(onUpdateShow, value);
            if (_onUpdateShow)
              call(_onUpdateShow, value);
            uncontrolledShowRef.value = value;
          }
          function doUpdateValue(value, option, meta) {
            const {
              onUpdateValue,
              "onUpdate:value": _onUpdateValue
            } = props;
            if (onUpdateValue) {
              call(onUpdateValue, value, option, meta);
            }
            if (_onUpdateValue) {
              call(_onUpdateValue, value, option, meta);
            }
            uncontrolledValueRef.value = value;
            nTriggerFormInput();
            nTriggerFormChange();
          }
          function doUpdateIndeterminateKeys(value, option) {
            const {
              onUpdateIndeterminateKeys,
              "onUpdate:indeterminateKeys": _onUpdateIndeterminateKeys
            } = props;
            if (onUpdateIndeterminateKeys) {
              call(onUpdateIndeterminateKeys, value, option);
            }
            if (_onUpdateIndeterminateKeys) {
              call(_onUpdateIndeterminateKeys, value, option);
            }
          }
          function doUpdateExpandedKeys(keys2, option, meta) {
            const {
              onUpdateExpandedKeys,
              "onUpdate:expandedKeys": _onUpdateExpandedKeys
            } = props;
            if (onUpdateExpandedKeys) {
              call(onUpdateExpandedKeys, keys2, option, meta);
            }
            if (_onUpdateExpandedKeys) {
              call(_onUpdateExpandedKeys, keys2, option, meta);
            }
            uncontrolledExpandedKeysRef.value = keys2;
          }
          function doFocus(e) {
            const {
              onFocus
            } = props;
            if (onFocus)
              onFocus(e);
            nTriggerFormFocus();
          }
          function doBlur(e) {
            closeMenu();
            const {
              onBlur
            } = props;
            if (onBlur)
              onBlur(e);
            nTriggerFormBlur();
          }
          function closeMenu() {
            doUpdateShow(false);
          }
          function openMenu() {
            if (!mergedDisabledRef.value) {
              patternRef.value = "";
              doUpdateShow(true);
              if (props.filterable) {
                focusSelectionInput();
              }
            }
          }
          function handleMenuLeave() {
            patternRef.value = "";
          }
          function handleMenuClickoutside(e) {
            var _a;
            if (mergedShowRef.value) {
              if (!((_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.$el.contains(getPreciseEventTarget(e)))) {
                closeMenu();
              }
            }
          }
          function handleTriggerClick() {
            if (mergedDisabledRef.value)
              return;
            if (!mergedShowRef.value) {
              openMenu();
            } else {
              if (!props.filterable) {
                closeMenu();
              }
            }
          }
          function getOptionsByKeys(keys2) {
            const {
              value: {
                getNode
              }
            } = dataTreeMateRef;
            return keys2.map((key) => {
              var _a;
              return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null;
            });
          }
          function handleUpdateCheckedKeys(keys2, _, meta) {
            const options = getOptionsByKeys(keys2);
            const action = meta.action === "check" ? "select" : "unselect";
            const node = meta.node;
            if (props.multiple) {
              doUpdateValue(keys2, options, {
                node,
                action
              });
              if (props.filterable) {
                focusSelectionInput();
                if (props.clearFilterAfterSelect)
                  patternRef.value = "";
              }
            } else {
              keys2.length ? doUpdateValue(keys2[0], options[0] || null, {
                node,
                action
              }) : doUpdateValue(null, null, {
                node,
                action
              });
              closeMenu();
              focusSelection();
            }
          }
          function handleUpdateIndeterminateKeys(keys2) {
            if (props.checkable) {
              doUpdateIndeterminateKeys(keys2, getOptionsByKeys(keys2));
            }
          }
          function handleTriggerFocus(e) {
            var _a;
            if ((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))
              return;
            focusedRef.value = true;
            doFocus(e);
          }
          function handleTriggerBlur(e) {
            var _a;
            if ((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))
              return;
            focusedRef.value = false;
            doBlur(e);
          }
          function handleMenuFocusin(e) {
            var _a, _b, _c;
            if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
              return;
            }
            focusedRef.value = true;
            doFocus(e);
          }
          function handleMenuFocusout(e) {
            var _a, _b, _c;
            if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
              return;
            }
            focusedRef.value = false;
            doBlur(e);
          }
          function handleClear(e) {
            e.stopPropagation();
            const {
              multiple
            } = props;
            if (!multiple && props.filterable) {
              closeMenu();
            }
            if (multiple) {
              doUpdateValue([], [], {
                node: null,
                action: "clear"
              });
            } else {
              doUpdateValue(null, null, {
                node: null,
                action: "clear"
              });
            }
          }
          function handleDeleteOption(option) {
            const {
              value: mergedValue
            } = mergedValueRef;
            if (Array.isArray(mergedValue)) {
              const {
                value: treeMate
              } = dataTreeMateRef;
              const {
                checkedKeys: checkedKeysValue
              } = treeMate.getCheckedKeys(mergedValue, {
                cascade: mergedCascadeRef.value,
                allowNotLoaded: props.allowCheckingNotLoaded
              });
              const index = checkedKeysValue.findIndex((key) => key === option.value);
              if (~index) {
                const checkedKeyToBeRemoved = checkedKeysValue[index];
                const checkOptionToBeRemoved = getOptionsByKeys([checkedKeyToBeRemoved])[0];
                if (props.checkable) {
                  const {
                    checkedKeys
                  } = treeMate.uncheck(option.value, checkedKeysValue, {
                    checkStrategy: props.checkStrategy,
                    cascade: mergedCascadeRef.value,
                    allowNotLoaded: props.allowCheckingNotLoaded
                  });
                  doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), {
                    node: checkOptionToBeRemoved,
                    action: "delete"
                  });
                } else {
                  const nextValue = Array.from(checkedKeysValue);
                  nextValue.splice(index, 1);
                  doUpdateValue(nextValue, getOptionsByKeys(nextValue), {
                    node: checkOptionToBeRemoved,
                    action: "delete"
                  });
                }
              }
            }
          }
          function handlePatternInput(e) {
            const {
              value
            } = e.target;
            patternRef.value = value;
          }
          function treeHandleKeydown(e) {
            const {
              value: treeInst
            } = treeInstRef;
            if (treeInst) {
              return treeInst.handleKeydown(e);
            }
            return {
              enterBehavior: null
            };
          }
          function handleKeydown(e) {
            if (e.key === "Enter") {
              if (mergedShowRef.value) {
                const {
                  enterBehavior
                } = treeHandleKeydown(e);
                if (!props.multiple) {
                  switch (enterBehavior) {
                    case "default":
                    case "toggleSelect":
                      closeMenu();
                      focusSelection();
                      break;
                  }
                }
              } else {
                openMenu();
              }
              e.preventDefault();
            } else if (e.key === "Escape") {
              if (mergedShowRef.value) {
                markEventEffectPerformed(e);
                closeMenu();
                focusSelection();
              }
            } else {
              if (mergedShowRef.value) {
                treeHandleKeydown(e);
              } else if (e.key === "ArrowDown") {
                openMenu();
              }
            }
          }
          function handleTabOut() {
            closeMenu();
            focusSelection();
          }
          function handleMenuMousedown(e) {
            if (!happensIn(e, "action"))
              e.preventDefault();
          }
          const selectionRenderTagRef = vue.computed(() => {
            const {
              renderTag
            } = props;
            if (!renderTag)
              return void 0;
            return function selectionRenderTag({
              option,
              handleClose
            }) {
              const {
                value
              } = option;
              if (value !== void 0) {
                const treeOption = dataTreeMateRef.value.getNode(value);
                if (treeOption) {
                  return renderTag({
                    option: treeOption.rawNode,
                    handleClose
                  });
                }
              }
              return value;
            };
          });
          vue.provide(treeSelectInjectionKey, {
            pendingNodeKeyRef,
            dataTreeMate: dataTreeMateRef
          });
          function handleTriggerOrMenuResize() {
            var _a;
            if (!mergedShowRef.value)
              return;
            (_a = followerInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
          }
          useOnResize(menuElRef, handleTriggerOrMenuResize);
          const mergedCheckStrategyRef = useMergedCheckStrategy(props);
          const exposedCheckedStatusRef = vue.computed(() => {
            if (props.checkable) {
              const mergedValue = mergedValueRef.value;
              if (props.multiple && Array.isArray(mergedValue)) {
                return dataTreeMateRef.value.getCheckedKeys(mergedValue, {
                  cascade: props.cascade,
                  checkStrategy: mergedCheckStrategyRef.value,
                  allowNotLoaded: props.allowCheckingNotLoaded
                });
              } else {
                return {
                  checkedKeys: Array.isArray(mergedValue) || mergedValue === null ? [] : [mergedValue],
                  indeterminateKeys: []
                };
              }
            }
            return {
              checkedKeys: [],
              indeterminateKeys: []
            };
          });
          const exposedMethods = {
            getCheckedData: () => {
              const {
                checkedKeys
              } = exposedCheckedStatusRef.value;
              return {
                keys: checkedKeys,
                options: getOptionsByKeys(checkedKeys)
              };
            },
            getIndeterminateData: () => {
              const {
                indeterminateKeys
              } = exposedCheckedStatusRef.value;
              return {
                keys: indeterminateKeys,
                options: getOptionsByKeys(indeterminateKeys)
              };
            },
            focus: () => {
              var _a;
              return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
            },
            focusInput: () => {
              var _a;
              return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focusInput();
            },
            blur: () => {
              var _a;
              return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
            },
            blurInput: () => {
              var _a;
              return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blurInput();
            }
          };
          const themeRef = useTheme("TreeSelect", "-tree-select", style$9, treeSelectLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                menuBoxShadow,
                menuBorderRadius,
                menuColor,
                menuHeight,
                actionPadding,
                actionDividerColor,
                actionTextColor
              }
            } = themeRef.value;
            return {
              "--n-menu-box-shadow": menuBoxShadow,
              "--n-menu-border-radius": menuBorderRadius,
              "--n-menu-color": menuColor,
              "--n-menu-height": menuHeight,
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-action-padding": actionPadding,
              "--n-action-text-color": actionTextColor,
              "--n-action-divider-color": actionDividerColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("tree-select", void 0, cssVarsRef, props) : void 0;
          return Object.assign(Object.assign({}, exposedMethods), {
            menuElRef,
            mergedStatus: mergedStatusRef,
            triggerInstRef,
            followerInstRef,
            treeInstRef,
            mergedClsPrefix: mergedClsPrefixRef,
            mergedValue: mergedValueRef,
            mergedShow: mergedShowRef,
            namespace: namespaceRef,
            adjustedTo: useAdjustedTo(props),
            isMounted: isMounted(),
            focused: focusedRef,
            menuPadding: menuPaddingRef,
            mergedPlaceholder: mergedPlaceholderRef,
            mergedExpandedKeys: mergedExpandedKeysRef,
            treeSelectedKeys: treeSelectedKeysRef,
            treeCheckedKeys: treeCheckedKeysRef,
            mergedSize: mergedSizeRef,
            mergedDisabled: mergedDisabledRef,
            selectedOption: selectedOptionRef,
            selectedOptions: selectedOptionsRef,
            pattern: patternRef,
            pendingNodeKey: pendingNodeKeyRef,
            mergedCascade: mergedCascadeRef,
            mergedFilter: mergedFilterRef,
            selectionRenderTag: selectionRenderTagRef,
            handleTriggerOrMenuResize,
            doUpdateExpandedKeys,
            handleMenuLeave,
            handleTriggerClick,
            handleMenuClickoutside,
            handleUpdateCheckedKeys,
            handleUpdateIndeterminateKeys,
            handleTriggerFocus,
            handleTriggerBlur,
            handleMenuFocusin,
            handleMenuFocusout,
            handleClear,
            handleDeleteOption,
            handlePatternInput,
            handleKeydown,
            handleTabOut,
            handleMenuMousedown,
            mergedTheme: themeRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          });
        },
        render() {
          const {
            mergedTheme,
            mergedClsPrefix,
            $slots
          } = this;
          return vue.h("div", {
            class: `${mergedClsPrefix}-tree-select`
          }, vue.h(Binder, null, {
            default: () => [vue.h(VTarget, null, {
              default: () => vue.h(NInternalSelection, {
                ref: "triggerInstRef",
                onResize: this.handleTriggerOrMenuResize,
                status: this.mergedStatus,
                focused: this.focused,
                clsPrefix: mergedClsPrefix,
                theme: mergedTheme.peers.InternalSelection,
                themeOverrides: mergedTheme.peerOverrides.InternalSelection,
                ellipsisTagPopoverProps: this.ellipsisTagPopoverProps,
                renderTag: this.selectionRenderTag,
                selectedOption: this.selectedOption,
                selectedOptions: this.selectedOptions,
                size: this.mergedSize,
                bordered: this.bordered,
                placeholder: this.mergedPlaceholder,
                disabled: this.mergedDisabled,
                active: this.mergedShow,
                loading: this.loading,
                multiple: this.multiple,
                maxTagCount: this.maxTagCount,
                showArrow: true,
                filterable: this.filterable,
                clearable: this.clearable,
                pattern: this.pattern,
                onPatternInput: this.handlePatternInput,
                onClear: this.handleClear,
                onClick: this.handleTriggerClick,
                onFocus: this.handleTriggerFocus,
                onBlur: this.handleTriggerBlur,
                onDeleteOption: this.handleDeleteOption,
                onKeydown: this.handleKeydown
              }, {
                arrow: () => {
                  var _a, _b;
                  return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)];
                }
              })
            }), vue.h(VFollower, {
              ref: "followerInstRef",
              show: this.mergedShow,
              placement: this.placement,
              to: this.adjustedTo,
              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
              containerClass: this.namespace,
              width: this.consistentMenuWidth ? "target" : void 0,
              minWidth: "target"
            }, {
              default: () => vue.h(vue.Transition, {
                name: "fade-in-scale-up-transition",
                appear: this.isMounted,
                onLeave: this.handleMenuLeave
              }, {
                default: () => {
                  var _a;
                  if (!this.mergedShow)
                    return null;
                  const {
                    mergedClsPrefix: mergedClsPrefix2,
                    checkable,
                    multiple,
                    menuProps: menuProps2,
                    options
                  } = this;
                  (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
                  return vue.withDirectives(vue.h("div", Object.assign({}, menuProps2, {
                    class: [`${mergedClsPrefix2}-tree-select-menu`, menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2.class, this.themeClass],
                    ref: "menuElRef",
                    style: [(menuProps2 === null || menuProps2 === void 0 ? void 0 : menuProps2.style) || "", this.cssVars],
                    tabindex: 0,
                    onMousedown: this.handleMenuMousedown,
                    onKeydown: this.handleKeydown,
                    onFocusin: this.handleMenuFocusin,
                    onFocusout: this.handleMenuFocusout
                  }), vue.h(NTree, {
                    ref: "treeInstRef",
                    blockLine: true,
                    allowCheckingNotLoaded: this.allowCheckingNotLoaded,
                    showIrrelevantNodes: false,
                    animated: false,
                    pattern: this.pattern,
                    getChildren: this.getChildren,
                    filter: this.mergedFilter,
                    data: options,
                    cancelable: multiple,
                    labelField: this.labelField,
                    keyField: this.keyField,
                    disabledField: this.disabledField,
                    childrenField: this.childrenField,
                    theme: mergedTheme.peers.Tree,
                    themeOverrides: mergedTheme.peerOverrides.Tree,
                    defaultExpandAll: this.defaultExpandAll,
                    defaultExpandedKeys: this.defaultExpandedKeys,
                    expandedKeys: this.mergedExpandedKeys,
                    checkedKeys: this.treeCheckedKeys,
                    selectedKeys: this.treeSelectedKeys,
                    checkable,
                    checkStrategy: this.checkStrategy,
                    cascade: this.mergedCascade,
                    leafOnly: this.leafOnly,
                    multiple: this.multiple,
                    renderLabel: this.renderLabel,
                    renderPrefix: this.renderPrefix,
                    renderSuffix: this.renderSuffix,
                    renderSwitcherIcon: this.renderSwitcherIcon,
                    nodeProps: this.nodeProps,
                    watchProps: this.watchProps,
                    virtualScroll: this.consistentMenuWidth && this.virtualScroll,
                    overrideDefaultNodeClickBehavior: this.overrideDefaultNodeClickBehavior,
                    internalTreeSelect: true,
                    internalUnifySelectCheck: true,
                    internalScrollable: true,
                    internalScrollablePadding: this.menuPadding,
                    internalFocusable: false,
                    internalCheckboxFocusable: false,
                    internalRenderEmpty: () => vue.h("div", {
                      class: `${mergedClsPrefix2}-tree-select-menu__empty`
                    }, resolveSlot($slots.empty, () => [vue.h(NEmpty, {
                      theme: mergedTheme.peers.Empty,
                      themeOverrides: mergedTheme.peerOverrides.Empty
                    })])),
                    onLoad: this.onLoad,
                    onUpdateCheckedKeys: this.handleUpdateCheckedKeys,
                    onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys,
                    onUpdateExpandedKeys: this.doUpdateExpandedKeys
                  }), resolveWrappedSlot($slots.action, (children) => {
                    return children ? vue.h("div", {
                      class: `${mergedClsPrefix2}-tree-select-menu__action`,
                      "data-action": true
                    }, children) : null;
                  }), vue.h(FocusDetector, {
                    onFocus: this.handleTabOut
                  })), [[clickoutside, this.handleMenuClickoutside, void 0, {
                    capture: true
                  }]]);
                }
              })
            })]
          }));
        }
      });
      const style$8 = cB("h", `
 font-size: var(--n-font-size);
 font-weight: var(--n-font-weight);
 margin: var(--n-margin);
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
`, [c$1("&:first-child", {
        marginTop: 0
      }), cM("prefix-bar", {
        position: "relative",
        paddingLeft: "var(--n-prefix-width)"
      }, [cM("align-text", {
        paddingLeft: 0
      }, [c$1("&::before", {
        left: "calc(-1 * var(--n-prefix-width))"
      })]), c$1("&::before", `
 content: "";
 width: var(--n-bar-width);
 border-radius: calc(var(--n-bar-width) / 2);
 transition: background-color .3s var(--n-bezier);
 left: 0;
 top: 0;
 bottom: 0;
 position: absolute;
 `), c$1("&::before", {
        backgroundColor: "var(--n-bar-color)"
      })])]);
      const headerProps = Object.assign(Object.assign({}, useTheme.props), {
        type: {
          type: String,
          default: "default"
        },
        prefix: String,
        alignText: Boolean
      });
      const createHeader = (level) => vue.defineComponent({
        name: `H${level}`,
        props: headerProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-h", style$8, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              type
            } = props;
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                headerFontWeight,
                headerTextColor,
                [createKey("headerPrefixWidth", level)]: prefixWidth,
                [createKey("headerFontSize", level)]: fontSize2,
                [createKey("headerMargin", level)]: margin,
                [createKey("headerBarWidth", level)]: barWidth,
                [createKey("headerBarColor", type)]: barColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": fontSize2,
              "--n-margin": margin,
              "--n-bar-color": barColor,
              "--n-bar-width": barWidth,
              "--n-font-weight": headerFontWeight,
              "--n-text-color": headerTextColor,
              "--n-prefix-width": prefixWidth
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass(`h${level}`, vue.computed(() => props.type[0]), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            prefix: prefix2,
            alignText,
            mergedClsPrefix,
            cssVars,
            $slots
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h(`h${level}`, {
            class: [`${mergedClsPrefix}-h`, `${mergedClsPrefix}-h${level}`, this.themeClass, {
              [`${mergedClsPrefix}-h--prefix-bar`]: prefix2,
              [`${mergedClsPrefix}-h--align-text`]: alignText
            }],
            style: cssVars
          }, $slots);
        }
      });
      const NH1 = createHeader("1");
      const NH2 = createHeader("2");
      const NH3 = createHeader("3");
      const NH4 = createHeader("4");
      const NH5 = createHeader("5");
      const NH6 = createHeader("6");
      const style$7 = cB("a", `
 cursor: pointer;
 transition:
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier);
 text-decoration-color: var(--n-text-color);
 color: var(--n-text-color);
`);
      const aProps = Object.assign({}, useTheme.props);
      const a = vue.defineComponent({
        name: "A",
        props: aProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-a", style$7, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                aTextColor
              }
            } = themeRef.value;
            return {
              "--n-text-color": aTextColor,
              "--n-bezier": cubicBezierEaseInOut2
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("a", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("a", {
            class: [`${this.mergedClsPrefix}-a`, this.themeClass],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const style$6 = cB("p", `
 box-sizing: border-box;
 transition: color .3s var(--n-bezier);
 margin: var(--n-margin);
 font-size: var(--n-font-size);
 line-height: var(--n-line-height);
 color: var(--n-text-color);
`, [c$1("&:first-child", "margin-top: 0;"), c$1("&:last-child", "margin-bottom: 0;")]);
      const pProps = Object.assign(Object.assign({}, useTheme.props), {
        depth: [String, Number]
      });
      const p = vue.defineComponent({
        name: "P",
        props: pProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-p", style$6, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              depth
            } = props;
            const typeSafeDepth = depth || "1";
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                pFontSize,
                pLineHeight,
                pMargin,
                pTextColor,
                [`pTextColor${typeSafeDepth}Depth`]: depthTextColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": pFontSize,
              "--n-line-height": pLineHeight,
              "--n-margin": pMargin,
              "--n-text-color": depth === void 0 ? pTextColor : depthTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("p", vue.computed(() => `${props.depth || ""}`), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("p", {
            class: [`${this.mergedClsPrefix}-p`, this.themeClass],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const style$5 = cB("blockquote", `
 font-size: var(--n-font-size);
 line-height: var(--n-line-height);
 margin: 0;
 margin-top: 12px;
 margin-bottom: 12px;
 box-sizing: border-box;
 padding-left: 12px;
 border-left: 4px solid var(--n-prefix-color);
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
`, [c$1("&:first-child", {
        marginTop: 0
      }), c$1("&:last-child", {
        marginBottom: 0
      }), cM("align-text", {
        marginLeft: "-16px"
      })]);
      const blockquoteProps = Object.assign(Object.assign({}, useTheme.props), {
        alignText: Boolean
      });
      const blockquote = vue.defineComponent({
        name: "Blockquote",
        props: blockquoteProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-blockquote", style$5, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                blockquoteTextColor,
                blockquotePrefixColor,
                blockquoteLineHeight,
                blockquoteFontSize
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": blockquoteFontSize,
              "--n-line-height": blockquoteLineHeight,
              "--n-prefix-color": blockquotePrefixColor,
              "--n-text-color": blockquoteTextColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("blockquote", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("blockquote", {
            class: [`${mergedClsPrefix}-blockquote`, this.themeClass, this.alignText && `${mergedClsPrefix}-blockquote--align-text`],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const style$4 = cB("hr", `
 margin: 12px 0;
 transition: border-color .3s var(--n-bezier);
 border-left: none;
 border-right: none;
 border-bottom: none;
 border-top: 1px solid var(--n-color);
`);
      const hr = vue.defineComponent({
        name: "Hr",
        props: Object.assign({}, useTheme.props),
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-hr", style$4, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                hrColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-color": hrColor
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("hr", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("hr", {
            class: [`${this.mergedClsPrefix}-hr`, this.themeClass],
            style: this.cssVars
          });
        }
      });
      const liStyle = c$1("li", {
        transition: "color .3s var(--n-bezier)",
        lineHeight: "var(--n-line-height)",
        margin: "var(--n-li-margin)",
        marginBottom: 0,
        color: "var(--n-text-color)"
      });
      const childStyle = [c$1("&:first-child", `
 margin-top: 0;
 `), c$1("&:last-child", `
 margin-bottom: 0;
 `)];
      const style$3 = c$1([cB("ol", {
        fontSize: "var(--n-font-size)",
        padding: "var(--n-ol-padding)"
      }, [cM("align-text", {
        paddingLeft: 0
      }), liStyle, childStyle]), cB("ul", {
        fontSize: "var(--n-font-size)",
        padding: "var(--n-ul-padding)"
      }, [cM("align-text", {
        paddingLeft: 0
      }), liStyle, childStyle])]);
      const ulProps = Object.assign(Object.assign({}, useTheme.props), {
        alignText: Boolean
      });
      const ul = vue.defineComponent({
        name: "Ul",
        props: ulProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-xl", style$3, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                olPadding,
                ulPadding,
                liMargin,
                liTextColor,
                liLineHeight,
                liFontSize
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": liFontSize,
              "--n-line-height": liLineHeight,
              "--n-text-color": liTextColor,
              "--n-li-margin": liMargin,
              "--n-ol-padding": olPadding,
              "--n-ul-padding": ulPadding
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("ul", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("ul", {
            class: [`${mergedClsPrefix}-ul`, this.themeClass, this.alignText && `${mergedClsPrefix}-ul--align-text`],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const olProps = Object.assign(Object.assign({}, useTheme.props), {
        alignText: Boolean
      });
      const ol = vue.defineComponent({
        name: "Ol",
        props: olProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-xl", style$3, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                olPadding,
                ulPadding,
                liMargin,
                liTextColor,
                liLineHeight,
                liFontSize
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-font-size": liFontSize,
              "--n-line-height": liLineHeight,
              "--n-text-color": liTextColor,
              "--n-li-margin": liMargin,
              "--n-ol-padding": olPadding,
              "--n-ul-padding": ulPadding
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("ol", void 0, cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          return vue.h("ol", {
            class: [`${mergedClsPrefix}-ol`, this.themeClass, this.alignText && `${mergedClsPrefix}-ol--align-text`],
            style: this.cssVars
          }, this.$slots);
        }
      });
      const li = vue.defineComponent({
        name: "Li",
        render() {
          return vue.h("li", null, this.$slots);
        }
      });
      const style$2 = cB("text", `
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
`, [cM("strong", `
 font-weight: var(--n-font-weight-strong);
 `), cM("italic", {
        fontStyle: "italic"
      }), cM("underline", {
        textDecoration: "underline"
      }), cM("code", `
 line-height: 1.4;
 display: inline-block;
 font-family: var(--n-font-famliy-mono);
 transition: 
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 box-sizing: border-box;
 padding: .05em .35em 0 .35em;
 border-radius: var(--n-code-border-radius);
 font-size: .9em;
 color: var(--n-code-text-color);
 background-color: var(--n-code-color);
 border: var(--n-code-border);
 `)]);
      const textProps = Object.assign(Object.assign({}, useTheme.props), {
        code: Boolean,
        type: {
          type: String,
          default: "default"
        },
        delete: Boolean,
        strong: Boolean,
        italic: Boolean,
        underline: Boolean,
        depth: [String, Number],
        tag: String,
        // deprecated
        as: {
          type: String,
          validator: () => {
            return true;
          },
          default: void 0
        }
      });
      const text = vue.defineComponent({
        name: "Text",
        props: textProps,
        setup(props) {
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Typography", "-text", style$2, typographyLight, props, mergedClsPrefixRef);
          const cssVarsRef = vue.computed(() => {
            const {
              depth,
              type
            } = props;
            const textColorKey = type === "default" ? depth === void 0 ? "textColor" : `textColor${depth}Depth` : createKey("textColor", type);
            const {
              common: {
                fontWeightStrong,
                fontFamilyMono,
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                codeTextColor,
                codeBorderRadius,
                codeColor,
                codeBorder,
                [textColorKey]: textColor
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-text-color": textColor,
              "--n-font-weight-strong": fontWeightStrong,
              "--n-font-famliy-mono": fontFamilyMono,
              "--n-code-border-radius": codeBorderRadius,
              "--n-code-text-color": codeTextColor,
              "--n-code-color": codeColor,
              "--n-code-border": codeBorder
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("text", vue.computed(() => `${props.type[0]}${props.depth || ""}`), cssVarsRef, props) : void 0;
          return {
            mergedClsPrefix: mergedClsPrefixRef,
            compitableTag: useCompitable(props, ["as", "tag"]),
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
          };
        },
        render() {
          var _a, _b, _c;
          const {
            mergedClsPrefix
          } = this;
          (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
          const textClass = [`${mergedClsPrefix}-text`, this.themeClass, {
            [`${mergedClsPrefix}-text--code`]: this.code,
            [`${mergedClsPrefix}-text--delete`]: this.delete,
            [`${mergedClsPrefix}-text--strong`]: this.strong,
            [`${mergedClsPrefix}-text--italic`]: this.italic,
            [`${mergedClsPrefix}-text--underline`]: this.underline
          }];
          const children = (_c = (_b = this.$slots).default) === null || _c === void 0 ? void 0 : _c.call(_b);
          return this.code ? vue.h("code", {
            class: textClass,
            style: this.cssVars
          }, this.delete ? vue.h("del", null, children) : children) : this.delete ? vue.h("del", {
            class: textClass,
            style: this.cssVars
          }, children) : vue.h(this.compitableTag || "span", {
            class: textClass,
            style: this.cssVars
          }, children);
        }
      });
      const uploadInjectionKey = createInjectionKey("n-upload");
      const uploadDraggerKey = "__UPLOAD_DRAGGER__";
      const NUploadDragger = vue.defineComponent({
        name: "UploadDragger",
        [uploadDraggerKey]: true,
        setup(_, {
          slots
        }) {
          const NUpload = vue.inject(uploadInjectionKey, null);
          if (!NUpload) {
            throwError("upload-dragger", "`n-upload-dragger` must be placed inside `n-upload`.");
          }
          return () => {
            const {
              mergedClsPrefixRef: {
                value: mergedClsPrefix
              },
              mergedDisabledRef: {
                value: mergedDisabled
              },
              maxReachedRef: {
                value: maxReached
              }
            } = NUpload;
            return vue.h("div", {
              class: [`${mergedClsPrefix}-upload-dragger`, (mergedDisabled || maxReached) && `${mergedClsPrefix}-upload-dragger--disabled`]
            }, slots);
          };
        }
      });
      var __awaiter$2 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, [])).next());
        });
      };
      const isImageFileType = (type) => type.includes("image/");
      const getExtname = (url = "") => {
        const temp = url.split("/");
        const filename = temp[temp.length - 1];
        const filenameWithoutSuffix = filename.split(/#|\?/)[0];
        return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [""])[0];
      };
      const imageExtensionRegex = /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i;
      const isImageFile = (file) => {
        if (file.type) {
          return isImageFileType(file.type);
        }
        const fileNameExtension = getExtname(file.name || "");
        if (imageExtensionRegex.test(fileNameExtension)) {
          return true;
        }
        const url = file.thumbnailUrl || file.url || "";
        const urlExtension = getExtname(url);
        if (/^data:image\//.test(url) || imageExtensionRegex.test(urlExtension)) {
          return true;
        }
        return false;
      };
      function createImageDataUrl(file) {
        return __awaiter$2(this, void 0, void 0, function* () {
          return yield new Promise((resolve) => {
            if (!file.type || !isImageFileType(file.type)) {
              resolve("");
              return;
            }
            resolve(window.URL.createObjectURL(file));
          });
        });
      }
      const environmentSupportFile = isBrowser$2 && window.FileReader && window.File;
      function isFileSystemDirectoryEntry(item) {
        return item.isDirectory;
      }
      function isFileSystemFileEntry(item) {
        return item.isFile;
      }
      function getFilesFromEntries(entries, directory) {
        return __awaiter$2(this, void 0, void 0, function* () {
          const fileAndEntries = [];
          function _getFilesFromEntries(entries2) {
            return __awaiter$2(this, void 0, void 0, function* () {
              for (const entry of entries2) {
                if (!entry)
                  continue;
                if (directory && isFileSystemDirectoryEntry(entry)) {
                  const directoryReader = entry.createReader();
                  try {
                    const entries3 = yield new Promise((resolve, reject) => {
                      directoryReader.readEntries(resolve, reject);
                    });
                    yield _getFilesFromEntries(entries3);
                  } catch (_a) {
                  }
                } else if (isFileSystemFileEntry(entry)) {
                  try {
                    const file = yield new Promise((resolve, reject) => {
                      entry.file(resolve, reject);
                    });
                    fileAndEntries.push({
                      file,
                      entry,
                      source: "dnd"
                    });
                  } catch (_b) {
                  }
                }
              }
            });
          }
          yield _getFilesFromEntries(entries);
          return fileAndEntries;
        });
      }
      function createSettledFileInfo(fileInfo) {
        const {
          id,
          name,
          percentage,
          status,
          url,
          file,
          thumbnailUrl,
          type,
          fullPath,
          batchId
        } = fileInfo;
        return {
          id,
          name,
          percentage: percentage !== null && percentage !== void 0 ? percentage : null,
          status,
          url: url !== null && url !== void 0 ? url : null,
          file: file !== null && file !== void 0 ? file : null,
          thumbnailUrl: thumbnailUrl !== null && thumbnailUrl !== void 0 ? thumbnailUrl : null,
          type: type !== null && type !== void 0 ? type : null,
          fullPath: fullPath !== null && fullPath !== void 0 ? fullPath : null,
          batchId: batchId !== null && batchId !== void 0 ? batchId : null
        };
      }
      function matchType(name, mimeType, accept) {
        name = name.toLowerCase();
        mimeType = mimeType.toLocaleLowerCase();
        accept = accept.toLocaleLowerCase();
        const acceptAtoms = accept.split(",").map((acceptAtom) => acceptAtom.trim()).filter(Boolean);
        return acceptAtoms.some((acceptAtom) => {
          if (acceptAtom.startsWith(".")) {
            if (name.endsWith(acceptAtom))
              return true;
          } else if (acceptAtom.includes("/")) {
            const [type, subtype] = mimeType.split("/");
            const [acceptType, acceptSubtype] = acceptAtom.split("/");
            if (acceptType === "*" || type && acceptType && acceptType === type) {
              if (acceptSubtype === "*" || subtype && acceptSubtype && acceptSubtype === subtype) {
                return true;
              }
            }
          } else {
            return true;
          }
          return false;
        });
      }
      const NUploadTrigger = vue.defineComponent({
        name: "UploadTrigger",
        props: {
          abstract: Boolean
        },
        setup(props, {
          slots
        }) {
          const NUpload = vue.inject(uploadInjectionKey, null);
          if (!NUpload) {
            throwError("upload-trigger", "`n-upload-trigger` must be placed inside `n-upload`.");
          }
          const {
            mergedClsPrefixRef,
            mergedDisabledRef,
            maxReachedRef,
            listTypeRef,
            dragOverRef,
            openOpenFileDialog,
            draggerInsideRef,
            handleFileAddition,
            mergedDirectoryDndRef,
            triggerClassRef,
            triggerStyleRef
          } = NUpload;
          const isImageCardTypeRef = vue.computed(() => listTypeRef.value === "image-card");
          function handleTriggerClick() {
            if (mergedDisabledRef.value || maxReachedRef.value)
              return;
            openOpenFileDialog();
          }
          function handleTriggerDragOver(e) {
            e.preventDefault();
            dragOverRef.value = true;
          }
          function handleTriggerDragEnter(e) {
            e.preventDefault();
            dragOverRef.value = true;
          }
          function handleTriggerDragLeave(e) {
            e.preventDefault();
            dragOverRef.value = false;
          }
          function handleTriggerDrop(e) {
            var _a;
            e.preventDefault();
            if (!draggerInsideRef.value || mergedDisabledRef.value || maxReachedRef.value) {
              dragOverRef.value = false;
              return;
            }
            const dataTransferItems = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.items;
            if (dataTransferItems === null || dataTransferItems === void 0 ? void 0 : dataTransferItems.length) {
              void getFilesFromEntries(Array.from(dataTransferItems).map((item) => item.webkitGetAsEntry()), mergedDirectoryDndRef.value).then((files) => {
                handleFileAddition(files);
              }).finally(() => {
                dragOverRef.value = false;
              });
            } else {
              dragOverRef.value = false;
            }
          }
          return () => {
            var _a;
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            return props.abstract ? (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
              handleClick: handleTriggerClick,
              handleDrop: handleTriggerDrop,
              handleDragOver: handleTriggerDragOver,
              handleDragEnter: handleTriggerDragEnter,
              handleDragLeave: handleTriggerDragLeave
            }) : vue.h("div", {
              class: [`${mergedClsPrefix}-upload-trigger`, (mergedDisabledRef.value || maxReachedRef.value) && `${mergedClsPrefix}-upload-trigger--disabled`, isImageCardTypeRef.value && `${mergedClsPrefix}-upload-trigger--image-card`, triggerClassRef.value],
              style: triggerStyleRef.value,
              onClick: handleTriggerClick,
              onDrop: handleTriggerDrop,
              onDragover: handleTriggerDragOver,
              onDragenter: handleTriggerDragEnter,
              onDragleave: handleTriggerDragLeave
            }, isImageCardTypeRef.value ? vue.h(NUploadDragger, null, {
              default: () => resolveSlot(slots.default, () => [vue.h(NBaseIcon, {
                clsPrefix: mergedClsPrefix
              }, {
                default: () => vue.h(AddIcon, null)
              })])
            }) : slots);
          };
        }
      });
      const NUploadProgress = vue.defineComponent({
        name: "UploadProgress",
        props: {
          show: Boolean,
          percentage: {
            type: Number,
            required: true
          },
          status: {
            type: String,
            required: true
          }
        },
        setup() {
          const NUpload = vue.inject(uploadInjectionKey);
          return {
            mergedTheme: NUpload.mergedThemeRef
          };
        },
        render() {
          return vue.h(NFadeInExpandTransition, null, {
            default: () => this.show ? vue.h(NProgress, {
              type: "line",
              showIndicator: false,
              percentage: this.percentage,
              status: this.status,
              height: 2,
              theme: this.mergedTheme.peers.Progress,
              themeOverrides: this.mergedTheme.peerOverrides.Progress
            }) : null
          });
        }
      });
      const imageIcon = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 28 28"
      }, vue.h("g", {
        fill: "none"
      }, vue.h("path", {
        d: "M21.75 3A3.25 3.25 0 0 1 25 6.25v15.5A3.25 3.25 0 0 1 21.75 25H6.25A3.25 3.25 0 0 1 3 21.75V6.25A3.25 3.25 0 0 1 6.25 3h15.5zm.583 20.4l-7.807-7.68a.75.75 0 0 0-.968-.07l-.084.07l-7.808 7.68c.183.065.38.1.584.1h15.5c.204 0 .4-.035.583-.1l-7.807-7.68l7.807 7.68zM21.75 4.5H6.25A1.75 1.75 0 0 0 4.5 6.25v15.5c0 .208.036.408.103.593l7.82-7.692a2.25 2.25 0 0 1 3.026-.117l.129.117l7.82 7.692c.066-.185.102-.385.102-.593V6.25a1.75 1.75 0 0 0-1.75-1.75zm-3.25 3a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5zm0 1.5a1 1 0 1 0 0 2a1 1 0 0 0 0-2z",
        fill: "currentColor"
      })));
      const documentIcon = vue.h("svg", {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 28 28"
      }, vue.h("g", {
        fill: "none"
      }, vue.h("path", {
        d: "M6.4 2A2.4 2.4 0 0 0 4 4.4v19.2A2.4 2.4 0 0 0 6.4 26h15.2a2.4 2.4 0 0 0 2.4-2.4V11.578c0-.729-.29-1.428-.805-1.944l-6.931-6.931A2.4 2.4 0 0 0 14.567 2H6.4zm-.9 2.4a.9.9 0 0 1 .9-.9H14V10a2 2 0 0 0 2 2h6.5v11.6a.9.9 0 0 1-.9.9H6.4a.9.9 0 0 1-.9-.9V4.4zm16.44 6.1H16a.5.5 0 0 1-.5-.5V4.06l6.44 6.44z",
        fill: "currentColor"
      })));
      var __awaiter$1 = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, [])).next());
        });
      };
      const buttonThemeOverrides = {
        paddingMedium: "0 3px",
        heightMedium: "24px",
        iconSizeMedium: "18px"
      };
      const NUploadFile = vue.defineComponent({
        name: "UploadFile",
        props: {
          clsPrefix: {
            type: String,
            required: true
          },
          file: {
            type: Object,
            required: true
          },
          listType: {
            type: String,
            required: true
          },
          index: {
            type: Number,
            required: true
          }
        },
        setup(props) {
          const NUpload = vue.inject(uploadInjectionKey);
          const imageRef = vue.ref(null);
          const thumbnailUrlRef = vue.ref("");
          const progressStatusRef = vue.computed(() => {
            const {
              file
            } = props;
            if (file.status === "finished")
              return "success";
            if (file.status === "error")
              return "error";
            return "info";
          });
          const buttonTypeRef = vue.computed(() => {
            const {
              file
            } = props;
            if (file.status === "error")
              return "error";
            return void 0;
          });
          const showProgressRef = vue.computed(() => {
            const {
              file
            } = props;
            return file.status === "uploading";
          });
          const showCancelButtonRef = vue.computed(() => {
            if (!NUpload.showCancelButtonRef.value)
              return false;
            const {
              file
            } = props;
            return ["uploading", "pending", "error"].includes(file.status);
          });
          const showRemoveButtonRef = vue.computed(() => {
            if (!NUpload.showRemoveButtonRef.value)
              return false;
            const {
              file
            } = props;
            return ["finished"].includes(file.status);
          });
          const showDownloadButtonRef = vue.computed(() => {
            if (!NUpload.showDownloadButtonRef.value)
              return false;
            const {
              file
            } = props;
            return ["finished"].includes(file.status);
          });
          const showRetryButtonRef = vue.computed(() => {
            if (!NUpload.showRetryButtonRef.value)
              return false;
            const {
              file
            } = props;
            return ["error"].includes(file.status);
          });
          const mergedThumbnailUrlRef = useMemo(() => {
            return thumbnailUrlRef.value || props.file.thumbnailUrl || props.file.url;
          });
          const showPreviewButtonRef = vue.computed(() => {
            if (!NUpload.showPreviewButtonRef.value)
              return false;
            const {
              file: {
                status
              },
              listType
            } = props;
            return ["finished"].includes(status) && mergedThumbnailUrlRef.value && listType === "image-card";
          });
          function handleRetryClick() {
            NUpload.submit(props.file.id);
          }
          function handleRemoveOrCancelClick(e) {
            e.preventDefault();
            const {
              file
            } = props;
            if (["finished", "pending", "error"].includes(file.status)) {
              handleRemove(file);
            } else if (["uploading"].includes(file.status)) {
              handleAbort(file);
            } else {
              warn$2("upload", "The button clicked type is unknown.");
            }
          }
          function handleDownloadClick(e) {
            e.preventDefault();
            handleDownload(props.file);
          }
          function handleRemove(file) {
            const {
              xhrMap,
              doChange,
              onRemoveRef: {
                value: onRemove
              },
              mergedFileListRef: {
                value: mergedFileList
              }
            } = NUpload;
            void Promise.resolve(onRemove ? onRemove({
              file: Object.assign({}, file),
              fileList: mergedFileList,
              index: props.index
            }) : true).then((result) => {
              if (result === false)
                return;
              const fileAfterChange = Object.assign({}, file, {
                status: "removed"
              });
              xhrMap.delete(file.id);
              doChange(fileAfterChange, void 0, {
                remove: true
              });
            });
          }
          function handleDownload(file) {
            const {
              onDownloadRef: {
                value: onDownload
              }
            } = NUpload;
            void Promise.resolve(onDownload ? onDownload(Object.assign({}, file)) : true).then((res) => {
              if (res !== false) {
                download(file.url, file.name);
              }
            });
          }
          function handleAbort(file) {
            const {
              xhrMap
            } = NUpload;
            const xhr = xhrMap.get(file.id);
            xhr === null || xhr === void 0 ? void 0 : xhr.abort();
            handleRemove(Object.assign({}, file));
          }
          function handlePreviewClick() {
            const {
              onPreviewRef: {
                value: onPreview
              }
            } = NUpload;
            if (onPreview) {
              onPreview(props.file);
            } else if (props.listType === "image-card") {
              const {
                value
              } = imageRef;
              if (!value)
                return;
              value.click();
            }
          }
          const deriveFileThumbnailUrl = () => __awaiter$1(this, void 0, void 0, function* () {
            const {
              listType
            } = props;
            if (listType !== "image" && listType !== "image-card") {
              return;
            }
            if (NUpload.shouldUseThumbnailUrlRef.value(props.file)) {
              thumbnailUrlRef.value = yield NUpload.getFileThumbnailUrlResolver(props.file);
            }
          });
          vue.watchEffect(() => {
            void deriveFileThumbnailUrl();
          });
          return {
            mergedTheme: NUpload.mergedThemeRef,
            progressStatus: progressStatusRef,
            buttonType: buttonTypeRef,
            showProgress: showProgressRef,
            disabled: NUpload.mergedDisabledRef,
            showCancelButton: showCancelButtonRef,
            showRemoveButton: showRemoveButtonRef,
            showDownloadButton: showDownloadButtonRef,
            showRetryButton: showRetryButtonRef,
            showPreviewButton: showPreviewButtonRef,
            mergedThumbnailUrl: mergedThumbnailUrlRef,
            shouldUseThumbnailUrl: NUpload.shouldUseThumbnailUrlRef,
            renderIcon: NUpload.renderIconRef,
            imageRef,
            handleRemoveOrCancelClick,
            handleDownloadClick,
            handleRetryClick,
            handlePreviewClick
          };
        },
        render() {
          const {
            clsPrefix,
            mergedTheme,
            listType,
            file,
            renderIcon
          } = this;
          let icon;
          const isImageType = listType === "image";
          const isImageCardType = listType === "image-card";
          if (isImageType || isImageCardType) {
            icon = !this.shouldUseThumbnailUrl(file) || !this.mergedThumbnailUrl ? vue.h("span", {
              class: `${clsPrefix}-upload-file-info__thumbnail`
            }, renderIcon ? renderIcon(file) : isImageFile(file) ? vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => imageIcon
            }) : vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => documentIcon
            })) : vue.h("a", {
              rel: "noopener noreferer",
              target: "_blank",
              href: file.url || void 0,
              class: `${clsPrefix}-upload-file-info__thumbnail`,
              onClick: this.handlePreviewClick
            }, listType === "image-card" ? vue.h(NImage, {
              src: this.mergedThumbnailUrl || void 0,
              previewSrc: file.url || void 0,
              alt: file.name,
              ref: "imageRef"
            }) : vue.h("img", {
              src: this.mergedThumbnailUrl || void 0,
              alt: file.name
            }));
          } else {
            icon = vue.h("span", {
              class: `${clsPrefix}-upload-file-info__thumbnail`
            }, renderIcon ? renderIcon(file) : vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => vue.h(AttachIcon, null)
            }));
          }
          const progress = vue.h(NUploadProgress, {
            show: this.showProgress,
            percentage: file.percentage || 0,
            status: this.progressStatus
          });
          const showName = listType === "text" || listType === "image";
          return vue.h("div", {
            class: [`${clsPrefix}-upload-file`, `${clsPrefix}-upload-file--${this.progressStatus}-status`, file.url && file.status !== "error" && listType !== "image-card" && `${clsPrefix}-upload-file--with-url`, `${clsPrefix}-upload-file--${listType}-type`]
          }, vue.h("div", {
            class: `${clsPrefix}-upload-file-info`
          }, icon, vue.h("div", {
            class: `${clsPrefix}-upload-file-info__name`
          }, showName && (file.url && file.status !== "error" ? vue.h("a", {
            rel: "noopener noreferer",
            target: "_blank",
            href: file.url || void 0,
            onClick: this.handlePreviewClick
          }, file.name) : vue.h("span", {
            onClick: this.handlePreviewClick
          }, file.name)), isImageType && progress), vue.h("div", {
            class: [`${clsPrefix}-upload-file-info__action`, `${clsPrefix}-upload-file-info__action--${listType}-type`]
          }, this.showPreviewButton ? vue.h(NButton, {
            key: "preview",
            quaternary: true,
            type: this.buttonType,
            onClick: this.handlePreviewClick,
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            builtinThemeOverrides: buttonThemeOverrides
          }, {
            icon: () => vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => vue.h(EyeIcon, null)
            })
          }) : null, (this.showRemoveButton || this.showCancelButton) && !this.disabled && vue.h(NButton, {
            key: "cancelOrTrash",
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            quaternary: true,
            builtinThemeOverrides: buttonThemeOverrides,
            type: this.buttonType,
            onClick: this.handleRemoveOrCancelClick
          }, {
            icon: () => vue.h(NIconSwitchTransition, null, {
              default: () => this.showRemoveButton ? vue.h(NBaseIcon, {
                clsPrefix,
                key: "trash"
              }, {
                default: () => vue.h(TrashIcon, null)
              }) : vue.h(NBaseIcon, {
                clsPrefix,
                key: "cancel"
              }, {
                default: () => vue.h(CancelIcon, null)
              })
            })
          }), this.showRetryButton && !this.disabled && vue.h(NButton, {
            key: "retry",
            quaternary: true,
            type: this.buttonType,
            onClick: this.handleRetryClick,
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            builtinThemeOverrides: buttonThemeOverrides
          }, {
            icon: () => vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => vue.h(RetryIcon, null)
            })
          }), this.showDownloadButton ? vue.h(NButton, {
            key: "download",
            quaternary: true,
            type: this.buttonType,
            onClick: this.handleDownloadClick,
            theme: mergedTheme.peers.Button,
            themeOverrides: mergedTheme.peerOverrides.Button,
            builtinThemeOverrides: buttonThemeOverrides
          }, {
            icon: () => vue.h(NBaseIcon, {
              clsPrefix
            }, {
              default: () => vue.h(DownloadIcon, null)
            })
          }) : null)), !isImageType && progress);
        }
      });
      const NUploadFileList = vue.defineComponent({
        name: "UploadFileList",
        setup(_, {
          slots
        }) {
          const NUpload = vue.inject(uploadInjectionKey, null);
          if (!NUpload) {
            throwError("upload-file-list", "`n-upload-file-list` must be placed inside `n-upload`.");
          }
          const {
            abstractRef,
            mergedClsPrefixRef,
            listTypeRef,
            mergedFileListRef,
            fileListClassRef,
            fileListStyleRef,
            cssVarsRef,
            themeClassRef,
            maxReachedRef,
            showTriggerRef,
            imageGroupPropsRef
          } = NUpload;
          const isImageCardTypeRef = vue.computed(() => listTypeRef.value === "image-card");
          const renderFileList = () => mergedFileListRef.value.map((file, index) => vue.h(NUploadFile, {
            clsPrefix: mergedClsPrefixRef.value,
            key: file.id,
            file,
            index,
            listType: listTypeRef.value
          }));
          const renderUploadFileList = () => isImageCardTypeRef.value ? vue.h(NImageGroup, Object.assign({}, imageGroupPropsRef.value), {
            default: renderFileList
          }) : vue.h(NFadeInExpandTransition, {
            group: true
          }, {
            default: renderFileList
          });
          return () => {
            const {
              value: mergedClsPrefix
            } = mergedClsPrefixRef;
            const {
              value: abstract
            } = abstractRef;
            return vue.h("div", {
              class: [`${mergedClsPrefix}-upload-file-list`, isImageCardTypeRef.value && `${mergedClsPrefix}-upload-file-list--grid`, abstract ? themeClassRef === null || themeClassRef === void 0 ? void 0 : themeClassRef.value : void 0, fileListClassRef.value],
              style: [abstract && cssVarsRef ? cssVarsRef.value : "", fileListStyleRef.value]
            }, renderUploadFileList(), showTriggerRef.value && !maxReachedRef.value && isImageCardTypeRef.value && vue.h(NUploadTrigger, null, slots));
          };
        }
      });
      const style$1 = c$1([cB("upload", "width: 100%;", [cM("dragger-inside", [cB("upload-trigger", `
 display: block;
 `)]), cM("drag-over", [cB("upload-dragger", `
 border: var(--n-dragger-border-hover);
 `)])]), cB("upload-dragger", `
 cursor: pointer;
 box-sizing: border-box;
 width: 100%;
 text-align: center;
 border-radius: var(--n-border-radius);
 padding: 24px;
 opacity: 1;
 transition:
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);
 background-color: var(--n-dragger-color);
 border: var(--n-dragger-border);
 `, [c$1("&:hover", `
 border: var(--n-dragger-border-hover);
 `), cM("disabled", `
 cursor: not-allowed;
 `)]), cB("upload-trigger", `
 display: inline-block;
 box-sizing: border-box;
 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 `, [c$1("+", [cB("upload-file-list", "margin-top: 8px;")]), cM("disabled", `
 opacity: var(--n-item-disabled-opacity);
 cursor: not-allowed;
 `), cM("image-card", `
 width: 96px;
 height: 96px;
 `, [cB("base-icon", `
 font-size: 24px;
 `), cB("upload-dragger", `
 padding: 0;
 height: 100%;
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 `)])]), cB("upload-file-list", `
 line-height: var(--n-line-height);
 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 `, [c$1("a, img", "outline: none;"), cM("disabled", `
 opacity: var(--n-item-disabled-opacity);
 cursor: not-allowed;
 `, [cB("upload-file", "cursor: not-allowed;")]), cM("grid", `
 display: grid;
 grid-template-columns: repeat(auto-fill, 96px);
 grid-gap: 8px;
 margin-top: 0;
 `), cB("upload-file", `
 display: block;
 box-sizing: border-box;
 cursor: default;
 padding: 0px 12px 0 6px;
 transition: background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 `, [fadeInHeightExpandTransition(), cB("progress", [fadeInHeightExpandTransition({
        foldPadding: true
      })]), c$1("&:hover", `
 background-color: var(--n-item-color-hover);
 `, [cB("upload-file-info", [cE("action", `
 opacity: 1;
 `)])]), cM("image-type", `
 border-radius: var(--n-border-radius);
 text-decoration: underline;
 text-decoration-color: #0000;
 `, [cB("upload-file-info", `
 padding-top: 0px;
 padding-bottom: 0px;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 6px 0;
 `, [cB("progress", `
 padding: 2px 0;
 margin-bottom: 0;
 `), cE("name", `
 padding: 0 8px;
 `), cE("thumbnail", `
 width: 32px;
 height: 32px;
 font-size: 28px;
 display: flex;
 justify-content: center;
 align-items: center;
 `, [c$1("img", `
 width: 100%;
 `)])])]), cM("text-type", [cB("progress", `
 box-sizing: border-box;
 padding-bottom: 6px;
 margin-bottom: 6px;
 `)]), cM("image-card-type", `
 position: relative;
 width: 96px;
 height: 96px;
 border: var(--n-item-border-image-card);
 border-radius: var(--n-border-radius);
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);
 border-radius: var(--n-border-radius);
 overflow: hidden;
 `, [cB("progress", `
 position: absolute;
 left: 8px;
 bottom: 8px;
 right: 8px;
 width: unset;
 `), cB("upload-file-info", `
 padding: 0;
 width: 100%;
 height: 100%;
 `, [cE("thumbnail", `
 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 font-size: 36px;
 `, [c$1("img", `
 width: 100%;
 `)])]), c$1("&::before", `
 position: absolute;
 z-index: 1;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 opacity: 0;
 transition: opacity .2s var(--n-bezier);
 content: "";
 `), c$1("&:hover", [c$1("&::before", "opacity: 1;"), cB("upload-file-info", [cE("thumbnail", "opacity: .12;")])])]), cM("error-status", [c$1("&:hover", `
 background-color: var(--n-item-color-hover-error);
 `), cB("upload-file-info", [cE("name", "color: var(--n-item-text-color-error);"), cE("thumbnail", "color: var(--n-item-text-color-error);")]), cM("image-card-type", `
 border: var(--n-item-border-image-card-error);
 `)]), cM("with-url", `
 cursor: pointer;
 `, [cB("upload-file-info", [cE("name", `
 color: var(--n-item-text-color-success);
 text-decoration-color: var(--n-item-text-color-success);
 `, [c$1("a", `
 text-decoration: underline;
 `)])])]), cB("upload-file-info", `
 position: relative;
 padding-top: 6px;
 padding-bottom: 6px;
 display: flex;
 flex-wrap: nowrap;
 `, [cE("thumbnail", `
 font-size: 18px;
 opacity: 1;
 transition: opacity .2s var(--n-bezier);
 color: var(--n-item-icon-color);
 `, [cB("base-icon", `
 margin-right: 2px;
 vertical-align: middle;
 transition: color .3s var(--n-bezier);
 `)]), cE("action", `
 padding-top: inherit;
 padding-bottom: inherit;
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: 80px;
 display: flex;
 align-items: center;
 transition: opacity .2s var(--n-bezier);
 justify-content: flex-end;
 opacity: 0;
 `, [cB("button", [c$1("&:not(:last-child)", {
        marginRight: "4px"
      }), cB("base-icon", [c$1("svg", [iconSwitchTransition()])])]), cM("image-type", `
 position: relative;
 max-width: 80px;
 width: auto;
 `), cM("image-card-type", `
 z-index: 2;
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 `)]), cE("name", `
 color: var(--n-item-text-color);
 flex: 1;
 display: flex;
 justify-content: center;
 text-overflow: ellipsis;
 overflow: hidden;
 flex-direction: column;
 text-decoration-color: #0000;
 font-size: var(--n-font-size);
 transition:
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier); 
 `, [c$1("a", `
 color: inherit;
 text-decoration: underline;
 `)])])])]), cB("upload-file-input", `
 display: none;
 width: 0;
 height: 0;
 opacity: 0;
 `)]);
      var __awaiter = function(thisArg, _arguments, P, generator) {
        function adopt(value) {
          return value instanceof P ? value : new P(function(resolve) {
            resolve(value);
          });
        }
        return new (P || (P = Promise))(function(resolve, reject) {
          function fulfilled(value) {
            try {
              step(generator.next(value));
            } catch (e) {
              reject(e);
            }
          }
          function rejected(value) {
            try {
              step(generator["throw"](value));
            } catch (e) {
              reject(e);
            }
          }
          function step(result) {
            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
          }
          step((generator = generator.apply(thisArg, _arguments || [])).next());
        });
      };
      function createXhrHandlers(inst, file, xhr) {
        const {
          doChange,
          xhrMap
        } = inst;
        let percentage = 0;
        function handleXHRError(e) {
          var _a;
          let fileAfterChange = Object.assign({}, file, {
            status: "error",
            percentage
          });
          xhrMap.delete(file.id);
          fileAfterChange = createSettledFileInfo(((_a = inst.onError) === null || _a === void 0 ? void 0 : _a.call(inst, {
            file: fileAfterChange,
            event: e
          })) || fileAfterChange);
          doChange(fileAfterChange, e);
        }
        function handleXHRLoad(e) {
          var _a;
          if (inst.isErrorState) {
            if (inst.isErrorState(xhr)) {
              handleXHRError(e);
              return;
            }
          } else {
            if (xhr.status < 200 || xhr.status >= 300) {
              handleXHRError(e);
              return;
            }
          }
          let fileAfterChange = Object.assign({}, file, {
            status: "finished",
            percentage
          });
          xhrMap.delete(file.id);
          fileAfterChange = createSettledFileInfo(((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, {
            file: fileAfterChange,
            event: e
          })) || fileAfterChange);
          doChange(fileAfterChange, e);
        }
        return {
          handleXHRLoad,
          handleXHRError,
          handleXHRAbort(e) {
            const fileAfterChange = Object.assign({}, file, {
              status: "removed",
              file: null,
              percentage
            });
            xhrMap.delete(file.id);
            doChange(fileAfterChange, e);
          },
          handleXHRProgress(e) {
            const fileAfterChange = Object.assign({}, file, {
              status: "uploading"
            });
            if (e.lengthComputable) {
              const progress = Math.ceil(e.loaded / e.total * 100);
              fileAfterChange.percentage = progress;
              percentage = progress;
            }
            doChange(fileAfterChange, e);
          }
        };
      }
      function customSubmitImpl(options) {
        const {
          inst,
          file,
          data,
          headers,
          withCredentials,
          action,
          customRequest
        } = options;
        const {
          doChange
        } = options.inst;
        let percentage = 0;
        customRequest({
          file,
          data,
          headers,
          withCredentials,
          action,
          onProgress(event) {
            const fileAfterChange = Object.assign({}, file, {
              status: "uploading"
            });
            const progress = event.percent;
            fileAfterChange.percentage = progress;
            percentage = progress;
            doChange(fileAfterChange);
          },
          onFinish() {
            var _a;
            let fileAfterChange = Object.assign({}, file, {
              status: "finished",
              percentage
            });
            fileAfterChange = createSettledFileInfo(((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, {
              file: fileAfterChange
            })) || fileAfterChange);
            doChange(fileAfterChange);
          },
          onError() {
            var _a;
            let fileAfterChange = Object.assign({}, file, {
              status: "error",
              percentage
            });
            fileAfterChange = createSettledFileInfo(((_a = inst.onError) === null || _a === void 0 ? void 0 : _a.call(inst, {
              file: fileAfterChange
            })) || fileAfterChange);
            doChange(fileAfterChange);
          }
        });
      }
      function registerHandler(inst, file, request) {
        const handlers = createXhrHandlers(inst, file, request);
        request.onabort = handlers.handleXHRAbort;
        request.onerror = handlers.handleXHRError;
        request.onload = handlers.handleXHRLoad;
        if (request.upload) {
          request.upload.onprogress = handlers.handleXHRProgress;
        }
      }
      function unwrapFunctionValue(data, file) {
        if (typeof data === "function") {
          return data({
            file
          });
        }
        if (data)
          return data;
        return {};
      }
      function setHeaders(request, headers, file) {
        const headersObject = unwrapFunctionValue(headers, file);
        if (!headersObject)
          return;
        Object.keys(headersObject).forEach((key) => {
          request.setRequestHeader(key, headersObject[key]);
        });
      }
      function appendData(formData, data, file) {
        const dataObject = unwrapFunctionValue(data, file);
        if (!dataObject)
          return;
        Object.keys(dataObject).forEach((key) => {
          formData.append(key, dataObject[key]);
        });
      }
      function submitImpl(inst, fieldName, file, {
        method,
        action,
        withCredentials,
        responseType,
        headers,
        data
      }) {
        const request = new XMLHttpRequest();
        request.responseType = responseType;
        inst.xhrMap.set(file.id, request);
        request.withCredentials = withCredentials;
        const formData = new FormData();
        appendData(formData, data, file);
        if (file.file !== null) {
          formData.append(fieldName, file.file);
        }
        registerHandler(inst, file, request);
        if (action !== void 0) {
          request.open(method.toUpperCase(), action);
          setHeaders(request, headers, file);
          request.send(formData);
          const fileAfterChange = Object.assign({}, file, {
            status: "uploading"
          });
          inst.doChange(fileAfterChange);
        }
      }
      const uploadProps = Object.assign(Object.assign({}, useTheme.props), {
        name: {
          type: String,
          default: "file"
        },
        accept: String,
        action: String,
        customRequest: Function,
        directory: Boolean,
        directoryDnd: {
          type: Boolean,
          default: void 0
        },
        method: {
          type: String,
          default: "POST"
        },
        multiple: Boolean,
        showFileList: {
          type: Boolean,
          default: true
        },
        data: [Object, Function],
        headers: [Object, Function],
        withCredentials: Boolean,
        responseType: {
          type: String,
          default: ""
        },
        disabled: {
          type: Boolean,
          default: void 0
        },
        onChange: Function,
        onRemove: Function,
        onFinish: Function,
        onError: Function,
        onBeforeUpload: Function,
        isErrorState: Function,
        /** currently not used */
        onDownload: Function,
        defaultUpload: {
          type: Boolean,
          default: true
        },
        fileList: Array,
        "onUpdate:fileList": [Function, Array],
        onUpdateFileList: [Function, Array],
        fileListClass: String,
        fileListStyle: [String, Object],
        defaultFileList: {
          type: Array,
          default: () => []
        },
        showCancelButton: {
          type: Boolean,
          default: true
        },
        showRemoveButton: {
          type: Boolean,
          default: true
        },
        showDownloadButton: Boolean,
        showRetryButton: {
          type: Boolean,
          default: true
        },
        showPreviewButton: {
          type: Boolean,
          default: true
        },
        listType: {
          type: String,
          default: "text"
        },
        onPreview: Function,
        shouldUseThumbnailUrl: {
          type: Function,
          default: (file) => {
            if (!environmentSupportFile)
              return false;
            return isImageFile(file);
          }
        },
        createThumbnailUrl: Function,
        abstract: Boolean,
        max: Number,
        showTrigger: {
          type: Boolean,
          default: true
        },
        imageGroupProps: Object,
        inputProps: Object,
        triggerClass: String,
        triggerStyle: [String, Object],
        renderIcon: Function
      });
      const Upload = vue.defineComponent({
        name: "Upload",
        props: uploadProps,
        setup(props) {
          if (props.abstract && props.listType === "image-card") {
            throwError("upload", "when the list-type is image-card, abstract is not supported.");
          }
          const {
            mergedClsPrefixRef,
            inlineThemeDisabled
          } = useConfig(props);
          const themeRef = useTheme("Upload", "-upload", style$1, uploadLight, props, mergedClsPrefixRef);
          const formItem = useFormItem(props);
          const maxReachedRef = vue.computed(() => {
            const {
              max
            } = props;
            if (max !== void 0) {
              return mergedFileListRef.value.length >= max;
            }
            return false;
          });
          const uncontrolledFileListRef = vue.ref(props.defaultFileList);
          const controlledFileListRef = vue.toRef(props, "fileList");
          const inputElRef = vue.ref(null);
          const draggerInsideRef = {
            value: false
          };
          const dragOverRef = vue.ref(false);
          const xhrMap = /* @__PURE__ */ new Map();
          const _mergedFileListRef = useMergedState(controlledFileListRef, uncontrolledFileListRef);
          const mergedFileListRef = vue.computed(() => _mergedFileListRef.value.map(createSettledFileInfo));
          function openOpenFileDialog() {
            var _a;
            (_a = inputElRef.value) === null || _a === void 0 ? void 0 : _a.click();
          }
          function handleFileInputChange(e) {
            const target = e.target;
            handleFileAddition(target.files ? Array.from(target.files).map((file) => ({
              file,
              entry: null,
              source: "input"
            })) : null, e);
            target.value = "";
          }
          function doUpdateFileList(files) {
            const {
              "onUpdate:fileList": _onUpdateFileList,
              onUpdateFileList
            } = props;
            if (_onUpdateFileList)
              call(_onUpdateFileList, files);
            if (onUpdateFileList)
              call(onUpdateFileList, files);
            uncontrolledFileListRef.value = files;
          }
          const mergedMultipleRef = vue.computed(() => props.multiple || props.directory);
          function handleFileAddition(fileAndEntries, e) {
            if (!fileAndEntries || fileAndEntries.length === 0)
              return;
            const {
              onBeforeUpload
            } = props;
            fileAndEntries = mergedMultipleRef.value ? fileAndEntries : [fileAndEntries[0]];
            const {
              max,
              accept
            } = props;
            fileAndEntries = fileAndEntries.filter(({
              file,
              source
            }) => {
              if (source === "dnd" && (accept === null || accept === void 0 ? void 0 : accept.trim())) {
                return matchType(file.name, file.type, accept);
              } else {
                return true;
              }
            });
            if (max) {
              fileAndEntries = fileAndEntries.slice(0, max - mergedFileListRef.value.length);
            }
            const batchId = createId();
            void Promise.all(fileAndEntries.map((_a) => __awaiter(this, [_a], void 0, function* ({
              file,
              entry
            }) {
              var _b;
              const fileInfo = {
                id: createId(),
                batchId,
                name: file.name,
                status: "pending",
                percentage: 0,
                file,
                url: null,
                type: file.type,
                thumbnailUrl: null,
                fullPath: (_b = entry === null || entry === void 0 ? void 0 : entry.fullPath) !== null && _b !== void 0 ? _b : `/${file.webkitRelativePath || file.name}`
              };
              if (!onBeforeUpload || (yield onBeforeUpload({
                file: fileInfo,
                fileList: mergedFileListRef.value
              })) !== false) {
                return fileInfo;
              }
              return null;
            }))).then((fileInfos) => __awaiter(this, void 0, void 0, function* () {
              let nextTickChain = Promise.resolve();
              fileInfos.forEach((fileInfo) => {
                nextTickChain = nextTickChain.then(vue.nextTick).then(() => {
                  fileInfo && doChange(fileInfo, e, {
                    append: true
                  });
                });
              });
              yield nextTickChain;
            })).then(() => {
              if (props.defaultUpload) {
                submit();
              }
            });
          }
          function submit(fileId) {
            const {
              method,
              action,
              withCredentials,
              headers,
              data,
              name: fieldName
            } = props;
            const filesToUpload = fileId !== void 0 ? mergedFileListRef.value.filter((file) => file.id === fileId) : mergedFileListRef.value;
            const shouldReupload = fileId !== void 0;
            filesToUpload.forEach((file) => {
              const {
                status
              } = file;
              if (status === "pending" || status === "error" && shouldReupload) {
                if (props.customRequest) {
                  customSubmitImpl({
                    inst: {
                      doChange,
                      xhrMap,
                      onFinish: props.onFinish,
                      onError: props.onError
                    },
                    file,
                    action,
                    withCredentials,
                    headers,
                    data,
                    customRequest: props.customRequest
                  });
                } else {
                  submitImpl({
                    doChange,
                    xhrMap,
                    onFinish: props.onFinish,
                    onError: props.onError,
                    isErrorState: props.isErrorState
                  }, fieldName, file, {
                    method,
                    action,
                    withCredentials,
                    responseType: props.responseType,
                    headers,
                    data
                  });
                }
              }
            });
          }
          const doChange = (fileAfterChange, event, options = {
            append: false,
            remove: false
          }) => {
            const {
              append,
              remove
            } = options;
            const fileListAfterChange = Array.from(mergedFileListRef.value);
            const fileIndex = fileListAfterChange.findIndex((file) => file.id === fileAfterChange.id);
            if (append || remove || ~fileIndex) {
              if (append) {
                fileListAfterChange.push(fileAfterChange);
              } else if (remove) {
                fileListAfterChange.splice(fileIndex, 1);
              } else {
                fileListAfterChange.splice(fileIndex, 1, fileAfterChange);
              }
              const {
                onChange
              } = props;
              if (onChange) {
                onChange({
                  file: fileAfterChange,
                  fileList: fileListAfterChange,
                  event
                });
              }
              doUpdateFileList(fileListAfterChange);
            }
          };
          function getFileThumbnailUrlResolver(file) {
            var _a;
            if (file.thumbnailUrl)
              return file.thumbnailUrl;
            const {
              createThumbnailUrl
            } = props;
            if (createThumbnailUrl) {
              return (_a = createThumbnailUrl(file.file, file)) !== null && _a !== void 0 ? _a : file.url || "";
            }
            if (file.url) {
              return file.url;
            } else if (file.file) {
              return createImageDataUrl(file.file);
            }
            return "";
          }
          const cssVarsRef = vue.computed(() => {
            const {
              common: {
                cubicBezierEaseInOut: cubicBezierEaseInOut2
              },
              self: {
                draggerColor,
                draggerBorder,
                draggerBorderHover,
                itemColorHover,
                itemColorHoverError,
                itemTextColorError,
                itemTextColorSuccess,
                itemTextColor,
                itemIconColor,
                itemDisabledOpacity,
                lineHeight: lineHeight2,
                borderRadius,
                fontSize: fontSize2,
                itemBorderImageCardError,
                itemBorderImageCard
              }
            } = themeRef.value;
            return {
              "--n-bezier": cubicBezierEaseInOut2,
              "--n-border-radius": borderRadius,
              "--n-dragger-border": draggerBorder,
              "--n-dragger-border-hover": draggerBorderHover,
              "--n-dragger-color": draggerColor,
              "--n-font-size": fontSize2,
              "--n-item-color-hover": itemColorHover,
              "--n-item-color-hover-error": itemColorHoverError,
              "--n-item-disabled-opacity": itemDisabledOpacity,
              "--n-item-icon-color": itemIconColor,
              "--n-item-text-color": itemTextColor,
              "--n-item-text-color-error": itemTextColorError,
              "--n-item-text-color-success": itemTextColorSuccess,
              "--n-line-height": lineHeight2,
              "--n-item-border-image-card-error": itemBorderImageCardError,
              "--n-item-border-image-card": itemBorderImageCard
            };
          });
          const themeClassHandle = inlineThemeDisabled ? useThemeClass("upload", void 0, cssVarsRef, props) : void 0;
          vue.provide(uploadInjectionKey, {
            mergedClsPrefixRef,
            mergedThemeRef: themeRef,
            showCancelButtonRef: vue.toRef(props, "showCancelButton"),
            showDownloadButtonRef: vue.toRef(props, "showDownloadButton"),
            showRemoveButtonRef: vue.toRef(props, "showRemoveButton"),
            showRetryButtonRef: vue.toRef(props, "showRetryButton"),
            onRemoveRef: vue.toRef(props, "onRemove"),
            onDownloadRef: vue.toRef(props, "onDownload"),
            mergedFileListRef,
            triggerClassRef: vue.toRef(props, "triggerClass"),
            triggerStyleRef: vue.toRef(props, "triggerStyle"),
            shouldUseThumbnailUrlRef: vue.toRef(props, "shouldUseThumbnailUrl"),
            renderIconRef: vue.toRef(props, "renderIcon"),
            xhrMap,
            submit,
            doChange,
            showPreviewButtonRef: vue.toRef(props, "showPreviewButton"),
            onPreviewRef: vue.toRef(props, "onPreview"),
            getFileThumbnailUrlResolver,
            listTypeRef: vue.toRef(props, "listType"),
            dragOverRef,
            openOpenFileDialog,
            draggerInsideRef,
            handleFileAddition,
            mergedDisabledRef: formItem.mergedDisabledRef,
            maxReachedRef,
            fileListClassRef: vue.toRef(props, "fileListClass"),
            fileListStyleRef: vue.toRef(props, "fileListStyle"),
            abstractRef: vue.toRef(props, "abstract"),
            acceptRef: vue.toRef(props, "accept"),
            cssVarsRef: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClassRef: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            showTriggerRef: vue.toRef(props, "showTrigger"),
            imageGroupPropsRef: vue.toRef(props, "imageGroupProps"),
            mergedDirectoryDndRef: vue.computed(() => {
              var _a;
              return (_a = props.directoryDnd) !== null && _a !== void 0 ? _a : props.directory;
            })
          });
          const exposedMethods = {
            clear: () => {
              uncontrolledFileListRef.value = [];
            },
            submit,
            openOpenFileDialog
          };
          return Object.assign({
            mergedClsPrefix: mergedClsPrefixRef,
            draggerInsideRef,
            inputElRef,
            mergedTheme: themeRef,
            dragOver: dragOverRef,
            mergedMultiple: mergedMultipleRef,
            cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
            handleFileInputChange
          }, exposedMethods);
        },
        render() {
          var _a, _b;
          const {
            draggerInsideRef,
            mergedClsPrefix,
            $slots,
            directory,
            onRender
          } = this;
          if ($slots.default && !this.abstract) {
            const firstChild = $slots.default()[0];
            if ((_a = firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === null || _a === void 0 ? void 0 : _a[uploadDraggerKey]) {
              draggerInsideRef.value = true;
            }
          }
          const inputNode = vue.h("input", Object.assign({}, this.inputProps, {
            ref: "inputElRef",
            type: "file",
            class: `${mergedClsPrefix}-upload-file-input`,
            accept: this.accept,
            multiple: this.mergedMultiple,
            onChange: this.handleFileInputChange,
            // @ts-expect-error // seems vue-tsc will add the prop, so we can't use expect-error
            webkitdirectory: directory || void 0,
            directory: directory || void 0
          }));
          if (this.abstract) {
            return vue.h(vue.Fragment, null, (_b = $slots.default) === null || _b === void 0 ? void 0 : _b.call($slots), vue.h(vue.Teleport, {
              to: "body"
            }, inputNode));
          }
          onRender === null || onRender === void 0 ? void 0 : onRender();
          return vue.h("div", {
            class: [`${mergedClsPrefix}-upload`, draggerInsideRef.value && `${mergedClsPrefix}-upload--dragger-inside`, this.dragOver && `${mergedClsPrefix}-upload--drag-over`, this.themeClass],
            style: this.cssVars
          }, inputNode, this.showTrigger && this.listType !== "image-card" && vue.h(NUploadTrigger, null, $slots), this.showFileList && vue.h(NUploadFileList, null, $slots));
        }
      });
      const virtualListProps = {
        scrollbarProps: Object,
        items: {
          type: Array,
          default: () => []
        },
        itemSize: {
          type: Number,
          required: true
        },
        itemResizable: Boolean,
        itemsStyle: [String, Object],
        visibleItemsTag: {
          type: [String, Object],
          default: "div"
        },
        visibleItemsProps: Object,
        ignoreItemResize: Boolean,
        onScroll: Function,
        onWheel: Function,
        onResize: Function,
        defaultScrollKey: [Number, String],
        defaultScrollIndex: Number,
        keyField: {
          type: String,
          default: "key"
        },
        paddingTop: {
          type: [Number, String],
          default: 0
        },
        paddingBottom: {
          type: [Number, String],
          default: 0
        }
      };
      const VirtualList = vue.defineComponent({
        name: "VirtualList",
        props: virtualListProps,
        setup(props) {
          const scrollbarInstRef = vue.ref(null);
          const virtualListInstRef = vue.ref(null);
          function syncScrollbar() {
            const {
              value: scrollbarInst
            } = scrollbarInstRef;
            if (scrollbarInst)
              scrollbarInst.sync();
          }
          function handleScroll(e) {
            var _a;
            syncScrollbar();
            (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function handleResize(e) {
            var _a;
            syncScrollbar();
            (_a = props.onResize) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function handleWheel(e) {
            var _a;
            (_a = props.onWheel) === null || _a === void 0 ? void 0 : _a.call(props, e);
          }
          function scrollTo(options, y) {
            var _a, _b;
            if (typeof options === "number") {
              (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(options, y !== null && y !== void 0 ? y : 0);
            } else {
              (_b = virtualListInstRef.value) === null || _b === void 0 ? void 0 : _b.scrollTo(options);
            }
          }
          function getScrollContainer() {
            var _a;
            return (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.listElRef;
          }
          function getScrollContent() {
            var _a;
            return (_a = virtualListInstRef.value) === null || _a === void 0 ? void 0 : _a.itemsElRef;
          }
          return {
            scrollTo,
            scrollbarInstRef,
            virtualListInstRef,
            getScrollContainer,
            getScrollContent,
            handleScroll,
            handleResize,
            handleWheel
          };
        },
        render() {
          return vue.h(XScrollbar, Object.assign({}, this.scrollbarProps, {
            ref: "scrollbarInstRef",
            container: this.getScrollContainer,
            content: this.getScrollContent
          }), {
            default: () => {
              return vue.h(VVirtualList, {
                ref: "virtualListInstRef",
                showScrollbar: false,
                items: this.items,
                itemSize: this.itemSize,
                itemResizable: this.itemResizable,
                itemsStyle: this.itemsStyle,
                visibleItemsTag: this.visibleItemsTag,
                visibleItemsProps: this.visibleItemsProps,
                ignoreItemResize: this.ignoreItemResize,
                keyField: this.keyField,
                defaultScrollKey: this.defaultScrollKey,
                defaultScrollIndex: this.defaultScrollIndex,
                paddingTop: this.paddingTop,
                paddingBottom: this.paddingBottom,
                onScroll: this.handleScroll,
                onResize: this.handleResize,
                onWheel: this.handleWheel
              }, {
                default: ({
                  item,
                  index
                }) => {
                  var _a, _b;
                  return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a, {
                    item,
                    index
                  });
                }
              });
            }
          });
        }
      });
      const style = c$1([cB("watermark-container", `
 position: relative;
 `, [cNotM("selectable", `
 user-select: none;
 -webkit-user-select: none;
 `), cM("global-rotate", `
 overflow: hidden;
 `), cM("fullscreen", `
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 position: fixed;
 `)]), cB("watermark", `
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 background-repeat: repeat;
 `, [cM("fullscreen", `
 position: fixed;
 `), cM("global-rotate", `
 position: absolute;
 height: max(284vh, 284vw);
 width: max(284vh, 284vw);
 `)])]);
      function getRatio(context) {
        if (!context) {
          return 1;
        }
        const backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRatio || context.oBackingStorePixelRatio || context.backingStorePixelRatio || 1;
        return (window.devicePixelRatio || 1) / backingStore;
      }
      const watermarkProps = Object.assign(Object.assign({}, useTheme.props), {
        debug: Boolean,
        cross: Boolean,
        fullscreen: Boolean,
        width: {
          type: Number,
          default: 32
        },
        height: {
          type: Number,
          default: 32
        },
        zIndex: {
          type: Number,
          default: 10
        },
        xGap: {
          type: Number,
          default: 0
        },
        yGap: {
          type: Number,
          default: 0
        },
        yOffset: {
          type: Number,
          default: 0
        },
        xOffset: {
          type: Number,
          default: 0
        },
        rotate: {
          type: Number,
          default: 0
        },
        textAlign: {
          type: String,
          default: "left"
        },
        image: String,
        imageOpacity: {
          type: Number,
          default: 1
        },
        imageHeight: Number,
        imageWidth: Number,
        content: String,
        selectable: {
          type: Boolean,
          default: true
        },
        fontSize: {
          type: Number,
          default: 14
        },
        fontFamily: String,
        fontStyle: {
          type: String,
          default: "normal"
        },
        fontVariant: {
          type: String,
          default: ""
        },
        fontWeight: {
          type: Number,
          default: 400
        },
        fontColor: {
          type: String,
          default: "rgba(128, 128, 128, .3)"
        },
        fontStretch: {
          type: String,
          default: ""
        },
        lineHeight: {
          type: Number,
          default: 14
        },
        globalRotate: {
          type: Number,
          default: 0
        }
      });
      const Watermark = vue.defineComponent({
        name: "Watermark",
        props: watermarkProps,
        setup(props, {
          slots
        }) {
          const {
            mergedClsPrefixRef
          } = useConfig(props);
          const themeRef = useTheme("Watermark", "-watermark", style, watermarkLight, props, mergedClsPrefixRef);
          const base64UrlRef = vue.ref("");
          const canvas = isBrowser$2 ? document.createElement("canvas") : null;
          const ctx2 = canvas ? canvas.getContext("2d") : null;
          const fontsReadyRef = vue.ref(false);
          onFontsReady(() => fontsReadyRef.value = true);
          vue.watchEffect(() => {
            if (!canvas)
              return;
            void fontsReadyRef.value;
            const ratio = getRatio(ctx2);
            const {
              xGap,
              yGap,
              width,
              height,
              yOffset,
              xOffset,
              rotate,
              image,
              content,
              fontColor,
              fontStyle,
              fontVariant,
              fontStretch,
              fontWeight,
              fontFamily: fontFamily2,
              fontSize: fontSize2,
              lineHeight: lineHeight2,
              debug
            } = props;
            const canvasWidth = (xGap + width) * ratio;
            const canvasHeight = (yGap + height) * ratio;
            const canvasOffsetLeft = xOffset * ratio;
            const canvasOffsetTop = yOffset * ratio;
            canvas.width = canvasWidth;
            canvas.height = canvasHeight;
            if (ctx2) {
              ctx2.translate(0, 0);
              const markWidth = width * ratio;
              const markHeight = height * ratio;
              if (debug) {
                ctx2.strokeStyle = "grey";
                ctx2.strokeRect(0, 0, markWidth, markHeight);
              }
              ctx2.rotate(rotate * (Math.PI / 180));
              if (image) {
                const img = new Image();
                img.crossOrigin = "anonymous";
                img.referrerPolicy = "no-referrer";
                img.src = image;
                img.onload = () => {
                  ctx2.globalAlpha = props.imageOpacity;
                  const {
                    imageWidth,
                    imageHeight
                  } = props;
                  ctx2.drawImage(img, canvasOffsetLeft, canvasOffsetTop, (props.imageWidth || (imageHeight ? img.width * imageHeight / img.height : img.width)) * ratio, (props.imageHeight || (imageWidth ? img.height * imageWidth / img.width : img.height)) * ratio);
                  base64UrlRef.value = canvas.toDataURL();
                };
              } else if (content) {
                if (debug) {
                  ctx2.strokeStyle = "green";
                  ctx2.strokeRect(0, 0, markWidth, markHeight);
                }
                ctx2.font = `${fontStyle} ${fontVariant} ${fontWeight} ${fontStretch} ${fontSize2 * ratio}px/${lineHeight2 * ratio}px ${fontFamily2 || themeRef.value.self.fontFamily}`;
                ctx2.fillStyle = fontColor;
                let maxWidth = 0;
                const {
                  textAlign
                } = props;
                content.split("\n").map((line) => {
                  const width2 = ctx2.measureText(line).width;
                  maxWidth = Math.max(maxWidth, width2);
                  return {
                    width: width2,
                    line
                  };
                }).forEach(({
                  line,
                  width: width2
                }, index) => {
                  const alignOffset = textAlign === "left" ? 0 : textAlign === "center" ? (maxWidth - width2) / 2 : maxWidth - width2;
                  ctx2.fillText(line, canvasOffsetLeft + alignOffset, canvasOffsetTop + lineHeight2 * ratio * (index + 1));
                });
                base64UrlRef.value = canvas.toDataURL();
              } else if (!content) {
                ctx2.clearRect(0, 0, canvas.width, canvas.height);
                base64UrlRef.value = canvas.toDataURL();
              }
            } else {
              warnOnce("watermark", "Canvas is not supported in the browser.");
            }
          });
          return () => {
            var _a;
            const {
              globalRotate,
              fullscreen,
              zIndex
            } = props;
            const mergedClsPrefix = mergedClsPrefixRef.value;
            const isFullScreenGlobalRotate = globalRotate !== 0 && fullscreen;
            const rotatedImageOffset = "max(142vh, 142vw)";
            const watermarkNode = vue.h("div", {
              class: [`${mergedClsPrefix}-watermark`, globalRotate !== 0 && `${mergedClsPrefix}-watermark--global-rotate`, fullscreen && `${mergedClsPrefix}-watermark--fullscreen`],
              style: {
                transform: globalRotate ? `translateX(-50%) translateY(-50%) rotate(${globalRotate}deg)` : void 0,
                zIndex: isFullScreenGlobalRotate ? void 0 : zIndex,
                backgroundSize: `${props.xGap + props.width}px`,
                backgroundPosition: globalRotate === 0 ? props.cross ? `${props.width / 2}px ${props.height / 2}px, 0 0` : "" : props.cross ? `calc(${rotatedImageOffset} + ${props.width / 2}px) calc(${rotatedImageOffset} + ${props.height / 2}px), ${rotatedImageOffset} ${rotatedImageOffset}` : rotatedImageOffset,
                backgroundImage: props.cross ? `url(${base64UrlRef.value}), url(${base64UrlRef.value})` : `url(${base64UrlRef.value})`
              }
            });
            if (props.fullscreen && !globalRotate)
              return watermarkNode;
            return vue.h("div", {
              class: [`${mergedClsPrefix}-watermark-container`, globalRotate !== 0 && `${mergedClsPrefix}-watermark-container--global-rotate`, fullscreen && `${mergedClsPrefix}-watermark-container--fullscreen`, props.selectable && `${mergedClsPrefix}-watermark-container--selectable`],
              style: {
                zIndex: isFullScreenGlobalRotate ? zIndex : void 0
              }
            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots), watermarkNode);
          };
        }
      });
      const NInjectionExtractor = vue.defineComponent({
        name: "InjectionExtractor",
        props: {
          onSetup: Function
        },
        setup(props, {
          slots
        }) {
          var _a;
          (_a = props.onSetup) === null || _a === void 0 ? void 0 : _a.call(props);
          return () => {
            var _a2;
            return (_a2 = slots.default) === null || _a2 === void 0 ? void 0 : _a2.call(slots);
          };
        }
      });
      const injectionFactoryMap = {
        message: useMessage,
        notification: useNotification,
        loadingBar: useLoadingBar,
        dialog: useDialog,
        modal: useModal
      };
      function createDiscreteApp({
        providersAndProps,
        configProviderProps: configProviderProps2
      }) {
        const App2 = () => {
          return vue.h(NConfigProvider, vue.unref(configProviderProps2), {
            default: () => providersAndProps.map(({
              type,
              Provider,
              props
            }) => {
              return vue.h(Provider, vue.unref(props), {
                default: () => vue.h(NInjectionExtractor, {
                  onSetup: () => extractedApi[type] = injectionFactoryMap[type]()
                })
              });
            })
          });
        };
        let app = vue.createApp(App2);
        const extractedApi = {
          app
        };
        let hostEl;
        if (isBrowser$2) {
          hostEl = document.createElement("div");
          document.body.appendChild(hostEl);
          app.mount(hostEl);
        }
        const unmount2 = () => {
          var _a;
          if (app === null || hostEl === null) {
            warn$2("discrete", "unmount call no need because discrete app has been unmounted");
            return;
          }
          app.unmount();
          (_a = hostEl.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(hostEl);
          hostEl = null;
          app = null;
        };
        return Object.assign({
          unmount: unmount2
        }, extractedApi);
      }
      function createDiscreteApi(includes, {
        configProviderProps: configProviderProps2,
        messageProviderProps: messageProviderProps2,
        dialogProviderProps: dialogProviderProps2,
        notificationProviderProps: notificationProviderProps2,
        loadingBarProviderProps: loadingBarProviderProps2,
        modalProviderProps: modalProviderProps2
      } = {}) {
        const providersAndProps = [];
        includes.forEach((type) => {
          switch (type) {
            case "message":
              providersAndProps.push({
                type,
                Provider: NMessageProvider,
                props: messageProviderProps2
              });
              break;
            case "notification":
              providersAndProps.push({
                type,
                Provider: NNotificationProvider,
                props: notificationProviderProps2
              });
              break;
            case "dialog":
              providersAndProps.push({
                type,
                Provider: NDialogProvider,
                props: dialogProviderProps2
              });
              break;
            case "loadingBar":
              providersAndProps.push({
                type,
                Provider: NLoadingBarProvider,
                props: loadingBarProviderProps2
              });
              break;
            case "modal":
              providersAndProps.push({
                type,
                Provider: NModalProvider,
                props: modalProviderProps2
              });
          }
        });
        const discreteApp = createDiscreteApp({
          providersAndProps,
          configProviderProps: configProviderProps2
        });
        return discreteApp;
      }
      const equationProps = {
        value: String,
        katex: Object,
        katexOptions: Object
      };
      const Equation = vue.defineComponent({
        name: "Equation",
        props: equationProps,
        setup(props) {
          const configProviderContext = vue.inject(configProviderInjectionKey);
          const extractedHtmlInfo = vue.computed(() => {
            var _a;
            const outerHtml = ((_a = props.katex || (configProviderContext === null || configProviderContext === void 0 ? void 0 : configProviderContext.mergedKatexRef.value)) === null || _a === void 0 ? void 0 : _a.renderToString(props.value || "", Object.assign({
              throwOnError: false
            }, props.katexOptions))) || "no katex provided";
            const matchResult = outerHtml.match(/^<([a-z]+)[^>]+class="([^"]+)"[^>]*>/);
            const wrapperTag = (matchResult === null || matchResult === void 0 ? void 0 : matchResult[1]) || "span";
            const wrapperClass = matchResult === null || matchResult === void 0 ? void 0 : matchResult[2];
            const innerHtml = outerHtml.replace(/^<[a-z]+[^>]*>/, "").replace(/<\/[a-z]+>$/, "");
            return {
              wrapperTag,
              innerHtml,
              wrapperClass
            };
          });
          return () => {
            const {
              innerHtml,
              wrapperClass,
              wrapperTag
            } = extractedHtmlInfo.value;
            return vue.h(wrapperTag, {
              class: wrapperClass,
              innerHTML: innerHtml
            });
          };
        }
      });
      const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
        __proto__: null,
        NA: a,
        NAffix,
        NAlert: Alert,
        NAnchor: AnchorAdapter,
        NAnchorLink: Link,
        NAutoComplete: AutoComplete,
        NAvatar,
        NAvatarGroup: AvatarGroup,
        NBackTop: BackTop,
        NBadge: Badge,
        NBlockquote: blockquote,
        NBreadcrumb: Breadcrumb,
        NBreadcrumbItem: BreadcrumbItem,
        NButton,
        NButtonGroup,
        NCalendar: Calendar,
        NCard,
        NCarousel: Carousel,
        NCarouselItem,
        NCascader: Cascader,
        NCheckbox,
        NCheckboxGroup,
        NCode,
        NCol,
        NCollapse,
        NCollapseItem,
        NCollapseTransition: CollapseTransition,
        NColorPicker,
        NConfigProvider,
        NCountdown: Countdown,
        NDataTable: DataTable,
        NDatePicker: DatePicker,
        NDescriptions: Descriptions,
        NDescriptionsItem: DescriptionsItem,
        NDialog,
        NDialogProvider,
        NDivider,
        NDrawer: Drawer,
        NDrawerContent: DrawerContent,
        NDropdown,
        NDynamicInput: DynamicInput,
        NDynamicTags: DynamicTags,
        NEl: NElement,
        NElement,
        NEllipsis,
        NEmpty,
        NEquation: Equation,
        NFlex: Flex,
        NFloatButton: FloatButton,
        NFloatButtonGroup: FloatButtonGroup,
        NForm: Form,
        NFormItem,
        NFormItemCol,
        NFormItemGi: FormItemGridItem,
        NFormItemGridItem: FormItemGridItem,
        NFormItemRow: FormItemRow,
        NGi,
        NGlobalStyle: GlobalStyle,
        NGradientText: GradientText,
        NGrid,
        NGridItem: NGi,
        NH1,
        NH2,
        NH3,
        NH4,
        NH5,
        NH6,
        NHr: hr,
        NIcon,
        NIconWrapper,
        NImage,
        NImageGroup,
        NInfiniteScroll: InfiniteScroll,
        NInput,
        NInputGroup,
        NInputGroupLabel: InputGroupLabel,
        NInputNumber: InputNumber,
        NLayout: Layout,
        NLayoutContent: LayoutContent,
        NLayoutFooter: LayoutFooter,
        NLayoutHeader: LayoutHeader,
        NLayoutSider: LayoutSider,
        NLegacyTransfer: Transfer$1,
        NLi: li,
        NList: List,
        NListItem: ListItem,
        NLoadingBarProvider,
        NLog: Log,
        NMention: Mention,
        NMenu: Menu,
        NMessageProvider,
        NModal,
        NModalProvider,
        NNotificationProvider,
        NNumberAnimation: NumberAnimation,
        NOl: ol,
        NP: p,
        NPageHeader: PageHeader,
        NPagination,
        NPerformantEllipsis,
        NPopconfirm: Popconfirm,
        NPopover,
        NPopselect,
        NProgress,
        NQrCode: QrCode,
        NRadio,
        NRadioButton: RadioButton,
        NRadioGroup,
        NRate: Rate,
        NResult: Result,
        NRow,
        NScrollbar: Scrollbar$1,
        NSelect,
        NSkeleton: Skeleton,
        NSlider: Slider,
        NSpace,
        NSpin: Spin,
        NSplit: Split,
        NStatistic: Statistic,
        NStep: Step,
        NSteps: Steps,
        NSwitch: Switch,
        NTab: Tab,
        NTabPane: TabPane,
        NTable: Table,
        NTabs: Tabs,
        NTag,
        NTbody: Tbody,
        NTd: Td,
        NText: text,
        NTh: Th,
        NThead: Thead,
        NThing: Thing,
        NTime: Time,
        NTimePicker,
        NTimeline: Timeline,
        NTimelineItem: TimelineItem,
        NTooltip,
        NTr: Tr,
        NTransfer: Transfer,
        NTree,
        NTreeSelect: TreeSelect,
        NUl: ul,
        NUpload: Upload,
        NUploadDragger,
        NUploadFileList,
        NUploadTrigger,
        NVirtualList: VirtualList,
        NWatermark: Watermark,
        NxButton: XButton,
        aProps,
        affixProps,
        alertProps,
        anchorLinkProps,
        anchorProps,
        autoCompleteProps,
        avatarGroupProps,
        avatarProps,
        backTopProps,
        badgeProps,
        blockquoteProps,
        breadcrumbItemProps,
        breadcrumbProps,
        buttonGroupProps,
        buttonProps,
        calendarProps,
        cardProps,
        carouselProps,
        cascaderProps,
        checkboxGroupProps,
        checkboxProps,
        codeProps,
        colProps,
        collapseItemProps,
        collapseProps,
        collapseTransitionProps,
        colorPickerProps,
        configProviderProps,
        countdownProps,
        createDiscreteApi,
        dataTableProps,
        datePickerProps,
        descriptionsItemProps,
        descriptionsProps,
        dialogProps,
        dialogProviderProps,
        dividerProps,
        drawerContentProps,
        drawerProps,
        dropdownProps,
        dynamicInputProps,
        dynamicTagsProps,
        elementProps,
        ellipsisProps,
        emptyProps,
        equationProps,
        flexProps,
        floatButtonGroupProps,
        floatButtonProps,
        formItemGiProps,
        formItemGridItemProps: formItemGiProps,
        formItemProps,
        formProps,
        giProps: gridItemProps,
        gradientTextProps,
        gridItemProps,
        gridProps,
        h1Props: headerProps,
        h2Props: headerProps,
        h3Props: headerProps,
        h4Props: headerProps,
        h5Props: headerProps,
        h6Props: headerProps,
        iconProps,
        iconWrapperProps,
        imageGroupProps,
        imageProps,
        infiniteScrollProps,
        inputGroupLabelProps,
        inputGroupProps,
        inputNumberProps,
        inputProps,
        layoutContentProps: layoutProps,
        layoutFooterProps,
        layoutHeaderProps: headerProps$1,
        layoutProps,
        layoutSiderProps,
        legacyTransferProps: transferProps$1,
        listProps,
        loadingBarProviderProps,
        logProps,
        mentionProps,
        menuProps,
        messageProviderProps,
        modalProps,
        modalProviderProps,
        notificationProviderProps,
        numberAnimationProps,
        olProps,
        pProps,
        pageHeaderProps,
        paginationProps,
        popconfirmProps,
        popoverProps,
        popselectProps,
        progressProps,
        qrCodeProps,
        radioButtonProps,
        radioGroupProps,
        radioProps,
        rateProps,
        resultProps,
        rowProps,
        scrollbarProps,
        selectProps,
        skeletonProps,
        sliderProps,
        spaceProps,
        spinProps,
        splitProps,
        statisticProps,
        stepProps,
        stepsProps,
        switchProps,
        tabPaneProps,
        tabProps,
        tableProps,
        tabsProps,
        tagProps,
        textProps,
        thingProps,
        timePickerProps,
        timeProps,
        timelineItemProps,
        timelineProps,
        tooltipProps,
        transferProps,
        treeGetClickTarget,
        treeProps,
        treeSelectProps,
        ulProps,
        uploadProps,
        useDialog,
        useDialogReactiveList,
        useLoadingBar,
        useMessage,
        useModal,
        useModalReactiveList,
        useNotification,
        virtualListProps,
        watermarkProps
      }, Symbol.toStringTag, { value: "Module" }));
      const version = "2.38.2";
      function create({
        componentPrefix = "N",
        components: components2 = []
      } = {}) {
        const installTargets = [];
        function registerComponent(app, name, component) {
          const registered = app.component(componentPrefix + name);
          if (!registered) {
            app.component(componentPrefix + name, component);
          }
        }
        function install(app) {
          if (installTargets.includes(app))
            return;
          installTargets.push(app);
          components2.forEach((component) => {
            const {
              name,
              alias
            } = component;
            registerComponent(app, name, component);
            if (alias) {
              alias.forEach((aliasName) => {
                registerComponent(app, aliasName, component);
              });
            }
          });
        }
        return {
          version,
          componentPrefix,
          install
        };
      }
      const naive = create({
        components: Object.keys(components).map((key) => components[key])
      });
      naive.install;
      vue.createApp(App).use(naive).mount(
        (() => {
          const app = document.createElement("div");
          app.style.position = "absolute";
          document.getElementById("pt").append(app);
          return app;
        })()
      );
    }
  });
  require_main_001();

})(Vue);