@kong/kongponents 9.48.10-pr.3038.3dc452f.0 → 9.48.10-pr.3042.e2c613f.0

package/dist/kongponents.es178.js

@@ -1,7 +1,62 @@
-const n = (r) => {
-  const e = Number(r);
-  return Number.isNaN(e) ? `${r}` : `${e}px`;
-};
+import I from "./kongponents.es254.js";
+import y from "./kongponents.es255.js";
+import M from "./kongponents.es252.js";
+import j from "./kongponents.es256.js";
+import q from "./kongponents.es257.js";
+import Q from "./kongponents.es258.js";
+import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./kongponents.es259.js";
+import x from "./kongponents.es251.js";
+import K from "./kongponents.es253.js";
+import { getDefaultOptions as V } from "./kongponents.es260.js";
+import Z from "./kongponents.es261.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);
+    }
+    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 normalizeSize
+  de as default
 };

package/dist/kongponents.es179.js

@@ -1,121 +1,110 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es263.js";
-const w = ["aria-hidden"], c = '<path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ChevronRightIcon",
-  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"
+import { computed as s, ref as v, watchEffect as D } from "vue";
+import "./kongponents.es242.js";
+import m from "./kongponents.es243.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
+      };
     },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
+    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
+      };
     },
-    /** 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
+    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 };
     },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
+    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;
         }
-        return !1;
-      }
+        e.value === void 0 && u && (t.value = S.ERROR);
+      }), {
+        hasData: n,
+        state: t,
+        swrvState: S
+      };
     },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
+    cloneDeep: (e) => {
+      if (e)
+        return JSON.parse(JSON.stringify(e));
     },
-    /**
-     * 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
-    }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, m = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${m}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), b(x(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon chevron-right-icon",
-      "data-testid": "kui-icon-wrapper-chevron-right-icon",
-      style: S(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: N(() => [
-        (d(), k("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-chevron-right-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
+  };
+}
 export {
-  z as default
+  w as default
 };

package/dist/kongponents.es180.js

@@ -1,121 +1,26 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as k, withCtx as x, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es263.js";
-const w = ["aria-hidden"], c = '<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "CheckSmallIcon",
-  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: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 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
-    }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (l, n) => {
-        const o = `${h}-${n}`;
-        return t[n] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, n) => t[n] ? `#${t[n]}` : l);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), b(S(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon check-small-icon",
-      "data-testid": "kui-icon-wrapper-check-small-icon",
-      style: k(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: x(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-small-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+var b = Object.defineProperty;
+var v = (s, e, r) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
+var i = (s, e, r) => v(s, typeof e != "symbol" ? e + "" : e, r);
+class t {
+  constructor(e) {
+    i(this, "resizeObserver");
+    i(this, "callback");
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
+      });
+    });
   }
-});
+  static create(e) {
+    return new t(e);
+  }
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
+  }
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
+  }
+}
 export {
-  z as default
+  t as ResizeObserverHelper
 };

package/dist/kongponents.es181.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as x, withCtx as w, createElementBlock as I } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es263.js";
-const N = ["aria-hidden"], p = '<path d="M5 11V9H15V11H5Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
-  __name: "IndeterminateSmallIcon",
+import { defineComponent as C, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es246.js";
+const k = ["aria-hidden"], p = '<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"/>', I = /* @__PURE__ */ C({
+  __name: "CopyIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -80,42 +80,42 @@ const N = ["aria-hidden"], p = '<path d="M5 11V9H15V11H5Z" fill="currentColor"/>
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (l, n) => {
-        const o = `${y}-${n}`;
-        return t[n] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, n) => t[n] ? `#${t[n]}` : l);
-    }, m = {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, g = (a) => a.replace(/[<>"'&]/g, (t) => m[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${g(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (a, t) => (d(), b(S(r.as), {
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), h(b(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon indeterminate-small-icon",
-      "data-testid": "kui-icon-wrapper-indeterminate-small-icon",
+      class: "kui-icon copy-icon",
+      "data-testid": "kui-icon-wrapper-copy-icon",
       style: x(c.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
-      default: w(() => [
-        (d(), I("svg", {
+      default: S(() => [
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-indeterminate-small-icon",
+          "data-testid": "kui-icon-svg-copy-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: v
-        }, null, 8, N))
+          innerHTML: y
+        }, null, 8, k))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  z as default
+  I as default
 };