@kong/kongponents 9.46.11-pr.2997.fe2b1b2.0 → 9.46.12-pr.2931.7aa55a9.0

package/dist/kongponents.es256.js

@@ -1,26 +1,36 @@
-import { defineComponent as r, createElementBlock as n, openBlock as s, renderSlot as i, createVNode as e } from "vue";
-import t from "./kongponents.es58.js";
-const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
-  __name: "SkeletonBase",
-  setup(a) {
-    return (o, d) => (s(), n("div", l, [
-      i(o.$slots, "default", {}, () => [
-        e(t, {
-          height: "1",
-          width: "100"
-        }),
-        e(t, {
-          height: "1",
-          width: "100"
-        }),
-        e(t, {
-          height: "1",
-          width: "100"
-        })
-      ], !0)
+import { defineComponent as i, useCssVars as d, createElementBlock as t, openBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
+import f from "./kongponents.es58.js";
+const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
+  __name: "TableSkeleton",
+  props: {
+    rows: {},
+    columns: {}
+  },
+  setup(s) {
+    d((e) => ({
+      v11294cba: e.columns
+    }));
+    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
+    return (e, r) => (n(), t("div", p, [
+      (n(!0), t(a, null, c(s.rows, (l) => (n(), t("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (n(!0), t(a, null, c(s.columns, (o) => (n(), t("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            k(f, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
     ]));
   }
 });
 export {
-  _ as default
+  b as default
 };

package/dist/kongponents.es258.js

@@ -1,50 +1,25 @@
-import { defineComponent as h, useCssVars as k, computed as f, createElementBlock as t, openBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
-import d from "./kongponents.es58.js";
-import { KUI_SPACE_50 as C } from "./kongponents.es177.js";
-import { normalizeSize as p } from "./kongponents.es178.js";
-const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
-  __name: "CardSkeleton",
-  props: {
-    cardCount: {},
-    maxWidth: {}
-  },
-  setup(o) {
-    k((e) => ({
-      v243e7eb5: u.value
-    }));
-    const u = f(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
-    return (e, S) => (r(), t("div", _, [
-      (r(!0), t(s, null, c(o.cardCount, (m) => (r(), t("div", {
-        key: m,
-        class: "skeleton-card"
+import { defineComponent as s, createElementBlock as e, openBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents.es58.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (t(), e("div", a, [
+      (t(), e(c, null, l(4, (n) => m("div", {
+        key: n,
+        class: "skeleton-form-row"
       }, [
-        l("div", v, [
-          i(e.$slots, "card-header", {}, () => [
-            n(d, { width: "50" })
-          ], !0)
-        ]),
-        l("div", w, [
-          i(e.$slots, "card-content", {}, () => [
-            (r(), t(s, null, c(3, (a) => n(d, {
-              key: a,
-              width: "100"
-            })), 64)),
-            n(d, { width: "50" })
-          ], !0)
-        ]),
-        l("div", x, [
-          i(e.$slots, "card-footer", {}, () => [
-            (r(), t(s, null, c(2, (a) => n(d, {
-              key: a,
-              height: "2",
-              width: "5"
-            })), 64))
-          ], !0)
-        ])
-      ]))), 128))
+        o(r, {
+          height: "2",
+          width: "10"
+        }),
+        o(r, {
+          height: "2",
+          width: "100"
+        })
+      ])), 64))
     ]));
   }
 });
 export {
-  E as default
+  f as default
 };

package/dist/kongponents.es26.js

@@ -1,8 +1,8 @@
 import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, createElementBlock as k, openBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
-import z from "./kongponents.es180.js";
-import { normalizeSize as J } from "./kongponents.es178.js";
-import { warnInvalidProp as o } from "./kongponents.es181.js";
-import { getMaximumDepth as L } from "./kongponents.es182.js";
+import z from "./kongponents.es232.js";
+import { normalizeSize as J } from "./kongponents.es172.js";
+import { warnInvalidProp as o } from "./kongponents.es217.js";
+import { getMaximumDepth as L } from "./kongponents.es233.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {

package/dist/kongponents.es260.js

@@ -1,36 +1,47 @@
-import { defineComponent as i, useCssVars as d, createElementBlock as t, openBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
-import f from "./kongponents.es58.js";
-const p = { class: "skeleton-table-wrapper" }, b = /* @__PURE__ */ i({
-  __name: "TableSkeleton",
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, createElementBlock as l, openBlock as a, createElementVNode as o, createCommentVNode as v, unref as p, normalizeStyle as f } from "vue";
+import h from "./kongponents.es361.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
   props: {
-    rows: {},
-    columns: {}
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
   },
-  setup(s) {
-    d((e) => ({
-      v11294cba: e.columns
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
     }));
-    const u = (e, r) => e === 1 && r === 1 || e !== 1 && r !== 1 ? "25" : "50";
-    return (e, r) => (n(), t("div", p, [
-      (n(!0), t(a, null, c(s.rows, (l) => (n(), t("div", {
-        key: l,
-        class: "skeleton-table-row"
-      }, [
-        m(e.$slots, "default", {}, () => [
-          (n(!0), t(a, null, c(s.columns, (o) => (n(), t("div", {
-            key: o,
-            class: "skeleton-cell-container"
-          }, [
-            k(f, {
-              class: "skeleton-cell",
-              width: u(o, l)
-            }, null, 8, ["width"])
-          ]))), 128))
-        ], !0)
-      ]))), 128))
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (a(), l("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: p(h)
+        }, null, 8, _),
+        r.hideProgress ? v("", !0) : (a(), l("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
     ]));
   }
 });
 export {
-  b as default
+  z as default
 };

package/dist/kongponents.es262.js

@@ -1,25 +1,43 @@
-import { defineComponent as s, createElementBlock as e, openBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
-import r from "./kongponents.es58.js";
-const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
-  __name: "FormSkeleton",
-  setup(i) {
-    return (d, p) => (t(), e("div", a, [
-      (t(), e(c, null, l(4, (n) => m("div", {
-        key: n,
-        class: "skeleton-form-row"
-      }, [
-        o(r, {
-          height: "2",
-          width: "10"
-        }),
-        o(r, {
-          height: "2",
-          width: "100"
-        })
-      ])), 64))
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, createElementBlock as a, openBlock as i, createElementVNode as s, createCommentVNode as g, normalizeStyle as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
+  key: 0,
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      v07a3a490: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (i(), a("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? g("", !0) : (i(), a("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: f({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
     ]));
   }
 });
 export {
-  f as default
+  y as default
 };

package/dist/kongponents.es264.js

@@ -1,47 +1,58 @@
-import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, createElementBlock as l, openBlock as a, createElementVNode as o, createCommentVNode as v, unref as p, normalizeStyle as f } from "vue";
-import h from "./kongponents.es336.js";
-const I = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-loader"
-}, _ = ["src"], k = {
-  key: 0,
-  class: "progress"
-}, z = /* @__PURE__ */ d({
-  __name: "FullScreenKongSkeleton",
+import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
+import b from "./kongponents.es221.js";
+import m from "./kongponents.es222.js";
+import r from "./kongponents.es33.js";
+const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
+  __name: "PaginationOffset",
   props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
   },
-  setup(r) {
-    i((t) => ({
-      v4d434712: t.zIndex
-    }));
-    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), g(() => {
-      clearInterval(n.value);
-    }), (t, x) => (a(), l("div", I, [
-      o("div", null, [
-        o("img", {
-          alt: "Loading",
-          src: p(h)
-        }, null, 8, _),
-        r.hideProgress ? v("", !0) : (a(), l("div", k, [
-          o("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: f({ width: `${c.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (u(), p("div", c, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(b), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(m), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
     ]));
   }
 });
 export {
-  z as default
+  O as default
 };

package/dist/kongponents.es266.js

@@ -1,43 +1,4 @@
-import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, createElementBlock as a, openBlock as i, createElementVNode as s, createCommentVNode as g, normalizeStyle as f } from "vue";
-const h = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-spinner-loader"
-}, I = {
-  key: 0,
-  class: "progress"
-}, y = /* @__PURE__ */ u({
-  __name: "FullScreenGenericSpinner",
-  props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
-  },
-  setup(r) {
-    c((l) => ({
-      v07a3a490: l.zIndex
-    }));
-    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), p(() => {
-      clearInterval(n.value);
-    }), (l, t) => (i(), a("div", h, [
-      s("div", null, [
-        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
-        r.hideProgress ? g("", !0) : (i(), a("div", I, [
-          s("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: f({ width: `${d.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
-    ]));
-  }
-});
+const I = "24px";
 export {
-  y as default
+  I as KUI_ICON_SIZE_50
 };

package/dist/{kongponents.es253.js → kongponents.es267.js}

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as x, withCtx as C, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es251.js";
-const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
-  __name: "ServiceDocumentIcon",
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es266.js";
+const w = ["aria-hidden"], c = '<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "CheckIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -65,7 +65,7 @@ const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
@@ -79,30 +79,30 @@ const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${y}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
+    })), f = (a) => {
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${h}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), b(S(r.as), {
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), b(k(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon service-document-icon",
-      "data-testid": "kui-icon-wrapper-service-document-icon",
+      class: "kui-icon check-icon",
+      "data-testid": "kui-icon-wrapper-check-icon",
       style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: C(() => [
-        (d(), H("svg", {
+      default: S(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-service-document-icon",
+          "data-testid": "kui-icon-svg-check-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,12 +110,12 @@ const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, N))
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  z as default
 };