@kong/kongponents 9.46.1 → 9.46.2-pr.2976.bc79129.0

package/dist/kongponents.es355.js

@@ -1,113 +1,97 @@
-import f from "./kongponents.es445.js";
-import z from "./kongponents.es361.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 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.es236.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 }
   },
-  // 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", "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 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
+  G as default
 };

package/dist/kongponents.es357.js

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