@kong/kongponents 9.47.1 → 9.47.2-pr.3005.af845c6.0

package/dist/kongponents.es349.js

@@ -1,178 +1,7 @@
-import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, createElementBlock as h, openBlock as c, createVNode as o, withCtx as r, unref as b, createBlock as g, createCommentVNode as K, createElementVNode as w, withModifiers as f, createSlots as N, Fragment as P, renderList as E, createTextVNode as C, toDisplayString as U, nextTick as q } from "vue";
-import { debounce as z } from "./kongponents.es166.js";
-import A from "./kongponents.es177.js";
-import J from "./kongponents.es182.js";
-import R from "./kongponents.es298.js";
-import p from "./kongponents.es33.js";
-import F from "./kongponents.es37.js";
-import O from "./kongponents.es42.js";
-import j from "./kongponents.es43.js";
-import G from "./kongponents.es46.js";
-import Q from "./kongponents.es24.js";
-/* empty css                 */
-import W from "./kongponents.es48.js";
-const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ $({
-  __name: "ColumnVisibilityMenu",
-  props: {
-    columns: {},
-    tableId: {},
-    visibilityPreferences: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update"],
-  setup(i, { emit: V }) {
-    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), a = u(""), v = () => {
-      s.value = i.columns.reduce((e, t) => (e[t.key] = i.visibilityPreferences[t.key] === void 0 ? !0 : i.visibilityPreferences[t.key], e), {}), d.value = !1;
-    }, I = z((e) => {
-      a.value = e, n.value && m(n.value);
-    }, 500), k = D(() => a.value ? i.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(a.value.toLowerCase())) : i.columns), S = () => {
-      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, a.value = "";
-    }, B = (e) => {
-      y.value = e, e && n.value && q(() => {
-        n.value && m(n.value);
-      }), !e && d.value && v(), e || (a.value = "");
-    }, m = (e) => {
-      if (!(e.scrollHeight > e.clientHeight)) {
-        e.classList.remove("is-bottom-overflowing");
-        return;
-      }
-      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
-      e.classList.toggle("is-bottom-overflowing", !l);
-    };
-    return L(() => i.visibilityPreferences, () => {
-      v();
-    }, { immediate: !0 }), T(() => {
-      n.value && (n.value.addEventListener("scroll", (e) => {
-        const t = e.currentTarget;
-        m(t);
-      }), m(n.value));
-    }), H(() => {
-      v();
-    }), (e, t) => (c(), h("div", X, [
-      o(O, {
-        "data-testid": "table-column-visibility-menu",
-        disabled: i.disabled,
-        "kpop-attributes": { placement: "bottom-end" },
-        onToggleDropdown: B
-      }, {
-        items: r(() => [
-          a.value || k.value.length > 5 ? (c(), g(G, {
-            key: 0,
-            modelValue: a.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => a.value = l),
-            modelModifiers: { trim: !0 },
-            autocomplete: "off",
-            class: "search-input",
-            "data-testid": "search-input",
-            placeholder: "Search columns",
-            type: "search",
-            onClick: t[2] || (t[2] = f(() => {
-            }, ["stop"])),
-            onInput: b(I)
-          }, N({
-            before: r(() => [
-              o(b(J), { decorative: "" })
-            ]),
-            _: 2
-          }, [
-            a.value ? {
-              name: "after",
-              fn: r(() => [
-                o(p, {
-                  appearance: "tertiary",
-                  "aria-label": "Clear search",
-                  class: "clear-search",
-                  "data-testid": "clear-search-button",
-                  icon: "",
-                  size: "small",
-                  onClick: t[0] || (t[0] = f(() => a.value = "", ["stop"]))
-                }, {
-                  default: r(() => [
-                    o(b(A), { decorative: "" })
-                  ]),
-                  _: 1
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "onInput"])) : K("", !0),
-          w("div", {
-            ref_key: "menuItemsRef",
-            ref: n,
-            class: "menu-items-wrapper"
-          }, [
-            (c(!0), h(P, null, E(k.value, (l) => (c(), g(j, {
-              key: l.key,
-              class: "column-visibility-menu-item",
-              "data-testid": `column-visibility-menu-item-${l.key}`,
-              onClick: f(() => {
-                s.value[l.key] = !s.value[l.key], d.value = !0;
-              }, ["stop"])
-            }, {
-              default: r(() => [
-                o(F, {
-                  modelValue: s.value[l.key],
-                  "onUpdate:modelValue": (M) => s.value[l.key] = M,
-                  "aria-labelledby": `${i.tableId}-${l.key}-visibility-checkbox-label`,
-                  "data-testid": `column-visibility-checkbox-${l.key}`
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
-                o(W, {
-                  id: `${i.tableId}-${l.key}-visibility-checkbox-label`,
-                  class: "visibility-checkbox-label",
-                  title: l.label
-                }, {
-                  default: r(() => [
-                    C(U(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["id", "title"])
-              ]),
-              _: 2
-            }, 1032, ["data-testid", "onClick"]))), 128))
-          ], 512),
-          w("div", Y, [
-            o(p, {
-              appearance: "tertiary",
-              class: "apply-button",
-              "data-testid": "apply-button",
-              onClick: S
-            }, {
-              default: r(() => [...t[3] || (t[3] = [
-                C(" Apply ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        default: r(() => [
-          o(Q, {
-            placement: "bottom-end",
-            text: y.value ? void 0 : "Show/Hide Columns"
-          }, {
-            default: r(() => [
-              o(p, {
-                appearance: "tertiary",
-                "aria-label": "Show/Hide Columns",
-                class: "menu-button",
-                "data-testid": "column-visibility-menu-button",
-                disabled: i.disabled,
-                icon: "",
-                size: "large"
-              }, {
-                default: r(() => [
-                  o(b(R), { decorative: "" })
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]));
-  }
-});
+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);
 export {
-  me as default
+  a as default
 };

package/dist/kongponents.es350.js

@@ -0,0 +1,9 @@
+import i from "./kongponents.es353.js";
+import u from "./kongponents.es348.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.es351.js

@@ -1,58 +1,7 @@
-import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
-import b from "./kongponents.es237.js";
-import m from "./kongponents.es238.js";
-import r from "./kongponents.es33.js";
-const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
-  __name: "PaginationOffset",
-  props: {
-    previousButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    nextButtonDisabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["getPreviousOffset", "getNextOffset"],
-  setup(o, { emit: l }) {
-    const a = l;
-    return (v, t) => (u(), p("div", c, [
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the previous page",
-        class: "pagination-button",
-        "data-testid": "previous-button",
-        disabled: o.previousButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(b), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"]),
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the next page",
-        class: "pagination-button",
-        "data-testid": "next-button",
-        disabled: o.nextButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(m), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./kongponents.es500.js";
+import { __require as e } from "./kongponents.es439.js";
+var t = /* @__PURE__ */ e();
+const m = /* @__PURE__ */ r(t);
 export {
-  O as default
+  m as default
 };

package/dist/kongponents.es352.js

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

package/dist/kongponents.es353.js

@@ -1,136 +1,72 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
+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;
   }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
+  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()
   );
-  return f(e) ? e.host : e;
 }
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+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;
   }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  z as default
 };

package/dist/kongponents.es354.js

@@ -1,4 +1,4 @@
-import f from "./kongponents.es234.js";
+var a = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
 export {
-  f as default
+  a as default
 };

package/dist/kongponents.es355.js

@@ -1,13 +1,93 @@
-import o from "./kongponents.es270.js";
-import f from "./kongponents.es271.js";
-var i = 864e5;
-function u(r) {
-  f(1, arguments);
-  var e = o(r), t = e.getTime();
-  e.setUTCMonth(0, 1), e.setUTCHours(0, 0, 0, 0);
-  var a = e.getTime(), m = t - a;
-  return Math.floor(m / i) + 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.es231.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 {
-  u as default
+  q as default
 };

package/dist/kongponents.es357.js

@@ -1,15 +1,43 @@
-import o from "./kongponents.es270.js";
-import T from "./kongponents.es271.js";
-import f from "./kongponents.es444.js";
-function O(s) {
-  T(1, arguments);
-  var r = o(s), e = r.getUTCFullYear(), t = /* @__PURE__ */ new Date(0);
-  t.setUTCFullYear(e + 1, 0, 4), t.setUTCHours(0, 0, 0, 0);
-  var u = f(t), a = /* @__PURE__ */ new Date(0);
-  a.setUTCFullYear(e, 0, 4), a.setUTCHours(0, 0, 0, 0);
-  var i = f(a);
-  return r.getTime() >= u.getTime() ? e + 1 : r.getTime() >= i.getTime() ? e : e - 1;
-}
+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: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KMultiselectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: d }) {
+    const o = d, a = () => {
+      e.item.disabled || o("selected", e.item);
+    };
+    return (i, t) => (u(), c("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "multiselect-item",
+      "data-testid": `multiselect-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: a,
+          onKeydown: [
+            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
+            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(i.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
+  }
+});
 export {
-  O as default
+  K as default
 };