@kong/kongponents 9.53.0 → 9.53.1

package/dist/kongponents.es304.js

@@ -1,72 +1,9 @@
-import M from "./kongponents.es401.js";
-import T from "./kongponents.es402.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;
-  }
+import t from "./kongponents.es416.js";
+import o from "./kongponents.es417.js";
+import r from "./kongponents.es295.js";
+function s(e) {
+  return t(e, r, o);
 }
 export {
-  z as default
+  s as default
 };

package/dist/kongponents.es305.js

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

package/dist/kongponents.es306.js

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

package/dist/kongponents.es307.js

@@ -1,7 +1,9 @@
-import o from "./kongponents.es325.js";
-var t = function() {
-  return o.Date.now();
-};
+import t from "./kongponents.es271.js";
+function o(e) {
+  return function(r) {
+    return t(r, e);
+  };
+}
 export {
-  t as default
+  o as default
 };

package/dist/kongponents.es308.js

@@ -1,22 +1,12 @@
-import n from "./kongponents.es352.js";
-import f from "./kongponents.es306.js";
-import o from "./kongponents.es328.js";
-var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
-function O(r) {
-  if (typeof r == "number")
-    return r;
+import o from "./kongponents.es279.js";
+import n from "./kongponents.es287.js";
+var i = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, s = /^\w*$/;
+function m(r, e) {
   if (o(r))
-    return s;
-  if (f(r)) {
-    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
-    r = f(t) ? t + "" : t;
-  }
-  if (typeof r != "string")
-    return r === 0 ? r : +r;
-  r = n(r);
-  var i = p.test(r);
-  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +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 {
-  O as default
+  m as default
 };

package/dist/kongponents.es309.js

@@ -1,6 +1,10 @@
-function t(n, f) {
-  return n === f || n !== n && f !== f;
+import i from "./kongponents.es287.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 {
-  t as default
+  o as default
 };

package/dist/kongponents.es310.js

@@ -1,7 +1,6 @@
-import r from "./kongponents.es353.js";
-function o(t) {
-  return t == null ? "" : r(t);
+function r() {
+  return [];
 }
 export {
-  o as default
+  r as default
 };

package/dist/kongponents.es311.js

@@ -1,8 +1,8 @@
-import u from "./kongponents.es312.js";
-function f(e, r, t) {
-  var n = e == null ? void 0 : u(e, r);
-  return n === void 0 ? t : n;
+import r from "./kongponents.es422.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
 }
 export {
-  f as default
+  t as default
 };

package/dist/kongponents.es312.js

@@ -1,11 +1,18 @@
-import l from "./kongponents.es418.js";
-import f from "./kongponents.es350.js";
-function d(n, e) {
-  e = l(e, n);
-  for (var r = 0, i = e.length; n != null && r < i; )
-    n = n[f(e[r++])];
-  return r && r == i ? n : void 0;
+import t from "./kongponents.es380.js";
+import f from "./kongponents.es302.js";
+import m from "./kongponents.es279.js";
+import p from "./kongponents.es287.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 {
-  d as default
+  y as default
 };

package/dist/kongponents.es313.js

@@ -1,8 +1,58 @@
-import n from "./kongponents.es314.js";
-import t from "./kongponents.es315.js";
-function f(a, r) {
-  return a != null && t(a, r, n);
-}
+import { defineComponent as f, openBlock as p, createElementBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
+import b from "./kongponents.es228.js";
+import m from "./kongponents.es229.js";
+import r from "./kongponents.es32.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) => (p(), u("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"])
+    ]));
+  }
+});
 export {
-  f as default
+  O as default
 };

package/dist/kongponents.es315.js

@@ -1,19 +1,4 @@
-import t from "./kongponents.es418.js";
-import a from "./kongponents.es317.js";
-import u from "./kongponents.es320.js";
-import o from "./kongponents.es419.js";
-import e from "./kongponents.es323.js";
-import g from "./kongponents.es350.js";
-function P(r, m, s) {
-  m = t(m, r);
-  for (var n = -1, i = m.length, f = !1; ++n < i; ) {
-    var l = g(m[n]);
-    if (!(f = r != null && s(r, l)))
-      break;
-    r = r[l];
-  }
-  return f || ++n != i ? f : (i = r == null ? 0 : r.length, !!i && e(i) && o(l, i) && (u(r) || a(r)));
-}
+import f from "./kongponents.es237.js";
 export {
-  P as default
+  f as default
 };

package/dist/kongponents.es316.js

@@ -1,6 +1,244 @@
-function e(t) {
-  return t;
-}
+import { defineComponent as Z, useCssVars as _, useAttrs as ee, ref as x, useTemplateRef as E, computed as r, onMounted as te, resolveComponent as le, openBlock as C, createBlock as w, unref as F, withCtx as m, createElementVNode as P, createVNode as S, createTextVNode as q, renderSlot as ae, createElementBlock as oe, createCommentVNode as ie, toDisplayString as ne, mergeProps as re, withModifiers as ue, nextTick as se } from "vue";
+import { KUI_SPACE_30 as ce } from "./kongponents.es182.js";
+import de from "./kongponents.es56.js";
+import fe from "./kongponents.es49.js";
+import I from "./kongponents.es60.js";
+import ve from "./kongponents.es54.js";
+import me from "./kongponents.es428.js";
+const pe = {
+  class: "filter-content",
+  "data-testid": "filter-pill-content"
+}, be = { class: "default-layout" }, ye = {
+  key: 0,
+  class: "operator"
+}, Ve = { class: "value" }, he = { class: "footer" }, qe = /* @__PURE__ */ Z({
+  inheritAttrs: !1,
+  __name: "FilterPill",
+  props: {
+    filter: {},
+    initOpen: { type: Boolean, default: !1 },
+    selection: { default: () => {
+    } },
+    custom: { type: Boolean, default: !1 }
+  },
+  emits: ["apply", "close", "open", "clear"],
+  setup(t, { emit: M }) {
+    _((l) => ({
+      v5984a737: D.value
+    }));
+    const N = ee(), p = M, b = x(!1), k = E("filterPopper"), f = x(), u = x(), s = x(), c = x(), T = E("inputField"), v = r(() => t.custom ? "custom" : t.filter.options && !t.filter.multiple ? "select" : t.filter.options && t.filter.multiple ? "multiselect" : "input"), L = r(() => {
+      switch (v.value) {
+        case "input":
+          return !u.value || u.value === "";
+        case "select":
+          return !s.value;
+        case "multiselect":
+          return !c.value || c.value.length === 0;
+        case "custom":
+        default:
+          return !1;
+      }
+    }), g = r(() => t.filter.operators && t.filter.operators.length ? t.filter.operators : ["eq"]), D = r(() => g.value.some((l) => l === "lte" || l === "gte") ? "205px" : "120px"), R = r(() => {
+      var o, a, V, h, i, n, K, O;
+      let l, e;
+      switch (v.value) {
+        case "input":
+          l = u.value, e = u.value;
+          break;
+        case "select":
+          l = s.value, e = ((V = (a = (o = t.filter) == null ? void 0 : o.options) == null ? void 0 : a.find(({ value: d }) => d === s.value)) == null ? void 0 : V.label) ?? ((h = s.value) == null ? void 0 : h.toString());
+          break;
+        case "multiselect":
+          l = c.value, e = (O = (K = (n = (i = c.value) == null ? void 0 : i.map((d) => {
+            var U;
+            return (U = t.filter.options) == null ? void 0 : U.find(({ value: Y }) => Y === d);
+          })) == null ? void 0 : n.filter((d) => d !== void 0)) == null ? void 0 : K.map(({ label: d }) => d)) == null ? void 0 : O.join(", ");
+          break;
+      }
+      if (!(f.value === void 0 || l === void 0 || e === void 0))
+        return {
+          operator: f.value,
+          value: l,
+          text: e
+        };
+    }), G = r(() => {
+      var l;
+      switch ((l = t.selection) == null ? void 0 : l.operator) {
+        case "eq":
+          return " = ";
+        case "neq":
+          return " ≠ ";
+        case "lt":
+          return " < ";
+        case "lte":
+          return " ≤ ";
+        case "gt":
+          return " > ";
+        case "gte":
+          return " ≥ ";
+        case "contains":
+        case "exists":
+        default:
+          return ": ";
+      }
+    }), A = r(() => {
+      const l = {
+        eq: "Equals",
+        neq: "Not equals",
+        contains: "Contains",
+        exists: "Exists",
+        lt: "Less than",
+        lte: "Less than or equal to",
+        gt: "Greater than",
+        gte: "Greater than or equal to"
+      };
+      return g.value.map((e) => ({
+        label: l[e],
+        value: e
+      }));
+    }), W = r(() => {
+      var l;
+      return ((l = A.value.find(({ value: e }) => e === f.value)) == null ? void 0 : l.label) ?? "";
+    }), $ = () => {
+      var l, e;
+      v.value === "input" && ((e = (l = T.value) == null ? void 0 : l.input) == null || e.focus());
+    }, j = () => {
+      var l, e, o, a, V, h;
+      f.value = ((l = t.selection) == null ? void 0 : l.operator) ?? ((e = g.value) == null ? void 0 : e[0]), u.value = typeof ((o = t.selection) == null ? void 0 : o.value) == "string" ? t.selection.value : void 0, s.value = (V = (a = t.filter.options) == null ? void 0 : a.find(({ value: i }) => {
+        var n;
+        return i === ((n = t.selection) == null ? void 0 : n.value);
+      })) == null ? void 0 : V.value, c.value = (h = t.filter.options) == null ? void 0 : h.filter(({ value: i }) => {
+        var n;
+        if (Array.isArray((n = t.selection) == null ? void 0 : n.value))
+          return t.selection.value.includes(`${i}`);
+      }).map(({ value: i }) => i);
+    }, B = async () => {
+      j(), k.value && (k.value.showPopover(), b.value = !0, await se(), $()), p("open");
+    }, y = () => {
+      k.value && (k.value.hidePopover(), b.value = !1), p("close");
+    };
+    te(() => {
+      t.initOpen && B();
+    });
+    const z = () => {
+      b.value && y();
+    }, H = () => {
+      v.value === "custom" ? p("apply", void 0) : p("apply", R.value), y();
+    }, J = () => {
+      y();
+    }, Q = () => {
+      y(), p("clear");
+    }, X = () => {
+      b.value ? y() : B();
+    };
+    return (l, e) => {
+      const o = le("KButton");
+      return C(), w(de, {
+        ref: "filterPopper",
+        "max-width": t.filter.maxWidth ?? "400px",
+        offset: F(ce),
+        placement: t.filter.placement ?? "bottom-start",
+        width: "auto",
+        onClose: z
+      }, {
+        default: m(() => {
+          var a;
+          return [
+            S(me, re({
+              "content-label": (a = t.selection) == null ? void 0 : a.text,
+              "data-testid": "filter-pill",
+              delimiter: G.value,
+              label: t.filter.label,
+              "pill-focus": b.value
+            }, F(N), {
+              onClear: Q,
+              onClick: e[0] || (e[0] = ue(() => {
+              }, ["prevent", "stop"])),
+              onTrigger: X
+            }), null, 16, ["content-label", "delimiter", "label", "pill-focus"])
+          ];
+        }),
+        title: m(() => [
+          q(ne(t.filter.label), 1)
+        ]),
+        content: m(() => [
+          P("div", pe, [
+            ae(l.$slots, "default", {}, () => [
+              P("div", be, [
+                g.value.length > 1 ? (C(), oe("div", ye, [
+                  S(I, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => f.value = a),
+                    items: A.value,
+                    "kpop-attributes": {
+                      popoverClasses: "force-operator-width"
+                    },
+                    label: "Operator",
+                    title: W.value
+                  }, null, 8, ["modelValue", "items", "title"])
+                ])) : ie("", !0),
+                P("div", Ve, [
+                  v.value === "select" ? (C(), w(I, {
+                    key: 0,
+                    modelValue: s.value,
+                    "onUpdate:modelValue": e[2] || (e[2] = (a) => s.value = a),
+                    "data-testid": "filter-pill-select",
+                    items: t.filter.options,
+                    label: "Value",
+                    placeholder: "Select a value"
+                  }, null, 8, ["modelValue", "items"])) : v.value === "multiselect" ? (C(), w(ve, {
+                    key: 1,
+                    modelValue: c.value,
+                    "onUpdate:modelValue": e[3] || (e[3] = (a) => c.value = a),
+                    "data-testid": "filter-pill-multiselect",
+                    items: t.filter.options,
+                    label: "Value",
+                    placeholder: "Select values"
+                  }, null, 8, ["modelValue", "items"])) : (C(), w(fe, {
+                    key: 2,
+                    ref: "inputField",
+                    modelValue: u.value,
+                    "onUpdate:modelValue": e[4] || (e[4] = (a) => u.value = a),
+                    modelModifiers: { trim: !0 },
+                    "data-testid": "filter-pill-input",
+                    label: "Value",
+                    placeholder: "Enter a value"
+                  }, null, 8, ["modelValue"]))
+                ])
+              ])
+            ], !0)
+          ])
+        ]),
+        footer: m(() => [
+          P("div", he, [
+            S(o, {
+              appearance: "secondary",
+              "data-testid": "filter-pill-cancel",
+              onClick: J
+            }, {
+              default: m(() => [...e[5] || (e[5] = [
+                q(" Cancel ", -1)
+              ])]),
+              _: 1
+            }),
+            S(o, {
+              appearance: "primary",
+              "data-testid": "filter-pill-apply",
+              disabled: L.value,
+              onClick: H
+            }, {
+              default: m(() => [...e[6] || (e[6] = [
+                q(" Apply ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["max-width", "offset", "placement"]);
+    };
+  }
+});
 export {
-  e as default
+  qe as default
 };

package/dist/kongponents.es318.js

@@ -1,9 +1,26 @@
-import t from "./kongponents.es327.js";
-import e from "./kongponents.es319.js";
-var s = "[object Arguments]";
-function m(r) {
-  return e(r) && t(r) == s;
-}
+import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents.es61.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (n(), s("div", l, [
+      i(o.$slots, "default", {}, () => [
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        })
+      ], !0)
+    ]));
+  }
+});
 export {
-  m as default
+  _ as default
 };

package/dist/kongponents.es320.js

@@ -1,4 +1,50 @@
-var r = Array.isArray;
+import { defineComponent as h, useCssVars as k, computed as f, openBlock as t, createElementBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
+import d from "./kongponents.es61.js";
+import { KUI_SPACE_50 as C } from "./kongponents.es182.js";
+import { normalizeSize as p } from "./kongponents.es175.js";
+const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
+  __name: "CardSkeleton",
+  props: {
+    cardCount: {},
+    maxWidth: {}
+  },
+  setup(o) {
+    k((e) => ({
+      v243e7eb5: u.value
+    }));
+    const u = f(() => o.maxWidth ? p(o.maxWidth) : o.cardCount === 1 ? "470px" : `calc((100% / 3) - ${C})`);
+    return (e, S) => (t(), r("div", _, [
+      (t(!0), r(s, null, c(o.cardCount, (m) => (t(), r("div", {
+        key: m,
+        class: "skeleton-card"
+      }, [
+        l("div", v, [
+          i(e.$slots, "card-header", {}, () => [
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", w, [
+          i(e.$slots, "card-content", {}, () => [
+            (t(), r(s, null, c(3, (a) => n(d, {
+              key: a,
+              width: "100"
+            })), 64)),
+            n(d, { width: "50" })
+          ], !0)
+        ]),
+        l("div", x, [
+          i(e.$slots, "card-footer", {}, () => [
+            (t(), r(s, null, c(2, (a) => n(d, {
+              key: a,
+              height: "2",
+              width: "5"
+            })), 64))
+          ], !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
 export {
-  r as default
+  E as default
 };