@kong/kongponents 9.47.1-pr.3005.ba921db.0 → 9.47.1-pr.3006.26f6688.0

package/dist/kongponents.es244.js

@@ -0,0 +1,322 @@
+import { getCurrentInstance as $, ref as q, reactive as z, onMounted as J, onUnmounted as K, watch as N, isReadonly as Q, toRefs as X } from "vue";
+import D from "./kongponents.es445.js";
+import x from "./kongponents.es243.js";
+var m = function() {
+  return m = Object.assign || function(u) {
+    for (var a, r = 1, i = arguments.length; r < i; r++) {
+      a = arguments[r];
+      for (var n in a) Object.prototype.hasOwnProperty.call(a, n) && (u[n] = a[n]);
+    }
+    return u;
+  }, m.apply(this, arguments);
+}, E = function(u, a, r, i) {
+  function n(e) {
+    return e instanceof r ? e : new r(function(s) {
+      s(e);
+    });
+  }
+  return new (r || (r = Promise))(function(e, s) {
+    function y(o) {
+      try {
+        t(i.next(o));
+      } catch (h) {
+        s(h);
+      }
+    }
+    function c(o) {
+      try {
+        t(i.throw(o));
+      } catch (h) {
+        s(h);
+      }
+    }
+    function t(o) {
+      o.done ? e(o.value) : n(o.value).then(y, c);
+    }
+    t((i = i.apply(u, a || [])).next());
+  });
+}, V = function(u, a) {
+  var r = { label: 0, sent: function() {
+    if (e[0] & 1) throw e[1];
+    return e[1];
+  }, trys: [], ops: [] }, i, n, e, s;
+  return s = { next: y(0), throw: y(1), return: y(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
+    return this;
+  }), s;
+  function y(t) {
+    return function(o) {
+      return c([t, o]);
+    };
+  }
+  function c(t) {
+    if (i) throw new TypeError("Generator is already executing.");
+    for (; r; ) try {
+      if (i = 1, n && (e = t[0] & 2 ? n.return : t[0] ? n.throw || ((e = n.return) && e.call(n), 0) : n.next) && !(e = e.call(n, t[1])).done) return e;
+      switch (n = 0, e && (t = [t[0] & 2, e.value]), t[0]) {
+        case 0:
+        case 1:
+          e = t;
+          break;
+        case 4:
+          return r.label++, { value: t[1], done: !1 };
+        case 5:
+          r.label++, n = t[1], t = [0];
+          continue;
+        case 7:
+          t = r.ops.pop(), r.trys.pop();
+          continue;
+        default:
+          if (e = r.trys, !(e = e.length > 0 && e[e.length - 1]) && (t[0] === 6 || t[0] === 2)) {
+            r = 0;
+            continue;
+          }
+          if (t[0] === 3 && (!e || t[1] > e[0] && t[1] < e[3])) {
+            r.label = t[1];
+            break;
+          }
+          if (t[0] === 6 && r.label < e[1]) {
+            r.label = e[1], e = t;
+            break;
+          }
+          if (e && r.label < e[2]) {
+            r.label = e[2], r.ops.push(t);
+            break;
+          }
+          e[2] && r.ops.pop(), r.trys.pop();
+          continue;
+      }
+      t = a.call(u, r);
+    } catch (o) {
+      t = [6, o], n = 0;
+    } finally {
+      i = e = 0;
+    }
+    if (t[0] & 5) throw t[1];
+    return { value: t[0] ? t[1] : void 0, done: !0 };
+  }
+}, Y = function(u, a) {
+  var r = typeof Symbol == "function" && u[Symbol.iterator];
+  if (!r) return u;
+  var i = r.call(u), n, e = [], s;
+  try {
+    for (; (a === void 0 || a-- > 0) && !(n = i.next()).done; ) e.push(n.value);
+  } catch (y) {
+    s = { error: y };
+  } finally {
+    try {
+      n && !n.done && (r = i.return) && r.call(i);
+    } finally {
+      if (s) throw s.error;
+    }
+  }
+  return e;
+}, Z = function(u, a, r) {
+  if (r || arguments.length === 2) for (var i = 0, n = a.length, e; i < n; i++)
+    (e || !(i in a)) && (e || (e = Array.prototype.slice.call(a, 0, i)), e[i] = a[i]);
+  return u.concat(e || Array.prototype.slice.call(a));
+}, W = new x(), p = new x(), k = new x(), G = {
+  cache: W,
+  refreshInterval: 0,
+  ttl: 0,
+  serverTTL: 1e3,
+  dedupingInterval: 2e3,
+  revalidateOnFocus: !0,
+  revalidateDebounce: 0,
+  shouldRetryOnError: !0,
+  errorRetryInterval: 5e3,
+  errorRetryCount: 5,
+  fetcher: D.fetcher,
+  isOnline: D.isOnline,
+  isDocumentVisible: D.isDocumentVisible
+};
+function ee(u, a, r) {
+  var i = p.get(u);
+  if (i)
+    i.data.push(a);
+  else {
+    var n = 5e3;
+    p.set(u, [a], r > 0 ? r + n : r);
+  }
+}
+function re(u, a, r) {
+  if (r.isDocumentVisible() && !(r.errorRetryCount !== void 0 && a > r.errorRetryCount)) {
+    var i = Math.min(a || 0, r.errorRetryCount), n = i * r.errorRetryInterval;
+    setTimeout(function() {
+      u(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
+    }, n);
+  }
+}
+var P = function(u, a, r, i) {
+  return r === void 0 && (r = W), i === void 0 && (i = G.ttl), E(void 0, void 0, void 0, function() {
+    var n, e, s, y, c, t, o;
+    return V(this, function(h) {
+      switch (h.label) {
+        case 0:
+          if (!te(a)) return [3, 5];
+          h.label = 1;
+        case 1:
+          return h.trys.push([1, 3, , 4]), [4, a];
+        case 2:
+          return n = h.sent(), [3, 4];
+        case 3:
+          return y = h.sent(), e = y, [3, 4];
+        case 4:
+          return [3, 6];
+        case 5:
+          n = a, h.label = 6;
+        case 6:
+          if (s = !1, c = { data: n, error: e, isValidating: s }, typeof n < "u")
+            try {
+              r.set(u, c, i);
+            } catch (d) {
+              console.error("swrv(mutate): failed to set cache", d);
+            }
+          return t = p.get(u), t && t.data.length && (o = t.data.filter(function(d) {
+            return d.key === u;
+          }), o.forEach(function(d, l) {
+            typeof c.data < "u" && (d.data = c.data), d.error = c.error, d.isValidating = c.isValidating, d.isLoading = c.isValidating;
+            var b = l === o.length - 1;
+            b || delete o[l];
+          }), o = o.filter(Boolean)), [2, c];
+      }
+    });
+  });
+};
+function ue() {
+  for (var u = this, a = [], r = 0; r < arguments.length; r++)
+    a[r] = arguments[r];
+  var i, n, e = m({}, G), s = !1, y = !1, c = $(), t = (c == null ? void 0 : c.proxy) || c;
+  if (!t)
+    return console.error("Could not get current instance, check to make sure that `useSwrv` is declared in the top level of the setup function."), null;
+  var o = (t == null ? void 0 : t.$isServer) || !1;
+  a.length >= 1 && (i = a[0]), a.length >= 2 && (n = a[1]), a.length > 2 && (e = m(m({}, e), a[2]));
+  var h = o ? e.serverTTL : e.ttl, d = typeof i == "function" ? i : q(i);
+  typeof n > "u" && (n = e.fetcher);
+  var l = null;
+  l || (l = z({
+    data: void 0,
+    error: void 0,
+    isValidating: !0,
+    isLoading: !0,
+    key: null
+  }));
+  var b = function(v, f) {
+    return E(u, void 0, void 0, function() {
+      var F, g, I, C, A, H, L, j = this;
+      return V(this, function(S) {
+        switch (S.label) {
+          case 0:
+            return F = l.data === void 0, g = d.value, g ? (I = e.cache.get(g), C = I && I.data, l.isValidating = !0, l.isLoading = !C, C && (l.data = C.data, l.error = C.error), A = v || n, !A || !e.isDocumentVisible() && !F || (f == null ? void 0 : f.forceRevalidate) !== void 0 && !(f != null && f.forceRevalidate) ? (l.isValidating = !1, l.isLoading = !1, [
+              2
+              /*return*/
+            ]) : I && (H = !!(Date.now() - I.createdAt >= e.dedupingInterval || f != null && f.forceRevalidate), !H) ? (l.isValidating = !1, l.isLoading = !1, [
+              2
+              /*return*/
+            ]) : (L = function() {
+              return E(j, void 0, void 0, function() {
+                var w, B, T, M;
+                return V(this, function(_) {
+                  switch (_.label) {
+                    case 0:
+                      return w = k.get(g), w ? [3, 2] : (B = Array.isArray(g) ? g : [g], T = A.apply(void 0, Z([], Y(B), !1)), k.set(g, T, e.dedupingInterval), [4, P(g, T, e.cache, h)]);
+                    case 1:
+                      return _.sent(), [3, 4];
+                    case 2:
+                      return [4, P(g, w.data, e.cache, h)];
+                    case 3:
+                      _.sent(), _.label = 4;
+                    case 4:
+                      return l.isValidating = !1, l.isLoading = !1, k.delete(g), l.error !== void 0 && (M = !s && e.shouldRetryOnError && (f ? f.shouldRetryOnError : !0), M && re(b, f ? f.errorRetryCount : 1, e)), [
+                        2
+                        /*return*/
+                      ];
+                  }
+                });
+              });
+            }, C && e.revalidateDebounce ? (setTimeout(function() {
+              return E(j, void 0, void 0, function() {
+                return V(this, function(w) {
+                  switch (w.label) {
+                    case 0:
+                      return s ? [3, 2] : [4, L()];
+                    case 1:
+                      w.sent(), w.label = 2;
+                    case 2:
+                      return [
+                        2
+                        /*return*/
+                      ];
+                  }
+                });
+              });
+            }, e.revalidateDebounce), [3, 3]) : [3, 1])) : [
+              2
+              /*return*/
+            ];
+          case 1:
+            return [4, L()];
+          case 2:
+            S.sent(), S.label = 3;
+          case 3:
+            return [
+              2
+              /*return*/
+            ];
+        }
+      });
+    });
+  }, O = function() {
+    return E(u, void 0, void 0, function() {
+      return V(this, function(v) {
+        return [2, b(null, { shouldRetryOnError: !1 })];
+      });
+    });
+  }, R = null;
+  J(function() {
+    var v = function() {
+      return E(u, void 0, void 0, function() {
+        return V(this, function(f) {
+          switch (f.label) {
+            case 0:
+              return !l.error && e.isOnline() ? [4, b()] : [3, 2];
+            case 1:
+              return f.sent(), [3, 3];
+            case 2:
+              R && clearTimeout(R), f.label = 3;
+            case 3:
+              return e.refreshInterval && !s && (R = setTimeout(v, e.refreshInterval)), [
+                2
+                /*return*/
+              ];
+          }
+        });
+      });
+    };
+    e.refreshInterval && (R = setTimeout(v, e.refreshInterval)), e.revalidateOnFocus && (document.addEventListener("visibilitychange", O, !1), window.addEventListener("focus", O, !1));
+  }), K(function() {
+    s = !0, R && clearTimeout(R), e.revalidateOnFocus && (document.removeEventListener("visibilitychange", O, !1), window.removeEventListener("focus", O, !1));
+    var v = p.get(d.value);
+    v && (v.data = v.data.filter(function(f) {
+      return f !== l;
+    }));
+  });
+  try {
+    N(d, function(v) {
+      Q(d) || (d.value = v), l.key = v, l.isValidating = !!v, ee(d.value, l, h), !o && !y && d.value && b(), y = !1;
+    }, {
+      immediate: !0
+    });
+  } catch {
+  }
+  var U = m(m({}, X(l)), { mutate: function(v, f) {
+    return b(v, m(m({}, f), { forceRevalidate: !0 }));
+  } });
+  return U;
+}
+function te(u) {
+  return u !== null && typeof u == "object" && typeof u.then == "function";
+}
+export {
+  ue as default,
+  P as mutate
+};

package/dist/kongponents.es245.js

@@ -1,4 +1,179 @@
-const I = "24px";
+import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
+import { DatePicker as U } from "./kongponents.es357.js";
+import Z from "./kongponents.es286.js";
+import p from "./kongponents.es290.js";
+import G from "./kongponents.es184.js";
+const _ = { class: "calendar-wrapper" }, ee = {
+  key: 2,
+  class: "time-wrapper"
+}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
+  key: 0,
+  class: "help-text"
+}, ye = /* @__PURE__ */ W({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ j({
+    isRange: { type: Boolean },
+    kDatePickerMode: {},
+    maxDate: { default: () => {
+    } },
+    minDate: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    timeGranularity: { default: "minutely" }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    error: { type: Boolean, default: !1 },
+    errorModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:error"],
+  setup(t, { expose: Y }) {
+    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
+      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: q,
+      expanded: !0,
+      initialPage: $.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: N,
+      selectAttribute: z,
+      transparent: !0
+    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), V = (n, a) => n > a, C = () => {
+      if (e.value && R.value)
+        if (t.isRange && e.value.start && e.value.end) {
+          const n = e.value;
+          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
+        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
+    }, w = (n) => {
+      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: l, minutes: d, seconds: v };
+    };
+    K(() => {
+      C(), o.value.start = s.value, o.value.end = r.value;
+    });
+    const N = { type: "number" }, q = {
+      key: "select-drag",
+      highlight: {
+        start: { contentClass: "vcal-day-drag-start" },
+        base: { contentClass: "vcal-day-drag-base" },
+        end: { contentClass: "vcal-day-drag-end" }
+      }
+    }, z = {
+      key: "select-calendar",
+      highlight: {
+        start: { contentClass: "vcal-day-start" },
+        base: { contentClass: "vcal-day-base" },
+        end: { contentClass: "vcal-day-end" }
+      }
+    };
+    h(() => s.value, (n) => {
+      if (n) {
+        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
+          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
+        } else if (e.value instanceof Date) {
+          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
+        }
+      }
+    }), h(() => r.value, (n) => {
+      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
+        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
+      }
+    }), h(() => e.value, () => {
+      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
+    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
+      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
+    });
+    const T = (n) => {
+      const a = e.value;
+      return t.isRange && a && n in a && a[n] instanceof Date;
+    }, O = () => {
+      s.value = o.value.start, r.value = o.value.end;
+    }, E = (n) => {
+      try {
+        return G(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
+      }
+    };
+    return Y({
+      resetTime: O,
+      initTimeInputs: C
+    }), (n, a) => (i(), m("div", _, [
+      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
+      }), null, 16, ["modelValue"])),
+      R.value ? (i(), m("div", ee, [
+        M("div", te, [
+          M("label", {
+            class: "time-input-label",
+            for: `time-input-start-${c(g)}`
+          }, [
+            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
+          ], 8, ae),
+          S(M("input", {
+            id: `time-input-start-${c(g)}`,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
+            class: F(["time-input-start", { "input-error": f.value }]),
+            "data-testid": "time-input-start",
+            step: H.value,
+            type: "time"
+          }, null, 10, ue), [
+            [A, s.value]
+          ]),
+          M("label", {
+            class: "time-input-label",
+            for: `time-input-end-${c(g)}`
+          }, [
+            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
+          ], 8, se),
+          t.isRange ? S((i(), m("input", {
+            key: 0,
+            id: `time-input-end-${c(g)}`,
+            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
+            class: F(["time-input-end", { "input-error": f.value }]),
+            "data-testid": "time-input-end",
+            step: H.value,
+            type: "time"
+          }, null, 10, re)), [
+            [A, r.value]
+          ]) : y("", !0)
+        ]),
+        L(Q, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: X(() => [
+            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
+          ]),
+          _: 1
+        })
+      ])) : y("", !0)
+    ]));
+  }
+});
 export {
-  I as KUI_ICON_SIZE_50
+  ye as default
 };

package/dist/kongponents.es247.js

@@ -1,121 +1,8 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as x, withCtx as C, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es245.js";
-const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
-  __name: "ServiceDocumentIcon",
-  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 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 = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${y}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (n) => n.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 (n, t) => (d(), b(S(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon service-document-icon",
-      "data-testid": "kui-icon-wrapper-service-document-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: C(() => [
-        (d(), H("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-service-document-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))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+import p from "./kongponents.es305.js";
+var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
+function x(e) {
+  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+}
 export {
-  I as default
+  x as default
 };