@krds.ui/vue 0.0.18 → 0.0.19

package/dist/krds-vue.es.js

@@ -1,4 +1,4 @@
-import { Comment as je, Fragment as Ge, Teleport as Ce, Text as Ue, computed as b, defineComponent as M, getCurrentInstance as xe, h as t, inject as Xe, nextTick as ce, onBeforeUnmount as fe, onMounted as ie, onUnmounted as re, provide as Qe, ref as D, useId as oe, vShow as pe, watch as se, withDirectives as ve, withModifiers as ge } from "vue";
+import { Comment as je, Fragment as Ge, Teleport as Ce, Text as Ue, computed as b, defineComponent as M, getCurrentInstance as xe, h as t, inject as Xe, nextTick as ce, onBeforeUnmount as fe, onMounted as re, onUnmounted as ie, provide as Qe, ref as D, useId as oe, vShow as pe, watch as se, withDirectives as ve, withModifiers as ge } from "vue";
 var be = Object.defineProperty, Je = (e, a) => {
   let r = {};
   for (var l in e)
@@ -261,7 +261,7 @@ var be = Object.defineProperty, Je = (e, a) => {
       a("focus", S);
     }, h = (S) => {
       a("blur", S);
-    }, v = (S) => {
+    }, p = (S) => {
       a("keydown", S);
     }, w = (S) => {
       a("keyup", S);
@@ -282,7 +282,7 @@ var be = Object.defineProperty, Je = (e, a) => {
         onChange: s,
         onFocus: d,
         onBlur: h,
-        onKeydown: v,
+        onKeydown: p,
         onKeyup: w
       };
       return e.maxlength !== void 0 && (S.maxlength = e.maxlength), e.minlength !== void 0 && (S.minlength = e.minlength), e.type === "number" && (e.max !== void 0 && (S.max = e.max), e.min !== void 0 && (S.min = e.min), e.step !== void 0 && (S.step = e.step)), S;
@@ -405,18 +405,18 @@ 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), 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 = () => {
+  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), p = b(() => {
+    const i = r.getFullYear(), v = [];
+    for (let m = i - 10; m <= i + 10; m++) v.push(m);
+    return v;
+  }), w = b(() => Array.from({ length: 12 }, (i, v) => v + 1)), c = () => {
     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;
-  }, $ = (i, g = !1) => {
-    if (g)
+  }, $ = (i, v = !1) => {
+    if (v)
       s.value = i, d.value = i;
     else if (!s.value || s.value && d.value)
       s.value = i, d.value = null;
@@ -431,7 +431,7 @@ function ct(e, a) {
     selectedStartDate: s,
     selectedEndDate: d,
     activeDateSelector: h,
-    yearOptions: v,
+    yearOptions: p,
     monthOptions: w,
     clearDateSelection: c,
     prevMonth: B,
@@ -447,10 +447,10 @@ function ct(e, a) {
         isStart: !1,
         isEnd: !1
       };
-      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;
+      const v = new Date(i.replace(/\./g, "-")), m = new Date(s.value.replace(/\./g, "-")), x = new Date(d.value.replace(/\./g, "-")), K = i === s.value, E = i === d.value;
       return {
-        isInRange: g >= m && g <= x,
-        isStart: C,
+        isInRange: v >= m && v <= x,
+        isStart: K,
         isEnd: E
       };
     }
@@ -459,17 +459,17 @@ function ct(e, a) {
 function ft(e, a, r = {}) {
   let l = null;
   const { ignore: n, event: s = "click" } = typeof r == "string" ? { ignore: r } : r, d = () => {
-    l = (v) => {
-      const w = v.target;
+    l = (p) => {
+      const w = p.target;
       e.value?.contains(w) || n && w.closest(n) || a();
     }, document.addEventListener(s, l);
   }, h = () => {
     if (l) {
-      const v = typeof r == "string" ? "click" : r.event || "click";
-      document.removeEventListener(v, l), l = null;
+      const p = typeof r == "string" ? "click" : r.event || "click";
+      document.removeEventListener(p, l), l = null;
     }
   };
-  return ie(() => {
+  return re(() => {
     d();
   }), fe(() => {
     h();
@@ -554,10 +554,10 @@ var vt = [
     blur: (e) => !0
   },
   setup(e, { emit: a }) {
-    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 = () => {
+    const r = D(), l = D(), n = D(!1), s = D(null), { currentYear: d, currentMonth: h, selectedStartDate: p, selectedEndDate: w, yearOptions: c, monthOptions: B, prevMonth: S, nextMonth: $, handleDateSelection: f, selectToday: o, isDateInSelectedRange: i } = ct(e.initialYear, e.initialMonth), v = () => {
       n.value && l.value?.focus(), n.value = !1, s.value = null;
     };
-    ft(r, g, ".calendar-conts");
+    ft(r, v, ".calendar-conts");
     const m = b(() => {
       const L = [
         "krds-input",
@@ -565,7 +565,7 @@ var vt = [
         "cal"
       ];
       return e.size && L.push(e.size), e.class && L.push(e.class), L;
-    }), x = b(() => ["form-conts", "calendar-conts"]), C = b(() => ({
+    }), x = b(() => ["form-conts", "calendar-conts"]), K = b(() => ({
       "krds-calendar-area": !0,
       active: n.value
     })), E = b(() => {
@@ -612,7 +612,7 @@ var vt = [
         class: void 0,
         variant: "tertiary",
         size: "small",
-        handler: g
+        handler: v
       },
       {
         id: "confirm-btn",
@@ -622,22 +622,22 @@ var vt = [
         size: "small",
         handler: O
       }
-    ]), p = (L) => {
+    ]), g = (L) => {
       s.value === L ? s.value = null : s.value = L;
     }, A = (L) => {
       d.value = L, s.value = null;
     }, I = (L) => {
       h.value = L, s.value = null;
     }, O = () => {
-      v.value && (w.value && v.value !== w.value ? a("update:modelValue", `${v.value} ~ ${w.value}`) : a("update:modelValue", v.value), g());
+      p.value && (w.value && p.value !== w.value ? a("update:modelValue", `${p.value} ~ ${w.value}`) : a("update:modelValue", p.value), v());
     }, H = () => {
       n.value = !0, s.value = null, setTimeout(() => {
         r.value?.querySelector(".calendar-wrap")?.focus();
       }, 50);
     }, G = () => {
-      n.value ? g() : H();
+      n.value ? v() : H();
     }, j = (L) => {
-      L.code === "Escape" && (s.value ? s.value = null : n.value && g());
+      L.code === "Escape" && (s.value ? s.value = null : n.value && v());
     }, X = (L) => {
       const R = L.target;
       a("update:modelValue", R.value), a("input", L);
@@ -654,7 +654,7 @@ var vt = [
         class: `btn-cal-switch ${L}`,
         "aria-label": R ? "연도 선택" : "월 선택",
         "aria-expanded": s.value === L,
-        onClick: () => p(L)
+        onClick: () => g(L)
       }, F(V)), ve(t("div", { class: `calendar-select ${R ? "calendar-year-wrap" : "calendar-mon-wrap"}` }, [t("ul", { class: `sel ${L}` }, Y.map((z) => t("li", { key: z }, [t("button", {
         type: "button",
         class: { active: z === V },
@@ -698,7 +698,7 @@ var vt = [
       onClick: G
     }, [t("span", { class: "sr-only" }, "달력 열기"), t("i", { class: "svg-icon ico-calendar" })])]), t("div", {
       ref: r,
-      class: C.value
+      class: K.value
     }, [ve(t("div", {
       class: "calendar-wrap bottom",
       "aria-label": "달력",
@@ -824,7 +824,7 @@ var vt = [
       a("change", o);
     }, h = (o) => {
       a("focus", o);
-    }, v = (o) => {
+    }, p = (o) => {
       a("blur", o);
     }, w = (o) => {
       a("keydown", o);
@@ -847,7 +847,7 @@ var vt = [
         onInput: s,
         onChange: d,
         onFocus: h,
-        onBlur: v,
+        onBlur: p,
         onKeydown: w,
         onKeyup: c
       };
@@ -943,7 +943,7 @@ var vt = [
       onChange: n,
       onFocus: s,
       onBlur: d
-    })), v = b(() => {
+    })), p = b(() => {
       const c = ["form-conts"];
       return e.state !== "default" && c.push(`is-${e.state}`), c;
     }), w = () => {
@@ -962,7 +962,7 @@ var vt = [
     };
     return () => {
       const c = t("select", h.value, w());
-      return e.sort ? c : t("div", { class: v.value }, [c]);
+      return e.sort ? c : t("div", { class: p.value }, [c]);
     };
   }
 }), bt = mt, kt = 0, St = M({
@@ -1067,28 +1067,28 @@ 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`, d = (p) => {
-      const A = p.split(".");
+    const r = D(!1), l = D(null), n = e.id ? `${e.id}-input` : `krds-file-upload-${++kt}`, s = (g) => g < 1024 ? `${g}B` : g < 1048576 ? `${Math.round(g / 1024)}KB` : `${(g / 1048576).toFixed(1)}MB`, d = (g) => {
+      const A = g.split(".");
       return A.length > 1 ? A.pop().toLowerCase() : "";
-    }, h = (p) => {
-      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 `등록 가능한 파일 용량을 초과하였습니다.
+    }, h = (g) => {
+      const A = d(g.name), I = A ? g.name.slice(0, -(A.length + 1)) : g.name;
+      return A ? `${I} [${A}, ${s(g.size)}]` : `${g.name} [${s(g.size)}]`;
+    }, p = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, w = (g) => {
+      if (e.maxFileSize && g.size > e.maxFileSize) return `등록 가능한 파일 용량을 초과하였습니다.
 ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       if (e.accept) {
-        const A = e.accept.split(",").map((H) => H.trim().toLowerCase()), I = `.${d(p.name)}`, O = p.type;
+        const A = e.accept.split(",").map((H) => H.trim().toLowerCase()), I = `.${d(g.name)}`, O = g.type;
         if (!A.some((H) => H.startsWith(".") ? I === H : H.endsWith("/*") ? O.startsWith(H.replace("/*", "/")) : O === H)) return "허용되지 않는 파일 형식입니다.";
       }
       return null;
-    }, c = (p) => {
+    }, c = (g) => {
       if (e.disabled || e.readonly) return;
       let A = [...e.modelValue || []];
       !e.multiple && A.length > 0 && (A = []);
       const I = [];
-      for (let O = 0; O < p.length && !(A.length + I.length >= e.maxFiles); O++) {
-        const H = p[O], G = w(H), j = {
-          id: v(),
+      for (let O = 0; O < g.length && !(A.length + I.length >= e.maxFiles); O++) {
+        const H = g[O], G = w(H), j = {
+          id: p(),
           file: H,
           name: H.name,
           size: H.size,
@@ -1099,25 +1099,25 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
         I.push(j), G ? a("file-error", j, G) : a("file-added", j);
       }
       I.length > 0 && a("update:modelValue", [...A, ...I]);
-    }, B = (p) => {
-      const A = p.target;
+    }, B = (g) => {
+      const A = g.target;
       A.files?.length && (c(A.files), A.value = "");
-    }, S = (p) => {
-      e.disabled || e.readonly || !e.dragAndDrop || (p.preventDefault(), r.value = !0);
+    }, S = (g) => {
+      e.disabled || e.readonly || !e.dragAndDrop || (g.preventDefault(), r.value = !0);
     }, $ = () => {
       r.value = !1;
-    }, f = (p) => {
-      p.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && p.dataTransfer?.files && c(p.dataTransfer.files);
+    }, f = (g) => {
+      g.preventDefault(), r.value = !1, !(e.disabled || e.readonly || !e.dragAndDrop) && g.dataTransfer?.files && c(g.dataTransfer.files);
     }, o = () => {
       e.disabled || e.readonly || l.value?.click();
-    }, i = (p) => {
-      e.disabled || e.readonly || (a("update:modelValue", (e.modelValue || []).filter((A) => A.id !== p)), a("file-removed", p));
-    }, g = () => {
+    }, i = (g) => {
+      e.disabled || e.readonly || (a("update:modelValue", (e.modelValue || []).filter((A) => A.id !== g)), a("file-removed", g));
+    }, v = () => {
       e.disabled || e.readonly || (a("update:modelValue", []), a("clear-all"));
     }, m = b(() => {
-      const p = ["krds-file-upload", "line"];
-      return e.class && p.push(e.class), p;
-    }), x = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), C = () => t("div", {
+      const g = ["krds-file-upload", "line"];
+      return e.class && g.push(e.class), g;
+    }), x = () => t("div", { class: "file-head" }, [t("h3", { class: "tit" }, e.title), t("div", null, [t("p", null, e.description)])]), K = () => t("div", {
       class: "file-upload",
       onDragover: S,
       onDragleave: $,
@@ -1136,55 +1136,55 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
       class: ["krds-btn", e.size],
       disabled: e.disabled || void 0,
       onClick: o
-    }, [t("i", { class: "svg-icon ico-upload" }), "파일선택"])])])]), E = (p) => {
+    }, [t("i", { class: "svg-icon ico-upload" }), "파일선택"])])])]), E = (g) => {
       const A = [];
-      return p.status === "uploading" ? A.push(t("span", {
+      return g.status === "uploading" ? A.push(t("span", {
         class: "krds-spinner",
         role: "status"
-      }, [t("span", { class: "sr-only" }, "업로드 중")])) : p.downloadUrl ? (e.showDownload && A.push(t("button", {
+      }, [t("span", { class: "sr-only" }, "업로드 중")])) : g.downloadUrl ? (e.showDownload && A.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
-        onClick: () => a("download", p)
+        onClick: () => a("download", g)
       }, ["다운로드 ", t("i", { class: "svg-icon ico-down" })])), e.showPreviewButton && A.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
-        onClick: () => a("preview", p)
-      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : p.status === "completed" ? A.push(t("span", { class: "ico-invalid complete" }, [t("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || A.push(t("button", {
+        onClick: () => a("preview", g)
+      }, ["바로보기 ", t("i", { class: "svg-icon ico-angle right" })]))) : g.status === "completed" ? A.push(t("span", { class: "ico-invalid complete" }, [t("em", { class: "sr-only" }, "업로드 완료")])) : e.readonly || A.push(t("button", {
         type: "button",
         class: "krds-btn medium text",
         disabled: e.disabled || void 0,
-        onClick: () => i(p.id)
+        onClick: () => i(g.id)
       }, ["삭제 ", t("i", { class: "svg-icon ico-delete-fill" })])), A;
-    }, T = (p) => {
-      const A = [t("div", { class: p.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, h(p)), t("div", { class: "btn-wrap" }, E(p))])];
-      if (p.status === "error" && p.errorMessage) {
-        const I = p.errorMessage.split(`
+    }, T = (g) => {
+      const A = [t("div", { class: g.downloadUrl ? "file-info m-column" : "file-info" }, [t("div", { class: "file-name" }, h(g)), t("div", { class: "btn-wrap" }, E(g))])];
+      if (g.status === "error" && g.errorMessage) {
+        const I = g.errorMessage.split(`
 `), O = [];
         I.forEach((H, G) => {
           G > 0 && O.push(t("br")), O.push(H);
         }), A.push(t("p", { class: "file-hint-invalid" }, O));
       }
       return t("li", {
-        key: p.id,
-        class: p.status === "error" ? "is-error" : void 0
+        key: g.id,
+        class: g.status === "error" ? "is-error" : void 0
       }, A);
-    }, _ = (p) => {
-      const A = p.filter((O) => O.status !== "error").length, I = [t("div", { class: "total" }, [t("span", { class: "current" }, `${A}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, p.map(T))];
+    }, _ = (g) => {
+      const A = g.filter((O) => O.status !== "error").length, I = [t("div", { class: "total" }, [t("span", { class: "current" }, `${A}개`), ` / ${e.maxFiles}개`]), t("ul", { class: "upload-list" }, g.map(T))];
       return e.showClearAll && !e.readonly && I.push(t("div", { class: "upload-delete-btn" }, [t("button", {
         type: "button",
         class: "krds-btn xsmall tertiary",
         disabled: e.disabled || void 0,
-        onClick: g
+        onClick: v
       }, ["전체 파일 삭제", t("i", { class: "svg-icon ico-angle right" })])])), t("div", { class: "file-list" }, I);
     };
     return () => {
-      const p = [x()];
-      e.readonly || p.push(C());
+      const g = [x()];
+      e.readonly || g.push(K());
       const A = e.modelValue || [];
-      return A.length > 0 && p.push(_(A)), t("div", {
+      return A.length > 0 && g.push(_(A)), t("div", {
         class: m.value,
         style: e.style || void 0
-      }, p);
+      }, g);
     };
   }
 }), wt = St, Kt = M({
@@ -1267,11 +1267,11 @@ ${s(e.maxFileSize)} 미만의 파일만 등록할 수 있습니다.`;
     return () => {
       const d = [], h = r.default?.();
       if (h && d.push(h), e.link || d.push(s()), e.link) {
-        const v = {
+        const p = {
           href: e.href,
           class: l.value
         };
-        return e.target && (v.target = e.target), e.rel && (v.rel = e.rel), t("a", v, d);
+        return e.target && (p.target = e.target), e.rel && (p.rel = e.rel), t("a", p, d);
       }
       return t("span", { class: l.value }, d);
     };
@@ -1371,9 +1371,9 @@ 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)), d = (v) => {
+    const l = `toggle-switch-${oe()}`, n = b(() => e.modelValue), s = b(() => he("krds-form-toggle-switch", e.size, e.class)), d = (p) => {
       if (e.disabled) return;
-      const w = v.target.checked;
+      const w = p.target.checked;
       a("update:modelValue", w), a("change", w);
     }, h = b(() => e.id || l);
     return () => t("div", { class: s.value }, [t("input", {
@@ -1443,16 +1443,16 @@ var _t = M({
       if (e.disabled) return;
       const c = w.target.checked;
       a("update:modelValue", c);
-    }, v = b(() => e.id || n);
+    }, p = b(() => e.id || n);
     return () => {
       const w = [t("input", {
         type: "checkbox",
-        id: v.value,
+        id: p.value,
         checked: s.value,
         disabled: e.disabled,
         onChange: h,
         ...r
-      }), t("label", { for: v.value }, l.default?.())];
+      }), t("label", { for: p.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: d.value }, w);
     };
   }
@@ -1509,18 +1509,18 @@ var _t = M({
       return he(c, e.size, e.class);
     }), h = (c) => {
       e.disabled || c.target.checked && a("update:modelValue", e.value);
-    }, v = b(() => e.id || n), w = b(() => e.name);
+    }, p = b(() => e.id || n), w = b(() => e.name);
     return () => {
       const c = [t("input", {
         type: "radio",
-        id: v.value,
+        id: p.value,
         name: w.value,
         value: String(e.value),
         checked: s.value,
         disabled: e.disabled,
         onChange: h,
         ...r
-      }), t("label", { for: v.value }, l.default?.())];
+      }), t("label", { for: p.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: d.value }, c);
     };
   }
@@ -1542,8 +1542,8 @@ var _t = M({
       const h = ["krds-step-wrap"];
       return e.class && h.push(e.class), h;
     }), l = (h) => {
-      const v = e.modelValue || 0;
-      return h < v ? "done" : h === v ? "active" : "pending";
+      const p = e.modelValue || 0;
+      return h < p ? "done" : h === p ? "active" : "pending";
     }, n = D(0), s = () => {
       n.value = 0;
     }, d = () => n.value++;
@@ -1577,18 +1577,18 @@ 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"), d = b(() => {
-      const v = [s.value];
-      return e.class && v.push(e.class), v;
-    }), h = (v) => {
-      a("click", v, e.step);
+      const p = [s.value];
+      return e.class && p.push(e.class), p;
+    }), h = (p) => {
+      a("click", p, e.step);
     };
     return () => {
-      const v = s.value === "active";
+      const p = s.value === "active";
       return t("li", {
         class: d.value,
         onClick: h
       }, [t("span", [
-        v && t("em", { class: "sr-only" }, "현재단계"),
+        p && t("em", { class: "sr-only" }, "현재단계"),
         t("i", { class: "step" }, e.step),
         t("span", { class: "step-tit" }, e.title),
         r.default?.()
@@ -1710,10 +1710,10 @@ var _t = M({
         o.preventDefault();
         const i = document.querySelector(f.href);
         if (i) {
-          const g = d();
+          const v = d();
           if (window.scrollTo({
             left: 0,
-            top: i.getBoundingClientRect().top + window.scrollY - g,
+            top: i.getBoundingClientRect().top + window.scrollY - v,
             behavior: "smooth"
           }), l.value = f.href, o instanceof KeyboardEvent) {
             const m = i.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
@@ -1721,26 +1721,26 @@ var _t = M({
           }
         }
       }
-    }, v = () => {
+    }, p = () => {
       n.value.clear(), e.items && e.items.filter((f) => f.href.startsWith("#")).forEach((f) => {
         const o = document.querySelector(f.href);
         o && n.value.set(f.href, o);
       });
     }, w = () => {
       if (!e.autoActive || !e.items || n.value.size === 0) return;
-      const f = window.innerHeight, o = Math.ceil(f / 5), i = window.scrollY + f, g = document.body.scrollHeight, m = e.items.filter((_) => _.href.startsWith("#") && n.value.has(_.href)).map((_) => ({
+      const f = window.innerHeight, o = Math.ceil(f / 5), i = window.scrollY + f, v = document.body.scrollHeight, m = e.items.filter((_) => _.href.startsWith("#") && n.value.has(_.href)).map((_) => ({
         href: _.href,
         element: n.value.get(_.href),
         item: _
       }));
       if (m.length === 0) return;
-      const x = m[0], C = m[m.length - 1], E = x.element.offsetTop;
+      const x = m[0], K = m[m.length - 1], E = x.element.offsetTop;
       let T = "";
-      if (i >= g) T = C.href;
+      if (i >= v) T = K.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) {
+        const g = _.element.offsetHeight, A = _.element.offsetTop - o;
+        if (window.scrollY > A && window.scrollY <= A + g) {
           T = _.href;
           break;
         }
@@ -1751,20 +1751,20 @@ var _t = M({
       const f = e.items.find((o) => o.active);
       f ? l.value = f.href : e.items.length > 0 && (l.value = e.items[0].href);
     };
-    ie(() => {
+    re(() => {
       if (c(), e.autoActive) {
-        v(), w(), window.addEventListener("scroll", w, { passive: !0 });
+        p(), w(), window.addEventListener("scroll", w, { passive: !0 });
         const f = new MutationObserver(() => {
-          v();
+          p();
         });
         f.observe(document.body, {
           childList: !0,
           subtree: !0
-        }), re(() => {
+        }), ie(() => {
           f.disconnect();
         });
       }
-    }), re(() => {
+    }), ie(() => {
       e.autoActive && (window.removeEventListener("scroll", w), n.value.clear());
     });
     const B = () => !e.caption && !e.title ? null : t("div", { class: "in-page-navigation-header" }, [e.caption && t("p", { class: "quick-caption" }, e.caption), e.title && t("p", { class: "quick-title" }, e.title)]), S = () => {
@@ -1774,9 +1774,9 @@ var _t = M({
         return t("li", { key: o.href }, [t("a", {
           href: o.href,
           class: i ? "active" : "",
-          onClick: (g) => h(o, g),
-          onKeydown: (g) => {
-            (g.key === "Enter" || g.key === " ") && (g.preventDefault(), h(o, g));
+          onClick: (v) => h(o, v),
+          onKeydown: (v) => {
+            (v.key === "Enter" || v.key === " ") && (v.preventDefault(), h(o, v));
           }
         }, o.text)]);
       });
@@ -1836,41 +1836,41 @@ var _t = M({
     }), h = b(() => {
       if (!s.value)
         return "#";
-    }), v = b(() => {
+    }), p = b(() => {
       const { max: $ } = e, f = e.pageRange ?? Se, o = 1, i = [];
-      if ($ <= f + 2) for (let g = r.value; g <= $; g++) i.push({
+      if ($ <= f + 2) for (let v = r.value; v <= $; v++) i.push({
         type: "page",
-        key: `page-${g}`,
-        page: g,
+        key: `page-${v}`,
+        page: v,
         href: "#"
       });
       else {
-        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({
+        const v = Math.min(o, $), m = Math.max($ - o + 1, 1), x = Math.max(r.value, l.value - Math.floor(f / 2)), K = Math.min($, x + f - 1), E = Math.max(r.value, K - f + 1);
+        for (let g = r.value; g <= v; g++) i.push({
           type: "page",
-          key: `page-${p}`,
-          page: p,
+          key: `page-${g}`,
+          page: g,
           href: "#"
         });
-        E > g + 1 && i.push({
+        E > v + 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-left"
         });
-        const T = Math.max(E, g + 1), _ = Math.min(C, m - 1);
-        for (let p = T; p <= _; p++) i.push({
+        const T = Math.max(E, v + 1), _ = Math.min(K, m - 1);
+        for (let g = T; g <= _; g++) i.push({
           type: "page",
-          key: `page-${p}`,
-          page: p,
+          key: `page-${g}`,
+          page: g,
           href: "#"
         });
-        C < m - 1 && i.push({
+        K < m - 1 && i.push({
           type: "ellipsis",
           key: "ellipsis-right"
         });
-        for (let p = m; p <= $; p++) i.push({
+        for (let g = m; g <= $; g++) i.push({
           type: "page",
-          key: `page-${p}`,
-          page: p,
+          key: `page-${g}`,
+          page: g,
           href: "#"
         });
       }
@@ -1922,7 +1922,7 @@ var _t = M({
         ],
         onClick: c
       }, "이전"),
-      t("div", { class: "page-links" }, v.value.map(S)),
+      t("div", { class: "page-links" }, p.value.map(S)),
       t(s.value ? "span" : "a", {
         href: s.value ? void 0 : h.value,
         class: [
@@ -1983,23 +1983,23 @@ var _t = M({
   setup(e, { slots: a }) {
     const r = D(), l = D(), n = D(), s = D(), d = D(!1), h = () => {
       const o = d.value;
-      c(), o || v();
-    }, v = () => {
+      c(), o || p();
+    }, p = () => {
       !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 || (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");
+      o.forEach((v) => {
+        v.style.display = "none";
+      }), i.forEach((v) => {
+        v.setAttribute("aria-expanded", "false");
       }), 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), x = document.body.clientWidth - parseInt(g) * 2;
+        const v = getComputedStyle(document.querySelector(":root")).getPropertyValue("--krds-contents-padding-x").trim().split("px")[0], m = i.getBoundingClientRect().left - parseInt(v), x = document.body.clientWidth - parseInt(v) * 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";
@@ -2010,9 +2010,9 @@ var _t = M({
     }, f = () => {
       d.value && B();
     };
-    return ie(() => {
+    return re(() => {
       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(() => {
+    }), ie(() => {
       document.removeEventListener("keydown", S), document.removeEventListener("click", $), window.removeEventListener("resize", f);
     }), () => t("div", {
       ref: r,
@@ -2067,8 +2067,8 @@ var _t = M({
   },
   setup(e, { emit: a, slots: r }) {
     const l = b(() => {
-      const v = e.activeStep - 1;
-      return e.stepsData && v >= 0 && v < e.stepsData.length ? e.stepsData[v] : null;
+      const p = e.activeStep - 1;
+      return e.stepsData && p >= 0 && p < e.stepsData.length ? e.stepsData[p] : null;
     }), n = () => {
       e.activeStep > 1 && a("update:modelValue", e.activeStep - 1);
     }, s = () => {
@@ -2076,11 +2076,11 @@ var _t = M({
     }, d = () => {
       a("close");
     }, h = () => {
-      const v = l.value;
-      return e.modelValue !== e.activeStep || !v ? null : t("div", { class: "coach-balloon" }, [
+      const p = l.value;
+      return e.modelValue !== e.activeStep || !p ? null : t("div", { class: "coach-balloon" }, [
         t("h5", { class: "sr-only" }, "따라하기 가이드"),
-        t("h6", { class: "coach-tit" }, `${e.activeStep}단계 : ${v.title}`),
-        t("p", { class: "desc" }, v.description),
+        t("h6", { class: "coach-tit" }, `${e.activeStep}단계 : ${p.title}`),
+        t("p", { class: "desc" }, p.description),
         t("div", { class: "coach-controls" }, [t("div", { class: "num" }, [
           t("span", { class: "sr-only" }, "현재 단계"),
           t("strong", null, String(e.activeStep)),
@@ -2135,7 +2135,7 @@ var _t = M({
     }
   },
   setup(e, { slots: a }) {
-    const r = D(null), l = D(null), n = D(!1), s = D({}), d = `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), p = 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(() => {
@@ -2145,10 +2145,10 @@ var _t = M({
       if (!r.value || !l.value) return;
       const m = r.value.querySelector("button");
       if (!m) return;
-      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;
+      const x = 12, { clientHeight: K, clientWidth: E } = l.value, { top: T, left: _, right: g, 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, 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);
+      h.value || e.box || e.vertical ? (T + A > H ? (G = T - K - x, X.push("top")) : (G = T + A + x, X.push("bottom")), _ + I > O ? (j = g - 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 - K) / 2, _ + I > O ? (j = _ - E - x, X.push("right")) : j = g + x);
       const le = window.innerWidth <= 420;
       s.value = {
         top: `${G}px`,
@@ -2163,16 +2163,16 @@ var _t = M({
       (m.key === "Escape" || m.key === "Esc") && n.value && f();
     }, i = () => {
       h.value = B(), n.value && f();
-    }, g = () => {
+    }, v = () => {
       n.value && f();
     };
-    return ie(() => {
-      h.value = B(), document.addEventListener("keydown", o), window.addEventListener("scroll", g), window.addEventListener("resize", i);
-    }), re(() => {
-      document.removeEventListener("keydown", o), window.removeEventListener("scroll", g), window.removeEventListener("resize", i);
+    return re(() => {
+      h.value = B(), document.addEventListener("keydown", o), window.addEventListener("scroll", v), window.addEventListener("resize", i);
+    }), ie(() => {
+      document.removeEventListener("keydown", o), window.removeEventListener("scroll", v), window.removeEventListener("resize", i);
     }), () => t("div", { ref: r }, [t("button", {
       type: "button",
-      class: v.value,
+      class: p.value,
       disabled: e.disabled,
       "aria-labelledby": d,
       onMouseover: $,
@@ -2221,14 +2221,14 @@ var _t = M({
       l.value = !l.value, l.value && n.value && w();
     }, h = () => {
       l.value = !1;
-    }, v = (i) => {
+    }, p = (i) => {
       a("update:modelValue", i), h(), a("close"), s.value?.focus();
     }, w = () => {
       if (!n.value) return;
       const i = n.value.querySelector(".drop-menu");
       if (!i) return;
-      const g = i.getBoundingClientRect(), m = window.innerWidth;
-      n.value.classList.remove("drop-left", "drop-right"), g.left < 0 ? n.value.classList.add("drop-left") : m < g.left + g.width && n.value.classList.add("drop-right");
+      const v = i.getBoundingClientRect(), m = window.innerWidth;
+      n.value.classList.remove("drop-left", "drop-right"), v.left < 0 ? n.value.classList.add("drop-left") : m < v.left + v.width && n.value.classList.add("drop-right");
     }, c = (i) => {
       i.key === "Escape" && (h(), s.value?.focus());
     }, B = (i) => {
@@ -2240,12 +2240,12 @@ var _t = M({
       n.value.querySelectorAll(".drop-list .item-link").forEach((m) => {
         m.style.position = "relative", m.style.zIndex = "0";
       });
-      const g = i.target;
-      g.style.zIndex = "1";
+      const v = i.target;
+      v.style.zIndex = "1";
     };
     se(l, (i) => {
       i ? (document.addEventListener("keydown", c), document.addEventListener("click", B)) : (document.removeEventListener("keydown", c), document.removeEventListener("click", B));
-    }), re(() => {
+    }), ie(() => {
       document.removeEventListener("keydown", c), document.removeEventListener("click", B);
     });
     const f = () => t("ul", { class: "drop-list" }, e.languageList.map((i) => t("li", { key: i.code }, [t("a", {
@@ -2253,7 +2253,7 @@ var _t = M({
       class: ["item-link", { active: e.modelValue === i.code }],
       lang: i.code,
       "aria-selected": e.modelValue === i.code,
-      onClick: ge(() => v(i.code), ["prevent"]),
+      onClick: ge(() => p(i.code), ["prevent"]),
       onFocus: $
     }, [
       i.name,
@@ -2333,36 +2333,36 @@ var _t = M({
       }
     ], h = () => {
       r.value = !r.value, r.value && l.value && B();
-    }, v = () => {
+    }, p = () => {
       r.value = !1;
     }, w = (i) => {
-      v(), a("close"), n.value?.focus(), s.value = i.key, document.body.style.zoom = i?.zoom;
+      p(), a("close"), n.value?.focus(), s.value = i.key, document.body.style.zoom = i?.zoom;
     }, c = () => {
-      const i = d.find((g) => g.key === "md");
+      const i = d.find((v) => v.key === "md");
       i && w(i);
     }, B = () => {
       if (!l.value) return;
       const i = l.value.querySelector(".drop-menu");
       if (!i) return;
-      const g = i.getBoundingClientRect(), m = window.innerWidth;
-      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");
+      const v = i.getBoundingClientRect(), m = window.innerWidth;
+      l.value.classList.remove("drop-left", "drop-right"), v.left < 0 ? l.value.classList.add("drop-left") : m < v.left + v.width && l.value.classList.add("drop-right");
     }, S = (i) => {
-      i.key === "Escape" && (v(), n.value?.focus());
+      i.key === "Escape" && (p(), n.value?.focus());
     }, $ = (i) => {
-      l.value?.contains(i.target) || v();
+      l.value?.contains(i.target) || p();
     }, f = (i) => {
-      l.value?.contains(i.relatedTarget) || v();
+      l.value?.contains(i.relatedTarget) || p();
     }, o = (i) => {
       if (!l.value) return;
       l.value.querySelectorAll(".drop-list .item-link").forEach((m) => {
         m.style.position = "relative", m.style.zIndex = "0";
       });
-      const g = i.target;
-      g.style.zIndex = "1";
+      const v = i.target;
+      v.style.zIndex = "1";
     };
     return se(r, (i) => {
       i ? (document.addEventListener("keydown", S), document.addEventListener("click", $)) : (document.removeEventListener("keydown", S), document.removeEventListener("click", $));
-    }), re(() => {
+    }), ie(() => {
       document.removeEventListener("keydown", S), document.removeEventListener("click", $);
     }), () => t("div", {
       ref: l,
@@ -2432,51 +2432,51 @@ var _t = M({
   setup(e, { slots: a, emit: r }) {
     const l = xe()?.uid, n = b(() => e.modalId ?? `krds-modal-${l}`), s = b({
       get: () => e.modelValue,
-      set: (i) => r("update:modelValue", i)
+      set: (v) => r("update:modelValue", v)
     }), d = b(() => `tit_${n.value}`), h = b(() => ({
       small: "modal-sm",
       medium: "modal-md",
       large: "modal-lg"
-    })[e.size]), v = () => {
+    })[e.size]), p = () => {
       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"), $ = (i) => {
-      if (!B.value || i.key !== "Tab") return;
-      const g = S(B.value);
-      if (g.length === 0) {
-        i.preventDefault();
+    const B = D(null), S = (v) => Array.from(v.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((m) => !m.hasAttribute("disabled") && m.getAttribute("tabindex") !== "-1"), $ = (v) => {
+      if (!B.value || v.key !== "Tab") return;
+      const m = S(B.value);
+      if (m.length === 0) {
+        v.preventDefault();
         return;
       }
-      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();
+      const x = m[0], K = m[m.length - 1];
+      v.shiftKey && document.activeElement === x ? (v.preventDefault(), K.focus()) : !v.shiftKey && document.activeElement === K && (v.preventDefault(), x.focus());
+    }, f = (v) => {
+      v.key === "Escape" && !e.persistent && p();
     }, o = () => {
       document.body.style.overflow = w, document.removeEventListener("keydown", $), document.removeEventListener("keydown", f), c && (c.focus(), c = null), B.value = null;
+    }, i = async () => {
+      w = document.body.style.overflow, document.body.style.overflow = "hidden", c = document.activeElement, await ce();
+      const v = document.getElementById(n.value);
+      if (v) {
+        B.value = v;
+        const m = v.querySelector(".modal-conts");
+        m && (m.setAttribute("tabindex", "-1"), m.focus()), document.addEventListener("keydown", $), document.addEventListener("keydown", f);
+      }
     };
-    return se(() => e.modelValue, async (i) => {
-      if (i) {
-        w = document.body.style.overflow, document.body.style.overflow = "hidden", c = document.activeElement, await ce();
-        const g = document.getElementById(n.value);
-        if (g) {
-          B.value = g;
-          const m = g.querySelector(".modal-conts");
-          m && (m.setAttribute("tabindex", "-1"), m.focus()), document.addEventListener("keydown", $), document.addEventListener("keydown", f);
-        }
-      } else o();
-    }, { immediate: !0 }), fe(() => {
+    return se(() => e.modelValue, (v) => v ? i() : o()), re(() => {
+      e.modelValue && i();
+    }), fe(() => {
       e.modelValue && o();
     }), () => {
       if (!s.value) return null;
-      const i = {
+      const v = {
         id: n.value,
         class: "krds-modal fade in shown",
         role: "dialog",
         "aria-modal": !0,
         "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" }, [
+      return e.full ? v["data-type"] = "full" : e.bottomSheet && (v["data-type"] = "bottom-sheet"), t(Ce, { to: "body" }, t("section", v, [t("div", { class: `modal-dialog ${h.value}` }, [t("div", { class: "modal-content" }, [
         a.title ? t("div", { class: "modal-header" }, [t("h2", {
           id: d.value,
           class: "modal-title"
@@ -2486,11 +2486,11 @@ var _t = M({
         t("button", {
           type: "button",
           class: "krds-btn medium icon btn-close close-modal",
-          onClick: v
+          onClick: p
         }, [t("span", { class: "sr-only" }, "닫기"), t("i", { class: "svg-icon ico-popup-close" })])
       ].filter(Boolean))]), t("div", {
         class: e.backdrop ? "modal-back in" : "modal-back",
-        onClick: e.persistent ? void 0 : v
+        onClick: e.persistent ? void 0 : p
       })]));
     };
   }
@@ -2608,27 +2608,27 @@ var _t = M({
           r.value = !0;
         }, l.onend = () => {
           r.value = !1, l = null, a("end");
-        }, l.onerror = (v) => {
-          r.value = !1, l = null, v.error !== "canceled" && a("error", new Error(v.error));
+        }, l.onerror = (p) => {
+          r.value = !1, l = null, p.error !== "canceled" && a("error", new Error(p.error));
         }, window.speechSynthesis.speak(l), a("play", e.text);
       }
     }, 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;
+      const p = ["krds-tts"];
+      return e.size && p.push(e.size), r.value ? p.push("pause") : e.icon === "play" && p.push("play"), e.class && p.push(e.class), p;
     }), h = b(() => r.value ? "ico-stop" : e.icon === "play" ? "ico-play" : "ico-volume");
     return fe(() => {
       n();
     }), () => {
-      const v = [t("span", {
+      const p = [t("span", {
         class: "krds-tts-icon",
         "aria-hidden": "true"
       }, [t("i", { class: `svg-icon ${h.value}` })])];
-      return e.label && v.push(t("span", { class: "krds-tts-text" }, e.label)), t("button", {
+      return e.label && p.push(t("span", { class: "krds-tts-text" }, e.label)), t("button", {
         type: "button",
         class: d.value,
         disabled: e.disabled || void 0,
         onClick: s
-      }, v);
+      }, p);
     };
   }
 }), ba = ma, ka = M({
@@ -2663,11 +2663,11 @@ var _t = M({
     }, h = (f, o) => {
       if (o.style)
         return typeof o.style == "function" ? o.style(f) : o.style;
-    }, v = (f, o) => {
+    }, p = (f, o) => {
       const i = [];
       if (o.align && i.push(`text-${o.align}`), o.classes) {
-        const g = typeof o.classes == "function" ? o.classes(f) : o.classes;
-        i.push(g);
+        const v = typeof o.classes == "function" ? o.classes(f) : o.classes;
+        i.push(v);
       }
       return i.length > 0 ? i : void 0;
     }, w = () => !e.columns.length || !e.columns.some((f) => f.headerStyle && f.headerStyle.includes("width")) ? null : t("colgroup", e.columns.map((f) => {
@@ -2677,10 +2677,10 @@ var _t = M({
     })), c = () => {
       if (!e.columns.length) return null;
       const f = e.columns.map((o) => {
-        const i = s(o), g = d(o);
+        const i = s(o), v = d(o);
         return t("th", {
           scope: "col",
-          class: g,
+          class: v,
           style: i
         }, o.label);
       });
@@ -2691,15 +2691,15 @@ 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, x) => {
-          const C = B(o, m), E = typeof C == "function" ? C() : C, T = h(o, m), _ = v(o, m);
+        const v = e.columns.map((m, x) => {
+          const K = B(o, m), E = typeof K == "function" ? K() : K, T = h(o, m), _ = p(o, m);
           return t(x === 0 ? "th" : "td", {
             scope: x === 0 ? "row" : void 0,
             class: _,
             style: T
           }, E);
         });
-        return t("tr", { onClick: () => $(o, i) }, g);
+        return t("tr", { onClick: () => $(o, i) }, v);
       });
       return t("tbody", f);
     }, $ = (f, o) => {
@@ -2762,8 +2762,8 @@ var _t = M({
       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, d = () => a.bottom ? t("div", { class: "f-btm" }, a.bottom()) : null;
     return () => {
-      const h = l(), v = n(), w = s(), c = d(), B = [];
-      v && B.push(v), w && B.push(w), c && B.push(c);
+      const h = l(), p = n(), w = s(), c = d(), B = [];
+      p && B.push(p), 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", {
         id: e.id,
@@ -2851,15 +2851,15 @@ var _t = M({
     "scroll-height": (e) => !0
   },
   setup(e, { slots: a, emit: r }) {
-    const l = D(0), n = D(0), s = D(0), d = 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), p = 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 = () => {
       if (!h.value || !e.enableScrollDetection) return;
       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"), 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;
+      const o = f.offsetTop, i = window.scrollY, v = i > s.value, m = i < s.value;
+      i > o + Ta ? v ? (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,
@@ -2869,20 +2869,20 @@ var _t = M({
       });
     }, S = (f) => {
       for (const o of f) {
-        const { width: i, height: g } = o.contentRect;
+        const { width: i, height: v } = o.contentRect;
         r("resize", {
           width: i,
-          height: g
+          height: v
         });
       }
     }, $ = b(() => {
       const f = ["g-wrap"];
       return e.class && f.push(e.class), f;
     });
-    return ie(() => {
-      e.enableScrollDetection && (w(), window.addEventListener("scroll", B, { passive: !0 })), h.value && typeof ResizeObserver < "u" && (v.value = new ResizeObserver(S), v.value.observe(h.value));
-    }), re(() => {
-      e.enableScrollDetection && window.removeEventListener("scroll", B), v.value && (v.value.disconnect(), v.value = null);
+    return re(() => {
+      e.enableScrollDetection && (w(), window.addEventListener("scroll", B, { passive: !0 })), h.value && typeof ResizeObserver < "u" && (p.value = new ResizeObserver(S), p.value.observe(h.value));
+    }), ie(() => {
+      e.enableScrollDetection && window.removeEventListener("scroll", B), p.value && (p.value.disconnect(), p.value = null);
     }), () => t("div", {
       id: e.id,
       class: $.value,
@@ -2903,40 +2903,40 @@ 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()), d = D(null), h = (x, C, E) => {
-      const T = `${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, K, E) => {
+      const T = `${K}-${E}`;
       x ? l.value.set(T, x) : l.value.delete(T);
-    }, v = (x, C, E) => {
-      const T = `${C}-${E}`;
+    }, p = (x, K, E) => {
+      const T = `${K}-${E}`;
       x ? n.value.set(T, x) : n.value.delete(T);
-    }, w = (x, C, E) => {
-      const T = `${C}-${E}`;
+    }, w = (x, K, E) => {
+      const T = `${K}-${E}`;
       x ? s.value.set(T, x) : s.value.delete(T);
     }, c = (x) => {
-      a("update:modelValue", r.value.map((C, E) => {
-        if (E === x && C.subItems) {
-          const T = C.expanded, _ = {
-            ...C,
-            expanded: !C.expanded
+      a("update:modelValue", r.value.map((K, E) => {
+        if (E === x && K.subItems) {
+          const T = K.expanded, _ = {
+            ...K,
+            expanded: !K.expanded
           };
-          return T && !_.expanded && (_.subItems = C.subItems.map((p) => ({
-            ...p,
+          return T && !_.expanded && (_.subItems = K.subItems.map((g) => ({
+            ...g,
             expanded: !1
           })), d.value = null), _;
         }
-        return C;
+        return K;
       }));
-    }, B = (x, C) => {
+    }, B = (x, K) => {
       a("update:modelValue", r.value.map((E, T) => T === x && E.subItems ? {
         ...E,
-        subItems: E.subItems.map((_, p) => {
-          if (p === C && _.subItems) {
+        subItems: E.subItems.map((_, g) => {
+          if (g === K && _.subItems) {
             const A = {
               ..._,
               expanded: !_.expanded
             };
             if (A.expanded) {
-              const I = `${x}-${C}`;
+              const I = `${x}-${K}`;
               d.value = l.value.get(I) || null;
               const O = n.value.get(I), H = s.value.get(I);
               O && H && O.addEventListener("transitionend", () => {
@@ -2948,11 +2948,11 @@ var _t = M({
           return _;
         })
       } : E));
-    }, S = (x, C) => {
+    }, S = (x, K) => {
       a("update:modelValue", r.value.map((E, T) => T === x && E.subItems ? {
         ...E,
-        subItems: E.subItems.map((_, p) => {
-          if (p === C && _.subItems && _.expanded) {
+        subItems: E.subItems.map((_, g) => {
+          if (g === K && _.subItems && _.expanded) {
             if (d.value) {
               const A = d.value;
               requestAnimationFrame(() => {
@@ -2967,55 +2967,55 @@ var _t = M({
           return _;
         })
       } : E));
-    }, $ = (x, C, E) => {
-      const T = `${C}-${E}`, _ = n.value.get(T);
-      _ && !_.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}-${_}`,
+    }, $ = (x, K, E) => {
+      const T = `${K}-${E}`, _ = n.value.get(T);
+      _ && !_.contains(x.relatedTarget) && S(K, E);
+    }, f = (x, K) => {
+      S(x, K);
+    }, o = (x, K) => {
+      x.onClick && x.onClick(K);
+    }, i = (x, K, E) => x.map((T, _) => t("li", {
+      key: `popup-item-${K}-${E}-${_}`,
       role: "none"
     }, t("a", {
       href: T.href || "#",
       class: "lnb-btn",
       role: "menuitem",
-      onClick: (p) => o(T, p)
-    }, T.text))), g = (x, C) => x.map((E, T) => {
-      const _ = `lnb-subitem-${C}-${T}`;
+      onClick: (g) => o(T, g)
+    }, T.text))), v = (x, K) => x.map((E, T) => {
+      const _ = `lnb-subitem-${K}-${T}`;
       return t("li", {
         key: _,
         class: ["lnb-subitem", { active: E.expanded }],
         role: "none"
       }, [E.subItems ? [t("button", {
-        ref: (p) => h(p, C, T),
+        ref: (g) => h(g, K, T),
         type: "button",
         class: "lnb-btn lnb-toggle-popup",
         role: "menuitem",
-        "aria-controls": `lnbmenu-${C}-${T}`,
+        "aria-controls": `lnbmenu-${K}-${T}`,
         "aria-expanded": E.expanded ? "true" : "false",
         "aria-haspopup": "true",
-        onClick: () => B(C, T)
+        onClick: () => B(K, T)
       }, E.text), t("div", {
-        ref: (p) => v(p, C, T),
-        id: `lnbmenu-${C}-${T}`,
+        ref: (g) => p(g, K, T),
+        id: `lnbmenu-${K}-${T}`,
         class: ["lnb-submenu-lv2", { active: E.expanded }],
         role: "menu",
-        onFocusout: (p) => $(p, C, T)
+        onFocusout: (g) => $(g, K, T)
       }, [t("button", {
-        ref: (p) => w(p, C, T),
+        ref: (g) => w(g, K, T),
         type: "button",
         class: "lnb-btn-tit",
-        onClick: () => f(C, T)
-      }, E.popupTitle || E.text), t("ul", {}, i(E.subItems || [], C, T))])] : t("a", {
+        onClick: () => f(K, T)
+      }, E.popupTitle || E.text), t("ul", {}, i(E.subItems || [], K, T))])] : t("a", {
         href: E.href || "#",
         class: ["lnb-btn", "lnb-link"],
         role: "menuitem",
-        onClick: (p) => o(E, p)
+        onClick: (g) => o(E, g)
       }, E.text)]);
-    }), m = () => r.value.map((x, C) => t("li", {
-      key: `lnb-item-${C}`,
+    }), m = () => r.value.map((x, K) => t("li", {
+      key: `lnb-item-${K}`,
       class: ["lnb-item", { active: x.expanded }],
       role: "none"
     }, [t("button", {
@@ -3026,13 +3026,13 @@ var _t = M({
         { active: x.expanded }
       ],
       role: "menuitem",
-      "aria-controls": `lnbmenu-${C}`,
+      "aria-controls": `lnbmenu-${K}`,
       "aria-expanded": x.expanded ? "true" : "false",
-      onClick: () => c(C)
+      onClick: () => c(K)
     }, x.text), x.subItems ? t("div", { class: "lnb-submenu" }, [t("ul", {
-      id: `lnbmenu-${C}`,
+      id: `lnbmenu-${K}`,
       role: "menu"
-    }, g(x.subItems, C))]) : null]));
+    }, v(x.subItems, K))]) : null]));
     return () => t("nav", { class: "krds-side-navigation" }, [t("h2", { class: "lnb-tit" }, e.title), t("ul", {
       class: "lnb-list",
       role: "menubar"
@@ -3149,20 +3149,20 @@ var _t = M({
   },
   slots: Object,
   setup(e, { emit: a, slots: r }) {
-    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 ? {
+    const l = oe(), n = D(null), s = D(null), d = D(null), h = b(() => e.variant === "pc"), p = (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 = (u, y) => {
+    } : {}, v = (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));
+    }, m = D(-1), x = D({}), K = D(0), E = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), _ = (u, y, C) => {
+      y ? u.set(C, y) : u.delete(C);
+    }, g = (u) => {
+      const y = u?.subItems?.findIndex((C) => !o(C));
       return y === void 0 ? -1 : y;
     }, A = (u) => {
       const y = x.value[u];
-      return y === void 0 ? p(e.items[u]) : y;
+      return y === void 0 ? g(e.items[u]) : y;
     }, I = (u) => {
       if (typeof document > "u") return;
       document.body.classList.toggle("is-gnb-web", u);
@@ -3171,11 +3171,11 @@ var _t = M({
     }, O = async () => {
       await ce();
       const u = E.get(m.value)?.querySelector(".gnb-sub-list.active");
-      C.value = u?.scrollHeight ?? 0;
+      K.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), u && T.get(y)?.focus();
+      m.value = -1, K.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) {
@@ -3193,8 +3193,8 @@ var _t = M({
       const y = n.value;
       !y || y.contains(u.target) || H();
     }, le = (u) => {
-      const y = n.value, K = u.relatedTarget;
-      !y || !K || y.contains(K) || H();
+      const y = n.value, C = u.relatedTarget;
+      !y || !C || y.contains(C) || H();
     }, de = (u) => {
       if (u.key === "Escape") {
         H(!0);
@@ -3202,7 +3202,7 @@ var _t = M({
       }
       const y = u.target;
       if (!y?.dataset.trigger) return;
-      const K = (k) => {
+      const C = (k) => {
         const P = y.closest("li");
         (k === "next" ? P?.nextElementSibling : P?.previousElementSibling)?.querySelector("[data-trigger]")?.focus();
       };
@@ -3215,14 +3215,14 @@ var _t = M({
           break;
         case "ArrowRight":
         case "ArrowDown":
-          u.preventDefault(), K("next");
+          u.preventDefault(), C("next");
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          u.preventDefault(), K("prev");
+          u.preventDefault(), C("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 = (u, y, K) => {
-      y ? u.set(K, y) : u.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, C) => {
+      y ? u.set(C, y) : u.delete(C);
     };
     let J, ee;
     const ue = (u) => {
@@ -3241,8 +3241,8 @@ var _t = M({
     });
     const Ae = (u, y) => {
       u.preventDefault(), ae.value = y;
-      const K = d.value, k = V.get(y);
-      K && k && K.scrollTo({
+      const C = d.value, k = V.get(y);
+      C && k && C.scrollTo({
         left: 0,
         top: k.offsetTop,
         behavior: "smooth"
@@ -3250,10 +3250,10 @@ var _t = M({
     }, Me = () => {
       const u = d.value;
       if (!u) return;
-      const { scrollTop: y, scrollHeight: K, clientHeight: k } = u;
+      const { scrollTop: y, scrollHeight: C, clientHeight: k } = u;
       let P = ae.value;
       V.forEach((q, W) => {
-        (y >= q.offsetTop || y + k >= K) && (P = W);
+        (y >= q.offsetTop || y + k >= C) && (P = W);
       }), ae.value = P;
     }, Ve = (u, y) => {
       u.preventDefault(), Q.value = {
@@ -3267,9 +3267,9 @@ var _t = M({
         L.value || (ne.value = null);
       }, we);
     }, 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;
+      const C = Array.from(u.querySelectorAll(Oa));
+      if (!C.length) return;
+      const k = C[0], P = C[C.length - 1], q = document.activeElement;
       y.shiftKey && (q === k || q === u) ? (y.preventDefault(), P.focus()) : !y.shiftKey && q === P && (y.preventDefault(), k.focus());
     }, Fe = (u) => {
       if (u.key === "Escape") {
@@ -3280,28 +3280,28 @@ var _t = M({
       const y = L.value ? z.get(L.value) : s.value;
       y && ze(y, u);
     };
-    ie(() => {
+    re(() => {
       if (h.value) {
         document.addEventListener("click", X);
         return;
       }
       e.open && (R.value = !0, Y.value = !0, ue(!0));
       const u = {};
-      e.items.forEach((y, K) => {
+      e.items.forEach((y, C) => {
         y.subItems?.forEach((k, P) => {
-          k.expanded && (u[`${K}-${P}`] = !0);
+          k.expanded && (u[`${C}-${P}`] = !0);
         });
       }), 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 = (u) => {
-      const y = u.some((k) => !!k.description), K = u.map((k, P) => {
+      const y = u.some((k) => !!k.description), C = 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 || "#",
           ...q,
-          onClick: (te) => g(k, te)
+          onClick: (te) => v(k, te)
         }, [k.text, W])]), k.description ? t("p", { class: "txt" }, k.description) : null]);
         const Z = k.href ? "a" : "button";
         return t("li", { key: `link-${P}` }, [t(Z, {
@@ -3310,10 +3310,10 @@ var _t = M({
             ...q
           } : { type: "button" },
           class: { active: k.selected },
-          onClick: (te) => g(k, te)
+          onClick: (te) => v(k, te)
         }, [k.text, W])]);
       });
-      return t("ul", { class: y ? "type-description" : void 0 }, K);
+      return t("ul", { class: y ? "type-description" : void 0 }, C);
     }, me = (u) => {
       const y = u.titleLink ? [u.title, t("a", {
         href: u.titleLink.href,
@@ -3327,29 +3327,29 @@ var _t = M({
           "single-list": u.single
         }]
       }, [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";
+    }, Ie = (u, y) => (u.subItems ?? []).map((C, k) => {
+      if (o(C)) {
+        const W = C.href ? "a" : "button";
         return t("li", { key: `sub-${k}` }, [t(W, {
-          ...K.href ? {
-            href: K.href,
-            ...i(K.external)
+          ...C.href ? {
+            href: C.href,
+            ...i(C.external)
           } : { type: "button" },
           class: [
             "gnb-sub-trigger",
             "is-link",
             {
-              "external-link": K.external,
-              selected: K.selected
+              "external-link": C.external,
+              selected: C.selected
             }
           ],
           "data-trigger": "gnb",
-          onClick: (Z) => g(K, Z)
-        }, K.text)]);
+          onClick: (Z) => v(C, Z)
+        }, C.text)]);
       }
-      const P = A(y) === k, q = K.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
+      const P = A(y) === k, q = C.banner && r.banner ? t("div", { class: "gnb-sub-banner" }, r.banner({
         item: u,
-        subItem: K,
+        subItem: C,
         index: y,
         subIndex: k
       })) : null;
@@ -3357,26 +3357,26 @@ var _t = M({
         type: "button",
         class: ["gnb-sub-trigger", {
           active: P,
-          selected: K.selected
+          selected: C.selected
         }],
         "data-trigger": "gnb",
         "aria-controls": w(y, k),
         "aria-expanded": P ? "true" : "false",
         "aria-haspopup": "true",
         onClick: (W) => {
-          j(y, k), g(K, W);
+          j(y, k), v(C, W);
         }
-      }, K.text), me({
+      }, C.text), me({
         id: w(y, k),
-        title: K.title || K.text,
-        titleLink: K.titleLink,
-        linkItems: K.items ?? [],
-        layout: K.layout,
+        title: C.title || C.text,
+        titleLink: C.titleLink,
+        linkItems: C.items ?? [],
+        layout: C.layout,
         active: P,
         banner: q
       })]);
     }), He = (u, y) => {
-      const K = m.value === y, k = S(u), P = k ? [t("ul", {}, Ie(u, y))] : [me({
+      const C = 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,
@@ -3388,38 +3388,38 @@ var _t = M({
         })) : null
       })];
       return t("div", {
-        id: v(y),
-        class: ["gnb-toggle-wrap", { "is-open": K }]
+        id: p(y),
+        class: ["gnb-toggle-wrap", { "is-open": C }]
       }, [t("div", {
         ref: (q) => _(E, q, y),
         class: "gnb-main-list",
         ...k ? { "data-has-submenu": "true" } : {},
-        style: K && C.value ? { minHeight: `${C.value}px` } : void 0
+        style: C && K.value ? { minHeight: `${K.value}px` } : void 0
       }, P)]);
     }, Ne = () => {
-      const u = e.items.map((K, k) => {
-        const P = f(K), q = m.value === k, W = !P && K.href ? "a" : "button", Z = t(W, {
+      const u = e.items.map((C, k) => {
+        const P = f(C), q = m.value === k, W = !P && C.href ? "a" : "button", Z = t(W, {
           ref: (te) => _(T, te, k),
           ...W === "a" ? {
-            href: K.href,
-            ...i(K.external)
+            href: C.href,
+            ...i(C.external)
           } : { type: "button" },
           class: ["gnb-main-trigger", {
             active: q,
             "is-link": !P,
-            selected: K.selected
+            selected: C.selected
           }],
           "data-trigger": "gnb",
           ...P ? {
-            "aria-controls": v(k),
+            "aria-controls": p(k),
             "aria-expanded": q ? "true" : "false",
             "aria-haspopup": "true"
           } : {},
           onClick: (te) => {
-            P && G(k), g(K, te);
+            P && G(k), v(C, te);
           }
-        }, K.text);
-        return t("li", { key: `main-${k}` }, [Z, P ? He(K, k) : null]);
+        }, C.text);
+        return t("li", { key: `main-${k}` }, [Z, P ? He(C, k) : null]);
       }), y = e.backdrop && m.value !== -1 ? t(Ce, { to: "body" }, [t("div", {
         class: "gnb-backdrop active",
         "aria-hidden": "true"
@@ -3435,7 +3435,7 @@ var _t = M({
         "aria-label": e.ariaLabel
       }, u)]), y]);
     }, Oe = (u, y) => {
-      const K = () => ye(y);
+      const C = () => ye(y);
       return t("div", {
         ref: (k) => U(z, k, y),
         class: ["depth4-wrap", { "is-open": L.value === y }],
@@ -3444,20 +3444,20 @@ var _t = M({
         ref: (k) => U(N, k, y),
         type: "button",
         class: "krds-btn icon trigger-prev",
-        onClick: K
+        onClick: C
       }, [t("span", { class: "sr-only" }, "이전화면"), t("i", { class: "svg-icon ico-angle left" })]), t("button", {
         type: "button",
         class: "krds-btn icon trigger-close",
-        onClick: K
+        onClick: C
       }, [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)
+        onClick: (q) => v(k, q)
       }, k.text)])))])]);
-    }, qe = (u, y, K) => {
+    }, qe = (u, y, C) => {
       const k = (u.items ?? []).map((P, q) => {
-        const W = `${y}-${K}-${q}`, Z = !!P.items?.length;
+        const W = `${y}-${C}-${q}`, Z = !!P.items?.length;
         return t("li", { key: `depth3-${q}` }, [t("a", {
           ref: (te) => U(F, te, W),
           href: P.href || "#",
@@ -3471,13 +3471,13 @@ var _t = M({
             "aria-expanded": L.value === W ? "true" : "false"
           } : {},
           onClick: (te) => {
-            Z && Pe(te, W), g(P, te);
+            Z && Pe(te, W), v(P, te);
           }
         }, P.text), Z ? Oe(P, W) : null]);
       });
-      return t("div", { class: ["depth3-wrap", { "is-open": Q.value[`${y}-${K}`] }] }, [t("ul", {}, k)]);
+      return t("div", { class: ["depth3-wrap", { "is-open": Q.value[`${y}-${C}`] }] }, [t("ul", {}, k)]);
     }, We = (u, y) => {
-      const K = (u.subItems ?? []).map((k, P) => {
+      const C = (u.subItems ?? []).map((k, P) => {
         const q = `${y}-${P}`, W = !!k.items?.length;
         return t("li", { key: `sub-${P}` }, [t("a", {
           href: k.href || "#",
@@ -3492,32 +3492,32 @@ var _t = M({
             "aria-expanded": Q.value[q] ? "true" : "false"
           } : {},
           onClick: (Z) => {
-            W && Ve(Z, q), g(k, Z);
+            W && Ve(Z, q), v(k, Z);
           }
         }, k.text), W ? qe(k, y, P) : null]);
       });
       return t("div", {
         ref: (k) => _(V, k, y),
-        id: v(y),
+        id: p(y),
         class: "gnb-sub-list",
         role: "tabpanel",
         "aria-labelledby": c(y)
-      }, [t("h2", { class: "sub-title" }, u.title || u.text), t("ul", {}, K)]);
+      }, [t("h2", { class: "sub-title" }, u.title || u.text), t("ul", {}, C)]);
     }, Ye = () => {
-      const u = e.items.map((K, k) => t("li", {
+      const u = e.items.map((C, k) => t("li", {
         key: `tab-${k}`,
         role: "none"
       }, [t("a", {
         id: c(k),
-        href: `#${v(k)}`,
+        href: `#${p(k)}`,
         class: ["gnb-main-trigger", { active: ae.value === k }],
         role: "tab",
-        "aria-controls": v(k),
+        "aria-controls": p(k),
         "aria-selected": ae.value === k ? "true" : "false",
         onClick: (P) => {
-          Ae(P, k), g(K, P);
+          Ae(P, k), v(C, P);
         }
-      }, K.text)])), y = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
+      }, C.text)])), y = [t("div", { class: "gnb-menu" }, [t("div", { class: "menu-wrap" }, [t("ul", {
         role: "tablist",
         "aria-label": e.ariaLabel
       }, u)]), t("div", { class: "submenu-wrap" }, e.items.map(We))]), r.bottom ? t("div", { class: "gnb-bottom" }, r.bottom()) : null];
@@ -3637,7 +3637,7 @@ 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 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);
+    const d = D(e.activeIndex ?? 0), h = b(() => e.spaceBetween ?? (e.variant === "banner" ? Ua : Ga)), p = 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 = () => {
       $ !== void 0 && (clearInterval($), $ = void 0);
@@ -3645,7 +3645,7 @@ var _t = M({
       if (s <= 0) return;
       const F = e.loop ? (V % s + s) % s : Math.min(Math.max(V, 0), s - 1);
       F !== d.value && (d.value = F, a("update:activeIndex", F), a("change", F));
-    }, i = () => o(d.value - 1), g = () => o(d.value + 1), m = () => {
+    }, i = () => o(d.value - 1), v = () => o(d.value + 1), m = () => {
       w.value || (w.value = !0, a("play"));
     }, x = () => {
       w.value && (w.value = !1, a("stop"));
@@ -3660,7 +3660,7 @@ var _t = M({
           x();
           return;
         }
-        g();
+        v();
       }, e.autoplayDelay));
     }), se(() => e.autoplay, (V) => {
       V ? m() : x();
@@ -3671,8 +3671,8 @@ var _t = M({
     let T;
     const _ = (V) => {
       E.value = V.matches;
-    }, p = b(() => E.value ? 0 : e.speed);
-    ie(() => {
+    }, g = b(() => E.value ? 0 : e.speed);
+    re(() => {
       typeof window < "u" && window.matchMedia && (T = window.matchMedia("(prefers-reduced-motion: reduce)"), E.value = T.matches, T.addEventListener("change", _)), e.autoplay && m();
     }), fe(() => {
       f(), T?.removeEventListener("change", _);
@@ -3701,7 +3701,7 @@ var _t = M({
       gap: h.value > 0 ? `${h.value}px` : void 0,
       transform: `translate3d(calc(${-V} * (100% + ${h.value}px)), 0, 0)`,
       transitionProperty: "transform",
-      transitionDuration: `${p.value}ms`,
+      transitionDuration: `${g.value}ms`,
       transitionTimingFunction: "ease-out",
       willChange: "transform"
     }), de = (V) => ({
@@ -3730,13 +3730,13 @@ var _t = M({
         style: z ? de(N) : void 0,
         disabled: U,
         "aria-controls": n.value,
-        onClick: N ? i : g
+        onClick: N ? i : v
       }, [t("span", { class: "sr-only" }, N ? e.prevLabel : e.nextLabel)]);
     }, ne = () => t("a", {
       href: e.moreHref,
       class: "swiper-button-more",
       onClick: G
-    }, [t("span", { class: "sr-only" }, e.moreLabel)]), L = (V, F) => v.value === "fraction" ? t("div", { class: "swiper-pagination swiper-pagination-fraction" }, [
+    }, [t("span", { class: "sr-only" }, e.moreLabel)]), L = (V, F) => p.value === "fraction" ? t("div", { class: "swiper-pagination swiper-pagination-fraction" }, [
       t("span", { class: "swiper-pagination-current" }, String(F + 1)),
       t("span", { "aria-hidden": "true" }, "/"),
       t("span", { class: "swiper-pagination-total" }, String(V))
@@ -3761,7 +3761,7 @@ var _t = M({
       "aria-controls": n.value,
       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 = [];
+      const z = e.variant === "banner", N = p.value !== "none", U = !!e.moreHref, J = [];
       if (N && J.push(L(V, F)), e.autoplay && J.push(R()), z) {
         const ee = [];
         e.navigation && ee.push(Q("prev", F, !1), Q("next", F, !1)), U && ee.push(ne()), ee.length > 0 && J.push(t("div", { class: "swiper-navigation" }, ee));
@@ -3832,7 +3832,7 @@ 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}`, d = D(e.tabs.find((c) => !c.disabled)?.id), h = b(() => e.modelValue ?? d.value), v = (c) => {
+    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), p = (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;
@@ -3860,7 +3860,7 @@ var _t = M({
       type: "button",
       class: "btn-tab",
       disabled: c.disabled || void 0,
-      onClick: () => v(c)
+      onClick: () => p(c)
     }, [c.label, c.id === h.value ? t("i", { class: "sr-only" }, ` ${e.selectedText}`) : null])])))]), t("div", { class: "tab-conts-wrap" }, e.tabs.map((c) => t("section", {
       key: c.id,
       id: s(c.id),
@@ -3920,7 +3920,7 @@ var _t = M({
   KrdsToggleSwitch: () => At,
   KrdsTooltip: () => ia,
   KrdsTts: () => ba
-}), Te = "0.0.18", ll = { install(e, a = {}) {
+}), Te = "0.0.19", 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);