@kong/kongponents 9.46.7 → 9.46.8

package/dist/kongponents.es338.js

@@ -1,76 +1,13 @@
-var P = function(t, e) {
-  switch (t) {
-    case "P":
-      return e.date({
-        width: "short"
-      });
-    case "PP":
-      return e.date({
-        width: "medium"
-      });
-    case "PPP":
-      return e.date({
-        width: "long"
-      });
-    case "PPPP":
-    default:
-      return e.date({
-        width: "full"
-      });
+import a from "./kongponents.es306.js";
+import s from "./kongponents.es440.js";
+import l from "./kongponents.es405.js";
+function d(e, t, m) {
+  for (var i = -1, n = t.length, o = {}; ++i < n; ) {
+    var r = t[i], f = a(e, r);
+    m(f, r) && s(o, l(r, e), f);
   }
-}, c = function(t, e) {
-  switch (t) {
-    case "p":
-      return e.time({
-        width: "short"
-      });
-    case "pp":
-      return e.time({
-        width: "medium"
-      });
-    case "ppp":
-      return e.time({
-        width: "long"
-      });
-    case "pppp":
-    default:
-      return e.time({
-        width: "full"
-      });
-  }
-}, s = function(t, e) {
-  var i = t.match(/(P+)(p+)?/) || [], d = i[1], u = i[2];
-  if (!u)
-    return P(t, e);
-  var a;
-  switch (d) {
-    case "P":
-      a = e.dateTime({
-        width: "short"
-      });
-      break;
-    case "PP":
-      a = e.dateTime({
-        width: "medium"
-      });
-      break;
-    case "PPP":
-      a = e.dateTime({
-        width: "long"
-      });
-      break;
-    case "PPPP":
-    default:
-      a = e.dateTime({
-        width: "full"
-      });
-      break;
-  }
-  return a.replace("{{date}}", P(d, e)).replace("{{time}}", c(u, e));
-}, h = {
-  p: c,
-  P: s
-};
+  return o;
+}
 export {
-  h as default
+  d as default
 };

package/dist/kongponents.es339.js

@@ -1,7 +1,9 @@
-function g(e) {
-  var t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
-  return t.setUTCFullYear(e.getFullYear()), e.getTime() - t.getTime();
+import t from "./kongponents.es437.js";
+import o from "./kongponents.es438.js";
+import r from "./kongponents.es330.js";
+function s(e) {
+  return t(e, r, o);
 }
 export {
-  g as default
+  s as default
 };

package/dist/kongponents.es340.js

@@ -1,22 +1,10 @@
-var n = ["D", "DD"], r = ["YY", "YYYY"];
-function s(e) {
-  return n.indexOf(e) !== -1;
-}
-function a(e) {
-  return r.indexOf(e) !== -1;
-}
-function c(e, t, o) {
-  if (e === "YYYY")
-    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t, "`) for formatting years to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  if (e === "YY")
-    throw new RangeError("Use `yy` instead of `YY` (in `".concat(t, "`) for formatting years to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  if (e === "D")
-    throw new RangeError("Use `d` instead of `D` (in `".concat(t, "`) for formatting days of the month to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
-  if (e === "DD")
-    throw new RangeError("Use `dd` instead of `DD` (in `".concat(t, "`) for formatting days of the month to the input `").concat(o, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+import o from "./kongponents.es341.js";
+import e from "./kongponents.es342.js";
+import t from "./kongponents.es343.js";
+import m from "./kongponents.es344.js";
+function s(r) {
+  return t(r) ? o(m(r)) : e(r);
 }
 export {
-  s as isProtectedDayOfYearToken,
-  a as isProtectedWeekYearToken,
-  c as throwProtectedError
+  s as default
 };

package/dist/kongponents.es341.js

@@ -1,7 +1,8 @@
-var t = {};
-function e() {
-  return t;
+function r(e) {
+  return function(n) {
+    return n == null ? void 0 : n[e];
+  };
 }
 export {
-  e as getDefaultOptions
+  r as default
 };

package/dist/kongponents.es342.js

@@ -1,20 +1,9 @@
-import o from "./kongponents.es473.js";
-import t from "./kongponents.es474.js";
-import a from "./kongponents.es475.js";
-import r from "./kongponents.es476.js";
-import e from "./kongponents.es477.js";
-var c = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
+import t from "./kongponents.es306.js";
+function o(e) {
+  return function(r) {
+    return t(r, e);
+  };
+}
 export {
-  c as default
+  o as default
 };

package/dist/kongponents.es343.js

@@ -1,10 +1,12 @@
-import e from "./kongponents.es333.js";
-import m from "./kongponents.es334.js";
-function u(r, t) {
-  m(2, arguments);
-  var o = e(r), a = e(t);
-  return o.getTime() < a.getTime();
+import o from "./kongponents.es314.js";
+import n from "./kongponents.es322.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);
 }
 export {
-  u as default
+  m as default
 };

package/dist/kongponents.es344.js

@@ -1,8 +1,10 @@
-import e from "./kongponents.es345.js";
-import o from "./kongponents.es334.js";
-function n(t) {
-  return o(1, arguments), t instanceof Date || e(t) === "object" && Object.prototype.toString.call(t) === "[object Date]";
+import i from "./kongponents.es322.js";
+function o(t) {
+  if (typeof t == "string" || i(t))
+    return t;
+  var r = t + "";
+  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
 }
 export {
-  n as default
+  o as default
 };

package/dist/kongponents.es345.js

@@ -1,11 +1,6 @@
-function o(e) {
-  "@babel/helpers - typeof";
-  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, o(e);
+function r() {
+  return [];
 }
 export {
-  o as default
+  r as default
 };

package/dist/kongponents.es346.js

@@ -1,10 +1,8 @@
-import e from "./kongponents.es333.js";
-import a from "./kongponents.es334.js";
-function u(t) {
-  a(1, arguments);
-  var r = e(t);
-  return r.setHours(0, 0, 0, 0), r;
+import r from "./kongponents.es446.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
 }
 export {
-  u as default
+  t as default
 };

package/dist/kongponents.es347.js

@@ -1,7 +1,18 @@
-import t from "./kongponents.es346.js";
-function r() {
-  return t(Date.now());
+import t from "./kongponents.es401.js";
+import f from "./kongponents.es337.js";
+import m from "./kongponents.es314.js";
+import p from "./kongponents.es322.js";
+var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
+function y(r) {
+  if (typeof r == "string")
+    return r;
+  if (m(r))
+    return f(r, y) + "";
+  if (p(r))
+    return n ? n.call(r) : "";
+  var o = r + "";
+  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
 }
 export {
-  r as default
+  y as default
 };

package/dist/kongponents.es348.js

@@ -1,23 +1,97 @@
-import u from "./kongponents.es349.js";
-import v from "./kongponents.es350.js";
-import d from "./kongponents.es351.js";
-var g = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
-function S(n, f, p) {
-  var a = String(f), t = p || {}, m = a.match(g);
-  if (m) {
-    var c = d(t.originalDate || n, t);
-    a = m.reduce(function(o, r) {
-      if (r[0] === "'")
-        return o;
-      var e = o.indexOf(r), s = o[e - 1] === "'", i = o.replace(
-        r,
-        "'" + v[r[0]](c, r, null, t) + "'"
-      );
-      return s ? i.substring(0, e - 1) + i.substring(e + 1) : i;
-    }, a);
+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.es188.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));
   }
-  return u(n, a, t);
-}
+});
 export {
-  S as default
+  G as default
 };

package/dist/kongponents.es350.js

@@ -1,113 +1,47 @@
-import f from "./kongponents.es445.js";
-import z from "./kongponents.es356.js";
-var l = 60 * 1e3, x = {
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    if (a === 0)
-      return "Z";
-    switch (r) {
-      // Hours and optional minutes
-      case "X":
-        return m(a);
-      // Hours, minutes and optional seconds without `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return i(a);
-      // Hours, minutes and optional seconds with `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
-      // Hours and minutes with `:` delimeter
-      default:
-        return i(a, ":");
-    }
+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: {}
   },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    switch (r) {
-      // Hours and optional minutes
-      case "x":
-        return m(a);
-      // Hours, minutes and optional seconds without `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return i(a);
-      // Hours, minutes and optional seconds with `:` delimeter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
-      // Hours and minutes with `:` delimeter
-      default:
-        return i(a, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(e, r, n, t) {
-    var a = c(t.timeZone, e);
-    switch (r) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + O(a, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + i(a, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(e, r, n, t) {
-    switch (r) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return f("short", e, t);
-      // Long
-      case "zzzz":
-      default:
-        return f("long", e, t);
-    }
-  }
-};
-function c(e, r) {
-  var n = e ? z(e, r, !0) / l : r.getTimezoneOffset();
-  if (Number.isNaN(n))
-    throw new RangeError("Invalid time zone specified: " + e);
-  return n;
-}
-function o(e, r) {
-  for (var n = e < 0 ? "-" : "", t = Math.abs(e).toString(); t.length < r; )
-    t = "0" + t;
-  return n + t;
-}
-function i(e, r) {
-  var n = r || "", t = e > 0 ? "-" : "+", a = Math.abs(e), s = o(Math.floor(a / 60), 2), u = o(Math.floor(a % 60), 2);
-  return t + s + n + u;
-}
-function m(e, r) {
-  if (e % 60 === 0) {
-    var n = e > 0 ? "-" : "+";
-    return n + o(Math.abs(e) / 60, 2);
+  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));
   }
-  return i(e, r);
-}
-function O(e, r) {
-  var n = e > 0 ? "-" : "+", t = Math.abs(e), a = Math.floor(t / 60), s = t % 60;
-  if (s === 0)
-    return n + String(a);
-  var u = r;
-  return n + String(a) + u + o(s, 2);
-}
+});
 export {
-  x as default
+  K as default
 };

package/dist/kongponents.es352.js

@@ -1,7 +1,54 @@
-import { getDefaultExportFromCjs as e } from "./kongponents.es500.js";
-import { __require as r } from "./kongponents.es426.js";
-var o = /* @__PURE__ */ r();
-const a = /* @__PURE__ */ e(o);
+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.es262.js";
+import k from "./kongponents.es172.js";
+import v from "./kongponents.es189.js";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es177.js";
+import { normalizeSize as y } from "./kongponents.es191.js";
+const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
+  __name: "KStep",
+  props: {
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {}
+  },
+  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}`])
+      }, [
+        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)
+        ]),
+        a("span", {
+          class: "step-label",
+          style: f(s.value)
+        }, p(t.label), 5)
+      ], 2)
+    ], 8, E));
+  }
+});
 export {
-  a as default
+  $ as default
 };