@kong/kongponents 9.46.9-pr.2994.0a615a7.0 → 9.46.10-pr.2995.f47d674.0

package/dist/kongponents.es322.js

@@ -1,179 +1,58 @@
-import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
-import { DatePicker as U } from "./kongponents.es416.js";
-import Z from "./kongponents.es401.js";
-import p from "./kongponents.es405.js";
-import G from "./kongponents.es225.js";
-const _ = { class: "calendar-wrapper" }, ee = {
-  key: 2,
-  class: "time-wrapper"
-}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
-  key: 0,
-  class: "help-text"
-}, ye = /* @__PURE__ */ W({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ j({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: Y }) {
-    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
-      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: $.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: N,
-      selectAttribute: z,
-      transparent: !0
-    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), V = (n, a) => n > a, C = () => {
-      if (e.value && R.value)
-        if (t.isRange && e.value.start && e.value.end) {
-          const n = e.value;
-          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
-        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
-    }, w = (n) => {
-      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: v };
-    };
-    K(() => {
-      C(), o.value.start = s.value, o.value.end = r.value;
-    });
-    const N = { type: "number" }, q = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, z = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    h(() => s.value, (n) => {
-      if (n) {
-        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-        } else if (e.value instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
-        }
-      }
-    }), h(() => r.value, (n) => {
-      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
-        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-      }
-    }), h(() => e.value, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
-    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
-    });
-    const T = (n) => {
-      const a = e.value;
-      return t.isRange && a && n in a && a[n] instanceof Date;
-    }, O = () => {
-      s.value = o.value.start, r.value = o.value.end;
-    }, E = (n) => {
-      try {
-        return G(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return Y({
-      resetTime: O,
-      initTimeInputs: C
-    }), (n, a) => (i(), m("div", _, [
-      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      R.value ? (i(), m("div", ee, [
-        M("div", te, [
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-start-${c(g)}`
-          }, [
-            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
-          ], 8, ae),
-          S(M("input", {
-            id: `time-input-start-${c(g)}`,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
-            class: F(["time-input-start", { "input-error": f.value }]),
-            "data-testid": "time-input-start",
-            step: H.value,
-            type: "time"
-          }, null, 10, ue), [
-            [A, s.value]
-          ]),
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-end-${c(g)}`
-          }, [
-            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
-          ], 8, se),
-          t.isRange ? S((i(), m("input", {
-            key: 0,
-            id: `time-input-end-${c(g)}`,
-            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
-            class: F(["time-input-end", { "input-error": f.value }]),
-            "data-testid": "time-input-end",
-            step: H.value,
-            type: "time"
-          }, null, 10, re)), [
-            [A, r.value]
-          ]) : y("", !0)
+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.es216.js";
+import m from "./kongponents.es217.js";
+import r from "./kongponents.es33.js";
+const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
+  __name: "PaginationOffset",
+  props: {
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (u(), p("div", c, [
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the previous page",
+        class: "pagination-button",
+        "data-testid": "previous-button",
+        disabled: o.previousButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(b), { decorative: "" })
         ]),
-        L(Q, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: X(() => [
-            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
-          ]),
-          _: 1
-        })
-      ])) : y("", !0)
+        _: 1
+      }, 8, ["disabled"]),
+      e(r, {
+        appearance: "tertiary",
+        "aria-label": "Go to the next page",
+        class: "pagination-button",
+        "data-testid": "next-button",
+        disabled: o.nextButtonDisabled,
+        icon: "",
+        size: "small",
+        type: "button",
+        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
+      }, {
+        default: n(() => [
+          e(s(m), { decorative: "" })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
     ]));
   }
 });
 export {
-  ye as default
+  O as default
 };

package/dist/kongponents.es324.js

@@ -1,97 +1,54 @@
-import { defineComponent as K, computed as g, useTemplateRef as $, createElementBlock as d, openBlock as l, createBlock as u, createCommentVNode as h, Fragment as m, renderList as f, withCtx as S, renderSlot as v, createElementVNode as p, toDisplayString as y, createTextVNode as V } from "vue";
-import w from "./kongponents.es227.js";
-const D = { ref: "itemsContainer" }, O = { class: "select-group-title" }, R = { class: "select-item-description" }, I = ".select-item button:not(:disabled)", q = '.select-item[aria-selected="true"] button:not(:disabled)', G = /* @__PURE__ */ K({
-  __name: "KSelectItems",
+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.es251.js";
+import k from "./kongponents.es177.js";
+import v from "./kongponents.es206.js";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es173.js";
+import { normalizeSize as y } from "./kongponents.es171.js";
+const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
+  __name: "KStep",
   props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {}
   },
-  emits: ["selected", "add-item"],
-  setup(s, { expose: k, emit: A }) {
-    const L = A, C = (n) => L("selected", n), T = g(() => {
-      var n;
-      return (n = s.items) == null ? void 0 : n.filter((t) => !t.group);
-    }), b = g(() => {
-      var n, t;
-      return [...new Set((t = (n = s.items) == null ? void 0 : n.filter((e) => e.group)) == null ? void 0 : t.map((e) => e.group))].sort((e, o) => e.toLowerCase().localeCompare(o.toLowerCase()));
-    }), x = (n) => {
-      var t;
-      return (t = s.items) == null ? void 0 : t.filter((e) => e.group === n);
-    }, E = $("itemsContainer"), B = (n) => {
-      var i, c;
-      const t = E.value;
-      if (!t)
-        return;
-      const e = t.querySelectorAll(I);
-      if (!(e != null && e.length))
-        return;
-      const o = t.querySelector(q);
-      if (o) {
-        const r = [...e].indexOf(o);
-        (i = e[n === "down" ? r + 1 : r - 1]) == null || i.focus();
-      } else
-        (c = e[n === "down" ? 0 : e.length - 1]) == null || c.focus();
-    }, a = ({ target: n, key: t }) => {
-      var e;
-      if (t === "ArrowDown" || t === "ArrowUp") {
-        const o = (e = E.value) == null ? void 0 : e.querySelectorAll(I);
-        if (o != null && o.length) {
-          const i = [...o].indexOf(n), c = t === "ArrowDown" ? i + 1 : i - 1, r = o[c];
-          r == null || r.focus();
-        }
-      }
-    };
-    return k({ setFocus: B }), (n, t) => (l(), d("div", D, [
-      (l(!0), d(m, null, f(T.value, (e) => (l(), u(w, {
-        key: e.key,
-        item: e,
-        onKeydown: a,
-        onSelected: C
-      }, {
-        content: S(() => [
-          v(n.$slots, "content", { item: e }, void 0, !0)
-        ]),
-        _: 2
-      }, 1032, ["item"]))), 128)),
-      (l(!0), d(m, null, f(b.value, (e) => (l(), d("div", {
-        key: `${e}-group`,
-        class: "select-group",
-        "data-propagate-clicks": "false"
+  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}`])
       }, [
-        p("span", O, y(e), 1),
-        (l(!0), d(m, null, f(x(e), (o) => (l(), u(w, {
-          key: o.key,
-          item: o,
-          onKeydown: a,
-          onSelected: C
-        }, {
-          content: S(() => [
-            v(n.$slots, "content", { item: o }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))), 128))
-      ]))), 128)),
-      s.itemCreationEnabled ? (l(), u(w, {
-        key: "select-add-item",
-        class: "select-add-item",
-        "data-testid": "select-add-item",
-        item: { label: `${s.filterString} (Add new value)`, value: "add_item", disabled: !s.itemCreationValid },
-        onKeydown: a,
-        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
-      }, {
-        content: S(() => [
-          p("div", R, [
-            V(y(s.filterString) + " ", 1),
-            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
+        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)
         ]),
-        _: 1
-      }, 8, ["item"])) : h("", !0)
-    ], 512));
+        a("span", {
+          class: "step-label",
+          style: f(s.value)
+        }, p(t.label), 5)
+      ], 2)
+    ], 8, E));
   }
 });
 export {
-  G as default
+  $ as default
 };

package/dist/kongponents.es326.js

@@ -1,47 +1,220 @@
-import { defineComponent as r, createElementBlock as c, openBlock as u, createElementVNode as l, withKeys as s, normalizeClass as v, withModifiers as n, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
-const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KSelectItem",
-  props: {
-    item: {}
-  },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: o }) {
-    const a = o, d = (t) => {
-      if (e.item.disabled) {
-        t.stopPropagation();
-        return;
+/*!
+* tabbable 6.3.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var T = ["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])"], b = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, h = !I && 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;
+}, v = function(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 && v(t.parentNode);
+  return n;
+}, x = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, m = function(t, e, r) {
+  if (v(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(b));
+  return e && d.call(t, b) && a.unshift(t), a = a.filter(r), a;
+}, g = function(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!v(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), s = c.length ? c : n.children, u = g(s, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var f = d.call(n, b);
+        f && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var o = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !v(o, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (o && A) {
+          var p = g(o === !0 ? n.children : o.children, !0, r);
+          r.flatten ? a.push.apply(a, p) : a.push({
+            scopeParent: n,
+            candidates: p
+          });
+        } else
+          l.unshift.apply(l, n.children);
       }
-      a("selected", e.item);
-    };
-    return (t, i) => (u(), c("div", {
-      key: e.item.key,
-      "aria-selected": e.item.selected,
-      class: "select-item",
-      "data-testid": `select-item-${e.item.value}`,
-      role: "option"
-    }, [
-      l("div", y, [
-        l("button", {
-          class: v({ selected: e.item.selected }),
-          disabled: e.item.disabled === !0 ? !0 : void 0,
-          type: "button",
-          value: e.item.value,
-          onClick: d,
-          onKeydown: [
-            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
-            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(t.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
-          ])
-        ], 42, $)
-      ])
-    ], 8, k));
   }
-});
+  return a;
+}, C = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, N = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !C(t) ? 0 : t.tabIndex;
+}, O = function(t, e) {
+  var r = N(t);
+  return r < 0 && e && !C(t) ? 0 : r;
+}, k = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, R = function(t) {
+  return t.tagName === "INPUT";
+}, F = function(t) {
+  return R(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;
+}, M = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, P = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || h(t), r = function(c) {
+    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, 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 = M(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return R(t) && t.type === "radio";
+}, V = function(t) {
+  return L(t) && !P(t);
+}, B = function(t) {
+  var e, r = t && h(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, s;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !l && a; ) {
+      var u, f, o;
+      r = h(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((f = a) !== null && f !== void 0 && (o = f.ownerDocument) !== null && o !== void 0 && o.contains(a));
+    }
+  }
+  return l;
+}, w = 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 (r === "full-native" && "checkVisibility" in t) {
+    var l = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !l;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
+  if (d.call(c, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var s = t; t; ) {
+        var u = t.parentElement, f = h(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return w(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && f !== t.ownerDocument ? t = f.host : t = u;
+      }
+      t = s;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return w(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 d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, y = 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`)
+  v(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 !(V(e) || N(e) < 0 || !y(t, e));
+}, j = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, E = function(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, c = n ? a.scopeParent : a, s = O(c, n), u = n ? E(a.candidates) : c;
+    s === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: s,
+      item: a,
+      isScope: n,
+      content: u
+    });
+  }), r.sort(k).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 = g([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: j
+  }) : r = m(t, e.includeContainer, S.bind(null, e)), E(r);
+}, z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: y.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = m(t, e.includeContainer, y.bind(null, e)), r;
+}, G = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, b) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ T.concat("iframe").join(","), X = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, W) === !1 ? !1 : y(e, t);
+};
 export {
-  K as default
+  z as focusable,
+  N as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };

package/dist/{kongponents.es331.js → kongponents.es327.js}

@@ -3,7 +3,7 @@ import b from "./kongponents.es24.js";
 /* empty css                 */
 import p from "./kongponents.es42.js";
 import f from "./kongponents.es33.js";
-import k from "./kongponents.es228.js";
+import k from "./kongponents.es211.js";
 const g = {
   key: 0,
   class: "bulk-actions-dropdown-trigger-count"