@digitalwalletcorp/vue-core 1.4.7 → 1.4.8

package/lib/{warning-popper.vue_vue_type_style_index_0_lang-DuzeuEx2.js → warning-popper.vue_vue_type_style_index_0_lang-CuqNSPPH.js}

@@ -1,6 +1,7 @@
-import { defineComponent as O, useSlots as Z, openBlock as u, createElementBlock as f, normalizeStyle as F, renderSlot as x, createBlock as j, resolveDynamicComponent as te, mergeProps as le, createCommentVNode as T, normalizeClass as I, createTextVNode as Q, toDisplayString as A, ref as B, onMounted as X, onBeforeUnmount as G, useModel as re, computed as E, createElementVNode as b, createVNode as D, unref as _, createSlots as de, withCtx as H, mergeModels as J, withModifiers as ee, normalizeProps as je, guardReactiveProps as We, TransitionGroup as ct, Fragment as K, renderList as U, getCurrentInstance as Ke, inject as ke, toValue as ut, shallowReactive as pt, render as pe, h as me, shallowRef as mt, watch as Y, withKeys as we, useAttrs as Fe, useId as se, reactive as Te, Transition as vt, provide as ft, Teleport as gt } from "vue";
+import { defineComponent as A, useSlots as Q, openBlock as r, createElementBlock as v, normalizeStyle as F, renderSlot as x, createBlock as W, resolveDynamicComponent as te, mergeProps as le, createCommentVNode as E, normalizeClass as D, createTextVNode as q, toDisplayString as M, ref as B, onMounted as X, onBeforeUnmount as U, useModel as re, computed as T, createElementVNode as b, createVNode as I, unref as _, createSlots as de, withCtx as H, mergeModels as Z, withModifiers as ee, normalizeProps as je, guardReactiveProps as We, TransitionGroup as ct, Fragment as j, renderList as V, getCurrentInstance as Ke, inject as ke, toValue as ut, shallowReactive as pt, render as pe, h as me, shallowRef as mt, watch as Y, withKeys as we, useAttrs as Fe, useId as se, reactive as Te, Transition as vt, provide as ft, Teleport as gt } from "vue";
 import { SvgTriangleButton as Ve, SvgWastebasket as bt, SvgMemo as ht, SvgHighBrightness as wt, SvgMoonPhases as yt, SvgChevronDouble as Ee, SvgChevron as Me, SvgBlackArrow as Ae, SvgFolderDownload as _t, SvgCloudDownload as $t, SvgPointingTriangle as kt, SvgQuestion as Ce, SvgHourglass as Ct, SvgCritical as St, SvgWarningSign as Ge, SvgInfo as xt, SvgNegativeSquaredCrossMark as Pt, SvgCornerDiagonal as Bt, SvgRoundPushpin as Lt, SvgPushpin as Tt, SvgSquare as Et, SvgCircle as Mt, SvgDiamond as At } from "@digitalwalletcorp/vue-svg-icons";
-const oe = /* @__PURE__ */ O({
+import { diffChars as Ot } from "diff";
+const oe = /* @__PURE__ */ A({
   __name: "label-icon",
   props: {
     preset: {},
@@ -11,44 +12,44 @@ const oe = /* @__PURE__ */ O({
     labelStyle: { type: [Boolean, null, String, Object, Array] }
   },
   setup(n) {
-    const t = n, e = Z();
-    return (o, a) => (u(), f("span", {
+    const t = n, e = Q();
+    return (o, a) => (r(), v("span", {
       class: "dwui-label-icon",
       style: F(t.gap == null ? void 0 : { "--dwui-gap-label-icon": t.gap })
     }, [
       x(o.$slots, "icon", {}, () => [
-        t.preset != null ? (u(), j(te(t.preset.icon), le({ key: 0 }, t.preset.iconProps, {
+        t.preset != null ? (r(), W(te(t.preset.icon), le({ key: 0 }, t.preset.iconProps, {
           class: t.iconClass,
           style: t.iconStyle
-        }), null, 16, ["class", "style"])) : T("", !0)
+        }), null, 16, ["class", "style"])) : E("", !0)
       ]),
-      e.default != null || t.preset != null ? (u(), f("span", {
+      e.default != null || t.preset != null ? (r(), v("span", {
         key: 0,
-        class: I(["dwui-label", t.labelClass]),
+        class: D(["dwui-label", t.labelClass]),
         style: F(t.labelStyle)
       }, [
         x(o.$slots, "default", {}, () => [
-          Q(A(typeof t.preset?.label == "function" ? t.preset.label() : t.preset?.label), 1)
+          q(M(typeof t.preset?.label == "function" ? t.preset.label() : t.preset?.label), 1)
         ])
-      ], 6)) : T("", !0)
+      ], 6)) : E("", !0)
     ], 4));
   }
-}), Ot = 70;
+}), Dt = 70;
 function Ue(n) {
   const t = B(!0);
   let e;
   return X(() => {
     const o = n.value;
     o != null && (e = new ResizeObserver(() => {
-      t.value = Ot <= o.scrollHeight;
+      t.value = Dt <= o.scrollHeight;
     }), e.observe(o));
-  }), G(() => {
+  }), U(() => {
     e?.disconnect();
   }), t;
 }
-const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-expanded"], Dn = /* @__PURE__ */ O({
+const It = ["disabled"], Nt = { class: "dwui-accordion-legend" }, zt = ["aria-expanded"], jn = /* @__PURE__ */ A({
   __name: "accordion-fieldset",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Z({
     legend: {},
     disabled: { type: Boolean },
     initialExpand: { type: Boolean }
@@ -58,63 +59,63 @@ const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-ex
   }),
   emits: ["update:expanded"],
   setup(n) {
-    const t = n, e = Z(), o = B(), a = re(n, "expanded"), l = B(!!t.initialExpand), s = E({
+    const t = n, e = Q(), o = B(), a = re(n, "expanded"), l = B(!!t.initialExpand), s = T({
       get: () => a.value ?? l.value,
-      set: (r) => {
-        l.value = r, a.value = r;
+      set: (d) => {
+        l.value = d, a.value = d;
       }
     }), p = Ue(o), i = () => {
       s.value = !s.value;
     };
-    return (r, h) => (u(), f("fieldset", {
+    return (d, h) => (r(), v("fieldset", {
       class: "dwui-accordion-fieldset",
       disabled: t.disabled
     }, [
-      b("legend", It, [
+      b("legend", Nt, [
         b("button", {
           type: "button",
           class: "dwui-accordion-toggle",
           "aria-expanded": s.value,
           onClick: i
         }, [
-          D(_(Ve), {
+          I(_(Ve), {
             direction: s.value ? "up" : "down"
           }, null, 8, ["direction"]),
-          t.legend != null || e.legend != null || e.icon != null ? (u(), j(oe, { key: 0 }, de({ _: 2 }, [
+          t.legend != null || e.legend != null || e.icon != null ? (r(), W(oe, { key: 0 }, de({ _: 2 }, [
             e.icon != null ? {
               name: "icon",
               fn: H(() => [
-                x(r.$slots, "icon")
+                x(d.$slots, "icon")
               ]),
               key: "0"
             } : void 0,
             t.legend != null || e.legend != null ? {
               name: "default",
               fn: H(() => [
-                x(r.$slots, "legend", {}, () => [
-                  Q(A(t.legend), 1)
+                x(d.$slots, "legend", {}, () => [
+                  q(M(t.legend), 1)
                 ])
               ]),
               key: "1"
             } : void 0
-          ]), 1024)) : T("", !0)
-        ], 8, Nt)
+          ]), 1024)) : E("", !0)
+        ], 8, zt)
       ]),
       b("div", {
         ref_key: "refContents",
         ref: o,
-        class: I(["dwui-accordion-contents", _(p) ? s.value ? "dwui-expanded" : "dwui-shrunk" : ""])
+        class: D(["dwui-accordion-contents", _(p) ? s.value ? "dwui-expanded" : "dwui-shrunk" : ""])
       }, [
-        x(r.$slots, "default")
+        x(d.$slots, "default")
       ], 2)
-    ], 8, Dt));
+    ], 8, It));
   }
-}), zt = { class: "dwui-accordion-section" }, Ht = {
+}), Ht = { class: "dwui-accordion-section" }, Rt = {
   key: 0,
   class: "dwui-accordion-section-control"
-}, Rt = ["disabled", "aria-expanded"], In = /* @__PURE__ */ O({
+}, jt = ["disabled", "aria-expanded"], Wn = /* @__PURE__ */ A({
   __name: "accordion-section",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Z({
     disabled: { type: Boolean },
     initialExpand: { type: Boolean },
     noGradient: { type: Boolean },
@@ -128,12 +129,12 @@ const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-ex
   }),
   emits: ["update:expanded"],
   setup(n) {
-    const t = n, e = Z(), o = B(), a = re(n, "expanded"), l = B(!!t.initialExpand), s = E({
+    const t = n, e = Q(), o = B(), a = re(n, "expanded"), l = B(!!t.initialExpand), s = T({
       get: () => a.value ?? l.value,
       set: (C) => {
         l.value = C, a.value = C;
       }
-    }), p = Ue(o), i = E(() => s.value ? t.collapsePreset : t.expandPreset), r = () => (s.value ? e["collapse-icon"] : e["expand-icon"]) ?? i.value?.icon, h = () => (s.value ? e["collapse-icon"] : e["expand-icon"]) == null ? i.value?.iconProps : void 0, v = E(() => {
+    }), p = Ue(o), i = T(() => s.value ? t.collapsePreset : t.expandPreset), d = () => (s.value ? e["collapse-icon"] : e["expand-icon"]) ?? i.value?.icon, h = () => (s.value ? e["collapse-icon"] : e["expand-icon"]) == null ? i.value?.iconProps : void 0, f = T(() => {
       const C = s.value ? t.collapseLabel : t.expandLabel;
       if (C != null)
         return C;
@@ -142,18 +143,18 @@ const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-ex
     }), m = () => {
       s.value = !s.value;
     };
-    return (C, P) => (u(), f("div", zt, [
+    return (C, P) => (r(), v("div", Ht, [
       b("div", {
         ref_key: "refContents",
         ref: o,
-        class: I(["dwui-accordion-section-contents", [
+        class: D(["dwui-accordion-section-contents", [
           _(p) ? s.value ? "dwui-expanded" : "dwui-shrunk" : "",
           { "dwui-no-gradient": t.noGradient }
         ]])
       }, [
         x(C.$slots, "default")
       ], 2),
-      _(p) ? (u(), f("div", Ht, [
+      _(p) ? (r(), v("div", Rt, [
         b("button", {
           type: "button",
           class: "dwui-accordion-section-toggle",
@@ -161,42 +162,42 @@ const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-ex
           "aria-expanded": s.value,
           onClick: ee(m, ["stop"])
         }, [
-          r() != null || v.value != null ? (u(), j(oe, { key: 0 }, de({ _: 2 }, [
-            r() != null ? {
+          d() != null || f.value != null ? (r(), W(oe, { key: 0 }, de({ _: 2 }, [
+            d() != null ? {
               name: "icon",
               fn: H(() => [
-                (u(), j(te(r()), je(We(h())), null, 16))
+                (r(), W(te(d()), je(We(h())), null, 16))
               ]),
               key: "0"
             } : void 0,
-            v.value != null ? {
+            f.value != null ? {
               name: "default",
               fn: H(() => [
-                Q(A(v.value), 1)
+                q(M(f.value), 1)
               ]),
               key: "1"
             } : void 0
-          ]), 1024)) : (u(), j(_(Ve), {
+          ]), 1024)) : (r(), W(_(Ve), {
             key: 1,
             direction: s.value ? "up" : "down"
           }, null, 8, ["direction"]))
-        ], 8, Rt)
-      ])) : T("", !0)
+        ], 8, jt)
+      ])) : E("", !0)
     ]));
   }
-}), Xe = /* @__PURE__ */ Symbol("dwui-vue-core-options"), jt = ["aria-label", "title"], Wt = ["title", "onClick"], Kt = {
+}), Xe = /* @__PURE__ */ Symbol("dwui-vue-core-options"), Wt = ["aria-label", "title"], Kt = ["title", "onClick"], Ft = {
   key: 0,
   class: "dwui-snackbar-header"
-}, Ft = {
+}, Vt = {
   key: 0,
   class: "dwui-snackbar-title"
-}, Vt = {
+}, Gt = {
   key: 1,
   class: "dwui-snackbar-label"
-}, Gt = { class: "dwui-snackbar-message" }, Ut = {
+}, Ut = { class: "dwui-snackbar-message" }, Xt = {
   key: 1,
   class: "dwui-snackbar-timestamp"
-}, Xt = /* @__PURE__ */ O({
+}, Yt = /* @__PURE__ */ A({
   __name: "snackbar-container",
   props: {
     placement: {},
@@ -205,23 +206,23 @@ const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-ex
   },
   emits: ["emit:close", "emit:clear", "emit:afterLeave"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = E(() => {
+    const e = n, o = t, a = T(() => {
       const [s, p = "center"] = e.placement.split("-");
       return [
         `dwui-snackbar-container-${s}`,
         `dwui-snackbar-container-${p}`,
         `dwui-snackbar-container-${e.direction}`
       ];
-    }), l = E(() => e.items.filter((s) => s.clearable).at(-1)?.clearLabel);
-    return (s, p) => (u(), j(ct, {
+    }), l = T(() => e.items.filter((s) => s.clearable).at(-1)?.clearLabel);
+    return (s, p) => (r(), W(ct, {
       tag: "div",
       name: "dwui-snackbar-fade",
-      class: I(["dwui-snackbar-container", a.value]),
+      class: D(["dwui-snackbar-container", a.value]),
       role: "status",
       onAfterLeave: p[1] || (p[1] = (i) => o("emit:afterLeave"))
     }, {
       default: H(() => [
-        l.value != null ? (u(), f("button", {
+        l.value != null ? (r(), v("button", {
           key: "clear",
           type: "button",
           class: "dwui-snackbar-clear-button",
@@ -229,29 +230,29 @@ const Dt = ["disabled"], It = { class: "dwui-accordion-legend" }, Nt = ["aria-ex
           title: l.value,
           onClick: p[0] || (p[0] = (i) => o("emit:clear"))
         }, [
-          D(_(bt))
-        ], 8, jt)) : T("", !0),
-        (u(!0), f(K, null, U(e.items, (i) => (u(), f("button", {
+          I(_(bt))
+        ], 8, Wt)) : E("", !0),
+        (r(!0), v(j, null, V(e.items, (i) => (r(), v("button", {
           key: i.id,
           type: "button",
-          class: I(["dwui-snackbar", i.class]),
+          class: D(["dwui-snackbar", i.class]),
           style: F(i.style),
           title: i.message,
-          onClick: (r) => o("emit:close", i.id)
+          onClick: (d) => o("emit:close", i.id)
         }, [
-          i.title || i.label ? (u(), f("span", Kt, [
-            i.title ? (u(), f("span", Ft, A(i.title), 1)) : T("", !0),
-            i.label ? (u(), f("span", Vt, A(i.label), 1)) : T("", !0)
-          ])) : T("", !0),
-          b("span", Gt, A(i.message), 1),
-          i.timestamp ? (u(), f("span", Ut, A(i.timestamp), 1)) : T("", !0)
-        ], 14, Wt))), 128))
+          i.title || i.label ? (r(), v("span", Ft, [
+            i.title ? (r(), v("span", Vt, M(i.title), 1)) : E("", !0),
+            i.label ? (r(), v("span", Gt, M(i.label), 1)) : E("", !0)
+          ])) : E("", !0),
+          b("span", Ut, M(i.message), 1),
+          i.timestamp ? (r(), v("span", Xt, M(i.timestamp), 1)) : E("", !0)
+        ], 14, Kt))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
 });
-function Yt(n, t = /* @__PURE__ */ new Date()) {
+function qt(n, t = /* @__PURE__ */ new Date()) {
   const e = new Intl.DateTimeFormat("en-US", {
     timeZone: n || "UTC",
     hourCycle: "h23",
@@ -265,7 +266,7 @@ function Yt(n, t = /* @__PURE__ */ new Date()) {
   }).formatToParts(t), o = (l) => e.find((s) => s.type === l)?.value ?? "", a = o("timeZoneName").replace(/^GMT/, "") || "+00:00";
   return `${o("year")}-${o("month")}-${o("day")} ${o("hour")}:${o("minute")}:${o("second")}${a}`;
 }
-const qt = 50, ae = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map();
+const Jt = 50, ae = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map();
 let Oe = 0;
 const ve = (n, t, e) => {
   const o = n.findIndex((l) => l.id === t);
@@ -277,15 +278,15 @@ const ve = (n, t, e) => {
 }, Ye = (n) => {
   const t = n.map((e) => e.id);
   for (let e = 0; e < t.length; e++)
-    setTimeout(() => ve(n, t[e], "clear"), qt * e);
-}, Jt = (n, t) => {
+    setTimeout(() => ve(n, t[e], "clear"), Jt * e);
+}, Zt = (n, t) => {
   const e = `${n} ${t}`, o = ae.get(e);
   if (o)
     return o;
   const a = document.createElement("div");
   document.body.appendChild(a);
   const l = pt([]);
-  return ae.set(e, l), pe(me(Xt, {
+  return ae.set(e, l), pe(me(Yt, {
     placement: n,
     direction: t,
     items: l,
@@ -296,7 +297,7 @@ const ve = (n, t, e) => {
     }
   }), a), l;
 };
-function Zt(n, t) {
+function Qt(n, t) {
   const {
     placement: e = "bottom",
     direction: o = "overlap",
@@ -305,40 +306,40 @@ function Zt(n, t) {
     clearLabel: s = "Clear all",
     timezone: p,
     onClose: i,
-    ...r
-  } = t ?? {}, h = p === !1 ? void 0 : Yt(p ?? ""), v = Jt(e, o);
+    ...d
+  } = t ?? {}, h = p === !1 ? void 0 : qt(p ?? ""), f = Zt(e, o);
   Oe += 1;
   const m = Oe;
-  return v.push({
-    ...r,
+  return f.push({
+    ...d,
     id: m,
     message: n,
     timestamp: h,
     clearable: l,
     clearLabel: s
   }), ye.set(m, {
-    timer: a ? setTimeout(() => ve(v, m, "duration"), a) : void 0,
+    timer: a ? setTimeout(() => ve(f, m, "duration"), a) : void 0,
     onClose: i
   }), {
-    close: () => ve(v, m, "handle")
+    close: () => ve(f, m, "handle")
   };
 }
-function Nn() {
+function Kn() {
   for (const n of ae.values())
     Ye(n);
 }
-function Qt() {
+function eo() {
   if (!Ke())
     throw new Error("useSnackbar() must be called inside setup().");
   const n = ke(Xe, void 0);
   return {
-    showSnackbar: (t, e) => Zt(t, {
+    showSnackbar: (t, e) => Qt(t, {
       ...e,
       timezone: e?.timezone ?? ut(n?.snackbar?.timezone)
     })
   };
 }
-const eo = ["aria-label"], zn = /* @__PURE__ */ O({
+const to = ["aria-label"], Fn = /* @__PURE__ */ A({
   __name: "copy-button",
   props: {
     value: {},
@@ -348,7 +349,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   },
   emits: ["emit:copy", "emit:error"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = Z(), { showSnackbar: l } = Qt(), s = async () => {
+    const e = n, o = t, a = Q(), { showSnackbar: l } = eo(), s = async () => {
       const p = String(typeof e.value == "function" ? e.value() : e.value);
       try {
         await navigator.clipboard.writeText(p);
@@ -358,18 +359,18 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       }
       o("emit:copy", p), e.copiedMessage && l(e.copiedMessage, { duration: e.copiedDuration });
     };
-    return (p, i) => (u(), f("button", {
+    return (p, i) => (r(), v("button", {
       type: "button",
       class: "dwui-copy-button",
       "aria-label": a.default ? void 0 : e.label,
       onClick: s
     }, [
       x(p.$slots, "default", {}, () => [
-        D(_(ht))
+        I(_(ht))
       ])
-    ], 8, eo));
+    ], 8, to));
   }
-}), to = ["aria-label", "aria-checked"], oo = { class: "dwui-dark-mode-selector-track" }, no = { class: "dwui-dark-mode-selector-icon-light" }, ao = { class: "dwui-dark-mode-selector-icon-dark" }, Hn = /* @__PURE__ */ O({
+}), oo = ["aria-label", "aria-checked"], no = { class: "dwui-dark-mode-selector-track" }, ao = { class: "dwui-dark-mode-selector-icon-light" }, lo = { class: "dwui-dark-mode-selector-icon-dark" }, Vn = /* @__PURE__ */ A({
   __name: "dark-mode-selector",
   props: {
     storageKey: { default: "dwui-color-scheme" },
@@ -379,7 +380,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   setup(n, { emit: t }) {
     const e = n, o = t, a = B(!1);
     let l = null, s = null;
-    const p = (k) => k === "light" || k === "dark", i = () => s?.matches ? "dark" : "light", r = () => {
+    const p = (k) => k === "light" || k === "dark", i = () => s?.matches ? "dark" : "light", d = () => {
       try {
         const k = localStorage.getItem(e.storageKey);
         return p(k) ? k : null;
@@ -387,26 +388,26 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
         return null;
       }
     }, h = (k) => {
-      const c = document.documentElement.classList;
-      c.remove(k === "dark" ? "light" : "dark"), c.add(k), a.value = k === "dark", l !== k && (l = k, o("emit:change", k));
-    }, v = (k) => {
+      const u = document.documentElement.classList;
+      u.remove(k === "dark" ? "light" : "dark"), u.add(k), a.value = k === "dark", l !== k && (l = k, o("emit:change", k));
+    }, f = (k) => {
       try {
         localStorage.setItem(e.storageKey, k);
       } catch {
       }
       h(k);
     }, m = () => {
-      v(a.value ? "light" : "dark");
+      f(a.value ? "light" : "dark");
     }, C = (k) => {
-      v(k.matches ? "dark" : "light");
+      f(k.matches ? "dark" : "light");
     }, P = (k) => {
       k.key === e.storageKey && h(p(k.newValue) ? k.newValue : i());
     };
     return X(() => {
-      s = window.matchMedia("(prefers-color-scheme: dark)"), h(r() ?? i()), s.addEventListener("change", C), window.addEventListener("storage", P);
-    }), G(() => {
+      s = window.matchMedia("(prefers-color-scheme: dark)"), h(d() ?? i()), s.addEventListener("change", C), window.addEventListener("storage", P);
+    }), U(() => {
       s?.removeEventListener("change", C), window.removeEventListener("storage", P);
-    }), (k, c) => (u(), f("button", {
+    }), (k, u) => (r(), v("button", {
       type: "button",
       role: "switch",
       class: "dwui-dark-mode-selector",
@@ -414,25 +415,25 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       "aria-checked": a.value,
       onClick: m
     }, [
-      b("span", oo, [
-        b("span", no, [
+      b("span", no, [
+        b("span", ao, [
           x(k.$slots, "icon-light", {}, () => [
-            D(_(wt))
+            I(_(wt))
           ])
         ]),
-        b("span", ao, [
+        b("span", lo, [
           x(k.$slots, "icon-dark", {}, () => [
-            D(_(yt), { "moon-age": 3.85 })
+            I(_(yt), { "moon-age": 3.85 })
           ])
         ])
       ]),
-      c[0] || (c[0] = b("span", { class: "dwui-dark-mode-selector-handle" }, null, -1))
-    ], 8, to));
+      u[0] || (u[0] = b("span", { class: "dwui-dark-mode-selector-handle" }, null, -1))
+    ], 8, oo));
   }
-}), lo = { class: "dwui-pagination" }, so = { class: "dwui-pagination-list" }, io = ["disabled", "aria-label", "title"], ro = ["disabled", "aria-label", "title"], co = ["disabled", "aria-label", "title"], uo = ["aria-current", "onClick"], po = ["disabled", "aria-label", "title"], mo = ["disabled", "aria-label", "title"], vo = ["disabled", "aria-label", "title"], fo = {
+}), so = { class: "dwui-pagination" }, io = { class: "dwui-pagination-list" }, ro = ["disabled", "aria-label", "title"], co = ["disabled", "aria-label", "title"], uo = ["disabled", "aria-label", "title"], po = ["aria-current", "onClick"], mo = ["disabled", "aria-label", "title"], vo = ["disabled", "aria-label", "title"], fo = ["disabled", "aria-label", "title"], go = {
   key: 0,
   class: "dwui-pagination-select"
-}, go = ["value", "disabled"], bo = ["value"], ho = /* @__PURE__ */ O({
+}, bo = ["value", "disabled"], ho = ["value"], wo = /* @__PURE__ */ A({
   __name: "pagination",
   props: {
     current: {},
@@ -444,46 +445,46 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   },
   emits: ["emit:changePage"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = E(() => Math.ceil(e.totalCount / e.limit)), l = E(() => Math.min(Math.max(e.current, 1), a.value)), s = B(!1), p = E(() => a.value < 1 ? [] : s.value ? Array.from({ length: a.value }, (c, S) => S + 1) : [l.value]), i = E(() => {
+    const e = n, o = t, a = T(() => Math.ceil(e.totalCount / e.limit)), l = T(() => Math.min(Math.max(e.current, 1), a.value)), s = B(!1), p = T(() => a.value < 1 ? [] : s.value ? Array.from({ length: a.value }, (u, S) => S + 1) : [l.value]), i = T(() => {
       if (a.value < 1)
         return [];
-      const c = Math.min(
+      const u = Math.min(
         Math.max(l.value - Math.floor((e.maxPagination - 1) / 2), 1),
         Math.max(a.value - e.maxPagination + 1, 1)
-      ), S = Math.min(c + e.maxPagination - 1, a.value);
-      return Array.from({ length: S - c + 1 }, (w, N) => c + N);
-    }), r = (c) => {
-      c !== e.current && o("emit:changePage", c);
-    }, h = (c) => {
+      ), S = Math.min(u + e.maxPagination - 1, a.value);
+      return Array.from({ length: S - u + 1 }, (w, N) => u + N);
+    }), d = (u) => {
+      u !== e.current && o("emit:changePage", u);
+    }, h = (u) => {
       let S;
-      c < 0 ? S = Math.max(i.value[0] - e.maxPagination, 1) : S = Math.min(i.value[i.value.length - 1] + e.maxPagination, a.value) - e.maxPagination + 1, r(S + Math.round((e.maxPagination - 1) / 2));
-    }, v = (c) => {
-      r(Number(c.target.value));
+      u < 0 ? S = Math.max(i.value[0] - e.maxPagination, 1) : S = Math.min(i.value[i.value.length - 1] + e.maxPagination, a.value) - e.maxPagination + 1, d(S + Math.round((e.maxPagination - 1) / 2));
+    }, f = (u) => {
+      d(Number(u.target.value));
     }, m = () => {
       s.value = !0;
-    }, C = (c) => {
-      document.activeElement !== c.currentTarget && (s.value = !1);
+    }, C = (u) => {
+      document.activeElement !== u.currentTarget && (s.value = !1);
     }, P = () => {
       s.value = !0;
     }, k = () => {
       s.value = !1;
     };
-    return (c, S) => (u(), f("div", lo, [
-      b("ul", so, [
+    return (u, S) => (r(), v("div", so, [
+      b("ul", io, [
         b("li", null, [
           b("button", {
             type: "button",
             disabled: l.value <= 1,
             "aria-label": e.labels.firstPage,
             title: e.labels.firstPage,
-            onClick: S[0] || (S[0] = (w) => r(1))
+            onClick: S[0] || (S[0] = (w) => d(1))
           }, [
-            D(_(Ee), {
+            I(_(Ee), {
               direction: "left",
               size: "1em",
               "stroke-width": 8
             })
-          ], 8, io)
+          ], 8, ro)
         ]),
         b("li", null, [
           b("button", {
@@ -491,14 +492,14 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
             disabled: l.value <= 1,
             "aria-label": e.labels.previousPage,
             title: e.labels.previousPage,
-            onClick: S[1] || (S[1] = (w) => r(l.value - 1))
+            onClick: S[1] || (S[1] = (w) => d(l.value - 1))
           }, [
-            D(_(Me), {
+            I(_(Me), {
               direction: "left",
               size: "1em",
               "stroke-width": 8
             })
-          ], 8, ro)
+          ], 8, co)
         ]),
         b("li", null, [
           b("button", {
@@ -508,19 +509,19 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
             title: e.labels.previousPages,
             onClick: S[2] || (S[2] = (w) => h(-1))
           }, [
-            D(_(Ae), {
+            I(_(Ae), {
               direction: "left",
               size: "1em"
             })
-          ], 8, co)
+          ], 8, uo)
         ]),
-        (u(!0), f(K, null, U(i.value, (w) => (u(), f("li", { key: w }, [
+        (r(!0), v(j, null, V(i.value, (w) => (r(), v("li", { key: w }, [
           b("button", {
             type: "button",
-            class: I(["dwui-pagination-page", { "dwui-current": w === l.value }]),
+            class: D(["dwui-pagination-page", { "dwui-current": w === l.value }]),
             "aria-current": w === l.value ? "page" : void 0,
-            onClick: (N) => r(w)
-          }, A(w), 11, uo)
+            onClick: (N) => d(w)
+          }, M(w), 11, po)
         ]))), 128)),
         b("li", null, [
           b("button", {
@@ -530,11 +531,11 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
             title: e.labels.nextPages,
             onClick: S[3] || (S[3] = (w) => h(1))
           }, [
-            D(_(Ae), {
+            I(_(Ae), {
               direction: "right",
               size: "1em"
             })
-          ], 8, po)
+          ], 8, mo)
         ]),
         b("li", null, [
           b("button", {
@@ -542,14 +543,14 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
             disabled: a.value <= l.value,
             "aria-label": e.labels.nextPage,
             title: e.labels.nextPage,
-            onClick: S[4] || (S[4] = (w) => r(l.value + 1))
+            onClick: S[4] || (S[4] = (w) => d(l.value + 1))
           }, [
-            D(_(Me), {
+            I(_(Me), {
               direction: "right",
               size: "1em",
               "stroke-width": 8
             })
-          ], 8, mo)
+          ], 8, vo)
         ]),
         b("li", null, [
           b("button", {
@@ -557,18 +558,18 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
             disabled: a.value <= l.value,
             "aria-label": e.labels.lastPage,
             title: e.labels.lastPage,
-            onClick: S[5] || (S[5] = (w) => r(a.value))
+            onClick: S[5] || (S[5] = (w) => d(a.value))
           }, [
-            D(_(Ee), {
+            I(_(Ee), {
               direction: "right",
               size: "1em",
               "stroke-width": 8
             })
-          ], 8, vo)
+          ], 8, fo)
         ])
       ]),
-      e.showPageSelect ? (u(), f("label", fo, [
-        b("span", null, A(e.labels.pageNumber), 1),
+      e.showPageSelect ? (r(), v("label", go, [
+        b("span", null, M(e.labels.pageNumber), 1),
         b("select", {
           value: l.value,
           disabled: a.value <= 1,
@@ -576,23 +577,23 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
           onPointerleave: C,
           onFocus: P,
           onBlur: k,
-          onChange: v
+          onChange: f
         }, [
-          (u(!0), f(K, null, U(p.value, (w) => (u(), f("option", {
+          (r(!0), v(j, null, V(p.value, (w) => (r(), v("option", {
             key: w,
             value: w
-          }, A(w) + " (" + A((w - 1) * e.limit + 1) + " - " + A(Math.min(w * e.limit, e.totalCount)) + ") ", 9, bo))), 128))
-        ], 40, go)
-      ])) : T("", !0)
+          }, M(w) + " (" + M((w - 1) * e.limit + 1) + " - " + M(Math.min(w * e.limit, e.totalCount)) + ") ", 9, ho))), 128))
+        ], 40, bo)
+      ])) : E("", !0)
     ]));
   }
-}), wo = { class: "dwui-data-table-controls" }, yo = { class: "dwui-data-table-tools" }, _o = {
+}), yo = { class: "dwui-data-table-controls" }, _o = { class: "dwui-data-table-tools" }, $o = {
   key: 0,
   class: "dwui-data-table-total"
-}, $o = { class: "dwui-data-table-total-count" }, ko = {
+}, ko = { class: "dwui-data-table-total-count" }, Co = {
   key: 1,
   class: "dwui-data-table-limit"
-}, Co = ["value", "max"], So = ["title", "aria-label"], xo = ["title", "aria-label"], De = /* @__PURE__ */ O({
+}, So = ["value", "max"], xo = ["title", "aria-label"], Po = ["title", "aria-label"], De = /* @__PURE__ */ A({
   __name: "data-table-controls",
   props: {
     pagination: { type: Boolean },
@@ -611,12 +612,12 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   },
   emits: ["emit:changePage", "emit:changeLimit", "emit:downloadPage", "emit:downloadAll"],
   setup(n, { emit: t }) {
-    const e = n, o = t, a = new Intl.NumberFormat("en-US"), l = E(() => e.formatTotalCount ? e.formatTotalCount(e.totalCount) : a.format(e.totalCount)), s = (p) => {
-      const i = p.target, r = Math.min(Math.max(Math.trunc(Number(i.value)) || 1, 1), e.maxLimit);
-      i.value = String(r), r !== e.limit && o("emit:changeLimit", r);
+    const e = n, o = t, a = new Intl.NumberFormat("en-US"), l = T(() => e.formatTotalCount ? e.formatTotalCount(e.totalCount) : a.format(e.totalCount)), s = (p) => {
+      const i = p.target, d = Math.min(Math.max(Math.trunc(Number(i.value)) || 1, 1), e.maxLimit);
+      i.value = String(d), d !== e.limit && o("emit:changeLimit", d);
     };
-    return (p, i) => (u(), f("div", wo, [
-      e.pagination ? (u(), j(ho, {
+    return (p, i) => (r(), v("div", yo, [
+      e.pagination ? (r(), W(wo, {
         key: 0,
         current: e.current,
         "total-count": e.totalCount,
@@ -624,16 +625,16 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
         "max-pagination": e.maxPagination,
         "show-page-select": e.showPageSelect,
         labels: e.labels,
-        "onEmit:changePage": i[0] || (i[0] = (r) => o("emit:changePage", r))
-      }, null, 8, ["current", "total-count", "limit", "max-pagination", "show-page-select", "labels"])) : T("", !0),
-      b("div", yo, [
-        e.showTotal ? (u(), f("span", _o, [
-          b("span", null, A(e.labels.totalCount), 1),
-          b("span", $o, A(l.value), 1),
-          b("span", null, A(e.labels.totalUnit), 1)
-        ])) : T("", !0),
-        e.showLimit ? (u(), f("label", ko, [
-          b("span", null, A(e.labels.limit), 1),
+        "onEmit:changePage": i[0] || (i[0] = (d) => o("emit:changePage", d))
+      }, null, 8, ["current", "total-count", "limit", "max-pagination", "show-page-select", "labels"])) : E("", !0),
+      b("div", _o, [
+        e.showTotal ? (r(), v("span", $o, [
+          b("span", null, M(e.labels.totalCount), 1),
+          b("span", ko, M(l.value), 1),
+          b("span", null, M(e.labels.totalUnit), 1)
+        ])) : E("", !0),
+        e.showLimit ? (r(), v("label", Co, [
+          b("span", null, M(e.labels.limit), 1),
           b("input", {
             type: "number",
             value: e.limit,
@@ -641,26 +642,26 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
             max: e.maxLimit,
             step: "1",
             onChange: s
-          }, null, 40, Co)
-        ])) : T("", !0),
-        e.showDownloadPage ? (u(), f("button", {
+          }, null, 40, So)
+        ])) : E("", !0),
+        e.showDownloadPage ? (r(), v("button", {
           key: 2,
           type: "button",
           title: e.labels.downloadPage,
           "aria-label": e.labels.downloadPage,
-          onClick: i[1] || (i[1] = (r) => o("emit:downloadPage"))
+          onClick: i[1] || (i[1] = (d) => o("emit:downloadPage"))
         }, [
-          D(_(_t))
-        ], 8, So)) : T("", !0),
-        e.showDownloadAll ? (u(), f("button", {
+          I(_(_t))
+        ], 8, xo)) : E("", !0),
+        e.showDownloadAll ? (r(), v("button", {
           key: 3,
           type: "button",
           title: e.labels.downloadAll,
           "aria-label": e.labels.downloadAll,
-          onClick: i[2] || (i[2] = (r) => o("emit:downloadAll"))
+          onClick: i[2] || (i[2] = (d) => o("emit:downloadAll"))
         }, [
-          D(_($t))
-        ], 8, xo)) : T("", !0)
+          I(_($t))
+        ], 8, Po)) : E("", !0)
       ])
     ]));
   }
@@ -672,7 +673,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
     e = e[o];
   }
   return e;
-}, $e = (n) => typeof n == "function" ? n() : n ?? "", Ie = (n) => n === !0 || n === "true" || n === "1" || n === "on" || n === 1, Ne = (n) => typeof n == "number" ? n : Number(String(n).replace(/[^+\-\d.]/g, "")), Po = (n, t, e) => {
+}, $e = (n) => typeof n == "function" ? n() : n ?? "", Ie = (n) => n === !0 || n === "true" || n === "1" || n === "on" || n === 1, Ne = (n) => typeof n == "number" ? n : Number(String(n).replace(/[^+\-\d.]/g, "")), Bo = (n, t, e) => {
   if (n == null && t == null)
     return 0;
   if (n == null)
@@ -699,7 +700,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   } catch {
     return "";
   }
-}, Bo = "$index", qe = (n) => {
+}, Lo = "$index", qe = (n) => {
   const t = [];
   for (const e of n)
     if (e.csv === !0)
@@ -708,18 +709,18 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       for (const o of e.csv)
         o.disabled || t.push({ header: e, column: o });
   return t;
-}, Rn = (n) => qe(n).map(({ header: t, column: e }) => $e(e.label ?? t.label)), jn = (n, t, e) => qe(n).map(({ header: o, column: a }) => {
+}, Gn = (n) => qe(n).map(({ header: t, column: e }) => $e(e.label ?? t.label)), Un = (n, t, e) => qe(n).map(({ header: o, column: a }) => {
   if (a.format)
     return a.format(t);
   const l = a.key ?? o.id;
-  return l === Bo ? e : _e(t, l);
-}), Lo = ["rowspan", "colspan", "title", "aria-sort"], To = { class: "dwui-data-table-header" }, Eo = ["role", "tabindex", "onClick", "onKeydown"], Mo = ["innerHTML"], Ao = { key: 2 }, Oo = ["onPointerdown"], Do = {
+  return l === Lo ? e : _e(t, l);
+}), To = ["rowspan", "colspan", "title", "aria-sort"], Eo = { class: "dwui-data-table-header" }, Mo = ["role", "tabindex", "onClick", "onKeydown"], Ao = ["innerHTML"], Oo = { key: 2 }, Do = ["onPointerdown"], Io = {
   key: 0,
   class: "dwui-data-table-no-data"
-}, Io = ["colspan"], No = {
+}, No = ["colspan"], zo = {
   key: 0,
   class: "dwui-data-table-loading"
-}, Wn = /* @__PURE__ */ O({
+}, Xn = /* @__PURE__ */ A({
   __name: "data-table",
   props: {
     dataList: {},
@@ -751,9 +752,9 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   },
   emits: ["emit:selectRow", "emit:changeSort", "emit:updateHeader", "emit:dblclickRow", "emit:changeLimit", "emit:changePage", "emit:downloadPage", "emit:downloadAll"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, a = e, l = ke(Xe, {}), s = B(), p = B(), i = B(), r = B({}), h = B(""), v = B(!1), m = B();
+    const o = n, a = e, l = ke(Xe, {}), s = B(), p = B(), i = B(), d = B({}), h = B(""), f = B(!1), m = B();
     let C;
-    const P = E(() => o.headers.map((d) => r.value[d.id] == null ? d : { ...d, width: r.value[d.id] })), k = {
+    const P = T(() => o.headers.map((c) => d.value[c.id] == null ? c : { ...c, width: d.value[c.id] })), k = {
       maxLimit: 9999,
       maxPagination: 7,
       selectable: !0,
@@ -773,14 +774,14 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       tableClass: void 0,
       tableStyle: void 0,
       formatTotalCount: void 0
-    }, c = E(() => {
-      const d = { ...k };
+    }, u = T(() => {
+      const c = { ...k };
       for (const g of [l.dataTable ?? {}, o])
         for (const y of Object.keys(k))
-          g[y] !== void 0 && Object.assign(d, { [y]: g[y] });
-      return d;
-    }), S = E(() => {
-      const d = {
+          g[y] !== void 0 && Object.assign(c, { [y]: g[y] });
+      return c;
+    }), S = T(() => {
+      const c = {
         totalCount: "Total",
         totalUnit: "",
         limit: "Rows per page",
@@ -797,251 +798,271 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
         ...l.dataTable?.labels,
         ...o.labels
       }, g = {};
-      for (const y of Object.keys(d)) {
-        const M = d[y];
-        g[y] = typeof M == "function" ? M() : M;
+      for (const y of Object.keys(c)) {
+        const O = c[y];
+        g[y] = typeof O == "function" ? O() : O;
       }
       return g;
-    }), w = E(() => Math.min(o.limit, c.value.maxLimit)), N = E(() => ({
-      showTotal: c.value.showTotal,
-      showLimit: c.value.showLimit,
-      showPageSelect: c.value.showPageSelect,
-      showDownloadPage: c.value.showDownloadPage,
-      showDownloadAll: c.value.showDownloadAll,
+    }), w = T(() => Math.min(o.limit, u.value.maxLimit)), N = T(() => ({
+      showTotal: u.value.showTotal,
+      showLimit: u.value.showLimit,
+      showPageSelect: u.value.showPageSelect,
+      showDownloadPage: u.value.showDownloadPage,
+      showDownloadAll: u.value.showDownloadAll,
       current: o.current,
       limit: w.value,
-      maxLimit: c.value.maxLimit,
-      maxPagination: c.value.maxPagination,
+      maxLimit: u.value.maxLimit,
+      maxPagination: u.value.maxPagination,
       totalCount: o.totalCount ?? o.dataList.length,
-      formatTotalCount: c.value.formatTotalCount,
+      formatTotalCount: u.value.formatTotalCount,
       labels: S.value
-    })), $ = mt(void 0), z = E(() => {
-      const d = c.value.sortMode === "page" ? o.headers.find((y) => y.id === h.value) : void 0;
-      if (!d)
+    })), $ = mt(void 0), z = T(() => {
+      const c = u.value.sortMode === "page" ? o.headers.find((y) => y.id === h.value) : void 0;
+      if (!c)
         return o.dataList;
-      const g = d.compare ?? ((y, M) => {
-        const R = d.sortKey ?? d.id;
-        return Po(_e(y, R), _e(M, R), d.type ?? "string");
+      const g = c.compare ?? ((y, O) => {
+        const R = c.sortKey ?? c.id;
+        return Bo(_e(y, R), _e(O, R), c.type ?? "string");
       });
-      return [...o.dataList].sort((y, M) => v.value ? g(M, y) : g(y, M));
-    }), L = E(() => {
-      const d = $.value;
-      if (d == null)
+      return [...o.dataList].sort((y, O) => f.value ? g(O, y) : g(y, O));
+    }), L = T(() => {
+      const c = $.value;
+      if (c == null)
         return -1;
-      const g = z.value.indexOf(d);
+      const g = z.value.indexOf(c);
       if (g !== -1)
         return g;
-      const y = fe(d);
-      return y === "" ? -1 : z.value.findIndex((M) => fe(M) === y);
-    }), V = E(() => o.headers.reduce((d, g) => d + (g.colspan == null ? 1 : Number(g.colspan)), 0)), W = (d) => {
-      if (d != null)
-        return typeof d == "number" ? `${d}px` : d;
-    }, q = (d) => ({
-      width: W(d.width),
-      minWidth: W(d.minWidth),
-      maxWidth: W(d.maxWidth)
-    }), ot = (d) => {
-      if (h.value === d)
-        return v.value ? "descending" : "ascending";
-    }, Se = (d) => {
-      if (!(!c.value.sortable || h.value !== d))
-        return v.value ? "down" : "up";
-    }, nt = (d) => (o.current - 1) * w.value + d + 1, xe = () => Array.from(i.value?.children ?? []).filter((d) => d.tagName === "TR" && !d.classList.contains("dwui-data-table-no-data")), at = (d) => Array.from(d.children).filter((g) => g.tagName === "TD" || g.tagName === "TH"), Pe = () => {
-      a("emit:updateHeader", P.value.map((d) => ({ ...d })));
+      const y = fe(c);
+      return y === "" ? -1 : z.value.findIndex((O) => fe(O) === y);
+    }), G = T(() => o.headers.reduce((c, g) => c + (g.colspan == null ? 1 : Number(g.colspan)), 0)), K = (c) => {
+      if (c != null)
+        return typeof c == "number" ? `${c}px` : c;
+    }, J = (c) => ({
+      width: K(c.width),
+      minWidth: K(c.minWidth),
+      maxWidth: K(c.maxWidth)
+    }), ot = (c) => {
+      if (h.value === c)
+        return f.value ? "descending" : "ascending";
+    }, Se = (c) => {
+      if (!(!u.value.sortable || h.value !== c))
+        return f.value ? "down" : "up";
+    }, nt = (c) => (o.current - 1) * w.value + c + 1, xe = () => Array.from(i.value?.children ?? []).filter((c) => c.tagName === "TR" && !c.classList.contains("dwui-data-table-no-data")), at = (c) => Array.from(c.children).filter((g) => g.tagName === "TD" || g.tagName === "TH"), Pe = () => {
+      a("emit:updateHeader", P.value.map((c) => ({ ...c })));
     }, ge = () => {
-      xe().forEach((d, g) => d.classList.toggle("dwui-selected", g === L.value));
+      xe().forEach((c, g) => c.classList.toggle("dwui-selected", g === L.value));
     }, lt = () => {
-      const d = s.value, g = xe()[L.value];
-      if (!d || !g)
+      const c = s.value, g = xe()[L.value];
+      if (!c || !g)
         return;
-      const y = p.value?.offsetHeight ?? 0, M = g.offsetTop, R = M + g.offsetHeight;
-      M < d.scrollTop + y ? d.scrollTop = M - y : d.scrollTop + d.clientHeight < R && (d.scrollTop = R - d.clientHeight);
-    }, ce = (d, g) => {
-      $.value = d, a("emit:selectRow", d, g);
-    }, Be = (d, g) => {
-      c.value.selectable && (g === L.value ? ce(void 0, -1) : (ce(d, g), s.value?.focus({ preventScroll: !0 })));
-    }, st = (d, g) => {
-      g !== L.value && Be(d, g), a("emit:dblclickRow", d, g);
-    }, it = (d) => {
-      if (d.target !== d.currentTarget || L.value < 0 || d.key !== "ArrowUp" && d.key !== "ArrowDown")
+      const y = p.value?.offsetHeight ?? 0, O = g.offsetTop, R = O + g.offsetHeight;
+      O < c.scrollTop + y ? c.scrollTop = O - y : c.scrollTop + c.clientHeight < R && (c.scrollTop = R - c.clientHeight);
+    }, ce = (c, g) => {
+      $.value = c, a("emit:selectRow", c, g);
+    }, Be = (c, g) => {
+      u.value.selectable && (g === L.value ? ce(void 0, -1) : (ce(c, g), s.value?.focus({ preventScroll: !0 })));
+    }, st = (c, g) => {
+      g !== L.value && Be(c, g), a("emit:dblclickRow", c, g);
+    }, it = (c) => {
+      if (c.target !== c.currentTarget || L.value < 0 || c.key !== "ArrowUp" && c.key !== "ArrowDown")
         return;
-      const g = L.value + (d.key === "ArrowUp" ? -1 : 1);
-      g < 0 || z.value.length <= g || (d.preventDefault(), ce(z.value[g], g));
-    }, be = (d) => {
-      !c.value.sortable || o.dataList.length === 0 || (v.value = h.value === d.id ? !v.value : !1, h.value = d.id, a("emit:changeSort", {
+      const g = L.value + (c.key === "ArrowUp" ? -1 : 1);
+      g < 0 || z.value.length <= g || (c.preventDefault(), ce(z.value[g], g));
+    }, be = (c) => {
+      !u.value.sortable || o.dataList.length === 0 || (f.value = h.value === c.id ? !f.value : !1, h.value = c.id, a("emit:changeSort", {
         sortKey: h.value,
-        descending: v.value
+        descending: f.value
       }));
-    }, rt = (d, g) => {
-      if (!c.value.resizable)
+    }, rt = (c, g) => {
+      if (!u.value.resizable)
         return;
-      d.preventDefault();
-      const y = p.value?.firstElementChild, M = y ? at(y) : [];
-      for (const [R, ne] of M.entries())
-        r.value[o.headers[R].id] = ne.getBoundingClientRect().width;
-      m.value = { index: g, x: d.clientX }, d.currentTarget.setPointerCapture(d.pointerId), Pe();
-    }, dt = (d) => {
+      c.preventDefault();
+      const y = p.value?.firstElementChild, O = y ? at(y) : [];
+      for (const [R, ne] of O.entries())
+        d.value[o.headers[R].id] = ne.getBoundingClientRect().width;
+      m.value = { index: g, x: c.clientX }, c.currentTarget.setPointerCapture(c.pointerId), Pe();
+    }, dt = (c) => {
       if (!m.value)
         return;
-      const g = d.clientX - m.value.x;
+      const g = c.clientX - m.value.x;
       if (g === 0)
         return;
-      m.value.x = d.clientX;
-      const y = m.value.index, M = o.headers.map((ne) => ne.id);
-      r.value[M[y]] += g;
-      const R = g / (M.length - y - 1);
-      for (const ne of M.slice(y + 1))
-        r.value[ne] -= R;
+      m.value.x = c.clientX;
+      const y = m.value.index, O = o.headers.map((ne) => ne.id);
+      d.value[O[y]] += g;
+      const R = g / (O.length - y - 1);
+      for (const ne of O.slice(y + 1))
+        d.value[ne] -= R;
     }, Le = () => {
       m.value && (m.value = void 0, Pe());
     };
     return X(() => {
       C = new MutationObserver(ge), i.value && C.observe(i.value, { childList: !0 }), ge();
-    }), G(() => {
+    }), U(() => {
       C?.disconnect();
-    }), Y(() => o.headers, (d, g) => {
-      const y = d.map((R) => R.id), M = g.map((R) => R.id);
-      (y.length !== M.length || y.some((R) => !M.includes(R))) && (r.value = {});
-    }), Y(() => o.loading, (d, g) => {
-      g && !d && (c.value.sortMode === "page" && (h.value = "", v.value = !1), $.value != null && ce(void 0, -1));
-    }), Y(L, (d) => {
-      0 <= d && lt();
+    }), Y(() => o.headers, (c, g) => {
+      const y = c.map((R) => R.id), O = g.map((R) => R.id);
+      (y.length !== O.length || y.some((R) => !O.includes(R))) && (d.value = {});
+    }), Y(() => o.loading, (c, g) => {
+      g && !c && (u.value.sortMode === "page" && (h.value = "", f.value = !1), $.value != null && ce(void 0, -1));
+    }), Y(L, (c) => {
+      0 <= c && lt();
     }, { flush: "post" }), Y(L, ge, { flush: "post" }), t({
       /** ソートの状態を返す */
       getSortContext: () => ({
         sortKey: h.value,
-        descending: v.value
+        descending: f.value
       })
-    }), (d, g) => (u(), f("section", {
-      class: I(["dwui-data-table", { "dwui-selectable": c.value.selectable }])
+    }), (c, g) => (r(), v("section", {
+      class: D(["dwui-data-table", { "dwui-selectable": u.value.selectable }])
     }, [
-      c.value.controls === "both" || c.value.controls === "top" ? (u(), j(De, le({ key: 0 }, N.value, {
-        pagination: c.value.pagination === "both" || c.value.pagination === "top",
+      u.value.controls === "both" || u.value.controls === "top" ? (r(), W(De, le({ key: 0 }, N.value, {
+        pagination: u.value.pagination === "both" || u.value.pagination === "top",
         "onEmit:changePage": g[0] || (g[0] = (y) => a("emit:changePage", y)),
         "onEmit:changeLimit": g[1] || (g[1] = (y) => a("emit:changeLimit", y)),
         "onEmit:downloadPage": g[2] || (g[2] = (y) => a("emit:downloadPage")),
         "onEmit:downloadAll": g[3] || (g[3] = (y) => a("emit:downloadAll"))
-      }), null, 16, ["pagination"])) : T("", !0),
+      }), null, 16, ["pagination"])) : E("", !0),
       b("div", {
         ref_key: "refContent",
         ref: s,
-        class: I(["dwui-data-table-content", [{ "dwui-loading": o.loading }, c.value.contentClass]]),
-        style: F(c.value.contentStyle),
+        class: D(["dwui-data-table-content", [{ "dwui-loading": o.loading }, u.value.contentClass]]),
+        style: F(u.value.contentStyle),
         tabindex: "-1",
         onKeydown: it
       }, [
         b("table", {
-          class: I(c.value.tableClass),
-          style: F(c.value.tableStyle)
+          class: D(u.value.tableClass),
+          style: F(u.value.tableStyle)
         }, [
           b("thead", {
             ref_key: "refThead",
             ref: p
           }, [
             b("tr", null, [
-              (u(!0), f(K, null, U(P.value, (y, M) => (u(), f("th", {
+              (r(!0), v(j, null, V(P.value, (y, O) => (r(), v("th", {
                 key: y.id,
                 rowspan: y.rowspan,
                 colspan: y.colspan,
                 title: y.title,
-                style: F(q(y)),
+                style: F(J(y)),
                 "aria-sort": ot(y.id),
                 scope: "col"
               }, [
-                b("div", To, [
+                b("div", Eo, [
                   b("span", {
                     class: "dwui-data-table-sort",
-                    role: c.value.sortable ? "button" : void 0,
-                    tabindex: c.value.sortable ? 0 : void 0,
+                    role: u.value.sortable ? "button" : void 0,
+                    tabindex: u.value.sortable ? 0 : void 0,
                     onClick: (R) => be(y),
                     onKeydown: [
                       we(ee((R) => be(y), ["prevent"]), ["enter"]),
                       we(ee((R) => be(y), ["prevent"]), ["space"])
                     ]
                   }, [
-                    Se(y.id) ? (u(), j(_(kt), {
+                    Se(y.id) ? (r(), W(_(kt), {
                       key: 0,
                       direction: Se(y.id),
                       size: "0.7em"
-                    }, null, 8, ["direction"])) : T("", !0),
-                    y.html ? (u(), f("span", {
+                    }, null, 8, ["direction"])) : E("", !0),
+                    y.html ? (r(), v("span", {
                       key: 1,
                       innerHTML: _($e)(y.label)
-                    }, null, 8, Mo)) : (u(), f("span", Ao, A(_($e)(y.label)), 1))
-                  ], 40, Eo)
+                    }, null, 8, Ao)) : (r(), v("span", Oo, M(_($e)(y.label)), 1))
+                  ], 40, Mo)
                 ]),
-                c.value.resizable && M < P.value.length - 1 ? (u(), f("div", {
+                u.value.resizable && O < P.value.length - 1 ? (r(), v("div", {
                   key: 0,
                   class: "dwui-data-table-resizer",
-                  onPointerdown: (R) => rt(R, M),
+                  onPointerdown: (R) => rt(R, O),
                   onPointermove: dt,
                   onPointerup: Le,
                   onPointercancel: Le
-                }, null, 40, Oo)) : T("", !0)
-              ], 12, Lo))), 128))
+                }, null, 40, Do)) : E("", !0)
+              ], 12, To))), 128))
             ])
           ], 512),
           b("tbody", {
             ref_key: "refTbody",
             ref: i
           }, [
-            o.loading ? T("", !0) : (u(), f(K, { key: 0 }, [
-              x(d.$slots, "default", {
+            o.loading ? E("", !0) : (r(), v(j, { key: 0 }, [
+              x(c.$slots, "default", {
                 rows: z.value,
                 clickRow: Be,
                 dblclickRow: st,
                 rowNumber: nt,
                 selectedIndex: L.value
               }),
-              o.dataList.length === 0 && c.value.showNoData ? (u(), f("tr", Do, [
-                b("td", { colspan: V.value }, A(S.value.noData), 9, Io)
-              ])) : T("", !0)
+              o.dataList.length === 0 && u.value.showNoData ? (r(), v("tr", Io, [
+                b("td", { colspan: G.value }, M(S.value.noData), 9, No)
+              ])) : E("", !0)
             ], 64))
           ], 512)
         ], 6),
-        o.loading ? (u(), f("div", No, [
-          x(d.$slots, "loading", {}, () => [
+        o.loading ? (r(), v("div", zo, [
+          x(c.$slots, "loading", {}, () => [
             g[8] || (g[8] = b("div", { class: "dwui-data-table-loading-spinner" }, null, -1))
           ])
-        ])) : T("", !0)
+        ])) : E("", !0)
       ], 38),
-      c.value.controls === "both" || c.value.controls === "bottom" ? (u(), j(De, le({ key: 1 }, N.value, {
-        pagination: c.value.pagination === "both" || c.value.pagination === "bottom",
+      u.value.controls === "both" || u.value.controls === "bottom" ? (r(), W(De, le({ key: 1 }, N.value, {
+        pagination: u.value.pagination === "both" || u.value.pagination === "bottom",
         "onEmit:changePage": g[4] || (g[4] = (y) => a("emit:changePage", y)),
         "onEmit:changeLimit": g[5] || (g[5] = (y) => a("emit:changeLimit", y)),
         "onEmit:downloadPage": g[6] || (g[6] = (y) => a("emit:downloadPage")),
         "onEmit:downloadAll": g[7] || (g[7] = (y) => a("emit:downloadAll"))
-      }), null, 16, ["pagination"])) : T("", !0)
+      }), null, 16, ["pagination"])) : E("", !0)
     ], 2));
   }
+}), Ho = { class: "dwui-diff-text" }, Ro = ["textContent"], Yn = /* @__PURE__ */ A({
+  __name: "diff-text",
+  props: {
+    before: {},
+    after: {},
+    ignoreCase: { type: Boolean }
+  },
+  setup(n) {
+    const t = n, e = T(() => Ot(t.before ?? "", t.after ?? "", { ignoreCase: t.ignoreCase }).map((o) => ({
+      type: o.added ? "added" : o.removed ? "removed" : "same",
+      value: o.value
+    })));
+    return (o, a) => (r(), v("span", Ho, [
+      (r(!0), v(j, null, V(e.value, (l, s) => (r(), v("span", {
+        key: s,
+        class: D(`dwui-diff-text-${l.type}`),
+        textContent: M(l.value)
+      }, null, 10, Ro))), 128))
+    ]));
+  }
 }), ze = {
   top: "bottom",
   bottom: "top",
   left: "right",
   right: "left"
-}, he = (n, t, e) => Math.min(Math.max(n, t), e), zo = (n, t, e, o) => {
-  const { offset: a, margin: l, arrowMargin: s } = o, [p, i = "center"] = o.placement.split("-"), r = p === "top" || p === "bottom", h = n.top + n.height, v = n.left + n.width, m = {
+}, he = (n, t, e) => Math.min(Math.max(n, t), e), jo = (n, t, e, o) => {
+  const { offset: a, margin: l, arrowMargin: s } = o, [p, i = "center"] = o.placement.split("-"), d = p === "top" || p === "bottom", h = n.top + n.height, f = n.left + n.width, m = {
     top: n.top - l,
     bottom: e.height - h - l,
     left: n.left - l,
-    right: e.width - v - l
-  }, k = (r ? t.height : t.width) + a <= m[p] || m[ze[p]] <= m[p] ? p : ze[p];
-  let c;
+    right: e.width - f - l
+  }, k = (d ? t.height : t.width) + a <= m[p] || m[ze[p]] <= m[p] ? p : ze[p];
+  let u;
   switch (k) {
     case "top":
-      c = n.top - a - t.height;
+      u = n.top - a - t.height;
       break;
     case "bottom":
-      c = h + a;
+      u = h + a;
       break;
     case "left":
-      c = n.left - a - t.width;
+      u = n.left - a - t.width;
       break;
     default:
-      c = v + a;
+      u = f + a;
       break;
   }
-  const S = r ? n.left : n.top, w = r ? n.width : n.height, N = r ? t.width : t.height;
+  const S = d ? n.left : n.top, w = d ? n.width : n.height, N = d ? t.width : t.height;
   let $;
   switch (i) {
     case "start":
@@ -1054,9 +1075,9 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       $ = S + (w - N) / 2;
       break;
   }
-  const z = he(r ? c : $, l, Math.max(l, e.height - l - t.height)), L = he(r ? $ : c, l, Math.max(l, e.width - l - t.width)), V = S + w / 2, q = he(V - (r ? L : z), s, Math.max(s, N - s));
-  return { top: z, left: L, side: k, arrow: q };
-}, Ho = ["popover", "data-side"], Ro = { class: "dwui-anchored-popover-content" }, He = 4, jo = 7, Wo = 12, Ko = 8, Je = /* @__PURE__ */ O({
+  const z = he(d ? u : $, l, Math.max(l, e.height - l - t.height)), L = he(d ? $ : u, l, Math.max(l, e.width - l - t.width)), G = S + w / 2, J = he(G - (d ? L : z), s, Math.max(s, N - s));
+  return { top: z, left: L, side: k, arrow: J };
+}, Wo = ["popover", "data-side"], Ko = { class: "dwui-anchored-popover-content" }, He = 4, Fo = 7, Vo = 12, Go = 8, Je = /* @__PURE__ */ A({
   __name: "anchored-popover",
   props: {
     anchor: {},
@@ -1070,46 +1091,46 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       l.value?.hidePopover();
     }, i = () => {
       l.value?.showPopover();
-    }, r = () => {
+    }, d = () => {
       const m = l.value;
       if (!o.anchor || !m)
         return;
       const C = {
         width: document.documentElement.clientWidth,
         height: document.documentElement.clientHeight
-      }, P = zo(o.anchor.getBoundingClientRect(), m.getBoundingClientRect(), C, {
+      }, P = jo(o.anchor.getBoundingClientRect(), m.getBoundingClientRect(), C, {
         placement: o.placement,
-        offset: o.arrow ? He + jo : He,
-        margin: Ko,
-        arrowMargin: Wo
+        offset: o.arrow ? He + Fo : He,
+        margin: Go,
+        arrowMargin: Vo
       });
       s.value = P.side, m.style.top = `${P.top}px`, m.style.left = `${P.left}px`, m.style.setProperty("--dwui-offset-arrow", `${P.arrow}px`), m.style.visibility = "visible";
     }, h = (m) => {
-      l.value?.contains(m.target) || r();
-    }, v = (m) => {
-      m.newState === "open" ? (r(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", r), a("emit:open")) : (l.value && (l.value.style.visibility = ""), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", r), a("emit:close"));
+      l.value?.contains(m.target) || d();
+    }, f = (m) => {
+      m.newState === "open" ? (d(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", d), a("emit:open")) : (l.value && (l.value.style.visibility = ""), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", d), a("emit:close"));
     };
-    return G(() => {
-      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", r);
+    return U(() => {
+      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", d);
     }), t({
       /** パネルの要素。invoker の設定や、要素がパネルの中かの判定に使う */
       element: l,
       show: i,
       hide: p
-    }), (m, C) => (u(), f("div", {
+    }), (m, C) => (r(), v("div", {
       ref_key: "refPanel",
       ref: l,
-      class: I(["dwui-anchored-popover", { "dwui-arrow": o.arrow }]),
+      class: D(["dwui-anchored-popover", { "dwui-arrow": o.arrow }]),
       popover: o.mode,
       "data-side": s.value,
-      onToggle: v
+      onToggle: f
     }, [
-      b("div", Ro, [
+      b("div", Ko, [
         x(m.$slots, "default")
       ])
-    ], 42, Ho));
+    ], 42, Wo));
   }
-}), Fo = ["aria-label"], Kn = /* @__PURE__ */ O({
+}), Uo = ["aria-label"], qn = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "help-button",
   props: {
@@ -1123,7 +1144,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
     return X(() => {
       const p = s.value?.element;
       l.value && p && (l.value.popoverTargetElement = p);
-    }), (p, i) => (u(), f(K, null, [
+    }), (p, i) => (r(), v(j, null, [
       b("button", le({
         ref_key: "refButton",
         ref: l,
@@ -1132,10 +1153,10 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
         "aria-label": e.label
       }, _(a)), [
         x(p.$slots, "icon", {}, () => [
-          D(_(Ce))
+          I(_(Ce))
         ])
-      ], 16, Fo),
-      D(Je, {
+      ], 16, Uo),
+      I(Je, {
         ref_key: "refPopover",
         ref: s,
         class: "dwui-help-button-popover",
@@ -1143,8 +1164,8 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
         anchor: l.value,
         placement: e.placement,
         arrow: e.arrow,
-        "onEmit:open": i[0] || (i[0] = (r) => o("emit:open")),
-        "onEmit:close": i[1] || (i[1] = (r) => o("emit:close"))
+        "onEmit:open": i[0] || (i[0] = (d) => o("emit:open")),
+        "onEmit:close": i[1] || (i[1] = (d) => o("emit:close"))
       }, {
         default: H(() => [
           x(p.$slots, "default")
@@ -1153,7 +1174,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       }, 8, ["anchor", "placement", "arrow"])
     ], 64));
   }
-}), Vo = ["aria-label", "aria-describedby"], Go = 150, Ze = /* @__PURE__ */ O({
+}), Xo = ["aria-label", "aria-describedby"], Yo = 150, Ze = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "icon-popper",
   props: {
@@ -1165,42 +1186,42 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   emits: ["emit:open", "emit:close"],
   setup(n, { emit: t }) {
     const e = n, o = t, a = Fe(), l = B(), s = B(), p = B(!1), i = se();
-    let r;
+    let d;
     const h = () => {
-      r !== void 0 && (clearTimeout(r), r = void 0);
-    }, v = () => {
+      d !== void 0 && (clearTimeout(d), d = void 0);
+    }, f = () => {
       h(), s.value?.show();
     }, m = () => {
       h(), s.value?.hide();
     }, C = () => {
-      h(), r = setTimeout(() => {
-        r = void 0, s.value?.hide();
-      }, Go);
-    }, P = (W) => {
-      const q = W.target;
-      !l.value?.contains(q) && !s.value?.element?.contains(q) && m();
-    }, k = (W) => {
-      W.pointerType !== "touch" && v();
-    }, c = (W) => {
-      W.pointerType !== "touch" && C();
-    }, S = (W) => {
-      W.pointerType !== "touch" && h();
-    }, w = (W) => {
-      W.pointerType === "touch" && (p.value ? m() : v());
+      h(), d = setTimeout(() => {
+        d = void 0, s.value?.hide();
+      }, Yo);
+    }, P = (K) => {
+      const J = K.target;
+      !l.value?.contains(J) && !s.value?.element?.contains(J) && m();
+    }, k = (K) => {
+      K.pointerType !== "touch" && f();
+    }, u = (K) => {
+      K.pointerType !== "touch" && C();
+    }, S = (K) => {
+      K.pointerType !== "touch" && h();
+    }, w = (K) => {
+      K.pointerType === "touch" && (p.value ? m() : f());
     }, N = () => {
-      v();
+      f();
     }, $ = () => {
       m();
     }, z = () => {
       m();
     }, L = () => {
       p.value = !0, document.addEventListener("pointerdown", P, !0), o("emit:open");
-    }, V = () => {
+    }, G = () => {
       p.value = !1, document.removeEventListener("pointerdown", P, !0), o("emit:close");
     };
-    return G(() => {
+    return U(() => {
       h(), document.removeEventListener("pointerdown", P, !0);
-    }), (W, q) => (u(), f(K, null, [
+    }), (K, J) => (r(), v(j, null, [
       b("span", le({
         ref_key: "refTrigger",
         ref: l,
@@ -1210,37 +1231,37 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
         "aria-describedby": _(i)
       }, _(a), {
         onPointerenter: k,
-        onPointerleave: c,
+        onPointerleave: u,
         onPointerdown: w,
         onFocus: N,
         onBlur: $,
         onKeydown: we(z, ["esc"])
       }), [
-        x(W.$slots, "icon")
-      ], 16, Vo),
-      D(Je, {
+        x(K.$slots, "icon")
+      ], 16, Xo),
+      I(Je, {
         ref_key: "refPopover",
         ref: s,
         id: _(i),
-        class: I(["dwui-icon-popper-popover", e.popoverClass]),
+        class: D(["dwui-icon-popper-popover", e.popoverClass]),
         role: "tooltip",
         mode: "manual",
         anchor: l.value,
         placement: e.placement,
         arrow: e.arrow,
         onPointerenter: S,
-        onPointerleave: c,
+        onPointerleave: u,
         "onEmit:open": L,
-        "onEmit:close": V
+        "onEmit:close": G
       }, {
         default: H(() => [
-          x(W.$slots, "default")
+          x(K.$slots, "default")
         ]),
         _: 3
       }, 8, ["id", "class", "anchor", "placement", "arrow"])
     ], 64));
   }
-}), Fn = /* @__PURE__ */ O({
+}), Jn = /* @__PURE__ */ A({
   __name: "help-popper",
   props: {
     placement: { default: "right" },
@@ -1250,7 +1271,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   emits: ["emit:open", "emit:close"],
   setup(n, { emit: t }) {
     const e = n, o = t;
-    return (a, l) => (u(), j(Ze, {
+    return (a, l) => (r(), W(Ze, {
       class: "dwui-help-popper",
       "popover-class": "dwui-help-popper-popover",
       placement: e.placement,
@@ -1261,7 +1282,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
     }, {
       icon: H(() => [
         x(a.$slots, "icon", {}, () => [
-          D(_(Ce))
+          I(_(Ce))
         ])
       ]),
       default: H(() => [
@@ -1270,7 +1291,33 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       _: 3
     }, 8, ["placement", "arrow", "label"]));
   }
-}), Vn = /* @__PURE__ */ O({
+}), qo = { class: "dwui-highlight-text" }, Jo = { key: 0 }, Zn = /* @__PURE__ */ A({
+  __name: "highlight-text",
+  props: {
+    text: {},
+    word: {},
+    ignoreCase: { type: Boolean }
+  },
+  setup(n) {
+    const t = n, e = T(() => {
+      const o = t.text ?? "";
+      if (!t.word)
+        return [{ text: o, match: !1 }];
+      const a = t.word.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      return o.split(new RegExp(`(${a})`, t.ignoreCase ? "i" : "")).map((l, s) => ({
+        text: l,
+        match: s % 2 === 1
+      }));
+    });
+    return (o, a) => (r(), v("span", qo, [
+      (r(!0), v(j, null, V(e.value, (l, s) => (r(), v(j, { key: s }, [
+        l.match ? (r(), v("mark", Jo, M(l.text), 1)) : (r(), v(j, { key: 1 }, [
+          q(M(l.text), 1)
+        ], 64))
+      ], 64))), 128))
+    ]));
+  }
+}), Qn = /* @__PURE__ */ A({
   __name: "hourglass-loading",
   props: {
     loading: { type: Boolean },
@@ -1279,14 +1326,14 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
   },
   setup(n) {
     const t = n;
-    return (e, o) => t.loading ? (u(), j(_(Ct), {
+    return (e, o) => t.loading ? (r(), W(_(Ct), {
       key: 0,
       duration: t.duration,
       size: t.size,
       class: "dwui-hourglass-loading"
     }, null, 8, ["duration", "size"])) : x(e.$slots, "default", {}, void 0, void 0, 1);
   }
-}), Gn = /* @__PURE__ */ O({
+}), ea = /* @__PURE__ */ A({
   __name: "intersection-lazy-component",
   props: {
     root: {},
@@ -1299,7 +1346,7 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
     let s;
     const p = () => {
       s?.disconnect(), s = void 0, !(!a.value || l.value) && (s = new IntersectionObserver((i) => {
-        i.some((r) => r.isIntersecting) && (l.value = !0, s?.disconnect(), s = void 0, o("emit:visible"));
+        i.some((d) => d.isIntersecting) && (l.value = !0, s?.disconnect(), s = void 0, o("emit:visible"));
       }, {
         root: e.root,
         rootMargin: e.rootMargin,
@@ -1308,11 +1355,11 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
     };
     return X(() => {
       p();
-    }), G(() => {
+    }), U(() => {
       s?.disconnect();
     }), Y(() => [e.root, e.rootMargin, e.threshold], () => {
       p();
-    }, { flush: "post" }), (i, r) => (u(), f("div", {
+    }, { flush: "post" }), (i, d) => (r(), v("div", {
       ref_key: "refTarget",
       ref: a,
       class: "dwui-intersection-lazy-component"
@@ -1320,10 +1367,10 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       l.value ? x(i.$slots, "default", {}, void 0, void 0, 0) : x(i.$slots, "placeholder", {}, void 0, void 0, 1)
     ], 512));
   }
-}), Uo = {
+}), Zo = {
   type: "button",
   class: "dwui-label-button"
-}, Un = /* @__PURE__ */ O({
+}, ta = /* @__PURE__ */ A({
   __name: "label-button",
   props: {
     preset: {},
@@ -1334,9 +1381,9 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
     labelStyle: { type: [Boolean, null, String, Object, Array] }
   },
   setup(n) {
-    const t = n, e = Z();
-    return (o, a) => (u(), f("button", Uo, [
-      D(oe, {
+    const t = n, e = Q();
+    return (o, a) => (r(), v("button", Zo, [
+      I(oe, {
         preset: t.preset,
         gap: t.gap,
         "icon-class": t.iconClass,
@@ -1361,12 +1408,12 @@ const eo = ["aria-label"], zn = /* @__PURE__ */ O({
       ]), 1032, ["preset", "gap", "icon-class", "icon-style", "label-class", "label-style"])
     ]));
   }
-}), Xo = /^\s*[[{]/;
-function Yo(n) {
+}), Qo = /^\s*[[{]/;
+function en(n) {
   return typeof n == "string" ? n : n instanceof Error ? String(n) : ie(n, 0, "", []) ?? String(n);
 }
-function qo(n) {
-  if (Xo.test(n))
+function tn(n) {
+  if (Qo.test(n))
     try {
       const t = JSON.parse(n);
       return typeof t == "object" && t !== null ? t : void 0;
@@ -1377,7 +1424,7 @@ function qo(n) {
 function ie(n, t, e, o) {
   switch (typeof n) {
     case "string": {
-      const a = qo(n);
+      const a = tn(n);
       return a === void 0 ? `"${n}"` : ie(a, t, e, o);
     }
     case "number":
@@ -1397,7 +1444,7 @@ function ie(n, t, e, o) {
         return '"[Circular]"';
       o.push(n);
       try {
-        return Jo(n, t, o);
+        return on(n, t, o);
       } finally {
         o.pop();
       }
@@ -1406,15 +1453,15 @@ function ie(n, t, e, o) {
       return;
   }
 }
-function Jo(n, t, e) {
+function on(n, t, e) {
   const o = Array.isArray(n), a = [];
   if (o)
-    for (let r = 0; r < n.length; r++)
-      a.push(ie(n[r], t + 1, String(r), e) ?? "null");
+    for (let d = 0; d < n.length; d++)
+      a.push(ie(n[d], t + 1, String(d), e) ?? "null");
   else
-    for (const [r, h] of Object.entries(n)) {
-      const v = ie(h, t + 1, r, e);
-      v !== void 0 && a.push(`"${r}": ${v}`);
+    for (const [d, h] of Object.entries(n)) {
+      const f = ie(h, t + 1, d, e);
+      f !== void 0 && a.push(`"${d}": ${f}`);
     }
   const [l, s] = o ? ["[", "]"] : ["{", "}"];
   if (a.length === 0)
@@ -1425,12 +1472,12 @@ ${p}${a.join(`,
 ${p}`)}
 ${i}${s}`;
 }
-const Zo = ["aria-labelledby", "aria-describedby"], Qo = { class: "dwui-modal-dialog-header" }, en = { class: "dwui-modal-dialog-icon" }, tn = ["id", "innerHTML"], on = ["id"], nn = ["id"], an = { key: 0 }, ln = ["innerHTML"], sn = { key: 2 }, rn = {
+const nn = ["aria-labelledby", "aria-describedby"], an = { class: "dwui-modal-dialog-header" }, ln = { class: "dwui-modal-dialog-icon" }, sn = ["id", "innerHTML"], rn = ["id"], dn = ["id"], cn = { key: 0 }, un = ["innerHTML"], pn = { key: 2 }, mn = {
   key: 0,
   class: "dwui-modal-dialog-images"
-}, dn = ["src", "alt"], cn = ["onClick"], Xn = /* @__PURE__ */ O({
+}, vn = ["src", "alt"], fn = ["onClick"], oa = /* @__PURE__ */ A({
   __name: "modal-dialog",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Z({
     type: { default: "info" },
     title: { default: void 0 },
     message: { default: void 0 },
@@ -1445,24 +1492,24 @@ const Zo = ["aria-labelledby", "aria-describedby"], Qo = { class: "dwui-modal-di
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["emit:close"], ["update:open"]),
+  emits: /* @__PURE__ */ Z(["emit:close"], ["update:open"]),
   setup(n, { emit: t }) {
-    const e = n, o = t, a = re(n, "open"), l = B(), s = B(), p = se(), i = se(), r = {
+    const e = n, o = t, a = re(n, "open"), l = B(), s = B(), p = se(), i = se(), d = {
       info: xt,
       confirm: Ce,
       warn: Ge,
       error: St
-    }, h = ["cancel", "no", "yes", "ok"], v = E(() => e.buttons ?? (e.type === "confirm" ? ["yes", "no"] : ["ok"])), m = E(() => ({
+    }, h = ["cancel", "no", "yes", "ok"], f = T(() => e.buttons ?? (e.type === "confirm" ? ["yes", "no"] : ["ok"])), m = T(() => ({
       ok: e.okLabel,
       yes: e.yesLabel,
       no: e.noLabel,
       cancel: e.cancelLabel
-    })), C = E(() => e.message == null ? [] : [e.message].flat()), P = E(() => [e.image ?? []].flat().map(($) => typeof $ == "string" ? {
+    })), C = T(() => e.message == null ? [] : [e.message].flat()), P = T(() => [e.image ?? []].flat().map(($) => typeof $ == "string" ? {
       src: $,
       alt: ""
     } : $)), k = ($) => {
       N($);
-    }, c = ($) => {
+    }, u = ($) => {
       $.preventDefault(), N("cancel");
     }, S = ($) => {
       if ($.key !== "ArrowLeft" && $.key !== "ArrowRight")
@@ -1471,7 +1518,7 @@ const Zo = ["aria-labelledby", "aria-describedby"], Qo = { class: "dwui-modal-di
       L < 0 || z[$.key === "ArrowRight" ? L + 1 : L - 1]?.focus();
     }, w = () => {
       l.value?.showModal();
-      const $ = h.find((L) => v.value.includes(L)), z = $ ? v.value.indexOf($) : -1;
+      const $ = h.find((L) => f.value.includes(L)), z = $ ? f.value.indexOf($) : -1;
       s.value?.children[z]?.focus();
     }, N = ($) => {
       l.value?.close(), a.value = !1, o("emit:close", $);
@@ -1480,70 +1527,70 @@ const Zo = ["aria-labelledby", "aria-describedby"], Qo = { class: "dwui-modal-di
       a.value && w();
     }), Y(a, ($) => {
       $ ? w() : l.value?.close();
-    }, { flush: "post" }), ($, z) => (u(), f("dialog", {
+    }, { flush: "post" }), ($, z) => (r(), v("dialog", {
       ref_key: "refDialog",
       ref: l,
-      class: I(["dwui-modal-dialog", `dwui-modal-dialog-${e.type}`]),
+      class: D(["dwui-modal-dialog", `dwui-modal-dialog-${e.type}`]),
       "aria-labelledby": e.title ? _(p) : void 0,
       "aria-describedby": _(i),
-      onCancel: c,
+      onCancel: u,
       onKeydown: S
     }, [
-      b("div", Qo, [
-        b("span", en, [
+      b("div", an, [
+        b("span", ln, [
           x($.$slots, "icon", {}, () => [
-            (u(), j(te(r[e.type])))
+            (r(), W(te(d[e.type])))
           ])
         ]),
-        e.title ? (u(), f(K, { key: 0 }, [
-          e.html ? (u(), f("span", {
+        e.title ? (r(), v(j, { key: 0 }, [
+          e.html ? (r(), v("span", {
             key: 0,
             id: _(p),
             class: "dwui-modal-dialog-title",
             innerHTML: e.title
-          }, null, 8, tn)) : (u(), f("span", {
+          }, null, 8, sn)) : (r(), v("span", {
             key: 1,
             id: _(p),
             class: "dwui-modal-dialog-title"
-          }, A(e.title), 9, on))
-        ], 64)) : T("", !0)
+          }, M(e.title), 9, rn))
+        ], 64)) : E("", !0)
       ]),
       b("div", {
         id: _(i),
         class: "dwui-modal-dialog-body"
       }, [
         x($.$slots, "default", {}, () => [
-          (u(!0), f(K, null, U(C.value, (L, V) => (u(), f(K, { key: V }, [
-            typeof L != "string" ? (u(), f("pre", an, A(_(Yo)(L)), 1)) : e.html ? (u(), f("p", {
+          (r(!0), v(j, null, V(C.value, (L, G) => (r(), v(j, { key: G }, [
+            typeof L != "string" ? (r(), v("pre", cn, M(_(en)(L)), 1)) : e.html ? (r(), v("p", {
               key: 1,
               innerHTML: L
-            }, null, 8, ln)) : (u(), f("p", sn, A(L), 1))
+            }, null, 8, un)) : (r(), v("p", pn, M(L), 1))
           ], 64))), 128)),
-          P.value.length ? (u(), f("div", rn, [
-            (u(!0), f(K, null, U(P.value, (L, V) => (u(), f("img", {
-              key: V,
+          P.value.length ? (r(), v("div", mn, [
+            (r(!0), v(j, null, V(P.value, (L, G) => (r(), v("img", {
+              key: G,
               src: L.src,
               alt: L.alt
-            }, null, 8, dn))), 128))
-          ])) : T("", !0)
+            }, null, 8, vn))), 128))
+          ])) : E("", !0)
         ])
-      ], 8, nn),
+      ], 8, dn),
       b("div", {
         ref_key: "refButtons",
         ref: s,
         class: "dwui-modal-dialog-buttons"
       }, [
-        (u(!0), f(K, null, U(v.value, (L) => (u(), f("button", {
+        (r(!0), v(j, null, V(f.value, (L) => (r(), v("button", {
           key: L,
           type: "button",
-          class: I(["dwui-modal-dialog-button", `dwui-modal-dialog-button-${L}`]),
-          onClick: (V) => k(L)
-        }, A(m.value[L]), 11, cn))), 128))
+          class: D(["dwui-modal-dialog-button", `dwui-modal-dialog-button-${L}`]),
+          onClick: (G) => k(L)
+        }, M(m.value[L]), 11, fn))), 128))
       ], 512)
-    ], 42, Zo));
+    ], 42, nn));
   }
 });
-function un(n) {
+function gn(n) {
   const t = n.minWidth ?? 20, e = n.minHeight ?? 20, o = B(!1), a = B(!1), l = Te({
     x: 0,
     y: 0
@@ -1551,7 +1598,7 @@ function un(n) {
     width: -1,
     height: -1
   });
-  let p = null, i = "bottom-right", r = {
+  let p = null, i = "bottom-right", d = {
     x: 0,
     y: 0
   };
@@ -1559,8 +1606,8 @@ function un(n) {
     if (w.pointerId !== p)
       return;
     w.preventDefault();
-    const N = w.clientX - r.x, $ = w.clientY - r.y;
-    if (r = {
+    const N = w.clientX - d.x, $ = w.clientY - d.y;
+    if (d = {
       x: w.clientX,
       y: w.clientY
     }, o.value)
@@ -1577,24 +1624,24 @@ function un(n) {
       } else
         s.height = Math.max(e, s.height + $);
     }
-  }, v = () => {
+  }, f = () => {
     const w = n.target.value?.getBoundingClientRect().width || 0;
     l.x < 40 - w && (l.x = 40 - w), window.innerWidth - 40 < l.x && (l.x = window.innerWidth - 40), l.y < 0 && (l.y = 0), n.clampBottom && window.innerHeight - 20 < l.y && (l.y = window.innerHeight - 20);
   }, m = (w) => {
     if (w.pointerId !== p)
       return;
     const N = o.value;
-    C(), N && v();
+    C(), N && f();
   }, C = () => {
     document.removeEventListener("pointermove", h, !0), document.removeEventListener("pointerup", m, !0), document.removeEventListener("pointercancel", m, !0), p = null, o.value = !1, a.value = !1;
   }, P = (w) => {
-    C(), p = w.pointerId, r = {
+    C(), p = w.pointerId, d = {
       x: w.clientX,
       y: w.clientY
     }, document.addEventListener("pointermove", h, !0), document.addEventListener("pointerup", m, !0), document.addEventListener("pointercancel", m, !0);
   }, k = (w) => {
     w.isPrimary && n.dragMode() === "body" && (P(w), o.value = !0);
-  }, c = (w) => {
+  }, u = (w) => {
     w.isPrimary && n.dragMode() === "header" && (P(w), o.value = !0);
   }, S = (w, N = "bottom-right") => {
     if (!w.isPrimary)
@@ -1603,18 +1650,18 @@ function un(n) {
     const $ = n.target.value?.getBoundingClientRect();
     $ && (s.width < 0 && (s.width = $.width), s.height < 0 && (s.height = $.height)), P(w), a.value = !0;
   };
-  return G(C), {
+  return U(C), {
     moving: o,
     resizing: a,
     currentPosition: l,
     currentRect: s,
     onDragStart: k,
-    onDragHeaderStart: c,
+    onDragHeaderStart: u,
     onResizeStart: S,
     teardown: C
   };
 }
-const pn = ["aria-labelledby"], mn = ["id"], vn = ["aria-label"], fn = ["onPointerdown"], gn = /* @__PURE__ */ O({
+const bn = ["aria-labelledby"], hn = ["id"], wn = ["aria-label"], yn = ["onPointerdown"], _n = /* @__PURE__ */ A({
   __name: "movable-window",
   props: {
     name: {},
@@ -1627,17 +1674,17 @@ const pn = ["aria-labelledby"], mn = ["id"], vn = ["aria-label"], fn = ["onPoint
   },
   emits: ["emit:close"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, a = e, l = B(), s = se(), p = ["top-left", "top-right", "bottom-left"], i = un({
+    const o = n, a = e, l = B(), s = se(), p = ["top-left", "top-right", "bottom-left"], i = gn({
       target: l,
       dragMode: () => o.dragMode,
       clampBottom: o.clampBottom
-    }), r = E(() => {
-      const { currentPosition: h, currentRect: v } = i;
+    }), d = T(() => {
+      const { currentPosition: h, currentRect: f } = i;
       return {
         top: `${h.y}px`,
         left: `${h.x}px`,
-        width: 0 <= v.width ? `${v.width}px` : void 0,
-        height: 0 <= v.height ? `${v.height}px` : void 0
+        width: 0 <= f.width ? `${f.width}px` : void 0,
+        height: 0 <= f.height ? `${f.height}px` : void 0
       };
     });
     return t({
@@ -1649,86 +1696,86 @@ const pn = ["aria-labelledby"], mn = ["id"], vn = ["aria-label"], fn = ["onPoint
       size: i.currentRect,
       /** ドラッグ・リサイズのリスナーを解除する */
       teardown: i.teardown
-    }), (h, v) => (u(), f("div", {
+    }), (h, f) => (r(), v("div", {
       ref_key: "refWindow",
       ref: l,
       class: "dwui-movable-window",
       role: "dialog",
       "aria-labelledby": _(s),
-      style: F(r.value)
+      style: F(d.value)
     }, [
       b("div", {
         class: "dwui-movable-window-frame",
-        onPointerdown: v[2] || (v[2] = //@ts-ignore
+        onPointerdown: f[2] || (f[2] = //@ts-ignore
         (...m) => _(i).onDragStart && _(i).onDragStart(...m))
       }, [
         b("div", {
-          class: I(["dwui-movable-window-header", [`${o.name}-header`, o.headerClass, { "dwui-movable": o.dragMode }]]),
+          class: D(["dwui-movable-window-header", [`${o.name}-header`, o.headerClass, { "dwui-movable": o.dragMode }]]),
           style: F(o.headerStyle),
-          onPointerdown: v[1] || (v[1] = //@ts-ignore
+          onPointerdown: f[1] || (f[1] = //@ts-ignore
           (...m) => _(i).onDragHeaderStart && _(i).onDragHeaderStart(...m))
         }, [
           b("div", {
             id: _(s),
-            class: I(["dwui-movable-window-title", `${o.name}-title`])
+            class: D(["dwui-movable-window-title", `${o.name}-title`])
           }, [
             x(h.$slots, "title")
-          ], 10, mn),
+          ], 10, hn),
           x(h.$slots, "actions"),
           b("button", {
             type: "button",
-            class: I(["dwui-movable-window-close-button", `${o.name}-close-button`]),
+            class: D(["dwui-movable-window-close-button", `${o.name}-close-button`]),
             "aria-label": o.closeLabel,
-            onClick: v[0] || (v[0] = (m) => a("emit:close"))
+            onClick: f[0] || (f[0] = (m) => a("emit:close"))
           }, [
-            D(_(Pt))
-          ], 10, vn)
+            I(_(Pt))
+          ], 10, wn)
         ], 38),
         b("div", {
-          class: I(["dwui-movable-window-body", [`${o.name}-body`, { "dwui-movable": o.dragMode === "body" }]])
+          class: D(["dwui-movable-window-body", [`${o.name}-body`, { "dwui-movable": o.dragMode === "body" }]])
         }, [
           x(h.$slots, "default")
         ], 2)
       ], 32),
-      o.loading ? (u(), f("div", {
+      o.loading ? (r(), v("div", {
         key: 0,
-        class: I(["dwui-movable-window-loading", `${o.name}-loading`])
+        class: D(["dwui-movable-window-loading", `${o.name}-loading`])
       }, [
         b("div", {
-          class: I(["dwui-movable-window-spinner", `${o.name}-spinner`])
+          class: D(["dwui-movable-window-spinner", `${o.name}-spinner`])
         }, null, 2)
-      ], 2)) : T("", !0),
-      (u(), f(K, null, U(p, (m) => b("div", {
+      ], 2)) : E("", !0),
+      (r(), v(j, null, V(p, (m) => b("div", {
         key: m,
-        class: I(["dwui-movable-window-corner", [`${o.name}-corner`, `dwui-${m}`]]),
+        class: D(["dwui-movable-window-corner", [`${o.name}-corner`, `dwui-${m}`]]),
         onPointerdown: ee((C) => _(i).onResizeStart(C, m), ["prevent"])
-      }, null, 42, fn)), 64)),
+      }, null, 42, yn)), 64)),
       b("div", {
-        class: I(["dwui-movable-window-resizer", `${o.name}-resizer`]),
-        onPointerdown: v[3] || (v[3] = ee((m) => _(i).onResizeStart(m, "bottom-right"), ["prevent"]))
+        class: D(["dwui-movable-window-resizer", `${o.name}-resizer`]),
+        onPointerdown: f[3] || (f[3] = ee((m) => _(i).onResizeStart(m, "bottom-right"), ["prevent"]))
       }, [
-        D(_(Bt), { direction: "bottom-right" })
+        I(_(Bt), { direction: "bottom-right" })
       ], 34)
-    ], 12, pn));
+    ], 12, bn));
   }
 });
 let Re = 0;
-const bn = () => (Re += 1, Re);
-function hn(n, t, e) {
+const $n = () => (Re += 1, Re);
+function kn(n, t, e) {
   const o = document.createElement("div");
   document.body.appendChild(o);
   const a = B(!0), l = B(!1), s = {
     close: () => {
       a.value = !1;
     },
-    setLoading: (r) => {
-      l.value = r;
+    setLoading: (d) => {
+      l.value = d;
     }
-  }, p = O(() => () => n({
+  }, p = A(() => () => n({
     open: a.value,
     loading: l.value,
-    "onUpdate:open": (r) => {
-      a.value = r;
+    "onUpdate:open": (d) => {
+      a.value = d;
     },
     "onEmit:close": () => {
       e.delete(s), pe(null, o), o.remove(), t.onClosed?.(), t.onClose?.();
@@ -1736,12 +1783,12 @@ function hn(n, t, e) {
   }, s)), i = me(p);
   return t.appContext && (i.appContext = t.appContext), pe(i, o), e.add(s), s;
 }
-function wn(n) {
+function Cn(n) {
   const t = Ke();
   if (!t)
     throw new Error(`${n}() must be called inside setup().`);
   const e = /* @__PURE__ */ new Set();
-  return G(() => {
+  return U(() => {
     for (const o of e)
       o.close();
   }), {
@@ -1756,7 +1803,7 @@ function wn(n) {
 }
 const ue = [], Qe = /* @__PURE__ */ new Set(), et = (n, t, e, o) => {
   const { appContext: a, onClose: l, ...s } = e ?? {};
-  return hn((p, i) => me(yn, {
+  return kn((p, i) => me(Sn, {
     ...s,
     ...p
   }, {
@@ -1767,15 +1814,15 @@ const ue = [], Qe = /* @__PURE__ */ new Set(), et = (n, t, e, o) => {
     })
   }), { appContext: a, onClose: l, onClosed: o }, Qe);
 };
-function Yn(n, t, e) {
+function na(n, t, e) {
   return et(n, t, e);
 }
-function qn() {
+function aa() {
   for (const n of [...Qe])
     n.close();
 }
-function Jn() {
-  const n = wn("useOverlayBox");
+function la() {
+  const n = Cn("useOverlayBox");
   return {
     showOverlayBox: (t, e, o) => n.own((a) => et(t, e, {
       appContext: n.appContext,
@@ -1783,9 +1830,9 @@ function Jn() {
     }, a))
   };
 }
-const yn = /* @__PURE__ */ O({
+const Sn = /* @__PURE__ */ A({
   __name: "overlay-box",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Z({
     title: { default: void 0 },
     dragMode: { default: void 0 },
     closeOnBackdrop: { type: Boolean, default: !1 },
@@ -1795,49 +1842,49 @@ const yn = /* @__PURE__ */ O({
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["emit:close"], ["update:open"]),
+  emits: /* @__PURE__ */ Z(["emit:close"], ["update:open"]),
   setup(n, { emit: t }) {
     const e = n, o = t, a = re(n, "open"), l = B(), s = B(0), p = /* @__PURE__ */ Symbol("dwui-overlay-box");
     let i = null;
-    const r = () => {
+    const d = () => {
       e.closeOnBackdrop && (a.value = !1);
     }, h = () => {
       a.value = !1;
-    }, v = (c) => {
-      c.key !== "Escape" || !c.isTrusted || c.isComposing || c.target instanceof Element && c.target.closest("dialog") || ue.at(-1) === p && (a.value = !1);
+    }, f = (u) => {
+      u.key !== "Escape" || !u.isTrusted || u.isComposing || u.target instanceof Element && u.target.closest("dialog") || ue.at(-1) === p && (a.value = !1);
     }, m = () => {
       o("emit:close");
     }, C = () => {
-      const c = ue.indexOf(p);
-      0 <= c && ue.splice(c, 1);
+      const u = ue.indexOf(p);
+      0 <= u && ue.splice(u, 1);
     }, P = () => {
-      s.value = bn();
-      const c = l.value, S = c?.element?.getBoundingClientRect();
-      c && (c.position.x = (window.innerWidth - (S?.width || 0)) / 2, c.position.y = Math.max(0, (window.innerHeight - (S?.height || 0)) / 2)), i = document.activeElement instanceof HTMLElement ? document.activeElement : null, c?.element?.focus(), ue.push(p);
+      s.value = $n();
+      const u = l.value, S = u?.element?.getBoundingClientRect();
+      u && (u.position.x = (window.innerWidth - (S?.width || 0)) / 2, u.position.y = Math.max(0, (window.innerHeight - (S?.height || 0)) / 2)), i = document.activeElement instanceof HTMLElement ? document.activeElement : null, u?.element?.focus(), ue.push(p);
     }, k = () => {
       l.value?.teardown(), C(), i?.isConnected && i.focus(), i = null;
     };
     return X(() => {
       a.value && P();
-    }), G(() => {
+    }), U(() => {
       C();
-    }), Y(a, (c) => {
-      c ? P() : k();
-    }, { flush: "post" }), (c, S) => (u(), j(vt, {
+    }), Y(a, (u) => {
+      u ? P() : k();
+    }, { flush: "post" }), (u, S) => (r(), W(vt, {
       name: "dwui-overlay-box-fade",
       onAfterLeave: m
     }, {
       default: H(() => [
-        a.value ? (u(), f("div", {
+        a.value ? (r(), v("div", {
           key: 0,
           class: "dwui-overlay-box",
           style: F({ "--dwui-order-window": s.value })
         }, [
           b("div", {
             class: "dwui-overlay-box-backdrop",
-            onClick: r
+            onClick: d
           }),
-          D(gn, {
+          I(_n, {
             ref_key: "refWindow",
             ref: l,
             class: "dwui-overlay-box-container",
@@ -1847,25 +1894,25 @@ const yn = /* @__PURE__ */ O({
             loading: e.loading,
             "close-label": e.closeLabel,
             "clamp-bottom": "",
-            onKeydown: v,
+            onKeydown: f,
             "onEmit:close": h
           }, {
             title: H(() => [
-              x(c.$slots, "title", {}, () => [
-                Q(A(e.title), 1)
+              x(u.$slots, "title", {}, () => [
+                q(M(e.title), 1)
               ])
             ]),
             default: H(() => [
-              x(c.$slots, "default")
+              x(u.$slots, "default")
             ]),
             _: 3
           }, 8, ["drag-mode", "loading", "close-label"])
-        ], 4)) : T("", !0)
+        ], 4)) : E("", !0)
       ]),
       _: 3
     }));
   }
-}), _n = { class: "dwui-page-section" }, $n = { class: "dwui-page-section-content" }, Zn = /* @__PURE__ */ O({
+}), xn = { class: "dwui-page-section" }, Pn = { class: "dwui-page-section-content" }, sa = /* @__PURE__ */ A({
   __name: "page-section",
   props: {
     title: {},
@@ -1882,50 +1929,50 @@ const yn = /* @__PURE__ */ O({
       square: { component: Et, shape: !0, color: "#d13a2b" },
       pushpin: { component: Tt, shape: !1 },
       "round-pushpin": { component: Lt, shape: !1 }
-    }, o = E(() => {
+    }, o = T(() => {
       const a = e[t.icon];
       return {
         component: a.component,
         props: a.shape ? { variant: t.iconVariant, color: t.iconColor ?? a.color } : {}
       };
     });
-    return (a, l) => (u(), f("section", _n, [
-      t.title != null ? (u(), f("div", {
+    return (a, l) => (r(), v("section", xn, [
+      t.title != null ? (r(), v("div", {
         key: 0,
-        class: I(["dwui-page-section-title", t.titleClass]),
+        class: D(["dwui-page-section-title", t.titleClass]),
         style: F(t.titleStyle)
       }, [
-        D(oe, null, {
+        I(oe, null, {
           icon: H(() => [
             x(a.$slots, "icon", {}, () => [
-              (u(), j(te(o.value.component), je(We(o.value.props)), null, 16))
+              (r(), W(te(o.value.component), je(We(o.value.props)), null, 16))
             ])
           ]),
           default: H(() => [
-            Q(" " + A(t.title), 1)
+            q(" " + M(t.title), 1)
           ]),
           _: 3
         })
-      ], 6)) : T("", !0),
-      b("div", $n, [
+      ], 6)) : E("", !0),
+      b("div", Pn, [
         x(a.$slots, "default")
       ])
     ]));
   }
-}), kn = { class: "dwui-page-title" }, Cn = {
+}), Bn = { class: "dwui-page-title" }, Ln = {
   key: 0,
   class: "dwui-page-title-actions"
-}, Qn = /* @__PURE__ */ O({
+}, ia = /* @__PURE__ */ A({
   __name: "page-title",
   props: {
     title: {}
   },
   setup(n) {
-    const t = n, e = Z();
-    return (o, a) => (u(), f("section", kn, [
-      D(oe, { class: "dwui-page-title-label" }, de({
+    const t = n, e = Q();
+    return (o, a) => (r(), v("section", Bn, [
+      I(oe, { class: "dwui-page-title-label" }, de({
         default: H(() => [
-          Q(" " + A(t.title), 1)
+          q(" " + M(t.title), 1)
         ]),
         _: 2
       }, [
@@ -1937,12 +1984,12 @@ const yn = /* @__PURE__ */ O({
           key: "0"
         } : void 0
       ]), 1024),
-      e.default != null ? (u(), f("span", Cn, [
+      e.default != null ? (r(), v("span", Ln, [
         x(o.$slots, "default")
-      ])) : T("", !0)
+      ])) : E("", !0)
     ]));
   }
-}), ea = /* @__PURE__ */ O({
+}), ra = /* @__PURE__ */ A({
   __name: "screen-loading",
   props: {
     loading: { type: Boolean }
@@ -1957,11 +2004,11 @@ const yn = /* @__PURE__ */ O({
     };
     return X(() => {
       t.loading && o();
-    }), G(() => {
+    }), U(() => {
       a();
     }), Y(() => t.loading, (l) => {
       l ? o() : a();
-    }, { flush: "post" }), (l, s) => (u(), f("dialog", {
+    }, { flush: "post" }), (l, s) => (r(), v("dialog", {
       ref_key: "refDialog",
       ref: e,
       class: "dwui-screen-loading",
@@ -1972,13 +2019,13 @@ const yn = /* @__PURE__ */ O({
       b("div", { class: "dwui-screen-loading-spinner" }, null, -1)
     ])], 544));
   }
-}), tt = /* @__PURE__ */ Symbol("dwui-tab-group"), Sn = ["id", "aria-labelledby", "aria-busy", "hidden"], xn = {
+}), tt = /* @__PURE__ */ Symbol("dwui-tab-group"), Tn = ["id", "aria-labelledby", "aria-busy", "hidden"], En = {
   key: 0,
   class: "dwui-tab-loading"
-}, Pn = {
+}, Mn = {
   key: 1,
   class: "dwui-tab-loading-spinner"
-}, Bn = /* @__PURE__ */ O({
+}, An = /* @__PURE__ */ A({
   __name: "tab-content",
   props: {
     tabId: {},
@@ -1989,10 +2036,10 @@ const yn = /* @__PURE__ */ O({
     headerStyle: { type: [Boolean, null, String, Object, Array] }
   },
   setup(n) {
-    const t = n, e = ke(tt, void 0), o = B(!1), a = () => e?.loadingSlot(), l = E(() => e?.activeTabId.value === t.tabId), s = E(() => !!e?.mounted.value && l.value), p = (i) => {
+    const t = n, e = ke(tt, void 0), o = B(!1), a = () => e?.loadingSlot(), l = T(() => e?.activeTabId.value === t.tabId), s = T(() => !!e?.mounted.value && l.value), p = (i) => {
       o.value = i;
     };
-    return (i, r) => t.disabled ? T("", !0) : (u(), f("div", {
+    return (i, d) => t.disabled ? E("", !0) : (r(), v("div", {
       key: 0,
       id: _(e) ? `${_(e).groupName}-${t.tabId}-panel` : void 0,
       class: "dwui-tab-content",
@@ -2005,14 +2052,14 @@ const yn = /* @__PURE__ */ O({
         activated: s.value,
         setLoading: p
       }),
-      o.value ? (u(), f("div", xn, [
-        a() != null ? (u(), j(te(a()), { key: 0 })) : (u(), f("span", Pn))
-      ])) : T("", !0)
-    ], 8, Sn));
+      o.value ? (r(), v("div", En, [
+        a() != null ? (r(), W(te(a()), { key: 0 })) : (r(), v("span", Mn))
+      ])) : E("", !0)
+    ], 8, Tn));
   }
-}), Ln = { class: "dwui-tab-group" }, Tn = ["id", "name", "disabled", "checked", "aria-selected", "aria-controls", "onChange"], En = ["for"], Mn = { class: "dwui-tab-items" }, ta = /* @__PURE__ */ O({
+}), On = { class: "dwui-tab-group" }, Dn = ["id", "name", "disabled", "checked", "aria-selected", "aria-controls", "onChange"], In = ["for"], Nn = { class: "dwui-tab-items" }, da = /* @__PURE__ */ A({
   __name: "tab-group",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ Z({
     tabGroupName: {},
     selectFirstEnabled: { type: Boolean },
     headerClass: { type: [Boolean, null, String, Object, Array] },
@@ -2024,49 +2071,49 @@ const yn = /* @__PURE__ */ O({
   }),
   emits: ["update:selectedTabId"],
   setup(n) {
-    const t = n, e = re(n, "selectedTabId"), o = Z(), a = t.tabGroupName ?? se(), l = (h) => {
-      if (h.type !== Bn)
+    const t = n, e = re(n, "selectedTabId"), o = Q(), a = t.tabGroupName ?? se(), l = (h) => {
+      if (h.type !== An)
         return;
-      const v = h.props ?? {}, m = v.disabled;
+      const f = h.props ?? {}, m = f.disabled;
       return {
-        tabId: String(v["tab-id"] ?? v.tabId),
-        label: v.label,
+        tabId: String(f["tab-id"] ?? f.tabId),
+        label: f.label,
         // 属性だけを書いた場合(<TabContent disabled>)は空文字になる
         disabled: m === "" || !!m,
-        status: v.status,
-        headerClass: v["header-class"] ?? v.headerClass,
-        headerStyle: v["header-style"] ?? v.headerStyle,
+        status: f.status,
+        headerClass: f["header-class"] ?? f.headerClass,
+        headerStyle: f["header-style"] ?? f.headerStyle,
         // TabContentの#iconスロットは、TabContentではなくここで見出しに描画する
         icon: h.children?.icon
       };
-    }, s = E(() => {
+    }, s = T(() => {
       const h = [];
-      for (const v of o.default?.() ?? []) {
-        const m = Array.isArray(v.children) ? v.children : [v];
+      for (const f of o.default?.() ?? []) {
+        const m = Array.isArray(f.children) ? f.children : [f];
         for (const C of m) {
           const P = l(C);
           P && h.push(P);
         }
       }
       return h;
-    }), p = E(() => e.value != null ? e.value : (t.selectFirstEnabled ? s.value.find((v) => !v.disabled) : s.value[0])?.tabId), i = B(!1);
+    }), p = T(() => e.value != null ? e.value : (t.selectFirstEnabled ? s.value.find((f) => !f.disabled) : s.value[0])?.tabId), i = B(!1);
     ft(tt, { groupName: a, activeTabId: p, mounted: i, loadingSlot: () => o.loading }), X(() => {
       i.value = !0;
     });
-    const r = (h) => {
+    const d = (h) => {
       e.value = h;
     };
-    return (h, v) => (u(), f("div", Ln, [
-      (u(), j(gt, {
+    return (h, f) => (r(), v("div", On, [
+      (r(), W(gt, {
         to: t.teleport ?? "body",
         disabled: t.teleport == null
       }, [
         b("div", {
-          class: I(["dwui-tab-headers", t.headerClass]),
+          class: D(["dwui-tab-headers", t.headerClass]),
           role: "tablist",
           style: F(t.headerStyle)
         }, [
-          (u(!0), f(K, null, U(s.value, (m) => (u(), f(K, {
+          (r(!0), v(j, null, V(s.value, (m) => (r(), v(j, {
             key: m.tabId
           }, [
             b("input", {
@@ -2079,37 +2126,37 @@ const yn = /* @__PURE__ */ O({
               checked: m.tabId === p.value,
               "aria-selected": m.tabId === p.value ? "true" : "false",
               "aria-controls": `${_(a)}-${m.tabId}-panel`,
-              onChange: (C) => r(m.tabId)
-            }, null, 40, Tn),
+              onChange: (C) => d(m.tabId)
+            }, null, 40, Dn),
             b("label", {
               for: `${_(a)}-${m.tabId}`,
-              class: I(["dwui-tab-item", [m.status != null ? `dwui-tab-${m.status}` : void 0, m.headerClass]]),
+              class: D(["dwui-tab-item", [m.status != null ? `dwui-tab-${m.status}` : void 0, m.headerClass]]),
               style: F(m.headerStyle)
             }, [
-              D(oe, null, de({
+              I(oe, null, de({
                 default: H(() => [
-                  Q(" " + A(m.label), 1)
+                  q(" " + M(m.label), 1)
                 ]),
                 _: 2
               }, [
                 m.icon != null ? {
                   name: "icon",
                   fn: H(() => [
-                    (u(), j(te(m.icon)))
+                    (r(), W(te(m.icon)))
                   ]),
                   key: "0"
                 } : void 0
               ]), 1024)
-            ], 14, En)
+            ], 14, In)
           ], 64))), 128))
         ], 6)
       ], 8, ["to", "disabled"])),
-      b("div", Mn, [
+      b("div", Nn, [
         x(h.$slots, "default")
       ])
     ]));
   }
-}), oa = /* @__PURE__ */ O({
+}), ca = /* @__PURE__ */ A({
   __name: "warning-popper",
   props: {
     placement: { default: "right" },
@@ -2119,7 +2166,7 @@ const yn = /* @__PURE__ */ O({
   emits: ["emit:open", "emit:close"],
   setup(n, { emit: t }) {
     const e = n, o = t;
-    return (a, l) => (u(), j(Ze, {
+    return (a, l) => (r(), W(Ze, {
       class: "dwui-warning-popper",
       "popover-class": "dwui-warning-popper-popover",
       placement: e.placement,
@@ -2130,7 +2177,7 @@ const yn = /* @__PURE__ */ O({
     }, {
       icon: H(() => [
         x(a.$slots, "icon", {}, () => [
-          D(_(Ge))
+          I(_(Ge))
         ])
       ]),
       default: H(() => [
@@ -2141,38 +2188,40 @@ const yn = /* @__PURE__ */ O({
   }
 });
 export {
-  Rn as A,
-  jn as B,
-  Yn as C,
-  Zt as D,
-  Jn as E,
+  aa as A,
+  Kn as B,
+  Gn as C,
+  Un as D,
+  na as E,
   Qt as F,
-  Xe as G,
-  gn as _,
-  zn as a,
-  Xn as b,
-  zo as c,
-  ea as d,
-  Dn as e,
-  In as f,
-  Hn as g,
-  Wn as h,
-  Kn as i,
-  Fn as j,
-  Vn as k,
-  Gn as l,
-  hn as m,
-  bn as n,
-  Un as o,
-  oe as p,
-  yn as q,
-  Zn as r,
-  Qn as s,
-  Yo as t,
-  wn as u,
-  Bn as v,
-  ta as w,
-  oa as x,
-  qn as y,
-  Nn as z
+  la as G,
+  eo as H,
+  Xe as I,
+  _n as _,
+  Fn as a,
+  oa as b,
+  jo as c,
+  ra as d,
+  jn as e,
+  Wn as f,
+  Vn as g,
+  Xn as h,
+  Yn as i,
+  qn as j,
+  Jn as k,
+  Zn as l,
+  kn as m,
+  $n as n,
+  Qn as o,
+  ea as p,
+  ta as q,
+  oe as r,
+  Sn as s,
+  en as t,
+  Cn as u,
+  sa as v,
+  ia as w,
+  An as x,
+  da as y,
+  ca as z
 };