@krds.ui/vue 0.0.4 → 0.0.5

package/dist/krds-vue.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as g, h as r, ref as M, onMounted as re, onBeforeUnmount as _e, createElementBlock as B, openBlock as w, createElementVNode as h, normalizeClass as L, withDirectives as Y, unref as I, toDisplayString as N, Fragment as E, renderList as F, vShow as G, createBlock as W, withCtx as U, createTextVNode as R, watch as Be, provide as De, inject as Ke, createCommentVNode as J, onUnmounted as ae, resolveDirective as xe, resolveDynamicComponent as le } from "vue";
+import { defineComponent as C, computed as g, h as r, ref as M, onMounted as re, onBeforeUnmount as _e, createElementBlock as D, openBlock as w, createElementVNode as h, normalizeClass as L, withDirectives as Y, unref as I, toDisplayString as N, Fragment as E, renderList as F, vShow as G, createBlock as W, withCtx as U, createTextVNode as R, watch as De, provide as Be, inject as Ke, createCommentVNode as J, onUnmounted as ae, resolveDirective as xe, resolveDynamicComponent as ne } from "vue";
 const oe = C({
   name: "KrdsButton",
   props: {
@@ -37,7 +37,7 @@ const oe = C({
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = g(() => {
+    const l = g(() => {
       const t = ["krds-btn"];
       return e.icon && t.push("icon"), e.border && t.push("border"), e.pure && t.push("pure"), e.variant && !e.icon && t.push(e.variant), e.size && t.push(e.size), e.class && t.push(e.class), t;
     }), o = (t) => {
@@ -47,7 +47,7 @@ const oe = C({
       "button",
       {
         type: e.type,
-        class: n.value,
+        class: l.value,
         disabled: e.disabled,
         onClick: o
       },
@@ -121,13 +121,13 @@ const oe = C({
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = g(() => {
+    const l = g(() => {
       const a = ["krds-btn"];
       return e.size && a.push(e.size), e.link && a.push("link"), e.basic && a.push("basic"), e.pure && a.push("pure"), e.class && a.push(e.class), a;
     }), o = g(() => {
       const a = {
         href: e.href,
-        class: n.value
+        class: l.value
       };
       return e.target && (a.target = e.target), e.title && (a.title = e.title), e.target === "_blank" && (a.rel = "noopener noreferrer"), a;
     }), t = (a) => {
@@ -244,7 +244,7 @@ const oe = C({
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup"],
   setup(e, { emit: i, slots: s }) {
-    const n = g(() => {
+    const l = g(() => {
       const y = ["krds-input"];
       return e.size && y.push(e.size), e.class && y.push(e.class), y;
     }), o = (y) => {
@@ -263,7 +263,7 @@ const oe = C({
     }, _ = g(() => {
       const y = {
         type: e.type,
-        class: n.value,
+        class: l.value,
         value: e.modelValue,
         placeholder: e.placeholder,
         name: e.name,
@@ -312,7 +312,7 @@ const oe = C({
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = (o) => {
+    const l = (o) => {
       i("click", o);
     };
     return () => r("div", { class: "form-tit" }, [
@@ -323,7 +323,7 @@ const oe = C({
           id: e.id,
           class: e.class,
           style: e.style,
-          onClick: n
+          onClick: l
         },
         s.default?.()
       )
@@ -351,7 +351,7 @@ const oe = C({
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = (t) => {
+    const l = (t) => {
       i("click", t);
     }, o = () => {
       let t;
@@ -377,7 +377,7 @@ const oe = C({
         id: e.id,
         class: o(),
         style: e.style,
-        onClick: n
+        onClick: l
       },
       s.default?.()
     );
@@ -400,8 +400,8 @@ const oe = C({
   },
   setup(e, { slots: i }) {
     const s = g(() => {
-      const n = ["form-group"];
-      return e.class && n.push(e.class), n;
+      const l = ["form-group"];
+      return e.class && l.push(e.class), l;
     });
     return () => r(
       "div",
@@ -415,7 +415,7 @@ const oe = C({
   }
 });
 function Ne(e, i) {
-  const s = /* @__PURE__ */ new Date(), n = M(e || s.getFullYear()), o = M(i || s.getMonth() + 1), t = M(null), a = M(null), u = M(null), v = g(() => {
+  const s = /* @__PURE__ */ new Date(), l = M(e || s.getFullYear()), o = M(i || s.getMonth() + 1), t = M(null), a = M(null), u = M(null), v = g(() => {
     const p = s.getFullYear(), f = [];
     for (let b = p - 10; b <= p + 10; b++)
       f.push(b);
@@ -423,9 +423,9 @@ function Ne(e, i) {
   }), S = g(() => Array.from({ length: 12 }, (p, f) => f + 1)), _ = () => {
     t.value = null, a.value = null;
   }, V = () => {
-    o.value === 1 ? (o.value = 12, n.value -= 1) : o.value -= 1;
+    o.value === 1 ? (o.value = 12, l.value -= 1) : o.value -= 1;
   }, y = () => {
-    o.value === 12 ? (o.value = 1, n.value += 1) : o.value += 1;
+    o.value === 12 ? (o.value = 1, l.value += 1) : o.value += 1;
   }, $ = (p, f = !1) => {
     if (f)
       t.value = p, a.value = p;
@@ -438,7 +438,7 @@ function Ne(e, i) {
   };
   return {
     // State
-    currentYear: n,
+    currentYear: l,
     currentMonth: o,
     selectedStartDate: t,
     selectedEndDate: a,
@@ -464,16 +464,16 @@ function Ne(e, i) {
   };
 }
 function Te(e, i, s = {}) {
-  let n = null;
+  let l = null;
   const o = typeof s == "string" ? { ignore: s } : s, { ignore: t, event: a = "click" } = o, u = () => {
-    n = (S) => {
+    l = (S) => {
       const _ = S.target;
       e.value?.contains(_) || t && _.closest(t) || i();
-    }, document.addEventListener(a, n);
+    }, document.addEventListener(a, l);
   }, v = () => {
-    if (n) {
+    if (l) {
       const S = typeof s == "string" ? "click" : s.event || "click";
-      document.removeEventListener(S, n), n = null;
+      document.removeEventListener(S, l), l = null;
     }
   };
   return re(() => {
@@ -485,7 +485,7 @@ function Te(e, i, s = {}) {
     removeGlobalListeners: v
   };
 }
-const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id", "name", "placeholder", "value", "readonly", "disabled", "required", "autofocus"], qe = ["disabled", "aria-expanded"], Fe = { class: "calendar-head" }, He = { class: "calendar-switch-wrap" }, Re = { class: "calendar-drop-down" }, Ye = ["aria-expanded"], je = { class: "calendar-select calendar-year-wrap" }, Ge = { class: "sel year" }, We = ["onClick"], Ue = { class: "calendar-drop-down" }, Je = ["aria-expanded"], Qe = { class: "calendar-select calendar-mon-wrap" }, Xe = { class: "sel month" }, Ze = ["onClick"], et = { class: "calendar-body" }, tt = { class: "calendar-table-wrap" }, at = { class: "calendar-tbl" }, lt = ["data-date"], nt = ["aria-pressed", "onClick"], st = { class: "calendar-footer" }, it = { class: "calendar-btn-wrap" }, rt = /* @__PURE__ */ C({
+const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id", "name", "placeholder", "value", "readonly", "disabled", "required", "autofocus"], qe = ["disabled", "aria-expanded"], Fe = { class: "calendar-head" }, He = { class: "calendar-switch-wrap" }, Re = { class: "calendar-drop-down" }, Ye = ["aria-expanded"], je = { class: "calendar-select calendar-year-wrap" }, Ge = { class: "sel year" }, We = ["onClick"], Ue = { class: "calendar-drop-down" }, Je = ["aria-expanded"], Qe = { class: "calendar-select calendar-mon-wrap" }, Xe = { class: "sel month" }, Ze = ["onClick"], et = { class: "calendar-body" }, tt = { class: "calendar-table-wrap" }, at = { class: "calendar-tbl" }, nt = ["data-date"], lt = ["aria-pressed", "onClick"], st = { class: "calendar-footer" }, it = { class: "calendar-btn-wrap" }, rt = /* @__PURE__ */ C({
   __name: "KrdsDateInput",
   props: {
     modelValue: { default: void 0 },
@@ -506,7 +506,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(e, { emit: i }) {
-    const s = e, n = i, o = M(), t = M(), a = M(!1), u = M(null), {
+    const s = e, l = i, o = M(), t = M(), a = M(!1), u = M(null), {
       currentYear: v,
       currentMonth: S,
       selectedStartDate: _,
@@ -514,7 +514,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
       yearOptions: y,
       monthOptions: $,
       prevMonth: d,
-      nextMonth: l,
+      nextMonth: n,
       handleDateSelection: p,
       selectToday: f,
       isDateInSelectedRange: b
@@ -557,7 +557,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
         k.isInRange && (m.push("period"), k.isStart && m.push("start"), k.isEnd && m.push("end"));
       }
       return m;
-    }, D = g(() => [
+    }, B = g(() => [
       {
         id: "get-today",
         label: "오늘",
@@ -592,9 +592,9 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
       if (_.value) {
         if (V.value && _.value !== V.value) {
           const c = `${_.value} ~ ${V.value}`;
-          n("update:modelValue", c);
+          l("update:modelValue", c);
         } else
-          n("update:modelValue", _.value);
+          l("update:modelValue", _.value);
         K();
       }
     }, ye = () => {
@@ -607,15 +607,15 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
       c.code === "Escape" && (u.value ? u.value = null : a.value && K());
     }, be = (c) => {
       const m = c.target;
-      n("update:modelValue", m.value), n("input", c);
+      l("update:modelValue", m.value), l("input", c);
     }, ke = (c) => {
-      n("change", c);
+      l("change", c);
     }, Se = (c) => {
-      n("focus", c);
+      l("focus", c);
     }, Ce = (c) => {
-      n("blur", c);
+      l("blur", c);
     };
-    return (c, m) => (w(), B("div", Ae, [
+    return (c, m) => (w(), D("div", Ae, [
       h("div", {
         class: L(T.value)
       }, [
@@ -680,7 +680,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
                   }, N(I(v)) + "년 ", 9, Ye),
                   Y(h("div", je, [
                     h("ul", Ge, [
-                      (w(!0), B(E, null, F(I(y), (k) => (w(), B("li", { key: k }, [
+                      (w(!0), D(E, null, F(I(y), (k) => (w(), D("li", { key: k }, [
                         h("button", {
                           type: "button",
                           class: L({ active: k === I(v) }),
@@ -702,7 +702,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
                   }, N(I(S).toString().padStart(2, "0")) + "월 ", 9, Je),
                   Y(h("div", Qe, [
                     h("ul", Xe, [
-                      (w(!0), B(E, null, F(I($), (k) => (w(), B("li", { key: k }, [
+                      (w(!0), D(E, null, F(I($), (k) => (w(), D("li", { key: k }, [
                         h("button", {
                           type: "button",
                           class: L({ active: k === I(S) }),
@@ -719,7 +719,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
                 type: "button",
                 class: "btn-cal-move next",
                 onClick: m[3] || (m[3] = //@ts-ignore
-                (...k) => I(l) && I(l)(...k))
+                (...k) => I(n) && I(n)(...k))
               }, [...m[6] || (m[6] = [
                 h("span", { class: "sr-only" }, "다음 달", -1)
               ])])
@@ -740,8 +740,8 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
                     ])
                   ], -1)),
                   h("tbody", null, [
-                    (w(!0), B(E, null, F(z.value, (k, q) => (w(), B("tr", { key: q }, [
-                      (w(!0), B(E, null, F(k, (A, x) => (w(), B("td", {
+                    (w(!0), D(E, null, F(z.value, (k, q) => (w(), D("tr", { key: q }, [
+                      (w(!0), D(E, null, F(k, (A, x) => (w(), D("td", {
                         key: x,
                         class: L(H(A)),
                         "data-date": A.dateString
@@ -753,8 +753,8 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
                           onClick: (j) => I(p)(A.dateString)
                         }, [
                           h("span", null, N(A.day), 1)
-                        ], 8, nt)
-                      ], 10, lt))), 128))
+                        ], 8, lt)
+                      ], 10, nt))), 128))
                     ]))), 128))
                   ])
                 ])
@@ -762,7 +762,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
             ]),
             h("div", st, [
               h("div", it, [
-                (w(!0), B(E, null, F(D.value, (k) => (w(), W(I(oe), {
+                (w(!0), D(E, null, F(B.value, (k) => (w(), W(I(oe), {
                   id: k.id,
                   key: k.id,
                   class: L(k.class),
@@ -860,35 +860,35 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup"],
   setup(e, { emit: i }) {
     const s = M(0);
-    Be(
+    De(
       () => e.modelValue,
-      (l) => {
-        s.value = (l || "").length;
+      (n) => {
+        s.value = (n || "").length;
       },
       { immediate: !0 }
     );
-    const n = g(() => {
-      const l = ["krds-input"];
-      return e.size && l.push(e.size), e.class && l.push(e.class), l;
+    const l = g(() => {
+      const n = ["krds-input"];
+      return e.size && n.push(e.size), e.class && n.push(e.class), n;
     }), o = g(() => {
-      const l = {};
-      return e.resize && (l.resize = e.resize), l;
-    }), t = (l) => {
-      const f = l.target.value;
-      s.value = f.length, i("update:modelValue", f), i("input", l);
-    }, a = (l) => {
-      i("change", l);
-    }, u = (l) => {
-      i("focus", l);
-    }, v = (l) => {
-      i("blur", l);
-    }, S = (l) => {
-      i("keydown", l);
-    }, _ = (l) => {
-      i("keyup", l);
+      const n = {};
+      return e.resize && (n.resize = e.resize), n;
+    }), t = (n) => {
+      const f = n.target.value;
+      s.value = f.length, i("update:modelValue", f), i("input", n);
+    }, a = (n) => {
+      i("change", n);
+    }, u = (n) => {
+      i("focus", n);
+    }, v = (n) => {
+      i("blur", n);
+    }, S = (n) => {
+      i("keydown", n);
+    }, _ = (n) => {
+      i("keyup", n);
     }, V = g(() => {
-      const l = {
-        class: n.value,
+      const n = {
+        class: l.value,
         style: o.value,
         value: e.modelValue,
         placeholder: e.placeholder,
@@ -907,23 +907,23 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
         onKeydown: S,
         onKeyup: _
       };
-      return e.maxlength !== void 0 && (l.maxlength = e.maxlength), e.minlength !== void 0 && (l.minlength = e.minlength), l;
+      return e.maxlength !== void 0 && (n.maxlength = e.maxlength), e.minlength !== void 0 && (n.minlength = e.minlength), n;
     }), y = g(() => ["form-conts"]), $ = g(() => ["textarea-wrap"]), d = g(() => {
       if (!e.showCount) return null;
-      const l = s.value, p = e.maxlength;
+      const n = s.value, p = e.maxlength;
       return {
-        current: l,
+        current: n,
         max: p || ""
       };
     });
     return () => {
-      const l = [r("textarea", V.value)];
-      return d.value && l.push(
+      const n = [r("textarea", V.value)];
+      return d.value && n.push(
         r("p", { class: "textarea-count" }, [
           r("span", { class: "count-now" }, d.value.current),
           r("span", { class: "count-total" }, d.value.max ? `/${d.value.max}` : "")
         ])
-      ), r("div", { class: y.value }, [r("div", { class: $.value }, l)]);
+      ), r("div", { class: y.value }, [r("div", { class: $.value }, n)]);
     };
   }
 }), ut = C({
@@ -1031,8 +1031,8 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   ],
   setup(e, { emit: i }) {
     M(!1), g(() => {
-      const n = ["krds-file-upload", "line"];
-      return e.class && n.push(e.class), n;
+      const l = ["krds-file-upload", "line"];
+      return e.class && l.push(e.class), l;
     });
     const s = g(() => e.modelValue?.length || 0);
     return g(() => !e.disabled && s.value < e.maxFiles), () => null;
@@ -1063,7 +1063,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = g(() => {
+    const l = g(() => {
       const t = ["krds-badge"];
       return t.push(`${e.type}-${e.color}`), e.size && t.push(e.size), e.number && t.push("number"), e.class && t.push(e.class), t;
     }), o = (t) => {
@@ -1076,7 +1076,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
         color: e.color,
         size: e.size,
         number: e.number,
-        class: n.value,
+        class: l.value,
         onClick: o
       },
       s.default?.()
@@ -1108,7 +1108,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   },
   emits: ["remove"],
   setup(e, { emit: i, slots: s }) {
-    const n = g(() => {
+    const l = g(() => {
       const a = ["krds-btn-tag"];
       return e.link && a.push("link"), e.class && a.push(e.class), a;
     }), o = (a) => {
@@ -1127,14 +1127,14 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
       if (u && a.push(u), e.link || a.push(t()), e.link) {
         const v = {
           href: e.href,
-          class: n.value
+          class: l.value
         };
         return e.target && (v.target = e.target), e.rel && (v.rel = e.rel), r("a", v, a);
       }
       return r(
         "span",
         {
-          class: n.value
+          class: l.value
         },
         a
       );
@@ -1154,8 +1154,8 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   },
   setup(e, { slots: i }) {
     const s = g(() => {
-      const n = ["krds-tag-wrap"];
-      return e.size && n.push(e.size), e.class && n.push(e.class), n;
+      const l = ["krds-tag-wrap"];
+      return e.size && l.push(e.size), e.class && l.push(e.class), l;
     });
     return () => r(
       "div",
@@ -1175,7 +1175,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = g(() => {
+    const l = g(() => {
       const t = [""];
       return e.class && t.push(e.class), t;
     }), o = (t) => {
@@ -1185,7 +1185,7 @@ const Ae = { class: "form-conts" }, Ee = { class: "calendar-input" }, Oe = ["id"
       "div",
       {
         id: "krds-masthead",
-        class: n.value,
+        class: l.value,
         onClick: o
       },
       [
@@ -1200,6 +1200,10 @@ let ht = 0;
 function de(e = "krds") {
   return `${e}-${++ht}`;
 }
+function Pt() {
+  const e = Date.now().toString(36).slice(-4), i = Math.random().toString(36).substring(2, 5);
+  return `${e}${i}`;
+}
 function ce(...e) {
   return e.filter(Boolean).join(" ");
 }
@@ -1246,7 +1250,7 @@ const gt = C({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: i, attrs: s }) {
-    const n = g(() => e.modelValue), o = g(() => ce("krds-form-toggle-switch", e.size, e.class)), t = (u) => {
+    const l = g(() => e.modelValue), o = g(() => ce("krds-form-toggle-switch", e.size, e.class)), t = (u) => {
       if (e.disabled)
         return;
       const S = u.target.checked;
@@ -1262,7 +1266,7 @@ const gt = C({
           type: "checkbox",
           id: a.value,
           name: e.name,
-          checked: n.value,
+          checked: l.value,
           disabled: e.disabled,
           onChange: t,
           ...s
@@ -1337,7 +1341,7 @@ const gt = C({
   },
   emits: ["update:modelValue", "change"],
   slots: Object,
-  setup(e, { emit: i, attrs: s, slots: n }) {
+  setup(e, { emit: i, attrs: s, slots: l }) {
     const o = g(() => e.modelValue), t = g(() => {
       const v = e.chip ? "krds-form-chip" : "krds-form-check";
       return ce(v, e.size, e.class);
@@ -1362,10 +1366,10 @@ const gt = C({
           {
             for: u.value
           },
-          n.default?.()
+          l.default?.()
         )
       ];
-      return n.description && !e.chip && v.push(r("div", { class: "krds-form-check-cnt" }, r("p", { class: "krds-form-check-p" }, n.description()))), r(
+      return l.description && !e.chip && v.push(r("div", { class: "krds-form-check-cnt" }, r("p", { class: "krds-form-check-p" }, l.description()))), r(
         "div",
         {
           class: t.value
@@ -1391,15 +1395,15 @@ const gt = C({
     const s = g(() => {
       const u = ["krds-step-wrap"];
       return e.class && u.push(e.class), u;
-    }), n = (u) => {
+    }), l = (u) => {
       const v = e.modelValue || 0;
       return u < v ? "done" : u === v ? "active" : "pending";
     }, o = M(0), t = () => {
       o.value = 0;
     }, a = () => o.value++;
-    return De("stepIndicator", {
+    return Be("stepIndicator", {
       activeStep: g(() => e.modelValue || 0),
-      getStepStatus: n,
+      getStepStatus: l,
       getNextStepIndex: a,
       resetStepIndex: t
     }), () => (t(), r(
@@ -1432,7 +1436,7 @@ const gt = C({
   },
   emits: ["click"],
   setup(e, { emit: i, slots: s }) {
-    const n = Ke("stepIndicator"), o = n ? n.getNextStepIndex() : -1, t = g(() => e.status ? e.status : n && o >= 0 ? n.getStepStatus(o) : "pending"), a = g(() => {
+    const l = Ke("stepIndicator"), o = l ? l.getNextStepIndex() : -1, t = g(() => e.status ? e.status : l && o >= 0 ? l.getStepStatus(o) : "pending"), a = g(() => {
       const v = [t.value];
       return e.class && v.push(e.class), v;
     }), u = (v) => {
@@ -1506,7 +1510,7 @@ const gt = C({
       ]
     );
   }
-}), St = ["id", "aria-label"], Ct = { class: "breadcrumb" }, wt = ["href", "aria-current", "onClick"], _t = { key: 0 }, Bt = /* @__PURE__ */ C({
+}), St = ["id", "aria-label"], Ct = { class: "breadcrumb" }, wt = ["href", "aria-current", "onClick"], _t = { key: 0 }, Dt = /* @__PURE__ */ C({
   __name: "KrdsBreadcrumb",
   props: {
     items: {},
@@ -1516,16 +1520,16 @@ const gt = C({
   },
   emits: ["item-click"],
   setup(e, { emit: i }) {
-    const s = e, n = i, o = (a) => a === s.items.length - 1, t = (a, u) => {
-      a.onClick && a.onClick(u), n("item-click", a, u);
+    const s = e, l = i, o = (a) => a === s.items.length - 1, t = (a, u) => {
+      a.onClick && a.onClick(u), l("item-click", a, u);
     };
-    return (a, u) => (w(), B("nav", {
+    return (a, u) => (w(), D("nav", {
       id: a.id,
       class: "krds-breadcrumb-wrap",
       "aria-label": a.ariaLabel
     }, [
       h("ol", Ct, [
-        (w(!0), B(E, null, F(a.items, (v, S) => (w(), B("li", {
+        (w(!0), D(E, null, F(a.items, (v, S) => (w(), D("li", {
           key: `breadcrumb-${S}`,
           class: L({ home: S === 0 && a.showHomeIcon })
         }, [
@@ -1535,13 +1539,13 @@ const gt = C({
             "aria-current": o(S) ? "page" : void 0,
             onClick: (_) => t(v, _)
           }, [
-            S === 0 && a.showHomeIcon ? J("", !0) : (w(), B("span", _t, N(v.text), 1))
+            S === 0 && a.showHomeIcon ? J("", !0) : (w(), D("span", _t, N(v.text), 1))
           ], 8, wt)
         ], 2))), 128))
       ])
     ], 8, St));
   }
-}), Dt = C({
+}), Bt = C({
   name: "KrdsInPageNavigation",
   props: {
     title: {
@@ -1576,15 +1580,15 @@ const gt = C({
   emits: ["itemClick"],
   slots: Object,
   setup(e, { emit: i, slots: s }) {
-    const n = M(""), o = M(/* @__PURE__ */ new Map()), t = g(() => {
+    const l = M(""), o = M(/* @__PURE__ */ new Map()), t = g(() => {
       const d = ["krds-in-page-navigation-type"];
       return e.class && d.push(e.class), d;
     }), a = () => {
-      const d = e.headerTopSelector, l = e.headerInnerSelector, p = document.querySelector(d)?.clientHeight || 0, f = document.querySelector(l)?.clientHeight || 0;
+      const d = e.headerTopSelector, n = e.headerInnerSelector, p = document.querySelector(d)?.clientHeight || 0, f = document.querySelector(n)?.clientHeight || 0;
       return p + f;
-    }, u = (d, l) => {
-      if (i("itemClick", d, l), d.href.startsWith("#")) {
-        l.preventDefault();
+    }, u = (d, n) => {
+      if (i("itemClick", d, n), d.href.startsWith("#")) {
+        n.preventDefault();
         const p = document.querySelector(d.href);
         if (p) {
           const f = a();
@@ -1592,7 +1596,7 @@ const gt = C({
             left: 0,
             top: p.getBoundingClientRect().top + window.scrollY - f,
             behavior: "smooth"
-          }), n.value = d.href, l instanceof KeyboardEvent) {
+          }), l.value = d.href, n instanceof KeyboardEvent) {
             const b = p.querySelector(".sec-tit, h1, h2, h3, h4, h5, h6");
             b && b instanceof HTMLElement && (b.setAttribute("tabindex", "-1"), b.focus({ preventScroll: !0 }));
           }
@@ -1600,12 +1604,12 @@ const gt = C({
       }
     }, v = () => {
       o.value.clear(), e.items && e.items.filter((d) => d.href.startsWith("#")).forEach((d) => {
-        const l = document.querySelector(d.href);
-        l && o.value.set(d.href, l);
+        const n = document.querySelector(d.href);
+        n && o.value.set(d.href, n);
       });
     }, S = () => {
       if (!e.autoActive || !e.items || o.value.size === 0) return;
-      const d = window.innerHeight, l = Math.ceil(d / 5), p = window.scrollY + d, f = document.body.scrollHeight, b = e.items.filter((z) => z.href.startsWith("#") && o.value.has(z.href)).map((z) => ({
+      const d = window.innerHeight, n = Math.ceil(d / 5), p = window.scrollY + d, f = document.body.scrollHeight, b = e.items.filter((z) => z.href.startsWith("#") && o.value.has(z.href)).map((z) => ({
         href: z.href,
         element: o.value.get(z.href),
         item: z
@@ -1619,17 +1623,17 @@ const gt = C({
         P = K.href;
       else
         for (const z of b) {
-          const H = z.element.offsetHeight, D = z.element.offsetTop - l;
-          if (window.scrollY > D && window.scrollY <= D + H) {
+          const H = z.element.offsetHeight, B = z.element.offsetTop - n;
+          if (window.scrollY > B && window.scrollY <= B + H) {
             P = z.href;
             break;
           }
         }
-      P && P !== n.value && (n.value = P);
+      P && P !== l.value && (l.value = P);
     }, _ = () => {
       if (!e.items) return;
-      const d = e.items.find((l) => l.active);
-      d ? n.value = d.href : e.items.length > 0 && (n.value = e.items[0].href);
+      const d = e.items.find((n) => n.active);
+      d ? l.value = d.href : e.items.length > 0 && (l.value = e.items[0].href);
     };
     re(() => {
       if (_(), e.autoActive) {
@@ -1652,20 +1656,20 @@ const gt = C({
       e.title && r("p", { class: "quick-title" }, e.title)
     ]), y = () => {
       if (!e.items) return null;
-      const d = e.items.map((l) => {
-        const p = n.value === l.href || !e.autoActive && l.active;
-        return r("li", { key: l.href }, [
+      const d = e.items.map((n) => {
+        const p = l.value === n.href || !e.autoActive && n.active;
+        return r("li", { key: n.href }, [
           r(
             "a",
             {
-              href: l.href,
+              href: n.href,
               class: p ? "active" : "",
-              onClick: (f) => u(l, f),
+              onClick: (f) => u(n, f),
               onKeydown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.preventDefault(), u(l, f));
+                (f.key === "Enter" || f.key === " ") && (f.preventDefault(), u(n, f));
               }
             },
-            l.text
+            n.text
           )
         ]);
       });
@@ -1687,16 +1691,16 @@ const gt = C({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, n = i, o = g(() => Math.max(1, s.min)), t = g(() => s.modelValue ?? o.value), a = g(() => t.value <= o.value), u = g(() => t.value >= s.max), v = g(() => {
+    const s = e, l = i, o = g(() => Math.max(1, s.min)), t = g(() => s.modelValue ?? o.value), a = g(() => t.value <= o.value), u = g(() => t.value >= s.max), v = g(() => {
       if (!a.value)
         return "#";
     }), S = g(() => {
       if (!u.value)
         return "#";
     }), _ = g(() => {
-      const { pageRange: d, max: l } = s, p = 1, f = [];
-      if (l <= d + 2 * p)
-        for (let b = o.value; b <= l; b++)
+      const { pageRange: d, max: n } = s, p = 1, f = [];
+      if (n <= d + 2 * p)
+        for (let b = o.value; b <= n; b++)
           f.push({
             type: "page",
             key: `page-${b}`,
@@ -1704,12 +1708,12 @@ const gt = C({
             href: "#"
           });
       else {
-        const b = Math.min(p, l), K = Math.max(l - p + 1, 1), O = Math.max(o.value, t.value - Math.floor(d / 2)), T = Math.min(l, O + d - 1), P = Math.max(o.value, T - d + 1);
-        for (let D = o.value; D <= b; D++)
+        const b = Math.min(p, n), K = Math.max(n - p + 1, 1), O = Math.max(o.value, t.value - Math.floor(d / 2)), T = Math.min(n, O + d - 1), P = Math.max(o.value, T - d + 1);
+        for (let B = o.value; B <= b; B++)
           f.push({
             type: "page",
-            key: `page-${D}`,
-            page: D,
+            key: `page-${B}`,
+            page: B,
             href: "#"
           });
         P > b + 1 && f.push({
@@ -1718,11 +1722,11 @@ const gt = C({
           ariaLabel: "페이지 생략"
         });
         const z = Math.max(P, b + 1), H = Math.min(T, K - 1);
-        for (let D = z; D <= H; D++)
+        for (let B = z; B <= H; B++)
           f.push({
             type: "page",
-            key: `page-${D}`,
-            page: D,
+            key: `page-${B}`,
+            page: B,
             href: "#"
           });
         T < K - 1 && f.push({
@@ -1730,82 +1734,82 @@ const gt = C({
           key: "ellipsis-right",
           ariaLabel: "페이지 생략"
         });
-        for (let D = K; D <= l; D++)
+        for (let B = K; B <= n; B++)
           f.push({
             type: "page",
-            key: `page-${D}`,
-            page: D,
+            key: `page-${B}`,
+            page: B,
             href: "#"
           });
       }
       return f;
-    }), V = (d, l) => {
+    }), V = (d, n) => {
       if (d === t.value) {
-        l.preventDefault();
+        n.preventDefault();
         return;
       }
-      n("update:modelValue", d);
+      l("update:modelValue", d);
     }, y = (d) => {
       if (a.value) {
         d.preventDefault();
         return;
       }
-      const l = t.value - 1;
-      n("update:modelValue", l);
+      const n = t.value - 1;
+      l("update:modelValue", n);
     }, $ = (d) => {
       if (u.value) {
         d.preventDefault();
         return;
       }
-      const l = t.value + 1;
-      n("update:modelValue", l);
+      const n = t.value + 1;
+      l("update:modelValue", n);
     };
-    return (d, l) => {
+    return (d, n) => {
       const p = xe("sr-only");
-      return w(), B("div", {
+      return w(), D("div", {
         id: d.id,
         class: "krds-pagination"
       }, [
-        (w(), W(le(a.value ? "span" : "a"), {
+        (w(), W(ne(a.value ? "span" : "a"), {
           href: a.value ? void 0 : v.value,
           class: L(["page-navi", "prev", { disabled: a.value }]),
           onClick: y
         }, {
-          default: U(() => [...l[0] || (l[0] = [
+          default: U(() => [...n[0] || (n[0] = [
             R(" 이전 ", -1)
           ])]),
           _: 1
         }, 8, ["href", "class"])),
         h("div", xt, [
-          (w(!0), B(E, null, F(_.value, (f) => (w(), B(E, {
+          (w(!0), D(E, null, F(_.value, (f) => (w(), D(E, {
             key: f.key
           }, [
-            f.type === "page" ? (w(), B("a", {
+            f.type === "page" ? (w(), D("a", {
               key: 0,
               href: f.href || "#",
               class: L(["page-link", { active: f.page === t.value }]),
               "aria-current": f.page === t.value ? "page" : void 0,
               onClick: (b) => V(f.page, b)
             }, [
-              f.page === t.value ? Y((w(), B("span", Vt, [...l[1] || (l[1] = [
+              f.page === t.value ? Y((w(), D("span", Vt, [...n[1] || (n[1] = [
                 R("현재페이지", -1)
               ])])), [
                 [p]
               ]) : J("", !0),
               R(" " + N(f.page), 1)
-            ], 10, It)) : f.type === "ellipsis" ? (w(), B("span", {
+            ], 10, It)) : f.type === "ellipsis" ? (w(), D("span", {
               key: 1,
               class: "page-link link-dot",
               "aria-label": f.ariaLabel
             }, null, 8, zt)) : J("", !0)
           ], 64))), 128))
         ]),
-        (w(), W(le(u.value ? "span" : "a"), {
+        (w(), W(ne(u.value ? "span" : "a"), {
           href: u.value ? void 0 : S.value,
           class: L(["page-navi", "next", { disabled: u.value }]),
           onClick: $
         }, {
-          default: U(() => [...l[2] || (l[2] = [
+          default: U(() => [...n[2] || (n[2] = [
             R(" 다음 ", -1)
           ])]),
           _: 1
@@ -1813,10 +1817,10 @@ const gt = C({
       ], 8, Kt);
     };
   }
-}), ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   KrdsBadge: dt,
-  KrdsBreadcrumb: Bt,
+  KrdsBreadcrumb: Dt,
   KrdsButton: oe,
   KrdsButtonGroup: Ie,
   KrdsCheckArea: yt,
@@ -1827,7 +1831,7 @@ const gt = C({
   KrdsFormHint: Pe,
   KrdsFormLabel: $e,
   KrdsIcon: Ve,
-  KrdsInPageNavigation: Dt,
+  KrdsInPageNavigation: Bt,
   KrdsInput: Me,
   KrdsLink: ze,
   KrdsMasthead: vt,
@@ -1860,21 +1864,21 @@ const gt = C({
   directives: se,
   installDirectives: fe,
   vSrOnly: Q
-}, Symbol.toStringTag, { value: "Module" })), Pt = {
+}, Symbol.toStringTag, { value: "Module" })), Lt = {
   install(e, i = {}) {
     e.provide("krds:config", i);
-    const s = i.components || Object.keys(ne);
-    s.forEach((n) => {
-      const o = ne[n];
-      o && e.component(n, o);
+    const s = i.components || Object.keys(le);
+    s.forEach((l) => {
+      const o = le[l];
+      o && e.component(l, o);
     }), typeof ie == "object" && ie !== null && fe(e), e.config.globalProperties.$krds = {
       version: "__VERSION__"
     }, process.env.NODE_ENV !== "production" && console.log(`[KRDS Vue] v__VERSION__ 설치 완료 - 컴포넌트: ${s.length}개`);
   }
-}, Lt = "__VERSION__";
+}, Nt = "__VERSION__";
 export {
   dt as KrdsBadge,
-  Bt as KrdsBreadcrumb,
+  Dt as KrdsBreadcrumb,
   oe as KrdsButton,
   Ie as KrdsButtonGroup,
   yt as KrdsCheckArea,
@@ -1885,7 +1889,7 @@ export {
   Pe as KrdsFormHint,
   $e as KrdsFormLabel,
   Ve as KrdsIcon,
-  Dt as KrdsInPageNavigation,
+  Bt as KrdsInPageNavigation,
   Me as KrdsInput,
   ze as KrdsLink,
   vt as KrdsMasthead,
@@ -1899,8 +1903,9 @@ export {
   ot as KrdsTextarea,
   gt as KrdsToggleSwitch,
   ce as classNames,
-  Pt as default,
+  Lt as default,
   de as generateId,
-  Lt as version
+  Pt as generateUid,
+  Nt as version
 };
 //# sourceMappingURL=krds-vue.es.js.map