@kong/kongponents 9.58.0 → 9.59.0

package/dist/kongponents.es348.js

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

package/dist/kongponents.es350.js

@@ -1,5 +1,97 @@
-import o from "./kongponents.es286.js";
-var m = o.Symbol;
+import { defineComponent as y, useSlots as I, computed as k, ref as B, watch as E, openBlock as l, createElementBlock as d, withKeys as $, withModifiers as c, normalizeClass as n, createVNode as m, unref as o, createCommentVNode as u, createElementVNode as b, renderSlot as p, createTextVNode as w, toDisplayString as N } from "vue";
+import { KUI_ICON_SIZE_40 as V } from "./kongponents.es178.js";
+import z from "./kongponents.es192.js";
+import K from "./kongponents.es277.js";
+const S = ["data-testid"], M = ["aria-controls", "aria-expanded", "aria-label"], T = ["data-testid"], D = {
+  key: 0,
+  class: "tree-item-icon",
+  "data-testid": "tree-item-icon"
+}, O = {
+  class: "tree-item-label",
+  "data-testid": "tree-item-label"
+}, A = /* @__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 = k(() => !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 = B(!0), C = (a) => {
+      t.value = a;
+    };
+    E(() => e.initialCollapse, (a, i) => {
+      a !== i && (t.value = !a);
+    }, {
+      immediate: !0
+    });
+    const r = () => {
+      t.value = !t.value, s("expanded", t.value);
+    };
+    return h({ setExpandedValue: C, id: e.item.id }), (a, i) => (l(), d("div", {
+      class: "tree-item-wrapper",
+      "data-testid": `tree-item-wrapper-${e.item.id}`
+    }, [
+      e.collapsible && e.hasChildren ? (l(), 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: $(r, ["enter"])
+      }, [
+        m(o(z), {
+          class: n(["tree-item-expanded-icon", {
+            collapsed: !t.value,
+            expanded: t.value
+          }]),
+          "data-testid": "tree-item-expanded-icon",
+          decorative: "",
+          size: `var(--kui-icon-size-40, ${o(V)})`,
+          tabindex: "0"
+        }, null, 8, ["class", "size"])
+      ], 42, M)) : 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 ? (l(), d("div", D, [
+          p(a.$slots, "item-icon", {}, () => [
+            m(o(K), { decorative: "" })
+          ], !0)
+        ])) : u("", !0),
+        b("div", O, [
+          p(a.$slots, "item-label", {}, () => [
+            w(N(e.item.name), 1)
+          ], !0)
+        ])
+      ], 10, T)
+    ], 8, S));
+  }
+});
 export {
-  m as default
+  A as default
 };

package/dist/kongponents.es352.js

@@ -1,5 +1,8 @@
-import r from "./kongponents.es353.js";
-var e = r();
+import { default as a } from "./kongponents.es270.js";
+import t from "./kongponents.es271.js";
+import { mutate as m } from "./kongponents.es271.js";
 export {
-  e as default
+  a as SWRVCache,
+  t as default,
+  m as mutate
 };

package/dist/kongponents.es353.js

@@ -1,13 +1,11 @@
-function h(u) {
-  return function(e, n, i) {
-    for (var f = -1, r = Object(e), t = i(e), l = t.length; l--; ) {
-      var a = t[++f];
-      if (n(r[a], a, r) === !1)
-        break;
-    }
-    return e;
-  };
+import m from "./kongponents.es354.js";
+import a from "./kongponents.es355.js";
+import i from "./kongponents.es356.js";
+function d(t, r) {
+  i(2, arguments);
+  var e = a(t).getTime(), o = m(r);
+  return new Date(e + o);
 }
 export {
-  h as default
+  d as default
 };

package/dist/kongponents.es354.js

@@ -1,10 +1,9 @@
-import o from "./kongponents.es281.js";
-import i from "./kongponents.es310.js";
-import m from "./kongponents.es385.js";
-import f from "./kongponents.es271.js";
-function c(r, t) {
-  return o(r) ? r : i(r, t) ? [r] : m(f(r));
+function n(a) {
+  if (a === null || a === !0 || a === !1)
+    return NaN;
+  var e = Number(a);
+  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
 }
 export {
-  c as default
+  n as default
 };

package/dist/kongponents.es355.js

@@ -1,8 +1,10 @@
-var o = 9007199254740991, d = /^(?:0|[1-9]\d*)$/;
-function f(r, s) {
-  var t = typeof r;
-  return s = s ?? o, !!s && (t == "number" || t != "symbol" && d.test(r)) && r > -1 && r % 1 == 0 && r < s;
+import r from "./kongponents.es367.js";
+import o from "./kongponents.es356.js";
+function a(e) {
+  o(1, arguments);
+  var t = Object.prototype.toString.call(e);
+  return e instanceof Date || r(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
 export {
-  f as default
+  a as default
 };

package/dist/kongponents.es356.js

@@ -1,4 +1,7 @@
-var l = typeof global == "object" && global && global.Object === Object && global;
+function n(e, t) {
+  if (t.length < e)
+    throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
+}
 export {
-  l as default
+  n as default
 };

package/dist/kongponents.es357.js

@@ -1,15 +1,12 @@
-import e from "./kongponents.es350.js";
-var o = Object.prototype, c = o.hasOwnProperty, f = o.toString, r = e ? e.toStringTag : void 0;
-function p(t) {
-  var a = c.call(t, r), n = t[r];
-  try {
-    t[r] = void 0;
-    var i = !0;
-  } catch {
-  }
-  var g = f.call(t);
-  return i && (a ? t[r] = n : delete t[r]), g;
+import o from "./kongponents.es366.js";
+import t from "./kongponents.es355.js";
+import m from "./kongponents.es356.js";
+function u(r) {
+  if (m(1, arguments), !o(r) && typeof r != "number")
+    return !1;
+  var e = t(r);
+  return !isNaN(Number(e));
 }
 export {
-  p as default
+  u as default
 };

package/dist/kongponents.es358.js

@@ -1,7 +1,11 @@
-var o = Object.prototype, r = o.toString;
-function e(t) {
-  return r.call(t);
+import e from "./kongponents.es353.js";
+import i from "./kongponents.es356.js";
+import m from "./kongponents.es354.js";
+function a(r, o) {
+  i(2, arguments);
+  var t = m(o);
+  return e(r, -t);
 }
 export {
-  e as default
+  a as default
 };