@kong/kongponents 9.56.1 → 9.56.2

package/dist/kongponents.es199.js

@@ -1,123 +1,62 @@
-import { defineComponent as h, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as k, normalizeStyle as S, withCtx as C, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kongponents.es273.js";
-const z = ["aria-hidden"], c = '<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"/>', N = /* @__PURE__ */ h({
-  __name: "ExternalLinkIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: p,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
+import I from "./kongponents.es286.js";
+import y from "./kongponents.es287.js";
+import M from "./kongponents.es284.js";
+import j from "./kongponents.es288.js";
+import q from "./kongponents.es289.js";
+import Q from "./kongponents.es290.js";
+import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./kongponents.es291.js";
+import x from "./kongponents.es283.js";
+import K from "./kongponents.es285.js";
+import { getDefaultOptions as V } from "./kongponents.es292.js";
+import Z from "./kongponents.es293.js";
+var B = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, G = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, J = /^'([^]*?)'?$/, N = /''/g, U = /[a-zA-Z]/;
+function de(a, t, e) {
+  var v, d, c, u, m, s, p, k, w, g, O, _, h, $, D, E, S, C;
+  K(2, arguments);
+  var z = String(t), l = V(), n = (v = (d = e == null ? void 0 : e.locale) !== null && d !== void 0 ? d : l.locale) !== null && v !== void 0 ? v : Z, R = x((c = (u = (m = (s = e == null ? void 0 : e.firstWeekContainsDate) !== null && s !== void 0 ? s : e == null || (p = e.locale) === null || p === void 0 || (k = p.options) === null || k === void 0 ? void 0 : k.firstWeekContainsDate) !== null && m !== void 0 ? m : l.firstWeekContainsDate) !== null && u !== void 0 ? u : (w = l.locale) === null || w === void 0 || (g = w.options) === null || g === void 0 ? void 0 : g.firstWeekContainsDate) !== null && c !== void 0 ? c : 1);
+  if (!(R >= 1 && R <= 7))
+    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
+  var W = x((O = (_ = (h = ($ = e == null ? void 0 : e.weekStartsOn) !== null && $ !== void 0 ? $ : e == null || (D = e.locale) === null || D === void 0 || (E = D.options) === null || E === void 0 ? void 0 : E.weekStartsOn) !== null && h !== void 0 ? h : l.weekStartsOn) !== null && _ !== void 0 ? _ : (S = l.locale) === null || S === void 0 || (C = S.options) === null || C === void 0 ? void 0 : C.weekStartsOn) !== null && O !== void 0 ? O : 0);
+  if (!(W >= 0 && W <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  if (!n.localize)
+    throw new RangeError("locale must contain localize property");
+  if (!n.formatLong)
+    throw new RangeError("locale must contain formatLong property");
+  var i = M(a);
+  if (!I(i))
+    throw new RangeError("Invalid time value");
+  var P = Q(i), L = y(i, P), Y = {
+    firstWeekContainsDate: R,
+    weekStartsOn: W,
+    locale: n,
+    _originalDate: i
+  }, A = z.match(G).map(function(r) {
+    var o = r[0];
+    if (o === "p" || o === "P") {
+      var f = q[o];
+      return f(r, n.formatLong);
     }
-  },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return p;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: o.value,
-      lineHeight: "0",
-      width: o.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, x = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (l, a) => {
-        const s = `${x}-${a}`;
-        return i[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => i[a] ? `#${i[a]}` : l);
-    }, m = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
-    return (r, i) => (u(), b(k(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon external-link-icon",
-      "data-testid": "kui-icon-wrapper-external-link-icon",
-      style: S(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: C(() => [
-        (u(), w("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-external-link-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, z))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+    return r;
+  }).join("").match(B).map(function(r) {
+    if (r === "''")
+      return "'";
+    var o = r[0];
+    if (o === "'")
+      return X(r);
+    var f = j[o];
+    if (f)
+      return !(e != null && e.useAdditionalWeekYearTokens) && F(r) && T(r, t, String(a)), !(e != null && e.useAdditionalDayOfYearTokens) && H(r) && T(r, t, String(a)), f(L, r, n.localize, Y);
+    if (o.match(U))
+      throw new RangeError("Format string contains an unescaped latin alphabet character `" + o + "`");
+    return r;
+  }).join("");
+  return A;
+}
+function X(a) {
+  var t = a.match(J);
+  return t ? t[1].replace(N, "'") : a;
+}
 export {
-  N as default
+  de as default
 };

package/dist/kongponents.es20.js

@@ -1,11 +1,11 @@
 import { defineComponent as s, ref as i, onMounted as c, openBlock as r, createElementBlock as u, normalizeClass as m, createBlock as t, withCtx as l, renderSlot as n, unref as d, createCommentVNode as f } from "vue";
-import k from "./kongponents.es190.js";
-import y from "./kongponents.es191.js";
-import g from "./kongponents.es192.js";
-import h from "./kongponents.es193.js";
-import x from "./kongponents.es194.js";
-import C from "./kongponents.es195.js";
-import S from "./kongponents.es186.js";
+import k from "./kongponents.es214.js";
+import y from "./kongponents.es215.js";
+import g from "./kongponents.es216.js";
+import h from "./kongponents.es217.js";
+import x from "./kongponents.es218.js";
+import C from "./kongponents.es219.js";
+import S from "./kongponents.es190.js";
 import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents.es181.js";
 const R = /* @__PURE__ */ s({
   __name: "KSkeleton",

package/dist/kongponents.es200.js

@@ -1,7 +1,110 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
+import { computed as s, ref as v, watchEffect as D } from "vue";
+import "./kongponents.es247.js";
+import m from "./kongponents.es248.js";
+const S = {
+  VALIDATING: "VALIDATING",
+  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
+  PENDING: "PENDING",
+  SUCCESS: "SUCCESS",
+  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
+  ERROR: "ERROR",
+  STALE_IF_ERROR: "STALE_IF_ERROR"
+};
+function w() {
+  return {
+    useRequest: (e, u, a) => {
+      const {
+        data: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        mutate: r
+      } = m(e, u, {
+        revalidateDebounce: 500,
+        dedupingInterval: 100,
+        ...a
+      });
+      return {
+        data: s(() => {
+          var A;
+          return (A = t.value) == null ? void 0 : A.data;
+        }),
+        response: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        revalidate: r
+      };
+    },
+    useDebounce: (e, u = 300) => {
+      let a;
+      const t = (n) => async (...c) => {
+        clearTimeout(a), n > 0 ? await new Promise((o) => {
+          a = setTimeout(async () => {
+            await e(...c), o();
+          }, n);
+        }) : await e(...c);
+      };
+      return {
+        debouncedFn: t(u),
+        generateDebouncedFn: t
+      };
+    },
+    clientSideSorter: (e, u, a, t) => {
+      let n = null;
+      const c = (r, i) => typeof i == "number" && !Number.isNaN(r) && !Number.isNaN(i) ? r - i : 0, o = (r, i) => r.localeCompare(i);
+      return e !== u ? (n = (r, i) => {
+        const A = (l) => l == null ? "" : typeof l == "number" ? l : Array.isArray(l) && l.length && typeof l[0] == "number" ? l[0] : String(l), f = A(r[e]), d = A(i[e]);
+        switch (typeof f) {
+          case "number":
+            return c(f, d);
+          default:
+            return o(f, d);
+        }
+      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
+    },
+    useSwrvState: (e, u, a) => {
+      const t = v(S.PENDING), n = v(!1);
+      return D(() => {
+        var c, o, r, i, A, f;
+        if (n.value = e.value && !!((c = Object.keys(e.value)) != null && c.length || (o = e.value.data) != null && o.length || (i = (r = e.value.data) == null ? void 0 : r.data) != null && i.length || !((A = e.value.data) != null && A.data) && typeof e.value.data == "object" && Object.keys((f = e.value) == null ? void 0 : f.data).length), e.value && n.value && a.value) {
+          t.value = S.VALIDATING_HAS_DATA;
+          return;
+        }
+        if (e.value && a.value) {
+          t.value = S.VALIDATING;
+          return;
+        }
+        if (e.value && u.value) {
+          t.value = S.STALE_IF_ERROR;
+          return;
+        }
+        if (e.value === void 0 && !u.value) {
+          t.value = S.PENDING;
+          return;
+        }
+        if (e.value && !u.value && n.value) {
+          t.value = S.SUCCESS_HAS_DATA;
+          return;
+        }
+        if (e.value && !u.value) {
+          t.value = S.SUCCESS;
+          return;
+        }
+        e.value === void 0 && u && (t.value = S.ERROR);
+      }), {
+        hasData: n,
+        state: t,
+        swrvState: S
+      };
+    },
+    cloneDeep: (e) => {
+      if (e)
+        return JSON.parse(JSON.stringify(e));
+    },
+    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
+  };
 }
 export {
-  i as warnInvalidProp
+  w as default
 };

package/dist/kongponents.es201.js

@@ -1,7 +1,116 @@
-import t from "./kongponents.es266.js";
-/* empty css                  */
-import o from "./kongponents.es75.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
+import { computePosition as j } from "./kongponents.es204.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es204.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es280.js";
+import { getOverflowAncestors as ee } from "./kongponents.es280.js";
+import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
+function q(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function b(e) {
+  if (q(e)) {
+    const u = e.$el;
+    return A(u) && B(u) === "#comment" ? null : u;
+  }
+  return e;
+}
+function c(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, u) {
+  const n = M(e);
+  return Math.round(u * n) / n;
+}
+function J(e, u, n) {
+  n === void 0 && (n = {});
+  const P = n.whileElementsMounted, s = o(() => {
+    var t;
+    return (t = c(n.open)) != null ? t : !0;
+  }), V = o(() => c(n.middleware)), p = o(() => {
+    var t;
+    return (t = c(n.placement)) != null ? t : "bottom";
+  }), w = o(() => {
+    var t;
+    return (t = c(n.strategy)) != null ? t : "absolute";
+  }), S = o(() => {
+    var t;
+    return (t = c(n.transform)) != null ? t : !0;
+  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
+    const t = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!l.value)
+      return t;
+    const a = C(l.value, y.value), R = C(l.value, h.value);
+    return S.value ? {
+      ...t,
+      transform: "translate(" + a + "px, " + R + "px)",
+      ...M(l.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: a + "px",
+      top: R + "px"
+    };
+  });
+  let v;
+  function d() {
+    if (i.value == null || l.value == null)
+      return;
+    const t = s.value;
+    j(i.value, l.value, {
+      middleware: V.value,
+      placement: p.value,
+      strategy: w.value
+    }).then((a) => {
+      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
+    });
+  }
+  function E() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function N() {
+    if (E(), P === void 0) {
+      d();
+      return;
+    }
+    if (i.value != null && l.value != null) {
+      v = P(i.value, l.value, d);
+      return;
+    }
+  }
+  function $() {
+    s.value || (x.value = !1);
+  }
+  return g([V, p, w, s], d, {
+    flush: "sync"
+  }), g([i, l], N, {
+    flush: "sync"
+  }), g(s, $, {
+    flush: "sync"
+  }), I() && U(E), {
+    x: r(y),
+    y: r(h),
+    strategy: r(m),
+    placement: r(D),
+    middlewareData: r(O),
+    isPositioned: r(x),
+    floatingStyles: _,
+    update: d
+  };
+}
 export {
-  a as default
+  Q as autoPlacement,
+  T as autoUpdate,
+  j as computePosition,
+  W as flip,
+  ee as getOverflowAncestors,
+  X as platform,
+  Y as shift,
+  J as useFloating
 };

package/dist/kongponents.es202.js

@@ -1,7 +1,19 @@
-import t from "./kongponents.es268.js";
-/* empty css                  */
-import o from "./kongponents.es75.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-11bc36aa"]]);
+import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
+const u = /* @__PURE__ */ r({
+  __name: "KPopTeleportWrapper",
+  props: {
+    useTeleport: { type: Boolean },
+    target: { default: null }
+  },
+  setup(e) {
+    return (t, n) => e.useTeleport ? (l(), a(p, {
+      key: 0,
+      to: e.target
+    }, [
+      o(t.$slots, "default")
+    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
+  }
+});
 export {
-  r as default
+  u as default
 };