@wizleap-inc/wiz-ui-next 2.25.0 → 2.25.1

package/dist/wiz-ui.es.js

@@ -1,4 +1,4 @@
-import { ref as k, readonly as We, inject as ie, defineComponent as r, openBlock as i, createElementBlock as u, normalizeClass as s, unref as t, Fragment as P, renderList as j, createBlock as B, provide as Te, renderSlot as T, createVNode as p, createElementVNode as h, normalizeStyle as D, withCtx as _, toDisplayString as w, nextTick as Ee, computed as y, resolveDynamicComponent as ne, createCommentVNode as L, onMounted as le, onBeforeMount as Bl, watch as te, Teleport as Ke, withModifiers as vt, createSlots as Xe, createTextVNode as N, withDirectives as me, isRef as re, vModelDynamic as Tl, vModelCheckbox as Wa, withKeys as qe, vModelRadio as Ba, onBeforeUnmount as Ta, reactive as Ma, vModelText as Fa, useSlots as qt, vShow as La, toRef as Ml } from "vue";
+import { ref as k, readonly as We, inject as ie, defineComponent as r, openBlock as i, createElementBlock as u, normalizeClass as s, unref as t, Fragment as Z, renderList as j, createBlock as B, provide as Te, renderSlot as T, createVNode as p, createElementVNode as h, normalizeStyle as D, withCtx as _, toDisplayString as w, nextTick as Ee, computed as y, resolveDynamicComponent as ne, createCommentVNode as L, onMounted as le, onBeforeMount as Bl, watch as te, Teleport as Ke, withModifiers as vt, createSlots as Xe, createTextVNode as N, withDirectives as me, isRef as re, vModelDynamic as Tl, vModelCheckbox as Wa, withKeys as qe, vModelRadio as Ba, onBeforeUnmount as Ta, reactive as Ma, vModelText as Fa, useSlots as qt, vShow as La, toRef as Ml } from "vue";
 const bt = {
   sm: "576px",
   md: "768px",
@@ -483,7 +483,7 @@ const Ul = () => {
       ref_key: "containerRef",
       ref: l
     }, [
-      (i(!0), u(P, null, j(t(a), (v, g) => {
+      (i(!0), u(Z, null, j(t(a), (v, g) => {
         var b;
         return i(), B(t(yl), {
           key: v.created,
@@ -2924,7 +2924,7 @@ const r5 = ["aria-label", "disabled", "onClick"], Ge = /* @__PURE__ */ r({
     return (f, v) => (i(), u("table", {
       class: s(t(n5))
     }, [
-      (i(!0), u(P, null, j(t(Vl), (g) => (i(), u("td", {
+      (i(!0), u(Z, null, j(t(Vl), (g) => (i(), u("td", {
         class: s(t(Ht)),
         key: g
       }, [
@@ -2932,10 +2932,10 @@ const r5 = ["aria-label", "disabled", "onClick"], Ge = /* @__PURE__ */ r({
           class: s([t(Vt), t(At).dayOfWeek])
         }, w(g), 3)
       ], 2))), 128)),
-      (i(!0), u(P, null, j(t(n), (g, b) => (i(), u("tr", {
+      (i(!0), u(Z, null, j(t(n), (g, b) => (i(), u("tr", {
         key: [g, b].join("-")
       }, [
-        (i(!0), u(P, null, j(g, (S, C) => (i(), u("td", {
+        (i(!0), u(Z, null, j(g, (S, C) => (i(), u("td", {
           key: [S, C].join("-"),
           class: s(t(Ht))
         }, [
@@ -3861,7 +3861,7 @@ const pc = ["for"], gc = ["id", "name", "value", "disabled", "onFocus"], _c = /*
         wrap: ""
       }, {
         default: _(() => [
-          (i(!0), u(P, null, j(e.options, (b) => (i(), u("div", {
+          (i(!0), u(Z, null, j(e.options, (b) => (i(), u("div", {
             key: b.key
           }, [
             h("label", {
@@ -4140,15 +4140,18 @@ const Qc = (e, a) => {
           return a("toggle", !1);
         a("toggle", !0), (E = n.value) == null || E.focus();
       }
-    }, c = (E) => JSON.parse(JSON.stringify(E)), f = (E, Z) => {
-      const G = E.reduce((oe, ke) => (oe[ke.label] = Qc(ke.label, Z), oe), {}), ue = Math.min(...Object.values(G)), se = E.filter(
+    }, c = (E) => JSON.parse(JSON.stringify(E)), f = (E, P) => {
+      const G = E.reduce((oe, ke) => (oe[ke.label] = Qc(ke.label, P), oe), {}), ue = Math.min(...Object.values(G)), se = E.filter(
         (oe) => G[oe.label] === ue
-      ), Oe = E.filter((oe) => oe.label.indexOf(Z) !== -1 && !se.includes(oe));
+      ), Oe = E.filter((oe) => oe.label.indexOf(P) !== -1 && !se.includes(oe));
       return se.concat(Oe);
     }, v = y(
-      () => l.options.reduce((E, Z) => (E[Z.value] = Z, E), {})
-    ), g = y(() => l.modelValue.map((E) => v.value[E])), b = (E) => (Z) => {
-      Z && E === g.value.length - 1 && (o.value = Z);
+      () => l.options.reduce((E, P) => (E[P.value] = P, E), {})
+    ), g = y(() => {
+      const E = l.options.map((P) => P.value);
+      return l.modelValue.filter((P) => E.includes(P)).map((P) => v.value[P]);
+    }), b = (E) => (P) => {
+      P && E === g.value.length - 1 && (o.value = P);
     }, S = y(() => {
       const E = l.searchValue.length !== 0 ? f(
         c(l.options),
@@ -4158,22 +4161,22 @@ const Qc = (e, a) => {
     }), C = () => {
       l.disabled || a("toggle", !l.isOpen);
     }, x = (E) => {
-      var Z;
-      a("unselect", E), (Z = n.value) == null || Z.focus();
+      var P;
+      a("unselect", E), (P = n.value) == null || P.focus();
     }, W = (E) => {
-      const Z = E.target.value;
-      a("setSearchValue", Z);
+      const P = E.target.value;
+      a("setSearchValue", P);
     }, F = {
       focus: (E) => {
-        var Z;
-        E.key === "Backspace" && l.searchValue === "" && l.modelValue.length > 0 && ((Z = o.value) == null || Z.focus());
+        var P;
+        E.key === "Backspace" && l.searchValue === "" && l.modelValue.length > 0 && ((P = o.value) == null || P.focus());
       },
-      unselect: (E, Z) => {
-        Z.key === "Backspace" && x(E);
+      unselect: (E, P) => {
+        P.key === "Backspace" && x(E);
       }
     }, M = (E) => {
-      l.multiSelectable || (C(), l.modelValue.forEach((Z) => {
-        x(Z);
+      l.multiSelectable || (C(), l.modelValue.forEach((P) => {
+        x(P);
       })), a("setSearchValue", ""), a("update:modelValue", E), d();
     }, H = (E) => {
       a("add", E), a("setSearchValue", "");
@@ -4199,7 +4202,7 @@ const Qc = (e, a) => {
         onClick: () => M(E.value)
       }
     })));
-    return (E, Z) => (i(), B(t(fe), { expand: e.expand }, {
+    return (E, P) => (i(), B(t(fe), { expand: e.expand }, {
       default: _(() => [
         h("div", {
           class: s([
@@ -4222,7 +4225,7 @@ const Qc = (e, a) => {
               wrap: !0
             }, {
               default: _(() => [
-                (i(!0), u(P, null, j(t(g), (G, ue) => (i(), u("span", {
+                (i(!0), u(Z, null, j(t(g), (G, ue) => (i(), u("span", {
                   key: `${G.label}-${G.value}`,
                   class: s(t(Ac))
                 }, [
@@ -4247,7 +4250,7 @@ const Qc = (e, a) => {
                     }, null, 8, ["icon", "class", "color"])
                   ], 42, Nc)
                 ], 2))), 128)),
-                e.multiSelectable || !t(Y) ? (i(), u("input", {
+                e.multiSelectable || !t(Y) || t(g).length === 0 ? (i(), u("input", {
                   key: 0,
                   class: s(t(Zc)),
                   value: e.searchValue,
@@ -4256,7 +4259,7 @@ const Qc = (e, a) => {
                   ref_key: "inputRef",
                   ref: n,
                   disabled: e.disabled,
-                  onKeydown: Z[0] || (Z[0] = //@ts-ignore
+                  onKeydown: P[0] || (P[0] = //@ts-ignore
                   (...G) => F.focus && F.focus(...G))
                 }, null, 42, Uc)) : L("", !0)
               ]),
@@ -4286,7 +4289,7 @@ const Qc = (e, a) => {
         p(t(ce), {
           layer: "popover",
           isOpen: e.isOpen,
-          onOnClose: Z[1] || (Z[1] = (G) => a("toggle", !1)),
+          onOnClose: P[1] || (P[1] = (G) => a("toggle", !1)),
           isDirectionFixed: e.isDirectionFixed
         }, {
           default: _(() => [
@@ -4427,7 +4430,7 @@ const o0 = ["onClick"], u0 = { key: 0 }, d0 = r({
             }, [
               p(t(U), { gap: "xs2" }, {
                 default: _(() => [
-                  (i(!0), u(P, null, j(e.options, (F, M) => (i(), u("div", {
+                  (i(!0), u(Z, null, j(e.options, (F, M) => (i(), u("div", {
                     class: s(t(r0)),
                     key: "option" + M,
                     onClick: (H) => d(F.value)
@@ -4495,7 +4498,7 @@ const y0 = ["name", "id", "value", "disabled", "onFocus"], q0 = ["for"], b0 = /*
         wrap: ""
       }, {
         default: _(() => [
-          (i(!0), u(P, null, j(e.options, (g) => (i(), u("div", {
+          (i(!0), u(Z, null, j(e.options, (g) => (i(), u("div", {
             key: g.key
           }, [
             me(h("input", {
@@ -4652,7 +4655,7 @@ const j0 = ["for"], Q0 = ["id", "name", "value"], N0 = r({
     return (d, c) => (i(), u("div", {
       class: s(t(R0))
     }, [
-      (i(!0), u(P, null, j(e.items, (f, v) => (i(), u("label", {
+      (i(!0), u(Z, null, j(e.items, (f, v) => (i(), u("label", {
         key: v,
         class: s([
           t(P0),
@@ -4843,12 +4846,12 @@ const nl = (e, a) => {
         bottom: R + d.height
       };
     }), M = y(() => {
-      const { top: I, right: R, bottom: E, left: Z } = F.value, { clientHeight: G, clientWidth: ue } = document.documentElement;
+      const { top: I, right: R, bottom: E, left: P } = F.value, { clientHeight: G, clientWidth: ue } = document.documentElement;
       return {
         top: I,
         right: ue - R,
         bottom: G - E,
-        left: Z
+        left: P
       };
     }), H = (I) => ["t", "b", "l", "r", "c"].includes(I), V = (I) => {
       const [R, E] = I.split("");
@@ -4858,8 +4861,8 @@ const nl = (e, a) => {
     }, $ = (I) => I === "t" ? "b" : I === "b" ? "t" : I === "l" ? "r" : I === "r" ? "l" : I, q = y(() => {
       if (l.isDirectionFixed)
         return l.direction;
-      const I = V(l.direction), { top: R, left: E, bottom: Z, right: G } = M.value;
-      return I[1] === "c" ? (I[0] === "t" || I[0] === "b" ? ((R < 0 || Z < 0) && (I[0] = $(I[0])), E < 0 && (I[1] = "l"), G < 0 && (I[1] = "r")) : (I[0] === "l" || I[0] === "r") && ((E < 0 || G < 0) && (I[0] = $(I[0])), R < 0 && (I[1] = "t"), Z < 0 && (I[1] = "b")), I.join("")) : (I[0] === "t" || I[0] === "b" ? ((I[0] === "t" && R < 0 || I[0] === "b" && Z < 0) && (I[0] = $(I[0])), (I[1] === "l" && G < 0 || I[1] === "r" && E < 0) && (I[1] = $(I[1]))) : (I[0] === "l" || I[0] === "r") && ((I[1] === "t" && Z < 0 || I[1] === "b" && R < 0) && (I[1] = $(I[1])), (I[0] === "l" && E < 0 || I[0] === "r" && G < 0) && (I[0] = $(I[0]))), I.join(""));
+      const I = V(l.direction), { top: R, left: E, bottom: P, right: G } = M.value;
+      return I[1] === "c" ? (I[0] === "t" || I[0] === "b" ? ((R < 0 || P < 0) && (I[0] = $(I[0])), E < 0 && (I[1] = "l"), G < 0 && (I[1] = "r")) : (I[0] === "l" || I[0] === "r") && ((E < 0 || G < 0) && (I[0] = $(I[0])), R < 0 && (I[1] = "t"), P < 0 && (I[1] = "b")), I.join("")) : (I[0] === "t" || I[0] === "b" ? ((I[0] === "t" && R < 0 || I[0] === "b" && P < 0) && (I[0] = $(I[0])), (I[1] === "l" && G < 0 || I[1] === "r" && E < 0) && (I[1] = $(I[1]))) : (I[0] === "l" || I[0] === "r") && ((I[1] === "t" && P < 0 || I[1] === "b" && R < 0) && (I[1] = $(I[1])), (I[0] === "l" && E < 0 || I[0] === "r" && G < 0) && (I[0] = $(I[0]))), I.join(""));
     });
     te(
       () => q.value,
@@ -4868,7 +4871,7 @@ const nl = (e, a) => {
       }
     );
     const z = y(() => !!S(g.value || null)), A = y(() => {
-      const { scrollX: I, scrollY: R } = z.value ? { scrollX: 0, scrollY: 0 } : window, E = f.top + R + f.height, Z = f.top + R - F.value.height + f.height, G = f.top + R - F.value.height, ue = f.top + R, se = f.left + I + f.width, Oe = f.left + I - F.value.width + f.width, oe = f.left + I - F.value.width, ke = f.left + I, Ft = f.left + I + (f.width - F.value.width) / 2, Lt = f.top + R + (f.height - F.value.height) / 2, [Cl, Wl] = (() => q.value === "bl" ? [E, ke] : q.value === "br" ? [E, Oe] : q.value === "bc" ? [E, Ft] : q.value === "tl" ? [G, ke] : q.value === "tr" ? [G, Oe] : q.value === "tc" ? [G, Ft] : q.value === "rt" ? [ue, se] : q.value === "rb" ? [Z, se] : q.value === "rc" ? [Lt, se] : q.value === "lt" ? [ue, oe] : q.value === "lb" ? [Z, oe] : q.value === "lc" ? [Lt, oe] : [0, 0])();
+      const { scrollX: I, scrollY: R } = z.value ? { scrollX: 0, scrollY: 0 } : window, E = f.top + R + f.height, P = f.top + R - F.value.height + f.height, G = f.top + R - F.value.height, ue = f.top + R, se = f.left + I + f.width, Oe = f.left + I - F.value.width + f.width, oe = f.left + I - F.value.width, ke = f.left + I, Ft = f.left + I + (f.width - F.value.width) / 2, Lt = f.top + R + (f.height - F.value.height) / 2, [Cl, Wl] = (() => q.value === "bl" ? [E, ke] : q.value === "br" ? [E, Oe] : q.value === "bc" ? [E, Ft] : q.value === "tl" ? [G, ke] : q.value === "tr" ? [G, Oe] : q.value === "tc" ? [G, Ft] : q.value === "rt" ? [ue, se] : q.value === "rb" ? [P, se] : q.value === "rc" ? [Lt, se] : q.value === "lt" ? [ue, oe] : q.value === "lb" ? [P, oe] : q.value === "lc" ? [Lt, oe] : [0, 0])();
       return `${Cl}px auto auto ${Wl}px`;
     }), Y = y(() => {
       const I = ae(l.gap) ?? "0", [R] = V(q.value);
@@ -5023,7 +5026,7 @@ const nl = (e, a) => {
                           class: s(t(Nt))
                         }, {
                           default: _(() => [
-                            (i(!0), u(P, null, j(t(c), ($, q) => (i(), u("div", {
+                            (i(!0), u(Z, null, j(t(c), ($, q) => (i(), u("div", {
                               key: "option" + q,
                               class: s([
                                 t(Pe),
@@ -5064,7 +5067,7 @@ const nl = (e, a) => {
                           class: s(t(Nt))
                         }, {
                           default: _(() => [
-                            (i(!0), u(P, null, j(t(f), ($, q) => (i(), u("div", {
+                            (i(!0), u(Z, null, j(t(f), ($, q) => (i(), u("div", {
                               key: "option" + q,
                               class: s([
                                 t(Pe),
@@ -5461,7 +5464,7 @@ const A3 = r({
             _: 1
           })
         ], 2)) : L("", !0),
-        e.multiple && e.fileList.length || !e.multiple && !e.isUploading ? (i(!0), u(P, { key: 1 }, j(Array.from(e.fileList), (d, c) => (i(), u("div", {
+        e.multiple && e.fileList.length || !e.multiple && !e.isUploading ? (i(!0), u(Z, { key: 1 }, j(Array.from(e.fileList), (d, c) => (i(), u("div", {
           class: s([
             t(la),
             t(l)(c) ? t(H3) : ""
@@ -5709,7 +5712,7 @@ const r7 = ["placeholder", "name", "disabled"], i7 = ["onMouseover"], s7 = r({
                   ]),
                   style: D({ width: t(x) })
                 }, [
-                  (i(!0), u(P, null, j(d.value, (z, A) => (i(), u("div", {
+                  (i(!0), u(Z, null, j(d.value, (z, A) => (i(), u("div", {
                     key: `${z.label}_${z.value}_${A}`
                   }, [
                     z.children ? (i(), u("div", {
@@ -5885,7 +5888,7 @@ const r7 = ["placeholder", "name", "disabled"], i7 = ["onMouseover"], s7 = r({
     }, H = (V) => {
       f.value.includes(V) ? f.value = f.value.filter(($) => $ !== V) : f.value = [...f.value, V];
     };
-    return (V, $) => (i(!0), u(P, null, j(e.options, (q, z) => (i(), u(P, null, [
+    return (V, $) => (i(!0), u(Z, null, j(e.options, (q, z) => (i(), u(Z, null, [
       q.children && e.selectedItem.includes(q.value) ? (i(), u("div", {
         class: s(l7),
         key: `${q.label}_${q.value}_${z}`
@@ -5906,7 +5909,7 @@ const r7 = ["placeholder", "name", "disabled"], i7 = ["onMouseover"], s7 = r({
             key: 0,
             class: s([U3])
           }, w(e.emptyMessage), 3)) : (i(), u("div", d7, [
-            (i(!0), u(P, null, j(q.children, (A, Y) => (i(), u("div", {
+            (i(!0), u(Z, null, j(q.children, (A, Y) => (i(), u("div", {
               key: `${A.label}_${A.value}_${Y}`
             }, [
               A.children ? (i(), u("div", {
@@ -6223,7 +6226,7 @@ const w7 = ["aria-label", "disabled", "onKeydown"], $7 = { key: 0 }, z7 = ["aria
                           key: 0,
                           class: s(_7)
                         }, [
-                          (i(!0), u(P, null, j(e.selectBoxOptions, (Y, ee) => (i(), u("button", {
+                          (i(!0), u(Z, null, j(e.selectBoxOptions, (Y, ee) => (i(), u("button", {
                             type: "button",
                             key: ee,
                             class: s(g7),
@@ -6688,7 +6691,7 @@ const u8 = ["onClick"], d8 = /* @__PURE__ */ r({
           class: s(t(ca))
         }, null, 8, ["class"]))
       ], 2)) : L("", !0),
-      (i(!0), u(P, null, j(t(d), (v) => (i(), u("div", {
+      (i(!0), u(Z, null, j(t(d), (v) => (i(), u("div", {
         class: s([
           t(ot),
           t(ut)[t(n) === v ? "active" : "default"]
@@ -6893,7 +6896,7 @@ const H8 = r({
     return (a, l) => (i(), u("div", {
       class: s(t(m8))
     }, [
-      (i(!0), u(P, null, j(e.contents, (n, o) => (i(), u("div", {
+      (i(!0), u(Z, null, j(e.contents, (n, o) => (i(), u("div", {
         key: o,
         class: s(t(h8)[o === 0 ? "first" : "default"])
       }, [
@@ -7081,7 +7084,7 @@ const Q8 = r({
         gap: e.gap
       }, {
         default: _(() => [
-          (i(!0), u(P, null, j(e.lines, (d) => (i(), u("div", { key: d }, [
+          (i(!0), u(Z, null, j(e.lines, (d) => (i(), u("div", { key: d }, [
             h("div", {
               class: s([
                 t(Mt),
@@ -7208,7 +7211,7 @@ const a6 = r({
         justify: e.center ? "center" : void 0
       }, {
         default: _(() => [
-          (i(!0), u(P, null, j(e.items, (d) => (i(), B(l6, {
+          (i(!0), u(Z, null, j(e.items, (d) => (i(), B(l6, {
             key: d.name,
             label: d.label,
             tab: d,
@@ -7828,7 +7831,7 @@ const Tf = ["viewBox"], Mf = ["stroke-width", "d"], Ff = ["stroke-dasharray", "s
             a ${t(ge)} ${t(ge)} 0 0 1 0 ${t(Ze)}
             a ${t(ge)} ${t(ge)} 0 0 1 0 ${-1 * t(Ze)}`
         }, null, 10, Mf),
-        (i(!0), u(P, null, j(t(l), (d, c) => (i(), u(P, null, [
+        (i(!0), u(Z, null, j(t(l), (d, c) => (i(), u(Z, null, [
           d.percentage > 0 ? (i(), u("path", {
             key: 0,
             class: s(t(Cf)),
@@ -7881,7 +7884,7 @@ const Tf = ["viewBox"], Mf = ["stroke-width", "d"], Ff = ["stroke-dasharray", "s
       h("div", {
         class: s(t(Wf))
       }, [
-        (i(!0), u(P, null, j(e.data.map((n) => n.label), (n, o) => (i(), u("div", {
+        (i(!0), u(Z, null, j(e.data.map((n) => n.label), (n, o) => (i(), u("div", {
           class: s(t(va))
         }, [
           h("span", {
@@ -7999,7 +8002,7 @@ const Nf = /* @__PURE__ */ r({
         ref_key: "labelRef",
         ref: o
       }, w(e.label), 3),
-      (i(!0), u(P, null, j(t(S), (W) => (i(), u("div", {
+      (i(!0), u(Z, null, j(t(S), (W) => (i(), u("div", {
         key: W.id,
         class: s([t(Hf), W.bgColorStyle]),
         ref_for: !0,
@@ -8147,7 +8150,7 @@ const Nf = /* @__PURE__ */ r({
         h("div", {
           class: s([t(Pf)])
         }, [
-          (i(!0), u(P, null, j(t(o), (f, v) => (i(), B(Nf, {
+          (i(!0), u(Z, null, j(t(o), (f, v) => (i(), B(Nf, {
             label: f.label,
             isFirst: v === 0,
             data: f,
@@ -8302,7 +8305,7 @@ const ih = /* @__PURE__ */ r({
       ref_key: "pollWrapperRef",
       ref: a
     }, [
-      (i(!0), u(P, null, j(e.data, (c, f) => (i(), B(ga, {
+      (i(!0), u(Z, null, j(e.data, (c, f) => (i(), B(ga, {
         key: f,
         label: c.label,
         innerLabel: c.innerLabel,
@@ -8310,7 +8313,7 @@ const ih = /* @__PURE__ */ r({
         isColorFixed: e.isColorFixed,
         barPercentage: c.percentage
       }, null, 8, ["label", "innerLabel", "labelWidth", "isColorFixed", "barPercentage"]))), 128)),
-      (i(!0), u(P, null, j(Array(
+      (i(!0), u(Z, null, j(Array(
         e.rowCount - e.data.length < 0 ? 0 : e.rowCount - e.data.length
       ), (c, f) => (i(), B(ga, {
         key: -1 * f - 1,
@@ -8507,7 +8510,7 @@ const qh = /* @__PURE__ */ h("br", null, null, -1), bh = /* @__PURE__ */ r({
         h("div", {
           class: s(t(mh))
         }, [
-          (i(!0), u(P, null, j(t(n), (c, f) => (i(), B(bh, {
+          (i(!0), u(Z, null, j(t(n), (c, f) => (i(), B(bh, {
             label: c.label,
             isFirst: f === 0,
             frequency: c.frequency,
@@ -8781,7 +8784,7 @@ const Qh = { key: 1 }, Nh = { key: 2 }, Uh = ["onClick", "onMouseover", "onMouse
       p: e.depth === 0 ? e.p : "no"
     }, {
       default: _(() => [
-        (i(!0), u(P, null, j(t(l), (x) => (i(), u("div", null, [
+        (i(!0), u(Z, null, j(t(l), (x) => (i(), u("div", null, [
           x.kind === "divider" ? (i(), u("hr", {
             key: 0,
             class: s(t(Ph))
@@ -8964,7 +8967,7 @@ const o4 = r({
     }, [
       p(t(U), { gap: "xs" }, {
         default: _(() => [
-          (i(!0), u(P, null, j(e.messages, (v, g) => (i(), u("div", { key: g }, [
+          (i(!0), u(Z, null, j(e.messages, (v, g) => (i(), u("div", { key: g }, [
             n(v) ? (i(), u("div", {
               key: 0,
               class: s([t(r4)[v.type]])
@@ -9227,7 +9230,7 @@ const g4 = ["aria-label"], _4 = r({
                   height: "320px"
                 }, {
                   default: _(() => [
-                    (i(!0), u(P, null, j(t(v), (F) => (i(), u(P, {
+                    (i(!0), u(Z, null, j(t(v), (F) => (i(), u(Z, {
                       key: F.date.toDateString()
                     }, [
                       p(t(O), { justify: "center" }, {
@@ -9240,7 +9243,7 @@ const g4 = ["aria-label"], _4 = r({
                         ]),
                         _: 2
                       }, 1024),
-                      (i(!0), u(P, null, j(F.contents, (M, H) => (i(), B(t(bl), {
+                      (i(!0), u(Z, null, j(F.contents, (M, H) => (i(), B(t(bl), {
                         key: F.date.toDateString() + H,
                         content: M,
                         maxChatItemWidth: "192px"
@@ -9369,7 +9372,7 @@ const g4 = ["aria-label"], _4 = r({
               maxWidth: e.maxChatItemWidth
             }, {
               default: _(() => [
-                (i(!0), u(P, null, j(t(S3)(e.content.message), (d, c) => (i(), u(P, null, [
+                (i(!0), u(Z, null, j(t(S3)(e.content.message), (d, c) => (i(), u(Z, null, [
                   d.type === "link" ? (i(), B(t(Ja), {
                     to: d.content,
                     key: "anchor" + c,
@@ -9668,7 +9671,7 @@ const g4 = ["aria-label"], _4 = r({
                   default: _(() => [
                     p(t(U), { gap: "xs" }, {
                       default: _(() => [
-                        (i(!0), u(P, null, j(e.tableInfo, (W, F) => (i(), B(t(O), {
+                        (i(!0), u(Z, null, j(e.tableInfo, (W, F) => (i(), B(t(O), {
                           gap: "xl",
                           key: F
                         }, {
@@ -9776,7 +9779,7 @@ const g4 = ["aria-label"], _4 = r({
       overflowY: "scroll"
     }, {
       default: _(() => [
-        e.notifications.length > 0 ? (i(!0), u(P, { key: 0 }, j(e.notifications, (d, c) => (i(), u(P, {
+        e.notifications.length > 0 ? (i(!0), u(Z, { key: 0 }, j(e.notifications, (d, c) => (i(), u(Z, {
           key: d.id
         }, [
           p(t(Sl), {
@@ -9940,7 +9943,7 @@ ${e}Hour: ${a}`, A4 = (e, a) => `Scheduleは${e}時以降から始まる必要
       class: s([M4])
     }, [
       h("tbody", null, [
-        (i(!0), u(P, null, j(e.endHour - e.startHour + 1, (o) => (i(), u("tr", {
+        (i(!0), u(Z, null, j(e.endHour - e.startHour + 1, (o) => (i(), u("tr", {
           key: o,
           class: s(W4)
         }, [
@@ -10044,7 +10047,7 @@ ${e}Hour: ${a}`, A4 = (e, a) => `Scheduleは${e}時以降から始まる必要
         gridTemplateColumns: `repeat(${t(n)}, 1fr)`
       })
     }, [
-      (i(!0), u(P, null, j(e.schedules, (v) => (i(), B(t($l), {
+      (i(!0), u(Z, null, j(e.schedules, (v) => (i(), B(t($l), {
         key: v.id,
         id: v.id,
         text: v.text,