@kong/kongponents 9.54.1 → 9.54.2

package/dist/kongponents.es253.js

@@ -1,89 +1,8 @@
-import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
-import f from "./kongponents.es205.js";
-const h = { ref: "itemsContainer" }, B = {
-  key: 1,
-  class: "select-group",
-  "data-propagate-clicks": "false"
-}, K = { class: "select-group-title" }, L = { class: "select-item-description" }, g = ".select-item button:not(:disabled)", $ = '.select-item[aria-selected="true"] button:not(:disabled)', R = /* @__PURE__ */ I({
-  __name: "KSelectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: b, emit: k }) {
-    const x = k, E = (t) => "items" in t && Array.isArray(t.items), S = (t) => x("selected", t), p = y("itemsContainer"), A = (t) => {
-      const n = p.value;
-      if (!n)
-        return;
-      const e = n.querySelectorAll(g);
-      if (!e?.length)
-        return;
-      const l = n.querySelector($);
-      if (l) {
-        const o = [...e].indexOf(l);
-        e[t === "down" ? o + 1 : o - 1]?.focus();
-      } else
-        e[t === "down" ? 0 : e.length - 1]?.focus();
-    }, a = ({ target: t, key: n }) => {
-      if (n === "ArrowDown" || n === "ArrowUp") {
-        const e = p.value?.querySelectorAll(g);
-        if (e?.length) {
-          const l = [...e].indexOf(t), o = n === "ArrowDown" ? l + 1 : l - 1;
-          e[o]?.focus();
-        }
-      }
-    };
-    return b({ setFocus: A }), (t, n) => (s(), d("div", h, [
-      (s(!0), d(c, null, w(i.items, (e, l) => (s(), d(c, {
-        key: E(e) ? `${e.key || e.label}-group` : e.key || e.value || l
-      }, [
-        E(e) ? (s(), d("div", B, [
-          u("span", K, v(e.label), 1),
-          (s(!0), d(c, null, w(e.items, (o) => (s(), r(f, {
-            key: o.key,
-            item: o,
-            onKeydown: a,
-            onSelected: S
-          }, {
-            content: m(() => [
-              C(t.$slots, "content", { item: o }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item"]))), 128))
-        ])) : (s(), r(f, {
-          key: 0,
-          item: e,
-          onKeydown: a,
-          onSelected: S
-        }, {
-          content: m(() => [
-            C(t.$slots, "content", { item: e }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))
-      ], 64))), 128)),
-      i.itemCreationEnabled ? (s(), r(f, {
-        key: "select-add-item",
-        class: "select-add-item",
-        "data-testid": "select-add-item",
-        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
-        onKeydown: a,
-        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
-      }, {
-        content: m(() => [
-          u("div", L, [
-            T(v(i.filterString) + " ", 1),
-            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : _("", !0)
-    ], 512));
-  }
-});
+import p from "./kongponents.es291.js";
+var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
+function x(e) {
+  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+}
 export {
-  R as default
+  x as default
 };

package/dist/kongponents.es254.js

@@ -0,0 +1,89 @@
+import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
+import f from "./kongponents.es205.js";
+const h = { ref: "itemsContainer" }, B = {
+  key: 1,
+  class: "select-group",
+  "data-propagate-clicks": "false"
+}, K = { class: "select-group-title" }, L = { class: "select-item-description" }, g = ".select-item button:not(:disabled)", $ = '.select-item[aria-selected="true"] button:not(:disabled)', R = /* @__PURE__ */ I({
+  __name: "KSelectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: b, emit: k }) {
+    const x = k, E = (t) => "items" in t && Array.isArray(t.items), S = (t) => x("selected", t), p = y("itemsContainer"), A = (t) => {
+      const n = p.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(g);
+      if (!e?.length)
+        return;
+      const l = n.querySelector($);
+      if (l) {
+        const o = [...e].indexOf(l);
+        e[t === "down" ? o + 1 : o - 1]?.focus();
+      } else
+        e[t === "down" ? 0 : e.length - 1]?.focus();
+    }, a = ({ target: t, key: n }) => {
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const e = p.value?.querySelectorAll(g);
+        if (e?.length) {
+          const l = [...e].indexOf(t), o = n === "ArrowDown" ? l + 1 : l - 1;
+          e[o]?.focus();
+        }
+      }
+    };
+    return b({ setFocus: A }), (t, n) => (s(), d("div", h, [
+      (s(!0), d(c, null, w(i.items, (e, l) => (s(), d(c, {
+        key: E(e) ? `${e.key || e.label}-group` : e.key || e.value || l
+      }, [
+        E(e) ? (s(), d("div", B, [
+          u("span", K, v(e.label), 1),
+          (s(!0), d(c, null, w(e.items, (o) => (s(), r(f, {
+            key: o.key,
+            item: o,
+            onKeydown: a,
+            onSelected: S
+          }, {
+            content: m(() => [
+              C(t.$slots, "content", { item: o }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (s(), r(f, {
+          key: 0,
+          item: e,
+          onKeydown: a,
+          onSelected: S
+        }, {
+          content: m(() => [
+            C(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      i.itemCreationEnabled ? (s(), r(f, {
+        key: "select-add-item",
+        class: "select-add-item",
+        "data-testid": "select-add-item",
+        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
+        onKeydown: a,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: m(() => [
+          u("div", L, [
+            T(v(i.filterString) + " ", 1),
+            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : _("", !0)
+    ], 512));
+  }
+});
+export {
+  R as default
+};

package/dist/kongponents.es258.js

@@ -1,85 +1,136 @@
-import { defineComponent as x, useTemplateRef as y, openBlock as l, createElementBlock as s, Fragment as c, renderList as w, createBlock as d, withCtx as m, renderSlot as S, createElementVNode as u, toDisplayString as C, createTextVNode as B, createCommentVNode as K } from "vue";
-import f from "./kongponents.es194.js";
-const $ = {
-  ref: "itemsContainer",
-  "aria-live": "polite",
-  class: "multiselect-items-container"
-}, h = {
-  key: 1,
-  class: "multiselect-group"
-}, T = { class: "multiselect-group-title" }, V = { class: "select-item-description" }, b = ".multiselect-item button:not(:disabled)", F = /* @__PURE__ */ x({
-  __name: "KMultiselectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: g, emit: A }) {
-    const k = A, p = (t) => "items" in t && Array.isArray(t.items), E = (t) => k("selected", t), v = y("itemsContainer"), I = (t) => {
-      const n = v.value;
-      if (!n)
-        return;
-      const e = n.querySelectorAll(b);
-      e[t === "down" ? 0 : e.length - 1]?.focus();
-    }, r = ({ target: t, key: n }) => {
-      if (n === "ArrowDown" || n === "ArrowUp") {
-        const e = v.value?.querySelectorAll(b);
-        if (e?.length) {
-          const a = [...e].indexOf(t), o = n === "ArrowDown" ? a + 1 : a - 1;
-          e[o]?.focus();
-        }
-      }
-    };
-    return g({ setFocus: I }), (t, n) => (l(), s("div", $, [
-      (l(!0), s(c, null, w(i.items, (e, a) => (l(), s(c, {
-        key: p(e) ? `${e.key || e.label}-group` : e.key || e.value || a
-      }, [
-        p(e) ? (l(), s("div", h, [
-          u("span", T, C(e.label), 1),
-          (l(!0), s(c, null, w(e.items, (o) => (l(), d(f, {
-            key: o.key,
-            item: o,
-            onKeydown: r,
-            onSelected: E
-          }, {
-            content: m(() => [
-              S(t.$slots, "content", { item: o }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item"]))), 128))
-        ])) : (l(), d(f, {
-          key: 0,
-          item: e,
-          onKeydown: r,
-          onSelected: E
-        }, {
-          content: m(() => [
-            S(t.$slots, "content", { item: e }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))
-      ], 64))), 128)),
-      i.itemCreationEnabled ? (l(), d(f, {
-        key: "multiselect-add-item",
-        class: "multiselect-add-item",
-        "data-testid": "multiselect-add-item",
-        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
-        onKeydown: r,
-        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
-      }, {
-        content: m(() => [
-          u("div", V, [
-            B(C(i.filterString) + " ", 1),
-            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : K("", !0)
-    ], 512));
+function u() {
+  return typeof window < "u";
+}
+function a(t) {
+  return m(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var n;
+  return (t == null || (n = t.ownerDocument) == null ? void 0 : n.defaultView) || window;
+}
+function L(t) {
+  var n;
+  return (n = (m(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : n.documentElement;
+}
+function m(t) {
+  return u() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function h(t) {
+  return u() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function g(t) {
+  return u() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function p(t) {
+  return !u() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+function y(t) {
+  const {
+    overflow: n,
+    overflowX: r,
+    overflowY: c,
+    display: e
+  } = b(t);
+  return /auto|scroll|overlay|hidden|clip/.test(n + c + r) && e !== "inline" && e !== "contents";
+}
+function _(t) {
+  return /^(table|td|th)$/.test(a(t));
+}
+function T(t) {
+  try {
+    if (t.matches(":popover-open"))
+      return !0;
+  } catch {
   }
-});
+  try {
+    return t.matches(":modal");
+  } catch {
+    return !1;
+  }
+}
+const v = /transform|translate|scale|rotate|perspective|filter/, C = /paint|layout|strict|content/, o = (t) => !!t && t !== "none";
+let s;
+function D(t) {
+  const n = h(t) ? b(t) : t;
+  return o(n.transform) || o(n.translate) || o(n.scale) || o(n.rotate) || o(n.perspective) || !R() && (o(n.backdropFilter) || o(n.filter)) || v.test(n.willChange || "") || C.test(n.contain || "");
+}
+function W(t) {
+  let n = f(t);
+  for (; g(n) && !N(n); ) {
+    if (D(n))
+      return n;
+    if (T(n))
+      return null;
+    n = f(n);
+  }
+  return null;
+}
+function R() {
+  return s == null && (s = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), s;
+}
+function N(t) {
+  return /^(html|body|#document)$/.test(a(t));
+}
+function b(t) {
+  return i(t).getComputedStyle(t);
+}
+function $(t) {
+  return h(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function f(t) {
+  if (a(t) === "html")
+    return t;
+  const n = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    p(t) && t.host || // Fallback.
+    L(t)
+  );
+  return p(n) ? n.host : n;
+}
+function S(t) {
+  const n = f(t);
+  return N(n) ? t.ownerDocument ? t.ownerDocument.body : t.body : g(n) && y(n) ? n : S(n);
+}
+function w(t, n, r) {
+  var c;
+  n === void 0 && (n = []), r === void 0 && (r = !0);
+  const e = S(t), E = e === ((c = t.ownerDocument) == null ? void 0 : c.body), l = i(e);
+  if (E) {
+    const d = k(l);
+    return n.concat(l, l.visualViewport || [], y(e) ? e : [], d && r ? w(d) : []);
+  } else
+    return n.concat(e, w(e, [], r));
+}
+function k(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
 export {
-  F as default
+  b as getComputedStyle,
+  W as getContainingBlock,
+  L as getDocumentElement,
+  k as getFrameElement,
+  S as getNearestOverflowAncestor,
+  a as getNodeName,
+  $ as getNodeScroll,
+  w as getOverflowAncestors,
+  f as getParentNode,
+  i as getWindow,
+  D as isContainingBlock,
+  h as isElement,
+  g as isHTMLElement,
+  N as isLastTraversableNode,
+  m as isNode,
+  y as isOverflowElement,
+  p as isShadowRoot,
+  _ as isTableElement,
+  T as isTopLayer,
+  R as isWebKit
 };

package/dist/kongponents.es259.js

@@ -0,0 +1,4 @@
+import f from "./kongponents.es219.js";
+export {
+  f as default
+};

package/dist/kongponents.es26.js

@@ -1,8 +1,8 @@
 import { defineComponent as C, watch as d, ref as A, computed as h, useTemplateRef as E, onMounted as V, openBlock as I, createElementBlock as k, normalizeStyle as B, createVNode as q, createSlots as N, withCtx as f, renderSlot as g } from "vue";
-import w from "./kongponents.es241.js";
-import { normalizeSize as z } from "./kongponents.es175.js";
-import { warnInvalidProp as o } from "./kongponents.es211.js";
-import { getMaximumDepth as J } from "./kongponents.es242.js";
+import w from "./kongponents.es209.js";
+import { normalizeSize as z } from "./kongponents.es182.js";
+import { warnInvalidProp as o } from "./kongponents.es210.js";
+import { getMaximumDepth as J } from "./kongponents.es211.js";
 const F = /* @__PURE__ */ C({
   __name: "KTreeList",
   props: {

package/dist/kongponents.es260.js

@@ -1,43 +1,58 @@
-import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
-const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KMultiselectItem",
+import { defineComponent as f, openBlock as p, createElementBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
+import b from "./kongponents.es187.js";
+import m from "./kongponents.es189.js";
+import r from "./kongponents.es32.js";
+const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
+  __name: "PaginationOffset",
   props: {
-    item: {}
+    previousButtonDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    nextButtonDisabled: {
+      type: Boolean,
+      default: !1
+    }
   },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: a }) {
-    const d = a, o = () => {
-      e.item.disabled || d("selected", e.item);
-    };
-    return (i, t) => (c(), u("div", {
-      key: e.item.key || e.item.value,
-      "aria-selected": e.item.selected,
-      class: "multiselect-item",
-      "data-testid": `multiselect-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: o,
-          onKeydown: [
-            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
-            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(i.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
-          ])
-        ], 42, $)
-      ])
-    ], 8, k));
+  emits: ["getPreviousOffset", "getNextOffset"],
+  setup(o, { emit: l }) {
+    const a = l;
+    return (v, t) => (p(), u("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: "" })
+        ]),
+        _: 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 {
-  K as default
+  O as default
 };