@kong/kongponents 9.46.9-pr.2992.4fdeb1f.0 → 9.46.10-pr.2993.0779cf1.0

package/dist/kongponents.es348.js

@@ -1,174 +1,132 @@
-import M from "./kongponents.es351.js";
-import p from "./kongponents.es352.js";
-import x from "./kongponents.es353.js";
-import H from "./kongponents.es354.js";
-var v = 36e5, c = 6e4, _ = 2, i = {
-  dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
-  datePattern: /^([0-9W+-]+)(.*)/,
-  // year tokens
-  YY: /^(\d{2})$/,
-  YYY: [
-    /^([+-]\d{2})$/,
-    // 0 additional digits
-    /^([+-]\d{3})$/,
-    // 1 additional digit
-    /^([+-]\d{4})$/
-    // 2 additional digits
-  ],
-  YYYY: /^(\d{4})/,
-  YYYYY: [
-    /^([+-]\d{4})/,
-    // 0 additional digits
-    /^([+-]\d{5})/,
-    // 1 additional digit
-    /^([+-]\d{6})/
-    // 2 additional digits
-  ],
-  // date tokens
-  MM: /^-(\d{2})$/,
-  DDD: /^-?(\d{3})$/,
-  MMDD: /^-?(\d{2})-?(\d{2})$/,
-  Www: /^-?W(\d{2})$/,
-  WwwD: /^-?W(\d{2})-?(\d{1})$/,
-  HH: /^(\d{2}([.,]\d*)?)$/,
-  HHMM: /^(\d{2}):?(\d{2}([.,]\d*)?)$/,
-  HHMMSS: /^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,
-  // time zone tokens (to identify the presence of a tz)
-  timeZone: H
+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 j(t, r) {
-  if (arguments.length < 1)
-    throw new TypeError("1 argument required, but only " + arguments.length + " present");
-  if (t === null)
-    return /* @__PURE__ */ new Date(NaN);
-  var e = r || {}, a = e.additionalDigits == null ? _ : M(e.additionalDigits);
-  if (a !== 2 && a !== 1 && a !== 0)
-    throw new RangeError("additionalDigits must be 0, 1 or 2");
-  if (t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]")
-    return new Date(t.getTime());
-  if (typeof t == "number" || Object.prototype.toString.call(t) === "[object Number]")
-    return new Date(t);
-  if (!(typeof t == "string" || Object.prototype.toString.call(t) === "[object String]"))
-    return /* @__PURE__ */ new Date(NaN);
-  var n = $(t), l = b(n.date, a), u = l.year, o = l.restDateString, f = U(o, u);
-  if (isNaN(f))
-    return /* @__PURE__ */ new Date(NaN);
-  if (f) {
-    var Y = f.getTime(), D = 0, s;
-    if (n.time && (D = C(n.time), isNaN(D)))
-      return /* @__PURE__ */ new Date(NaN);
-    if (n.timeZone || e.timeZone) {
-      if (s = x(n.timeZone || e.timeZone, new Date(Y + D)), isNaN(s))
-        return /* @__PURE__ */ new Date(NaN);
-    } else
-      s = p(new Date(Y + D)), s = p(new Date(Y + D + s));
-    return new Date(Y + D + s);
-  } else
-    return /* @__PURE__ */ new Date(NaN);
-}
-function $(t) {
-  var r = {}, e = i.dateTimePattern.exec(t), a;
-  if (e ? (r.date = e[1], a = e[3]) : (e = i.datePattern.exec(t), e ? (r.date = e[1], a = e[2]) : (r.date = null, a = t)), a) {
-    var n = i.timeZone.exec(a);
-    n ? (r.time = a.replace(n[1], ""), r.timeZone = n[1].trim()) : r.time = a;
-  }
-  return r;
-}
-function b(t, r) {
-  var e = i.YYY[r], a = i.YYYYY[r], n;
-  if (n = i.YYYY.exec(t) || a.exec(t), n) {
-    var l = n[1];
-    return {
-      year: parseInt(l, 10),
-      restDateString: t.slice(l.length)
-    };
-  }
-  if (n = i.YY.exec(t) || e.exec(t), n) {
-    var u = n[1];
-    return {
-      year: parseInt(u, 10) * 100,
-      restDateString: t.slice(u.length)
-    };
-  }
-  return {
-    year: null
-  };
+function k(t, e, n) {
+  return x(t, h(e, n));
 }
-function U(t, r) {
-  if (r === null)
-    return null;
-  var e, a, n, l;
-  if (t.length === 0)
-    return a = /* @__PURE__ */ new Date(0), a.setUTCFullYear(r), a;
-  if (e = i.MM.exec(t), e)
-    return a = /* @__PURE__ */ new Date(0), n = parseInt(e[1], 10) - 1, I(r, n) ? (a.setUTCFullYear(r, n), a) : /* @__PURE__ */ new Date(NaN);
-  if (e = i.DDD.exec(t), e) {
-    a = /* @__PURE__ */ new Date(0);
-    var u = parseInt(e[1], 10);
-    return F(r, u) ? (a.setUTCFullYear(r, 0, u), a) : /* @__PURE__ */ new Date(NaN);
-  }
-  if (e = i.MMDD.exec(t), e) {
-    a = /* @__PURE__ */ new Date(0), n = parseInt(e[1], 10) - 1;
-    var o = parseInt(e[2], 10);
-    return I(r, n, o) ? (a.setUTCFullYear(r, n, o), a) : /* @__PURE__ */ new Date(NaN);
-  }
-  if (e = i.Www.exec(t), e)
-    return l = parseInt(e[1], 10) - 1, d(r, l) ? w(r, l) : /* @__PURE__ */ new Date(NaN);
-  if (e = i.WwwD.exec(t), e) {
-    l = parseInt(e[1], 10) - 1;
-    var f = parseInt(e[2], 10) - 1;
-    return d(r, l, f) ? w(r, l, f) : /* @__PURE__ */ new Date(NaN);
-  }
-  return null;
+function q(t, e) {
+  return typeof t == "function" ? t(e) : t;
 }
-function C(t) {
-  var r, e, a;
-  if (r = i.HH.exec(t), r)
-    return e = parseFloat(r[1].replace(",", ".")), N(e) ? e % 24 * v : NaN;
-  if (r = i.HHMM.exec(t), r)
-    return e = parseInt(r[1], 10), a = parseFloat(r[2].replace(",", ".")), N(e, a) ? e % 24 * v + a * c : NaN;
-  if (r = i.HHMMSS.exec(t), r) {
-    e = parseInt(r[1], 10), a = parseInt(r[2], 10);
-    var n = parseFloat(r[3].replace(",", "."));
-    return N(e, a, n) ? e % 24 * v + a * c + n * 1e3 : NaN;
-  }
-  return null;
-}
-function w(t, r, e) {
-  r = r || 0, e = e || 0;
-  var a = /* @__PURE__ */ new Date(0);
-  a.setUTCFullYear(t, 0, 4);
-  var n = a.getUTCDay() || 7, l = r * 7 + e + 1 - n;
-  return a.setUTCDate(a.getUTCDate() + l), a;
-}
-var O = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], m = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function T(t) {
-  return t % 400 === 0 || t % 4 === 0 && t % 100 !== 0;
-}
-function I(t, r, e) {
-  if (r < 0 || r > 11)
-    return !1;
-  if (e != null) {
-    if (e < 1)
-      return !1;
-    var a = T(t);
-    if (a && e > m[r] || !a && e > O[r])
-      return !1;
+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 [];
   }
-  return !0;
 }
-function F(t, r) {
-  if (r < 1)
-    return !1;
-  var e = T(t);
-  return !(e && r > 366 || !e && r > 365);
+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 d(t, r, e) {
-  return !(r < 0 || r > 52 || e != null && (e < 0 || e > 6));
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => b[e]);
 }
-function N(t, r, e) {
-  return !(t != null && (t < 0 || t >= 25) || r != null && (r < 0 || r >= 60) || e != null && (e < 0 || e >= 60));
+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 {
-  j 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.es349.js

@@ -1,7 +1,97 @@
-import { getDefaultExportFromCjs as e } from "./kongponents.es500.js";
-import { __require as r } from "./kongponents.es441.js";
-var o = /* @__PURE__ */ r();
-const a = /* @__PURE__ */ e(o);
+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.es225.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 {
-  a as default
+  G as default
 };

package/dist/kongponents.es351.js

@@ -1,7 +1,47 @@
-import { getDefaultExportFromCjs as r } from "./kongponents.es500.js";
-import { __require as e } from "./kongponents.es436.js";
-var t = /* @__PURE__ */ e();
-const m = /* @__PURE__ */ r(t);
+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 {
-  m as default
+  K as default
 };

package/dist/kongponents.es353.js

@@ -1,72 +1,93 @@
-import M from "./kongponents.es444.js";
-import T from "./kongponents.es445.js";
-var c = 36e5, D = 6e4, i = {
-  timezoneZ: /^(Z)$/,
-  timezoneHH: /^([+-]\d{2})$/,
-  timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
-};
-function z(e, r, n) {
-  var t, u;
-  if (!e || (t = i.timezoneZ.exec(e), t))
-    return 0;
-  var a;
-  if (t = i.timezoneHH.exec(e), t)
-    return a = parseInt(t[1], 10), l(a) ? -(a * c) : NaN;
-  if (t = i.timezoneHHMM.exec(e), t) {
-    a = parseInt(t[2], 10);
-    var o = parseInt(t[3], 10);
-    return l(a, o) ? (u = Math.abs(a) * c + o * D, t[1] === "+" ? -u : u) : NaN;
-  }
-  if (p(e)) {
-    r = new Date(r || Date.now());
-    var I = n ? r : H(r), f = v(I, e), N = n ? f : m(r, f, e);
-    return -N;
-  }
-  return NaN;
-}
-function H(e) {
-  return T(
-    e.getFullYear(),
-    e.getMonth(),
-    e.getDate(),
-    e.getHours(),
-    e.getMinutes(),
-    e.getSeconds(),
-    e.getMilliseconds()
-  );
-}
-function v(e, r) {
-  var n = M(e, r), t = T(
-    n[0],
-    n[1] - 1,
-    n[2],
-    n[3] % 24,
-    n[4],
-    n[5],
-    0
-  ).getTime(), u = e.getTime(), a = u % 1e3;
-  return u -= a >= 0 ? a : 1e3 + a, t - u;
-}
-function m(e, r, n) {
-  var t = e.getTime(), u = t - r, a = v(new Date(u), n);
-  if (r === a)
-    return r;
-  u -= a - r;
-  var o = v(new Date(u), n);
-  return a === o ? a : Math.max(a, o);
-}
-function l(e, r) {
-  return -23 <= e && e <= 23 && (r == null || 0 <= r && r <= 59);
-}
-var s = {};
-function p(e) {
-  if (s[e]) return !0;
-  try {
-    return new Intl.DateTimeFormat(void 0, { timeZone: e }), s[e] = !0, !0;
-  } catch {
-    return !1;
+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.es238.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 {
-  z as default
+  q as default
 };