@kong/kongponents 9.49.0 → 9.49.1-pr.3045.8d71ad0.0

package/dist/kongponents.es163.js

@@ -1,183 +1,4 @@
-import { defineComponent as I, mergeModels as P, useId as A, computed as o, useModel as D, useTemplateRef as E, watch as h, createElementBlock as r, openBlock as s, createBlock as F, createCommentVNode as L, createElementVNode as d, mergeProps as q, unref as b, withCtx as $, createTextVNode as U, toDisplayString as S, createVNode as W, withDirectives as X, normalizeStyle as g, normalizeClass as B, vModelText as G, Fragment as C, renderList as K } from "vue";
-import H from "./kongponents.es48.js";
-import J from "./kongponents.es53.js";
-const O = {
-  class: "k-slider",
-  "data-testid": "k-slider"
-}, Q = { class: "slider-container" }, Y = { class: "input-value" }, Z = ["id", "disabled", "list", "max", "min", "step"], p = ["id"], _ = ["data-testid", "label", "value"], ee = {
-  "aria-hidden": "true",
-  class: "slider-marks",
-  "data-testid": "slider-marks"
-}, te = ["data-testid", "onClick"], ne = /* @__PURE__ */ I({
-  __name: "KSlider",
-  props: /* @__PURE__ */ P({
-    label: { default: "" },
-    min: { default: 0 },
-    max: { default: 10 },
-    step: { default: 1 },
-    showMarks: { type: Boolean, default: !1 },
-    marks: { default: () => [] },
-    showValue: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    labelAttributes: { default: () => ({}) }
-  }, {
-    modelValue: {
-      required: !0,
-      type: Number
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ P(["change", "update:modelValue"], ["update:modelValue"]),
-  setup(e, { emit: j }) {
-    const V = j, c = A(), N = o(() => ({ width: m(i.value) })), T = o(() => ({
-      left: m(i.value),
-      transform: `translateX(-${m(i.value)})`
-    })), R = () => {
-      V("change", i.value), x();
-    }, z = (t) => {
-      i.value = t, V("change", i.value), x();
-    }, M = E("thumbPopover"), x = () => {
-      var t;
-      (t = M.value) == null || t.showPopover();
-    }, k = () => {
-      var t;
-      (t = M.value) == null || t.hidePopover();
-    }, i = D(e, "modelValue"), n = o(() => {
-      const t = Math.max(
-        (String(e.step).split(".")[1] || "").length,
-        (String(e.min).split(".")[1] || "").length,
-        (String(e.max).split(".")[1] || "").length
-      );
-      return Math.pow(10, t);
-    }), v = o(() => {
-      if (e.max <= e.min || e.step <= 0)
-        return [];
-      const t = [], l = e.min * n.value, a = e.max * n.value, u = e.step * n.value;
-      for (let y = l; y <= a; y += u)
-        t.push(y / n.value);
-      return t;
-    }), f = (t) => t >= e.min && t <= e.max && v.value.includes(t), w = o(() => {
-      var t, l;
-      if (e.marks.length) {
-        if (typeof e.marks[0] == "object")
-          return e.marks.filter((a) => f(a.value));
-        {
-          const a = e.marks.filter((u) => f(u)).map((u) => ({
-            label: String(u),
-            value: u
-          }));
-          return ((t = a[0]) == null ? void 0 : t.value) !== e.min && a.unshift({ label: String(e.min), value: e.min }), ((l = a.at(-1)) == null ? void 0 : l.value) !== e.max && a.push({ label: String(e.max), value: e.max }), a;
-        }
-      }
-      return e.showMarks ? v.value.map((a) => ({
-        label: String(a),
-        value: a
-      })) : [
-        {
-          label: String(e.min),
-          value: e.min
-        },
-        {
-          label: String(e.max),
-          value: e.max
-        }
-      ];
-    }), m = (t) => `${(t - e.min) / (e.max - e.min) * 100}%`;
-    return h(() => e.max, (t) => {
-      t <= e.min && console.warn(`KSlider: max value ${t} must be greater than min value ${e.min}.`);
-    }, { immediate: !0 }), h(() => e.step, (t) => {
-      e.max > e.min && (t <= 0 || (e.max * n.value - e.min * n.value) % (t * n.value) !== 0) && console.warn(`KSlider: step value ${t} is invalid.`);
-    }, { immediate: !0 }), h(i, (t) => {
-      e.max > e.min && !f(t) && (console.warn(`KSlider: value ${t} is out of range [${v.value.join(", ")}]. Setting to min value ${e.min}.`), i.value = e.min);
-    }, { immediate: !0 }), h(() => e.marks, (t) => {
-      if (t.length) {
-        let l = [];
-        l = t.filter((a) => !f(typeof e.marks[0] == "object" ? a.value : a)), l.length && console.warn(`KSlider: marks [${l.map((a) => typeof l[0] == "object" ? a.value : a).join(", ")}] are out of range [${v.value.join(", ")}].`);
-      }
-    }, { immediate: !0 }), (t, l) => (s(), r("div", O, [
-      e.label ? (s(), F(H, q({ key: 0 }, e.labelAttributes, {
-        for: `${b(c)}-input`
-      }), {
-        default: $(() => [
-          U(S(e.label), 1)
-        ]),
-        _: 1
-      }, 16, ["for"])) : L("", !0),
-      d("div", Q, [
-        d("span", {
-          "aria-hidden": "true",
-          class: B(["lower-range-track", { "is-disabled": e.disabled }]),
-          style: g(N.value)
-        }, null, 6),
-        W(J, {
-          ref: "thumbPopover",
-          "aria-hidden": "true",
-          disabled: e.disabled || !e.showValue,
-          "hide-close-icon": "",
-          placement: "top",
-          "popover-timeout": 500,
-          trigger: "hover",
-          width: "auto"
-        }, {
-          content: $(() => [
-            d("span", Y, S(i.value), 1)
-          ]),
-          default: $(() => [
-            d("span", {
-              class: B(["thumb", { "is-disabled": e.disabled }]),
-              style: g(T.value)
-            }, null, 6)
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        X(d("input", {
-          id: `${b(c)}-input`,
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
-          "data-testid": "slider-input",
-          disabled: e.disabled,
-          list: `${b(c)}-markers`,
-          max: e.max,
-          min: e.min,
-          step: e.step,
-          type: "range",
-          onBlur: k,
-          onFocus: x,
-          onInput: R,
-          onMouseup: k,
-          onTouchend: k
-        }, null, 40, Z), [
-          [
-            G,
-            i.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]),
-        d("datalist", {
-          id: `${b(c)}-markers`,
-          "data-testid": "slider-datalist-marks"
-        }, [
-          (s(!0), r(C, null, K(w.value, (a) => (s(), r("option", {
-            key: `datalist-mark-${a.value}`,
-            "data-testid": `datalist-mark-${a.value}`,
-            label: a.label,
-            style: g({ left: m(a.value) }),
-            value: a.value
-          }, null, 12, _))), 128))
-        ], 8, p),
-        d("div", ee, [
-          (s(!0), r(C, null, K(w.value, (a) => (s(), r("span", {
-            key: `mark-${a.value}`,
-            "data-testid": `mark-${a.value}`,
-            role: "button",
-            style: g({ left: m(a.value) }),
-            onClick: (u) => z(a.value)
-          }, S(a.label || a.value), 13, te))), 128))
-        ])
-      ])
-    ]));
-  }
-});
+import f from "./kongponents.es28.js";
 export {
-  ne as default
+  f as default
 };

package/dist/kongponents.es164.js

@@ -0,0 +1,183 @@
+import { defineComponent as I, mergeModels as P, useId as A, computed as o, useModel as D, useTemplateRef as E, watch as h, createElementBlock as r, openBlock as s, createBlock as F, createCommentVNode as L, createElementVNode as d, mergeProps as q, unref as b, withCtx as $, createTextVNode as U, toDisplayString as S, createVNode as W, withDirectives as X, normalizeStyle as g, normalizeClass as B, vModelText as G, Fragment as C, renderList as K } from "vue";
+import H from "./kongponents.es48.js";
+import J from "./kongponents.es53.js";
+const O = {
+  class: "k-slider",
+  "data-testid": "k-slider"
+}, Q = { class: "slider-container" }, Y = { class: "input-value" }, Z = ["id", "disabled", "list", "max", "min", "step"], p = ["id"], _ = ["data-testid", "label", "value"], ee = {
+  "aria-hidden": "true",
+  class: "slider-marks",
+  "data-testid": "slider-marks"
+}, te = ["data-testid", "onClick"], ne = /* @__PURE__ */ I({
+  __name: "KSlider",
+  props: /* @__PURE__ */ P({
+    label: { default: "" },
+    min: { default: 0 },
+    max: { default: 10 },
+    step: { default: 1 },
+    showMarks: { type: Boolean, default: !1 },
+    marks: { default: () => [] },
+    showValue: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    labelAttributes: { default: () => ({}) }
+  }, {
+    modelValue: {
+      required: !0,
+      type: Number
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ P(["change", "update:modelValue"], ["update:modelValue"]),
+  setup(e, { emit: j }) {
+    const V = j, c = A(), N = o(() => ({ width: m(i.value) })), T = o(() => ({
+      left: m(i.value),
+      transform: `translateX(-${m(i.value)})`
+    })), R = () => {
+      V("change", i.value), x();
+    }, z = (t) => {
+      i.value = t, V("change", i.value), x();
+    }, M = E("thumbPopover"), x = () => {
+      var t;
+      (t = M.value) == null || t.showPopover();
+    }, k = () => {
+      var t;
+      (t = M.value) == null || t.hidePopover();
+    }, i = D(e, "modelValue"), n = o(() => {
+      const t = Math.max(
+        (String(e.step).split(".")[1] || "").length,
+        (String(e.min).split(".")[1] || "").length,
+        (String(e.max).split(".")[1] || "").length
+      );
+      return Math.pow(10, t);
+    }), v = o(() => {
+      if (e.max <= e.min || e.step <= 0)
+        return [];
+      const t = [], l = e.min * n.value, a = e.max * n.value, u = e.step * n.value;
+      for (let y = l; y <= a; y += u)
+        t.push(y / n.value);
+      return t;
+    }), f = (t) => t >= e.min && t <= e.max && v.value.includes(t), w = o(() => {
+      var t, l;
+      if (e.marks.length) {
+        if (typeof e.marks[0] == "object")
+          return e.marks.filter((a) => f(a.value));
+        {
+          const a = e.marks.filter((u) => f(u)).map((u) => ({
+            label: String(u),
+            value: u
+          }));
+          return ((t = a[0]) == null ? void 0 : t.value) !== e.min && a.unshift({ label: String(e.min), value: e.min }), ((l = a.at(-1)) == null ? void 0 : l.value) !== e.max && a.push({ label: String(e.max), value: e.max }), a;
+        }
+      }
+      return e.showMarks ? v.value.map((a) => ({
+        label: String(a),
+        value: a
+      })) : [
+        {
+          label: String(e.min),
+          value: e.min
+        },
+        {
+          label: String(e.max),
+          value: e.max
+        }
+      ];
+    }), m = (t) => `${(t - e.min) / (e.max - e.min) * 100}%`;
+    return h(() => e.max, (t) => {
+      t <= e.min && console.warn(`KSlider: max value ${t} must be greater than min value ${e.min}.`);
+    }, { immediate: !0 }), h(() => e.step, (t) => {
+      e.max > e.min && (t <= 0 || (e.max * n.value - e.min * n.value) % (t * n.value) !== 0) && console.warn(`KSlider: step value ${t} is invalid.`);
+    }, { immediate: !0 }), h(i, (t) => {
+      e.max > e.min && !f(t) && (console.warn(`KSlider: value ${t} is out of range [${v.value.join(", ")}]. Setting to min value ${e.min}.`), i.value = e.min);
+    }, { immediate: !0 }), h(() => e.marks, (t) => {
+      if (t.length) {
+        let l = [];
+        l = t.filter((a) => !f(typeof e.marks[0] == "object" ? a.value : a)), l.length && console.warn(`KSlider: marks [${l.map((a) => typeof l[0] == "object" ? a.value : a).join(", ")}] are out of range [${v.value.join(", ")}].`);
+      }
+    }, { immediate: !0 }), (t, l) => (s(), r("div", O, [
+      e.label ? (s(), F(H, q({ key: 0 }, e.labelAttributes, {
+        for: `${b(c)}-input`
+      }), {
+        default: $(() => [
+          U(S(e.label), 1)
+        ]),
+        _: 1
+      }, 16, ["for"])) : L("", !0),
+      d("div", Q, [
+        d("span", {
+          "aria-hidden": "true",
+          class: B(["lower-range-track", { "is-disabled": e.disabled }]),
+          style: g(N.value)
+        }, null, 6),
+        W(J, {
+          ref: "thumbPopover",
+          "aria-hidden": "true",
+          disabled: e.disabled || !e.showValue,
+          "hide-close-icon": "",
+          placement: "top",
+          "popover-timeout": 500,
+          trigger: "hover",
+          width: "auto"
+        }, {
+          content: $(() => [
+            d("span", Y, S(i.value), 1)
+          ]),
+          default: $(() => [
+            d("span", {
+              class: B(["thumb", { "is-disabled": e.disabled }]),
+              style: g(T.value)
+            }, null, 6)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        X(d("input", {
+          id: `${b(c)}-input`,
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
+          "data-testid": "slider-input",
+          disabled: e.disabled,
+          list: `${b(c)}-markers`,
+          max: e.max,
+          min: e.min,
+          step: e.step,
+          type: "range",
+          onBlur: k,
+          onFocus: x,
+          onInput: R,
+          onMouseup: k,
+          onTouchend: k
+        }, null, 40, Z), [
+          [
+            G,
+            i.value,
+            void 0,
+            { number: !0 }
+          ]
+        ]),
+        d("datalist", {
+          id: `${b(c)}-markers`,
+          "data-testid": "slider-datalist-marks"
+        }, [
+          (s(!0), r(C, null, K(w.value, (a) => (s(), r("option", {
+            key: `datalist-mark-${a.value}`,
+            "data-testid": `datalist-mark-${a.value}`,
+            label: a.label,
+            style: g({ left: m(a.value) }),
+            value: a.value
+          }, null, 12, _))), 128))
+        ], 8, p),
+        d("div", ee, [
+          (s(!0), r(C, null, K(w.value, (a) => (s(), r("span", {
+            key: `mark-${a.value}`,
+            "data-testid": `mark-${a.value}`,
+            role: "button",
+            style: g({ left: m(a.value) }),
+            onClick: (u) => z(a.value)
+          }, S(a.label || a.value), 13, te))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ne as default
+};

package/dist/kongponents.es166.js

@@ -1,11 +1,22 @@
-function i(t, o) {
-  let e;
-  return (...u) => {
-    clearTimeout(e), e = window == null ? void 0 : window.setTimeout(() => {
-      t(...u);
-    }, o);
-  };
+async function l(o) {
+  var n, a;
+  if (navigator.clipboard)
+    try {
+      return await navigator.clipboard.writeText(o), !0;
+    } catch {
+    }
+  const e = document == null ? void 0 : document.createElement("textarea");
+  e && (e.style.position = "fixed", e.style.top = "0", e.style.left = "0", e.style.width = "32px", e.style.height = "32px", e.style.padding = "0", e.style.border = "none", e.style.outline = "none", e.style.boxShadow = "none", e.style.background = "transparent", e.value = o, (n = document == null ? void 0 : document.body) == null || n.appendChild(e), e.focus(), e.select());
+  let t;
+  try {
+    t = document == null ? void 0 : document.execCommand("copy");
+  } catch {
+    t = !1;
+  } finally {
+    (a = document == null ? void 0 : document.body) == null || a.removeChild(e);
+  }
+  return t;
 }
 export {
-  i as debounce
+  l as copyTextToClipboard
 };

package/dist/kongponents.es167.js

@@ -1,10 +1,11 @@
-const t = (r) => {
-  try {
-    return new URL(r), !0;
-  } catch {
-    return !1;
-  }
-};
+function i(t, o) {
+  let e;
+  return (...u) => {
+    clearTimeout(e), e = window == null ? void 0 : window.setTimeout(() => {
+      t(...u);
+    }, o);
+  };
+}
 export {
-  t as isValidUrl
+  i as debounce
 };

package/dist/kongponents.es168.js

@@ -1,6 +1,10 @@
-function p(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
+const t = (r) => {
+  try {
+    return new URL(r), !0;
+  } catch {
+    return !1;
+  }
+};
 export {
-  p as sanitizeInput
+  t as isValidUrl
 };

package/dist/kongponents.es169.js

@@ -1,5 +1,6 @@
-const z = 15, g = (S, e) => S.pageSize ? S.pageSize : e.initialPageSize ? e.initialPageSize : e.pageSizes && Array.isArray(e.pageSizes) && e.pageSizes.length ? e.pageSizes[0] : 15;
+function p(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
 export {
-  z as DEFAULT_PAGE_SIZE,
-  g as getInitialPageSize
+  p as sanitizeInput
 };

package/dist/kongponents.es170.js

@@ -1,11 +1,5 @@
-import { urlAlphabet as l } from "./kongponents.es239.js";
-let o = (t = 21) => {
-  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
-  for (; t--; )
-    e += l[r[t] & 63];
-  return e;
-};
+const z = 15, g = (S, e) => S.pageSize ? S.pageSize : e.initialPageSize ? e.initialPageSize : e.pageSizes && Array.isArray(e.pageSizes) && e.pageSizes.length ? e.pageSizes[0] : 15;
 export {
-  o as nanoid,
-  l as urlAlphabet
+  z as DEFAULT_PAGE_SIZE,
+  g as getInitialPageSize
 };

package/dist/kongponents.es171.js

@@ -1,121 +1,11 @@
-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.es259.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"]));
-  }
-});
+import { urlAlphabet as l } from "./kongponents.es240.js";
+let o = (t = 21) => {
+  let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
+  for (; t--; )
+    e += l[r[t] & 63];
+  return e;
+};
 export {
-  z as default
+  o as nanoid,
+  l as urlAlphabet
 };