@kong/kongponents 9.46.12-pr.2998.a5b42ee.0 → 9.46.12

package/dist/kongponents.es351.js

@@ -1,20 +1,132 @@
-import r from "./kongponents.es436.js";
-import m from "./kongponents.es437.js";
-import h from "./kongponents.es438.js";
-import l from "./kongponents.es439.js";
-import c from "./kongponents.es440.js";
-function e(t) {
-  var o = -1, a = t == null ? 0 : t.length;
-  for (this.clear(); ++o < a; ) {
-    var p = t[o];
-    this.set(p[0], p[1]);
+const p = ["top", "right", "bottom", "left"], l = ["start", "end"], L = /* @__PURE__ */ p.reduce((t, e) => t.concat(e, e + "-" + l[0], e + "-" + l[1]), []), h = Math.min, x = Math.max, E = Math.round, R = Math.floor, T = (t) => ({
+  x: t,
+  y: t
+}), b = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, d = {
+  start: "end",
+  end: "start"
+};
+function k(t, e, n) {
+  return x(t, h(e, n));
+}
+function q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function m(t) {
+  return t.split("-")[1];
+}
+function A(t) {
+  return t === "x" ? "y" : "x";
+}
+function P(t) {
+  return t === "y" ? "height" : "width";
+}
+const y = /* @__PURE__ */ new Set(["top", "bottom"]);
+function M(t) {
+  return y.has(g(t)) ? "y" : "x";
+}
+function O(t) {
+  return A(M(t));
+}
+function z(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = m(t), i = O(t), o = P(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
+}
+function B(t) {
+  const e = f(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => d[e]);
+}
+const u = ["left", "right"], a = ["right", "left"], S = ["top", "bottom"], w = ["bottom", "top"];
+function j(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? a : u : e ? u : a;
+    case "left":
+    case "right":
+      return e ? S : w;
+    default:
+      return [];
   }
 }
-e.prototype.clear = r;
-e.prototype.delete = m;
-e.prototype.get = h;
-e.prototype.has = l;
-e.prototype.set = c;
+function D(t, e, n, r) {
+  const i = m(t);
+  let o = j(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => b[e]);
+}
+function C(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function F(t) {
+  return typeof t != "number" ? C(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function G(t) {
+  const {
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
 export {
-  e as default
+  l as alignments,
+  k as clamp,
+  T as createCoords,
+  q as evaluate,
+  C as expandPaddingObject,
+  R as floor,
+  m as getAlignment,
+  O as getAlignmentAxis,
+  z as getAlignmentSides,
+  P as getAxisLength,
+  B as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  A as getOppositeAxis,
+  D as getOppositeAxisPlacements,
+  f as getOppositePlacement,
+  F as getPaddingObject,
+  g as getSide,
+  M as getSideAxis,
+  x as max,
+  h as min,
+  L as placements,
+  G as rectToClientRect,
+  E as round,
+  p as sides
 };

package/dist/kongponents.es352.js

@@ -1,8 +1,97 @@
-function h(e, u) {
-  for (var l = -1, n = e == null ? 0 : e.length, t = Array(n); ++l < n; )
-    t[l] = u(e[l], l, e);
-  return t;
-}
+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.es235.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",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  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"
+      }, [
+        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))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : h("", !0)
+    ], 512));
+  }
+});
 export {
-  h as default
+  G as default
 };

package/dist/kongponents.es354.js

@@ -1,9 +1,47 @@
-import t from "./kongponents.es442.js";
-import o from "./kongponents.es443.js";
-import r from "./kongponents.es345.js";
-function s(e) {
-  return t(e, r, o);
-}
+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;
+      }
+      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));
+  }
+});
 export {
-  s as default
+  K as default
 };

package/dist/kongponents.es356.js

@@ -1,8 +1,93 @@
-function r(e) {
-  return function(n) {
-    return n == null ? void 0 : n[e];
-  };
-}
+import { defineComponent as x, computed as v, useTemplateRef as T, createElementBlock as s, openBlock as l, createBlock as d, createCommentVNode as V, Fragment as m, renderList as u, withCtx as f, renderSlot as S, createElementVNode as p, toDisplayString as g, createTextVNode as h } from "vue";
+import w from "./kongponents.es232.js";
+const D = {
+  ref: "itemsContainer",
+  "aria-live": "polite",
+  class: "multiselect-items-container"
+}, F = { class: "multiselect-group-title" }, M = { class: "select-item-description" }, E = ".multiselect-item button:not(:disabled)", q = /* @__PURE__ */ x({
+  __name: "KMultiselectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: k, emit: I }) {
+    const A = I, y = (n) => A("selected", n), $ = v(() => {
+      var n;
+      return (n = i.items) == null ? void 0 : n.filter((t) => !t.group);
+    }), b = v(() => {
+      var n, t;
+      return [...new Set((t = (n = i.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()));
+    }), B = (n) => {
+      var t;
+      return (t = i.items) == null ? void 0 : t.filter((e) => e.group === n);
+    }, C = T("itemsContainer"), K = (n) => {
+      var o;
+      const t = C.value;
+      if (!t)
+        return;
+      const e = t.querySelectorAll(E);
+      (o = e[n === "down" ? 0 : e.length - 1]) == null || o.focus();
+    }, a = ({ target: n, key: t }) => {
+      var e;
+      if (t === "ArrowDown" || t === "ArrowUp") {
+        const o = (e = C.value) == null ? void 0 : e.querySelectorAll(E);
+        if (o != null && o.length) {
+          const r = [...o].indexOf(n), L = t === "ArrowDown" ? r + 1 : r - 1, c = o[L];
+          c == null || c.focus();
+        }
+      }
+    };
+    return k({ setFocus: K }), (n, t) => (l(), s("div", D, [
+      (l(!0), s(m, null, u($.value, (e, o) => (l(), d(w, {
+        key: `${e.key ? e.key : o}-item`,
+        item: e,
+        onKeydown: a,
+        onSelected: y
+      }, {
+        content: f(() => [
+          S(n.$slots, "content", { item: e }, void 0, !0)
+        ]),
+        _: 2
+      }, 1032, ["item"]))), 128)),
+      (l(!0), s(m, null, u(b.value, (e) => (l(), s("div", {
+        key: `${e}-group`,
+        class: "multiselect-group"
+      }, [
+        p("span", F, g(e), 1),
+        (l(!0), s(m, null, u(B(e), (o, r) => (l(), d(w, {
+          key: `${o.key ? o.key : e + "-" + r + "-item"}`,
+          item: o,
+          onKeydown: a,
+          onSelected: y
+        }, {
+          content: f(() => [
+            S(n.$slots, "content", { item: o }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))), 128))
+      ]))), 128)),
+      i.itemCreationEnabled ? (l(), d(w, {
+        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: a,
+        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
+      }, {
+        content: f(() => [
+          p("div", M, [
+            h(g(i.filterString) + " ", 1),
+            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : V("", !0)
+    ], 512));
+  }
+});
 export {
-  r as default
+  q as default
 };

package/dist/kongponents.es358.js

@@ -1,12 +1,43 @@
-import o from "./kongponents.es329.js";
-import n from "./kongponents.es337.js";
-var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
-function m(r, e) {
-  if (o(r))
-    return !1;
-  var t = typeof r;
-  return t == "number" || t == "symbol" || t == "boolean" || r == null || n(r) ? !0 : s.test(r) || !i.test(r) || e != null && r in Object(e);
-}
+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: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KMultiselectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: d }) {
+    const o = d, a = () => {
+      e.item.disabled || o("selected", e.item);
+    };
+    return (i, t) => (u(), c("div", {
+      key: e.item.key,
+      "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: a,
+          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));
+  }
+});
 export {
-  m as default
+  K as default
 };