@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es399.js

@@ -1,7 +1,11 @@
-import o from "./kongponents.es431.js";
-/* empty css                  */
-import t from "./kongponents.es75.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d40de6f7"]]);
+import c from "./kongponents.es322.js";
+var i = 500;
+function m(a) {
+  var e = c(a, function(t) {
+    return r.size === i && r.clear(), t;
+  }), r = e.cache;
+  return e;
+}
 export {
-  f as default
+  m as default
 };

package/dist/kongponents.es428.js

@@ -1,13 +1,122 @@
-var f = /* @__PURE__ */ new WeakMap(), l = 0;
-function u(e) {
-  if (!e.length)
-    return "";
-  for (var o = "arg", t = 0; t < e.length; ++t) {
-    var n = void 0;
-    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? n = '"' + e[t] + '"' : n = String(e[t]) : f.has(e[t]) ? n = f.get(e[t]) : (n = l, f.set(e[t], l++)), o += "@" + n;
+import { defineComponent as V, useAttrs as A, computed as s, ref as u, useTemplateRef as d, watch as C, nextTick as W, openBlock as f, createElementBlock as v, createVNode as m, withCtx as q, createElementVNode as l, mergeProps as D, unref as o, toDisplayString as F, renderSlot as $, createCommentVNode as y } from "vue";
+import K from "./kongponents.es188.js";
+import O from "./kongponents.es176.js";
+import U from "./kongponents.es24.js";
+/* empty css                 */
+import { KUI_ICON_SIZE_30 as k } from "./kongponents.es181.js";
+const Z = {
+  class: "base-label",
+  "data-testid": "interactive-pill-base-label"
+}, j = {
+  class: "content-label",
+  "data-testid": "interactive-pill-content-label"
+}, G = {
+  key: 0,
+  class: "pill-icon open-icon",
+  "data-testid": "interactive-pill-open-icon"
+}, H = {
+  class: "clear-focus-highlight",
+  "data-testid": "interactive-pill-clear-focus"
+}, ee = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "InteractivePill",
+  props: {
+    label: {},
+    clearFocus: { type: Boolean, default: !1 },
+    contentLabel: { default: () => {
+    } },
+    delimiter: { default: ": " },
+    pillFocus: { type: Boolean, default: !1 },
+    tooltipText: { default: () => {
+    } }
+  },
+  emits: ["trigger", "clear"],
+  setup(e, { emit: x }) {
+    const B = A(), a = s(() => !!e.contentLabel), i = u(!1), n = u(!1), b = d("trigger"), L = d("clear"), p = x, r = s(() => a.value ? `${e.label}${e.delimiter}` : e.label), g = u(!1), c = d("labelRef");
+    C(() => [r.value, e.contentLabel], async () => {
+      await W(), g.value = c.value ? c.value.scrollWidth > c.value.clientWidth : !1;
+    }, { immediate: !0 }), C(() => e.pillFocus, (t) => {
+      t && b.value?.focus();
+    });
+    const w = s(() => e.pillFocus || e.clearFocus ? "" : e.tooltipText !== void 0 ? e.tooltipText : a.value && g.value ? `${r.value}${e.contentLabel}` : ""), P = s(() => {
+      const t = a.value ? "has-content" : "no-content", h = e.pillFocus || n.value ? "focused" : "unfocused", E = e.clearFocus || i.value ? "clear-focused" : "clear-unfocused";
+      return `${t} ${h} ${E}`;
+    }), R = () => {
+      n.value = !0;
+    }, T = () => {
+      n.value = !1;
+    }, z = () => {
+      i.value = !0;
+    }, I = () => {
+      i.value = !1;
+    }, N = () => {
+      p("trigger"), n.value && b.value?.blur();
+    }, S = () => {
+      p("clear"), i.value && L.value?.blur();
+    };
+    return (t, h) => (f(), v("div", null, [
+      m(U, {
+        class: "interactive-pill-tooltip",
+        "max-width": "350",
+        text: w.value
+      }, {
+        default: q(() => [
+          l("div", D({
+            class: ["interactive-pill", P.value],
+            "data-testid": "interactive-pill"
+          }, o(B)), [
+            l("button", {
+              ref: "trigger",
+              class: "interactive-pill-trigger",
+              "data-testid": "interactive-pill-trigger",
+              type: "button",
+              onBlur: T,
+              onClick: N,
+              onFocus: R
+            }, [
+              l("div", {
+                ref_key: "labelRef",
+                ref: c,
+                class: "label"
+              }, [
+                l("span", Z, F(r.value), 1),
+                l("span", j, F(e.contentLabel), 1)
+              ], 512),
+              a.value ? y("", !0) : (f(), v("div", G, [
+                $(t.$slots, "open-icon", {}, () => [
+                  m(o(K), {
+                    decorative: "",
+                    size: o(k)
+                  }, null, 8, ["size"])
+                ], !0)
+              ]))
+            ], 544),
+            a.value ? (f(), v("button", {
+              key: 0,
+              ref: "clear",
+              class: "pill-icon clear-icon",
+              "data-testid": "interactive-pill-clear-icon",
+              type: "button",
+              onBlur: I,
+              onClick: S,
+              onFocus: z
+            }, [
+              l("div", H, [
+                $(t.$slots, "clear-icon", {}, () => [
+                  m(o(O), {
+                    decorative: "",
+                    size: o(k)
+                  }, null, 8, ["size"])
+                ], !0)
+              ])
+            ], 544)) : y("", !0)
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["text"])
+    ]));
   }
-  return o;
-}
+});
 export {
-  u as default
+  ee as default
 };

package/dist/kongponents.es430.js

@@ -1,5 +1,5 @@
 import { reactive as Qr, computed as m, defineComponent as ae, ref as G, watch as fe, onMounted as gr, onUnmounted as en, toRefs as lo, nextTick as At, unref as y, openBlock as _, createBlock as pe, resolveDynamicComponent as xa, normalizeProps as Lt, mergeProps as dt, renderSlot as Wt, inject as jt, toRef as nr, normalizeClass as Z, withCtx as ee, createVNode as x, createElementVNode as F, createElementBlock as P, toDisplayString as me, createCommentVNode as Q, Fragment as ne, renderList as we, normalizeStyle as xt, withKeys as Yn, withDirectives as Fa, watchEffect as Ra, provide as Bt, guardReactiveProps as jr, createTextVNode as tn, isRef as Ct, resolveComponent as Le, Transition as Ha, resolveDirective as uo, toHandlers as co, withModifiers as fo } from "vue";
-import { createPopper as vo } from "./kongponents.es452.js";
+import { createPopper as vo } from "./kongponents.es433.js";
 var ho = Object.defineProperty, mo = (e, t, r) => t in e ? ho(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, k = (e, t, r) => (mo(e, typeof t != "symbol" ? t + "" : t, r), r), er = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Wa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;

package/dist/kongponents.es431.js

@@ -1,97 +1,13 @@
-import { defineComponent as y, useSlots as I, computed as E, ref as k, watch as B, openBlock as i, createElementBlock as d, withKeys as w, withModifiers as c, normalizeClass as n, createVNode as m, unref as o, createCommentVNode as u, createElementVNode as b, renderSlot as p, createTextVNode as N, toDisplayString as V } from "vue";
-import { KUI_ICON_SIZE_40 as $ } from "./kongponents.es178.js";
-import K from "./kongponents.es219.js";
-import S from "./kongponents.es283.js";
-const z = ["data-testid"], T = ["aria-controls", "aria-expanded", "aria-label"], q = ["data-testid"], D = {
-  key: 0,
-  class: "tree-item-icon",
-  "data-testid": "tree-item-icon"
-}, L = {
-  class: "tree-item-label",
-  "data-testid": "tree-item-label"
-}, j = /* @__PURE__ */ y({
-  __name: "KTreeItem",
-  props: {
-    item: {},
-    disabled: { type: Boolean },
-    hideIcons: { type: Boolean },
-    collapsible: { type: Boolean },
-    initialCollapse: { type: Boolean },
-    hasChildren: { type: Boolean },
-    controlsId: {}
-  },
-  emits: ["selected", "expanded"],
-  setup(e, { expose: h, emit: v }) {
-    const s = v, g = I(), x = E(() => !e.hideIcons || !!g["item-icon"]), f = (a) => {
-      a.target && a.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select") !== null || s("selected", e.item);
-    }, t = k(!0), C = (a) => {
-      t.value = a;
-    };
-    B(() => e.initialCollapse, (a, l) => {
-      a !== l && (t.value = !a);
-    }, {
-      immediate: !0
-    });
-    const r = () => {
-      t.value = !t.value, s("expanded", t.value);
-    };
-    return h({ setExpandedValue: C, id: e.item.id }), (a, l) => (i(), d("div", {
-      class: "tree-item-wrapper",
-      "data-testid": `tree-item-wrapper-${e.item.id}`
-    }, [
-      e.collapsible && e.hasChildren ? (i(), d("span", {
-        key: 0,
-        "aria-controls": `tree-list-draggable-${e.controlsId}`,
-        "aria-expanded": t.value,
-        "aria-label": t.value ? "Collapse" : "Expand",
-        class: n(["tree-item-expanded-button", {
-          collapsed: !t.value,
-          expanded: t.value
-        }]),
-        "data-testid": "tree-item-expanded-button",
-        role: "button",
-        onClick: c(r, ["stop"]),
-        onKeyup: w(r, ["enter"])
-      }, [
-        m(o(K), {
-          class: n(["tree-item-expanded-icon", {
-            collapsed: !t.value,
-            expanded: t.value
-          }]),
-          "data-testid": "tree-item-expanded-icon",
-          decorative: "",
-          size: o($),
-          tabindex: "0"
-        }, null, 8, ["class", "size"])
-      ], 42, T)) : u("", !0),
-      b("button", {
-        class: n(["tree-item", {
-          "not-draggable": e.disabled,
-          selected: e.item.selected,
-          expanded: e.collapsible && t.value,
-          collapsed: e.collapsible && !t.value,
-          "no-children": e.collapsible && !e.hasChildren
-        }]),
-        "data-testid": `tree-item-${e.item.id}`,
-        "data-tree-item-trigger": "true",
-        draggable: "false",
-        type: "button",
-        onClick: c(f, ["prevent"])
-      }, [
-        x.value ? (i(), d("div", D, [
-          p(a.$slots, "item-icon", {}, () => [
-            m(o(S), { decorative: "" })
-          ], !0)
-        ])) : u("", !0),
-        b("div", L, [
-          p(a.$slots, "item-label", {}, () => [
-            N(V(e.item.name), 1)
-          ], !0)
-        ])
-      ], 10, q)
-    ], 8, z));
+var f = /* @__PURE__ */ new WeakMap(), l = 0;
+function u(e) {
+  if (!e.length)
+    return "";
+  for (var o = "arg", t = 0; t < e.length; ++t) {
+    var n = void 0;
+    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? n = '"' + e[t] + '"' : n = String(e[t]) : f.has(e[t]) ? n = f.get(e[t]) : (n = l, f.set(e[t], l++)), o += "@" + n;
   }
-});
+  return o;
+}
 export {
-  j as default
+  u as default
 };

package/dist/kongponents.es433.js

@@ -1,9 +1,27 @@
-import r from "./kongponents.es377.js";
-import i from "./kongponents.es483.js";
-function f(t, a) {
-  var e = i(t, a);
-  return r(e) ? e : void 0;
-}
+import { popperGenerator as r } from "./kongponents.es529.js";
+import o from "./kongponents.es538.js";
+import e from "./kongponents.es539.js";
+import p from "./kongponents.es540.js";
+import t from "./kongponents.es541.js";
+import m from "./kongponents.es542.js";
+import f from "./kongponents.es543.js";
+import i from "./kongponents.es544.js";
+import s from "./kongponents.es545.js";
+import a from "./kongponents.es546.js";
+var l = [o, e, p, t, m, f, i, s, a], h = /* @__PURE__ */ r({
+  defaultModifiers: l
+});
 export {
-  f as default
+  t as applyStyles,
+  s as arrow,
+  p as computeStyles,
+  h as createPopper,
+  l as defaultModifiers,
+  o as eventListeners,
+  f as flip,
+  a as hide,
+  m as offset,
+  r as popperGenerator,
+  e as popperOffsets,
+  i as preventOverflow
 };

package/dist/kongponents.es434.js

@@ -1,20 +1,9 @@
-import p from "./kongponents.es484.js";
-import a from "./kongponents.es485.js";
-import i from "./kongponents.es486.js";
-import h from "./kongponents.es487.js";
-import s from "./kongponents.es488.js";
-function t(e) {
-  var o = -1, l = e == null ? 0 : e.length;
-  for (this.clear(); ++o < l; ) {
-    var r = e[o];
-    this.set(r[0], r[1]);
-  }
+import r from "./kongponents.es379.js";
+import i from "./kongponents.es483.js";
+function f(t, a) {
+  var e = i(t, a);
+  return r(e) ? e : void 0;
 }
-t.prototype.clear = p;
-t.prototype.delete = a;
-t.prototype.get = i;
-t.prototype.has = h;
-t.prototype.set = s;
 export {
-  t as default
+  f as default
 };

package/dist/kongponents.es435.js

@@ -1,7 +1,20 @@
-import t from "./kongponents.es434.js";
-function e() {
-  this.__data__ = new t(), this.size = 0;
+import p from "./kongponents.es484.js";
+import a from "./kongponents.es485.js";
+import i from "./kongponents.es486.js";
+import h from "./kongponents.es487.js";
+import s from "./kongponents.es488.js";
+function t(e) {
+  var o = -1, l = e == null ? 0 : e.length;
+  for (this.clear(); ++o < l; ) {
+    var r = e[o];
+    this.set(r[0], r[1]);
+  }
 }
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = i;
+t.prototype.has = h;
+t.prototype.set = s;
 export {
-  e as default
+  t as default
 };

package/dist/kongponents.es436.js

@@ -1,7 +1,7 @@
-function s(t) {
-  var e = this.__data__, a = e.delete(t);
-  return this.size = e.size, a;
+import t from "./kongponents.es435.js";
+function e() {
+  this.__data__ = new t(), this.size = 0;
 }
 export {
-  s as default
+  e as default
 };

package/dist/kongponents.es437.js

@@ -1,6 +1,7 @@
-function a(t) {
-  return this.__data__.get(t);
+function s(t) {
+  var e = this.__data__, a = e.delete(t);
+  return this.size = e.size, a;
 }
 export {
-  a as default
+  s as default
 };

package/dist/kongponents.es438.js

@@ -1,6 +1,6 @@
-function t(a) {
-  return this.__data__.has(a);
+function a(t) {
+  return this.__data__.get(t);
 }
 export {
-  t as default
+  a as default
 };

package/dist/kongponents.es439.js

@@ -1,17 +1,6 @@
-import _ from "./kongponents.es434.js";
-import e from "./kongponents.es368.js";
-import r from "./kongponents.es325.js";
-var h = 200;
-function m(i, s) {
-  var t = this.__data__;
-  if (t instanceof _) {
-    var a = t.__data__;
-    if (!e || a.length < h - 1)
-      return a.push([i, s]), this.size = ++t.size, this;
-    t = this.__data__ = new r(a);
-  }
-  return t.set(i, s), this.size = t.size, this;
+function t(a) {
+  return this.__data__.has(a);
 }
 export {
-  m as default
+  t as default
 };

package/dist/kongponents.es440.js

@@ -1,9 +1,17 @@
-import t from "./kongponents.es390.js";
-import o from "./kongponents.es441.js";
-import r from "./kongponents.es316.js";
-function f(e) {
-  return t(e, r, o);
+import _ from "./kongponents.es435.js";
+import e from "./kongponents.es368.js";
+import r from "./kongponents.es323.js";
+var h = 200;
+function m(i, s) {
+  var t = this.__data__;
+  if (t instanceof _) {
+    var a = t.__data__;
+    if (!e || a.length < h - 1)
+      return a.push([i, s]), this.size = ++t.size, this;
+    t = this.__data__ = new r(a);
+  }
+  return t.set(i, s), this.size = t.size, this;
 }
 export {
-  f as default
+  m as default
 };

package/dist/kongponents.es441.js

@@ -1,10 +1,9 @@
-import o from "./kongponents.es355.js";
-import a from "./kongponents.es334.js";
-var n = Object.prototype, l = n.propertyIsEnumerable, t = Object.getOwnPropertySymbols, m = t ? function(r) {
-  return r == null ? [] : (r = Object(r), o(t(r), function(e) {
-    return l.call(r, e);
-  }));
-} : a;
+import t from "./kongponents.es392.js";
+import o from "./kongponents.es442.js";
+import r from "./kongponents.es314.js";
+function f(e) {
+  return t(e, r, o);
+}
 export {
-  m as default
+  f as default
 };

package/dist/kongponents.es442.js

@@ -1,13 +1,10 @@
-import p from "./kongponents.es325.js";
-import h from "./kongponents.es443.js";
-import r from "./kongponents.es444.js";
-function e(t) {
-  var o = -1, a = t == null ? 0 : t.length;
-  for (this.__data__ = new p(); ++o < a; )
-    this.add(t[o]);
-}
-e.prototype.add = e.prototype.push = h;
-e.prototype.has = r;
+import o from "./kongponents.es357.js";
+import a from "./kongponents.es332.js";
+var n = Object.prototype, l = n.propertyIsEnumerable, t = Object.getOwnPropertySymbols, m = t ? function(r) {
+  return r == null ? [] : (r = Object(r), o(t(r), function(e) {
+    return l.call(r, e);
+  }));
+} : a;
 export {
-  e as default
+  m as default
 };

package/dist/kongponents.es443.js

@@ -1,7 +1,13 @@
-var t = "__lodash_hash_undefined__";
-function a(_) {
-  return this.__data__.set(_, t), this;
+import p from "./kongponents.es323.js";
+import h from "./kongponents.es444.js";
+import r from "./kongponents.es445.js";
+function e(t) {
+  var o = -1, a = t == null ? 0 : t.length;
+  for (this.__data__ = new p(); ++o < a; )
+    this.add(t[o]);
 }
+e.prototype.add = e.prototype.push = h;
+e.prototype.has = r;
 export {
-  a as default
+  e as default
 };

package/dist/kongponents.es444.js

@@ -1,6 +1,7 @@
-function t(a) {
-  return this.__data__.has(a);
+var t = "__lodash_hash_undefined__";
+function a(_) {
+  return this.__data__.set(_, t), this;
 }
 export {
-  t as default
+  a as default
 };

package/dist/kongponents.es445.js

@@ -1,5 +1,5 @@
-function t(a, e) {
-  return a.has(e);
+function t(a) {
+  return this.__data__.has(a);
 }
 export {
   t as default

package/dist/kongponents.es446.js

@@ -1,40 +1,6 @@
-import D from "./kongponents.es442.js";
-import G from "./kongponents.es392.js";
-import M from "./kongponents.es445.js";
-var x = 1, F = 2;
-function U(n, e, A, d, p, f) {
-  var E = A & x, R = n.length, P = e.length;
-  if (R != P && !(E && P > R))
-    return !1;
-  var S = f.get(n), _ = f.get(e);
-  if (S && _)
-    return S == e && _ == n;
-  var v = -1, g = !0, l = A & F ? new D() : void 0;
-  for (f.set(n, e), f.set(e, n); ++v < R; ) {
-    var i = n[v], L = e[v];
-    if (d)
-      var C = E ? d(L, i, v, e, n, f) : d(i, L, v, n, e, f);
-    if (C !== void 0) {
-      if (C)
-        continue;
-      g = !1;
-      break;
-    }
-    if (l) {
-      if (!G(e, function(O, w) {
-        if (!M(l, w) && (i === O || p(i, O, A, d, f)))
-          return l.push(w);
-      })) {
-        g = !1;
-        break;
-      }
-    } else if (!(i === L || p(i, L, A, d, f))) {
-      g = !1;
-      break;
-    }
-  }
-  return f.delete(n), f.delete(e), g;
+function t(a, e) {
+  return a.has(e);
 }
 export {
-  U as default
+  t as default
 };

package/dist/kongponents.es447.js

@@ -1,45 +1,40 @@
-import m from "./kongponents.es354.js";
-import t from "./kongponents.es489.js";
-import A from "./kongponents.es292.js";
-import b from "./kongponents.es446.js";
-import o from "./kongponents.es394.js";
-import d from "./kongponents.es395.js";
-var L = 1, O = 2, v = "[object Boolean]", E = "[object Date]", R = "[object Error]", w = "[object Map]", B = "[object Number]", D = "[object RegExp]", P = "[object Set]", S = "[object String]", _ = "[object Symbol]", c = "[object ArrayBuffer]", x = "[object DataView]", i = m ? m.prototype : void 0, n = i ? i.valueOf : void 0;
-function N(e, a, l, s, y, u, r) {
-  switch (l) {
-    case x:
-      if (e.byteLength != a.byteLength || e.byteOffset != a.byteOffset)
-        return !1;
-      e = e.buffer, a = a.buffer;
-    case c:
-      return !(e.byteLength != a.byteLength || !u(new t(e), new t(a)));
-    case v:
-    case E:
-    case B:
-      return A(+e, +a);
-    case R:
-      return e.name == a.name && e.message == a.message;
-    case D:
-    case S:
-      return e == a + "";
-    case w:
-      var f = o;
-    case P:
-      var T = s & L;
-      if (f || (f = d), e.size != a.size && !T)
-        return !1;
-      var g = r.get(e);
-      if (g)
-        return g == a;
-      s |= O, r.set(e, a);
-      var p = b(f(e), f(a), s, y, u, r);
-      return r.delete(e), p;
-    case _:
-      if (n)
-        return n.call(e) == n.call(a);
+import D from "./kongponents.es443.js";
+import G from "./kongponents.es394.js";
+import M from "./kongponents.es446.js";
+var x = 1, F = 2;
+function U(n, e, A, d, p, f) {
+  var E = A & x, R = n.length, P = e.length;
+  if (R != P && !(E && P > R))
+    return !1;
+  var S = f.get(n), _ = f.get(e);
+  if (S && _)
+    return S == e && _ == n;
+  var v = -1, g = !0, l = A & F ? new D() : void 0;
+  for (f.set(n, e), f.set(e, n); ++v < R; ) {
+    var i = n[v], L = e[v];
+    if (d)
+      var C = E ? d(L, i, v, e, n, f) : d(i, L, v, n, e, f);
+    if (C !== void 0) {
+      if (C)
+        continue;
+      g = !1;
+      break;
+    }
+    if (l) {
+      if (!G(e, function(O, w) {
+        if (!M(l, w) && (i === O || p(i, O, A, d, f)))
+          return l.push(w);
+      })) {
+        g = !1;
+        break;
+      }
+    } else if (!(i === L || p(i, L, A, d, f))) {
+      g = !1;
+      break;
+    }
   }
-  return !1;
+  return f.delete(n), f.delete(e), g;
 }
 export {
-  N as default
+  U as default
 };