@kong/kongponents 9.61.3 → 9.61.4

package/dist/{kongponents128.es.js → kongponents127.es.js}

@@ -1,5 +1,5 @@
-import { defineComponent as nt, useCssVars as rt, useAttrs as dt, useSlots as ct, watch as T, useTemplateRef as Z, computed as c, ref as h, useId as Ve, nextTick as X, onMounted as vt, onBeforeUnmount as ft, openBlock as v, createElementBlock as y, normalizeStyle as ue, normalizeClass as ie, createBlock as V, mergeProps as ne, createSlots as re, withCtx as k, createTextVNode as Y, toDisplayString as z, renderSlot as N, createCommentVNode as K, createElementVNode as q, createVNode as A, unref as I, withKeys as D, Fragment as qe, renderList as Le, withModifiers as O } from "vue";
-import mt from "./kongponents205.es.js";
+import { defineComponent as nt, useCssVars as rt, useAttrs as dt, useSlots as ct, watch as T, useTemplateRef as Z, computed as p, ref as h, useId as Ve, nextTick as X, onMounted as vt, onBeforeUnmount as ft, openBlock as c, createElementBlock as y, normalizeStyle as ue, normalizeClass as ie, createBlock as V, mergeProps as ne, createSlots as re, withCtx as k, createTextVNode as Y, toDisplayString as z, renderSlot as N, createCommentVNode as K, createElementVNode as q, createVNode as A, unref as I, withKeys as H, Fragment as qe, renderList as Le, withModifiers as O } from "vue";
+import mt from "./kongponents212.es.js";
 import _ from "./kongponents36.es.js";
 import Te from "./kongponents55.es.js";
 import pt from "./kongponents57.es.js";
@@ -7,21 +7,21 @@ import ht from "./kongponents62.es.js";
 import gt from "./kongponents29.es.js";
 import bt from "./kongponents30.es.js";
 /* empty css                 */
-import yt from "./kongponents249.es.js";
-import kt from "./kongponents250.es.js";
-import wt from "./kongponents196.es.js";
-import de from "./kongponents184.es.js";
-import It from "./kongponents204.es.js";
-import { KUI_SPACE_40 as Ct, KUI_ICON_SIZE_40 as ce } from "./kongponents189.es.js";
-import { ResizeObserverHelper as St } from "./kongponents210.es.js";
+import yt from "./kongponents229.es.js";
+import kt from "./kongponents230.es.js";
+import wt from "./kongponents203.es.js";
+import de from "./kongponents188.es.js";
+import It from "./kongponents191.es.js";
+import { KUI_SPACE_40 as St, KUI_ICON_SIZE_40 as ce } from "./kongponents194.es.js";
+import { ResizeObserverHelper as Ct } from "./kongponents205.es.js";
 import { sanitizeInput as At } from "./kongponents180.es.js";
 import { useEventListener as $t } from "./kongponents226.es.js";
-import { getUniqueStringId as xt } from "./kongponents161.es.js";
-import { normalizeSize as Ne } from "./kongponents192.es.js";
+import { getUniqueStringId as xt } from "./kongponents160.es.js";
+import { normalizeSize as Ne } from "./kongponents196.es.js";
 const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"], zt = { key: 0 }, Kt = {
   key: 1,
   class: "expanded-selection-empty"
-}, Pt = { class: "multiselect-selection-badge-label" }, Mt = ["aria-label", "onClick"], Vt = { class: "multiselect-icons-container" }, qt = {
+}, Mt = { class: "multiselect-selection-badge-label" }, Pt = ["aria-label", "onClick"], Vt = { class: "multiselect-icons-container" }, qt = {
   key: 0,
   class: "multiselect-input-wrapper"
 }, Lt = {
@@ -63,7 +63,7 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(s, { emit: ee }) {
     rt((e) => ({
-      f1e8bfd8: Xe.value
+      a0fe9354: Ye.value
     }));
     const Be = (e) => {
       const t = [], a = (l) => {
@@ -86,16 +86,16 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
               return !1;
         }
       return !0;
-    }, b = dt(), ve = ct(), { cloneDeep: G, stripRequiredLabel: He } = mt();
+    }, b = dt(), ve = ct(), { cloneDeep: G, stripRequiredLabel: De } = mt();
     T(() => s.items, (e) => {
       !e.length || Re(e) && Ue(e) || console.warn("KMultiselect: Items must have a label & value and value must be unique");
     }, { immediate: !0 });
-    const w = ee, fe = Z("kMultiselectItems"), me = c(() => b.required !== void 0 && String(b.required) !== "false"), De = c(() => He(s.label, me.value)), Oe = c(() => !!(s.labelAttributes?.help || s.labelAttributes?.info || ve["label-tooltip"])), pe = (e) => P.value || F.value || e?.disabled ? "neutral" : s.error ? "danger" : "info", he = {
+    const w = ee, fe = Z("kMultiselectItems"), me = p(() => b.required !== void 0 && String(b.required) !== "false"), He = p(() => De(s.label, me.value)), Oe = () => !!(s.labelAttributes?.help || s.labelAttributes?.info || ve["label-tooltip"]), pe = (e) => M.value || F.value || e?.disabled ? "neutral" : s.error ? "danger" : "info", he = {
       hideCaret: !0,
       placement: "bottom-start",
       popoverTimeout: 0,
       popoverClasses: "k-multiselect-popover multiselect-popover"
-    }, W = h(0), B = h(0), Ge = Ve(), ge = c(() => b.id ? String(b.id) : Ge), be = Ve(), J = Z("multiselectElement"), We = Z("multiselectDropdownInputElement"), ye = Z("multiselectSelectionsStagingElement"), te = c(() => s.selectedRowCount * Ut), m = h(""), ke = c(() => !(!m.value || n.value.filter((e) => e.label === m.value).length)), E = h(null), n = h([]), C = h([]), j = h([]), r = h([]), f = h([]), g = h([]), $ = /* @__PURE__ */ new Set(), le = h([]), U = h([]), Je = c(() => U.value.map((e) => e.label).join(", ")), we = h(!1), R = h(!1), ae = h(!1), P = c(() => b?.disabled !== void 0 && String(b?.disabled) !== "false"), F = c(() => b?.readonly !== void 0 && String(b?.readonly) !== "false"), je = c({
+    }, W = h(0), B = h(0), Ge = Ve(), ge = p(() => b.id ? String(b.id) : Ge), be = Ve(), J = Z("multiselectElement"), We = Z("multiselectDropdownInputElement"), ye = Z("multiselectSelectionsStagingElement"), te = p(() => s.selectedRowCount * Ut), f = h(""), ke = p(() => !(!f.value || n.value.filter((e) => e.label === f.value).length)), E = h(null), n = h([]), S = h([]), j = h([]), r = h([]), v = h([]), g = h([]), $ = /* @__PURE__ */ new Set(), le = h([]), U = h([]), Je = p(() => U.value.map((e) => e.label).join(", ")), we = h(!1), R = h(!1), ae = h(!1), M = p(() => b?.disabled !== void 0 && String(b?.disabled) !== "false"), F = p(() => b?.readonly !== void 0 && String(b?.readonly) !== "false"), je = p({
       get() {
         return s.modelValue;
       },
@@ -103,24 +103,24 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
         const t = n.value.filter((a) => e.includes(a.value));
         t.length ? $e(t) : e.length || oe();
       }
-    }), Qe = c(() => {
+    }), Qe = p(() => {
       const e = { ...b };
       return delete e.class, e;
-    }), Ze = c(() => ({
+    }), Ze = () => !!(s.dropdownFooterText || ve["dropdown-footer-text"]), Xe = () => ({
       ...he,
       ...s.kpopAttributes,
-      popoverClasses: `${he.popoverClasses} ${s.kpopAttributes?.popoverClasses ?? ""} ${s.dropdownFooterText || ve["dropdown-footer-text"] ? "has-dropdown-footer" : ""}`,
-      width: H.value + "px",
-      maxWidth: H.value + "px",
+      popoverClasses: `${he.popoverClasses} ${s.kpopAttributes?.popoverClasses ?? ""} ${Ze() ? "has-dropdown-footer" : ""}`,
+      width: D.value + "px",
+      maxWidth: D.value + "px",
       disabled: b.disabled !== void 0 && String(b.disabled) !== "false" || b.readonly !== void 0 && String(b.readonly) !== "false"
-    })), Xe = c(() => Ne(s.dropdownMaxHeight)), Ye = c(() => ({ ...Ze.value })), _e = c(() => {
+    }), Ye = p(() => Ne(s.dropdownMaxHeight)), _e = p(() => {
       const e = s.width ? s.width : "300";
       return Ne(e);
-    }), et = c(() => ({
+    }), et = p(() => ({
       width: _e.value
-    })), Ie = c(() => ({
-      width: H.value + "px"
-    })), Ce = c(() => {
+    })), Ie = p(() => ({
+      width: D.value + "px"
+    })), Se = p(() => {
       if (r.value.length === 0) {
         if (!s.collapsedContext && s.placeholder)
           return s.placeholder;
@@ -128,11 +128,11 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
           return s.searchPlaceholder;
       }
       return r.value.length === 1 ? `${r.value.length} item selected` : `${r.value.length} items selected`;
-    }), tt = c(() => s.autosuggest ? n.value : s.filterFunction({ items: n.value, query: m.value })), Se = c(() => {
-      if (s.autosuggest || !m.value)
-        return C.value;
+    }), tt = p(() => s.autosuggest ? n.value : s.filterFunction({ items: n.value, query: f.value })), Ce = p(() => {
+      if (s.autosuggest || !f.value)
+        return S.value;
       const e = tt.value, t = new Set(e.map((l) => l.value)), a = [];
-      for (const l of C.value)
+      for (const l of S.value)
         if (x(l)) {
           const u = l.items.filter((o) => t.has(o.value));
           u.length > 0 && a.push({
@@ -144,9 +144,9 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
           t.has(l.value) && a.push(l);
       return a;
     }), lt = (e) => {
-      (P.value || e?.target?.dataset.propagateClicks === "false") && e.stopPropagation();
+      (M.value || e?.target?.dataset.propagateClicks === "false") && e.stopPropagation();
     }, Ae = async (e, t, a) => {
-      e ? t.value || (m.value = "", a(), Fe(), await X(), We.value?.$el?.querySelector("input")?.focus({ preventScroll: !0 })) : t.value && (m.value = "", a());
+      e ? t.value || (f.value = "", a(), Fe(), await X(), We.value?.$el?.querySelector("input")?.focus({ preventScroll: !0 })) : t.value && (f.value = "", a());
     }, L = () => {
       setTimeout(() => {
         const e = ye.value;
@@ -156,7 +156,7 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
         }
         if (e) {
           if (e.clientHeight > te.value) {
-            const a = Array.from(e.querySelectorAll(".multiselect-selection-badge")).filter((o) => o.offsetTop >= te.value), l = f.value.length - a.length, u = f.value.splice(l, a.length);
+            const a = Array.from(e.querySelectorAll(".multiselect-selection-badge")).filter((o) => o.offsetTop >= te.value), l = v.value.length - a.length, u = v.value.splice(l, a.length);
             for (const o of u)
               $.has(o.value) || ($.add(o.value), g.value.push(o));
           }
@@ -166,66 +166,66 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
     }, $e = (e) => {
       e.forEach((t) => {
         const a = n.value.filter((l) => l.value === t.value)?.[0] || null;
-        a && (a.selected = !0, r.value.filter((l) => l.value === a.value).length || (r.value.push(a), f.value.push(a)));
+        a && (a.selected = !0, r.value.filter((l) => l.value === a.value).length || (r.value.push(a), v.value.push(a)));
       }), L();
     }, at = (e, t = !1) => {
       const a = new Set(e.map((l) => l.value));
-      r.value = r.value.filter((l) => !a.has(l.value)), f.value = f.value.filter((l) => !a.has(l.value)), g.value = g.value.filter((l) => !a.has(l.value)), e.forEach((l) => {
+      r.value = r.value.filter((l) => !a.has(l.value)), v.value = v.value.filter((l) => !a.has(l.value)), g.value = g.value.filter((l) => !a.has(l.value)), e.forEach((l) => {
         if ($.delete(l.value), l.selected = !1, g.value.length) {
           const u = g.value.pop();
-          u && (f.value.push(u), $.delete(u.value));
+          u && (v.value.push(u), $.delete(u.value));
         }
-        s.enableItemCreation && l.custom && (n.value = n.value.filter((u) => u.value !== l.value), C.value = C.value.filter((u) => x(u) ? !0 : u.value !== l.value), w("item-removed", l));
+        s.enableItemCreation && l.custom && (n.value = n.value.filter((u) => u.value !== l.value), S.value = S.value.filter((u) => x(u) ? !0 : u.value !== l.value), w("item-removed", l));
       }), t && L();
     }, se = (e, t) => {
       let a = !1, l = t ? e : n.value.filter((o) => o.value === e.value)?.[0] || null;
       if (s.enableItemCreation && l?.custom && (a = !0), l === null && (l = r.value.filter((o) => o.value === e.value)?.[0] || null), l === null)
         return;
       if (l.selected) {
-        if (r.value = r.value.filter((o) => o.value !== e.value), f.value.filter((o) => o.value === e.value).length ? f.value = f.value.filter((o) => o.value !== e.value) : $.delete(e.value) && (g.value = g.value.filter((o) => o.value !== e.value)), l.selected = !1, g.value.length) {
+        if (r.value = r.value.filter((o) => o.value !== e.value), v.value.filter((o) => o.value === e.value).length ? v.value = v.value.filter((o) => o.value !== e.value) : $.delete(e.value) && (g.value = g.value.filter((o) => o.value !== e.value)), l.selected = !1, g.value.length) {
           const o = g.value.pop();
-          o && (f.value.push(o), $.delete(o.value));
+          o && (v.value.push(o), $.delete(o.value));
         }
-        a && (n.value = n.value.filter((o) => o.value !== e.value), C.value = C.value.filter((o) => x(o) ? !0 : o.value !== e.value), w("item-removed", e));
+        a && (n.value = n.value.filter((o) => o.value !== e.value), S.value = S.value.filter((o) => x(o) ? !0 : o.value !== e.value), w("item-removed", e));
       } else
-        l.selected = !0, r.value.push(l), f.value.push(l), t && (l.custom = !0, n.value.push(l), C.value.unshift(l));
+        l.selected = !0, r.value.push(l), v.value.push(l), t && (l.custom = !0, n.value.push(l), S.value.unshift(l));
       L();
       const u = r.value.map((o) => o.value);
       w("selected", r.value), w("change", l), w("update:modelValue", u);
     }, xe = (e) => {
       s.enableItemCreation && Ee(), e.preventDefault();
     }, Ee = () => {
-      if (!s.enableItemCreation || !m.value || !ke.value || !s.itemCreationValidator(m.value))
+      if (!s.enableItemCreation || !f.value || !ke.value || !s.itemCreationValidator(f.value))
         return;
       const e = n.value.length + 1, t = {
-        label: m.value.trim(),
+        label: f.value.trim(),
         value: xt(),
-        key: `${At(m.value.trim()).replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${e}`
+        key: `${At(f.value.trim()).replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${e}`
       };
-      w("item-added", t), se(t, !0), m.value = "";
+      w("item-added", t), se(t, !0), f.value = "";
     }, x = (e) => "items" in e && Array.isArray(e.items), Fe = () => {
       const e = [], t = [], a = [];
-      for (const o of Se.value)
+      for (const o of Ce.value)
         x(o) ? a.push(o) : t.push(o);
       const l = t.filter((o) => o.selected), u = t.filter((o) => !o.selected);
       e.push(...l, ...u);
       for (const o of a) {
-        const i = o.items.filter((p) => p.selected), S = o.items.filter((p) => !p.selected);
+        const i = o.items.filter((m) => m.selected), C = o.items.filter((m) => !m.selected);
         e.push({
           label: o.label,
           key: o.key,
-          items: [...i, ...S]
+          items: [...i, ...C]
         });
       }
       j.value = e;
     }, oe = () => {
       n.value.forEach((t) => {
         t.disabled || (t.selected = !1, t.custom && w("item-removed", t));
-      }), n.value = n.value.filter((t) => !(t.custom && !t.disabled)), C.value = C.value.filter((t) => x(t) ? !0 : !(t.custom && !t.disabled)), r.value = r.value.filter((t) => t.disabled), f.value = f.value.filter((t) => t.disabled), g.value = g.value.filter((t) => (t.disabled || $.delete(t.value), t.disabled)), m.value = "", L();
+      }), n.value = n.value.filter((t) => !(t.custom && !t.disabled)), S.value = S.value.filter((t) => x(t) ? !0 : !(t.custom && !t.disabled)), r.value = r.value.filter((t) => t.disabled), v.value = v.value.filter((t) => t.disabled), g.value = g.value.filter((t) => (t.disabled || $.delete(t.value), t.disabled)), f.value = "", L();
       const e = r.value.map((t) => t.value);
       w("selected", r.value), w("update:modelValue", e), w("query-change", "");
     }, ze = (e) => {
-      m.value = e.trim(), w("query-change", e.trim());
+      f.value = e.trim(), w("query-change", e.trim());
     }, st = (e, t) => {
       e.keyCode === 27 && (t.value = !1), (e.key === "ArrowDown" || e.key === "ArrowUp") && fe.value?.setFocus(e.key === "ArrowDown" ? "down" : "up");
     }, Ke = () => {
@@ -233,27 +233,27 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
     }, ot = (e) => {
       (e.key === "ArrowDown" || e.key === "ArrowUp") && fe.value?.setFocus(e.key === "ArrowDown" ? "down" : "up");
     }, ut = async () => {
-      ae.value = !0, Pe();
-    }, Pe = () => {
+      ae.value = !0, Me();
+    }, Me = () => {
       we.value || (we.value = !0, w("query-change", ""));
     };
     T(B, () => {
       setTimeout(() => {
         const e = ye.value;
         if (s.collapsedContext) {
-          le.value = G(f.value), U.value = [], W.value++;
+          le.value = G(v.value), U.value = [], W.value++;
           return;
         }
         if (e)
           if (e.clientHeight > te.value) {
-            const a = f.value.pop();
+            const a = v.value.pop();
             a && !$.has(a.value) && (g.value.push(a), $.add(a.value)), B.value++;
           } else
-            le.value = G(f.value), U.value = G(g.value), W.value++;
+            le.value = G(v.value), U.value = G(g.value), W.value++;
       }, 0);
     }), T(W, async () => {
       E.value && typeof E.value.updatePopper == "function" && (await X(), E.value.updatePopper());
-    }), T(Se, () => {
+    }), T(Ce, () => {
       Fe();
     }), T(je, (e, t) => {
       if (JSON.stringify(e) !== JSON.stringify(t)) {
@@ -275,11 +275,11 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
         const i = /* @__PURE__ */ new Map();
         for (const d of a)
           x(d) || (d.group && (i.has(d.group) || i.set(d.group, []), i.get(d.group).push(d)), u.push(d));
-        const S = Array.from(i.keys()).sort(
-          (d, M) => d.toLowerCase().localeCompare(M.toLowerCase())
-        ), p = u.filter((d) => !d.group);
-        o.push(...p);
-        for (const d of S)
+        const C = Array.from(i.keys()).sort(
+          (d, P) => d.toLowerCase().localeCompare(P.toLowerCase())
+        ), m = u.filter((d) => !d.group);
+        o.push(...m);
+        for (const d of C)
           o.push({
             label: d,
             items: i.get(d)
@@ -288,54 +288,54 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
       n.value = u;
       for (let i = 0; i < n.value.length; i++) {
         n.value[i].selected === void 0 && (n.value[i].selected = !1);
-        let S = `${n.value[i].label?.replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${i}`;
-        if (S.includes("undefined") && (S = `multiselect-item-label-${i}`), n.value[i].key = S, s.modelValue.includes(n.value[i].value) || n.value[i].selected) {
-          const p = n.value[i];
-          p.selected = !0, r.value.filter((d) => d.value === p.value).length || r.value.push(p), f.value.filter((d) => d.value === p.value).length || f.value.push(p);
+        let C = `${n.value[i].label?.replace(/ /gi, "-")?.replace(/[^a-z0-9-_]/gi, "")}-${i}`;
+        if (C.includes("undefined") && (C = `multiselect-item-label-${i}`), n.value[i].key = C, s.modelValue.includes(n.value[i].value) || n.value[i].selected) {
+          const m = n.value[i];
+          m.selected = !0, r.value.filter((d) => d.value === m.value).length || r.value.push(m), v.value.filter((d) => d.value === m.value).length || v.value.push(m);
         }
       }
       if (l) {
-        const i = [], S = [];
-        for (const p of a)
-          if (x(p)) {
-            const d = p.items.map((M) => n.value.find((it) => it.value === M.value)).filter((M) => M !== void 0);
-            S.push({
-              label: p.label,
-              key: p.key,
+        const i = [], C = [];
+        for (const m of a)
+          if (x(m)) {
+            const d = m.items.map((P) => n.value.find((it) => it.value === P.value)).filter((P) => P !== void 0);
+            C.push({
+              label: m.label,
+              key: m.key,
               items: d
             });
           } else {
-            const d = n.value.find((M) => M.value === p.value);
+            const d = n.value.find((P) => P.value === m.value);
             d && i.push(d);
           }
-        o.push(...i, ...S);
+        o.push(...i, ...C);
       }
-      C.value = o, L(), E.value && typeof E.value.updatePopper == "function" && X(() => {
+      S.value = o, L(), E.value && typeof E.value.updatePopper == "function" && X(() => {
         E.value.updatePopper();
       });
     }, { deep: !0, immediate: !0 });
-    const H = h(300), Me = async () => {
-      H.value = 300, await X(), H.value = J.value?.clientWidth || 300, L();
+    const D = h(300), Pe = async () => {
+      D.value = 300, await X(), D.value = J.value?.clientWidth || 300, L();
     }, Q = h();
     return vt(() => {
-      $t("resize", Me), Q.value = St.create(Me), Q.value.observe(J.value);
+      $t("resize", Pe), Q.value = Ct.create(Pe), Q.value.observe(J.value);
     }), ft(() => {
       Q.value && J.value && Q.value.unobserve(J.value);
-    }), (e, t) => (v(), y("div", {
+    }), (e, t) => (c(), y("div", {
       class: ie(["k-multiselect", [e.$attrs.class, { "multiselect-error": s.error }]]),
       style: ue(et.value)
     }, [
-      s.label ? (v(), V(pt, ne({ key: 0 }, s.labelAttributes, {
+      s.label ? (c(), V(pt, ne({ key: 0 }, s.labelAttributes, {
         "data-testid": s.labelAttributes["data-testid"] ? s.labelAttributes["data-testid"] : "multiselect-label",
         for: ge.value,
         required: me.value
       }), re({
         default: k(() => [
-          Y(z(De.value) + " ", 1)
+          Y(z(He.value) + " ", 1)
         ]),
         _: 2
       }, [
-        Oe.value ? {
+        Oe() ? {
           name: "tooltip",
           fn: k(() => [
             N(e.$slots, "label-tooltip", {}, void 0, !0)
@@ -350,8 +350,8 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
               ref_key: "popper",
               ref: E,
               "hide-close-icon": "",
-              offset: `var(--kui-space-40, ${I(Ct)})`
-            }, Ye.value, {
+              offset: `var(--kui-space-40, ${I(St)})`
+            }, Xe(), {
               onClose: () => Ae(!1, a, l),
               onOpen: () => Ae(!0, a, l)
             }), {
@@ -363,7 +363,7 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                   onMouseenter: t[8] || (t[8] = () => R.value = !0),
                   onMouseleave: t[9] || (t[9] = () => R.value = !1)
                 }, [
-                  !s.collapsedContext && !F.value ? (v(), y("div", qt, [
+                  !s.collapsedContext && !F.value ? (c(), y("div", qt, [
                     A(Te, {
                       ref: "multiselectDropdownInputElement",
                       autocapitalize: "off",
@@ -371,18 +371,18 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                       autocorrect: "off",
                       class: "multiselect-dropdown-input",
                       "data-testid": "multiselect-dropdown-input",
-                      "model-value": m.value,
+                      "model-value": f.value,
                       name: "multiselect-options-search",
                       placeholder: s.searchPlaceholder || Rt,
                       spellcheck: "false",
                       type: "text",
                       onClick: t[5] || (t[5] = O(() => {
                       }, ["stop"])),
-                      onFocus: Pe,
-                      onKeydown: D(xe, ["enter"]),
+                      onFocus: Me,
+                      onKeydown: H(xe, ["enter"]),
                       onKeyup: [
                         ot,
-                        t[6] || (t[6] = D(O(() => {
+                        t[6] || (t[6] = H(O(() => {
                         }, ["stop"]), ["enter"]))
                       ],
                       "onUpdate:modelValue": ze
@@ -390,9 +390,9 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                   ])) : K("", !0),
                   A(yt, {
                     ref: "kMultiselectItems",
-                    "filter-string": m.value,
+                    "filter-string": f.value,
                     "item-creation-enabled": s.enableItemCreation && ke.value,
-                    "item-creation-valid": s.itemCreationValidator(m.value),
+                    "item-creation-valid": s.itemCreationValidator(f.value),
                     items: j.value,
                     onAddItem: Ee,
                     onSelected: se
@@ -405,17 +405,17 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                     ]),
                     _: 3
                   }, 8, ["filter-string", "item-creation-enabled", "item-creation-valid", "items"]),
-                  !j.value.length && !e.$slots.empty && !s.enableItemCreation ? (v(), V(kt, {
+                  !j.value.length && !e.$slots.empty && !s.enableItemCreation ? (c(), V(kt, {
                     key: "multiselect-empty-item",
                     class: "multiselect-empty-item",
                     "data-testid": "multiselect-empty-item",
                     item: { label: "No results", value: "no_results", disabled: !0 }
                   })) : K("", !0),
-                  e.$slots.empty && !s.loading && !j.value.length ? (v(), y("div", Lt, [
+                  e.$slots.empty && !s.loading && !j.value.length ? (c(), y("div", Lt, [
                     N(e.$slots, "empty", {}, void 0, !0)
                   ])) : K("", !0)
                 ], 32),
-                s.dropdownFooterText || e.$slots["dropdown-footer-text"] ? (v(), y("div", {
+                s.dropdownFooterText || e.$slots["dropdown-footer-text"] ? (c(), y("div", {
                   key: 0,
                   class: ie(["dropdown-footer", `dropdown-footer-${s.dropdownFooterTextPosition}`]),
                   "data-testid": "dropdown-footer"
@@ -429,28 +429,28 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                 q("div", ne({
                   id: ge.value,
                   ref: "multiselectElement",
-                  class: ["multiselect-trigger", { focused: ae.value, hovered: R.value, disabled: P.value, readonly: F.value }],
+                  class: ["multiselect-trigger", { focused: ae.value, hovered: R.value, disabled: M.value, readonly: F.value }],
                   "data-testid": "multiselect-trigger",
                   role: "listbox",
-                  tabindex: P.value || F.value || s.collapsedContext ? -1 : 0
+                  tabindex: M.value || F.value || s.collapsedContext ? -1 : 0
                 }, Qe.value, {
                   onClick: lt,
                   onKeydown: [
-                    D(Ke, ["enter"]),
-                    D(Ke, ["space"])
+                    H(Ke, ["enter"]),
+                    H(Ke, ["space"])
                   ]
                 }), [
-                  s.collapsedContext ? (v(), y("div", zt, [
+                  s.collapsedContext ? (c(), y("div", zt, [
                     A(Te, {
                       autocapitalize: "off",
                       autocomplete: "off",
                       autocorrect: "off",
                       class: ie(["multiselect-input", { "is-readonly": F.value }]),
                       "data-testid": "multiselect-input",
-                      disabled: P.value,
-                      "model-value": m.value,
+                      disabled: M.value,
+                      "model-value": f.value,
                       name: "multiselect-options-search",
-                      placeholder: Ce.value,
+                      placeholder: Se.value,
                       readonly: F.value ? !0 : void 0,
                       spellcheck: "false",
                       type: "text",
@@ -459,19 +459,19 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                         a.value && u.stopPropagation();
                       },
                       onFocus: ut,
-                      onKeydown: D(xe, ["enter"]),
+                      onKeydown: H(xe, ["enter"]),
                       onKeyup: (u) => st(u, a),
                       onMouseenter: t[1] || (t[1] = () => R.value = !0),
                       onMouseleave: t[2] || (t[2] = () => R.value = !1),
                       "onUpdate:modelValue": ze
                     }, null, 8, ["class", "disabled", "model-value", "placeholder", "readonly", "onClick", "onKeyup"])
-                  ])) : r.value.length ? (v(), y("div", {
+                  ])) : r.value.length ? (c(), y("div", {
                     key: 2,
                     class: "selection-badges-container",
                     "data-testid": "selection-badges-container",
                     style: ue(Ie.value)
                   }, [
-                    (v(!0), y(qe, null, Le(le.value, (u, o) => (v(), V(_, {
+                    (c(!0), y(qe, null, Le(le.value, (u, o) => (c(), V(_, {
                       key: `${I(be)}-${u.key ? u.key : o}-badge-${W.value}`,
                       appearance: pe(u),
                       class: "multiselect-selection-badge",
@@ -483,11 +483,11 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                     }, re({
                       default: k(() => [
                         N(e.$slots, "item-badge-icon", { item: u }, void 0, !0),
-                        q("span", Pt, z(u.label), 1)
+                        q("span", Mt, z(u.label), 1)
                       ]),
                       _: 2
                     }, [
-                      u.selected && !u.disabled && !P.value && !F.value ? {
+                      u.selected && !u.disabled && !M.value && !F.value ? {
                         name: "icon",
                         fn: k(() => [
                           q("button", {
@@ -498,12 +498,12 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                             onClick: (i) => se(u)
                           }, [
                             A(I(de), { decorative: "" })
-                          ], 8, Mt)
+                          ], 8, Pt)
                         ]),
                         key: "0"
                       } : void 0
                     ]), 1032, ["appearance", "tooltip"]))), 128)),
-                    U.value.length ? (v(), V(bt, {
+                    U.value.length ? (c(), V(bt, {
                       key: 0,
                       class: "hidden-selection-count-tooltip",
                       "max-width": "300",
@@ -525,9 +525,9 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                       ]),
                       _: 1
                     }, 8, ["text"])) : K("", !0)
-                  ], 4)) : (v(), y("div", Kt, z(Ce.value), 1)),
+                  ], 4)) : (c(), y("div", Kt, z(Se.value), 1)),
                   q("div", Vt, [
-                    !s.loading && r.value.length && a.value ? (v(), y("button", {
+                    !s.loading && r.value.length && a.value ? (c(), y("button", {
                       key: 0,
                       "aria-label": "Clear",
                       class: "multiselect-clear-icon",
@@ -538,12 +538,12 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
                       A(I(de), {
                         size: `var(--kui-icon-size-40, ${I(ce)})`
                       }, null, 8, ["size"])
-                    ])) : s.loading ? (v(), V(I(It), {
+                    ])) : s.loading ? (c(), V(I(It), {
                       key: 1,
                       class: "multiselect-loading-icon",
                       size: `var(--kui-icon-size-40, ${I(ce)})`,
                       title: "Loading"
-                    }, null, 8, ["size"])) : (v(), V(I(wt), {
+                    }, null, 8, ["size"])) : (c(), V(I(wt), {
                       key: 2,
                       class: "multiselect-chevron-icon",
                       decorative: "",
@@ -558,16 +558,16 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
           _: 3
         })
       ]),
-      s.help ? (v(), y("p", Tt, z(s.help), 1)) : K("", !0),
-      s.collapsedContext ? K("", !0) : (v(), y("div", Nt, [
-        (v(), y("div", {
+      s.help ? (c(), y("p", Tt, z(s.help), 1)) : K("", !0),
+      s.collapsedContext ? K("", !0) : (c(), y("div", Nt, [
+        (c(), y("div", {
           key: B.value,
           ref: "multiselectSelectionsStagingElement",
           class: "selection-badges-container staging",
           style: ue(Ie.value),
           tabindex: "-1"
         }, [
-          (v(!0), y(qe, null, Le(f.value, (a, l) => (v(), V(_, {
+          (c(!0), y(qe, null, Le(v.value, (a, l) => (c(), V(_, {
             key: `${I(be)}-${a.key ? a.key : l}-badge`,
             "aria-hidden": "true",
             class: "multiselect-selection-badge",
@@ -579,7 +579,7 @@ const Et = { "data-testid": "multiselect-container" }, Ft = ["id", "tabindex"],
             ]),
             _: 2
           }, [
-            a.selected && !a.disabled && !P.value && !F.value ? {
+            a.selected && !a.disabled && !M.value && !F.value ? {
               name: "icon",
               fn: k(() => [
                 A(I(de), { "aria-hidden": "true" })

package/dist/{kongponents131.cjs → kongponents130.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents49.cjs"),x=require("./kongponents38.cjs"),j=require("./kongponents207.cjs"),L=require("./kongponents208.cjs"),U=require("./kongponents196.cjs"),W=require("./kongponents209.cjs"),R=require("./kongponents210.cjs"),Z=require("./kongponents181.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ie={class:"pagination-text-pages"},ue=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,v=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),u=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),i=e.computed(()=>Math.ceil(t.totalCount/u.value)),P=t.pageSizes.map((a,n)=>({label:`${a}`,key:`size-${n}`,value:a,selected:a===u.value})),q=e.computed(()=>`${u.value} ${u.value===1?"item per page":" items per page"}`),s=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),v.value?v.value.scrollWidth>v.value.clientWidth:!1),z=async()=>{await G()&&(s.value>1||r.value>1)&&(s.value>1?s.value--:r.value>1&&r.value--,b.value=y(l.value,i.value,f.value,m.value))},y=(a,n,o,S)=>{if(t.disablePageJump)return[];let c=[...Array(n).keys()].map(d=>d+1);const H=r.value+2+2*s.value;return c.length<=H||(o?o&&S?c=c.filter(d=>d>a-s.value-1&&d<a+s.value+1):o&&!S&&(c=c.filter(d=>d>n-s.value*2-r.value)):c=c.filter(d=>d<=s.value*2+r.value)),c},V=e.ref(l.value===1),B=e.ref(l.value===i.value),h=e.computed(()=>(l.value-1)*u.value+1),N=e.computed(()=>{const a=h.value-1+u.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),g=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*s.value),f=e.computed(()=>i.value>O.value&&g.value>=s.value+(r.value+1)),m=e.computed(()=>i.value>O.value&&g.value<=i.value-s.value-r.value),b=e.ref(y(g.value,i.value,f.value,m.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*u.value+u.value;B.value=a>=t.totalCount,V.value=l.value===1,b.value=y(l.value,i.value,f.value,m.value),k("pageChange",{page:l.value,pageCount:i.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{u.value!==a.value&&(u.value=a.value,k("pageSizeChange",{pageSize:u.value,pageCount:i.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,n)=>{a!==n&&a&&p(a)}),e.watch(i,(a,n)=>{a!==n&&(B.value=l.value===a,b.value=y(g.value,a,f.value,m.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(v.value))}),e.onBeforeUnmount(()=>{!t.disablePageJump&&!t.offset&&C.value?.unobserve(v.value)}),(a,n)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:v,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:n[0]||(n[0]=o=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o},[e.createElementVNode("button",{"aria-current":o==g.value&&"page"||void 0,"aria-label":`Go to page ${o}`,class:e.normalizeClass(["pagination-button",{active:o==g.value}]),"data-testid":`page-${o}-button`,type:"button",onClick:S=>p(o)},e.toDisplayString(o),11,te)]))),128)),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:n[1]||(n[1]=o=>p(i.value))},e.toDisplayString(i.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ie,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents49.cjs"),x=require("./kongponents38.cjs"),j=require("./kongponents209.cjs"),L=require("./kongponents210.cjs"),U=require("./kongponents203.cjs"),W=require("./kongponents211.cjs"),R=require("./kongponents205.cjs"),Z=require("./kongponents181.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ie={class:"pagination-text-pages"},ue=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,v=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),u=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),i=e.computed(()=>Math.ceil(t.totalCount/u.value)),P=t.pageSizes.map((a,n)=>({label:`${a}`,key:`size-${n}`,value:a,selected:a===u.value})),q=e.computed(()=>`${u.value} ${u.value===1?"item per page":" items per page"}`),s=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),v.value?v.value.scrollWidth>v.value.clientWidth:!1),z=async()=>{await G()&&(s.value>1||r.value>1)&&(s.value>1?s.value--:r.value>1&&r.value--,b.value=y(l.value,i.value,f.value,m.value))},y=(a,n,o,S)=>{if(t.disablePageJump)return[];let c=[...Array(n).keys()].map(d=>d+1);const H=r.value+2+2*s.value;return c.length<=H||(o?o&&S?c=c.filter(d=>d>a-s.value-1&&d<a+s.value+1):o&&!S&&(c=c.filter(d=>d>n-s.value*2-r.value)):c=c.filter(d=>d<=s.value*2+r.value)),c},V=e.ref(l.value===1),B=e.ref(l.value===i.value),h=e.computed(()=>(l.value-1)*u.value+1),N=e.computed(()=>{const a=h.value-1+u.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),g=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*s.value),f=e.computed(()=>i.value>O.value&&g.value>=s.value+(r.value+1)),m=e.computed(()=>i.value>O.value&&g.value<=i.value-s.value-r.value),b=e.ref(y(g.value,i.value,f.value,m.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*u.value+u.value;B.value=a>=t.totalCount,V.value=l.value===1,b.value=y(l.value,i.value,f.value,m.value),k("pageChange",{page:l.value,pageCount:i.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{u.value!==a.value&&(u.value=a.value,k("pageSizeChange",{pageSize:u.value,pageCount:i.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,n)=>{a!==n&&a&&p(a)}),e.watch(i,(a,n)=>{a!==n&&(B.value=l.value===a,b.value=y(g.value,a,f.value,m.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(v.value))}),e.onBeforeUnmount(()=>{!t.disablePageJump&&!t.offset&&C.value?.unobserve(v.value)}),(a,n)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:v,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:n[0]||(n[0]=o=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o},[e.createElementVNode("button",{"aria-current":o==g.value&&"page"||void 0,"aria-label":`Go to page ${o}`,class:e.normalizeClass(["pagination-button",{active:o==g.value}]),"data-testid":`page-${o}-button`,type:"button",onClick:S=>p(o)},e.toDisplayString(o),11,te)]))),128)),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:n[1]||(n[1]=o=>p(i.value))},e.toDisplayString(i.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ie,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ue;