@kong/kongponents 9.45.2-pr.2966.e9b6b84.0 → 9.45.3

package/dist/kongponents.es109.js

@@ -1,173 +0,0 @@
-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.es172.js";
-import me from "./kongponents.es48.js";
-import { KUI_ICON_SIZE_40 as O } from "./kongponents.es184.js";
-import ve from "./kongponents.es196.js";
-import he from "./kongponents.es197.js";
-const ge = ["id", "aria-describedby", "aria-invalid", "type", "value"], pe = ["aria-label"], be = ["id"], xe = /* @__PURE__ */ te({
-  inheritAttrs: !1,
-  __name: "KInput",
-  props: {
-    modelValue: { default: "" },
-    label: { default: "" },
-    labelAttributes: { default: () => ({}) },
-    help: { default: "" },
-    error: { type: Boolean },
-    errorMessage: { default: "" },
-    characterLimit: { default: null },
-    hasError: { type: Boolean },
-    type: { default: "text" },
-    showPasswordMaskToggle: { type: Boolean }
-  },
-  emits: ["input", "update:modelValue", "char-limit-exceeded"],
-  setup(t, { expose: H, emit: J }) {
-    ae((e) => ({
-      v468789b2: A.value,
-      v3da179ce: C.value
-    })), m(() => t.hasError, (e) => {
-      e && console.warn("KInput: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kinput");
-    }, { immediate: !0 }), m(() => t.labelAttributes.help, (e) => {
-      e && console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
-    });
-    const y = J, i = le(), U = re("inputElement"), u = n(""), h = n(!1), k = n(0), { stripRequiredLabel: z } = fe(), r = oe(), M = l(() => (r == null ? void 0 : r.required) !== void 0 && String(r == null ? void 0 : r.required) !== "false"), D = P(), $ = l(() => r.id ? String(r.id) : D), q = P(), F = l(() => z(t.label, M.value)), Z = l(() => {
-      var e;
-      return !!((e = t.labelAttributes) != null && e.info || i["label-tooltip"]);
-    }), j = l({
-      get() {
-        return t.modelValue;
-      },
-      set(e) {
-        E({ target: { value: e } });
-      }
-    }), G = l(() => {
-      const e = { ...r };
-      return delete e.class, delete e.input, delete e.onInput, e;
-    }), s = l(() => {
-      var B, N;
-      const e = ((B = u.value) == null ? void 0 : B.toString().length) || 0, a = ((N = t.modelValue) == null ? void 0 : N.toString().length) || 0;
-      let d = e;
-      return !h.value && a && (d = a), !!t.characterLimit && d > t.characterLimit;
-    }), Q = l(() => {
-      var e, a;
-      return s.value ? h.value ? `${(e = u.value) == null ? void 0 : e.toString().length} / ${t.characterLimit}` : `${(a = t.modelValue) == null ? void 0 : a.toString().length} / ${t.characterLimit}` : "";
-    }), X = l(() => !s.value && !t.error && !t.hasError && !!(t.help || i.help)), g = l(() => s.value ? Q.value : (t.error || t.hasError) && t.errorMessage ? t.errorMessage : t.help);
-    m(s, (e, a) => {
-      e !== a && (y("char-limit-exceeded", {
-        value: u.value,
-        length: u.value.length,
-        characterLimit: t.characterLimit,
-        limitExceeded: e
-      }), k.value += 1);
-    }), m(j, (e, a) => {
-      e !== a && E({ target: { value: e } });
-    });
-    const E = (e) => {
-      var d;
-      const a = JSON.parse(JSON.stringify((d = e == null ? void 0 : e.target) == null ? void 0 : d.value));
-      Y(a);
-    }, Y = (e) => {
-      u.value = e, h.value = !0, y("input", e), y("update:modelValue", e);
-    }, _ = () => u.value || h.value ? u.value : t.modelValue;
-    m(() => t.error, (e, a) => {
-      e !== a && (k.value += 1);
-    });
-    const S = n(null), w = n(null), A = n(O), C = n(O), f = n(!1), ee = l(() => t.type === "password" && f.value ? "text" : t.type);
-    return ie(async () => {
-      var e, a;
-      await ne(), (e = S.value) != null && e.offsetWidth && (A.value = S.value.offsetWidth + "px"), (a = w.value) != null && a.offsetWidth && (C.value = w.value.offsetWidth + "px");
-    }), H({
-      input: U
-    }), (e, a) => (o(), c("div", {
-      class: K(["k-input", [v(r).class, { "input-error": s.value || t.error || t.hasError }]])
-    }, [
-      t.label ? (o(), V(me, R({
-        key: 0,
-        for: $.value
-      }, t.labelAttributes, { required: M.value }), se({
-        default: x(() => [
-          L(I(F.value) + " ", 1)
-        ]),
-        _: 2
-      }, [
-        Z.value ? {
-          name: "tooltip",
-          fn: x(() => [
-            b(e.$slots, "label-tooltip", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["for", "required"])) : p("", !0),
-      W("div", {
-        class: K(["input-element-wrapper", { "has-before-content": i.before, "has-after-content": i.after || t.type === "password" && t.showPasswordMaskToggle }])
-      }, [
-        i.before ? (o(), c("div", {
-          key: 0,
-          ref_key: "beforeSlotElement",
-          ref: S,
-          class: "before-content-wrapper"
-        }, [
-          b(e.$slots, "before", {}, void 0, !0)
-        ], 512)) : p("", !0),
-        W("input", R({
-          id: $.value,
-          ref: "inputElement",
-          "aria-describedby": g.value || i.help ? v(q) : void 0,
-          "aria-invalid": t.error || t.hasError || s.value ? "true" : void 0,
-          class: "input",
-          type: ee.value
-        }, G.value, {
-          value: _(),
-          onInput: E
-        }), null, 16, ge),
-        i.after || t.type === "password" && t.showPasswordMaskToggle ? (o(), c("div", {
-          key: 1,
-          ref_key: "afterSlotElement",
-          ref: w,
-          class: "after-content-wrapper"
-        }, [
-          t.type === "password" && t.showPasswordMaskToggle ? (o(), c("button", {
-            key: 0,
-            "aria-label": `${f.value ? "Hide" : "Show"} value`,
-            class: "mask-value-toggle-button",
-            type: "button",
-            onClick: a[0] || (a[0] = T((d) => f.value = !f.value, ["stop"])),
-            onMousedown: a[1] || (a[1] = T(() => {
-            }, ["prevent"])),
-            onMouseup: a[2] || (a[2] = T(() => {
-            }, ["prevent"]))
-          }, [
-            f.value ? (o(), V(v(ve), {
-              key: 0,
-              decorative: ""
-            })) : (o(), V(v(he), {
-              key: 1,
-              decorative: ""
-            }))
-          ], 40, pe)) : b(e.$slots, "after", { key: 1 }, void 0, !0)
-        ], 512)) : p("", !0)
-      ], 2),
-      ue(de, {
-        mode: "out-in",
-        name: "kongponents-fade-transition"
-      }, {
-        default: x(() => [
-          g.value || i.help ? (o(), c("p", {
-            id: v(q),
-            key: String(k.value),
-            class: "help-text"
-          }, [
-            X.value ? b(e.$slots, "help", { key: 0 }, () => [
-              L(I(g.value), 1)
-            ], !0) : (o(), c(ce, { key: 1 }, [
-              L(I(g.value), 1)
-            ], 64))
-          ], 8, be)) : p("", !0)
-        ]),
-        _: 3
-      })
-    ], 2));
-  }
-});
-export {
-  xe as default
-};

package/dist/kongponents.es11.js

@@ -1,4 +0,0 @@
-var e = /* @__PURE__ */ ((r) => (r.Default = "default", r.Error = "error", r.Search = "search", r.Kong = "kong", r))(e || {});
-export {
-  e as EmptyStateIconVariants
-};

package/dist/kongponents.es111.js

@@ -1,83 +0,0 @@
-import { defineComponent as V, useAttrs as T, ref as B, useId as I, computed as c, resolveComponent as u, createElementBlock as K, openBlock as r, normalizeClass as b, createElementVNode as o, createVNode as C, createBlock as A, createCommentVNode as v, mergeProps as m, withCtx as f, withKeys as h, withModifiers as E, renderSlot as S, createTextVNode as N, toDisplayString as z } from "vue";
-const $ = ["id", "checked", "disabled"], L = ["aria-checked", "aria-labelledby", "tabindex"], j = {
-  inheritAttrs: !1
-}, M = /* @__PURE__ */ V({
-  ...j,
-  __name: "KInputSwitch",
-  props: {
-    modelValue: { type: Boolean },
-    size: { default: "small" },
-    label: { default: "" },
-    disabled: { type: Boolean },
-    disabledTooltipText: { default: "" },
-    tooltipAttributes: { default: () => ({}) },
-    labelBefore: { type: Boolean }
-  },
-  emits: ["change", "input", "update:modelValue"],
-  setup(e, { emit: k }) {
-    const d = k, a = T(), n = B(null), y = I(), i = c(() => a.id ? String(a.id) : y), p = c(() => {
-      if (e.disabled !== void 0 && e.disabled !== !1)
-        return a;
-      const t = Object.assign({}, a);
-      return delete t.class, delete t.disabled, t;
-    }), s = (t) => {
-      var l;
-      e.disabled || (t.type === "click" || t.type === "keyup" && t.code === "Space") && ((l = n.value) == null || l.click());
-    }, w = (t) => {
-      e.modelValue !== t.target.checked && (d("update:modelValue", t.target.checked), d("change", t.target.checked), d("input", t.target.checked));
-    };
-    return (t, l) => {
-      const g = u("KTooltip"), x = u("KLabel");
-      return r(), K("div", {
-        class: b(["k-input-switch", [e.size, { "label-before": e.labelBefore, disabled: e.disabled }, t.$attrs.class]])
-      }, [
-        o("input", m(p.value, {
-          id: i.value,
-          ref_key: "switchInputElement",
-          ref: n,
-          checked: e.modelValue,
-          disabled: e.disabled,
-          tabindex: "-1",
-          type: "checkbox",
-          onInput: w
-        }), null, 16, $),
-        C(g, m(e.disabled && e.disabledTooltipText ? e.tooltipAttributes : {}, {
-          class: "switch-control-wrapper",
-          text: e.disabled ? e.disabledTooltipText : ""
-        }), {
-          default: f(() => [
-            o("span", {
-              "aria-checked": e.modelValue,
-              "aria-labelledby": i.value,
-              class: b(["switch-control", { checked: e.modelValue, disabled: e.disabled }]),
-              "data-testid": "switch-control",
-              role: "checkbox",
-              tabindex: e.disabled ? -1 : 0,
-              onClick: s,
-              onKeydown: l[0] || (l[0] = h(E(() => {
-              }, ["prevent"]), ["space"])),
-              onKeyup: h(s, ["space"])
-            }, [...l[1] || (l[1] = [
-              o("span", { class: "switch-control-enabled-bar" }, null, -1)
-            ])], 42, L)
-          ]),
-          _: 1
-        }, 16, ["text"]),
-        e.label || t.$slots.label ? (r(), A(x, {
-          key: 0,
-          for: i.value
-        }, {
-          default: f(() => [
-            S(t.$slots, "label", {}, () => [
-              N(z(e.label), 1)
-            ], !0)
-          ]),
-          _: 3
-        }, 8, ["for"])) : v("", !0)
-      ], 2);
-    };
-  }
-});
-export {
-  M as default
-};

package/dist/kongponents.es113.js

@@ -1,74 +0,0 @@
-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.es195.js";
-import { KUI_COLOR_TEXT_NEUTRAL as q } from "./kongponents.es184.js";
-const K = /* @__PURE__ */ b({
-  __name: "KLabel",
-  props: {
-    info: { default: "" },
-    required: { type: Boolean },
-    tooltipAttributes: { default: () => ({}) },
-    help: { default: "" }
-  },
-  setup(t) {
-    h(() => t.help, (e) => {
-      e && console.warn("KLabel: `help` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel");
-    }, { immediate: !0 });
-    const c = g(), d = k(() => !!(t.help || t.info || c.tooltip)), l = A(), u = C("label"), m = [
-      /* interactive content */
-      "a[href]",
-      "audio[controls]",
-      "button",
-      "details",
-      "embed",
-      "iframe",
-      "img[usemap]",
-      'input:not([type="hidden"])',
-      "label",
-      "select",
-      "textarea",
-      "video[controls]",
-      /* elements having their own activation behavior */
-      // 'a[href]' - already included in interactive content
-      "area[href]"
-      // 'summary', - already covered as child of details
-    ].join(", ");
-    function f(e) {
-      return e.closest(m);
-    }
-    function p(e) {
-      const i = e.target, r = f(i);
-      r && r !== u.value || e.preventDefault();
-    }
-    return (e, i) => (a(), T("label", {
-      ref: "label",
-      class: v(["k-label", { required: t.required }])
-    }, [
-      n(e.$slots, "default", {}, void 0, !0),
-      d.value ? (a(), N(I, L({ key: 0 }, t.tooltipAttributes, {
-        class: "label-tooltip",
-        "tooltip-id": o(l),
-        onClick: p
-      }), {
-        content: s(() => [
-          n(e.$slots, "tooltip", {}, () => [
-            B(x(t.info || t.help), 1)
-          ], !0)
-        ]),
-        default: s(() => [
-          y(o(S), {
-            "aria-describedby": o(l),
-            class: "tooltip-trigger-icon",
-            color: `var(--kui-color-text-neutral, ${o(q)})`,
-            tabindex: "0"
-          }, null, 8, ["aria-describedby", "color"])
-        ]),
-        _: 3
-      }, 16, ["tooltip-id"])) : E("", !0)
-    ], 2));
-  }
-});
-export {
-  K as default
-};

package/dist/kongponents.es115.js

@@ -1,168 +0,0 @@
-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.es203.js";
-import { useTextSelection as Z } from "./kongponents.es204.js";
-import I from "./kongponents.es33.js";
-import _ from "./kongponents.es178.js";
-import { KUI_COLOR_TEXT_NEUTRAL as ee } from "./kongponents.es184.js";
-import { normalizeSize as V } from "./kongponents.es171.js";
-const te = ["aria-label"], ae = {
-  key: 0,
-  class: "modal-header"
-}, oe = {
-  key: 0,
-  class: "modal-title"
-}, le = { class: "modal-footer" }, ne = { class: "footer-actions" }, me = /* @__PURE__ */ U({
-  inheritAttrs: !1,
-  __name: "KModal",
-  props: {
-    visible: { type: Boolean },
-    title: { default: "" },
-    actionButtonText: { default: "Submit" },
-    actionButtonAppearance: { default: "primary" },
-    actionButtonDisabled: { type: Boolean },
-    hideCancelButton: { type: Boolean },
-    cancelButtonText: { default: "Cancel" },
-    cancelButtonAppearance: { default: "tertiary" },
-    cancelButtonDisabled: { type: Boolean },
-    tabbableOptions: { default: () => ({}) },
-    maxWidth: { default: "500px" },
-    maxHeight: { default: "calc(100vh - 200px)" },
-    closeOnBackdropClick: { type: Boolean },
-    closeOnEscape: { type: Boolean, default: !0 },
-    hideCloseIcon: { type: Boolean },
-    fullScreen: { type: Boolean },
-    inputAutofocus: { type: Boolean },
-    zIndex: { default: 1100 }
-  },
-  emits: ["proceed", "cancel"],
-  setup(t, { emit: z }) {
-    q((e) => ({
-      v5582ddaa: e.zIndex,
-      v1ae56e5d: H.value,
-      ee977890: K.value
-    }));
-    const N = z, v = F(), w = R(), W = Z(), A = `k-modal-${P()}-overflow-hidden`, d = k(null), S = k(null), H = r(() => t.fullScreen && !v.content ? "95%" : V(t.maxWidth)), K = r(() => t.fullScreen && !v.content ? "95vh" : V(t.maxHeight)), M = r(() => {
-      const e = Object.assign({}, w);
-      return delete e.class, e;
-    }), g = r(() => !!t.title || !!v.title || !t.hideCloseIcon), O = (e) => {
-      t.visible && t.closeOnEscape && e.key === "Escape" && T(!0);
-    }, T = (e = !1, a) => {
-      var o, l;
-      (e || (l = (o = a == null ? void 0 : a.target) == null ? void 0 : o.classList) != null && l.contains("modal-backdrop") && t.closeOnBackdropClick && !W.text.value) && N("cancel");
-    }, b = async (e) => {
-      var a, o;
-      e ? (await D(), await new Promise((l) => setTimeout(l, 0)), (a = d.value) == null || a.activate()) : (o = d.value) == null || o.deactivate();
-    }, y = (e) => {
-      typeof document < "u" && (e ? document == null || document.addEventListener("keydown", O) : document == null || document.removeEventListener("keydown", O));
-    }, x = () => {
-      var a, o, l;
-      const e = (l = (o = (a = d.value) == null ? void 0 : a.$el) == null ? void 0 : o.querySelector(".modal-content")) == null ? void 0 : l.querySelectorAll("input");
-      e != null && e.length && Array.from(e).every((B) => !B.disabled && !B.readOnly ? (B.focus(), !1) : !0);
-    };
-    L(() => t.visible, async (e) => {
-      var a, o;
-      e ? (await b(!0), t.inputAutofocus && x(), y(!0)) : (await b(!1), y(!1)), typeof document < "u" && ((o = (a = document == null ? void 0 : document.body) == null ? void 0 : a.classList) == null || o.toggle(A, e));
-    }, { immediate: !0 }), L(() => t.inputAutofocus, async (e) => {
-      e && (await D(), x());
-    });
-    const u = k(null);
-    return j(() => {
-      typeof document < "u" && (u.value = document.createElement("style"), u.value.textContent = `body.${A} { overflow: hidden; }`, document.head.appendChild(u.value));
-    }), X(async () => {
-      await b(!1), y(!1);
-    }), Y(() => {
-      var e;
-      (e = u.value) == null || e.remove();
-    }), (e, a) => t.visible ? (i(), f("div", G({
-      key: 0,
-      "aria-label": t.title,
-      "aria-modal": "true",
-      class: ["k-modal", [m(w).class]]
-    }, M.value, { role: "dialog" }), [
-      c("div", {
-        ref_key: "modalWrapperElement",
-        ref: S,
-        class: h(["modal-backdrop", { "modal-full-screen": t.fullScreen && !e.$slots.content }]),
-        onClick: a[3] || (a[3] = (o) => T(!1, o))
-      }, [
-        p(m(Q), {
-          ref_key: "focusTrapElement",
-          ref: d,
-          active: !1,
-          "fallback-focus": () => S.value,
-          "tabbable-options": t.tabbableOptions
-        }, {
-          default: C(() => [
-            c("div", {
-              class: h(["modal-container", { "custom-content": e.$slots.content }]),
-              tabindex: "-1"
-            }, [
-              s(e.$slots, "content", {}, () => [
-                g.value ? (i(), f("div", ae, [
-                  t.title || e.$slots.title ? (i(), f("div", oe, [
-                    s(e.$slots, "title", {}, () => [
-                      E($(t.title), 1)
-                    ], !0)
-                  ])) : n("", !0),
-                  t.hideCloseIcon ? n("", !0) : (i(), f("button", {
-                    key: 1,
-                    "aria-label": "Close",
-                    class: "close-icon",
-                    "data-testid": "modal-close-icon",
-                    type: "button",
-                    onClick: a[0] || (a[0] = (o) => e.$emit("cancel"))
-                  }, [
-                    p(m(_), {
-                      color: `var(--kui-color-text-neutral, ${m(ee)})`,
-                      decorative: ""
-                    }, null, 8, ["color"])
-                  ]))
-                ])) : n("", !0),
-                c("div", {
-                  class: h(["modal-content", { "no-header": !g.value }])
-                }, [
-                  s(e.$slots, "default", {}, void 0, !0)
-                ], 2),
-                c("div", le, [
-                  s(e.$slots, "footer", {}, () => [
-                    c("div", ne, [
-                      s(e.$slots, "footer-actions", {}, () => [
-                        t.hideCancelButton ? n("", !0) : (i(), J(I, {
-                          key: 0,
-                          appearance: t.cancelButtonAppearance,
-                          "data-testid": "modal-cancel-button",
-                          disabled: t.cancelButtonDisabled,
-                          onClick: a[1] || (a[1] = (o) => e.$emit("cancel"))
-                        }, {
-                          default: C(() => [
-                            E($(t.cancelButtonText), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["appearance", "disabled"])),
-                        p(I, {
-                          appearance: t.actionButtonAppearance,
-                          "data-testid": "modal-action-button",
-                          disabled: t.actionButtonDisabled,
-                          onClick: a[2] || (a[2] = (o) => e.$emit("proceed"))
-                        }, {
-                          default: C(() => [
-                            E($(t.actionButtonText), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["appearance", "disabled"])
-                      ], !0)
-                    ])
-                  ], !0)
-                ])
-              ], !0)
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["fallback-focus", "tabbable-options"])
-      ], 2)
-    ], 16, te)) : n("", !0);
-  }
-});
-export {
-  me as default
-};