@kong/kongponents 9.49.1 → 9.49.2-pr.3048.9ece6bd.0

package/dist/kongponents.es287.js

@@ -1,76 +1,7 @@
-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"
-      });
-  }
-}, 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
-};
+import { getDefaultExportFromCjs as e } from "./kongponents.es475.js";
+import { __require as r } from "./kongponents.es379.js";
+var o = /* @__PURE__ */ r();
+const a = /* @__PURE__ */ e(o);
 export {
-  h as default
+  a as default
 };

package/dist/kongponents.es288.js

@@ -1,6 +1,8 @@
-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 i from "./kongponents.es291.js";
+import u from "./kongponents.es286.js";
+function g(o, a, s) {
+  var r = u(o, s), n = i(a, r, !0), e = new Date(r.getTime() - n), t = /* @__PURE__ */ new Date(0);
+  return t.setFullYear(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), t.setHours(e.getUTCHours(), e.getUTCMinutes(), e.getUTCSeconds(), e.getUTCMilliseconds()), t;
 }
 export {
   g as default

package/dist/kongponents.es289.js

@@ -1,22 +1,7 @@
-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 { getDefaultExportFromCjs as r } from "./kongponents.es475.js";
+import { __require as e } from "./kongponents.es374.js";
+var t = /* @__PURE__ */ e();
+const m = /* @__PURE__ */ r(t);
 export {
-  s as isProtectedDayOfYearToken,
-  a as isProtectedWeekYearToken,
-  c as throwProtectedError
+  m as default
 };

package/dist/kongponents.es290.js

@@ -1,7 +1,7 @@
-var t = {};
-function e() {
-  return t;
-}
+import { getDefaultExportFromCjs as e } from "./kongponents.es475.js";
+import { __require as o } from "./kongponents.es372.js";
+var t = /* @__PURE__ */ o();
+const r = /* @__PURE__ */ e(t);
 export {
-  e as getDefaultOptions
+  r as default
 };

package/dist/kongponents.es291.js

@@ -1,20 +1,72 @@
-import o from "./kongponents.es456.js";
-import t from "./kongponents.es457.js";
-import a from "./kongponents.es458.js";
-import r from "./kongponents.es459.js";
-import e from "./kongponents.es460.js";
-var c = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
+import M from "./kongponents.es382.js";
+import T from "./kongponents.es383.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;
+  }
+}
 export {
-  c as default
+  z as default
 };

package/dist/kongponents.es292.js

@@ -1,10 +1,4 @@
-import e from "./kongponents.es282.js";
-import m from "./kongponents.es283.js";
-function u(r, t) {
-  m(2, arguments);
-  var o = e(r), a = e(t);
-  return o.getTime() < a.getTime();
-}
+var a = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
 export {
-  u as default
+  a as default
 };

package/dist/kongponents.es293.js

@@ -1,8 +1,97 @@
-import e from "./kongponents.es294.js";
-import o from "./kongponents.es283.js";
-function n(t) {
-  return o(1, arguments), t instanceof Date || e(t) === "object" && Object.prototype.toString.call(t) === "[object Date]";
-}
+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.es212.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 {
-  n as default
+  G as default
 };

package/dist/kongponents.es295.js

@@ -1,10 +1,47 @@
-import e from "./kongponents.es282.js";
-import a from "./kongponents.es283.js";
-function u(t) {
-  a(1, arguments);
-  var r = e(t);
-  return r.setHours(0, 0, 0, 0), r;
-}
+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 {
-  u as default
+  K as default
 };

package/dist/kongponents.es297.js

@@ -1,23 +1,54 @@
-import u from "./kongponents.es298.js";
-import v from "./kongponents.es299.js";
-import d from "./kongponents.es300.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 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.es195.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.es180.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));
   }
-  return u(n, a, t);
-}
+});
 export {
-  S as default
+  $ as default
 };