@kong/kongponents 9.48.10-pr.3042.e2c613f.0 → 9.49.0

package/dist/kongponents.es122.js

@@ -1,26 +1,25 @@
-import { defineComponent as le, ref as v, computed as m, watch as A, onMounted as ie, onBeforeUnmount as ne, createElementBlock as f, openBlock as r, normalizeClass as W, createBlock as j, createElementVNode as c, Fragment as q, createTextVNode as L, toDisplayString as P, createCommentVNode as k, createVNode as C, withCtx as J, unref as h, renderList as ue, nextTick as oe } from "vue";
+import { defineComponent as le, ref as v, computed as m, watch as K, onMounted as ie, onBeforeUnmount as ne, createElementBlock as f, openBlock as r, normalizeClass as j, createBlock as q, createElementVNode as c, Fragment as H, createTextVNode as L, toDisplayString as P, createCommentVNode as k, createVNode as C, withCtx as J, unref as h, renderList as ue, nextTick as oe } from "vue";
 import se from "./kongponents.es42.js";
 import T from "./kongponents.es33.js";
-import ve from "./kongponents.es214.js";
-import re from "./kongponents.es215.js";
-import ce from "./kongponents.es216.js";
-import de from "./kongponents.es217.js";
-import { ResizeObserverHelper as ge } from "./kongponents.es180.js";
-import { DEFAULT_PAGE_SIZE as fe } from "./kongponents.es169.js";
-const be = {
+import ve from "./kongponents.es213.js";
+import re from "./kongponents.es214.js";
+import ce from "./kongponents.es206.js";
+import de from "./kongponents.es215.js";
+import { ResizeObserverHelper as ge } from "./kongponents.es207.js";
+const fe = {
   class: "pagination-text large-screen",
   "data-testid": "visible-items"
-}, me = { class: "pagination-text-pages" }, pe = { class: "pagination-button-container" }, Pe = { key: 0 }, he = {
+}, be = { class: "pagination-text-pages" }, me = { class: "pagination-button-container" }, pe = { key: 0 }, Pe = {
   key: 1,
   class: "pagination-button placeholder"
-}, ye = ["aria-current", "aria-label", "data-testid", "onClick"], ke = {
+}, he = ["aria-current", "aria-label", "data-testid", "onClick"], ye = {
   key: 2,
   class: "pagination-button placeholder"
-}, Ce = { key: 3 }, ze = { class: "page-size-select" }, xe = {
+}, ke = { key: 3 }, Ce = { class: "page-size-select" }, ze = {
   key: 0,
   class: "pagination-text small-screen",
   "data-testid": "visible-items"
-}, Se = { class: "pagination-text-pages" }, Ie = /* @__PURE__ */ le({
+}, xe = { class: "pagination-text-pages" }, Ge = /* @__PURE__ */ le({
   __name: "KPagination",
   props: {
     items: { default: () => [] },
@@ -35,16 +34,16 @@ const be = {
     offsetNextButtonDisabled: { type: Boolean }
   },
   emits: ["pageChange", "pageSizeChange", "getNextOffset", "getPreviousOffset"],
-  setup(e, { emit: H }) {
-    const R = {
+  setup(e, { emit: R }) {
+    const U = {
       placement: "top"
-    }, B = H, y = v(null), N = v(), a = v(e.currentPage ? e.currentPage : 1), o = v(e.initialPageSize ? e.initialPageSize : e.pageSizes[0] ?? fe), i = m(() => Math.ceil(e.totalCount / o.value)), w = e.pageSizes.map((t, n) => ({
+    }, B = R, y = v(null), N = v(), a = v(e.currentPage ? e.currentPage : 1), o = v(e.initialPageSize ? e.initialPageSize : e.pageSizes[0]), i = m(() => Math.ceil(e.totalCount / o.value)), w = e.pageSizes.map((t, n) => ({
       label: `${t}`,
       key: `size-${n}`,
       value: t,
       selected: t === o.value
-    })), Z = m(() => `${o.value} ${o.value === 1 ? "item per page" : " items per page"}`), l = v(e.neighbors), s = v(3), Q = async () => (await oe(), y.value ? y.value.scrollWidth > y.value.clientWidth : !1), F = async () => {
-      await Q() && (l.value > 1 || s.value > 1) && (l.value > 1 ? l.value-- : s.value > 1 && s.value--, x.value = O(a.value, i.value, p.value, d.value));
+    })), Q = m(() => `${o.value} ${o.value === 1 ? "item per page" : " items per page"}`), l = v(e.neighbors), s = v(3), X = async () => (await oe(), y.value ? y.value.scrollWidth > y.value.clientWidth : !1), A = async () => {
+      await X() && (l.value > 1 || s.value > 1) && (l.value > 1 ? l.value-- : s.value > 1 && s.value--, x.value = O(a.value, i.value, p.value, d.value));
     }, O = (t, n, u, I) => {
       if (e.disablePageJump)
         return [];
@@ -53,28 +52,28 @@ const be = {
       return g.length <= ae || (u ? u && I ? g = g.filter(
         (b) => b > t - l.value - 1 && b < t + l.value + 1
       ) : u && !I && (g = g.filter((b) => b > n - l.value * 2 - s.value)) : g = g.filter((b) => b <= l.value * 2 + s.value)), g;
-    }, K = v(a.value === 1), D = v(a.value === i.value), $ = m(() => (a.value - 1) * o.value + 1), E = m(() => {
+    }, F = v(a.value === 1), D = v(a.value === i.value), $ = m(() => (a.value - 1) * o.value + 1), G = m(() => {
       const t = $.value - 1 + o.value;
       return t > e.totalCount ? e.totalCount : t;
-    }), M = m(() => `${$.value} to ${E.value}`), U = m(() => ` of ${e.totalCount}`), z = m(() => e.currentPage ? e.currentPage : a.value), V = m(() => 5 + 2 * l.value), p = v(z.value >= l.value + (s.value + 1) && i.value > V.value), d = v(i.value > s.value + 2 + 2 * l.value), x = v(O(
+    }), M = m(() => `${$.value} to ${G.value}`), V = m(() => ` of ${e.totalCount}`), z = m(() => e.currentPage ? e.currentPage : a.value), W = m(() => 5 + 2 * l.value), p = v(z.value >= l.value + (s.value + 1) && i.value > W.value), d = v(i.value > s.value + 2 + 2 * l.value), x = v(O(
       z.value,
       i.value,
       p.value,
       d.value
-    )), X = () => {
-      a.value++, G();
-    }, Y = () => {
-      a.value--, G();
+    )), Y = () => {
+      a.value++, E();
+    }, Z = () => {
+      a.value--, E();
     }, S = (t) => {
-      a.value = t, G();
-    }, G = () => {
+      a.value = t, E();
+    }, E = () => {
       const t = (a.value - 1) * o.value + o.value;
-      D.value = t >= e.totalCount, K.value = a.value === 1, i.value <= V.value ? (p.value = !1, d.value = !1) : (p.value = a.value >= l.value + (s.value + 1), d.value = a.value <= i.value - l.value - s.value), x.value = O(a.value, i.value, p.value, d.value), B("pageChange", {
+      D.value = t >= e.totalCount, F.value = a.value === 1, i.value <= W.value ? (p.value = !1, d.value = !1) : (p.value = a.value >= l.value + (s.value + 1), d.value = a.value <= i.value - l.value - s.value), x.value = O(a.value, i.value, p.value, d.value), B("pageChange", {
         page: a.value,
         pageCount: i.value,
         firstItem: $.value,
-        lastItem: E.value,
-        visibleItems: e.items.slice($.value - 1, E.value)
+        lastItem: G.value,
+        visibleItems: e.items.slice($.value - 1, G.value)
       });
     }, _ = (t) => {
       o.value !== t.value && (o.value = t.value, B("pageSizeChange", {
@@ -86,51 +85,51 @@ const be = {
     }, te = () => {
       B("getPreviousOffset");
     };
-    return A(() => e.currentPage, (t, n) => {
+    return K(() => e.currentPage, (t, n) => {
       t !== n && t && S(t);
-    }), A(i, (t, n) => {
+    }), K(i, (t, n) => {
       t !== n && (D.value = a.value === t, d.value = t > s.value + 2 + 2 * l.value, x.value = O(
         z.value,
         t,
         !1,
         d.value
       ));
-    }), A(x, () => {
-      !e.disablePageJump && !e.offset && F();
+    }), K(x, () => {
+      !e.disablePageJump && !e.offset && A();
     }), ie(() => {
-      !e.disablePageJump && !e.offset && (N.value = ge.create(F), N.value.observe(y.value));
+      !e.disablePageJump && !e.offset && (N.value = ge.create(A), N.value.observe(y.value));
     }), ne(() => {
       var t;
       !e.disablePageJump && !e.offset && ((t = N.value) == null || t.unobserve(y.value));
     }), (t, n) => (r(), f("nav", {
       ref_key: "kPaginationElement",
       ref: y,
-      class: W(["k-pagination", { "page-jump": !e.disablePageJump && !e.offset }]),
+      class: j(["k-pagination", { "page-jump": !e.disablePageJump && !e.offset }]),
       "data-testid": "k-pagination"
     }, [
-      e.offset ? (r(), j(ve, {
+      e.offset ? (r(), q(ve, {
         key: 1,
         "next-button-disabled": e.offsetNextButtonDisabled,
         "previous-button-disabled": e.offsetPreviousButtonDisabled,
         onGetNextOffset: ee,
         onGetPreviousOffset: te
-      }, null, 8, ["next-button-disabled", "previous-button-disabled"])) : (r(), f(q, { key: 0 }, [
-        c("span", be, [
-          c("span", me, P(M.value), 1),
-          L(" " + P(U.value), 1)
+      }, null, 8, ["next-button-disabled", "previous-button-disabled"])) : (r(), f(H, { key: 0 }, [
+        c("span", fe, [
+          c("span", be, P(M.value), 1),
+          L(" " + P(V.value), 1)
         ]),
-        c("ul", pe, [
+        c("ul", me, [
           c("li", null, [
             C(T, {
               appearance: "tertiary",
               "aria-label": "Go to the previous page",
               class: "pagination-button arrow",
               "data-testid": "previous-button",
-              disabled: K.value,
+              disabled: F.value,
               icon: "",
               size: "small",
               type: "button",
-              onClick: Y
+              onClick: Z
             }, {
               default: J(() => [
                 C(h(re), {
@@ -141,7 +140,7 @@ const be = {
               _: 1
             }, 8, ["disabled"])
           ]),
-          !e.disablePageJump && p.value ? (r(), f("li", Pe, [
+          !e.disablePageJump && p.value ? (r(), f("li", pe, [
             c("button", {
               "aria-label": "Go to the first page",
               class: "pagination-button",
@@ -150,19 +149,19 @@ const be = {
               onClick: n[0] || (n[0] = (u) => S(1))
             }, " 1 ")
           ])) : k("", !0),
-          !e.disablePageJump && p.value ? (r(), f("li", he, " ... ")) : k("", !0),
-          (r(!0), f(q, null, ue(x.value, (u) => (r(), f("li", { key: u }, [
+          !e.disablePageJump && p.value ? (r(), f("li", Pe, " ... ")) : k("", !0),
+          (r(!0), f(H, null, ue(x.value, (u) => (r(), f("li", { key: u }, [
             c("button", {
               "aria-current": u == z.value && "page" || void 0,
               "aria-label": `Go to page ${u}`,
-              class: W(["pagination-button", { active: u == z.value }]),
+              class: j(["pagination-button", { active: u == z.value }]),
               "data-testid": `page-${u}-button`,
               type: "button",
               onClick: (I) => S(u)
-            }, P(u), 11, ye)
+            }, P(u), 11, he)
           ]))), 128)),
-          !e.disablePageJump && d.value ? (r(), f("li", ke, " ... ")) : k("", !0),
-          !e.disablePageJump && d.value ? (r(), f("li", Ce, [
+          !e.disablePageJump && d.value ? (r(), f("li", ye, " ... ")) : k("", !0),
+          !e.disablePageJump && d.value ? (r(), f("li", ke, [
             c("button", {
               "aria-label": "Go to the last page",
               class: "pagination-button",
@@ -181,7 +180,7 @@ const be = {
               icon: "",
               size: "small",
               type: "button",
-              onClick: X
+              onClick: Y
             }, {
               default: J(() => [
                 C(h(de), {
@@ -194,17 +193,17 @@ const be = {
           ])
         ])
       ], 64)),
-      c("div", ze, [
-        !e.disablePageJump && !e.offset ? (r(), f("span", xe, [
-          c("span", Se, P(M.value), 1),
-          L(" " + P(U.value), 1)
+      c("div", Ce, [
+        !e.disablePageJump && !e.offset ? (r(), f("span", ze, [
+          c("span", xe, P(M.value), 1),
+          L(" " + P(V.value), 1)
         ])) : k("", !0),
         C(se, {
           class: "page-size-dropdown",
           "data-testid": "page-size-dropdown",
           disabled: h(w).length <= 1,
           items: h(w),
-          "kpop-attributes": R,
+          "kpop-attributes": U,
           "selection-menu": "",
           onChange: _
         }, {
@@ -218,8 +217,8 @@ const be = {
               type: "button"
             }, {
               default: J(() => [
-                L(P(Z.value) + " ", 1),
-                h(w).length > 1 ? (r(), j(h(ce), {
+                L(P(Q.value) + " ", 1),
+                h(w).length > 1 ? (r(), q(h(ce), {
                   key: 0,
                   decorative: ""
                 })) : k("", !0)
@@ -234,5 +233,5 @@ const be = {
   }
 });
 export {
-  Ie as default
+  Ge as default
 };

package/dist/kongponents.es124.js

@@ -1,12 +1,12 @@
 import { defineComponent as Y, useSlots as _, useId as U, ref as v, computed as r, onMounted as ee, onBeforeUnmount as te, watch as oe, createBlock as le, openBlock as f, resolveDynamicComponent as ae, withKeys as ie, withModifiers as re, withCtx as h, createElementVNode as C, createVNode as y, renderSlot as b, unref as n, createTextVNode as H, toDisplayString as $, Transition as ne, withDirectives as se, mergeProps as ue, normalizeStyle as ce, createElementBlock as k, createCommentVNode as w, normalizeClass as N, vShow as de } from "vue";
-import { useFloating as ve } from "./kongponents.es235.js";
+import { useFloating as ve } from "./kongponents.es233.js";
 import fe from "./kongponents.es33.js";
-import pe from "./kongponents.es201.js";
+import pe from "./kongponents.es179.js";
 import { KUI_SPACE_60 as me, KUI_ICON_SIZE_30 as ge } from "./kongponents.es173.js";
-import he from "./kongponents.es236.js";
-import { useEventListener as p } from "./kongponents.es190.js";
-import { normalizeSize as x } from "./kongponents.es171.js";
-import { shift as Ce, flip as ye, autoPlacement as be, autoUpdate as ke } from "./kongponents.es237.js";
+import he from "./kongponents.es234.js";
+import { useEventListener as p } from "./kongponents.es208.js";
+import { normalizeSize as x } from "./kongponents.es186.js";
+import { shift as Ce, flip as ye, autoPlacement as be, autoUpdate as ke } from "./kongponents.es235.js";
 const we = ["id", "aria-labelledby", "x-placement"], xe = ["tabindex"], Ee = {
   key: 1,
   class: "popover-header"

package/dist/kongponents.es128.js

@@ -1,6 +1,6 @@
 import { defineComponent as z, watch as V, useSlots as D, useAttrs as E, useId as P, computed as l, resolveComponent as q, createElementBlock as o, openBlock as i, normalizeClass as v, createElementVNode as w, createCommentVNode as d, mergeProps as $, createVNode as C, createSlots as U, withCtx as u, renderSlot as s, createTextVNode as k, toDisplayString as b, withKeys as K, withModifiers as M, createBlock as X, unref as R } from "vue";
 import j from "./kongponents.es48.js";
-import F from "./kongponents.es184.js";
+import F from "./kongponents.es196.js";
 import { KUI_COLOR_TEXT_NEUTRAL as G } from "./kongponents.es173.js";
 const H = ["id", "aria-checked", "checked", "disabled", "tabindex"], J = {
   key: 0,

package/dist/kongponents.es130.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, watch as y, computed as h, createElementBlock as n, openBlock as o, Fragment as k, renderList as V, normalizeClass as C, renderSlot as z, createTextVNode as q, toDisplayString as w } from "vue";
-import { warnInvalidProp as S } from "./kongponents.es220.js";
+import { warnInvalidProp as S } from "./kongponents.es210.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {

package/dist/kongponents.es132.js

@@ -1,19 +1,19 @@
 import { defineComponent as xe, useCssVars as Be, computed as u, ref as b, useAttrs as Te, useSlots as qe, useId as _, useTemplateRef as B, watch as T, nextTick as De, onMounted as Le, onBeforeUnmount as Oe, createElementBlock as y, openBlock as f, normalizeClass as q, createBlock as D, createCommentVNode as h, createVNode as k, mergeProps as M, createSlots as ee, withCtx as m, createTextVNode as H, toDisplayString as L, renderSlot as p, unref as I, createElementVNode as te, withKeys as le, withModifiers as oe, Transition as Ne } from "vue";
-import ze from "./kongponents.es179.js";
+import ze from "./kongponents.es193.js";
 import Re from "./kongponents.es48.js";
 import We from "./kongponents.es46.js";
 import Ve from "./kongponents.es53.js";
 import Ue from "./kongponents.es20.js";
-import Me from "./kongponents.es231.js";
-import He from "./kongponents.es232.js";
-import Je from "./kongponents.es216.js";
-import Qe from "./kongponents.es201.js";
-import Ye from "./kongponents.es203.js";
-import { ResizeObserverHelper as je } from "./kongponents.es180.js";
+import Me from "./kongponents.es237.js";
+import He from "./kongponents.es238.js";
+import Je from "./kongponents.es206.js";
+import Qe from "./kongponents.es179.js";
+import Ye from "./kongponents.es182.js";
+import { ResizeObserverHelper as je } from "./kongponents.es207.js";
 import { sanitizeInput as ae } from "./kongponents.es168.js";
-import { useEventListener as Ge } from "./kongponents.es190.js";
+import { useEventListener as Ge } from "./kongponents.es208.js";
 import { getUniqueStringId as Xe } from "./kongponents.es151.js";
-import { normalizeSize as re } from "./kongponents.es171.js";
+import { normalizeSize as re } from "./kongponents.es186.js";
 import { KUI_SPACE_40 as Ze } from "./kongponents.es173.js";
 const _e = ["id"], et = ["aria-live"], tt = {
   key: 0,
@@ -67,9 +67,9 @@ const _e = ["id"], et = ["aria-live"], tt = {
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(t, { emit: A }) {
     Be((e) => ({
-      v07af4867: fe.value,
-      v2fed7f55: E.value,
-      v13a2df9a: be.value
+      v1a99f553: fe.value,
+      v5f65cb41: E.value,
+      v5d59272e: be.value
     }));
     const { stripRequiredLabel: O } = ze(), d = A, v = Te(), w = qe(), ie = _(), J = u(() => v.id ? String(v.id) : ie), N = b(!1), z = b(), ne = u(() => {
       var e;

package/dist/kongponents.es139.js

@@ -1,8 +1,8 @@
 import { defineComponent as C, useCssVars as h, computed as E, useTemplateRef as b, watch as T, onUnmounted as O, createElementBlock as l, openBlock as s, createVNode as n, Transition as c, withCtx as f, createCommentVNode as a, normalizeClass as B, createElementVNode as d, renderSlot as m, createTextVNode as V, toDisplayString as $, withModifiers as g, unref as v } from "vue";
-import { onClickOutside as w } from "./kongponents.es190.js";
-import x from "./kongponents.es201.js";
+import { onClickOutside as w } from "./kongponents.es208.js";
+import x from "./kongponents.es179.js";
 import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es173.js";
-import { normalizeSize as L } from "./kongponents.es171.js";
+import { normalizeSize as L } from "./kongponents.es186.js";
 const N = { class: "k-slideout" }, R = {
   key: 0,
   ref: "slideoutContainerElement",

package/dist/kongponents.es141.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, createElementBlock as a, createCommentVNode as n, openBlock as l, Fragment as s, renderList as m, createBlock as o } from "vue";
-import c from "./kongponents.es221.js";
+import c from "./kongponents.es229.js";
 const p = {
   key: 0,
   class: "k-stepper"