@krds.ui/vue 0.0.17 → 0.0.18

package/dist/krds-vue.es.js

@@ -126,16 +126,16 @@ var be = Object.defineProperty, Je = (e, a) => {
   emits: { click: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
     const l = b(() => {
-      const u = ["krds-btn"];
-      return e.size && u.push(e.size), e.link && u.push("link"), e.basic && u.push("basic"), e.pure && u.push("pure"), e.class && u.push(e.class), u;
+      const d = ["krds-btn"];
+      return e.size && d.push(e.size), e.link && d.push("link"), e.basic && d.push("basic"), e.pure && d.push("pure"), e.class && d.push(e.class), d;
     }), n = b(() => {
-      const u = {
+      const d = {
         href: e.href,
         class: l.value
       };
-      return e.target && (u.target = e.target), e.title && (u.title = e.title), e.target === "_blank" && (u.rel = "noopener noreferrer"), u;
-    }), s = (u) => {
-      a("click", u);
+      return e.target && (d.target = e.target), e.title && (d.title = e.title), e.target === "_blank" && (d.rel = "noopener noreferrer"), d;
+    }), s = (d) => {
+      a("click", d);
     };
     return () => t("a", {
       ...n.value,
@@ -253,11 +253,11 @@ var be = Object.defineProperty, Je = (e, a) => {
       const S = ["krds-input"];
       return e.size && S.push(e.size), e.class && S.push(e.class), S;
     }), n = (S) => {
-      const x = S.target;
-      a("update:modelValue", e.type === "number" ? Number(x.value) : x.value), a("input", S);
+      const $ = S.target;
+      a("update:modelValue", e.type === "number" ? Number($.value) : $.value), a("input", S);
     }, s = (S) => {
       a("change", S);
-    }, u = (S) => {
+    }, d = (S) => {
       a("focus", S);
     }, h = (S) => {
       a("blur", S);
@@ -280,7 +280,7 @@ var be = Object.defineProperty, Je = (e, a) => {
         autofocus: e.autofocus,
         onInput: n,
         onChange: s,
-        onFocus: u,
+        onFocus: d,
         onBlur: h,
         onKeydown: v,
         onKeyup: w
@@ -405,51 +405,51 @@ var be = Object.defineProperty, Je = (e, a) => {
   }
 }), dt = ut;
 function ct(e, a) {
-  const r = /* @__PURE__ */ new Date(), l = D(e || r.getFullYear()), n = D(a || r.getMonth() + 1), s = D(null), u = D(null), h = D(null), v = b(() => {
+  const r = /* @__PURE__ */ new Date(), l = D(e || r.getFullYear()), n = D(a || r.getMonth() + 1), s = D(null), d = D(null), h = D(null), v = b(() => {
     const i = r.getFullYear(), g = [];
     for (let m = i - 10; m <= i + 10; m++) g.push(m);
     return g;
   }), w = b(() => Array.from({ length: 12 }, (i, g) => g + 1)), c = () => {
-    s.value = null, u.value = null;
+    s.value = null, d.value = null;
   }, B = () => {
     n.value === 1 ? (n.value = 12, l.value -= 1) : n.value -= 1;
   }, S = () => {
     n.value === 12 ? (n.value = 1, l.value += 1) : n.value += 1;
-  }, x = (i, g = !1) => {
+  }, $ = (i, g = !1) => {
     if (g)
-      s.value = i, u.value = i;
-    else if (!s.value || s.value && u.value)
-      s.value = i, u.value = null;
+      s.value = i, d.value = i;
+    else if (!s.value || s.value && d.value)
+      s.value = i, d.value = null;
     else {
       const m = new Date(s.value.replace(/\./g, "-"));
-      new Date(i.replace(/\./g, "-")) < m ? (s.value = i, u.value = null) : u.value = i;
+      new Date(i.replace(/\./g, "-")) < m ? (s.value = i, d.value = null) : d.value = i;
     }
   };
   return {
     currentYear: l,
     currentMonth: n,
     selectedStartDate: s,
-    selectedEndDate: u,
+    selectedEndDate: d,
     activeDateSelector: h,
     yearOptions: v,
     monthOptions: w,
     clearDateSelection: c,
     prevMonth: B,
     nextMonth: S,
-    handleDateSelection: x,
+    handleDateSelection: $,
     selectToday: () => {
       const i = `${r.getFullYear()}.${String(r.getMonth() + 1).padStart(2, "0")}.${String(r.getDate()).padStart(2, "0")}`;
-      x(i, !0);
+      $(i, !0);
     },
     isDateInSelectedRange: (i) => {
-      if (!s.value || !u.value) return {
+      if (!s.value || !d.value) return {
         isInRange: !1,
         isStart: !1,
         isEnd: !1
       };
-      const g = new Date(i.replace(/\./g, "-")), m = new Date(s.value.replace(/\./g, "-")), $ = new Date(u.value.replace(/\./g, "-")), C = i === s.value, E = i === u.value;
+      const g = new Date(i.replace(/\./g, "-")), m = new Date(s.value.replace(/\./g, "-")), x = new Date(d.value.replace(/\./g, "-")), C = i === s.value, E = i === d.value;
       return {
-        isInRange: g >= m && g <= $,
+        isInRange: g >= m && g <= x,
         isStart: C,
         isEnd: E
       };
@@ -458,7 +458,7 @@ function ct(e, a) {
 }
 function ft(e, a, r = {}) {
   let l = null;
-  const { ignore: n, event: s = "click" } = typeof r == "string" ? { ignore: r } : r, u = () => {
+  const { ignore: n, event: s = "click" } = typeof r == "string" ? { ignore: r } : r, d = () => {
     l = (v) => {
       const w = v.target;
       e.value?.contains(w) || n && w.closest(n) || a();
@@ -470,11 +470,11 @@ function ft(e, a, r = {}) {
     }
   };
   return ie(() => {
-    u();
+    d();
   }), fe(() => {
     h();
   }), {
-    setupGlobalListeners: u,
+    setupGlobalListeners: d,
     removeGlobalListeners: h
   };
 }
@@ -554,7 +554,7 @@ var vt = [
     blur: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = D(), l = D(), n = D(!1), s = D(null), { currentYear: u, currentMonth: h, selectedStartDate: v, selectedEndDate: w, yearOptions: c, monthOptions: B, prevMonth: S, nextMonth: x, handleDateSelection: f, selectToday: o, isDateInSelectedRange: i } = ct(e.initialYear, e.initialMonth), g = () => {
+    const r = D(), l = D(), n = D(!1), s = D(null), { currentYear: d, currentMonth: h, selectedStartDate: v, selectedEndDate: w, yearOptions: c, monthOptions: B, prevMonth: S, nextMonth: $, handleDateSelection: f, selectToday: o, isDateInSelectedRange: i } = ct(e.initialYear, e.initialMonth), g = () => {
       n.value && l.value?.focus(), n.value = !1, s.value = null;
     };
     ft(r, g, ".calendar-conts");
@@ -565,11 +565,11 @@ var vt = [
         "cal"
       ];
       return e.size && L.push(e.size), e.class && L.push(e.class), L;
-    }), $ = b(() => ["form-conts", "calendar-conts"]), C = b(() => ({
+    }), x = b(() => ["form-conts", "calendar-conts"]), C = b(() => ({
       "krds-calendar-area": !0,
       active: n.value
     })), E = b(() => {
-      const L = u.value, R = h.value, Y = new Date(L, R - 1, 1), V = new Date(Y);
+      const L = d.value, R = h.value, Y = new Date(L, R - 1, 1), V = new Date(Y);
       V.setDate(V.getDate() - Y.getDay());
       const F = [], z = new Date(V);
       for (let N = 0; N < 6; N++) {
@@ -625,7 +625,7 @@ var vt = [
     ]), p = (L) => {
       s.value === L ? s.value = null : s.value = L;
     }, A = (L) => {
-      u.value = L, s.value = null;
+      d.value = L, s.value = null;
     }, I = (L) => {
       h.value = L, s.value = null;
     }, O = () => {
@@ -648,7 +648,7 @@ var vt = [
     }, ae = (L) => {
       a("blur", L);
     }, Q = (L) => {
-      const R = L === "year", Y = R ? c.value : B.value, V = R ? u.value : h.value, F = (z) => R ? `${z}년` : `${z.toString().padStart(2, "0")}월`;
+      const R = L === "year", Y = R ? c.value : B.value, V = R ? d.value : h.value, F = (z) => R ? `${z}년` : `${z.toString().padStart(2, "0")}월`;
       return t("div", { class: "calendar-drop-down" }, [t("button", {
         type: "button",
         class: `btn-cal-switch ${L}`,
@@ -661,7 +661,7 @@ var vt = [
         onClick: () => R ? A(z) : I(z)
       }, F(z))])))]), [[pe, s.value === L]])]);
     }, ne = () => t("table", { class: "calendar-tbl" }, [
-      t("caption", null, `${u.value}년 ${h.value.toString().padStart(2, "0")}월`),
+      t("caption", null, `${d.value}년 ${h.value.toString().padStart(2, "0")}월`),
       t("thead", null, [t("tr", null, vt.map((L) => t("th", null, L)))]),
       t("tbody", null, E.value.map((L, R) => t("tr", { key: R }, L.map((Y, V) => t("td", {
         key: V,
@@ -674,7 +674,7 @@ var vt = [
         onClick: () => f(Y.dateString)
       }, [t("span", null, String(Y.day))])])))))
     ]);
-    return () => t("div", { class: "form-conts" }, [t("div", { class: $.value }, [t("div", { class: "calendar-input" }, [t("input", {
+    return () => t("div", { class: "form-conts" }, [t("div", { class: x.value }, [t("div", { class: "calendar-input" }, [t("input", {
       id: e.id,
       name: e.name,
       class: m.value,
@@ -715,7 +715,7 @@ var vt = [
         t("button", {
           type: "button",
           class: "btn-cal-move next",
-          onClick: x
+          onClick: $
         }, [t("span", { class: "sr-only" }, "다음 달")])
       ]),
       t("div", { class: "calendar-body" }, [t("div", { class: "calendar-table-wrap" }, [ne()])]),
@@ -820,7 +820,7 @@ var vt = [
     }), s = (o) => {
       const i = o.target.value;
       r.value = i.length, a("update:modelValue", i), a("input", o);
-    }, u = (o) => {
+    }, d = (o) => {
       a("change", o);
     }, h = (o) => {
       a("focus", o);
@@ -845,20 +845,20 @@ var vt = [
         rows: e.rows,
         cols: e.cols,
         onInput: s,
-        onChange: u,
+        onChange: d,
         onFocus: h,
         onBlur: v,
         onKeydown: w,
         onKeyup: c
       };
       return e.maxlength !== void 0 && (o.maxlength = e.maxlength), e.minlength !== void 0 && (o.minlength = e.minlength), o;
-    }), S = b(() => ["form-conts"]), x = b(() => ["textarea-wrap"]), f = b(() => e.showCount ? {
+    }), S = b(() => ["form-conts"]), $ = b(() => ["textarea-wrap"]), f = b(() => e.showCount ? {
       current: r.value,
       max: e.maxlength || ""
     } : null);
     return () => {
       const o = [t("textarea", B.value)];
-      return f.value && o.push(t("p", { class: "textarea-count" }, [t("span", { class: "count-now" }, f.value.current), t("span", { class: "count-total" }, f.value.max ? `/${f.value.max}` : "")])), t("div", { class: S.value }, [t("div", { class: x.value }, o)]);
+      return f.value && o.push(t("p", { class: "textarea-count" }, [t("span", { class: "count-now" }, f.value.current), t("span", { class: "count-total" }, f.value.max ? `/${f.value.max}` : "")])), t("div", { class: S.value }, [t("div", { class: $.value }, o)]);
     };
   }
 }), yt = ht, mt = M({
@@ -931,7 +931,7 @@ var vt = [
       a("update:modelValue", B.value === "" ? null : B.value);
     }, s = (c) => {
       a("focus", c);
-    }, u = (c) => {
+    }, d = (c) => {
       a("blur", c);
     }, h = b(() => ({
       class: l.value,
@@ -942,7 +942,7 @@ var vt = [
       disabled: e.disabled || e.readonly,
       onChange: n,
       onFocus: s,
-      onBlur: u
+      onBlur: d
     })), v = b(() => {
       const c = ["form-conts"];
       return e.state !== "default" && c.push(`is-${e.state}`), c;
@@ -1067,17 +1067,17 @@ var vt = [
     preview: (e) => !0
   },
   setup(e, { emit: a }) {
-    const r = D(!1), l = D(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++kt}`, s = (p) => p < 1024 ? `${p}B` : p < 1048576 ? `${Math.round(p / 1024)}KB` : `${(p / 1048576).toFixed(1)}MB`, u = (p) => {
+    const r = D(!1), l = D(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++kt}`, s = (p) => p < 1024 ? `${p}B` : p < 1048576 ? `${Math.round(p / 1024)}KB` : `${(p / 1048576).toFixed(1)}MB`, d = (p) => {
       const A = p.split(".");
       return A.length > 1 ? A.pop().toLowerCase() : "";
     }, h = (p) => {
-      const A = u(p.name), I = A ? p.name.slice(0, -(A.length + 1)) : p.name;
+      const A = d(p.name), I = A ? p.name.slice(0, -(A.length + 1)) : p.name;
       return A ? `${I} [${A}, ${s(p.size)}]` : `${p.name} [${s(p.size)}]`;
     }, v = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, w = (p) => {
       if (e.maxFileSize && p.size > e.maxFileSize) return `등록 가능한 파일 용량을 초과하였습니다.
 ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       if (e.accept) {
-        const A = e.accept.split(",").map((H) => H.trim().toLowerCase()), I = `.${u(p.name)}`, O = p.type;
+        const A = e.accept.split(",").map((H) => H.trim().toLowerCase()), I = `.${d(p.name)}`, O = p.type;
         if (!A.some((H) => H.startsWith(".") ? I === H : H.endsWith("/*") ? O.startsWith(H.replace("/*", "/")) : O === H)) return "허용되지 않는 파일 형식입니다.";
       }
       return null;
@@ -1104,7 +1104,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       A.files?.length && (c(A.files), A.value = "");
     }, S = (p) => {
       e.disabled || e.readonly || !e.dragAndDrop || (p.preventDefault(), r.value = !0);
-    }, x = () => {
+    }, $ = () => {
       r.value = !1;
     }, f = (p) => {
       p.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && p.dataTransfer?.files && c(p.dataTransfer.files);
@@ -1117,10 +1117,10 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     }, m = b(() => {
       const p = ["krds-file-upload", "line"];
       return e.class && p.push(e.class), p;
-    }), $ = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), C = () => t("div", {
+    }), x = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), C = () => t("div", {
       class: "file-upload",
       onDragover: S,
-      onDragleave: x,
+      onDragleave: $,
       onDrop: f
     }, [t("p", { class: "txt" }, e.placeholder), t("div", { class: "file-upload-btn-wrap" }, [t("input", {
       ref: l,
@@ -1178,7 +1178,7 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       }, ["전체 파일 삭제", t("i", { class: "svg-icon ico-angle right" })])])), t("div", { class: "file-list" }, I);
     };
     return () => {
-      const p = [$()];
+      const p = [x()];
       e.readonly || p.push(C());
       const A = e.modelValue || [];
       return A.length > 0 && p.push(_(A)), t("div", {
@@ -1255,25 +1255,25 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
   emits: { remove: (e) => !0 },
   setup(e, { emit: a, slots: r }) {
     const l = b(() => {
-      const u = ["krds-btn-tag"];
-      return e.link && u.push("link"), e.class && u.push(e.class), u;
-    }), n = (u) => {
-      a("remove", u);
+      const d = ["krds-btn-tag"];
+      return e.link && d.push("link"), e.class && d.push(e.class), d;
+    }), n = (d) => {
+      a("remove", d);
     }, s = () => t("button", {
       type: "button",
       class: "btn-delete",
       onClick: n
     }, [t("span", { class: "sr-only" }, "삭제")]);
     return () => {
-      const u = [], h = r.default?.();
-      if (h && u.push(h), e.link || u.push(s()), e.link) {
+      const d = [], h = r.default?.();
+      if (h && d.push(h), e.link || d.push(s()), e.link) {
         const v = {
           href: e.href,
           class: l.value
         };
-        return e.target && (v.target = e.target), e.rel && (v.rel = e.rel), t("a", v, u);
+        return e.target && (v.target = e.target), e.rel && (v.rel = e.rel), t("a", v, d);
       }
-      return t("span", { class: l.value }, u);
+      return t("span", { class: l.value }, d);
     };
   }
 }), $t = xt, Lt = M({
@@ -1371,7 +1371,7 @@ var _t = M({
     change: (e) => !0
   },
   setup(e, { emit: a, attrs: r }) {
-    const l = `toggle-switch-${oe()}`, n = b(() => e.modelValue), s = b(() => he("krds-form-toggle-switch", e.size, e.class)), u = (v) => {
+    const l = `toggle-switch-${oe()}`, n = b(() => e.modelValue), s = b(() => he("krds-form-toggle-switch", e.size, e.class)), d = (v) => {
       if (e.disabled) return;
       const w = v.target.checked;
       a("update:modelValue", w), a("change", w);
@@ -1382,7 +1382,7 @@ var _t = M({
       name: e.name,
       checked: n.value,
       disabled: e.disabled,
-      onChange: u,
+      onChange: d,
       ...r
     }), t("label", { for: h.value }, [t("span", { class: "switch-toggle" }, [t("i")]), e.label || ""])]);
   }
@@ -1436,7 +1436,7 @@ var _t = M({
   emits: { "update:modelValue": (e) => !0 },
   slots: Object,
   setup(e, { emit: a, attrs: r, slots: l }) {
-    const n = `checkbox-${oe()}`, s = b(() => e.modelValue), u = b(() => {
+    const n = `checkbox-${oe()}`, s = b(() => e.modelValue), d = b(() => {
       const w = e.chip ? "krds-form-chip" : "krds-form-check";
       return he(w, e.size, e.class);
     }), h = (w) => {
@@ -1453,7 +1453,7 @@ var _t = M({
         onChange: h,
         ...r
       }), t("label", { for: v.value }, l.default?.())];
-      return l.description && !e.chip && w.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: u.value }, w);
+      return l.description && !e.chip && w.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: d.value }, w);
     };
   }
 }), zt = Pt, Ft = M({
@@ -1504,7 +1504,7 @@ var _t = M({
   emits: { "update:modelValue": (e) => !0 },
   slots: Object,
   setup(e, { emit: a, attrs: r, slots: l }) {
-    const n = `radio-${oe()}`, s = b(() => e.modelValue === e.value), u = b(() => {
+    const n = `radio-${oe()}`, s = b(() => e.modelValue === e.value), d = b(() => {
       const c = e.chip ? "krds-form-chip" : "krds-form-check";
       return he(c, e.size, e.class);
     }), h = (c) => {
@@ -1521,7 +1521,7 @@ var _t = M({
         onChange: h,
         ...r
       }), t("label", { for: v.value }, l.default?.())];
-      return l.description && !e.chip && c.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: u.value }, c);
+      return l.description && !e.chip && c.push(t("div", { class: "krds-form-check-cnt" }, t("p", { class: "krds-form-check-p" }, l.description()))), t("div", { class: d.value }, c);
     };
   }
 }), Rt = Ft, It = Le, Ht = M({
@@ -1546,11 +1546,11 @@ var _t = M({
       return h < v ? "done" : h === v ? "active" : "pending";
     }, n = D(0), s = () => {
       n.value = 0;
-    }, u = () => n.value++;
+    }, d = () => n.value++;
     return Qe("stepIndicator", {
       activeStep: b(() => e.modelValue || 0),
       getStepStatus: l,
-      getNextStepIndex: u,
+      getNextStepIndex: d,
       resetStepIndex: s
     }), () => (s(), t("ol", { class: r.value }, a.default?.()));
   }
@@ -1576,7 +1576,7 @@ var _t = M({
   },
   emits: { click: (e, a) => !0 },
   setup(e, { emit: a, slots: r }) {
-    const l = Xe("stepIndicator"), n = l ? l.getNextStepIndex() : -1, s = b(() => e.status ? e.status : l && n >= 0 ? l.getStepStatus(n) : "pending"), u = b(() => {
+    const l = Xe("stepIndicator"), n = l ? l.getNextStepIndex() : -1, s = b(() => e.status ? e.status : l && n >= 0 ? l.getStepStatus(n) : "pending"), d = b(() => {
       const v = [s.value];
       return e.class && v.push(e.class), v;
     }), h = (v) => {
@@ -1585,7 +1585,7 @@ var _t = M({
     return () => {
       const v = s.value === "active";
       return t("li", {
-        class: u.value,
+        class: d.value,
         onClick: h
       }, [t("span", [
         v && t("em", { class: "sr-only" }, "현재단계"),
@@ -1652,16 +1652,16 @@ var _t = M({
       class: "krds-breadcrumb-wrap",
       "aria-label": e.ariaLabel
     }, [t("ol", { class: "breadcrumb" }, e.items.map((n, s) => {
-      const u = s === 0 && e.showHomeIcon;
+      const d = s === 0 && e.showHomeIcon;
       return t("li", {
         key: `breadcrumb-${s}`,
-        class: { home: u }
+        class: { home: d }
       }, [t("a", {
         href: n.href || "#",
         class: "txt",
         "aria-current": r(s) ? "page" : void 0,
         onClick: (h) => l(n, h)
-      }, u ? [] : [t("span", null, n.text)])]);
+      }, [t("span", null, n.text)])]);
     }))]);
   }
 }), Gt = jt, Ut = M({
@@ -1702,7 +1702,7 @@ var _t = M({
     const l = D(""), n = D(/* @__PURE__ */ new Map()), s = b(() => {
       const f = ["krds-in-page-navigation-type"];
       return e.class && f.push(e.class), f;
-    }), u = () => {
+    }), d = () => {
       const f = e.headerTopSelector, o = e.headerInnerSelector;
       return (document.querySelector(f)?.clientHeight || 0) + (document.querySelector(o)?.clientHeight || 0);
     }, h = (f, o) => {
@@ -1710,7 +1710,7 @@ var _t = M({
         o.preventDefault();
         const i = document.querySelector(f.href);
         if (i) {
-          const g = u();
+          const g = d();
           if (window.scrollTo({
             left: 0,
             top: i.getBoundingClientRect().top + window.scrollY - g,
@@ -1734,10 +1734,10 @@ var _t = M({
         item: _
       }));
       if (m.length === 0) return;
-      const $ = m[0], C = m[m.length - 1], E = $.element.offsetTop;
+      const x = m[0], C = m[m.length - 1], E = x.element.offsetTop;
       let T = "";
       if (i >= g) T = C.href;
-      else if (window.scrollY <= E) T = $.href;
+      else if (window.scrollY <= E) T = x.href;
       else for (const _ of m) {
         const p = _.element.offsetHeight, A = _.element.offsetTop - o;
         if (window.scrollY > A && window.scrollY <= A + p) {
@@ -1781,11 +1781,11 @@ var _t = M({
         }, o.text)]);
       });
       return t("nav", { class: "in-page-navigation-list" }, [t("ul", {}, f)]);
-    }, x = () => r.action ? t("div", { class: "in-page-navigation-action" }, [r.action()]) : null;
+    }, $ = () => r.action ? t("div", { class: "in-page-navigation-action" }, [r.action()]) : null;
     return () => t("div", { class: s.value }, [t("div", { class: "krds-in-page-navigation-area" }, [
       B(),
       S(),
-      x()
+      $()
     ].filter(Boolean))]);
   }
 }), Xt = Ut, De = {
@@ -1830,22 +1830,22 @@ var _t = M({
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a }) {
-    const r = b(() => Math.max(1, e.min ?? ke)), l = b(() => e.modelValue ?? r.value), n = b(() => l.value <= r.value), s = b(() => l.value >= e.max), u = b(() => {
+    const r = b(() => Math.max(1, e.min ?? ke)), l = b(() => e.modelValue ?? r.value), n = b(() => l.value <= r.value), s = b(() => l.value >= e.max), d = b(() => {
       if (!n.value)
         return "#";
     }), h = b(() => {
       if (!s.value)
         return "#";
     }), v = b(() => {
-      const { max: x } = e, f = e.pageRange ?? Se, o = 1, i = [];
-      if (x <= f + 2) for (let g = r.value; g <= x; g++) i.push({
+      const { max: $ } = e, f = e.pageRange ?? Se, o = 1, i = [];
+      if ($ <= f + 2) for (let g = r.value; g <= $; g++) i.push({
         type: "page",
         key: `page-${g}`,
         page: g,
         href: "#"
       });
       else {
-        const g = Math.min(o, x), m = Math.max(x - o + 1, 1), $ = Math.max(r.value, l.value - Math.floor(f / 2)), C = Math.min(x, $ + f - 1), E = Math.max(r.value, C - f + 1);
+        const g = Math.min(o, $), m = Math.max($ - o + 1, 1), x = Math.max(r.value, l.value - Math.floor(f / 2)), C = Math.min($, x + f - 1), E = Math.max(r.value, C - f + 1);
         for (let p = r.value; p <= g; p++) i.push({
           type: "page",
           key: `page-${p}`,
@@ -1854,8 +1854,7 @@ var _t = M({
         });
         E > g + 1 && i.push({
           type: "ellipsis",
-          key: "ellipsis-left",
-          ariaLabel: "페이지 생략"
+          key: "ellipsis-left"
         });
         const T = Math.max(E, g + 1), _ = Math.min(C, m - 1);
         for (let p = T; p <= _; p++) i.push({
@@ -1866,10 +1865,9 @@ var _t = M({
         });
         C < m - 1 && i.push({
           type: "ellipsis",
-          key: "ellipsis-right",
-          ariaLabel: "페이지 생략"
+          key: "ellipsis-right"
         });
-        for (let p = m; p <= x; p++) i.push({
+        for (let p = m; p <= $; p++) i.push({
           type: "page",
           key: `page-${p}`,
           page: p,
@@ -1877,39 +1875,38 @@ var _t = M({
         });
       }
       return i;
-    }), w = (x, f) => {
-      if (x === l.value) {
+    }), w = ($, f) => {
+      if ($ === l.value) {
         f.preventDefault();
         return;
       }
-      a("update:modelValue", x);
-    }, c = (x) => {
+      a("update:modelValue", $);
+    }, c = ($) => {
       if (n.value) {
-        x.preventDefault();
+        $.preventDefault();
         return;
       }
       a("update:modelValue", l.value - 1);
-    }, B = (x) => {
+    }, B = ($) => {
       if (s.value) {
-        x.preventDefault();
+        $.preventDefault();
         return;
       }
       a("update:modelValue", l.value + 1);
-    }, S = (x) => {
-      if (x.type === "page") {
-        const f = x.page === l.value;
+    }, S = ($) => {
+      if ($.type === "page") {
+        const f = $.page === l.value;
         return t("a", {
-          key: x.key,
-          href: x.href || "#",
+          key: $.key,
+          href: $.href || "#",
           class: ["page-link", { active: f }],
           "aria-current": f ? "page" : void 0,
-          onClick: (o) => w(x.page, o)
-        }, [f ? ve(t("span", null, "현재페이지"), [[De]]) : null, ` ${x.page} `]);
+          onClick: (o) => w($.page, o)
+        }, [f ? ve(t("span", null, "현재페이지"), [[De]]) : null, ` ${$.page} `]);
       }
       return t("span", {
-        key: x.key,
-        class: "page-link link-dot",
-        "aria-label": x.ariaLabel
+        key: $.key,
+        class: "page-link link-dot"
       });
     };
     return () => t("div", {
@@ -1917,7 +1914,7 @@ var _t = M({
       class: "krds-pagination"
     }, [
       t(n.value ? "span" : "a", {
-        href: n.value ? void 0 : u.value,
+        href: n.value ? void 0 : d.value,
         class: [
           "page-navi",
           "prev",
@@ -1947,7 +1944,7 @@ var _t = M({
   setup(e, { emit: a, slots: r }) {
     const l = b({
       get: () => e.modelValue,
-      set: (u) => a("update:modelValue", u)
+      set: (d) => a("update:modelValue", d)
     }), n = () => {
       l.value = !0;
     }, s = () => {
@@ -1984,39 +1981,39 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = D(), l = D(), n = D(), s = D(), u = D(!1), h = () => {
-      const o = u.value;
+    const r = D(), l = D(), n = D(), s = D(), d = D(!1), h = () => {
+      const o = d.value;
       c(), o || v();
     }, v = () => {
-      !n.value || !l.value || (u.value = !0, n.value.style.display = "block", l.value.setAttribute("aria-expanded", "true"), n.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), B());
+      !n.value || !l.value || (d.value = !0, n.value.style.display = "block", l.value.setAttribute("aria-expanded", "true"), n.value.querySelector('a, button, [tabindex="0"], input, textarea, select')?.focus(), B());
     }, w = () => {
-      !n.value || !l.value || (u.value = !1, n.value.style.display = "none", l.value.setAttribute("aria-expanded", "false"));
+      !n.value || !l.value || (d.value = !1, n.value.style.display = "none", l.value.setAttribute("aria-expanded", "false"));
     }, c = () => {
       const o = document.querySelectorAll(".krds-contextual-help .tooltip-popover"), i = document.querySelectorAll(".krds-contextual-help .tooltip-btn");
       o.forEach((g) => {
         g.style.display = "none";
       }), i.forEach((g) => {
         g.setAttribute("aria-expanded", "false");
-      }), u.value = !1;
+      }), d.value = !1;
     }, B = () => {
       if (!r.value || !n.value) return;
       const o = window.innerWidth <= 768, i = r.value.querySelector(".tooltip-action");
       if (o) {
-        const g = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], m = i.getBoundingClientRect().left - parseInt(g), $ = document.body.clientWidth - parseInt(g) * 2;
-        n.value.style.left = `-${m}px`, n.value.style.width = `${$}px`;
+        const g = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], m = i.getBoundingClientRect().left - parseInt(g), x = document.body.clientWidth - parseInt(g) * 2;
+        n.value.style.left = `-${m}px`, n.value.style.width = `${x}px`;
       } else
         n.value.style.left = "", n.value.style.right = "", n.value.style.width = "360px";
     }, S = (o) => {
       (o.key === "Escape" || o.key === "Esc") && c();
-    }, x = (o) => {
+    }, $ = (o) => {
       o.target.closest(".tooltip-action") || c();
     }, f = () => {
-      u.value && B();
+      d.value && B();
     };
     return ie(() => {
-      r.value && (l.value && l.value.setAttribute("aria-expanded", "false"), n.value && n.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", S), document.addEventListener("click", x), window.addEventListener("resize", f));
+      r.value && (l.value && l.value.setAttribute("aria-expanded", "false"), n.value && n.value.setAttribute("role", "tooltip"), document.addEventListener("keydown", S), document.addEventListener("click", $), window.addEventListener("resize", f));
     }), re(() => {
-      document.removeEventListener("keydown", S), document.removeEventListener("click", x), window.removeEventListener("resize", f);
+      document.removeEventListener("keydown", S), document.removeEventListener("click", $), window.removeEventListener("resize", f);
     }), () => t("div", {
       ref: r,
       class: ["krds-contextual-help", e.position]
@@ -2076,7 +2073,7 @@ var _t = M({
       e.activeStep > 1 && a("update:modelValue", e.activeStep - 1);
     }, s = () => {
       e.activeStep < e.stepsData.length && a("update:modelValue", e.activeStep + 1);
-    }, u = () => {
+    }, d = () => {
       a("close");
     }, h = () => {
       const v = l.value;
@@ -2093,7 +2090,7 @@ var _t = M({
           t("button", {
             type: "button",
             class: "krds-btn small text",
-            onClick: u
+            onClick: d
           }, "그만보기"),
           e.activeStep !== 1 ? t("button", {
             type: "button",
@@ -2138,7 +2135,7 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = D(null), l = D(null), n = D(!1), s = D({}), u = `tooltip-popover-${oe()}`, h = D(!1), v = b(() => {
+    const r = D(null), l = D(null), n = D(!1), s = D({}), d = `tooltip-popover-${oe()}`, h = D(!1), v = b(() => {
       const m = ["krds-btn", "krds-tooltip"];
       return e.type === "default" ? m.push("small", "text") : e.type === "icon" ? m.push("icon") : e.type === "button" && m.push(""), !e.box && e.vertical && m.push("tooltip-vertical"), e.box && !e.vertical && m.push("tooltip-box"), m.join(" ");
     }), w = b(() => {
@@ -2148,17 +2145,17 @@ var _t = M({
       if (!r.value || !l.value) return;
       const m = r.value.querySelector("button");
       if (!m) return;
-      const $ = 12, { clientHeight: C, clientWidth: E } = l.value, { top: T, left: _, right: p, height: A, width: I } = m.getBoundingClientRect(), O = window.innerWidth / 2, H = window.innerHeight / 2;
+      const x = 12, { clientHeight: C, clientWidth: E } = l.value, { top: T, left: _, right: p, height: A, width: I } = m.getBoundingClientRect(), O = window.innerWidth / 2, H = window.innerHeight / 2;
       let G, j;
       const X = [];
-      h.value || e.box || e.vertical ? (T + A > H ? (G = T - C - $, X.push("top")) : (G = T + A + $, X.push("bottom")), _ + I > O ? (j = p - E, X.push("right"), window.innerWidth - (_ + I) > E / 2 && (j = _ + (I - E) / 2, X.splice(X.indexOf("right"), 1))) : (j = _ + (I - E) / 2, j < 0 && (j = _, X.push("left")))) : (G = T + (A - C) / 2, _ + I > O ? (j = _ - E - $, X.push("right")) : j = p + $);
+      h.value || e.box || e.vertical ? (T + A > H ? (G = T - C - x, X.push("top")) : (G = T + A + x, X.push("bottom")), _ + I > O ? (j = p - E, X.push("right"), window.innerWidth - (_ + I) > E / 2 && (j = _ + (I - E) / 2, X.splice(X.indexOf("right"), 1))) : (j = _ + (I - E) / 2, j < 0 && (j = _, X.push("left")))) : (G = T + (A - C) / 2, _ + I > O ? (j = _ - E - x, X.push("right")) : j = p + x);
       const le = window.innerWidth <= 420;
       s.value = {
         top: `${G}px`,
         left: le ? "50%" : `${j}px`,
         transform: le ? "translateX(-50%)" : "none"
       }, l.value && (l.value.className = `krds-tooltip-popover ${X.join(" ")} ${w.value.join(" ")}`);
-    }, x = async () => {
+    }, $ = async () => {
       e.disabled || !e.tooltipContent || (n.value = !0, await ce(), S());
     }, f = () => {
       n.value = !1, s.value = {};
@@ -2177,13 +2174,13 @@ var _t = M({
       type: "button",
       class: v.value,
       disabled: e.disabled,
-      "aria-labelledby": u,
-      onMouseover: x,
+      "aria-labelledby": d,
+      onMouseover: $,
       onMouseout: f,
-      onFocusin: x,
+      onFocusin: $,
       onFocusout: f
     }, a.default?.()), ve(t("div", {
-      id: u,
+      id: d,
       ref: l,
       class: ["krds-tooltip-popover", w.value],
       style: s.value,
@@ -2220,7 +2217,7 @@ var _t = M({
     close: () => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = D(!1), n = D(), s = D(), u = () => {
+    const l = D(!1), n = D(), s = D(), d = () => {
       l.value = !l.value, l.value && n.value && w();
     }, h = () => {
       l.value = !1;
@@ -2238,7 +2235,7 @@ var _t = M({
       n.value?.contains(i.target) || h();
     }, S = (i) => {
       n.value?.contains(i.relatedTarget) || h();
-    }, x = (i) => {
+    }, $ = (i) => {
       if (!n.value) return;
       n.value.querySelectorAll(".drop-list .item-link").forEach((m) => {
         m.style.position = "relative", m.style.zIndex = "0";
@@ -2257,7 +2254,7 @@ var _t = M({
       lang: i.code,
       "aria-selected": e.modelValue === i.code,
       onClick: ge(() => v(i.code), ["prevent"]),
-      onFocus: x
+      onFocus: $
     }, [
       i.name,
       " ",
@@ -2268,7 +2265,7 @@ var _t = M({
       lang: i.code,
       target: "_blank",
       title: "새 창 열림",
-      onFocus: x
+      onFocus: $
     }, [
       i.name,
       " ",
@@ -2291,7 +2288,7 @@ var _t = M({
       type: "button",
       class: ["krds-btn small text drop-btn", { active: l.value }],
       "aria-expanded": l.value,
-      onClick: u
+      onClick: d
     }, [
       t("i", { class: "svg-icon ico-global" }),
       r.default?.(),
@@ -2308,7 +2305,7 @@ var _t = M({
     close: () => !0
   },
   setup(e, { emit: a }) {
-    const r = D(!1), l = D(), n = D(), s = D("md"), u = [
+    const r = D(!1), l = D(), n = D(), s = D("md"), d = [
       {
         key: "sm",
         label: "작게",
@@ -2341,7 +2338,7 @@ var _t = M({
     }, w = (i) => {
       v(), a("close"), n.value?.focus(), s.value = i.key, document.body.style.zoom = i?.zoom;
     }, c = () => {
-      const i = u.find((g) => g.key === "md");
+      const i = d.find((g) => g.key === "md");
       i && w(i);
     }, B = () => {
       if (!l.value) return;
@@ -2351,7 +2348,7 @@ var _t = M({
       l.value.classList.remove("drop-left", "drop-right"), g.left < 0 ? l.value.classList.add("drop-left") : m < g.left + g.width && l.value.classList.add("drop-right");
     }, S = (i) => {
       i.key === "Escape" && (v(), n.value?.focus());
-    }, x = (i) => {
+    }, $ = (i) => {
       l.value?.contains(i.target) || v();
     }, f = (i) => {
       l.value?.contains(i.relatedTarget) || v();
@@ -2364,9 +2361,9 @@ var _t = M({
       g.style.zIndex = "1";
     };
     return se(r, (i) => {
-      i ? (document.addEventListener("keydown", S), document.addEventListener("click", x)) : (document.removeEventListener("keydown", S), document.removeEventListener("click", x));
+      i ? (document.addEventListener("keydown", S), document.addEventListener("click", $)) : (document.removeEventListener("keydown", S), document.removeEventListener("click", $));
     }), re(() => {
-      document.removeEventListener("keydown", S), document.removeEventListener("click", x);
+      document.removeEventListener("keydown", S), document.removeEventListener("click", $);
     }), () => t("div", {
       ref: l,
       class: "krds-drop-wrap krds-resize",
@@ -2380,7 +2377,7 @@ var _t = M({
     }, ["화면크기 ", t("i", { class: "svg-icon ico-toggle" })]), t("div", {
       class: "drop-menu",
       style: { display: r.value ? "block" : "none" }
-    }, [t("div", { class: "drop-in" }, [t("ul", { class: "drop-list" }, u.map((i) => t("li", { key: i.key }, [t("button", {
+    }, [t("div", { class: "drop-in" }, [t("ul", { class: "drop-list" }, d.map((i) => t("li", { key: i.key }, [t("button", {
       type: "button",
       class: [
         "item-link",
@@ -2436,7 +2433,7 @@ var _t = M({
     const l = xe()?.uid, n = b(() => e.modalId ?? `krds-modal-${l}`), s = b({
       get: () => e.modelValue,
       set: (i) => r("update:modelValue", i)
-    }), u = b(() => `tit_${n.value}`), h = b(() => ({
+    }), d = b(() => `tit_${n.value}`), h = b(() => ({
       small: "modal-sm",
       medium: "modal-md",
       large: "modal-lg"
@@ -2444,19 +2441,19 @@ var _t = M({
       s.value = !1;
     };
     let w = "", c = null;
-    const B = D(null), S = (i) => Array.from(i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((g) => !g.hasAttribute("disabled") && g.getAttribute("tabindex") !== "-1"), x = (i) => {
+    const B = D(null), S = (i) => Array.from(i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((g) => !g.hasAttribute("disabled") && g.getAttribute("tabindex") !== "-1"), $ = (i) => {
       if (!B.value || i.key !== "Tab") return;
       const g = S(B.value);
       if (g.length === 0) {
         i.preventDefault();
         return;
       }
-      const m = g[0], $ = g[g.length - 1];
-      i.shiftKey && document.activeElement === m ? (i.preventDefault(), $.focus()) : !i.shiftKey && document.activeElement === $ && (i.preventDefault(), m.focus());
+      const m = g[0], x = g[g.length - 1];
+      i.shiftKey && document.activeElement === m ? (i.preventDefault(), x.focus()) : !i.shiftKey && document.activeElement === x && (i.preventDefault(), m.focus());
     }, f = (i) => {
       i.key === "Escape" && !e.persistent && v();
     }, o = () => {
-      document.body.style.overflow = w, document.removeEventListener("keydown", x), document.removeEventListener("keydown", f), c && (c.focus(), c = null), B.value = null;
+      document.body.style.overflow = w, document.removeEventListener("keydown", $), document.removeEventListener("keydown", f), c && (c.focus(), c = null), B.value = null;
     };
     return se(() => e.modelValue, async (i) => {
       if (i) {
@@ -2465,7 +2462,7 @@ var _t = M({
         if (g) {
           B.value = g;
           const m = g.querySelector(".modal-conts");
-          m && (m.setAttribute("tabindex", "-1"), m.focus()), document.addEventListener("keydown", x), document.addEventListener("keydown", f);
+          m && (m.setAttribute("tabindex", "-1"), m.focus()), document.addEventListener("keydown", $), document.addEventListener("keydown", f);
         }
       } else o();
     }, { immediate: !0 }), fe(() => {
@@ -2477,11 +2474,11 @@ var _t = M({
         class: "krds-modal fade in shown",
         role: "dialog",
         "aria-modal": !0,
-        "aria-labelledby": u.value
+        "aria-labelledby": d.value
       };
       return e.full ? i["data-type"] = "full" : e.bottomSheet && (i["data-type"] = "bottom-sheet"), t(Ce, { to: "body" }, t("section", i, [t("div", { class: `modal-dialog ${h.value}` }, [t("div", { class: "modal-content" }, [
         a.title ? t("div", { class: "modal-header" }, [t("h2", {
-          id: u.value,
+          id: d.value,
           class: "modal-title"
         }, a.title())]) : null,
         t("div", { class: "modal-conts" }, [t("div", { class: "conts-area" }, a.default?.())]),
@@ -2615,7 +2612,7 @@ var _t = M({
           r.value = !1, l = null, v.error !== "canceled" && a("error", new Error(v.error));
         }, window.speechSynthesis.speak(l), a("play", e.text);
       }
-    }, u = b(() => {
+    }, d = b(() => {
       const v = ["krds-tts"];
       return e.size && v.push(e.size), r.value ? v.push("pause") : e.icon === "play" && v.push("play"), e.class && v.push(e.class), v;
     }), h = b(() => r.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
@@ -2628,7 +2625,7 @@ var _t = M({
       }, [t("i", { class: `svg-icon ${h.value}` })])];
       return e.label && v.push(t("span", { class: "krds-tts-text" }, e.label)), t("button", {
         type: "button",
-        class: u.value,
+        class: d.value,
         disabled: e.disabled || void 0,
         onClick: s
       }, v);
@@ -2660,7 +2657,7 @@ var _t = M({
     const l = b(() => {
       const f = ["tbl"];
       return e.class && f.push(e.class), f;
-    }), n = b(() => ["krds-table-wrap"]), s = (f) => f.headerStyle || void 0, u = (f) => {
+    }), n = b(() => ["krds-table-wrap"]), s = (f) => f.headerStyle || void 0, d = (f) => {
       const o = [];
       return f.align && o.push(`text-${f.align}`), f.headerClasses && o.push(f.headerClasses), o.length > 0 ? o : void 0;
     }, h = (f, o) => {
@@ -2680,7 +2677,7 @@ var _t = M({
     })), c = () => {
       if (!e.columns.length) return null;
       const f = e.columns.map((o) => {
-        const i = s(o), g = u(o);
+        const i = s(o), g = d(o);
         return t("th", {
           scope: "col",
           class: g,
@@ -2694,18 +2691,18 @@ var _t = M({
         class: "text-center"
       }, r["no-data"] ? r["no-data"]() : "데이터가 없습니다.")])]);
       const f = e.rows.map((o, i) => {
-        const g = e.columns.map((m, $) => {
+        const g = e.columns.map((m, x) => {
           const C = B(o, m), E = typeof C == "function" ? C() : C, T = h(o, m), _ = v(o, m);
-          return t($ === 0 ? "th" : "td", {
-            scope: $ === 0 ? "row" : void 0,
+          return t(x === 0 ? "th" : "td", {
+            scope: x === 0 ? "row" : void 0,
             class: _,
             style: T
           }, E);
         });
-        return t("tr", { onClick: () => x(o, i) }, g);
+        return t("tr", { onClick: () => $(o, i) }, g);
       });
       return t("tbody", f);
-    }, x = (f, o) => {
+    }, $ = (f, o) => {
       a("row-click", f, o);
     };
     return () => t("div", { class: n.value }, [t("table", { class: l.value }, [
@@ -2763,9 +2760,9 @@ var _t = M({
     const r = b(() => {
       const h = [];
       return e.class && h.push(e.class), h;
-    }), l = () => a.top ? t("div", { class: "foot-quick" }, [t("div", { class: "inner" }, a.top())]) : null, n = () => a.logo ? t("div", { class: "f-logo" }, a.logo()) : null, s = () => a.content ? t("div", { class: "f-cnt" }, a.content()) : null, u = () => a.bottom ? t("div", { class: "f-btm" }, a.bottom()) : null;
+    }), l = () => a.top ? t("div", { class: "foot-quick" }, [t("div", { class: "inner" }, a.top())]) : null, n = () => a.logo ? t("div", { class: "f-logo" }, a.logo()) : null, s = () => a.content ? t("div", { class: "f-cnt" }, a.content()) : null, d = () => a.bottom ? t("div", { class: "f-btm" }, a.bottom()) : null;
     return () => {
-      const h = l(), v = n(), w = s(), c = u(), B = [];
+      const h = l(), v = n(), w = s(), c = d(), B = [];
       v && B.push(v), w && B.push(w), c && B.push(c);
       const S = [];
       return h && S.push(h), B.length > 0 && S.push(t("div", { class: "inner" }, B)), t("footer", {
@@ -2854,7 +2851,7 @@ var _t = M({
     "scroll-height": (e) => !0
   },
   setup(e, { slots: a, emit: r }) {
-    const l = D(0), n = D(0), s = D(0), u = D(null), h = D(null), v = D(null), w = () => {
+    const l = D(0), n = D(0), s = D(0), d = D(null), h = D(null), v = D(null), w = () => {
       const f = n.value;
       l.value = window.scrollY, n.value = document.body.scrollHeight, f !== n.value && f > 0 && r("scroll-height", n.value);
     }, c = () => {
@@ -2862,12 +2859,12 @@ var _t = M({
       const f = document.querySelector("#container");
       if (!f) return;
       const o = f.offsetTop, i = window.scrollY, g = i > s.value, m = i < s.value;
-      i > o + Ta ? g ? (h.value.classList.add("scroll-down"), h.value.classList.remove("scroll-up"), u.value = "down") : m && (h.value.classList.add("scroll-up"), h.value.classList.remove("scroll-down"), u.value = "up") : (h.value.classList.remove("scroll-down", "scroll-up"), u.value = null), s.value = i;
+      i > o + Ta ? g ? (h.value.classList.add("scroll-down"), h.value.classList.remove("scroll-up"), d.value = "down") : m && (h.value.classList.add("scroll-up"), h.value.classList.remove("scroll-down"), d.value = "up") : (h.value.classList.remove("scroll-down", "scroll-up"), d.value = null), s.value = i;
     }, B = () => {
       w(), c(), r("scroll", {
         scrollY: l.value,
         scrollHeight: n.value,
-        direction: u.value,
+        direction: d.value,
         timestamp: Date.now()
       });
     }, S = (f) => {
@@ -2878,7 +2875,7 @@ var _t = M({
           height: g
         });
       }
-    }, x = b(() => {
+    }, $ = b(() => {
       const f = ["g-wrap"];
       return e.class && f.push(e.class), f;
     });
@@ -2888,7 +2885,7 @@ var _t = M({
       e.enableScrollDetection && window.removeEventListener("scroll", B), v.value && (v.value.disconnect(), v.value = null);
     }), () => t("div", {
       id: e.id,
-      class: x.value,
+      class: $.value,
       ref: h
     }, a.default?.());
   }
@@ -2906,18 +2903,18 @@ var _t = M({
   },
   emits: { "update:modelValue": (e) => !0 },
   setup(e, { emit: a }) {
-    const r = b(() => e.modelValue || []), l = D(/* @__PURE__ */ new Map()), n = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Map()), u = D(null), h = ($, C, E) => {
+    const r = b(() => e.modelValue || []), l = D(/* @__PURE__ */ new Map()), n = D(/* @__PURE__ */ new Map()), s = D(/* @__PURE__ */ new Map()), d = D(null), h = (x, C, E) => {
       const T = `${C}-${E}`;
-      $ ? l.value.set(T, $) : l.value.delete(T);
-    }, v = ($, C, E) => {
+      x ? l.value.set(T, x) : l.value.delete(T);
+    }, v = (x, C, E) => {
       const T = `${C}-${E}`;
-      $ ? n.value.set(T, $) : n.value.delete(T);
-    }, w = ($, C, E) => {
+      x ? n.value.set(T, x) : n.value.delete(T);
+    }, w = (x, C, E) => {
       const T = `${C}-${E}`;
-      $ ? s.value.set(T, $) : s.value.delete(T);
-    }, c = ($) => {
+      x ? s.value.set(T, x) : s.value.delete(T);
+    }, c = (x) => {
       a("update:modelValue", r.value.map((C, E) => {
-        if (E === $ && C.subItems) {
+        if (E === x && C.subItems) {
           const T = C.expanded, _ = {
             ...C,
             expanded: !C.expanded
@@ -2925,12 +2922,12 @@ var _t = M({
           return T && !_.expanded && (_.subItems = C.subItems.map((p) => ({
             ...p,
             expanded: !1
-          })), u.value = null), _;
+          })), d.value = null), _;
         }
         return C;
       }));
-    }, B = ($, C) => {
-      a("update:modelValue", r.value.map((E, T) => T === $ && E.subItems ? {
+    }, B = (x, C) => {
+      a("update:modelValue", r.value.map((E, T) => T === x && E.subItems ? {
         ...E,
         subItems: E.subItems.map((_, p) => {
           if (p === C && _.subItems) {
@@ -2939,8 +2936,8 @@ var _t = M({
               expanded: !_.expanded
             };
             if (A.expanded) {
-              const I = `${$}-${C}`;
-              u.value = l.value.get(I) || null;
+              const I = `${x}-${C}`;
+              d.value = l.value.get(I) || null;
               const O = n.value.get(I), H = s.value.get(I);
               O && H && O.addEventListener("transitionend", () => {
                 H.focus();
@@ -2951,16 +2948,16 @@ var _t = M({
           return _;
         })
       } : E));
-    }, S = ($, C) => {
-      a("update:modelValue", r.value.map((E, T) => T === $ && E.subItems ? {
+    }, S = (x, C) => {
+      a("update:modelValue", r.value.map((E, T) => T === x && E.subItems ? {
         ...E,
         subItems: E.subItems.map((_, p) => {
           if (p === C && _.subItems && _.expanded) {
-            if (u.value) {
-              const A = u.value;
+            if (d.value) {
+              const A = d.value;
               requestAnimationFrame(() => {
                 A.focus();
-              }), u.value = null;
+              }), d.value = null;
             }
             return {
               ..._,
@@ -2970,14 +2967,14 @@ var _t = M({
           return _;
         })
       } : E));
-    }, x = ($, C, E) => {
+    }, $ = (x, C, E) => {
       const T = `${C}-${E}`, _ = n.value.get(T);
-      _ && !_.contains($.relatedTarget) && S(C, E);
-    }, f = ($, C) => {
-      S($, C);
-    }, o = ($, C) => {
-      $.onClick && $.onClick(C);
-    }, i = ($, C, E) => $.map((T, _) => t("li", {
+      _ && !_.contains(x.relatedTarget) && S(C, E);
+    }, f = (x, C) => {
+      S(x, C);
+    }, o = (x, C) => {
+      x.onClick && x.onClick(C);
+    }, i = (x, C, E) => x.map((T, _) => t("li", {
       key: `popup-item-${C}-${E}-${_}`,
       role: "none"
     }, t("a", {
@@ -2985,7 +2982,7 @@ var _t = M({
       class: "lnb-btn",
       role: "menuitem",
       onClick: (p) => o(T, p)
-    }, T.text))), g = ($, C) => $.map((E, T) => {
+    }, T.text))), g = (x, C) => x.map((E, T) => {
       const _ = `lnb-subitem-${C}-${T}`;
       return t("li", {
         key: _,
@@ -3005,7 +3002,7 @@ var _t = M({
         id: `lnbmenu-${C}-${T}`,
         class: ["lnb-submenu-lv2", { active: E.expanded }],
         role: "menu",
-        onFocusout: (p) => x(p, C, T)
+        onFocusout: (p) => $(p, C, T)
       }, [t("button", {
         ref: (p) => w(p, C, T),
         type: "button",
@@ -3017,25 +3014,25 @@ var _t = M({
         role: "menuitem",
         onClick: (p) => o(E, p)
       }, E.text)]);
-    }), m = () => r.value.map(($, C) => t("li", {
+    }), m = () => r.value.map((x, C) => t("li", {
       key: `lnb-item-${C}`,
-      class: ["lnb-item", { active: $.expanded }],
+      class: ["lnb-item", { active: x.expanded }],
       role: "none"
     }, [t("button", {
       type: "button",
       class: [
         "lnb-btn",
         "lnb-toggle",
-        { active: $.expanded }
+        { active: x.expanded }
       ],
       role: "menuitem",
       "aria-controls": `lnbmenu-${C}`,
-      "aria-expanded": $.expanded ? "true" : "false",
+      "aria-expanded": x.expanded ? "true" : "false",
       onClick: () => c(C)
-    }, $.text), $.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
+    }, x.text), x.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
       id: `lnbmenu-${C}`,
       role: "menu"
-    }, g($.subItems, C))]) : null]));
+    }, g(x.subItems, C))]) : null]));
     return () => t("nav", { class: "krds-side-navigation" }, [t("h2", { class: "lnb-tit" }, e.title), t("ul", {
       class: "lnb-list",
       role: "menubar"
@@ -3050,13 +3047,13 @@ var _t = M({
   slots: Object,
   setup(e, { slots: a }) {
     return () => {
-      const r = a.cardTop?.(), l = a.cardBody?.(), n = a.cardBtm?.(), s = a.cardBtn?.(), u = t("li", { class: "structured-item" }, [t("div", { class: "in" }, [
+      const r = a.cardTop?.(), l = a.cardBody?.(), n = a.cardBtm?.(), s = a.cardBtn?.(), d = t("li", { class: "structured-item" }, [t("div", { class: "in" }, [
         r && t("div", { class: "card-top" }, r),
         l && t("div", { class: "card-body" }, l),
         n && t("div", { class: "card-btm" }, n),
         s && t("div", { class: "card-btn" }, s)
       ].filter(Boolean))]);
-      return t("ul", { class: ["krds-structured-list", e.full ? "type-full" : ""] }, [u]);
+      return t("ul", { class: ["krds-structured-list", e.full ? "type-full" : ""] }, [d]);
     };
   }
 }), Pa = Va, za = M({
@@ -3152,84 +3149,84 @@ var _t = M({
   },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    const l = oe(), n = D(null), s = D(null), u = D(null), h = b(() => e.variant === "pc"), v = (d) => `${l}-gnb-panel-${d}`, w = (d, y) => `${l}-gnb-sub-${d}-${y}`, c = (d) => `${l}-gnb-tab-${d}`, B = (d, y) => `${l}-gnb-depth3-${d}-${y}`, S = (d) => !!d?.subItems?.length, x = (d) => !S(d) && !!d?.items?.length, f = (d) => S(d) || x(d), o = (d) => !d.items?.length, i = (d) => d ? {
+    const l = oe(), n = D(null), s = D(null), d = D(null), h = b(() => e.variant === "pc"), v = (u) => `${l}-gnb-panel-${u}`, w = (u, y) => `${l}-gnb-sub-${u}-${y}`, c = (u) => `${l}-gnb-tab-${u}`, B = (u, y) => `${l}-gnb-depth3-${u}-${y}`, S = (u) => !!u?.subItems?.length, $ = (u) => !S(u) && !!u?.items?.length, f = (u) => S(u) || $(u), o = (u) => !u.items?.length, i = (u) => u ? {
       target: "_blank",
       rel: "noopener noreferrer",
       title: Ha
-    } : {}, g = (d, y) => {
-      d.onClick?.(y), a("item-click", d, y);
-    }, m = D(-1), $ = D({}), C = D(0), E = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), _ = (d, y, K) => {
-      y ? d.set(K, y) : d.delete(K);
-    }, p = (d) => {
-      const y = d?.subItems?.findIndex((K) => !o(K));
+    } : {}, g = (u, y) => {
+      u.onClick?.(y), a("item-click", u, y);
+    }, m = D(-1), x = D({}), C = D(0), E = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), _ = (u, y, K) => {
+      y ? u.set(K, y) : u.delete(K);
+    }, p = (u) => {
+      const y = u?.subItems?.findIndex((K) => !o(K));
       return y === void 0 ? -1 : y;
-    }, A = (d) => {
-      const y = $.value[d];
-      return y === void 0 ? p(e.items[d]) : y;
-    }, I = (d) => {
+    }, A = (u) => {
+      const y = x.value[u];
+      return y === void 0 ? p(e.items[u]) : y;
+    }, I = (u) => {
       if (typeof document > "u") return;
-      document.body.classList.toggle("is-gnb-web", d);
+      document.body.classList.toggle("is-gnb-web", u);
       const y = document.body.scrollHeight > window.innerHeight;
-      document.body.classList.toggle("hasScrollY", d && y);
+      document.body.classList.toggle("hasScrollY", u && y);
     }, O = async () => {
       await ce();
-      const d = E.get(m.value)?.querySelector(".gnb-sub-list.active");
-      C.value = d?.scrollHeight ?? 0;
-    }, H = (d = !1) => {
+      const u = E.get(m.value)?.querySelector(".gnb-sub-list.active");
+      C.value = u?.scrollHeight ?? 0;
+    }, H = (u = !1) => {
       if (m.value === -1) return;
       const y = m.value;
-      m.value = -1, C.value = 0, I(!1), a("menu-toggle", y, !1), d && T.get(y)?.focus();
-    }, G = (d) => {
-      if (f(e.items[d])) {
-        if (m.value === d) {
+      m.value = -1, C.value = 0, I(!1), a("menu-toggle", y, !1), u && T.get(y)?.focus();
+    }, G = (u) => {
+      if (f(e.items[u])) {
+        if (m.value === u) {
           H();
           return;
         }
-        m.value = d, I(!0), a("menu-toggle", d, !0), O();
+        m.value = u, I(!0), a("menu-toggle", u, !0), O();
       }
-    }, j = (d, y) => {
-      $.value = {
-        ...$.value,
-        [d]: y
+    }, j = (u, y) => {
+      x.value = {
+        ...x.value,
+        [u]: y
       }, O();
-    }, X = (d) => {
+    }, X = (u) => {
       const y = n.value;
-      !y || y.contains(d.target) || H();
-    }, le = (d) => {
-      const y = n.value, K = d.relatedTarget;
+      !y || y.contains(u.target) || H();
+    }, le = (u) => {
+      const y = n.value, K = u.relatedTarget;
       !y || !K || y.contains(K) || H();
-    }, de = (d) => {
-      if (d.key === "Escape") {
+    }, de = (u) => {
+      if (u.key === "Escape") {
         H(!0);
         return;
       }
-      const y = d.target;
+      const y = u.target;
       if (!y?.dataset.trigger) return;
       const K = (k) => {
         const P = y.closest("li");
         (k === "next" ? P?.nextElementSibling : P?.previousElementSibling)?.querySelector("[data-trigger]")?.focus();
       };
-      switch (d.key) {
+      switch (u.key) {
         case "Home":
-          d.preventDefault(), T.get(0)?.focus();
+          u.preventDefault(), T.get(0)?.focus();
           break;
         case "End":
-          d.preventDefault(), T.get(e.items.length - 1)?.focus();
+          u.preventDefault(), T.get(e.items.length - 1)?.focus();
           break;
         case "ArrowRight":
         case "ArrowDown":
-          d.preventDefault(), K("next");
+          u.preventDefault(), K("next");
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          d.preventDefault(), K("prev");
+          u.preventDefault(), K("prev");
       }
-    }, ae = D(0), Q = D({}), ne = D(null), L = D(null), R = D(e.open), Y = D(e.open), V = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), U = (d, y, K) => {
-      y ? d.set(K, y) : d.delete(K);
+    }, ae = D(0), Q = D({}), ne = D(null), L = D(null), R = D(e.open), Y = D(e.open), V = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), U = (u, y, K) => {
+      y ? u.set(K, y) : u.delete(K);
     };
     let J, ee;
-    const ue = (d) => {
-      typeof document > "u" || document.body.classList.toggle("is-gnb-mobile", d);
+    const ue = (u) => {
+      typeof document > "u" || document.body.classList.toggle("is-gnb-mobile", u);
     }, Ee = () => {
       ee && clearTimeout(ee), R.value = !0, J = setTimeout(() => {
         Y.value = !0, ue(!0), s.value?.focus();
@@ -3239,49 +3236,49 @@ var _t = M({
         R.value = !1, ue(!1);
       }, we);
     };
-    se(() => e.open, (d) => {
-      d ? Ee() : _e();
+    se(() => e.open, (u) => {
+      u ? Ee() : _e();
     });
-    const Ae = (d, y) => {
-      d.preventDefault(), ae.value = y;
-      const K = u.value, k = V.get(y);
+    const Ae = (u, y) => {
+      u.preventDefault(), ae.value = y;
+      const K = d.value, k = V.get(y);
       K && k && K.scrollTo({
         left: 0,
         top: k.offsetTop,
         behavior: "smooth"
       });
     }, Me = () => {
-      const d = u.value;
-      if (!d) return;
-      const { scrollTop: y, scrollHeight: K, clientHeight: k } = d;
+      const u = d.value;
+      if (!u) return;
+      const { scrollTop: y, scrollHeight: K, clientHeight: k } = u;
       let P = ae.value;
       V.forEach((q, W) => {
         (y >= q.offsetTop || y + k >= K) && (P = W);
       }), ae.value = P;
-    }, Ve = (d, y) => {
-      d.preventDefault(), Q.value = {
+    }, Ve = (u, y) => {
+      u.preventDefault(), Q.value = {
         ...Q.value,
         [y]: !Q.value[y]
       };
-    }, Pe = async (d, y) => {
-      d.preventDefault(), ne.value = y, await ce(), L.value = y, await ce(), N.get(y)?.focus();
-    }, ye = (d) => {
-      L.value = null, F.get(d)?.focus(), setTimeout(() => {
+    }, Pe = async (u, y) => {
+      u.preventDefault(), ne.value = y, await ce(), L.value = y, await ce(), N.get(y)?.focus();
+    }, ye = (u) => {
+      L.value = null, F.get(u)?.focus(), setTimeout(() => {
         L.value || (ne.value = null);
       }, we);
-    }, ze = (d, y) => {
-      const K = Array.from(d.querySelectorAll(Oa));
+    }, ze = (u, y) => {
+      const K = Array.from(u.querySelectorAll(Oa));
       if (!K.length) return;
       const k = K[0], P = K[K.length - 1], q = document.activeElement;
-      y.shiftKey && (q === k || q === d) ? (y.preventDefault(), P.focus()) : !y.shiftKey && q === P && (y.preventDefault(), k.focus());
-    }, Fe = (d) => {
-      if (d.key === "Escape") {
+      y.shiftKey && (q === k || q === u) ? (y.preventDefault(), P.focus()) : !y.shiftKey && q === P && (y.preventDefault(), k.focus());
+    }, Fe = (u) => {
+      if (u.key === "Escape") {
         L.value ? ye(L.value) : a("update:open", !1);
         return;
       }
-      if (d.key !== "Tab") return;
+      if (u.key !== "Tab") return;
       const y = L.value ? z.get(L.value) : s.value;
-      y && ze(y, d);
+      y && ze(y, u);
     };
     ie(() => {
       if (h.value) {
@@ -3289,17 +3286,17 @@ var _t = M({
         return;
       }
       e.open && (R.value = !0, Y.value = !0, ue(!0));
-      const d = {};
+      const u = {};
       e.items.forEach((y, K) => {
         y.subItems?.forEach((k, P) => {
-          k.expanded && (d[`${K}-${P}`] = !0);
+          k.expanded && (u[`${K}-${P}`] = !0);
         });
-      }), Q.value = d;
+      }), Q.value = u;
     }), fe(() => {
       typeof document < "u" && (document.removeEventListener("click", X), document.body.classList.remove("is-gnb-web", "hasScrollY", "is-gnb-mobile")), J && clearTimeout(J), ee && clearTimeout(ee);
     });
-    const Re = (d) => {
-      const y = d.some((k) => !!k.description), K = d.map((k, P) => {
+    const Re = (u) => {
+      const y = u.some((k) => !!k.description), K = u.map((k, P) => {
         const q = i(k.external), W = k.external ? t("i", { class: "svg-icon ico-go" }) : null;
         if (y) return t("li", { key: `link-${P}` }, [t("h3", { class: "tit" }, [t("a", {
           href: k.href || "#",
@@ -3317,20 +3314,20 @@ var _t = M({
         }, [k.text, W])]);
       });
       return t("ul", { class: y ? "type-description" : void 0 }, K);
-    }, me = (d) => {
-      const y = d.titleLink ? [d.title, t("a", {
-        href: d.titleLink.href,
+    }, me = (u) => {
+      const y = u.titleLink ? [u.title, t("a", {
+        href: u.titleLink.href,
         class: "krds-btn link basic small"
-      }, [t("span", { class: "underline" }, d.titleLink.text || "바로가기"), t("i", { class: "svg-icon ico-angle right" })])] : [t("span", d.title)];
+      }, [t("span", { class: "underline" }, u.titleLink.text || "바로가기"), t("i", { class: "svg-icon ico-angle right" })])] : [t("span", u.title)];
       return t("div", {
-        id: d.id,
+        id: u.id,
         class: ["gnb-sub-list", {
-          active: d.active,
-          between: d.layout === "between",
-          "single-list": d.single
+          active: u.active,
+          between: u.layout === "between",
+          "single-list": u.single
         }]
-      }, [t("div", { class: "gnb-sub-content" }, [t("h2", { class: "sub-title" }, y), Re(d.linkItems)]), d.banner]);
-    }, Ie = (d, y) => (d.subItems ?? []).map((K, k) => {
+      }, [t("div", { class: "gnb-sub-content" }, [t("h2", { class: "sub-title" }, y), Re(u.linkItems)]), u.banner]);
+    }, Ie = (u, y) => (u.subItems ?? []).map((K, k) => {
       if (o(K)) {
         const W = K.href ? "a" : "button";
         return t("li", { key: `sub-${k}` }, [t(W, {
@@ -3351,7 +3348,7 @@ var _t = M({
         }, K.text)]);
       }
       const P = A(y) === k, q = K.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
-        item: d,
+        item: u,
         subItem: K,
         index: y,
         subIndex: k
@@ -3378,14 +3375,14 @@ var _t = M({
         active: P,
         banner: q
       })]);
-    }), He = (d, y) => {
-      const K = m.value === y, k = S(d), P = k ? [t("ul", {}, Ie(d, y))] : [me({
-        title: d.title || d.text,
-        linkItems: d.items ?? [],
-        layout: d.layout,
+    }), He = (u, y) => {
+      const K = m.value === y, k = S(u), P = k ? [t("ul", {}, Ie(u, y))] : [me({
+        title: u.title || u.text,
+        linkItems: u.items ?? [],
+        layout: u.layout,
         single: !0,
-        banner: d.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
-          item: d,
+        banner: u.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
+          item: u,
           index: y,
           subIndex: -1
         })) : null
@@ -3400,7 +3397,7 @@ var _t = M({
         style: K && C.value ? { minHeight: `${C.value}px` } : void 0
       }, P)]);
     }, Ne = () => {
-      const d = e.items.map((K, k) => {
+      const u = e.items.map((K, k) => {
         const P = f(K), q = m.value === k, W = !P && K.href ? "a" : "button", Z = t(W, {
           ref: (te) => _(T, te, k),
           ...W === "a" ? {
@@ -3436,8 +3433,8 @@ var _t = M({
       }, [t("div", { class: "inner" }, [t("ul", {
         class: "gnb-menu",
         "aria-label": e.ariaLabel
-      }, d)]), y]);
-    }, Oe = (d, y) => {
+      }, u)]), y]);
+    }, Oe = (u, y) => {
       const K = () => ye(y);
       return t("div", {
         ref: (k) => U(z, k, y),
@@ -3452,14 +3449,14 @@ var _t = M({
         type: "button",
         class: "krds-btn icon trigger-close",
         onClick: K
-      }, [t("span", { class: "sr-only" }, e.closeLabel), t("i", { class: "svg-icon ico-popup-close" })])]), t("div", { class: "depth4-body" }, [t("h4", { class: "sub-title" }, d.panelTitle || d.text), t("ul", { class: "depth4-ul" }, (d.items ?? []).map((k, P) => t("li", { key: `depth4-${P}` }, [t("a", {
+      }, [t("span", { class: "sr-only" }, e.closeLabel), t("i", { class: "svg-icon ico-popup-close" })])]), t("div", { class: "depth4-body" }, [t("h4", { class: "sub-title" }, u.panelTitle || u.text), t("ul", { class: "depth4-ul" }, (u.items ?? []).map((k, P) => t("li", { key: `depth4-${P}` }, [t("a", {
         href: k.href || "#",
         ...i(k.external),
         class: { selected: k.selected },
         onClick: (q) => g(k, q)
       }, k.text)])))])]);
-    }, qe = (d, y, K) => {
-      const k = (d.items ?? []).map((P, q) => {
+    }, qe = (u, y, K) => {
+      const k = (u.items ?? []).map((P, q) => {
         const W = `${y}-${K}-${q}`, Z = !!P.items?.length;
         return t("li", { key: `depth3-${q}` }, [t("a", {
           ref: (te) => U(F, te, W),
@@ -3479,8 +3476,8 @@ var _t = M({
         }, P.text), Z ? Oe(P, W) : null]);
       });
       return t("div", { class: ["depth3-wrap", { "is-open": Q.value[`${y}-${K}`] }] }, [t("ul", {}, k)]);
-    }, We = (d, y) => {
-      const K = (d.subItems ?? []).map((k, P) => {
+    }, We = (u, y) => {
+      const K = (u.subItems ?? []).map((k, P) => {
         const q = `${y}-${P}`, W = !!k.items?.length;
         return t("li", { key: `sub-${P}` }, [t("a", {
           href: k.href || "#",
@@ -3505,9 +3502,9 @@ var _t = M({
         class: "gnb-sub-list",
         role: "tabpanel",
         "aria-labelledby": c(y)
-      }, [t("h2", { class: "sub-title" }, d.title || d.text), t("ul", {}, K)]);
+      }, [t("h2", { class: "sub-title" }, u.title || u.text), t("ul", {}, K)]);
     }, Ye = () => {
-      const d = e.items.map((K, k) => t("li", {
+      const u = e.items.map((K, k) => t("li", {
         key: `tab-${k}`,
         role: "none"
       }, [t("a", {
@@ -3523,7 +3520,7 @@ var _t = M({
       }, K.text)])), y = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
         role: "tablist",
         "aria-label": e.ariaLabel
-      }, d)]), t("div", { class: "submenu-wrap" }, e.items.map(We))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
+      }, u)]), t("div", { class: "submenu-wrap" }, e.items.map(We))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
       return t("div", {
         ref: n,
         id: e.mobileId,
@@ -3540,7 +3537,7 @@ var _t = M({
       }, [
         t("div", { class: "gnb-header" }, r.header ? r.header() : []),
         t("div", {
-          ref: u,
+          ref: d,
           class: "gnb-body",
           onScroll: Me
         }, y),
@@ -3640,17 +3637,17 @@ var _t = M({
   setup(e, { emit: a, slots: r }) {
     const l = xe()?.uid, n = b(() => `${e.id ?? `krds-carousel-${l}`}-wrapper`);
     let s = 0;
-    const u = D(e.activeIndex ?? 0), h = b(() => e.spaceBetween ?? (e.variant === "banner" ? Ua : Ga)), v = b(() => e.pagination ?? (e.variant === "banner" ? "fraction" : "bullets")), w = D(!1), c = D(!1), B = D(!1), S = b(() => c.value || B.value);
-    let x;
+    const d = D(e.activeIndex ?? 0), h = b(() => e.spaceBetween ?? (e.variant === "banner" ? Ua : Ga)), v = b(() => e.pagination ?? (e.variant === "banner" ? "fraction" : "bullets")), w = D(!1), c = D(!1), B = D(!1), S = b(() => c.value || B.value);
+    let $;
     const f = () => {
-      x !== void 0 && (clearInterval(x), x = void 0);
+      $ !== void 0 && (clearInterval($), $ = void 0);
     }, o = (V) => {
       if (s <= 0) return;
       const F = e.loop ? (V % s + s) % s : Math.min(Math.max(V, 0), s - 1);
-      F !== u.value && (u.value = F, a("update:activeIndex", F), a("change", F));
-    }, i = () => o(u.value - 1), g = () => o(u.value + 1), m = () => {
+      F !== d.value && (d.value = F, a("update:activeIndex", F), a("change", F));
+    }, i = () => o(d.value - 1), g = () => o(d.value + 1), m = () => {
       w.value || (w.value = !0, a("play"));
-    }, $ = () => {
+    }, x = () => {
       w.value && (w.value = !1, a("stop"));
     };
     se([
@@ -3658,17 +3655,17 @@ var _t = M({
       S,
       () => e.autoplayDelay
     ], () => {
-      f(), !(!w.value || S.value) && (x = setInterval(() => {
-        if (!e.loop && s > 0 && u.value >= s - 1) {
-          $();
+      f(), !(!w.value || S.value) && ($ = setInterval(() => {
+        if (!e.loop && s > 0 && d.value >= s - 1) {
+          x();
           return;
         }
         g();
       }, e.autoplayDelay));
     }), se(() => e.autoplay, (V) => {
-      V ? m() : $();
+      V ? m() : x();
     }), se(() => e.activeIndex, (V) => {
-      typeof V != "number" || V === u.value || (u.value = s > 0 ? Math.min(Math.max(V, 0), s - 1) : V);
+      typeof V != "number" || V === d.value || (d.value = s > 0 ? Math.min(Math.max(V, 0), s - 1) : V);
     });
     const E = D(!1);
     let T;
@@ -3762,7 +3759,7 @@ var _t = M({
       class: "swiper-button-stop",
       style: w.value ? void 0 : { display: "none" },
       "aria-controls": n.value,
-      onClick: $
+      onClick: x
     }, [t("span", { class: "sr-only" }, e.stopLabel)])]), Y = (V, F) => {
       const z = e.variant === "banner", N = v.value !== "none", U = !!e.moreHref, J = [];
       if (N && J.push(L(V, F)), e.autoplay && J.push(R()), z) {
@@ -3774,7 +3771,7 @@ var _t = M({
     return () => {
       const V = Be(r.default?.()), F = V.length;
       s = F;
-      const z = F > 0 ? Math.min(Math.max(u.value, 0), F - 1) : 0, N = e.variant === "banner";
+      const z = F > 0 ? Math.min(Math.max(d.value, 0), F - 1) : 0, N = e.variant === "banner";
       return t("div", {
         id: e.id,
         class: ["krds-carousel", N ? "main-d-ban-swiper" : "vb-swiper"],
@@ -3835,8 +3832,8 @@ var _t = M({
     change: (e) => !0
   },
   setup(e, { emit: a, slots: r }) {
-    const l = oe(), n = (c) => `tab-${l}-${c}`, s = (c) => `panel-${l}-${c}`, u = D(e.tabs.find((c) => !c.disabled)?.id), h = b(() => e.modelValue ?? u.value), v = (c) => {
-      c.disabled || c.id === h.value || (u.value = c.id, a("update:modelValue", c.id), a("change", c.id));
+    const l = oe(), n = (c) => `tab-${l}-${c}`, s = (c) => `panel-${l}-${c}`, d = D(e.tabs.find((c) => !c.disabled)?.id), h = b(() => e.modelValue ?? d.value), v = (c) => {
+      c.disabled || c.id === h.value || (d.value = c.id, a("update:modelValue", c.id), a("change", c.id));
     }, w = (c) => {
       if (c.key !== "ArrowRight" && c.key !== "ArrowLeft") return;
       c.preventDefault();
@@ -3923,7 +3920,7 @@ var _t = M({
   KrdsToggleSwitch: () => At,
   KrdsTooltip: () => ia,
   KrdsTts: () => ba
-}), Te = "0.0.17", ll = { install(e, a = {}) {
+}), Te = "0.0.18", ll = { install(e, a = {}) {
   e.provide("krds:config", a), (a.components || Object.keys(Ke)).forEach((r) => {
     const l = Ke[r];
     l && e.component(r, l);