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

package/dist/kongponents.es105.js

@@ -1,8 +1,8 @@
 import { defineComponent as T, useSlots as b, useId as K, computed as u, createElementBlock as i, openBlock as o, normalizeClass as f, createElementVNode as l, createCommentVNode as s, renderSlot as n, createBlock as y, resolveDynamicComponent as N, unref as k, createTextVNode as $, toDisplayString as c, createVNode as O, withCtx as d, Fragment as S, renderList as D } from "vue";
-import v from "./kongponents.es223.js";
-import R from "./kongponents.es172.js";
-import U from "./kongponents.es205.js";
-import A from "./kongponents.es212.js";
+import v from "./kongponents.es216.js";
+import R from "./kongponents.es203.js";
+import U from "./kongponents.es184.js";
+import A from "./kongponents.es202.js";
 import { KUI_COLOR_TEXT_DECORATIVE_AQUA as L, KUI_COLOR_TEXT_NEUTRAL as w, KUI_COLOR_TEXT_WARNING as z, KUI_ICON_SIZE_60 as X } from "./kongponents.es173.js";
 import F from "./kongponents.es33.js";
 import "./kongponents.es5.js";

package/dist/kongponents.es107.js

@@ -1,17 +1,17 @@
-import { defineComponent as oe, useSlots as ue, useAttrs as ne, useId as se, computed as o, useTemplateRef as P, ref as b, watch as de, createElementBlock as m, openBlock as n, mergeProps as U, withModifiers as w, createBlock as A, createCommentVNode as B, withDirectives as ve, createSlots as j, withCtx as p, createTextVNode as K, toDisplayString as v, renderSlot as D, createElementVNode as L, normalizeClass as E, createVNode as G, vShow as ce, unref as H } from "vue";
-import fe from "./kongponents.es48.js";
-import be from "./kongponents.es46.js";
-import J from "./kongponents.es33.js";
-import me from "./kongponents.es179.js";
-import pe from "./kongponents.es194.js";
-import he from "./kongponents.es195.js";
-const ge = ["role"], ye = { class: "file-upload-input-wrapper" }, ze = {
+import { defineComponent as re, useSlots as oe, useAttrs as ue, useId as ne, computed as o, useTemplateRef as W, ref as b, watch as de, createElementBlock as m, openBlock as n, mergeProps as P, withModifiers as q, createBlock as w, createCommentVNode as A, withDirectives as se, createSlots as U, withCtx as p, createTextVNode as M, toDisplayString as v, renderSlot as B, createElementVNode as K, normalizeClass as D, createVNode as j, vShow as ve, unref as G } from "vue";
+import ce from "./kongponents.es48.js";
+import fe from "./kongponents.es46.js";
+import H from "./kongponents.es33.js";
+import be from "./kongponents.es193.js";
+import me from "./kongponents.es194.js";
+import pe from "./kongponents.es195.js";
+const he = ["role"], ge = { class: "file-upload-input-wrapper" }, ye = {
   key: 1,
   class: "file-upload-dropzone-wrapper"
-}, ke = ["aria-disabled", "aria-labelledby", "tabindex"], Se = {
+}, ze = ["aria-disabled", "aria-labelledby", "tabindex"], ke = {
   "aria-hidden": "true",
   class: "dropzone-icon"
-}, $e = { key: 0 }, Ce = { key: 1 }, Ee = /* @__PURE__ */ oe({
+}, Se = { key: 0 }, $e = { key: 1 }, De = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "KFileUpload",
   props: {
@@ -28,37 +28,37 @@ const ge = ["role"], ye = { class: "file-upload-input-wrapper" }, ze = {
     appearance: { default: "input" }
   },
   emits: ["file-added", "file-removed", "error"],
-  setup(e, { emit: O }) {
-    const c = O, Q = ue(), u = ne(), { stripRequiredLabel: X } = me(), Y = se(), F = o(() => u.id ? String(u.id) : Y), Z = o(() => {
+  setup(e, { emit: J }) {
+    const c = J, O = oe(), u = ue(), { stripRequiredLabel: Q } = be(), X = ne(), C = o(() => u.id ? String(u.id) : X), Y = o(() => {
       const l = { ...u };
       return delete l.id, l;
-    }), I = P("input"), _ = o(() => {
+    }), E = W("input"), Z = o(() => {
       var l;
-      return !!((l = e.labelAttributes) != null && l.info || Q["label-tooltip"]);
-    }), ee = o(() => X(e.label, T.value)), T = o(() => (u == null ? void 0 : u.required) !== void 0 && String(u == null ? void 0 : u.required) !== "false"), N = o(() => s.value ? "Drag & drop a file" : "No file selected"), h = b(!1), R = o(() => {
+      return !!((l = e.labelAttributes) != null && l.info || O["label-tooltip"]);
+    }), _ = o(() => Q(e.label, L.value)), L = o(() => (u == null ? void 0 : u.required) !== void 0 && String(u == null ? void 0 : u.required) !== "false"), I = o(() => d.value ? "Drag & drop a file" : "No file selected"), h = b(!1), T = o(() => {
       if (h.value) {
-        let l = "bytes", a = d.value;
-        return d.value >= 1024 && d.value < 1024 * 1024 && (a = d.value / 1024, l = "KB"), d.value >= 1024 * 1024 && (a = d.value / (1024 * 1024), l = "MB"), `File size must be less than ${a}${l}.`;
+        let l = "bytes", a = s.value;
+        return s.value >= 1024 && s.value < 1024 * 1024 && (a = s.value / 1024, l = "KB"), s.value >= 1024 * 1024 && (a = s.value / (1024 * 1024), l = "MB"), `File size must be less than ${a}${l}.`;
       }
       return "";
-    }), d = o(() => e.maxFileSize || e.maxFileSize === 0 ? e.maxFileSize : 5 * 1024 * 1024), g = o(() => k.value || h.value || e.error), f = b(0), t = b(""), y = b(null), le = P("dropzone"), ae = (l) => {
-      var S, $, C, i, q, W;
+    }), s = o(() => e.maxFileSize || e.maxFileSize === 0 ? e.maxFileSize : 5 * 1024 * 1024), g = o(() => k.value || h.value || e.error), f = b(0), t = b(""), y = b(null), ee = W("dropzone"), le = (l) => {
+      var S, $, i, x, V;
       k.value = !1;
       const a = l.target.files, r = (S = a[0]) == null ? void 0 : S.size;
-      Number(r) > d.value && (f.value++, h.value = !0, c("error", a));
-      const x = (C = ($ = I.value) == null ? void 0 : $.$el) == null ? void 0 : C.querySelector("input");
-      a.length ? (y.value = a, t.value = ((i = a[0]) == null ? void 0 : i.name) || "", c("file-added", a)) : (x.files = y.value, t.value = ((W = (q = y.value) == null ? void 0 : q[0]) == null ? void 0 : W.name) || "");
-    }, M = () => {
+      Number(r) > s.value && (f.value++, h.value = !0, c("error", a));
+      const F = (i = ($ = E.value) == null ? void 0 : $.$el) == null ? void 0 : i.querySelector("input");
+      a.length ? (y.value = a, t.value = a[0].name || "", c("file-added", a)) : (F.files = y.value, t.value = ((V = (x = y.value) == null ? void 0 : x[0]) == null ? void 0 : V.name) || "");
+    }, N = () => {
       var a, r;
       if (t.value) {
-        te();
+        ae();
         return;
       }
-      const l = (r = (a = I.value) == null ? void 0 : a.$el) == null ? void 0 : r.querySelector("input");
+      const l = (r = (a = E.value) == null ? void 0 : a.$el) == null ? void 0 : r.querySelector("input");
       l && l.click();
-    }, te = () => {
+    }, ae = () => {
       y.value = null, t.value = "", f.value++, h.value = !1, c("file-removed");
-    }, z = b(!1), k = b(!1), ie = (l) => l ? !e.accept || !Array.isArray(e.accept) || !e.accept.length ? !0 : e.accept.some((a) => {
+    }, z = b(!1), k = b(!1), te = (l) => !e.accept || !Array.isArray(e.accept) || !e.accept.length ? !0 : e.accept.some((a) => {
       if (a.startsWith("."))
         return l.name.toLowerCase().endsWith(a.toLowerCase());
       if (a.endsWith("/*")) {
@@ -66,88 +66,88 @@ const ge = ["role"], ye = { class: "file-upload-input-wrapper" }, ze = {
         return l.type.startsWith(r);
       } else
         return l.type === a;
-    }) : !1, V = o(() => k.value ? `Unsupported file type. Please upload one of the following: ${e.accept.join(", ")}` : ""), re = (l) => {
-      var a, r, x, S, $, C;
+    }), R = o(() => k.value ? `Unsupported file type. Please upload one of the following: ${e.accept.join(", ")}` : ""), ie = (l) => {
+      var a, r, F, S, $;
       if (!e.disabled) {
-        s.value ? (a = le.value) == null || a.focus() : (x = (r = I.value) == null ? void 0 : r.input) == null || x.focus(), z.value = !1;
+        d.value ? (a = ee.value) == null || a.focus() : (F = (r = E.value) == null ? void 0 : r.input) == null || F.focus(), z.value = !1;
         const i = (S = l.dataTransfer) == null ? void 0 : S.files;
         if (i && i.length) {
-          const q = ($ = i[0]) == null ? void 0 : $.size;
-          if (Number(q) > d.value) {
+          const x = ($ = i[0]) == null ? void 0 : $.size;
+          if (Number(x) > s.value) {
             f.value++, h.value = !0, c("error", i);
             return;
           }
-          ie(i[0]) ? (k.value = !1, y.value = i, t.value = ((C = i[0]) == null ? void 0 : C.name) || "", c("file-added", i)) : (k.value = !0, c("error", i));
+          te(i[0]) ? (k.value = !1, y.value = i, t.value = i[0].name || "", c("file-added", i)) : (k.value = !0, c("error", i));
         }
       }
-    }, s = o(() => e.appearance === "dropzone");
+    }, d = o(() => e.appearance === "dropzone");
     return de(() => u.id, () => {
       f.value++;
-    }, { immediate: !0 }), (l, a) => (n(), m("div", U({ class: "k-file-upload" }, Z.value, {
+    }, { immediate: !0 }), (l, a) => (n(), m("div", P({ class: "k-file-upload" }, Y.value, {
       role: e.disabled ? void 0 : "region",
-      onDragleave: a[0] || (a[0] = w((r) => z.value = !1, ["prevent"])),
-      onDragover: a[1] || (a[1] = w((r) => z.value = !0, ["prevent"])),
-      onDrop: w(re, ["prevent"])
+      onDragleave: a[0] || (a[0] = q((r) => z.value = !1, ["prevent"])),
+      onDragover: a[1] || (a[1] = q((r) => z.value = !0, ["prevent"])),
+      onDrop: q(ie, ["prevent"])
     }), [
-      e.label ? (n(), A(fe, U({ key: 0 }, e.labelAttributes, {
-        id: s.value ? `file-upload-dropzone-label-${F.value}` : void 0,
-        for: F.value,
-        required: T.value
-      }), j({
+      e.label ? (n(), w(ce, P({ key: 0 }, e.labelAttributes, {
+        id: d.value ? `file-upload-dropzone-label-${C.value}` : void 0,
+        for: C.value,
+        required: L.value
+      }), U({
         default: p(() => [
-          K(v(ee.value) + " ", 1)
+          M(v(_.value) + " ", 1)
         ]),
         _: 2
       }, [
-        _.value ? {
+        Z.value ? {
           name: "tooltip",
           fn: p(() => [
-            D(l.$slots, "label-tooltip", {}, void 0, !0)
+            B(l.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["id", "for", "required"])) : B("", !0),
-      ve(L("div", ye, [
-        s.value ? B("", !0) : (n(), m("span", {
+      ]), 1040, ["id", "for", "required"])) : A("", !0),
+      se(K("div", ge, [
+        d.value ? A("", !0) : (n(), m("span", {
           key: f.value,
-          class: E(["file-upload-input-text", { placeholder: !t.value, "has-icon": l.$slots.icon, disabled: e.disabled }])
-        }, v(t.value ? t.value : e.placeholder || N.value), 3)),
-        (n(), A(be, {
-          id: F.value,
+          class: D(["file-upload-input-text", { placeholder: !t.value, "has-icon": l.$slots.icon, disabled: e.disabled }])
+        }, v(t.value ? t.value : e.placeholder || I.value), 3)),
+        (n(), w(fe, {
+          id: C.value,
           key: f.value,
           ref: "input",
           accept: e.accept,
-          class: E(["upload-input", { dragging: z.value && !e.disabled }]),
+          class: D(["upload-input", { dragging: z.value && !e.disabled }]),
           disabled: e.disabled,
           error: g.value,
-          "error-message": e.errorMessage || V.value || R.value,
+          "error-message": e.errorMessage || R.value || T.value,
           help: e.help,
-          hidden: s.value,
-          placeholder: e.placeholder || N.value,
+          hidden: d.value,
+          placeholder: e.placeholder || I.value,
           title: "",
           type: "file",
-          onChange: ae
-        }, j({ _: 2 }, [
-          l.$slots.icon && !s.value ? {
+          onChange: le
+        }, U({ _: 2 }, [
+          l.$slots.icon && !d.value ? {
             name: "before",
             fn: p(() => [
-              D(l.$slots, "icon", {}, void 0, !0)
+              B(l.$slots, "icon", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0,
-          s.value ? void 0 : {
+          d.value ? void 0 : {
             name: "after",
             fn: p(() => [
-              G(J, {
+              j(H, {
                 appearance: "tertiary",
                 class: "file-upload-button",
                 "data-testid": "file-upload-button",
                 disabled: e.disabled,
                 size: "small",
-                onClick: M
+                onClick: N
               }, {
                 default: p(() => [
-                  K(v(t.value ? "Clear" : e.buttonText), 1)
+                  M(v(t.value ? "Clear" : e.buttonText), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -156,14 +156,14 @@ const ge = ["role"], ye = { class: "file-upload-input-wrapper" }, ze = {
           }
         ]), 1032, ["id", "accept", "class", "disabled", "error", "error-message", "help", "hidden", "placeholder"]))
       ], 512), [
-        [ce, !s.value]
+        [ve, !d.value]
       ]),
-      s.value ? (n(), m("div", ze, [
-        L("div", {
+      d.value ? (n(), m("div", ye, [
+        K("div", {
           ref: "dropzone",
           "aria-disabled": e.disabled ? "true" : void 0,
-          "aria-labelledby": e.label ? `file-upload-dropzone-label-${F.value}` : void 0,
-          class: E(["dropzone", {
+          "aria-labelledby": e.label ? `file-upload-dropzone-label-${C.value}` : void 0,
+          class: D(["dropzone", {
             dragging: z.value && !e.disabled,
             disabled: e.disabled,
             error: g.value,
@@ -172,42 +172,42 @@ const ge = ["role"], ye = { class: "file-upload-input-wrapper" }, ze = {
           "data-testid": "file-upload-dropzone",
           role: "button",
           tabindex: e.disabled ? -1 : 0,
-          onClick: M
+          onClick: N
         }, [
-          L("div", Se, [
-            D(l.$slots, "icon", {}, () => [
-              t.value ? (n(), A(H(pe), {
+          K("div", ke, [
+            B(l.$slots, "icon", {}, () => [
+              t.value ? (n(), w(G(me), {
                 key: 0,
                 decorative: ""
-              })) : (n(), A(H(he), {
+              })) : (n(), w(G(pe), {
                 key: 1,
                 decorative: ""
               }))
             ], !0)
           ]),
-          t.value ? (n(), m("span", $e, v(t.value), 1)) : (n(), m("span", Ce, v(e.placeholder || N.value), 1)),
-          G(J, {
+          t.value ? (n(), m("span", Se, v(t.value), 1)) : (n(), m("span", $e, v(e.placeholder || I.value), 1)),
+          j(H, {
             appearance: "tertiary",
             class: "file-upload-button",
             "data-testid": "file-upload-button",
             disabled: e.disabled,
-            onClick: w(M, ["stop"])
+            onClick: q(N, ["stop"])
           }, {
             default: p(() => [
-              K(v(t.value ? "Clear" : e.buttonText), 1)
+              M(v(t.value ? "Clear" : e.buttonText), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          D(l.$slots, "dropzone-footer", {}, void 0, !0)
-        ], 10, ke),
+          B(l.$slots, "dropzone-footer", {}, void 0, !0)
+        ], 10, ze),
         g.value || e.help ? (n(), m("p", {
           key: 0,
-          class: E(["help-text", { error: g.value }])
-        }, v(g.value && (e.errorMessage || V.value || R.value) || e.help), 3)) : B("", !0)
-      ])) : B("", !0)
-    ], 16, ge));
+          class: D(["help-text", { error: g.value }])
+        }, v(g.value && (e.errorMessage || R.value || T.value) || e.help), 3)) : A("", !0)
+      ])) : A("", !0)
+    ], 16, he));
   }
 });
 export {
-  Ee as default
+  De as default
 };

package/dist/kongponents.es109.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, useCssVars as ae, ref as n, watch as m, useSlots as le, useTemplateRef as re, useAttrs as oe, computed as l, useId as P, onMounted as ie, nextTick as ne, createElementBlock as c, openBlock as o, normalizeClass as K, unref as v, createBlock as V, createCommentVNode as p, createElementVNode as W, createVNode as ue, mergeProps as R, createSlots as se, withCtx as x, createTextVNode as L, toDisplayString as I, renderSlot as b, withModifiers as T, Transition as de, Fragment as ce } from "vue";
-import fe from "./kongponents.es179.js";
+import fe from "./kongponents.es193.js";
 import me from "./kongponents.es48.js";
 import { KUI_ICON_SIZE_40 as O } from "./kongponents.es173.js";
-import ve from "./kongponents.es207.js";
-import he from "./kongponents.es208.js";
+import ve from "./kongponents.es197.js";
+import he from "./kongponents.es198.js";
 const ge = ["id", "aria-describedby", "aria-invalid", "type", "value"], pe = ["aria-label"], be = ["id"], xe = /* @__PURE__ */ te({
   inheritAttrs: !1,
   __name: "KInput",

package/dist/kongponents.es113.js

@@ -1,7 +1,7 @@
 import { defineComponent as b, watch as h, useSlots as g, computed as k, useId as A, useTemplateRef as C, createElementBlock as T, openBlock as a, normalizeClass as v, renderSlot as n, createBlock as N, createCommentVNode as E, mergeProps as L, unref as o, withCtx as s, createVNode as y, createTextVNode as B, toDisplayString as x } from "vue";
 import I from "./kongponents.es24.js";
 /* empty css                 */
-import S from "./kongponents.es184.js";
+import S from "./kongponents.es196.js";
 import { KUI_COLOR_TEXT_NEUTRAL as q } from "./kongponents.es173.js";
 const K = /* @__PURE__ */ b({
   __name: "KLabel",

package/dist/kongponents.es115.js

@@ -1,10 +1,10 @@
 import { defineComponent as U, useCssVars as q, computed as r, useSlots as F, useAttrs as R, useId as P, ref as k, watch as L, nextTick as D, onMounted as j, onBeforeUnmount as X, onUnmounted as Y, createElementBlock as f, createCommentVNode as n, openBlock as i, mergeProps as G, unref as m, createElementVNode as c, normalizeClass as h, createVNode as p, withCtx as C, renderSlot as s, createTextVNode as E, toDisplayString as $, createBlock as J } from "vue";
-import { FocusTrap as Q } from "./kongponents.es213.js";
-import { useTextSelection as Z } from "./kongponents.es190.js";
+import { FocusTrap as Q } from "./kongponents.es211.js";
+import { useTextSelection as Z } from "./kongponents.es208.js";
 import I from "./kongponents.es33.js";
-import _ from "./kongponents.es201.js";
+import _ from "./kongponents.es179.js";
 import { KUI_COLOR_TEXT_NEUTRAL as ee } from "./kongponents.es173.js";
-import { normalizeSize as V } from "./kongponents.es171.js";
+import { normalizeSize as V } from "./kongponents.es186.js";
 const te = ["aria-label"], ae = {
   key: 0,
   class: "modal-header"

package/dist/kongponents.es117.js

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as $, computed as w, watch as S, nextTick as T, onMounted as V, onBeforeUnmount as K, onUnmounted as A, createElementBlock as d, createCommentVNode as c, openBlock as i, withKeys as k, createElementVNode as o, normalizeClass as E, renderSlot as n, createTextVNode as a, toDisplayString as s, createVNode as r, unref as v, withCtx as y } from "vue";
 import p from "./kongponents.es33.js";
-import D from "./kongponents.es172.js";
+import D from "./kongponents.es203.js";
 import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents.es173.js";
 const _ = ["aria-label"], O = { class: "k-modal-fullscreen-body-header" }, M = {
   key: 0,

package/dist/kongponents.es119.js

@@ -1,21 +1,21 @@
 import { defineComponent as et, useCssVars as tt, computed as f, useAttrs as lt, useSlots as at, watch as V, useTemplateRef as G, ref as h, useId as Pe, nextTick as j, onMounted as ot, onBeforeUnmount as ut, resolveComponent as st, createElementBlock as b, openBlock as c, normalizeStyle as oe, normalizeClass as ue, createBlock as K, createCommentVNode as A, createElementVNode as F, mergeProps as se, createSlots as ie, withCtx as y, createTextVNode as Q, toDisplayString as E, renderSlot as q, createVNode as C, unref as k, withKeys as B, Fragment as Ve, renderList as qe, withModifiers as R } from "vue";
-import it from "./kongponents.es179.js";
+import it from "./kongponents.es193.js";
 import Z from "./kongponents.es31.js";
 import ze from "./kongponents.es46.js";
 import nt from "./kongponents.es48.js";
 import rt from "./kongponents.es53.js";
 import dt from "./kongponents.es20.js";
-import ct from "./kongponents.es218.js";
-import vt from "./kongponents.es219.js";
-import ft from "./kongponents.es216.js";
-import ne from "./kongponents.es201.js";
-import mt from "./kongponents.es203.js";
+import ct from "./kongponents.es204.js";
+import vt from "./kongponents.es205.js";
+import ft from "./kongponents.es206.js";
+import ne from "./kongponents.es179.js";
+import mt from "./kongponents.es182.js";
 import { KUI_SPACE_40 as pt, KUI_ICON_SIZE_40 as re } from "./kongponents.es173.js";
-import { ResizeObserverHelper as ht } from "./kongponents.es180.js";
+import { ResizeObserverHelper as ht } from "./kongponents.es207.js";
 import { sanitizeInput as gt } from "./kongponents.es168.js";
-import { useEventListener as bt } from "./kongponents.es190.js";
+import { useEventListener as bt } from "./kongponents.es208.js";
 import { getUniqueStringId as yt } from "./kongponents.es151.js";
-import { normalizeSize as Me } from "./kongponents.es171.js";
+import { normalizeSize as Me } from "./kongponents.es186.js";
 const wt = { "data-testid": "multiselect-container" }, kt = ["id", "tabindex"], Ct = { key: 0 }, St = {
   key: 1,
   class: "expanded-selection-empty"
@@ -64,7 +64,7 @@ const wt = { "data-testid": "multiselect-container" }, kt = ["id", "tabindex"],
   emits: ["selected", "input", "change", "update:modelValue", "query-change", "item-added", "item-removed"],
   setup(a, { emit: X }) {
     tt((e) => ({
-      v74cace88: We.value
+      adf0deb2: We.value
     }));
     const D = (e) => {
       const t = [];
@@ -153,7 +153,7 @@ const wt = { "data-testid": "multiselect-container" }, kt = ["id", "tabindex"],
       e.forEach((t) => {
         var l;
         const o = ((l = i.value.filter((s) => s.value === t.value)) == null ? void 0 : l[0]) || null;
-        o && (o.selected = !0, r.value.filter((s) => s.value === o.value).length || (r.value.push(o), v.value.push(o)));
+        o.selected = !0, r.value.filter((s) => s.value === o.value).length || (r.value.push(o), v.value.push(o));
       }), P();
     }, Ze = (e, t = !1) => {
       const o = new Set(e.map((l) => l.value));