@kong/kongponents 9.49.9-pr.3070.d3dee60.0 → 9.49.9-pr.3072.1a77a45.0

package/dist/kongponents.es255.js

@@ -0,0 +1,36 @@
+import { defineComponent as i, useCssVars as d, openBlock as t, createElementBlock as n, Fragment as a, renderList as c, renderSlot as m, createVNode as k } from "vue";
+import f from "./kongponents.es60.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) => (t(), n("div", p, [
+      (t(!0), n(a, null, c(s.rows, (l) => (t(), n("div", {
+        key: l,
+        class: "skeleton-table-row"
+      }, [
+        m(e.$slots, "default", {}, () => [
+          (t(!0), n(a, null, c(s.columns, (o) => (t(), n("div", {
+            key: o,
+            class: "skeleton-cell-container"
+          }, [
+            k(f, {
+              class: "skeleton-cell",
+              width: u(o, l)
+            }, null, 8, ["width"])
+          ]))), 128))
+        ], !0)
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  b as default
+};

package/dist/kongponents.es257.js

@@ -1,182 +1,25 @@
-import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, createElementBlock as h, openBlock as c, createVNode as o, withCtx as r, unref as f, createBlock as g, createCommentVNode as K, createElementVNode as w, withModifiers as v, createSlots as N, Fragment as P, renderList as z, createTextVNode as C, toDisplayString as E, nextTick as U } from "vue";
-import { debounce as q } from "./kongponents.es166.js";
-import A from "./kongponents.es173.js";
-import J from "./kongponents.es187.js";
-import R from "./kongponents.es250.js";
-import p from "./kongponents.es33.js";
-import F from "./kongponents.es37.js";
-import O from "./kongponents.es42.js";
-import j from "./kongponents.es43.js";
-import G from "./kongponents.es46.js";
-import Q from "./kongponents.es24.js";
-/* empty css                 */
-import W from "./kongponents.es48.js";
-const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ $({
-  __name: "ColumnVisibilityMenu",
-  props: {
-    columns: {},
-    tableId: {},
-    visibilityPreferences: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update"],
-  setup(a, { emit: V }) {
-    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
-      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
-    }, I = q((e) => {
-      i.value = e, n.value && m(n.value);
-    }, 500), k = D(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
-      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
-    }, B = (e) => {
-      y.value = e, e && n.value && U(() => {
-        n.value && m(n.value);
-      }), !e && d.value && b(), e || (i.value = "");
-    }, m = (e) => {
-      if (!(e.scrollHeight > e.clientHeight)) {
-        e.classList.remove("is-bottom-overflowing");
-        return;
-      }
-      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
-      e.classList.toggle("is-bottom-overflowing", !l);
-    };
-    return L(() => a.visibilityPreferences, () => {
-      b();
-    }, { immediate: !0 }), T(() => {
-      n.value && (n.value.addEventListener("scroll", (e) => {
-        const t = e.currentTarget;
-        m(t);
-      }), m(n.value));
-    }), H(() => {
-      b();
-    }), (e, t) => (c(), h("div", X, [
-      o(O, {
-        "data-testid": "table-column-visibility-menu",
-        disabled: a.disabled,
-        "kpop-attributes": { placement: "bottom-end" },
-        onToggleDropdown: B
-      }, {
-        items: r(() => [
-          i.value || k.value.length > 5 ? (c(), g(G, {
-            key: 0,
-            modelValue: i.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
-            modelModifiers: { trim: !0 },
-            autocapitalize: "off",
-            autocomplete: "off",
-            autocorrect: "off",
-            class: "search-input",
-            "data-testid": "search-input",
-            name: "column-search",
-            placeholder: "Search columns",
-            spellcheck: "false",
-            type: "search",
-            onClick: t[2] || (t[2] = v(() => {
-            }, ["stop"])),
-            onInput: f(I)
-          }, N({
-            before: r(() => [
-              o(f(J), { decorative: "" })
-            ]),
-            _: 2
-          }, [
-            i.value ? {
-              name: "after",
-              fn: r(() => [
-                o(p, {
-                  appearance: "tertiary",
-                  "aria-label": "Clear search",
-                  class: "clear-search",
-                  "data-testid": "clear-search-button",
-                  icon: "",
-                  size: "small",
-                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
-                }, {
-                  default: r(() => [
-                    o(f(A), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "onInput"])) : K("", !0),
-          w("div", {
-            ref_key: "menuItemsRef",
-            ref: n,
-            class: "menu-items-wrapper"
-          }, [
-            (c(!0), h(P, null, z(k.value, (l) => (c(), g(j, {
-              key: l.key,
-              class: "column-visibility-menu-item",
-              "data-testid": `column-visibility-menu-item-${l.key}`,
-              onClick: v(() => {
-                s.value[l.key] = !s.value[l.key], d.value = !0;
-              }, ["stop"])
-            }, {
-              default: r(() => [
-                o(F, {
-                  modelValue: s.value[l.key],
-                  "onUpdate:modelValue": (M) => s.value[l.key] = M,
-                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  "data-testid": `column-visibility-checkbox-${l.key}`
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
-                o(W, {
-                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
-                  class: "visibility-checkbox-label",
-                  title: l.label
-                }, {
-                  default: r(() => [
-                    C(E(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "title"])
-              ]),
-              _: 2
-            }, 1032, ["data-testid", "onClick"]))), 128))
-          ], 512),
-          w("div", Y, [
-            o(p, {
-              appearance: "tertiary",
-              class: "apply-button",
-              "data-testid": "apply-button",
-              onClick: S
-            }, {
-              default: r(() => [...t[3] || (t[3] = [
-                C(" Apply ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        default: r(() => [
-          o(Q, {
-            placement: "bottom-end",
-            text: y.value ? void 0 : "Show/Hide Columns"
-          }, {
-            default: r(() => [
-              o(p, {
-                appearance: "tertiary",
-                "aria-label": "Show/Hide Columns",
-                class: "menu-button",
-                "data-testid": "column-visibility-menu-button",
-                disabled: a.disabled,
-                icon: "",
-                size: "large"
-              }, {
-                default: r(() => [
-                  o(f(R), { decorative: "" })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
+import { defineComponent as s, openBlock as e, createElementBlock as t, Fragment as c, renderList as l, createElementVNode as m, createVNode as o } from "vue";
+import r from "./kongponents.es60.js";
+const a = { class: "skeleton-form-wrapper" }, f = /* @__PURE__ */ s({
+  __name: "FormSkeleton",
+  setup(i) {
+    return (d, p) => (e(), t("div", a, [
+      (e(), t(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))
     ]));
   }
 });
 export {
-  me as default
+  f as default
 };

package/dist/kongponents.es259.js

@@ -1,372 +1,47 @@
-import { evaluate as V, getSideAxis as E, getSide as D, clamp as X, getOppositePlacement as J, getExpandedPlacements as K, getOppositeAxisPlacements as N, getAlignmentSides as G, placements as Y, getAlignment as T, getPaddingObject as Q, rectToClientRect as q, getOppositeAxis as U, getOppositeAlignmentPlacement as W, getAlignmentAxis as Z, getAxisLength as ee } from "./kongponents.es260.js";
-function z(t, i, m) {
-  let {
-    reference: n,
-    floating: e
-  } = t;
-  const l = E(i), r = Z(i), s = ee(r), y = D(i), v = l === "y", d = n.x + n.width / 2 - e.width / 2, a = n.y + n.height / 2 - e.height / 2, c = n[s] / 2 - e[s] / 2;
-  let o;
-  switch (y) {
-    case "top":
-      o = {
-        x: d,
-        y: n.y - e.height
-      };
-      break;
-    case "bottom":
-      o = {
-        x: d,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      o = {
-        x: n.x + n.width,
-        y: a
-      };
-      break;
-    case "left":
-      o = {
-        x: n.x - e.width,
-        y: a
-      };
-      break;
-    default:
-      o = {
-        x: n.x,
-        y: n.y
-      };
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, openBlock as l, createElementBlock as a, createElementVNode as o, unref as v, normalizeStyle as p, createCommentVNode as f } from "vue";
+import h from "./kongponents.es362.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  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) => (l(), a("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: v(h)
+        }, null, 8, _),
+        r.hideProgress ? f("", !0) : (l(), a("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: p({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
   }
-  switch (T(i)) {
-    case "start":
-      o[r] -= c * (m && v ? -1 : 1);
-      break;
-    case "end":
-      o[r] += c * (m && v ? -1 : 1);
-      break;
-  }
-  return o;
-}
-const ie = async (t, i, m) => {
-  const {
-    placement: n = "bottom",
-    strategy: e = "absolute",
-    middleware: l = [],
-    platform: r
-  } = m, s = l.filter(Boolean), y = await (r.isRTL == null ? void 0 : r.isRTL(i));
-  let v = await r.getElementRects({
-    reference: t,
-    floating: i,
-    strategy: e
-  }), {
-    x: d,
-    y: a
-  } = z(v, n, y), c = n, o = {}, x = 0;
-  for (let h = 0; h < s.length; h++) {
-    const {
-      name: w,
-      fn: u
-    } = s[h], {
-      x: f,
-      y: A,
-      data: P,
-      reset: g
-    } = await u({
-      x: d,
-      y: a,
-      initialPlacement: n,
-      placement: c,
-      strategy: e,
-      middlewareData: o,
-      rects: v,
-      platform: r,
-      elements: {
-        reference: t,
-        floating: i
-      }
-    });
-    d = f ?? d, a = A ?? a, o = {
-      ...o,
-      [w]: {
-        ...o[w],
-        ...P
-      }
-    }, g && x <= 50 && (x++, typeof g == "object" && (g.placement && (c = g.placement), g.rects && (v = g.rects === !0 ? await r.getElementRects({
-      reference: t,
-      floating: i,
-      strategy: e
-    }) : g.rects), {
-      x: d,
-      y: a
-    } = z(v, c, y)), h = -1);
-  }
-  return {
-    x: d,
-    y: a,
-    placement: c,
-    strategy: e,
-    middlewareData: o
-  };
-};
-async function I(t, i) {
-  var m;
-  i === void 0 && (i = {});
-  const {
-    x: n,
-    y: e,
-    platform: l,
-    rects: r,
-    elements: s,
-    strategy: y
-  } = t, {
-    boundary: v = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: a = "floating",
-    altBoundary: c = !1,
-    padding: o = 0
-  } = V(i, t), x = Q(o), w = s[c ? a === "floating" ? "reference" : "floating" : a], u = q(await l.getClippingRect({
-    element: (m = await (l.isElement == null ? void 0 : l.isElement(w))) == null || m ? w : w.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(s.floating)),
-    boundary: v,
-    rootBoundary: d,
-    strategy: y
-  })), f = a === "floating" ? {
-    x: n,
-    y: e,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, A = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(s.floating)), P = await (l.isElement == null ? void 0 : l.isElement(A)) ? await (l.getScale == null ? void 0 : l.getScale(A)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, g = q(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: s,
-    rect: f,
-    offsetParent: A,
-    strategy: y
-  }) : f);
-  return {
-    top: (u.top - g.top + x.top) / P.y,
-    bottom: (g.bottom - u.bottom + x.bottom) / P.y,
-    left: (u.left - g.left + x.left) / P.x,
-    right: (g.right - u.right + x.right) / P.x
-  };
-}
-function te(t, i, m) {
-  return (t ? [...m.filter((e) => T(e) === t), ...m.filter((e) => T(e) !== t)] : m.filter((e) => D(e) === e)).filter((e) => t ? T(e) === t || (i ? W(e) !== e : !1) : !0);
-}
-const le = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "autoPlacement",
-    options: t,
-    async fn(i) {
-      var m, n, e;
-      const {
-        rects: l,
-        middlewareData: r,
-        placement: s,
-        platform: y,
-        elements: v
-      } = i, {
-        crossAxis: d = !1,
-        alignment: a,
-        allowedPlacements: c = Y,
-        autoAlignment: o = !0,
-        ...x
-      } = V(t, i), h = a !== void 0 || c === Y ? te(a || null, o, c) : c, w = await I(i, x), u = ((m = r.autoPlacement) == null ? void 0 : m.index) || 0, f = h[u];
-      if (f == null)
-        return {};
-      const A = G(f, l, await (y.isRTL == null ? void 0 : y.isRTL(v.floating)));
-      if (s !== f)
-        return {
-          reset: {
-            placement: h[0]
-          }
-        };
-      const P = [w[D(f)], w[A[0]], w[A[1]]], g = [...((n = r.autoPlacement) == null ? void 0 : n.overflows) || [], {
-        placement: f,
-        overflows: P
-      }], L = h[u + 1];
-      if (L)
-        return {
-          data: {
-            index: u + 1,
-            overflows: g
-          },
-          reset: {
-            placement: L
-          }
-        };
-      const B = g.map((p) => {
-        const O = T(p.placement);
-        return [p.placement, O && d ? (
-          // Check along the mainAxis and main crossAxis side.
-          p.overflows.slice(0, 2).reduce(($, j) => $ + j, 0)
-        ) : (
-          // Check only the mainAxis.
-          p.overflows[0]
-        ), p.overflows];
-      }).sort((p, O) => p[1] - O[1]), R = ((e = B.filter((p) => p[2].slice(
-        0,
-        // Aligned placements should not check their opposite crossAxis
-        // side.
-        T(p[0]) ? 2 : 3
-      ).every((O) => O <= 0))[0]) == null ? void 0 : e[0]) || B[0][0];
-      return R !== s ? {
-        data: {
-          index: u + 1,
-          overflows: g
-        },
-        reset: {
-          placement: R
-        }
-      } : {};
-    }
-  };
-}, oe = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(i) {
-      var m, n;
-      const {
-        placement: e,
-        middlewareData: l,
-        rects: r,
-        initialPlacement: s,
-        platform: y,
-        elements: v
-      } = i, {
-        mainAxis: d = !0,
-        crossAxis: a = !0,
-        fallbackPlacements: c,
-        fallbackStrategy: o = "bestFit",
-        fallbackAxisSideDirection: x = "none",
-        flipAlignment: h = !0,
-        ...w
-      } = V(t, i);
-      if ((m = l.arrow) != null && m.alignmentOffset)
-        return {};
-      const u = D(e), f = E(s), A = D(s) === s, P = await (y.isRTL == null ? void 0 : y.isRTL(v.floating)), g = c || (A || !h ? [J(s)] : K(s)), L = x !== "none";
-      !c && L && g.push(...N(s, h, x, P));
-      const B = [s, ...g], M = await I(i, w), R = [];
-      let p = ((n = l.flip) == null ? void 0 : n.overflows) || [];
-      if (d && R.push(M[u]), a) {
-        const k = G(e, r, P);
-        R.push(M[k[0]], M[k[1]]);
-      }
-      if (p = [...p, {
-        placement: e,
-        overflows: R
-      }], !R.every((k) => k <= 0)) {
-        var O, $;
-        const k = (((O = l.flip) == null ? void 0 : O.index) || 0) + 1, _ = B[k];
-        if (_ && (!(a === "alignment" ? f !== E(_) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        p.every((b) => E(b.placement) === f ? b.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: k,
-              overflows: p
-            },
-            reset: {
-              placement: _
-            }
-          };
-        let F = ($ = p.filter((C) => C.overflows[0] <= 0).sort((C, b) => C.overflows[1] - b.overflows[1])[0]) == null ? void 0 : $.placement;
-        if (!F)
-          switch (o) {
-            case "bestFit": {
-              var j;
-              const C = (j = p.filter((b) => {
-                if (L) {
-                  const S = E(b.placement);
-                  return S === f || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  S === "y";
-                }
-                return !0;
-              }).map((b) => [b.placement, b.overflows.filter((S) => S > 0).reduce((S, H) => S + H, 0)]).sort((b, S) => b[1] - S[1])[0]) == null ? void 0 : j[0];
-              C && (F = C);
-              break;
-            }
-            case "initialPlacement":
-              F = s;
-              break;
-          }
-        if (e !== F)
-          return {
-            reset: {
-              placement: F
-            }
-          };
-      }
-      return {};
-    }
-  };
-}, ae = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(i) {
-      const {
-        x: m,
-        y: n,
-        placement: e
-      } = i, {
-        mainAxis: l = !0,
-        crossAxis: r = !1,
-        limiter: s = {
-          fn: (w) => {
-            let {
-              x: u,
-              y: f
-            } = w;
-            return {
-              x: u,
-              y: f
-            };
-          }
-        },
-        ...y
-      } = V(t, i), v = {
-        x: m,
-        y: n
-      }, d = await I(i, y), a = E(D(e)), c = U(a);
-      let o = v[c], x = v[a];
-      if (l) {
-        const w = c === "y" ? "top" : "left", u = c === "y" ? "bottom" : "right", f = o + d[w], A = o - d[u];
-        o = X(f, o, A);
-      }
-      if (r) {
-        const w = a === "y" ? "top" : "left", u = a === "y" ? "bottom" : "right", f = x + d[w], A = x - d[u];
-        x = X(f, x, A);
-      }
-      const h = s.fn({
-        ...i,
-        [c]: o,
-        [a]: x
-      });
-      return {
-        ...h,
-        data: {
-          x: h.x - m,
-          y: h.y - n,
-          enabled: {
-            [c]: l,
-            [a]: r
-          }
-        }
-      };
-    }
-  };
-};
+});
 export {
-  le as autoPlacement,
-  ie as computePosition,
-  I as detectOverflow,
-  oe as flip,
-  q as rectToClientRect,
-  ae as shift
+  z 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.es207.js";
-import { normalizeSize as J } from "./kongponents.es171.js";
-import { warnInvalidProp as o } from "./kongponents.es208.js";
-import { getMaximumDepth as L } from "./kongponents.es209.js";
+import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, openBlock as k, createElementBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
+import z from "./kongponents.es236.js";
+import { normalizeSize as J } from "./kongponents.es178.js";
+import { warnInvalidProp as o } from "./kongponents.es191.js";
+import { getMaximumDepth as L } from "./kongponents.es237.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {
@@ -86,7 +86,7 @@ const R = /* @__PURE__ */ A({
       l.modelValue ? a.value = l.modelValue : l.items && (a.value = l.items), a.value.forEach((e) => {
         e.children || (e.children = []);
       });
-    }), (e, i) => (B(), k("div", {
+    }), (e, i) => (k(), B("div", {
       class: "k-tree-list",
       "data-testid": "k-tree-list",
       style: q(l.width ? y.value : void 0)