@kong/kongponents 9.46.1-pr.2962.dc37c46.0 → 9.46.1

package/dist/kongponents.es363.js

@@ -1,4 +1,202 @@
-var a = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var w = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], v = /* @__PURE__ */ w.join(","), T = typeof Element > "u", o = T ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !T && Element.prototype.getRootNode ? function(i) {
+  var t;
+  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
+} : function(i) {
+  return i == null ? void 0 : i.ownerDocument;
+}, h = function i(t, e) {
+  var r;
+  e === void 0 && (e = !0);
+  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && i(t.parentNode);
+  return n;
+}, A = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, I = function(t, e, r) {
+  if (h(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
+  return e && o.call(t, v) && a.unshift(t), a = a.filter(r), a;
+}, m = function i(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!h(n, !1))
+      if (n.tagName === "SLOT") {
+        var u = n.assignedElements(), c = u.length ? u : n.children, s = i(c, !0, r);
+        r.flatten ? a.push.apply(a, s) : a.push({
+          scopeParent: n,
+          candidates: s
+        });
+      } else {
+        var f = o.call(n, v);
+        f && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var d = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), E = !h(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (d && E) {
+          var y = i(d === !0 ? n.children : d.children, !0, r);
+          r.flatten ? a.push.apply(a, y) : a.push({
+            scopeParent: n,
+            candidates: y
+          });
+        } else
+          l.unshift.apply(l, n.children);
+      }
+  }
+  return a;
+}, N = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, R = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || A(t)) && !N(t) ? 0 : t.tabIndex;
+}, x = function(t, e) {
+  var r = R(t);
+  return r < 0 && e && !N(t) ? 0 : r;
+}, O = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, C = function(t) {
+  return t.tagName === "INPUT";
+}, F = function(t) {
+  return C(t) && t.type === "hidden";
+}, D = function(t) {
+  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return e;
+}, k = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, M = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || b(t), r = function(u) {
+    return e.querySelectorAll('input[type="radio"][name="' + u + '"]');
+  }, a;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    a = r(window.CSS.escape(t.name));
+  else
+    try {
+      a = r(t.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var l = k(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return C(t) && t.type === "radio";
+}, P = function(t) {
+  return L(t) && !M(t);
+}, B = function(t) {
+  var e, r = t && b(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, u, c;
+    for (l = !!((n = a) !== null && n !== void 0 && (u = n.ownerDocument) !== null && u !== void 0 && u.contains(a) || t != null && (c = t.ownerDocument) !== null && c !== void 0 && c.contains(t)); !l && a; ) {
+      var s, f, d;
+      r = b(a), a = (s = r) === null || s === void 0 ? void 0 : s.host, l = !!((f = a) !== null && f !== void 0 && (d = f.ownerDocument) !== null && d !== void 0 && d.contains(a));
+    }
+  }
+  return l;
+}, p = function(t) {
+  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
+  return r === 0 && a === 0;
+}, q = function(t, e) {
+  var r = e.displayCheck, a = e.getShadowRoot;
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var l = o.call(t, "details>summary:first-of-type"), n = l ? t.parentElement : t;
+  if (o.call(n, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var u = t; t; ) {
+        var c = t.parentElement, s = b(t);
+        if (c && !c.shadowRoot && a(c) === !0)
+          return p(t);
+        t.assignedSlot ? t = t.assignedSlot : !c && s !== t.ownerDocument ? t = s.host : t = c;
+      }
+      t = u;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return p(t);
+  return !1;
+}, U = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var e = t.parentElement; e; ) {
+      if (e.tagName === "FIELDSET" && e.disabled) {
+        for (var r = 0; r < e.children.length; r++) {
+          var a = e.children.item(r);
+          if (a.tagName === "LEGEND")
+            return o.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, g = function(t, e) {
+  return !(e.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  h(e) || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
+  D(e) || U(e));
+}, S = function(t, e) {
+  return !(P(e) || R(e) < 0 || !g(t, e));
+}, V = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, j = function i(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, u = n ? a.scopeParent : a, c = x(u, n), s = n ? i(a.candidates) : u;
+    c === 0 ? n ? e.push.apply(e, s) : e.push(u) : r.push({
+      documentOrder: l,
+      tabIndex: c,
+      item: a,
+      isScope: n,
+      content: s
+    });
+  }), r.sort(O).reduce(function(a, l) {
+    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
+  }, []).concat(e);
+}, Z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = m([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: V
+  }) : r = I(t, e.includeContainer, S.bind(null, e)), j(r);
+}, z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = m([t], e.includeContainer, {
+    filter: g.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = I(t, e.includeContainer, g.bind(null, e)), r;
+}, G = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return o.call(t, v) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ w.concat("iframe").join(","), X = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return o.call(t, W) === !1 ? !1 : g(e, t);
+};
 export {
-  a as default
+  z as focusable,
+  R as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };

package/dist/kongponents.es364.js

@@ -1,10 +1,97 @@
-import t from "./kongponents.es307.js";
-import i from "./kongponents.es278.js";
-var s = Object.prototype, p = s.hasOwnProperty;
-function l(r, a, o) {
-  var n = r[a];
-  (!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
-}
+import { defineComponent as y, useSlots as I, computed as E, ref as k, watch as B, createElementBlock as i, openBlock as d, createCommentVNode as c, createElementVNode as m, withKeys as w, withModifiers as u, normalizeClass as n, createVNode as b, unref as o, renderSlot as p, createTextVNode as N, toDisplayString as V } from "vue";
+import { KUI_ICON_SIZE_40 as $ } from "./kongponents.es174.js";
+import K from "./kongponents.es195.js";
+import S from "./kongponents.es270.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) => (d(), i("div", {
+      class: "tree-item-wrapper",
+      "data-testid": `tree-item-wrapper-${e.item.id}`
+    }, [
+      e.collapsible && e.hasChildren ? (d(), i("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: u(r, ["stop"]),
+        onKeyup: w(r, ["enter"])
+      }, [
+        b(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)) : c("", !0),
+      m("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: u(f, ["prevent"])
+      }, [
+        x.value ? (d(), i("div", D, [
+          p(a.$slots, "item-icon", {}, () => [
+            b(o(S), { decorative: "" })
+          ], !0)
+        ])) : c("", !0),
+        m("div", L, [
+          p(a.$slots, "item-label", {}, () => [
+            N(V(e.item.name), 1)
+          ], !0)
+        ])
+      ], 10, q)
+    ], 8, z));
+  }
+});
 export {
-  l as default
+  j as default
 };