@kong/kongponents 9.66.6 → 9.66.7

package/dist/kongponents249.es.js

@@ -1,604 +1,89 @@
-import g from "./kongponents343.es.js";
-import w from "./kongponents344.es.js";
-import v from "./kongponents345.es.js";
-import b from "./kongponents346.es.js";
-import x from "./kongponents347.es.js";
-import o from "./kongponents348.es.js";
-import c from "./kongponents349.es.js";
-var s = {
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-}, E = {
-  // Era
-  G: function(n, e, t) {
-    var r = n.getUTCFullYear() > 0 ? 1 : 0;
-    switch (e) {
-      // AD, BC
-      case "G":
-      case "GG":
-      case "GGG":
-        return t.era(r, {
-          width: "abbreviated"
-        });
-      // A, B
-      case "GGGGG":
-        return t.era(r, {
-          width: "narrow"
-        });
-      default:
-        return t.era(r, {
-          width: "wide"
-        });
-    }
-  },
-  // Year
-  y: function(n, e, t) {
-    if (e === "yo") {
-      var r = n.getUTCFullYear(), a = r > 0 ? r : 1 - r;
-      return t.ordinalNumber(a, {
-        unit: "year"
-      });
-    }
-    return c.y(n, e);
-  },
-  // Local week-numbering year
-  Y: function(n, e, t, r) {
-    var a = x(n, r), u = a > 0 ? a : 1 - a;
-    if (e === "YY") {
-      var m = u % 100;
-      return o(m, 2);
-    }
-    return e === "Yo" ? t.ordinalNumber(u, {
-      unit: "year"
-    }) : o(u, e.length);
-  },
-  // ISO week-numbering year
-  R: function(n, e) {
-    var t = v(n);
-    return o(t, e.length);
-  },
-  // Extended year. This is a single number designating the year of this calendar system.
-  // The main difference between `y` and `u` localizers are B.C. years:
-  // | Year | `y` | `u` |
-  // |------|-----|-----|
-  // | AC 1 |   1 |   1 |
-  // | BC 1 |   1 |   0 |
-  // | BC 2 |   2 |  -1 |
-  // Also `yy` always returns the last two digits of a year,
-  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
-  u: function(n, e) {
-    var t = n.getUTCFullYear();
-    return o(t, e.length);
-  },
-  // Quarter
-  Q: function(n, e, t) {
-    var r = Math.ceil((n.getUTCMonth() + 1) / 3);
-    switch (e) {
-      // 1, 2, 3, 4
-      case "Q":
-        return String(r);
-      // 01, 02, 03, 04
-      case "QQ":
-        return o(r, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "Qo":
-        return t.ordinalNumber(r, {
-          unit: "quarter"
-        });
-      // Q1, Q2, Q3, Q4
-      case "QQQ":
-        return t.quarter(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "QQQQQ":
-        return t.quarter(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.quarter(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone quarter
-  q: function(n, e, t) {
-    var r = Math.ceil((n.getUTCMonth() + 1) / 3);
-    switch (e) {
-      // 1, 2, 3, 4
-      case "q":
-        return String(r);
-      // 01, 02, 03, 04
-      case "qq":
-        return o(r, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "qo":
-        return t.ordinalNumber(r, {
-          unit: "quarter"
-        });
-      // Q1, Q2, Q3, Q4
-      case "qqq":
-        return t.quarter(r, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "qqqqq":
-        return t.quarter(r, {
-          width: "narrow",
-          context: "standalone"
-        });
-      default:
-        return t.quarter(r, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Month
-  M: function(n, e, t) {
-    var r = n.getUTCMonth();
-    switch (e) {
-      case "M":
-      case "MM":
-        return c.M(n, e);
-      // 1st, 2nd, ..., 12th
-      case "Mo":
-        return t.ordinalNumber(r + 1, {
-          unit: "month"
-        });
-      // Jan, Feb, ..., Dec
-      case "MMM":
-        return t.month(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // J, F, ..., D
-      case "MMMMM":
-        return t.month(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.month(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone month
-  L: function(n, e, t) {
-    var r = n.getUTCMonth();
-    switch (e) {
-      // 1, 2, ..., 12
-      case "L":
-        return String(r + 1);
-      // 01, 02, ..., 12
-      case "LL":
-        return o(r + 1, 2);
-      // 1st, 2nd, ..., 12th
-      case "Lo":
-        return t.ordinalNumber(r + 1, {
-          unit: "month"
-        });
-      // Jan, Feb, ..., Dec
-      case "LLL":
-        return t.month(r, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // J, F, ..., D
-      case "LLLLL":
-        return t.month(r, {
-          width: "narrow",
-          context: "standalone"
-        });
-      default:
-        return t.month(r, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Local week of year
-  w: function(n, e, t, r) {
-    var a = b(n, r);
-    return e === "wo" ? t.ordinalNumber(a, {
-      unit: "week"
-    }) : o(a, e.length);
-  },
-  // ISO week of year
-  I: function(n, e, t) {
-    var r = w(n);
-    return e === "Io" ? t.ordinalNumber(r, {
-      unit: "week"
-    }) : o(r, e.length);
-  },
-  // Day of the month
-  d: function(n, e, t) {
-    return e === "do" ? t.ordinalNumber(n.getUTCDate(), {
-      unit: "date"
-    }) : c.d(n, e);
-  },
-  // Day of year
-  D: function(n, e, t) {
-    var r = g(n);
-    return e === "Do" ? t.ordinalNumber(r, {
-      unit: "dayOfYear"
-    }) : o(r, e.length);
-  },
-  // Day of week
-  E: function(n, e, t) {
-    var r = n.getUTCDay();
-    switch (e) {
-      // Tue
-      case "E":
-      case "EE":
-      case "EEE":
-        return t.day(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "EEEEE":
-        return t.day(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "EEEEEE":
-        return t.day(r, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return t.day(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Local day of week
-  e: function(n, e, t, r) {
-    var a = n.getUTCDay(), u = (a - r.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
-      // Numerical value (Nth day of week with current locale or weekStartsOn)
-      case "e":
-        return String(u);
-      // Padded numerical value
-      case "ee":
-        return o(u, 2);
-      // 1st, 2nd, ..., 7th
-      case "eo":
-        return t.ordinalNumber(u, {
-          unit: "day"
-        });
-      case "eee":
-        return t.day(a, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "eeeee":
-        return t.day(a, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "eeeeee":
-        return t.day(a, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return t.day(a, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone local day of week
-  c: function(n, e, t, r) {
-    var a = n.getUTCDay(), u = (a - r.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(u);
-      // Padded numerical value
-      case "cc":
-        return o(u, e.length);
-      // 1st, 2nd, ..., 7th
-      case "co":
-        return t.ordinalNumber(u, {
-          unit: "day"
-        });
-      case "ccc":
-        return t.day(a, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // T
-      case "ccccc":
-        return t.day(a, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // Tu
-      case "cccccc":
-        return t.day(a, {
-          width: "short",
-          context: "standalone"
-        });
-      default:
-        return t.day(a, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // ISO day of week
-  i: function(n, e, t) {
-    var r = n.getUTCDay(), a = r === 0 ? 7 : r;
-    switch (e) {
-      // 2
-      case "i":
-        return String(a);
-      // 02
-      case "ii":
-        return o(a, e.length);
-      // 2nd
-      case "io":
-        return t.ordinalNumber(a, {
-          unit: "day"
-        });
-      // Tue
-      case "iii":
-        return t.day(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "iiiii":
-        return t.day(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "iiiiii":
-        return t.day(r, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return t.day(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM or PM
-  a: function(n, e, t) {
-    var r = n.getUTCHours(), a = r / 12 >= 1 ? "pm" : "am";
-    switch (e) {
-      case "a":
-      case "aa":
-        return t.dayPeriod(a, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "aaa":
-        return t.dayPeriod(a, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "aaaaa":
-        return t.dayPeriod(a, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.dayPeriod(a, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM, PM, midnight, noon
-  b: function(n, e, t) {
-    var r = n.getUTCHours(), a;
-    switch (r === 12 ? a = s.noon : r === 0 ? a = s.midnight : a = r / 12 >= 1 ? "pm" : "am", e) {
-      case "b":
-      case "bb":
-        return t.dayPeriod(a, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "bbb":
-        return t.dayPeriod(a, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "bbbbb":
-        return t.dayPeriod(a, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.dayPeriod(a, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // in the morning, in the afternoon, in the evening, at night
-  B: function(n, e, t) {
-    var r = n.getUTCHours(), a;
-    switch (r >= 17 ? a = s.evening : r >= 12 ? a = s.afternoon : r >= 4 ? a = s.morning : a = s.night, e) {
-      case "B":
-      case "BB":
-      case "BBB":
-        return t.dayPeriod(a, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "BBBBB":
-        return t.dayPeriod(a, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.dayPeriod(a, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Hour [1-12]
-  h: function(n, e, t) {
-    if (e === "ho") {
-      var r = n.getUTCHours() % 12;
-      return r === 0 && (r = 12), t.ordinalNumber(r, {
-        unit: "hour"
-      });
-    }
-    return c.h(n, e);
-  },
-  // Hour [0-23]
-  H: function(n, e, t) {
-    return e === "Ho" ? t.ordinalNumber(n.getUTCHours(), {
-      unit: "hour"
-    }) : c.H(n, e);
-  },
-  // Hour [0-11]
-  K: function(n, e, t) {
-    var r = n.getUTCHours() % 12;
-    return e === "Ko" ? t.ordinalNumber(r, {
-      unit: "hour"
-    }) : o(r, e.length);
-  },
-  // Hour [1-24]
-  k: function(n, e, t) {
-    var r = n.getUTCHours();
-    return r === 0 && (r = 24), e === "ko" ? t.ordinalNumber(r, {
-      unit: "hour"
-    }) : o(r, e.length);
-  },
-  // Minute
-  m: function(n, e, t) {
-    return e === "mo" ? t.ordinalNumber(n.getUTCMinutes(), {
-      unit: "minute"
-    }) : c.m(n, e);
-  },
-  // Second
-  s: function(n, e, t) {
-    return e === "so" ? t.ordinalNumber(n.getUTCSeconds(), {
-      unit: "second"
-    }) : c.s(n, e);
-  },
-  // Fraction of second
-  S: function(n, e) {
-    return c.S(n, e);
-  },
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(n, e, t, r) {
-    var a = r._originalDate || n, u = a.getTimezoneOffset();
-    if (u === 0)
-      return "Z";
-    switch (e) {
-      // Hours and optional minutes
-      case "X":
-        return h(u);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // 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 d(u);
-      // Hours and minutes with `:` delimiter
-      default:
-        return d(u, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(n, e, t, r) {
-    var a = r._originalDate || n, u = a.getTimezoneOffset();
-    switch (e) {
-      // Hours and optional minutes
-      case "x":
-        return h(u);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // 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 d(u);
-      // Hours and minutes with `:` delimiter
-      default:
-        return d(u, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(n, e, t, r) {
-    var a = r._originalDate || n, u = a.getTimezoneOffset();
-    switch (e) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + f(u, ":");
-      default:
-        return "GMT" + d(u, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(n, e, t, r) {
-    var a = r._originalDate || n, u = a.getTimezoneOffset();
-    switch (e) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + f(u, ":");
-      default:
-        return "GMT" + d(u, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(n, e, t, r) {
-    var a = r._originalDate || n, u = Math.floor(a.getTime() / 1e3);
-    return o(u, e.length);
-  },
-  // Milliseconds timestamp
-  T: function(n, e, t, r) {
-    var a = r._originalDate || n, u = a.getTime();
-    return o(u, e.length);
-  }
-};
-function f(i, n) {
-  var e = i > 0 ? "-" : "+", t = Math.abs(i), r = Math.floor(t / 60), a = t % 60;
-  if (a === 0)
-    return e + String(r);
-  var u = n;
-  return e + String(r) + u + o(a, 2);
-}
-function h(i, n) {
-  if (i % 60 === 0) {
-    var e = i > 0 ? "-" : "+";
-    return e + o(Math.abs(i) / 60, 2);
+import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
+import f from "./kongponents215.es.js";
+const h = { ref: "itemsContainer" }, B = {
+  key: 1,
+  class: "select-group",
+  "data-propagate-clicks": "false"
+}, K = { class: "select-group-title" }, L = { class: "select-item-description" }, g = ".select-item button:not(:disabled)", $ = '.select-item[aria-selected="true"] button:not(:disabled)', R = /* @__PURE__ */ I({
+  __name: "KSelectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(i, { expose: b, emit: k }) {
+    const x = k, E = (t) => "items" in t && Array.isArray(t.items), S = (t) => x("selected", t), p = y("itemsContainer"), A = (t) => {
+      const n = p.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(g);
+      if (!e?.length)
+        return;
+      const l = n.querySelector($);
+      if (l) {
+        const o = [...e].indexOf(l);
+        e[t === "down" ? o + 1 : o - 1]?.focus();
+      } else
+        e[t === "down" ? 0 : e.length - 1]?.focus();
+    }, a = ({ target: t, key: n }) => {
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const e = p.value?.querySelectorAll(g);
+        if (e?.length) {
+          const l = [...e].indexOf(t), o = n === "ArrowDown" ? l + 1 : l - 1;
+          e[o]?.focus();
+        }
+      }
+    };
+    return b({ setFocus: A }), (t, n) => (s(), d("div", h, [
+      (s(!0), d(c, null, w(i.items, (e, l) => (s(), d(c, {
+        key: E(e) ? `${e.key || e.label}-group` : e.key || e.value || l
+      }, [
+        E(e) ? (s(), d("div", B, [
+          u("span", K, v(e.label), 1),
+          (s(!0), d(c, null, w(e.items, (o) => (s(), r(f, {
+            key: o.key,
+            item: o,
+            onKeydown: a,
+            onSelected: S
+          }, {
+            content: m(() => [
+              C(t.$slots, "content", { item: o }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (s(), r(f, {
+          key: 0,
+          item: e,
+          onKeydown: a,
+          onSelected: S
+        }, {
+          content: m(() => [
+            C(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      i.itemCreationEnabled ? (s(), r(f, {
+        key: "select-add-item",
+        class: "select-add-item",
+        "data-testid": "select-add-item",
+        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
+        onKeydown: a,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: m(() => [
+          u("div", L, [
+            T(v(i.filterString) + " ", 1),
+            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : _("", !0)
+    ], 512));
   }
-  return d(i, n);
-}
-function d(i, n) {
-  var e = n || "", t = i > 0 ? "-" : "+", r = Math.abs(i), a = o(Math.floor(r / 60), 2), u = o(r % 60, 2);
-  return t + a + e + u;
-}
+});
 export {
-  E as default
+  R as default
 };

package/dist/kongponents251.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function l(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()}exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],r={class:"select-item-container"},c=["disabled","value"],m={class:"select-item-label"},u=e.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,o=i=>{if(t.item.disabled){i.stopPropagation();return}n("selected",t.item)};return(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key,"aria-selected":t.item.selected,class:"select-item","data-testid":`select-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",r,[e.createElementVNode("button",{class:e.normalizeClass({selected:t.item.selected}),disabled:t.item.disabled===!0?!0:void 0,type:"button",value:t.item.value,onClick:o,onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-down"),["prevent"]),["down"])),l[1]||(l[1]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",m,[e.renderSlot(i.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,c)])],8,a))}});exports.default=u;