@kong/kongponents 9.46.9-pr.2990.fccc1db.0 → 9.46.9-pr.2992.4fdeb1f.0

package/dist/kongponents.es237.js

@@ -1,191 +1,12 @@
-import { defineComponent as H, ref as g, computed as S, useTemplateRef as Q, watch as U, onMounted as W, nextTick as I, resolveComponent as X, createBlock as b, openBlock as s, unref as Y, mergeProps as Z, withCtx as c, createElementBlock as $, Fragment as _, renderList as ee, normalizeClass as L, withDirectives as le, createSlots as B, renderSlot as h, createTextVNode as ae, toDisplayString as te, vShow as ne } from "vue";
-import { VueDraggableNext as ie } from "./kongponents.es465.js";
-import oe from "./kongponents.es466.js";
-const T = ({ children: a = [] }) => a.length === 0 ? 0 : 1 + Math.max(...a.map(T)), ce = /* @__PURE__ */ H({
-  __name: "KTreeDraggable",
-  props: {
-    items: {},
-    disableDrag: { type: Boolean },
-    filter: { type: [String, Function] },
-    maxDepth: {},
-    level: { default: 0 },
-    parentId: {},
-    hideIcons: { type: Boolean },
-    group: {},
-    collapsible: { type: Boolean },
-    initialCollapseAll: { type: Boolean }
-  },
-  emits: ["change", "child-change", "selected"],
-  setup(a, { expose: A, emit: w }) {
-    const d = w, v = g(0), n = g([]), M = {
-      tag: "div",
-      // Note: force-fallback: true is required to override cursor when dragging
-      "force-fallback": !0,
-      animation: "100",
-      draggable: ".tree-item-container",
-      "item-key": "id",
-      "ghost-class": "tree-item-dragged",
-      "drag-class": "tree-item-grabbing",
-      class: "child-drop-zone",
-      "fallback-tolerance": 10
-    }, m = g(!1), p = S(() => [".tree-item-expanded-button", ...(typeof a.filter == "function" ? a.filter() : a.filter).split(",").map((l) => l.trim()).filter(Boolean)].join(", ")), y = (e) => {
-      var l, i;
-      return !((i = (l = n.value.filter((t) => t.id === e.id)) == null ? void 0 : l[0].children) != null && i.length);
-    }, N = (e) => e.children || [], V = (e) => {
-      a.parentId ? d("child-change", {
-        parentId: a.parentId,
-        children: n.value,
-        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
-      }) : d("change", {
-        items: n.value,
-        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
-      });
-    }, K = (e) => {
-      d("child-change", e);
-    }, E = (e) => {
-      d("selected", e);
-    }, r = g(/* @__PURE__ */ new Map()), F = (e, l) => {
-      r.value.set(l, e);
-    }, O = (e) => a.collapsible ? !!r.value.get(e) : !0, f = Q("tree-items"), z = () => {
-      var e;
-      n.value.forEach((l) => {
-        r.value.set(l.id, !1);
-      }), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(!1);
-      });
-    }, J = () => {
-      var e;
-      n.value.forEach((l) => {
-        r.value.set(l.id, !0);
-      }), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(!0);
-      });
-    }, R = S(() => a.level > a.maxDepth - 1), j = (e) => {
-      var u, D, x, k;
-      const l = ((D = (u = e.relatedContext) == null ? void 0 : u.component) == null ? void 0 : D.$attrs.level) || 0, i = (x = e.draggedContext) == null ? void 0 : x.element;
-      let t = 0;
-      return (k = i.children) != null && k.length && (t = T(i)), !(l + t > a.maxDepth - 1);
-    }, P = (e) => {
-      var t, o;
-      const l = ((o = (t = e.item) == null ? void 0 : t._underlying_vm_) == null ? void 0 : o.id) || "", i = n.value.find((u) => u.id === l);
-      m.value = !0, i && d("selected", i), C(!0);
-    }, q = async () => {
-      var e;
-      m.value = !1, C(!1), v.value++, await I(), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(r.value.get(l == null ? void 0 : l.id));
-      });
-    }, C = (e) => {
-      const l = document == null ? void 0 : document.getElementsByTagName("html").item(0);
-      l && l.classList.toggle("tree-list-grabbing", e);
-    };
-    U(() => a.items, (e, l) => {
-      JSON.stringify(e) !== JSON.stringify(l) && (n.value = e, n.value.forEach((i) => {
-        i.children || (i.children = []);
-      }));
-    });
-    const G = () => {
-      n.value.forEach((e) => {
-        r.value.set(e.id, !a.initialCollapseAll);
-      });
-    };
-    return W(async () => {
-      n.value = a.items, n.value.forEach((e) => {
-        e.children || (e.children = []);
-      }), await I(), a.collapsible && G();
-    }), A({ collapseAll: z, expandAll: J }), (e, l) => {
-      const i = X("KTreeDraggable", !0);
-      return s(), b(Y(ie), Z(M, {
-        class: "tree-draggable",
-        direction: "vertical",
-        disabled: a.disableDrag,
-        filter: p.value,
-        group: { name: a.group, pull: [a.group], put: R.value ? [] : [a.group] },
-        level: a.level,
-        list: n.value,
-        move: j,
-        tag: "div",
-        onChange: V,
-        onEnd: q,
-        onStart: P
-      }), {
-        default: c(() => [
-          (s(!0), $(_, null, ee(n.value, (t) => (s(), $("div", {
-            key: t.id,
-            class: L(["tree-item-container", {
-              "has-no-children": y(t)
-            }])
-          }, [
-            (s(), b(oe, {
-              key: `tree-item-${t.id}-${v.value}`,
-              ref_for: !0,
-              ref: "tree-items",
-              collapsible: a.collapsible,
-              "controls-id": t.id,
-              disabled: a.disableDrag,
-              "has-children": !y(t),
-              "hide-icons": a.hideIcons,
-              "initial-collapse": a.initialCollapseAll,
-              item: t,
-              onExpanded: (o) => F(o, t.id),
-              onSelected: E
-            }, B({
-              "item-label": c(() => [
-                h(e.$slots, "item-label", { item: t }, () => [
-                  ae(te(t.name), 1)
-                ], !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(() => [
-                  h(e.$slots, "item-icon", { item: t }, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["collapsible", "controls-id", "disabled", "has-children", "hide-icons", "initial-collapse", "item", "onExpanded"])),
-            le((s(), b(i, {
-              id: `tree-list-draggable-${t.id}`,
-              key: `tree-item-${t.id}-children-${v.value}`,
-              class: L({
-                collapsible: a.collapsible
-              }),
-              collapsible: a.collapsible,
-              "disable-drag": a.disableDrag,
-              filter: p.value,
-              group: a.group,
-              "hide-icons": a.hideIcons,
-              "initial-collapse-all": a.initialCollapseAll,
-              items: N(t),
-              level: a.level + 1,
-              "max-depth": a.maxDepth,
-              "parent-id": t.id,
-              onChildChange: K,
-              onSelected: E
-            }, B({
-              "item-label": c(({ item: o }) => [
-                h(e.$slots, "item-label", { item: o }, void 0, !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(({ item: o }) => [
-                  h(e.$slots, "item-icon", { item: o }, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["id", "class", "collapsible", "disable-drag", "filter", "group", "hide-icons", "initial-collapse-all", "items", "level", "max-depth", "parent-id"])), [
-              [ne, O(t.id)]
-            ])
-          ], 2))), 128))
-        ]),
-        _: 3
-      }, 16, ["disabled", "filter", "group", "level", "list"]);
-    };
-  }
-});
+import t from "./kongponents.es302.js";
+import u from "./kongponents.es303.js";
+import f from "./kongponents.es304.js";
+function l(s, r) {
+  var o = {};
+  return r = f(r), u(s, function(m, a, n) {
+    t(o, a, r(m, a, n));
+  }), o;
+}
 export {
-  ce as default,
-  T as getMaximumDepth
+  l as default
 };

package/dist/kongponents.es238.js

@@ -1,5 +1,5 @@
 import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es267.js";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es250.js";
 const w = ["aria-hidden"], p = '<path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
   __name: "ChevronUpIcon",
   props: {

package/dist/kongponents.es240.js

@@ -1,4 +1,4 @@
-import p from "./kongponents.es463.js";
+import p from "./kongponents.es448.js";
 function f(t) {
   if (typeof t == "function")
     try {

package/dist/kongponents.es241.js

@@ -1,5 +1,5 @@
 import { getCurrentInstance as $, ref as q, reactive as z, onMounted as J, onUnmounted as K, watch as N, isReadonly as Q, toRefs as X } from "vue";
-import D from "./kongponents.es464.js";
+import D from "./kongponents.es449.js";
 import x from "./kongponents.es240.js";
 var m = function() {
   return m = Object.assign || function(u) {

package/dist/kongponents.es242.js

@@ -1,54 +1,8 @@
-import { defineComponent as c, computed as n, createElementBlock as m, openBlock as l, createElementVNode as a, normalizeClass as d, createBlock as r, createCommentVNode as u, unref as e, normalizeStyle as f, toDisplayString as p } from "vue";
-import z from "./kongponents.es268.js";
-import k from "./kongponents.es172.js";
-import v from "./kongponents.es193.js";
-import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es177.js";
-import { normalizeSize as y } from "./kongponents.es183.js";
-const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
-  __name: "KStep",
-  props: {
-    label: {},
-    state: { default: "default" },
-    maxLabelWidth: {}
-  },
-  setup(t) {
-    const s = n(() => ({
-      maxWidth: y(t.maxLabelWidth)
-    }));
-    return (I, S) => (l(), m("li", {
-      "aria-current": t.state === "active" ? "step" : "false",
-      class: "step",
-      "data-testid": `step-${t.state}`
-    }, [
-      a("div", {
-        class: d(["step-container", `${t.state}`])
-      }, [
-        a("div", C, [
-          t.state === "completed" ? (l(), r(e(z), {
-            key: 0,
-            color: `var(--kui-color-text-inverse, ${e(i)})`,
-            size: e(o),
-            title: "Completed"
-          }, null, 8, ["color", "size"])) : t.state === "pending" ? (l(), r(e(v), {
-            key: 1,
-            color: `var(--kui-color-text-primary, ${e(x)})`,
-            size: e(o),
-            title: "Pending"
-          }, null, 8, ["color", "size"])) : t.state === "error" ? (l(), r(e(k), {
-            key: 2,
-            color: `var(--kui-color-text-inverse, ${e(i)})`,
-            size: e(o),
-            title: "Error"
-          }, null, 8, ["color", "size"])) : u("", !0)
-        ]),
-        a("span", {
-          class: "step-label",
-          style: f(s.value)
-        }, p(t.label), 5)
-      ], 2)
-    ], 8, E));
-  }
-});
+import p from "./kongponents.es274.js";
+var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
+function x(e) {
+  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+}
 export {
-  $ as default
+  x as default
 };

package/dist/{kongponents.es265.js → kongponents.es243.js}

@@ -1,6 +1,6 @@
 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.es205.js";
-import m from "./kongponents.es206.js";
+import b from "./kongponents.es195.js";
+import m from "./kongponents.es196.js";
 import r from "./kongponents.es33.js";
 const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
   __name: "PaginationOffset",

package/dist/kongponents.es245.js

@@ -1,34 +1,136 @@
-import { watch as e, getCurrentScope as i, onScopeDispose as r } from "vue";
-function u(o) {
-  return i() ? (r(o), !0) : !1;
-}
-const a = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const c = Object.prototype.toString, l = (o) => c.call(o) === "[object Object]", w = () => {
-}, p = /* @__PURE__ */ d();
-function d() {
-  var o, n;
-  return a && ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function f(o) {
-  return Array.isArray(o) ? o : [o];
-}
-function g(o, n, t) {
-  return e(
-    o,
-    n,
-    {
-      ...t,
-      immediate: !0
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
     }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
   );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 export {
-  a as isClient,
-  p as isIOS,
-  l as isObject,
-  w as noop,
-  f as toArray,
-  u as tryOnScopeDispose,
-  g as watchImmediate
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };

package/dist/kongponents.es246.js

@@ -1,26 +1,4 @@
-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 f from "./kongponents.es210.js";
 export {
-  _ as default
+  f as default
 };

package/dist/kongponents.es247.js

@@ -0,0 +1,34 @@
+import { watch as e, getCurrentScope as i, onScopeDispose as r } from "vue";
+function u(o) {
+  return i() ? (r(o), !0) : !1;
+}
+const a = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const c = Object.prototype.toString, l = (o) => c.call(o) === "[object Object]", w = () => {
+}, p = /* @__PURE__ */ d();
+function d() {
+  var o, n;
+  return a && ((o = window == null ? void 0 : window.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function f(o) {
+  return Array.isArray(o) ? o : [o];
+}
+function g(o, n, t) {
+  return e(
+    o,
+    n,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
+}
+export {
+  a as isClient,
+  p as isIOS,
+  l as isObject,
+  w as noop,
+  f as toArray,
+  u as tryOnScopeDispose,
+  g as watchImmediate
+};