@g1cloud/open-bluesea-core 1.0.0-alpha.1

package/dist/open-bluesea-core.es.js

@@ -0,0 +1,2371 @@
+import { ref as $, markRaw as be, inject as re, reactive as Te, defineComponent as z, withDirectives as Q, createBlock as R, openBlock as d, resolveDynamicComponent as xe, normalizeClass as O, withCtx as ee, createElementBlock as p, createCommentVNode as q, createElementVNode as I, toDisplayString as F, unref as D, computed as S, withModifiers as N, Fragment as K, renderList as J, onMounted as me, onBeforeUnmount as _, Teleport as nt, createVNode as U, Transition as Fe, normalizeStyle as ue, renderSlot as se, watch as Z, nextTick as ge, provide as ye, shallowRef as at, mergeProps as de, isRef as Oe, toHandlers as ce, vModelDynamic as ot, resolveDirective as lt, vModelText as it, useSlots as qe, withKeys as G, useTemplateRef as He, vShow as st, TransitionGroup as Pe, resolveComponent as Se } from "vue";
+import Re from "dayjs";
+const Ve = Symbol("BlueseaContextMenuPlugin");
+class Ne {
+  contextMenuItems = $();
+  position = $();
+  options = $();
+  showContextMenu(n, t, a) {
+    this.position.value = { x: n.clientX, y: n.clientY }, this.markComponentRaw(t), this.contextMenuItems.value = t, this.options.value = a;
+  }
+  hideContextMenu() {
+    this.options.value?.onHideContextMenu && this.options.value.onHideContextMenu(), this.contextMenuItems.value = void 0, this.position.value = void 0, this.options.value = void 0;
+  }
+  // install(app: AbstractApp) {
+  //   app.provide(contextMenuPluginKey, this)
+  // }
+  markComponentRaw(n) {
+    n.forEach((t) => {
+      t.component && (t.component = be(t.component)), t.children && this.markComponentRaw(t.children);
+    });
+  }
+}
+const ze = () => {
+  const e = re(Ve);
+  if (!e)
+    throw new Error("BSContextMenuPlugin is not initialized.");
+  return e;
+}, ua = () => re(Ve), da = () => new Ne();
+class rt {
+  dateFormat = "YYYY-MM-DD HH:mm Z";
+  dateFormatDay = "YYYY-MM-DD Z";
+  dateFormatMinute = "YYYY-MM-DD HH:mm Z";
+  dateFormatSecond = "YYYY-MM-DD HH:mm:ss Z";
+  minDateValue = "1920-01-01T00:00:00.000Z";
+  maxDateValue = "9000-12-31T23:59:59.999Z";
+  componentConfig;
+  constructor(n) {
+    this.dateFormat = n?.dateFormat || this.dateFormat, this.dateFormatDay = n?.dateFormatDay || this.dateFormatDay, this.dateFormatMinute = n?.dateFormatMinute || this.dateFormatMinute, this.dateFormatSecond = n?.dateFormatSecond || this.dateFormatSecond, this.minDateValue = n?.minDateValue || this.minDateValue, this.maxDateValue = n?.maxDateValue || this.maxDateValue, this.componentConfig = {
+      popup: { hideOnScroll: !1, ...n?.componentConfig?.popup }
+    };
+  }
+  resolveDisplayDateFormat(n) {
+    const t = n || this.dateFormat;
+    return t === "DAY" ? this.dateFormatDay : t === "MINUTE" ? this.dateFormatMinute : t === "SECOND" ? this.dateFormatSecond : t;
+  }
+}
+const Ae = Symbol("BlueseaConfig"), ut = () => re(Ae), ca = {
+  install(e, n) {
+    const t = new rt(n);
+    e.provide(Ae, t);
+    const a = new Ne();
+    e.provide(Ve, a);
+  }
+}, dt = Te([]), ct = Te([]), X = $(), Ye = (e, n) => {
+  X.value = {
+    content: e,
+    target: be(n),
+    cursorInTooltip: !1
+  };
+}, he = () => {
+  X.value && !X.value.cursorInTooltip && (X.value = void 0);
+}, ke = () => !!X.value, vt = $(!1), ft = 800, mt = 0, $e = (e, n) => {
+  n && n.content ? (e.setAttribute("data-bs-tooltip-data", JSON.stringify(n)), ke() && Ye(n.content, e)) : (e.removeAttribute("data-bs-tooltip-data"), ke() && he());
+}, Ue = {
+  mounted: (e, n) => {
+    $e(e, n.value), e.addEventListener("mouseover", () => {
+      const t = e.getAttribute("data-bs-tooltip-data"), a = t ? JSON.parse(t) : void 0;
+      a && a.content && (e.setAttribute("data-bs-tooltip", "true"), setTimeout(() => {
+        const u = e.getAttribute("data-bs-tooltip-data"), s = u ? JSON.parse(u) : void 0;
+        s && s.content && e.getAttribute("data-bs-tooltip") === "true" && window.document.contains(e) && Ye(s.content, e);
+      }, a.delay || ft));
+    }), e.addEventListener("mouseout", (t) => {
+      e.contains(t.relatedTarget) || (e.removeAttribute("data-bs-tooltip"), setTimeout(() => he(), mt));
+    });
+  },
+  updated: (e, n) => {
+    $e(e, n.value);
+  },
+  unmounted: () => {
+    he();
+  }
+}, ht = ["textContent"], gt = /* @__PURE__ */ z({
+  __name: "BSButton",
+  props: {
+    caption: {},
+    buttonColor: { default: "default" },
+    leftIcon: {},
+    rightIcon: {},
+    disabled: { type: Boolean, default: !1 },
+    linkUrl: {},
+    linkTarget: {},
+    routePath: {},
+    tooltip: {}
+  },
+  setup(e) {
+    return (n, t) => Q((d(), R(xe(e.linkUrl ? "a" : e.routePath ? "router-link" : "button"), {
+      class: O([[e.buttonColor], "bs-button position-relative"]),
+      disabled: e.disabled,
+      href: e.linkUrl,
+      target: e.linkTarget,
+      to: e.routePath
+    }, {
+      default: ee(() => [
+        e.leftIcon ? (d(), p("span", {
+          key: 0,
+          class: O([{ "bs-mr-4": !!e.caption }, "font-icon left"])
+        }, F(e.leftIcon), 3)) : q("", !0),
+        I("span", {
+          textContent: F(e.caption)
+        }, null, 8, ht),
+        e.rightIcon ? (d(), p("span", {
+          key: 1,
+          class: O([{ "bs-ml-4": !!e.caption }, "font-icon right"])
+        }, F(e.rightIcon), 3)) : q("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "disabled", "href", "target", "to"])), [
+      [D(Ue), { content: e.tooltip }]
+    ]);
+  }
+}), Ke = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [a, u] of n)
+    t[a] = u;
+  return t;
+}, va = /* @__PURE__ */ Ke(gt, [["__scopeId", "data-v-26726ef5"]]), pt = { class: "page-navigation" }, bt = ["data-page", "onClick"], fa = /* @__PURE__ */ z({
+  __name: "BSPageNavigation",
+  props: {
+    totalCount: { default: 0 },
+    offset: { default: 0 },
+    limit: { default: 10 },
+    visiblePageCount: { default: 10 },
+    maxPage: {}
+  },
+  emits: ["offsetChanged"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = S(() => {
+      const x = Math.floor((t.totalCount - 1) / t.limit) + 1;
+      return t.totalCount < 1 ? 1 : t.maxPage && x > t.maxPage ? t.maxPage : x || 0;
+    }), s = S(() => Math.min(Math.floor(t.offset / t.limit) + 1, u.value)), m = S(() => Math.floor((s.value - 1) / t.visiblePageCount) * t.visiblePageCount + 1), f = S(() => Math.min(m.value + t.visiblePageCount - 1, u.value)), h = S(() => {
+      if (t.totalCount <= 0) return [];
+      const x = m.value, i = f.value, g = Array(i - x + 1);
+      for (let k = 0; k < g.length; k++) g[k] = k + x;
+      return g;
+    }), B = S(() => m.value - 1), w = S(() => f.value + 1), C = S(() => m.value <= 1), b = S(() => f.value >= u.value), y = (x) => {
+      const i = Math.max(1, Math.min(x, u.value));
+      if (s.value !== i) {
+        const g = (i - 1) * t.limit;
+        a(
+          "offsetChanged",
+          g,
+          { offset: t.offset, limit: t.limit, totalCount: t.totalCount }
+        );
+      }
+    };
+    return (x, i) => (d(), p("div", pt, [
+      I("span", {
+        class: O([{ disabled: C.value }, "font-icon first"]),
+        onClick: i[0] || (i[0] = N((g) => !C.value && y(1), ["prevent"]))
+      }, "keyboard_double_arrow_left", 2),
+      I("span", {
+        class: O([{ disabled: C.value }, "font-icon prev"]),
+        onClick: i[1] || (i[1] = N((g) => !C.value && y(B.value), ["prevent"]))
+      }, "keyboard_arrow_left", 2),
+      (d(!0), p(K, null, J(h.value, (g) => (d(), p("span", {
+        key: g,
+        class: O([{ on: g === s.value }, "page"]),
+        "data-page": g,
+        onClick: N((k) => y(g), ["prevent"])
+      }, F(g), 11, bt))), 128)),
+      I("span", {
+        class: O([{ disabled: b.value }, "font-icon next"]),
+        onClick: i[2] || (i[2] = N((g) => !b.value && y(w.value), ["prevent"]))
+      }, "keyboard_arrow_right", 2),
+      I("span", {
+        class: O([{ disabled: b.value }, "font-icon last"]),
+        onClick: i[3] || (i[3] = N((g) => !b.value && y(u.value), ["prevent"]))
+      }, "keyboard_double_arrow_right", 2)
+    ]));
+  }
+}), xt = {}, yt = { class: "bs-loading-icon" };
+function Vt(e, n) {
+  return d(), p("div", yt, [...n[0] || (n[0] = [
+    I("span", { class: "font-icon" }, "progress_activity", -1)
+  ])]);
+}
+const wt = /* @__PURE__ */ Ke(xt, [["render", Vt]]), ma = async (e, n = 200, t = 15) => await new Promise((a) => {
+  let u = 0;
+  const s = setInterval(() => {
+    (u > t || e()) && (clearInterval(s), a(void 0)), u++;
+  }, n);
+}), Ct = async (e = 2e3) => new Promise((n) => setTimeout(n, e)), ha = (e, n, t = 200, a = 15) => {
+  let u = 0;
+  const s = setInterval(() => {
+    u > a || e() ? clearInterval(s) : n?.(), u++;
+  }, t);
+}, Mt = ["data-popup-id"], Pt = 8, je = /* @__PURE__ */ z({
+  __name: "BSPopup",
+  props: {
+    popupId: {},
+    maxHeight: { default: "360px" },
+    baseElement: {},
+    offsetFromBaseElement: {},
+    extraClass: {},
+    popupDirection: { default: "auto-down" },
+    popupAlign: { default: "auto" },
+    zIndex: {}
+  },
+  emits: ["requestClose", "click", "keydown"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = ut(), s = u?.componentConfig?.popup?.container || ".bs-popup-container", m = $();
+    let f;
+    const h = $("-100000px"), B = $("-100000px"), w = () => t.baseElement instanceof HTMLElement ? y(t.baseElement) : t.baseElement ? x(t.baseElement) : { left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0 };
+    me(async () => {
+      if (await Ct(10), t.baseElement && m.value) {
+        f = w();
+        const l = m.value.getBoundingClientRect(), v = i(
+          f,
+          l,
+          t.popupDirection,
+          t.popupAlign
+        );
+        B.value = `${v.top}px`, h.value = `${v.left}px`;
+      }
+    });
+    const C = $({ x: 0, y: 0 }), b = S(() => `translate(${C.value.x}px, ${C.value.y}px)`), y = (l) => {
+      const v = l.getBoundingClientRect(), o = {
+        left: v.left,
+        top: v.top,
+        right: v.right,
+        bottom: v.bottom,
+        width: v.width,
+        height: v.height
+      };
+      let r = l.offsetParent;
+      for (; r; )
+        o.top -= r.scrollTop || 0, o.bottom -= r.scrollTop || 0, o.left -= r.scrollLeft || 0, o.right -= r.scrollLeft || 0, r = r.offsetParent;
+      return o;
+    }, x = (l) => ({
+      left: l.left,
+      top: l.top,
+      right: l.left,
+      bottom: l.top,
+      width: 0,
+      height: 0
+    }), i = (l, v, o, r) => {
+      if (o === "auto-down")
+        if (l.bottom + v.height + (t.offsetFromBaseElement || 0) > window.innerHeight)
+          if (l.top - v.height - (t.offsetFromBaseElement || 0) < 0) {
+            const V = l.bottom + v.height + (t.offsetFromBaseElement || 0) - window.innerHeight;
+            return {
+              // down 인데 top 위치를 약간 조절함
+              top: l.bottom + (t.offsetFromBaseElement || 0) - V - Pt,
+              left: g(l, v, r)
+            };
+          } else
+            return {
+              // up
+              top: l.top - v.height - (t.offsetFromBaseElement || 0),
+              left: g(l, v, r)
+            };
+        else
+          return {
+            // down
+            top: l.bottom + (t.offsetFromBaseElement || 0),
+            left: g(l, v, r)
+          };
+      else return o === "down" ? {
+        top: l.bottom + (t.offsetFromBaseElement || 0),
+        left: g(l, v, r)
+      } : o === "up" ? {
+        top: l.top - v.height - (t.offsetFromBaseElement || 0),
+        left: g(l, v, r)
+      } : o === "auto-right" ? l.right + v.width > window.innerWidth ? { top: l.top, left: l.left - v.width } : { top: l.top, left: l.right } : o === "right" ? { top: l.top, left: l.right } : { left: 0, top: 0 };
+    }, g = (l, v, o) => o === "auto" ? l.left + v.width > window.innerWidth ? l.right - v.width < 0 ? l.left : l.left - (v.width - l.width) : l.left : o === "center" ? l.left - (v.width - l.width) / 2 : o === "left" ? l.left : o === "right" ? l.left - (v.width - l.width) : 0, k = () => {
+      a("requestClose");
+    }, P = [], c = () => {
+      if (u?.componentConfig?.popup?.hideOnScroll)
+        k();
+      else if (f) {
+        const l = w();
+        C.value.x = l.left - f.left, C.value.y = l.top - f.top;
+      }
+    };
+    return me(() => {
+      if (t.baseElement instanceof HTMLElement && (window.addEventListener("scroll", c, { passive: !0 }), t.baseElement instanceof HTMLElement)) {
+        let l = t.baseElement;
+        for (; l; )
+          (l.scrollHeight > l.clientHeight || l.scrollWidth > l.clientWidth) && P.push(l), l = l.parentElement;
+        P.forEach(
+          (v) => v.addEventListener("scroll", c, { passive: !0 })
+        );
+      }
+    }), _(() => {
+      window.removeEventListener("scroll", c), P.forEach(
+        (l) => l.removeEventListener("scroll", c)
+      );
+    }), (l, v) => (d(), R(nt, { to: D(s) }, [
+      U(Fe, null, {
+        default: ee(() => [
+          I("div", {
+            ref_key: "root",
+            ref: m,
+            class: O([e.extraClass, "bs-popup overflow-auto"]),
+            "data-popup-id": e.popupId,
+            style: ue({ maxHeight: e.maxHeight, top: B.value, left: h.value, zIndex: e.zIndex, transform: b.value }),
+            onClick: v[0] || (v[0] = (o) => a("click", o)),
+            onKeydown: v[1] || (v[1] = (o) => a("keydown", o))
+          }, [
+            se(l.$slots, "default")
+          ], 46, Mt)
+        ]),
+        _: 3
+      })
+    ], 8, ["to"]));
+  }
+}), St = ["textContent"], kt = /* @__PURE__ */ z({
+  __name: "BSTooltip",
+  props: {
+    align: { default: "center" },
+    content: {},
+    target: {}
+  },
+  setup(e) {
+    const n = e, t = S(() => {
+      const a = {};
+      if (n.target) {
+        const u = n.target.getBoundingClientRect();
+        a.top = `${u.bottom + 8}px`, n.align === "left" ? a.left = `${u.left}px` : n.align === "right" ? a.right = `${u.right}px` : a.left = `${(u.left + u.right) / 2}px`;
+      }
+      return a;
+    });
+    return (a, u) => (d(), p("div", {
+      class: O([e.align, "bs-tooltip"]),
+      style: ue(t.value)
+    }, [
+      I("div", {
+        textContent: F(e.content)
+      }, null, 8, St)
+    ], 6));
+  }
+}), $t = (e, n) => {
+  e._bsFieldValidator = n, e.setAttribute("data-bs-field-validator", "");
+}, ae = (e) => {
+  const n = $(), t = $(e.initialValue), a = $(!1), u = $([]), s = $(!1), m = (c) => e.convertToValue ? e.convertToValue(c) : c ?? "", f = (c) => e.convertFromValue ? e.convertFromValue(c) : c?.toString() ?? "", h = async (c, l) => {
+    const v = m(c);
+    await B(v, l);
+  }, B = async (c, l) => {
+    if (t.value = c, e.disabled?.value) {
+      a.value = !0;
+      return;
+    }
+    a.value = !1;
+    const v = await e.isValid?.(t.value, l);
+    v && v.length > 0 ? (a.value = !1, u.value = v) : (a.value = !0, u.value = []);
+  }, w = (c) => c.target && "value" in c.target ? c.target.value : void 0, C = async (c = "form") => {
+    await B(t.value, c);
+  }, b = () => {
+    s.value = !1, u.value = [], a.value = !1;
+  }, y = async (c) => {
+    const l = w(c);
+    l !== void 0 && await h(l, "input");
+  }, P = {
+    stringValue: n,
+    value: t,
+    valid: a,
+    errors: u,
+    touched: s,
+    handleInput: async (c) => {
+      await y(c);
+    },
+    handleChange: async (c) => {
+      const l = w(c);
+      l !== void 0 && await h(l, "change");
+    },
+    handleFocus: (c) => {
+      s.value = !0;
+    },
+    handleBlur: async (c) => {
+      const l = w(c);
+      l !== void 0 && await h(l, "blur");
+    },
+    validateValue: B,
+    validate: C,
+    clearErrors: b,
+    getName: () => {
+      const c = e.field?.value;
+      return c ? c.getAttribute("name") ?? c.getAttribute("data-field-name") ?? "" : "";
+    }
+  };
+  return n.value = f(t.value), e.field && Z(e.field, (c) => {
+    c && $t(c, P);
+  }), P;
+}, oe = async (e, n, t, a, u) => {
+  const s = [];
+  if (n) {
+    for (const m of n) {
+      const f = await m(e, a, u);
+      f && f.forEach((h) => s.push(h));
+    }
+    s.forEach((m) => t.push(m));
+  }
+  return s.length > 0;
+}, we = (e, n, t, a) => n && (typeof e == "string" && !e || e === void 0) ? (a.push({ code: "required", message: t || "Required" }), !0) : !1, Bt = (e, n, t, a) => e && n && !new RegExp(n).test(e) ? (a.push({ code: "allowedPattern", message: t || "Invalid format" }), !0) : !1, Ze = (e, n, t, a, u, s, m) => {
+  const f = !!e && !!n && e.length < n, h = !!e && !!a && e.length > a;
+  return f && h ? m.push({
+    code: "betweenLength",
+    message: s || "Should be {0} ~ {1} characters"
+    // {
+    //   key: 'bs.error.validation.lengthRange',
+    //   args: [minLength, maxLength]
+    // }
+  }) : f ? m.push({
+    code: "minLength",
+    message: t || "Should be {0} characters or more"
+    // {
+    //   key: 'bs.error.validation.lengthMin',
+    //   args: [minLength]
+    // }
+  }) : h && m.push({
+    code: "maxLength",
+    message: u || "Should be {0} characters or less"
+    // {
+    //   key: 'bs.error.validation.lengthMax',
+    //   args: [maxLength]
+    // }
+  }), f || h;
+}, Et = (e, n, t, a, u, s, m) => {
+  const f = n !== void 0 && e < n, h = a !== void 0 && e > a;
+  return f && h ? m.push({
+    code: "betweenValue",
+    message: s || "Should be {0} ~ {1}"
+    // {
+    //   key: 'bs.error.validation.valueRange',
+    //   args: [minValue, maxValue]
+    // }
+  }) : f ? m.push({
+    code: "minValue",
+    message: t || "Should be {0} or more"
+    // {
+    //   key: 'bs.error.validation.valueMin',
+    //   args: [minValue]
+    // }
+  }) : h && m.push({
+    code: "maxValue",
+    message: u || "Should be {0} or less"
+    // {
+    //   key: 'bs.error.validation.valueMax',
+    //   args: [maxValue]
+    // }
+  }), f || h;
+};
+let It = 0, Lt = 0;
+const j = {
+  handleExternalErrorMessage(e, n, t) {
+    if (t) {
+      const a = document.getElementById(t);
+      a && (!e || !n || n.length === 0 ? a.style.display = "none" : (a.style.display = "", a.textContent = n || ""));
+    }
+  },
+  generateNextId(e) {
+    return `${e}-${++It}`;
+  },
+  generateNextName(e) {
+    return `${e}${++Lt}`;
+  },
+  isRelativeSize(e) {
+    return e?.endsWith("%") || !1;
+  },
+  delayed(e, n = 200) {
+    n <= 0 ? e() : window.setTimeout(e, n);
+  },
+  trimStringValue(e, n) {
+    return n ? e?.trim() : e;
+  },
+  getPrefixSuffixList(e) {
+    if (!e)
+      return [];
+    const n = Array.isArray(e) ? e : [e], t = [];
+    for (let a of n)
+      a && (typeof a == "object" && a.hasOwnProperty("type") && a.hasOwnProperty("value") ? t.push(a) : t.push({ type: "text", value: a }));
+    return t;
+  }
+}, Ce = Symbol("SavePoint");
+class We {
+  fields = be(/* @__PURE__ */ new Map());
+  children;
+  registerField(n) {
+    const t = new Dt({
+      getCurrentValue: n.getCurrentValue,
+      setCurrentValue: n.setCurrentValue,
+      compare: n.compare
+    });
+    return Z(n.field, (a) => {
+      a && this.fields.set(a, t);
+    }), t;
+  }
+  unregisterField(n) {
+    n.value && this.fields.delete(n.value);
+  }
+  addChild(n) {
+    this.children || (this.children = []), this.children.push(n);
+  }
+  removeChild(n) {
+    if (this.children) {
+      const t = this.children.findIndex((a) => a === n);
+      t >= 0 && this.children.splice(t, 1);
+    }
+  }
+  set() {
+    this.fields.forEach((n) => n.saveValue()), this.children?.forEach((n) => n.set());
+  }
+  async setNextTick() {
+    await ge(), this.set();
+  }
+  rollback() {
+    this.fields.forEach((n) => n.rollbackValue()), this.children?.forEach((n) => n.rollback());
+  }
+  isModified() {
+    return Array.from(this.fields.values()).find((n) => n.isFieldModified()) ? !0 : this.children ? !!this.children.find((n) => n.isModified()) : !1;
+  }
+}
+const ga = () => {
+  const e = new We();
+  return ye(Ce, e), e;
+}, pe = new We(), te = () => {
+  const e = re(Ce, pe);
+  return e === pe ? void 0 : e;
+}, pa = () => {
+  ye(Ce, pe);
+};
+class Dt {
+  saved = !1;
+  savedValue = at();
+  valueProvider;
+  constructor(n) {
+    this.valueProvider = n;
+  }
+  saveValue() {
+    this.savedValue.value = this.valueProvider.getCurrentValue(), this.saved = !0;
+  }
+  getSavedValue() {
+    return this.savedValue.value;
+  }
+  rollbackValue() {
+    this.saved && this.valueProvider.setCurrentValue(this.savedValue.value);
+  }
+  isModified(n) {
+    return this.saved && (this.valueProvider.compare ? !this.valueProvider.compare(this.savedValue.value, n) : this.savedValue?.value !== n);
+  }
+  isFieldModified() {
+    return this.isModified(this.valueProvider.getCurrentValue());
+  }
+}
+const Tt = { key: 0 }, Ft = ["textContent"], le = /* @__PURE__ */ z({
+  __name: "ValidationErrors",
+  props: {
+    errors: {},
+    hideErrorMessage: { type: Boolean }
+  },
+  setup(e) {
+    return (n, t) => !e.hideErrorMessage && e.errors && e.errors.length > 0 ? (d(), p("div", Tt, [
+      (d(!0), p(K, null, J(e.errors, (a) => (d(), p("div", {
+        key: a.code,
+        textContent: F(a.message),
+        class: "bs-field-error"
+      }, null, 8, Ft))), 128))
+    ])) : q("", !0);
+  }
+}), Ge = Symbol("FieldContext"), ba = (e) => {
+  ye(Ge, e);
+}, Be = {}, ie = () => {
+  const e = re(Ge, Be);
+  return e === Be ? void 0 : e;
+}, Ot = ["textContent"], qt = { class: "font-icon" }, Ht = ["src", "alt"], W = /* @__PURE__ */ z({
+  __name: "BSPrefixSuffix",
+  props: {
+    value: {},
+    type: {}
+  },
+  setup(e) {
+    const n = e, t = S(() => j.getPrefixSuffixList(n.value));
+    return (a, u) => (d(!0), p(K, null, J(t.value, (s) => (d(), p(K, null, [
+      s.type === "text" ? (d(), p("span", {
+        textContent: F(s.value),
+        key: JSON.stringify(s.value),
+        class: O(e.type)
+      }, null, 10, Ot)) : s.type === "font-icon" ? (d(), p("span", {
+        key: 1,
+        class: O(e.type)
+      }, [
+        I("span", qt, F(s.value), 1)
+      ], 2)) : s.type === "image-url" ? (d(), p("span", {
+        key: 2,
+        class: O(e.type)
+      }, [
+        I("img", {
+          src: s.value,
+          alt: e.type
+        }, null, 8, Ht)
+      ], 2)) : q("", !0)
+    ], 64))), 256));
+  }
+}), Rt = {
+  key: 0,
+  class: "view-mode"
+}, Nt = ["textContent"], zt = {
+  key: 1,
+  class: "input-area"
+}, At = ["id", "placeholder", "autocomplete", "disabled", "maxlength", "name", "tabindex", "type"], xa = /* @__PURE__ */ z({
+  __name: "BSTextInput",
+  props: {
+    id: {},
+    placeholder: {},
+    name: { default: () => j.generateNextName("textInput") },
+    modelValue: {},
+    maxlength: {},
+    disabled: { type: Boolean },
+    forceValidateWhenDisabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    width: { default: "200px" },
+    autocomplete: {},
+    tabindex: { default: 0 },
+    inputType: { default: "text" },
+    trimValue: { type: Boolean, default: !0 },
+    prefix: {},
+    suffix: {},
+    required: { type: Boolean },
+    minLength: {},
+    maxLength: {},
+    regExp: {},
+    validationMessageRequired: {},
+    validationMessageMinLength: {},
+    validationMessageMaxLength: {},
+    validationMessageBetweenLength: {},
+    validationMessageRegExp: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n;
+    Z(
+      () => t.modelValue,
+      () => {
+        w.value = h(t.modelValue), i(t.modelValue || "", "change");
+      }
+    );
+    const u = $(), s = ie(), m = async (l, v) => {
+      const o = [], r = l ?? "";
+      return we(
+        r,
+        t.required,
+        t.validationMessageRequired,
+        o
+      ) || Bt(
+        r,
+        t.regExp,
+        t.validationMessageRegExp,
+        o
+      ) || Ze(
+        r,
+        t.minLength,
+        t.validationMessageMinLength,
+        t.maxLength,
+        t.validationMessageMaxLength,
+        t.validationMessageBetweenLength,
+        o
+      ) || await oe(
+        r,
+        t.extraValidationRules,
+        o,
+        v,
+        s
+      ), o;
+    }, f = (l) => String(
+      j.trimStringValue(l, t.trimValue) || ""
+    ), h = (l) => j.trimStringValue(l, t.trimValue) ?? "", B = S(
+      () => t.viewMode || t.disabled && !t.forceValidateWhenDisabled
+    ), {
+      stringValue: w,
+      errors: C,
+      handleInput: b,
+      handleFocus: y,
+      handleBlur: x,
+      validateValue: i
+    } = ae({
+      field: u,
+      disabled: B,
+      initialValue: t.modelValue,
+      isValid: m,
+      convertToValue: f,
+      convertFromValue: h
+    }), g = {
+      input: b,
+      focus: y,
+      blur: x,
+      change: () => {
+        a("update:modelValue", f(w.value));
+      }
+    }, k = t.ignoreSavePoint ? void 0 : te(), P = k?.registerField({
+      field: u,
+      getCurrentValue: () => t.modelValue || "",
+      setCurrentValue: (l) => a("update:modelValue", l || "")
+    }), c = S(
+      () => !!P?.isModified(t.modelValue || "")
+    );
+    return _(() => k?.unregisterField(u)), (l, v) => (d(), p("div", {
+      class: O([{ required: e.required, disabled: e.disabled, modified: c.value, error: D(C).length > 0 }, "bs-text-input"]),
+      style: ue({ width: e.width })
+    }, [
+      e.viewMode ? (d(), p("div", Rt, [
+        U(W, {
+          value: e.prefix,
+          type: "prefix"
+        }, null, 8, ["value"]),
+        I("span", {
+          textContent: F(D(w))
+        }, null, 8, Nt),
+        U(W, {
+          value: e.suffix,
+          type: "suffix"
+        }, null, 8, ["value"])
+      ])) : (d(), p("div", zt, [
+        U(W, {
+          value: e.prefix,
+          type: "prefix"
+        }, null, 8, ["value"]),
+        Q(I("input", de({
+          id: e.id,
+          ref_key: "field",
+          ref: u,
+          "onUpdate:modelValue": v[0] || (v[0] = (o) => Oe(w) ? w.value = o : null),
+          placeholder: e.placeholder,
+          autocomplete: e.autocomplete,
+          disabled: e.disabled,
+          maxlength: e.maxlength,
+          name: e.name,
+          tabindex: e.tabindex,
+          type: e.inputType
+        }, ce(g, !0)), null, 16, At), [
+          [ot, D(w)]
+        ]),
+        U(W, {
+          value: e.suffix,
+          type: "suffix"
+        }, null, 8, ["value"])
+      ])),
+      e.viewMode ? q("", !0) : (d(), R(le, {
+        key: 2,
+        errors: D(C),
+        "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+      }, null, 8, ["errors", "hide-error-message"]))
+    ], 6));
+  }
+});
+function Je(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ve = { exports: {} }, Yt = ve.exports, Ee;
+function Ut() {
+  return Ee || (Ee = 1, (function(e, n) {
+    (function(t, a) {
+      e.exports = a();
+    })(Yt, (function() {
+      var t = "minute", a = /[+-]\d\d(?::?\d\d)?/g, u = /([+-]|\d\d)/g;
+      return function(s, m, f) {
+        var h = m.prototype;
+        f.utc = function(i) {
+          var g = { date: i, utc: !0, args: arguments };
+          return new m(g);
+        }, h.utc = function(i) {
+          var g = f(this.toDate(), { locale: this.$L, utc: !0 });
+          return i ? g.add(this.utcOffset(), t) : g;
+        }, h.local = function() {
+          return f(this.toDate(), { locale: this.$L, utc: !1 });
+        };
+        var B = h.parse;
+        h.parse = function(i) {
+          i.utc && (this.$u = !0), this.$utils().u(i.$offset) || (this.$offset = i.$offset), B.call(this, i);
+        };
+        var w = h.init;
+        h.init = function() {
+          if (this.$u) {
+            var i = this.$d;
+            this.$y = i.getUTCFullYear(), this.$M = i.getUTCMonth(), this.$D = i.getUTCDate(), this.$W = i.getUTCDay(), this.$H = i.getUTCHours(), this.$m = i.getUTCMinutes(), this.$s = i.getUTCSeconds(), this.$ms = i.getUTCMilliseconds();
+          } else w.call(this);
+        };
+        var C = h.utcOffset;
+        h.utcOffset = function(i, g) {
+          var k = this.$utils().u;
+          if (k(i)) return this.$u ? 0 : k(this.$offset) ? C.call(this) : this.$offset;
+          if (typeof i == "string" && (i = (function(v) {
+            v === void 0 && (v = "");
+            var o = v.match(a);
+            if (!o) return null;
+            var r = ("" + o[0]).match(u) || ["-", 0, 0], V = r[0], E = 60 * +r[1] + +r[2];
+            return E === 0 ? 0 : V === "+" ? E : -E;
+          })(i), i === null)) return this;
+          var P = Math.abs(i) <= 16 ? 60 * i : i;
+          if (P === 0) return this.utc(g);
+          var c = this.clone();
+          if (g) return c.$offset = P, c.$u = !1, c;
+          var l = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (c = this.local().add(P + l, t)).$offset = P, c.$x.$localOffset = l, c;
+        };
+        var b = h.format;
+        h.format = function(i) {
+          var g = i || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return b.call(this, g);
+        }, h.valueOf = function() {
+          var i = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * i;
+        }, h.isUTC = function() {
+          return !!this.$u;
+        }, h.toISOString = function() {
+          return this.toDate().toISOString();
+        }, h.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var y = h.toDate;
+        h.toDate = function(i) {
+          return i === "s" && this.$offset ? f(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : y.call(this);
+        };
+        var x = h.diff;
+        h.diff = function(i, g, k) {
+          if (i && this.$u === i.$u) return x.call(this, i, g, k);
+          var P = this.local(), c = f(i).local();
+          return x.call(P, c, g, k);
+        };
+      };
+    }));
+  })(ve)), ve.exports;
+}
+var Kt = Ut();
+const jt = /* @__PURE__ */ Je(Kt);
+var fe = { exports: {} }, Zt = fe.exports, Ie;
+function Wt() {
+  return Ie || (Ie = 1, (function(e, n) {
+    (function(t, a) {
+      e.exports = a();
+    })(Zt, (function() {
+      var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, a = {};
+      return function(u, s, m) {
+        var f, h = function(b, y, x) {
+          x === void 0 && (x = {});
+          var i = new Date(b), g = (function(k, P) {
+            P === void 0 && (P = {});
+            var c = P.timeZoneName || "short", l = k + "|" + c, v = a[l];
+            return v || (v = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: k, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: c }), a[l] = v), v;
+          })(y, x);
+          return g.formatToParts(i);
+        }, B = function(b, y) {
+          for (var x = h(b, y), i = [], g = 0; g < x.length; g += 1) {
+            var k = x[g], P = k.type, c = k.value, l = t[P];
+            l >= 0 && (i[l] = parseInt(c, 10));
+          }
+          var v = i[3], o = v === 24 ? 0 : v, r = i[0] + "-" + i[1] + "-" + i[2] + " " + o + ":" + i[4] + ":" + i[5] + ":000", V = +b;
+          return (m.utc(r).valueOf() - (V -= V % 1e3)) / 6e4;
+        }, w = s.prototype;
+        w.tz = function(b, y) {
+          b === void 0 && (b = f);
+          var x, i = this.utcOffset(), g = this.toDate(), k = g.toLocaleString("en-US", { timeZone: b }), P = Math.round((g - new Date(k)) / 1e3 / 60), c = 15 * -Math.round(g.getTimezoneOffset() / 15) - P;
+          if (!Number(c)) x = this.utcOffset(0, y);
+          else if (x = m(k, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(c, !0), y) {
+            var l = x.utcOffset();
+            x = x.add(i - l, "minute");
+          }
+          return x.$x.$timezone = b, x;
+        }, w.offsetName = function(b) {
+          var y = this.$x.$timezone || m.tz.guess(), x = h(this.valueOf(), y, { timeZoneName: b }).find((function(i) {
+            return i.type.toLowerCase() === "timezonename";
+          }));
+          return x && x.value;
+        };
+        var C = w.startOf;
+        w.startOf = function(b, y) {
+          if (!this.$x || !this.$x.$timezone) return C.call(this, b, y);
+          var x = m(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return C.call(x, b, y).tz(this.$x.$timezone, !0);
+        }, m.tz = function(b, y, x) {
+          var i = x && y, g = x || y || f, k = B(+m(), g);
+          if (typeof b != "string") return m(b).tz(g);
+          var P = (function(o, r, V) {
+            var E = o - 60 * r * 1e3, Y = B(E, V);
+            if (r === Y) return [E, r];
+            var M = B(E -= 60 * (Y - r) * 1e3, V);
+            return Y === M ? [E, Y] : [o - 60 * Math.min(Y, M) * 1e3, Math.max(Y, M)];
+          })(m.utc(b, i).valueOf(), k, g), c = P[0], l = P[1], v = m(c).utcOffset(l);
+          return v.$x.$timezone = g, v;
+        }, m.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, m.tz.setDefault = function(b) {
+          f = b;
+        };
+      };
+    }));
+  })(fe)), fe.exports;
+}
+var Gt = Wt();
+const Jt = /* @__PURE__ */ Je(Gt);
+Re.extend(jt);
+Re.extend(Jt);
+const Xt = (e, n = 2) => {
+  const t = Math.pow(10, n);
+  return Math.round(e * t) / t;
+}, Qt = {
+  /**
+   * 개행 문자('\r', '\n')를 '<br/>' 태그로 변경한다.
+   * @param str 변경할 String
+   * @return 개행문자가 '<br/>'로 변경된 String
+   */
+  escapeNewLine(e) {
+    return e ? e.replace(/\r\n|\r|\n/g, "<br />") : "";
+  },
+  /**
+   * `str` 안의 `&<>"'` 문자를 escape 처리한다.
+   * @param str 변경할 String
+   */
+  escapeHtml(e) {
+    return e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : "";
+  },
+  /**
+   * String 을 개행 문자('\r', '\n') 기준으로 나눈다.
+   * @param str
+   * @return 개행문자로 나누어진 string 의 array
+   */
+  splitNewLine(e) {
+    return e ? e.split(/\r\n|\r|\n/g) : [];
+  },
+  /**
+   * ISO8601 형식의 string 을 주어진 format 으로 변환한다.
+   * @param utcDate
+   * @param format
+   * @param displayTimeZone
+   */
+  // formatDateString(utcDate?: string, format?: string | DisplayDateResolution, displayTimeZone?: TimeZone) {
+  //   return utcDate
+  //       ? dayjs(utcDate)
+  //           .tz(displayTimeZone || blueseaConfig.timeZone)
+  //           .format(blueseaConfig.resolveDisplayDateFormat(format))
+  //       : ''
+  // },
+  /**
+   * 숫자에 구분점을 넣는다. 소수점 이하가 있는 경우도 처리한다.
+   * * 12345 -> '12,345'
+   * * 12345.12345 -> '12,345.12345'
+   * * 0 -> '0'
+   * * undefined -> null
+   * * null -> null
+   *
+   * @param value
+   * @return
+   */
+  formatNumber(e) {
+    if (e || typeof e == "number") {
+      const n = /\B(?=(\d{3})+(?!\d))/g, t = e.toString().split("."), a = t[0].replace(n, ","), u = t[1] ? `.${t[1]}` : "";
+      return a + u;
+    }
+    return null;
+  },
+  formatNumberByCode(e, n) {
+    return typeof e > "u" ? null : e || typeof e == "number" ? e.toLocaleString(n) : null;
+  },
+  /**
+   * 통화단위와 표시위치를 받아 출력한다
+   * @param value 값
+   * @param currencyUnit 통화단위
+   * @param prefix true 이면 withUnit을 앞에 붙이고, false 이면 뒤에 붙인다.
+   */
+  formatPrice(e, n, t = !1) {
+    if (e || typeof e == "number") {
+      const a = this.formatNumber(e);
+      return t ? `${n} ${a}` : `${a} ${n}`;
+    }
+    return null;
+  },
+  /**
+   * rate 를 받아 percent 를 출력한다.
+   * * 0.1 -> 10%
+   * * 0.55 -> 55%
+   * * 0.551 -> 55.1%
+   * @param value 비율 값
+   * @param withUnit true 이면 % 를 붙이고, false 이면 붙이지 않는다.
+   * @param decimalPlace 소숫점 n번째에서 반올림한다.
+   */
+  formatPercent(e, n = !0, t = 2) {
+    return e != null && !isNaN(Number(e)) ? `${Xt(Number(e) * 100, t)}${n ? "%" : ""}` : null;
+  },
+  /**
+   * 신용카드번호를 4자리 단위로 나누어 구분자를 넣는다.
+   * @param value
+   * @param separator 구분자
+   */
+  formatCreditCardNo(e, n = "-") {
+    return e.match(/.{1,4}/g)?.join(n);
+  },
+  /**
+   *  `HTML`태그가 포함된 문자열에서 text 만 남긴다.
+   *  @param textIncludedHTMLElement HTML 태그를 포함하는 문자열
+   *  @return HTML 태그가 제거된 문자열
+   */
+  toPlainText(e) {
+    const n = document.createElement("DIV");
+    return n.innerHTML = e || "", n.textContent || n.innerText;
+  }
+}, _t = {
+  key: 0,
+  class: "view-mode"
+}, en = ["textContent"], tn = {
+  key: 1,
+  class: "input-area"
+}, nn = ["id", "autocomplete", "disabled", "maxlength", "name", "tabindex", "value"], ya = /* @__PURE__ */ z({
+  __name: "BSNumberInput",
+  props: {
+    id: {},
+    placeholder: {},
+    name: {},
+    modelValue: {},
+    maxlength: {},
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    width: { default: "200px" },
+    autocomplete: {},
+    tabindex: { default: 0 },
+    prefix: {},
+    suffix: {},
+    format: { type: Boolean, default: !0 },
+    formatInViewMode: { type: Boolean, default: !0 },
+    formatOnBlur: { type: Boolean, default: !0 },
+    required: { type: Boolean },
+    minValue: {},
+    maxValue: {},
+    validationMessageRequired: {},
+    validationMessageMinValue: {},
+    validationMessageMaxValue: {},
+    validationMessageBetweenValue: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = (r) => r.replace(/[^\d-\\.,]/g, "");
+    Z(
+      () => t.modelValue,
+      () => {
+        y.value = C(t.modelValue), P(t.modelValue, "change");
+      }
+    );
+    const s = $(), m = $(!1), f = S(
+      () => t.format ? Qt.formatNumber(y.value) || "" : y.value || ""
+    ), h = ie(), B = async (r, V) => {
+      const E = [];
+      return we(
+        r,
+        t.required,
+        t.validationMessageRequired,
+        E
+      ) || r !== void 0 && Et(
+        r,
+        t.minValue,
+        t.validationMessageMinValue,
+        t.maxValue,
+        t.validationMessageMaxValue,
+        t.validationMessageBetweenValue,
+        E
+      ) || await oe(
+        r,
+        t.extraValidationRules,
+        E,
+        V,
+        h
+      ), E;
+    }, w = (r) => {
+      if (!r) return;
+      const V = Number(r);
+      return isNaN(V) ? void 0 : V;
+    }, C = (r) => r !== void 0 ? String(r) : "", b = S(() => t.viewMode || t.disabled), {
+      stringValue: y,
+      errors: x,
+      handleInput: i,
+      handleFocus: g,
+      handleBlur: k,
+      validateValue: P
+    } = ae({
+      field: s,
+      disabled: b,
+      initialValue: t.modelValue,
+      isValid: B,
+      convertToValue: w,
+      convertFromValue: C
+    }), c = {
+      input: async (r) => {
+        y.value = u(
+          r.target.value
+        ), await i(r);
+      },
+      focus: (r) => {
+        m.value = !0, g(r);
+      },
+      blur: (r) => {
+        m.value = !1, k(r);
+      },
+      change: () => {
+        a("update:modelValue", w(y.value));
+      }
+    }, l = t.ignoreSavePoint ? void 0 : te(), v = l?.registerField({
+      field: s,
+      getCurrentValue: () => t.modelValue,
+      setCurrentValue: (r) => a("update:modelValue", r)
+    }), o = S(
+      () => !!v?.isModified(t.modelValue)
+    );
+    return _(() => l?.unregisterField(s)), (r, V) => {
+      const E = lt("t");
+      return d(), p("div", {
+        class: O([{ required: e.required, disabled: e.disabled, modified: o.value, error: D(x).length > 0 }, "bs-number-input"]),
+        style: ue({ width: e.width })
+      }, [
+        e.viewMode ? (d(), p("div", _t, [
+          U(W, {
+            value: e.prefix,
+            type: "prefix"
+          }, null, 8, ["value"]),
+          I("span", {
+            textContent: F(e.formatInViewMode ? f.value : D(y))
+          }, null, 8, en),
+          U(W, {
+            value: e.suffix,
+            type: "suffix"
+          }, null, 8, ["value"])
+        ])) : (d(), p("div", tn, [
+          U(W, {
+            value: e.prefix,
+            type: "prefix"
+          }, null, 8, ["value"]),
+          Q(I("input", de({
+            id: e.id,
+            ref_key: "field",
+            ref: s,
+            autocomplete: e.autocomplete,
+            disabled: e.disabled,
+            maxlength: e.maxlength,
+            name: e.name,
+            tabindex: e.tabindex,
+            value: m.value || !e.formatOnBlur ? D(y) : f.value,
+            type: "text"
+          }, ce(c, !0)), null, 16, nn), [
+            [
+              E,
+              e.placeholder,
+              void 0,
+              { placeholder: !0 }
+            ]
+          ]),
+          U(W, {
+            value: e.suffix,
+            type: "suffix"
+          }, null, 8, ["value"])
+        ])),
+        e.viewMode ? q("", !0) : (d(), R(le, {
+          key: 2,
+          errors: D(x),
+          "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+        }, null, 8, ["errors", "hide-error-message"]))
+      ], 6);
+    };
+  }
+}), an = {
+  key: 0,
+  class: "view-mode bs-layout-horizontal gap-8 align-items-start"
+}, on = ["textContent"], ln = {
+  key: 1,
+  class: "input-area bs-layout-horizontal align-items-start"
+}, sn = ["placeholder", "disabled", "maxlength", "name", "tabindex"], Va = /* @__PURE__ */ z({
+  __name: "BSTextArea",
+  props: {
+    id: {},
+    placeholder: {},
+    name: {},
+    modelValue: {},
+    maxlength: {},
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    width: { default: "400px" },
+    height: {},
+    autocomplete: {},
+    tabindex: { default: 0 },
+    trimValue: { type: Boolean, default: !0 },
+    prefix: {},
+    suffix: {},
+    required: { type: Boolean },
+    minLength: {},
+    maxLength: {},
+    validationMessageRequired: {},
+    validationMessageMinLength: {},
+    validationMessageMaxLength: {},
+    validationMessageBetweenLength: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = (M) => String(j.trimStringValue(M, t.trimValue) || ""), s = (M) => j.trimStringValue(M, t.trimValue) ?? "";
+    Z(
+      () => t.modelValue,
+      () => {
+        w.value = s(t.modelValue), i(t.modelValue || "", "change");
+      }
+    );
+    const m = $(), f = ie(), h = async (M, L) => {
+      const H = [], T = M?.trim() ?? "";
+      return we(T, t.required, t.validationMessageRequired, H) || Ze(
+        T,
+        t.minLength,
+        t.validationMessageMinLength,
+        t.maxLength,
+        t.validationMessageMaxLength,
+        t.validationMessageBetweenLength,
+        H
+      ) || await oe(T, t.extraValidationRules, H, L, f), H;
+    }, B = S(() => t.viewMode || t.disabled), {
+      stringValue: w,
+      errors: C,
+      handleInput: b,
+      handleFocus: y,
+      handleBlur: x,
+      validateValue: i
+    } = ae({
+      field: m,
+      disabled: B,
+      initialValue: t.modelValue,
+      isValid: h,
+      convertToValue: u,
+      convertFromValue: s
+    }), g = {
+      input: b,
+      focus: y,
+      blur: x,
+      change: () => {
+        a("update:modelValue", u(w.value));
+      }
+    }, k = S(() => j.isRelativeSize(t.width) ? t.width : void 0), P = S(() => j.isRelativeSize(t.height) ? t.height : void 0), c = S(() => j.isRelativeSize(t.width) ? "100%" : t.width), l = S(() => V.value || (j.isRelativeSize(t.height) ? "100%" : t.height)), v = t.ignoreSavePoint ? void 0 : te(), o = v?.registerField({
+      field: m,
+      getCurrentValue: () => t.modelValue || "",
+      setCurrentValue: (M) => a("update:modelValue", M || "")
+    }), r = S(() => !!o?.isModified(t.modelValue || ""));
+    _(() => v?.unregisterField(m));
+    const V = $(), E = (M) => {
+      m.value && m.value.setPointerCapture(M.pointerId);
+    }, Y = (M) => {
+      m.value && (V.value = `${m.value.offsetHeight}px`, m.value.releasePointerCapture(M.pointerId));
+    };
+    return (M, L) => (d(), p("div", {
+      class: O([{ disabled: e.disabled, modified: r.value, error: D(C).length > 0 }, "bs-text-area"]),
+      style: ue({ width: k.value, height: P.value })
+    }, [
+      e.viewMode ? (d(), p("div", an, [
+        U(W, {
+          value: e.prefix,
+          type: "prefix"
+        }, null, 8, ["value"]),
+        I("div", {
+          textContent: F(D(w))
+        }, null, 8, on),
+        U(W, {
+          value: e.suffix,
+          type: "suffix"
+        }, null, 8, ["value"])
+      ])) : (d(), p("div", ln, [
+        U(W, {
+          value: e.prefix,
+          type: "prefix"
+        }, null, 8, ["value"]),
+        Q(I("textarea", de({
+          ref_key: "field",
+          ref: m,
+          "onUpdate:modelValue": L[0] || (L[0] = (H) => Oe(w) ? w.value = H : null),
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          maxlength: e.maxlength,
+          name: e.name,
+          style: { width: c.value, height: l.value },
+          tabindex: e.tabindex,
+          class: "grow",
+          onPointerdown: E,
+          onPointerup: Y
+        }, ce(g, !0)), null, 16, sn), [
+          [it, D(w)]
+        ]),
+        U(W, {
+          value: e.suffix,
+          type: "suffix"
+        }, null, 8, ["value"])
+      ])),
+      e.viewMode ? q("", !0) : (d(), R(le, {
+        key: 2,
+        errors: D(C),
+        "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+      }, null, 8, ["errors", "hide-error-message"]))
+    ], 6));
+  }
+}), rn = ["id", "checked", "disabled", "name", "tabindex"], un = ["textContent", "for"], dn = ["for"], cn = /* @__PURE__ */ z({
+  __name: "BSCheckbox",
+  props: {
+    id: { default: () => j.generateNextId("checkbox") },
+    name: {},
+    label: {},
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    tabindex: { default: 0 },
+    disableSavePoint: { type: Boolean },
+    ignoreSavePoint: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = $(t.modelValue), s = qe(), m = S(() => !!s?.default), f = {
+      change: (b) => {
+        u.value = b.target.checked, t.modelValue !== u.value && a("update:modelValue", u.value);
+      }
+    };
+    Z(
+      () => t.modelValue,
+      () => u.value = t.modelValue
+    );
+    const h = $(), B = t.ignoreSavePoint ? void 0 : te(), w = B?.registerField({
+      field: h,
+      getCurrentValue: () => t.modelValue || !1,
+      setCurrentValue: (b) => {
+        t.disableSavePoint || a("update:modelValue", b || !1);
+      }
+    }), C = S(() => !!w?.isModified(t.modelValue));
+    return _(() => B?.unregisterField(h)), (b, y) => (d(), p("span", {
+      class: O([{ checked: u.value, disabled: e.disabled, modified: C.value }, "bs-checkbox"])
+    }, [
+      I("input", de({
+        id: e.id,
+        ref_key: "field",
+        ref: h,
+        checked: u.value,
+        disabled: e.disabled || e.viewMode,
+        name: e.name,
+        tabindex: e.tabindex,
+        class: "",
+        type: "checkbox"
+      }, ce(f, !0)), null, 16, rn),
+      e.label ? (d(), p("label", {
+        key: 0,
+        textContent: F(e.label),
+        for: e.id,
+        class: "text-label"
+      }, null, 8, un)) : q("", !0),
+      m.value ? (d(), p("label", {
+        key: 1,
+        for: e.id,
+        class: "slot-label cursor-pointer"
+      }, [
+        se(b.$slots, "default", { disabled: e.disabled })
+      ], 8, dn)) : q("", !0)
+    ], 2));
+  }
+}), Xe = (e) => e ? typeof e == "string" ? e : String(e) : "", Qe = (e, n, t) => {
+  if (n) {
+    const a = n(e);
+    if (a !== void 0)
+      return a;
+  }
+  return t(e);
+}, Me = (e, n, t) => {
+  if (n) {
+    const a = n(e);
+    if (a)
+      return a;
+  }
+  return t(e);
+}, vn = ["data-field-name"], fn = { class: "items" }, mn = ["textContent"], wa = /* @__PURE__ */ z({
+  __name: "BSCheckboxGroup",
+  props: {
+    name: {},
+    modelValue: { default: () => [] },
+    items: { default: () => [] },
+    valueProvider: {},
+    labelProvider: {},
+    keyProvider: {},
+    enabledItemProvider: {},
+    tabindex: { default: 0 },
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    required: { type: Boolean },
+    validationMessageRequired: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = (o) => t.labelProvider ? t.labelProvider(o) : String(o), s = (o) => t.valueProvider ? t.valueProvider(o) : o, m = (o) => Me(o, t.keyProvider, () => String(s(o))), f = (o) => t.enabledItemProvider ? !t.enabledItemProvider(o) : !1, h = $({}), B = (o, r, V) => {
+      t.items.forEach((E) => o[m(E)] = r.includes(s(E))), V && k(t.modelValue, "change");
+    }, w = (o, r) => {
+      const V = s(r), E = t.modelValue.includes(V);
+      if (o && !E) {
+        const Y = [...t.modelValue, V], M = t.items.map((L) => s(L)).filter((L) => Y.includes(L));
+        a("update:modelValue", M);
+      } else if (!o && E) {
+        const Y = t.modelValue.indexOf(V), M = t.modelValue.toSpliced(Y, 1);
+        a("update:modelValue", M);
+      }
+    }, C = S(() => t.items.filter((o) => t.modelValue.includes(s(o))).map(u).join(", ")), b = $(), y = ie(), x = async (o, r) => {
+      const V = [];
+      return t.required && (o === void 0 || o.length === 0) ? V.push({ code: "required", message: t.validationMessageRequired || "Required" }) : o !== void 0 && await oe(o, t.extraValidationRules, V, r, y), V;
+    }, i = S(() => t.viewMode || t.disabled), { errors: g, validateValue: k } = ae({
+      field: b,
+      disabled: i,
+      initialValue: t.modelValue,
+      isValid: x
+    }), P = (o) => {
+      const r = {};
+      t.items.forEach((V) => r[m(V)] = !1), B(r, t.modelValue, o), h.value = r;
+    };
+    Z(() => t.items, () => P(!1)), Z(
+      () => t.modelValue,
+      (o) => B(h.value, o, !0)
+    ), me(() => {
+      P(!1);
+    });
+    const c = t.ignoreSavePoint ? void 0 : te(), l = c?.registerField({
+      field: b,
+      getCurrentValue: () => [...t.modelValue],
+      setCurrentValue: (o) => a("update:modelValue", [...o || []]),
+      compare: (o, r) => o?.toSorted().join(",") === r?.toSorted().join(",")
+    }), v = S(() => !!l?.isModified(t.modelValue || []));
+    return _(() => c?.unregisterField(b)), (o, r) => (d(), p("div", {
+      ref_key: "field",
+      ref: b,
+      class: O([{ required: e.required, disabled: e.disabled, modified: v.value, error: D(g).length > 0 }, "bs-checkbox-group bs-layout-vertical"]),
+      "data-field-name": e.name,
+      role: "group"
+    }, [
+      I("div", fn, [
+        e.viewMode ? (d(), p("div", {
+          key: 0,
+          class: "view-mode",
+          textContent: F(C.value)
+        }, null, 8, mn)) : (d(!0), p(K, { key: 1 }, J(e.items, (V) => (d(), R(cn, {
+          key: m(V),
+          disabled: e.disabled || f(V),
+          label: u(V),
+          "model-value": h.value[m(V)],
+          name: `${e.name || ""}_${m(V)}`,
+          tabindex: e.tabindex,
+          "disable-save-point": "",
+          "onUpdate:modelValue": (E) => w(E, V)
+        }, null, 8, ["disabled", "label", "model-value", "name", "tabindex", "onUpdate:modelValue"]))), 128))
+      ]),
+      e.viewMode ? q("", !0) : (d(), R(le, {
+        key: 0,
+        errors: D(g),
+        "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+      }, null, 8, ["errors", "hide-error-message"]))
+    ], 10, vn));
+  }
+}), hn = ["id", "checked", "disabled", "name", "tabindex"], gn = ["for"], pn = {
+  key: 0,
+  class: "font-icon"
+}, bn = ["textContent"], xn = ["for"], yn = /* @__PURE__ */ z({
+  __name: "BSRadioButton",
+  props: {
+    id: { default: () => j.generateNextId("radio") },
+    name: { default: () => j.generateNextName("radio") },
+    label: {},
+    icon: {},
+    modelValue: {},
+    itemValue: {},
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    tabindex: { default: 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = S(() => t.itemValue !== void 0 && t.itemValue === t.modelValue || !1), s = qe(), m = S(() => !!s?.default), h = {
+      change: (B) => {
+        B.target.checked && a("update:modelValue", t.itemValue);
+      }
+      // click: handleClick
+    };
+    return (B, w) => (d(), p("span", {
+      class: O([{ checked: u.value, disabled: e.disabled }, "bs-radio-button"])
+    }, [
+      I("input", de({
+        id: e.id,
+        checked: u.value,
+        disabled: e.disabled || e.viewMode,
+        name: e.name,
+        tabindex: e.tabindex,
+        class: "",
+        role: "radio",
+        type: "radio"
+      }, ce(h, !0)), null, 16, hn),
+      I("label", { for: e.id }, [
+        e.icon ? (d(), p("span", pn, F(e.icon), 1)) : q("", !0),
+        e.label ? (d(), p("span", {
+          key: 1,
+          textContent: F(e.label),
+          class: "text-label"
+        }, null, 8, bn)) : q("", !0)
+      ], 8, gn),
+      m.value ? (d(), p("label", {
+        key: 0,
+        for: e.id,
+        class: "slot-label cursor-pointer"
+      }, [
+        se(B.$slots, "default", { disabled: e.disabled })
+      ], 8, xn)) : q("", !0)
+    ], 2));
+  }
+}), Vn = ["data-field-name"], wn = ["textContent"], Cn = {
+  key: 1,
+  class: "radio-button-group",
+  role: "radiogroup"
+}, Ca = /* @__PURE__ */ z({
+  __name: "BSRadioButtonGroup",
+  props: {
+    name: { default: () => j.generateNextName("radioGroup") },
+    modelValue: {},
+    items: { default: () => [] },
+    valueProvider: {},
+    labelProvider: {},
+    iconProvider: {},
+    keyProvider: {},
+    enabledItemProvider: {},
+    tooltipProvider: {},
+    tabindex: { default: 0 },
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    required: { type: Boolean },
+    validationMessageRequired: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = (c) => Qe(c, t.labelProvider, () => String(c)), s = (c) => t.valueProvider ? t.valueProvider(c) : c, m = (c) => Me(c, t.keyProvider, () => String(s(c))), f = (c) => t.enabledItemProvider ? !t.enabledItemProvider(c) : !1, h = S(() => {
+      const c = t.items.find((l) => s(l) === t.modelValue);
+      return c ? u(c) : "";
+    }), B = (c) => {
+      a("update:modelValue", c);
+    };
+    Z(
+      () => t.modelValue,
+      () => i(t.modelValue, "change")
+    );
+    const w = $(), C = ie(), b = async (c, l) => {
+      const v = [];
+      return t.required && c === void 0 ? v.push({ code: "required", message: t.validationMessageRequired || "Required" }) : c !== void 0 && await oe(c, t.extraValidationRules, v, l, C), v;
+    }, y = S(() => t.viewMode || t.disabled), { errors: x, validateValue: i } = ae({
+      field: w,
+      disabled: y,
+      initialValue: t.modelValue,
+      isValid: b
+    }), g = t.ignoreSavePoint ? void 0 : te(), k = g?.registerField({
+      field: w,
+      getCurrentValue: () => t.modelValue,
+      setCurrentValue: (c) => a("update:modelValue", c)
+    }), P = S(() => !!k?.isModified(t.modelValue));
+    return _(() => g?.unregisterField(w)), (c, l) => (d(), p("div", {
+      ref_key: "field",
+      ref: w,
+      class: O([{ required: e.required, disabled: e.disabled, modified: P.value, error: D(x).length > 0 }, "bs-radio-button-group"]),
+      "data-field-name": e.name
+    }, [
+      e.viewMode ? (d(), p("div", {
+        key: 0,
+        textContent: F(h.value)
+      }, null, 8, wn)) : (d(), p("div", Cn, [
+        (d(!0), p(K, null, J(e.items, (v) => Q((d(), R(yn, {
+          key: m(v),
+          disabled: e.disabled || f(v),
+          icon: e.iconProvider?.(v),
+          "item-value": s(v),
+          label: u(v),
+          "model-value": e.modelValue,
+          name: e.name,
+          tabindex: e.tabindex,
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => B(o))
+        }, null, 8, ["disabled", "icon", "item-value", "label", "model-value", "name", "tabindex"])), [
+          [D(Ue), { content: e.tooltipProvider?.(v) }]
+        ])), 128))
+      ])),
+      e.viewMode ? q("", !0) : (d(), R(le, {
+        key: 2,
+        errors: D(x),
+        "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+      }, null, 8, ["errors", "hide-error-message"]))
+    ], 10, Vn));
+  }
+});
+function _e(e) {
+  return e != null;
+}
+function Le(e) {
+  e.focus();
+}
+const Mn = {
+  mounted: (e, n) => {
+    (n.value === void 0 || String(n.value) === "true" || typeof n.value == "number") && (typeof n.value == "number" ? setTimeout(() => Le(e), n.value) : Le(e));
+  }
+}, Pn = (e, n) => {
+  let t;
+  return (...a) => new Promise((u, s) => {
+    t && clearTimeout(t), t = setTimeout(() => {
+      try {
+        const m = e(...a);
+        u(m);
+      } catch (m) {
+        s(m);
+      } finally {
+        t = void 0;
+      }
+    }, n);
+  });
+}, Sn = {
+  key: 0,
+  class: "popup-search pa-4"
+}, kn = ["data-value", "onMouseover", "onClick"], $n = ["textContent"], Bn = ["textContent"], et = /* @__PURE__ */ z({
+  __name: "BSSelectPopup",
+  props: {
+    items: {},
+    initialItem: {},
+    selectedItems: {},
+    valueProvider: {},
+    labelProvider: {},
+    allowNull: { type: Boolean },
+    nullLabel: {},
+    maxHeight: {},
+    showSearch: { type: [Boolean, String], default: "auto" },
+    baseElement: {},
+    popupAlign: {},
+    popupDirection: {}
+  },
+  emits: ["itemSelected", "requestClose"],
+  setup(e, { expose: n, emit: t }) {
+    const a = e, u = t, s = $();
+    Z(
+      () => a.items,
+      async () => {
+        const o = await a.items, r = a.allowNull ? [void 0, ...o] : o;
+        s.value = r.map((V) => {
+          if (V !== void 0) {
+            const E = a.labelProvider(V), Y = E ? E.toLowerCase() : "";
+            return { original: V, value: a.valueProvider(V), label: E, keyword: Y };
+          } else return;
+        });
+      },
+      { immediate: !0 }
+    );
+    const m = S(() => a.showSearch === "auto" ? s.value && s.value.length > 10 : a.showSearch), f = $(""), h = S(() => {
+      if (s.value !== void 0)
+        return f.value ? s.value.filter((o) => o?.keyword?.includes(f.value)) : s.value;
+    }), B = Pn((o) => {
+      f.value = o;
+    }, 300), w = (o) => {
+      const r = o.target.value.trim().toLowerCase();
+      B(r);
+    }, C = (o) => h.value?.findIndex((r) => r === void 0 && o === void 0 ? !0 : r && o ? r.value === a.valueProvider(o) : !1) ?? -1, b = () => {
+      if (h.value && h.value.length > 0) {
+        const o = Math.min(C(g.value) + 1, h.value.length - 1);
+        k(h.value[o]?.original, o);
+      }
+    }, y = () => {
+      if (h.value && h.value.length > 0) {
+        const o = Math.max(0, C(g.value) - 1);
+        k(h.value[o]?.original, o);
+      }
+    }, x = () => {
+      v(g.value);
+    }, i = (o) => {
+      switch (o.key) {
+        case "Enter":
+          x();
+          break;
+        case "ArrowDown":
+          b();
+          break;
+        case "ArrowUp":
+          y();
+          break;
+      }
+    }, g = $();
+    g.value = a.initialItem;
+    const k = (o, r) => {
+      g.value = o, r !== void 0 && c(r);
+    }, P = $(), c = (o) => {
+      const r = P.value?.querySelectorAll(".popup-item")[o];
+      if (P.value && r) {
+        const V = P.value.getBoundingClientRect(), E = r.getBoundingClientRect();
+        (E.top < V.top || E.bottom > V.bottom) && (P.value.scrollTop = r.offsetTop - (P.value.offsetHeight - r.offsetHeight) / 2);
+      }
+    };
+    me(async () => {
+      await ge(), await ge();
+      const o = g.value || a.selectedItems?.[0];
+      o && c(C(o));
+    });
+    const l = (o) => {
+      const r = g.value;
+      return r === void 0 && o === void 0 ? !0 : r !== void 0 && o !== void 0 ? a.valueProvider(r) === a.valueProvider(o) : !1;
+    }, v = (o) => {
+      o && s.value && (o = s.value.filter(_e).find((r) => r && r.value === a.valueProvider(o))?.original), u("itemSelected", o);
+    };
+    return n({
+      handleKeyboard: i
+    }), (o, r) => (d(), R(je, {
+      "base-element": e.baseElement,
+      "max-height": e.maxHeight,
+      "offset-from-base-element": 4,
+      "popup-align": e.popupAlign,
+      "popup-direction": e.popupDirection,
+      "extra-class": "bs-select-popup bs-layout-vertical",
+      onRequestClose: r[2] || (r[2] = (V) => u("requestClose")),
+      onKeydown: G(N(i, ["stop", "prevent"]), ["enter", "down", "up"])
+    }, {
+      default: ee(() => [
+        m.value ? (d(), p("div", Sn, [
+          Q(I("input", {
+            type: "text",
+            onInput: w,
+            onKeydown: r[0] || (r[0] = G(N(() => {
+            }, ["stop"]), ["space"])),
+            onClick: r[1] || (r[1] = N(() => {
+            }, ["stop"]))
+          }, null, 544), [
+            [D(Mn)]
+          ])
+        ])) : q("", !0),
+        I("div", {
+          ref_key: "popupItems",
+          ref: P,
+          class: "popup-items grow h-full overflow-auto"
+        }, [
+          (d(!0), p(K, null, J(h.value, (V) => (d(), p("div", {
+            key: V !== void 0 ? String(V) : "",
+            class: O([{
+              hovered: l(V?.original),
+              "selected-item": V !== void 0 && e.selectedItems?.includes(V?.original)
+            }, "popup-item"]),
+            "data-value": V?.value || "",
+            onMouseover: (E) => k(V?.original),
+            onClick: N((E) => v(V?.original), ["stop"])
+          }, [
+            r[3] || (r[3] = I("span", { class: "checkbox" }, null, -1)),
+            V !== void 0 ? (d(), p("label", {
+              key: 0,
+              textContent: F(V?.label),
+              class: "label"
+            }, null, 8, $n)) : (d(), p("label", {
+              key: 1,
+              textContent: F(e.nullLabel),
+              class: "label null-label"
+            }, null, 8, Bn))
+          ], 42, kn))), 128))
+        ], 512)
+      ]),
+      _: 1
+    }, 8, ["base-element", "max-height", "popup-align", "popup-direction", "onKeydown"]));
+  }
+}), De = (e, n) => {
+  e.vClickOutsideContext = {
+    enabled: n?.enabled ?? !0,
+    handler: typeof n == "function" ? n : n?.handler,
+    insideElements: n?.insideElements
+  };
+}, En = (e, n) => n ? n.some((t) => {
+  if (t instanceof HTMLElement)
+    return t.contains(e);
+  if (typeof t == "string")
+    return document.querySelector(t)?.contains(e);
+}) : !1, tt = {
+  mounted: (e, n) => {
+    const t = (a) => {
+      let u = a.target;
+      if (!e.contains(u)) {
+        const s = e.vClickOutsideContext;
+        s && s.enabled && (En(u, s.insideElements) || s.handler?.());
+      }
+    };
+    e.vClickOutsideListener = t, De(e, n.value), window.addEventListener("click", t);
+  },
+  updated: (e, n) => {
+    De(e, n.value);
+  },
+  unmounted: (e) => {
+    const n = e.vClickOutsideListener;
+    n && window.removeEventListener("click", n), delete e.vClickOutsideContext;
+  }
+}, In = ["tabindex", "onKeydown"], Ln = ["textContent"], Dn = ["data-field-name"], Tn = ["textContent"], Fn = ["textContent"], On = {
+  key: 2,
+  class: "small-progress"
+}, Ma = /* @__PURE__ */ z({
+  __name: "BSSelect",
+  props: {
+    modelValue: {},
+    items: { default: () => [] },
+    name: {},
+    valueProvider: { type: Function, default: (e) => e },
+    labelProvider: { type: Function, default: Xe },
+    selectedLabelProvider: {},
+    placeholder: { default: () => "" },
+    allowNull: { type: Boolean },
+    nullLabel: {},
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    tabindex: { default: 0 },
+    required: { type: Boolean },
+    validationMessageRequired: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    popupAlign: {},
+    popupDirection: {},
+    popupMaxHeight: {},
+    showPopupSearch: { type: [Boolean, String], default: "auto" },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = $(), s = $(!1);
+    Z(
+      () => t.items,
+      async () => {
+        s.value = !0, u.value = await t.items, s.value = !1;
+      },
+      { immediate: !0 }
+    );
+    const m = (T) => t.labelProvider ? t.labelProvider(T) : String(T), f = (T) => t.valueProvider ? t.valueProvider(T) : T, h = (T) => T !== void 0 ? u.value?.find((A) => f(A) === T) : void 0, B = S(() => !t.modelValue), w = S(() => h(t.modelValue)), C = S(() => w.value !== void 0 ? [w.value] : []), b = S(() => w.value !== void 0 ? t.selectedLabelProvider ? t.selectedLabelProvider(w.value) : m(w.value) : ""), y = $(!1), x = (T) => {
+      !t.disabled && !t.viewMode && (y.value = T === void 0 ? !y.value : T);
+    }, i = (T) => {
+      y.value ? T.stopPropagation() : x(!1);
+    }, g = $(), k = (T) => {
+      y.value ? g.value && g.value.handleKeyboard(T) : x(!0);
+    }, P = (T) => {
+      const A = T ? f(T) : void 0;
+      a("update:modelValue", A), y.value = !1, l();
+    }, c = He("root"), l = () => c.value?.focus();
+    Z(
+      () => t.modelValue,
+      () => Y(t.modelValue, "change")
+    );
+    const v = $(), o = ie(), r = async (T, A) => {
+      const ne = [];
+      return t.required && T === void 0 ? ne.push({ code: "required", message: t.validationMessageRequired || "Required" }) : T !== void 0 && await oe(T, t.extraValidationRules, ne, A, o), ne;
+    }, V = S(() => t.viewMode || t.disabled), { errors: E, validateValue: Y } = ae({
+      field: v,
+      disabled: V,
+      initialValue: t.modelValue,
+      isValid: r
+    }), M = t.ignoreSavePoint ? void 0 : te(), L = M?.registerField({
+      field: v,
+      getCurrentValue: () => t.modelValue,
+      setCurrentValue: (T) => a("update:modelValue", T)
+    }), H = S(() => !!L?.isModified(t.modelValue));
+    return _(() => M?.unregisterField(v)), (T, A) => Q((d(), p("div", {
+      ref: "root",
+      class: O([{ "popup-open": y.value, disabled: e.disabled, modified: H.value, error: D(E).length > 0, empty: B.value, "view-mode": e.viewMode }, "bs-select"]),
+      tabindex: e.disabled ? -1 : e.tabindex,
+      onClick: A[1] || (A[1] = (ne) => x()),
+      onKeydown: [
+        A[2] || (A[2] = G(N((ne) => x(), ["stop", "prevent"]), ["space"])),
+        G(N(k, ["stop", "prevent"]), ["enter", "down", "up"]),
+        A[3] || (A[3] = G(N((ne) => {
+          x(!1), l();
+        }, ["stop", "prevent"]), ["esc"])),
+        G(i, ["tab"])
+      ]
+    }, [
+      e.viewMode ? (d(), p("div", {
+        key: 0,
+        textContent: F(b.value)
+      }, null, 8, Ln)) : (d(), p(K, { key: 1 }, [
+        I("div", {
+          ref_key: "field",
+          ref: v,
+          "data-field-name": e.name,
+          class: "selected w-full",
+          role: "listbox"
+        }, [
+          w.value === void 0 ? (d(), p("span", {
+            key: 0,
+            textContent: F(e.placeholder),
+            class: "placeholder grow"
+          }, null, 8, Tn)) : (d(), p("span", {
+            key: 1,
+            textContent: F(b.value),
+            class: "label"
+          }, null, 8, Fn)),
+          A[4] || (A[4] = I("span", { class: "dropdown-btn" }, "expand_more", -1)),
+          s.value ? (d(), p("span", On, "progress_activity")) : q("", !0)
+        ], 8, Dn),
+        !e.disabled && y.value ? (d(), R(et, {
+          key: 0,
+          ref_key: "selectPopup",
+          ref: g,
+          "allow-null": e.allowNull,
+          "base-element": c.value,
+          "initial-item": w.value,
+          items: e.items,
+          "label-provider": e.labelProvider,
+          "max-height": e.popupMaxHeight,
+          "null-label": e.nullLabel,
+          "popup-align": e.popupAlign,
+          "popup-direction": e.popupDirection,
+          "selected-items": C.value,
+          "show-search": e.showPopupSearch,
+          "value-provider": e.valueProvider,
+          onItemSelected: P,
+          onRequestClose: A[0] || (A[0] = (ne) => {
+            x(!1), l();
+          })
+        }, null, 8, ["allow-null", "base-element", "initial-item", "items", "label-provider", "max-height", "null-label", "popup-align", "popup-direction", "selected-items", "show-search", "value-provider"])) : q("", !0),
+        e.viewMode ? q("", !0) : (d(), R(le, {
+          key: 1,
+          errors: D(E),
+          "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+        }, null, 8, ["errors", "hide-error-message"]))
+      ], 64))
+    ], 42, In)), [
+      [D(tt), () => x(!1)]
+    ]);
+  }
+}), qn = ["tabindex", "onKeydown"], Hn = { key: 0 }, Rn = ["textContent"], Nn = ["textContent"], zn = ["data-field-name"], An = ["textContent"], Yn = {
+  key: 1,
+  class: "text-truncate"
+}, Un = ["textContent"], Kn = ["textContent"], jn = {
+  key: 2,
+  class: "small-progress"
+}, Pa = /* @__PURE__ */ z({
+  __name: "BSMultiSelect",
+  props: {
+    modelValue: { default: () => [] },
+    items: { default: () => [] },
+    name: {},
+    valueProvider: { type: Function, default: (e) => e },
+    labelProvider: { type: Function, default: Xe },
+    selectedLabelProvider: {},
+    keyProvider: {},
+    placeholder: {},
+    tabindex: { default: 0 },
+    disabled: { type: Boolean },
+    viewMode: { type: Boolean },
+    required: { type: Boolean },
+    validationMessageRequired: {},
+    extraValidationRules: {},
+    ignoreSavePoint: { type: Boolean },
+    popupAlign: {},
+    popupDirection: {},
+    popupMaxHeight: {},
+    showPopupSearch: { type: [Boolean, String], default: "auto" },
+    hideErrorMessage: { type: Boolean },
+    showErrorMessageOnDisabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, a = n, u = $(), s = $(!1);
+    Z(
+      () => t.items,
+      async () => {
+        s.value = !0, u.value = await t.items, s.value = !1;
+      },
+      { immediate: !0 }
+    );
+    const m = (M) => Qe(M, t.labelProvider, () => String(M)), f = (M) => t.valueProvider ? t.valueProvider(M) : M, h = (M) => Me(M, t.keyProvider, () => String(M)), B = (M) => M ? u.value?.find((L) => f(L) === M) : void 0, w = S(() => !t.modelValue || t.modelValue.length === 0), C = S(() => t.modelValue.map(B).filter(_e)), b = $(!1), y = (M) => {
+      !t.disabled && !t.viewMode && (b.value = M === void 0 ? !b.value : M);
+    }, x = $(), i = (M) => {
+      b.value ? x.value && x.value.handleKeyboard(M) : y(!0);
+    }, g = (M) => {
+      if (M && u.value) {
+        let L = [...C.value];
+        const H = L.indexOf(M);
+        H >= 0 ? L.splice(H, 1) : L = u.value.filter((A) => L.includes(A) || A === M);
+        const T = L.map(f);
+        a("update:modelValue", T);
+      }
+    }, k = He("root");
+    Z(
+      () => t.modelValue,
+      () => r(t.modelValue, "change")
+    );
+    const P = $(), c = ie(), l = async (M, L) => {
+      const H = [];
+      return t.required && (M === void 0 || M.length === 0) ? H.push({ code: "required", message: t.validationMessageRequired || "Required" }) : M !== void 0 && await oe(M, t.extraValidationRules, H, L, c), H;
+    }, v = S(() => t.viewMode || t.disabled), { errors: o, validateValue: r } = ae({
+      field: P,
+      disabled: v,
+      initialValue: t.modelValue,
+      isValid: l
+    }), V = t.ignoreSavePoint ? void 0 : te(), E = V?.registerField({
+      field: P,
+      getCurrentValue: () => [...t.modelValue],
+      setCurrentValue: (M) => a("update:modelValue", [...M || []]),
+      compare: (M, L) => M?.toSorted().join(",") === L?.toSorted().join(",")
+    }), Y = S(() => !!E?.isModified(t.modelValue || []));
+    return _(() => V?.unregisterField(P)), (M, L) => Q((d(), p("div", {
+      ref: "root",
+      class: O([{ "popup-open": b.value, disabled: e.disabled, modified: Y.value, error: D(o).length > 0, empty: w.value, "view-mode": e.viewMode }, "bs-multi-select"]),
+      tabindex: e.disabled ? -1 : e.tabindex,
+      onClick: L[1] || (L[1] = (H) => y()),
+      onKeydown: [
+        L[2] || (L[2] = G(N((H) => y(), ["stop", "prevent"]), ["space"])),
+        G(N(i, ["stop", "prevent"]), ["enter", "down", "up"]),
+        L[3] || (L[3] = G(N((H) => y(!1), ["stop", "prevent"]), ["esc"])),
+        L[4] || (L[4] = G((H) => y(!1), ["tab"]))
+      ]
+    }, [
+      e.viewMode ? (d(), p("div", Hn, [
+        e.selectedLabelProvider ? (d(), p("span", {
+          key: 0,
+          textContent: F(e.selectedLabelProvider(C.value)),
+          class: "label"
+        }, null, 8, Rn)) : (d(!0), p(K, { key: 1 }, J(C.value, (H) => (d(), p("span", {
+          key: h(H),
+          textContent: F(m(H)),
+          class: "label"
+        }, null, 8, Nn))), 128))
+      ])) : (d(), p(K, { key: 1 }, [
+        I("div", {
+          ref_key: "field",
+          ref: P,
+          "data-field-name": e.name,
+          class: "selected w-full",
+          role: "listbox"
+        }, [
+          C.value.length === 0 ? (d(), p("span", {
+            key: 0,
+            textContent: F(e.placeholder),
+            class: "placeholder grow"
+          }, null, 8, An)) : (d(), p("span", Yn, [
+            e.selectedLabelProvider ? (d(), p("span", {
+              key: 0,
+              textContent: F(e.selectedLabelProvider(C.value)),
+              class: "label"
+            }, null, 8, Un)) : (d(!0), p(K, { key: 1 }, J(C.value, (H) => (d(), p("span", {
+              key: h(H),
+              textContent: F(m(H)),
+              class: "label"
+            }, null, 8, Kn))), 128))
+          ])),
+          L[5] || (L[5] = I("span", { class: "dropdown-btn" }, "expand_more", -1)),
+          s.value ? (d(), p("span", jn, "progress_activity")) : q("", !0)
+        ], 8, zn),
+        !e.disabled && b.value ? (d(), R(et, {
+          key: 0,
+          ref_key: "selectPopup",
+          ref: x,
+          "base-element": k.value,
+          "initial-item": C.value[0],
+          items: e.items,
+          "label-provider": e.labelProvider,
+          "max-height": e.popupMaxHeight,
+          "popup-align": e.popupAlign,
+          "popup-direction": e.popupDirection,
+          "selected-items": C.value,
+          "show-search": e.showPopupSearch,
+          "value-provider": e.valueProvider,
+          onItemSelected: g,
+          onRequestClose: L[0] || (L[0] = (H) => y(!1))
+        }, null, 8, ["base-element", "initial-item", "items", "label-provider", "max-height", "popup-align", "popup-direction", "selected-items", "show-search", "value-provider"])) : q("", !0)
+      ], 64)),
+      e.viewMode ? q("", !0) : (d(), R(le, {
+        key: 2,
+        errors: D(o),
+        "hide-error-message": e.hideErrorMessage || e.disabled && !e.showErrorMessageOnDisabled
+      }, null, 8, ["errors", "hide-error-message"]))
+    ], 42, qn)), [
+      [D(tt), () => y(!1)]
+    ]);
+  }
+}), Zn = /* @__PURE__ */ z({
+  __name: "SlideDownTransition",
+  setup(e) {
+    const n = (f) => {
+      f instanceof HTMLElement && requestAnimationFrame(() => {
+        f.style.maxHeight = "0px";
+      });
+    }, t = (f) => {
+      f instanceof HTMLElement && requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          f.style.maxHeight = `${f.scrollHeight}px`;
+        });
+      });
+    }, a = (f) => {
+      f instanceof HTMLElement && (f.style.maxHeight = "none");
+    }, u = (f) => {
+      f instanceof HTMLElement && requestAnimationFrame(() => {
+        f.style.maxHeight = `${f.scrollHeight}px`;
+      });
+    }, s = (f) => {
+      f instanceof HTMLElement && requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          f.style.maxHeight = "0px";
+        });
+      });
+    }, m = (f) => {
+      f instanceof HTMLElement && (f.style.maxHeight = "none");
+    };
+    return (f, h) => (d(), R(Fe, {
+      name: "slide-down",
+      onEnter: t,
+      onLeave: s,
+      onBeforeEnter: n,
+      onAfterEnter: a,
+      onBeforeLeave: u,
+      onAfterLeave: m
+    }, {
+      default: ee(() => [
+        se(f.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), Wn = {
+  key: 0,
+  class: "card-layout-header bs-layout-horizontal flex-align-center"
+}, Gn = ["textContent"], Sa = /* @__PURE__ */ z({
+  __name: "BSCardLayout",
+  props: {
+    title: {},
+    hideTitle: { type: Boolean },
+    cardBodyClass: {}
+  },
+  setup(e) {
+    const n = $(!0), t = () => n.value = !n.value;
+    return (a, u) => (d(), p("div", {
+      class: O([{ expanded: n.value }, "bs-card-layout"])
+    }, [
+      e.hideTitle ? q("", !0) : (d(), p("div", Wn, [
+        I("span", {
+          class: "expand-btn font-icon bs-clickable",
+          onClick: t
+        }, "label"),
+        I("div", {
+          textContent: F(e.title),
+          class: "card-layout-title"
+        }, null, 8, Gn),
+        u[0] || (u[0] = I("div", { class: "grow" }, null, -1)),
+        I("div", null, [
+          se(a.$slots, "title-right")
+        ])
+      ])),
+      U(Zn, null, {
+        default: ee(() => [
+          Q(I("div", {
+            class: O(e.cardBodyClass)
+          }, [
+            se(a.$slots, "default")
+          ], 2), [
+            [st, n.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+}), Jn = { class: "bs-notification-container" }, Xn = { class: "top-notification bs-layout-vertical-inline flex-align-center gap-4" }, Qn = ["textContent"], _n = { class: "bottom-notification bs-layout-vertical-inline flex-align-end gap-4" }, ea = { class: "tooltip-container" }, ka = /* @__PURE__ */ z({
+  __name: "BSNotificationContainer",
+  setup(e) {
+    const n = $(), t = (a, u) => {
+      X.value && n.value && !n.value.$el?.contains(u.relatedTarget) && (X.value.cursorInTooltip = a, a || he());
+    };
+    return (a, u) => (d(), p("div", Jn, [
+      I("div", Xn, [
+        U(Pe, { name: "notification" }, {
+          default: ee(() => [
+            (d(!0), p(K, null, J(D(dt), (s) => (d(), p("div", {
+              key: s.entryId,
+              textContent: F(s.message),
+              class: O(s.style)
+            }, null, 10, Qn))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      I("div", _n, [
+        U(Pe, { name: "alarm" }, {
+          default: ee(() => [
+            (d(!0), p(K, null, J(D(ct), (s) => (d(), R(xe(s.component), {
+              key: s.entryId,
+              "alarm-entry-id": s.entryId,
+              class: "bs-alarm-frame"
+            }, null, 8, ["alarm-entry-id"]))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      I("div", ea, [
+        D(X) ? (d(), R(kt, {
+          key: 0,
+          ref_key: "tooltip",
+          ref: n,
+          content: D(X).content,
+          target: D(X).target,
+          onMouseout: u[0] || (u[0] = (s) => t(!1, s)),
+          onMouseover: u[1] || (u[1] = (s) => t(!0, s))
+        }, null, 8, ["content", "target"])) : q("", !0)
+      ]),
+      D(vt) ? (d(), R(wt, { key: 0 })) : q("", !0)
+    ]));
+  }
+}), ta = ["data-menu-id"], na = ["textContent", "href", "target"], aa = ["data-menu-id"], oa = ["textContent", "data-menu-id", "onMouseenter", "onClick"], la = /* @__PURE__ */ z({
+  __name: "BSContextMenu",
+  props: {
+    menuItems: {},
+    popupId: {},
+    baseElement: {},
+    left: {},
+    top: {},
+    zIndex: {},
+    direction: {}
+  },
+  emits: ["menuClicked", "requestClose"],
+  setup(e, { emit: n }) {
+    const t = n, a = ze(), u = (C) => {
+      C.disabled || C.children || (C.handler?.(), a.hideContextMenu(), t("menuClicked", C));
+    }, s = () => {
+      a.hideContextMenu();
+    }, m = () => {
+      w(), t("requestClose");
+    }, f = $(), h = $(), B = (C, b) => {
+      b.children ? (h.value = C.target, f.value = b.children) : (f.value = void 0, h.value = void 0);
+    }, w = () => {
+      a.hideContextMenu();
+    };
+    return (C, b) => {
+      const y = Se("router-link"), x = Se("BSContextMenu", !0);
+      return d(), R(je, {
+        ref: "root",
+        "base-element": e.baseElement || { left: e.left || 0, top: e.top || 0 },
+        "popup-direction": e.direction,
+        "popup-id": e.popupId,
+        "z-index": e.zIndex,
+        "extra-class": "bs-context-menu",
+        onRequestClose: m,
+        onKeydown: G(w, ["esc"])
+      }, {
+        default: ee(() => [
+          (d(!0), p(K, null, J(e.menuItems, (i) => (d(), p(K, { key: i }, [
+            i.type === "separator" ? (d(), p("div", {
+              key: 0,
+              class: "menu separator",
+              onClick: b[0] || (b[0] = N(() => {
+              }, ["stop"]))
+            })) : i.type === "custom" && i.component ? (d(), R(xe(i.component), {
+              key: 1,
+              class: "menu custom"
+            })) : i.type === "link" ? (d(), p("div", {
+              key: 2,
+              "data-menu-id": i.menuId,
+              class: "menu no-padding",
+              "data-id": "context-menu-item"
+            }, [
+              I("a", {
+                textContent: F(i.caption),
+                href: i.href,
+                target: i.target,
+                onClick: N(s, ["stop"])
+              }, null, 8, na)
+            ], 8, ta)) : i.type === "route" ? (d(), p("div", {
+              key: 3,
+              "data-menu-id": i.menuId,
+              class: "menu no-padding",
+              "data-id": "context-menu-item"
+            }, [
+              U(y, {
+                textContent: F(i.caption),
+                to: i.href || "",
+                onClick: N(s, ["stop"])
+              }, null, 8, ["textContent", "to"])
+            ], 8, aa)) : (d(), p("div", {
+              key: 4,
+              textContent: F(i.caption),
+              class: O([{ "has-submenu": i.children, disabled: i.disabled }, "menu"]),
+              "data-menu-id": i.menuId,
+              "data-id": "context-menu-item",
+              onMouseenter: (g) => B(g, i),
+              onClick: N((g) => u(i), ["stop"])
+            }, null, 42, oa))
+          ], 64))), 128)),
+          f.value && h.value ? (d(), R(x, {
+            key: 0,
+            "base-element": h.value,
+            "menu-items": f.value,
+            direction: "auto-right"
+          }, null, 8, ["base-element", "menu-items"])) : q("", !0)
+        ]),
+        _: 1
+      }, 8, ["base-element", "popup-direction", "popup-id", "z-index"]);
+    };
+  }
+}), ia = { class: "bs-context-menu-container" }, $a = /* @__PURE__ */ z({
+  __name: "BSContextMenuContainer",
+  setup(e) {
+    const n = ze(), t = S(() => n.contextMenuItems.value), a = S(() => n.position.value || { x: 0, y: 0 }), u = S(() => n.options.value), s = () => {
+      n.hideContextMenu();
+    };
+    return (m, f) => (d(), p("div", ia, [
+      t.value ? (d(), p("div", {
+        key: 0,
+        class: "context-menu-curtain",
+        tabindex: "0",
+        onClick: N(s, ["prevent"]),
+        onContextmenu: N(s, ["prevent"])
+      }, null, 32)) : q("", !0),
+      t.value ? (d(), R(la, {
+        key: 1,
+        left: a.value.x,
+        "menu-items": t.value,
+        top: a.value.y,
+        "z-index": u.value?.zIndex
+      }, null, 8, ["left", "menu-items", "top", "z-index"])) : q("", !0),
+      f[0] || (f[0] = I("div", { class: "bs-popup-container" }, null, -1))
+    ]));
+  }
+});
+export {
+  va as BSButton,
+  Sa as BSCardLayout,
+  cn as BSCheckbox,
+  wa as BSCheckboxGroup,
+  la as BSContextMenu,
+  $a as BSContextMenuContainer,
+  Ne as BSContextMenuPlugin,
+  wt as BSLoadingIcon,
+  Pa as BSMultiSelect,
+  ka as BSNotificationContainer,
+  ya as BSNumberInput,
+  fa as BSPageNavigation,
+  je as BSPopup,
+  yn as BSRadioButton,
+  Ca as BSRadioButtonGroup,
+  Ma as BSSelect,
+  Va as BSTextArea,
+  xa as BSTextInput,
+  kt as BSTooltip,
+  ca as BlueseaPlugin,
+  Ve as ContextMenuPluginKey,
+  We as SavePointImpl,
+  pa as cancelProvidedSavePoint,
+  da as createContextMenuPlugin,
+  Pn as debounce,
+  _e as notNull,
+  ba as provideFieldContext,
+  ga as provideSavePoint,
+  ha as tryUntil,
+  ze as useContextMenu,
+  ua as useContextMenuOptional,
+  ie as useFieldContext,
+  te as useSavePoint,
+  tt as vClickOutside,
+  Mn as vFocusOnLoad,
+  Ue as vTooltip,
+  Ct as waitDuring,
+  ma as waitUntil
+};