@kong/kongponents 9.46.9-pr.2994.0a615a7.0 → 9.46.10-pr.2995.f47d674.0

package/dist/kongponents.es415.js

@@ -1,4 +1,97 @@
-var a = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
+import { defineComponent as y, useSlots as I, computed as E, ref as k, watch as B, createElementBlock as i, openBlock as d, createCommentVNode as c, createElementVNode as m, withKeys as w, withModifiers as u, normalizeClass as n, createVNode as b, unref as o, renderSlot as p, createTextVNode as N, toDisplayString as V } from "vue";
+import { KUI_ICON_SIZE_40 as $ } from "./kongponents.es173.js";
+import K from "./kongponents.es210.js";
+import S from "./kongponents.es252.js";
+const z = ["data-testid"], T = ["aria-controls", "aria-expanded", "aria-label"], q = ["data-testid"], D = {
+  key: 0,
+  class: "tree-item-icon",
+  "data-testid": "tree-item-icon"
+}, L = {
+  class: "tree-item-label",
+  "data-testid": "tree-item-label"
+}, j = /* @__PURE__ */ y({
+  __name: "KTreeItem",
+  props: {
+    item: {},
+    disabled: { type: Boolean },
+    hideIcons: { type: Boolean },
+    collapsible: { type: Boolean },
+    initialCollapse: { type: Boolean },
+    hasChildren: { type: Boolean },
+    controlsId: {}
+  },
+  emits: ["selected", "expanded"],
+  setup(e, { expose: h, emit: v }) {
+    const s = v, g = I(), x = E(() => !e.hideIcons || !!g["item-icon"]), f = (a) => {
+      a.target && a.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select") !== null || s("selected", e.item);
+    }, t = k(!0), C = (a) => {
+      t.value = a;
+    };
+    B(() => e.initialCollapse, (a, l) => {
+      a !== l && (t.value = !a);
+    }, {
+      immediate: !0
+    });
+    const r = () => {
+      t.value = !t.value, s("expanded", t.value);
+    };
+    return h({ setExpandedValue: C, id: e.item.id }), (a, l) => (d(), i("div", {
+      class: "tree-item-wrapper",
+      "data-testid": `tree-item-wrapper-${e.item.id}`
+    }, [
+      e.collapsible && e.hasChildren ? (d(), i("span", {
+        key: 0,
+        "aria-controls": `tree-list-draggable-${e.controlsId}`,
+        "aria-expanded": t.value,
+        "aria-label": t.value ? "Collapse" : "Expand",
+        class: n(["tree-item-expanded-button", {
+          collapsed: !t.value,
+          expanded: t.value
+        }]),
+        "data-testid": "tree-item-expanded-button",
+        role: "button",
+        onClick: u(r, ["stop"]),
+        onKeyup: w(r, ["enter"])
+      }, [
+        b(o(K), {
+          class: n(["tree-item-expanded-icon", {
+            collapsed: !t.value,
+            expanded: t.value
+          }]),
+          "data-testid": "tree-item-expanded-icon",
+          decorative: "",
+          size: o($),
+          tabindex: "0"
+        }, null, 8, ["class", "size"])
+      ], 42, T)) : c("", !0),
+      m("button", {
+        class: n(["tree-item", {
+          "not-draggable": e.disabled,
+          selected: e.item.selected,
+          expanded: e.collapsible && t.value,
+          collapsed: e.collapsible && !t.value,
+          "no-children": e.collapsible && !e.hasChildren
+        }]),
+        "data-testid": `tree-item-${e.item.id}`,
+        "data-tree-item-trigger": "true",
+        draggable: "false",
+        type: "button",
+        onClick: u(f, ["prevent"])
+      }, [
+        x.value ? (d(), i("div", D, [
+          p(a.$slots, "item-icon", {}, () => [
+            b(o(S), { decorative: "" })
+          ], !0)
+        ])) : c("", !0),
+        m("div", L, [
+          p(a.$slots, "item-label", {}, () => [
+            N(V(e.item.name), 1)
+          ], !0)
+        ])
+      ], 10, q)
+    ], 8, z));
+  }
+});
 export {
-  a as default
+  j as default
 };

package/dist/kongponents.es420.js

@@ -1,4 +1,4 @@
-import r from "./kongponents.es366.js";
+import r from "./kongponents.es365.js";
 import i from "./kongponents.es469.js";
 function f(t, a) {
   var e = i(t, a);

package/dist/kongponents.es426.js

@@ -1,6 +1,6 @@
 import _ from "./kongponents.es421.js";
-import e from "./kongponents.es357.js";
-import r from "./kongponents.es304.js";
+import e from "./kongponents.es354.js";
+import r from "./kongponents.es290.js";
 var h = 200;
 function m(i, s) {
   var t = this.__data__;

package/dist/kongponents.es427.js

@@ -1,6 +1,6 @@
-import t from "./kongponents.es379.js";
+import t from "./kongponents.es378.js";
 import o from "./kongponents.es428.js";
-import r from "./kongponents.es295.js";
+import r from "./kongponents.es281.js";
 function f(e) {
   return t(e, r, o);
 }

package/dist/kongponents.es428.js

@@ -1,5 +1,5 @@
-import o from "./kongponents.es344.js";
-import a from "./kongponents.es313.js";
+import o from "./kongponents.es343.js";
+import a from "./kongponents.es299.js";
 var n = Object.prototype, l = n.propertyIsEnumerable, t = Object.getOwnPropertySymbols, m = t ? function(r) {
   return r == null ? [] : (r = Object(r), o(t(r), function(e) {
     return l.call(r, e);

package/dist/kongponents.es429.js

@@ -1,4 +1,4 @@
-import p from "./kongponents.es304.js";
+import p from "./kongponents.es290.js";
 import h from "./kongponents.es430.js";
 import r from "./kongponents.es431.js";
 function e(t) {

package/dist/kongponents.es433.js

@@ -1,5 +1,5 @@
 import D from "./kongponents.es429.js";
-import G from "./kongponents.es381.js";
+import G from "./kongponents.es380.js";
 import M from "./kongponents.es432.js";
 var x = 1, F = 2;
 function U(n, e, A, d, p, f) {

package/dist/kongponents.es434.js

@@ -1,9 +1,9 @@
-import m from "./kongponents.es343.js";
+import m from "./kongponents.es342.js";
 import t from "./kongponents.es475.js";
-import A from "./kongponents.es271.js";
+import A from "./kongponents.es257.js";
 import b from "./kongponents.es433.js";
-import o from "./kongponents.es383.js";
-import d from "./kongponents.es384.js";
+import o from "./kongponents.es382.js";
+import d from "./kongponents.es383.js";
 var L = 1, O = 2, v = "[object Boolean]", E = "[object Date]", R = "[object Error]", w = "[object Map]", B = "[object Number]", D = "[object RegExp]", P = "[object Set]", S = "[object String]", _ = "[object Symbol]", c = "[object ArrayBuffer]", x = "[object DataView]", i = m ? m.prototype : void 0, n = i ? i.valueOf : void 0;
 function N(e, a, l, s, y, u, r) {
   switch (l) {

package/dist/kongponents.es436.js

@@ -1,4 +1,4 @@
-import r from "./kongponents.es287.js";
+import r from "./kongponents.es273.js";
 var a = r["__core-js_shared__"];
 export {
   a as default

package/dist/kongponents.es439.js

@@ -1,5 +1,5 @@
-import o from "./kongponents.es391.js";
-import f from "./kongponents.es392.js";
+import o from "./kongponents.es388.js";
+import f from "./kongponents.es389.js";
 var i = 864e5;
 function u(r) {
   f(1, arguments);

package/dist/kongponents.es440.js

@@ -1,7 +1,7 @@
-import a from "./kongponents.es391.js";
+import a from "./kongponents.es388.js";
 import o from "./kongponents.es482.js";
 import m from "./kongponents.es483.js";
-import f from "./kongponents.es392.js";
+import f from "./kongponents.es389.js";
 var i = 6048e5;
 function g(e) {
   f(1, arguments);

package/dist/kongponents.es441.js

@@ -1,5 +1,5 @@
-import o from "./kongponents.es391.js";
-import T from "./kongponents.es392.js";
+import o from "./kongponents.es388.js";
+import T from "./kongponents.es389.js";
 import f from "./kongponents.es482.js";
 function O(s) {
   T(1, arguments);

package/dist/kongponents.es442.js

@@ -1,7 +1,7 @@
-import m from "./kongponents.es391.js";
+import m from "./kongponents.es388.js";
 import f from "./kongponents.es484.js";
 import o from "./kongponents.es485.js";
-import i from "./kongponents.es392.js";
+import i from "./kongponents.es389.js";
 var u = 6048e5;
 function p(t, r) {
   i(1, arguments);

package/dist/kongponents.es443.js

@@ -1,8 +1,8 @@
-import D from "./kongponents.es391.js";
-import p from "./kongponents.es392.js";
+import D from "./kongponents.es388.js";
+import p from "./kongponents.es389.js";
 import T from "./kongponents.es484.js";
-import O from "./kongponents.es390.js";
-import { getDefaultOptions as c } from "./kongponents.es399.js";
+import O from "./kongponents.es387.js";
+import { getDefaultOptions as c } from "./kongponents.es396.js";
 function h(g, e) {
   var a, i, o, l, n, s, f, u;
   p(1, arguments);

package/dist/kongponents.es446.js

@@ -1,4 +1,4 @@
-import a from "./kongponents.es400.js";
+import a from "./kongponents.es397.js";
 export {
   a as default
 };

package/dist/kongponents.es475.js

@@ -1,4 +1,4 @@
-import r from "./kongponents.es287.js";
+import r from "./kongponents.es273.js";
 var a = r.Uint8Array;
 export {
   a as default

package/dist/kongponents.es482.js

@@ -1,5 +1,5 @@
-import s from "./kongponents.es391.js";
-import f from "./kongponents.es392.js";
+import s from "./kongponents.es388.js";
+import f from "./kongponents.es389.js";
 function i(a) {
   f(1, arguments);
   var e = 1, t = s(a), r = t.getUTCDay(), o = (r < e ? 7 : 0) + r - e;

package/dist/kongponents.es483.js

@@ -1,6 +1,6 @@
 import o from "./kongponents.es441.js";
 import f from "./kongponents.es482.js";
-import u from "./kongponents.es392.js";
+import u from "./kongponents.es389.js";
 function O(e) {
   u(1, arguments);
   var t = o(e), r = /* @__PURE__ */ new Date(0);

package/dist/kongponents.es484.js

@@ -1,7 +1,7 @@
-import p from "./kongponents.es391.js";
-import w from "./kongponents.es392.js";
-import c from "./kongponents.es390.js";
-import { getDefaultOptions as k } from "./kongponents.es399.js";
+import p from "./kongponents.es388.js";
+import w from "./kongponents.es389.js";
+import c from "./kongponents.es387.js";
+import { getDefaultOptions as k } from "./kongponents.es396.js";
 function C(O, e) {
   var l, r, a, i, n, d, v, u;
   w(1, arguments);

package/dist/kongponents.es485.js

@@ -1,8 +1,8 @@
 import k from "./kongponents.es443.js";
-import W from "./kongponents.es392.js";
+import W from "./kongponents.es389.js";
 import p from "./kongponents.es484.js";
-import _ from "./kongponents.es390.js";
-import { getDefaultOptions as c } from "./kongponents.es399.js";
+import _ from "./kongponents.es387.js";
+import { getDefaultOptions as c } from "./kongponents.es396.js";
 function U(v, e) {
   var t, o, r, l, i, a, n, f;
   W(1, arguments);

package/dist/kongponents.es533.js

@@ -1,4 +1,4 @@
-import r from "./kongponents.es271.js";
+import r from "./kongponents.es257.js";
 function o(t, n) {
   for (var e = t.length; e--; )
     if (r(t[e][0], n))

package/dist/kongponents.es594.js

@@ -1,4 +1,4 @@
-import { __module as r } from "./kongponents.es606.js";
+import { __module as r } from "./kongponents.es609.js";
 var u;
 function m() {
   return u ? r.exports : (u = 1, (function(o, e) {

package/dist/kongponents.es597.js

@@ -1,4 +1,4 @@
-import { __module as u } from "./kongponents.es607.js";
+import { __module as u } from "./kongponents.es606.js";
 var n;
 function _() {
   return n ? u.exports : (n = 1, (function(d, l) {

package/dist/kongponents.es599.js

@@ -1,4 +1,4 @@
-import { __module as u } from "./kongponents.es608.js";
+import { __module as u } from "./kongponents.es607.js";
 var o;
 function b() {
   return o ? u.exports : (o = 1, (function(s, i) {

package/dist/kongponents.es600.js

@@ -1,4 +1,4 @@
-import { __module as a } from "./kongponents.es609.js";
+import { __module as a } from "./kongponents.es608.js";
 var i;
 function s() {
   return i ? a.exports : (i = 1, (function(o, r) {

package/dist/kongponents.es606.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

package/dist/kongponents.es607.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var a = { exports: {} };
 export {
-  e as __module
+  a as __module
 };

package/dist/kongponents.es608.js

@@ -1,4 +1,4 @@
-var a = { exports: {} };
+var t = { exports: {} };
 export {
-  a as __module
+  t as __module
 };

package/dist/kongponents.es609.js

@@ -1,4 +1,4 @@
-var t = { exports: {} };
+var o = { exports: {} };
 export {
-  t as __module
+  o as __module
 };

package/dist/kongponents.es72.js

@@ -2,13 +2,13 @@ import { defineComponent as g, computed as w, createElementBlock as n, openBlock
 import { AlertAppearances as o } from "./kongponents.es4.js";
 import "./kongponents.es5.js";
 import "./kongponents.es10.js";
-import z from "./kongponents.es171.js";
-import K from "./kongponents.es172.js";
-import A from "./kongponents.es173.js";
-import v from "./kongponents.es174.js";
-import b from "./kongponents.es175.js";
-import E from "./kongponents.es176.js";
-import { KUI_ICON_SIZE_40 as y } from "./kongponents.es177.js";
+import z from "./kongponents.es176.js";
+import K from "./kongponents.es177.js";
+import A from "./kongponents.es178.js";
+import v from "./kongponents.es179.js";
+import b from "./kongponents.es180.js";
+import E from "./kongponents.es181.js";
+import { KUI_ICON_SIZE_40 as y } from "./kongponents.es173.js";
 const N = {
   key: 0,
   class: "alert-icon-container"

package/dist/kongponents.es75.js

@@ -3,7 +3,7 @@ import z from "./kongponents.es24.js";
 /* empty css                 */
 import { BadgeMethodAppearances as C } from "./kongponents.es5.js";
 import "./kongponents.es10.js";
-import { normalizeSize as W } from "./kongponents.es178.js";
+import { normalizeSize as W } from "./kongponents.es171.js";
 const w = ["tabindex"], S = /* @__PURE__ */ p({
   __name: "KBadge",
   props: {

package/dist/kongponents.es77.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, createElementBlock as o, openBlock as s, mergeProps as u, Fragment as b, renderList as f, createBlock as p, createCommentVNode as c, resolveDynamicComponent as y, withCtx as k, renderSlot as d, normalizeStyle as h, unref as g, toDisplayString as $, createTextVNode as v } from "vue";
-import { normalizeSize as x } from "./kongponents.es178.js";
+import { normalizeSize as x } from "./kongponents.es171.js";
 const B = {
   key: 0,
   class: "breadcrumbs-icon-container"

package/dist/kongponents.es83.js

@@ -1,5 +1,5 @@
 import { defineComponent as Se, useSlots as be, useId as pe, ref as n, computed as r, watch as v, onMounted as ke, createElementBlock as m, openBlock as s, createBlock as I, createCommentVNode as M, resolveDynamicComponent as Pe, withCtx as u, createTextVNode as b, toDisplayString as p, renderSlot as c, createVNode as A, createSlots as x, unref as D, normalizeClass as ze, Fragment as Ie, renderList as Ae } from "vue";
-import Ce from "./kongponents.es193.js";
+import Ce from "./kongponents.es172.js";
 import $e from "./kongponents.es21.js";
 /* empty css                 */
 import Q from "./kongponents.es44.js";

package/dist/kongponents.es87.js

@@ -1,8 +1,8 @@
 import { defineComponent as z, useSlots as $, useAttrs as K, useId as N, computed as l, watch as D, createElementBlock as p, openBlock as i, normalizeClass as f, createElementVNode as o, createBlock as m, createCommentVNode as n, mergeProps as v, unref as s, createSlots as E, withCtx as g, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
 import P from "./kongponents.es48.js";
-import T from "./kongponents.es202.js";
-import q from "./kongponents.es203.js";
-import { KUI_ICON_SIZE_40 as C } from "./kongponents.es177.js";
+import T from "./kongponents.es182.js";
+import q from "./kongponents.es183.js";
+import { KUI_ICON_SIZE_40 as C } from "./kongponents.es173.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,
   class: "checkbox-description"

package/dist/kongponents.es89.js

@@ -1,22 +1,22 @@
 import { defineComponent as xe, useCssVars as Te, computed as d, watch as E, useSlots as Ee, ref as m, useTemplateRef as q, nextTick as ne, onMounted as Be, onBeforeUnmount as Se, createElementBlock as b, openBlock as i, normalizeClass as w, createCommentVNode as f, createElementVNode as k, createVNode as r, withCtx as c, Transition as $, createBlock as L, unref as a, Fragment as H, createTextVNode as F, toDisplayString as M, withDirectives as ae, renderSlot as Ie, resolveDynamicComponent as ie, normalizeProps as Re, mergeProps as ue, vShow as re } from "vue";
-import { Virtualizer as ce } from "./kongponents.es179.js";
+import { Virtualizer as ce } from "./kongponents.es200.js";
 import Ae from "./kongponents.es46.js";
 import { copyTextToClipboard as Pe } from "./kongponents.es165.js";
-import { ShortcutManager as qe } from "./kongponents.es180.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as $e, buildLineOffsets as He, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as De } from "./kongponents.es181.js";
-import Oe from "./kongponents.es182.js";
-import Ue from "./kongponents.es183.js";
-import je from "./kongponents.es172.js";
-import ze from "./kongponents.es184.js";
-import Ke from "./kongponents.es185.js";
-import Xe from "./kongponents.es186.js";
-import Ge from "./kongponents.es187.js";
-import Qe from "./kongponents.es188.js";
-import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_COLOR_TEXT_INVERSE as Ye, KUI_ICON_SIZE_30 as Ze, KUI_LINE_HEIGHT_30 as Je } from "./kongponents.es177.js";
+import { ShortcutManager as qe } from "./kongponents.es201.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as $e, buildLineOffsets as He, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as De } from "./kongponents.es202.js";
+import Oe from "./kongponents.es185.js";
+import Ue from "./kongponents.es203.js";
+import je from "./kongponents.es177.js";
+import ze from "./kongponents.es204.js";
+import Ke from "./kongponents.es205.js";
+import Xe from "./kongponents.es206.js";
+import Ge from "./kongponents.es207.js";
+import Qe from "./kongponents.es208.js";
+import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_COLOR_TEXT_INVERSE as Ye, KUI_ICON_SIZE_30 as Ze, KUI_LINE_HEIGHT_30 as Je } from "./kongponents.es173.js";
 import B from "./kongponents.es39.js";
-import { IS_MAYBE_MAC as _e } from "./kongponents.es189.js";
-import { normalizeSize as et } from "./kongponents.es178.js";
-import tt from "./kongponents.es190.js";
+import { IS_MAYBE_MAC as _e } from "./kongponents.es184.js";
+import { normalizeSize as et } from "./kongponents.es171.js";
+import tt from "./kongponents.es209.js";
 const ot = ["id"], lt = {
   key: 0,
   class: "code-block-actions"

package/dist/kongponents.es94.js

@@ -1,6 +1,6 @@
 import { defineComponent as L, useSlots as N, useId as T, ref as f, computed as n, watch as w, createElementBlock as g, openBlock as r, createElementVNode as d, createCommentVNode as v, createVNode as h, normalizeClass as b, createBlock as B, resolveDynamicComponent as D, withCtx as C, renderSlot as a, createTextVNode as z, toDisplayString as V, withModifiers as E, unref as c, Transition as A, withDirectives as K, vShow as x } from "vue";
-import M from "./kongponents.es191.js";
-import { KUI_ICON_SIZE_40 as O } from "./kongponents.es177.js";
+import M from "./kongponents.es210.js";
+import { KUI_ICON_SIZE_40 as O } from "./kongponents.es173.js";
 const U = { class: "k-collapse" }, Z = { class: "collapse-trigger" }, j = ["aria-controls", "aria-expanded", "aria-label"], q = {
   key: 0,
   class: "collapse-trigger-label",

package/dist/kongponents.es96.js

@@ -5,12 +5,12 @@ import se from "./kongponents.es56.js";
 /* empty css                  */
 import "./kongponents.es5.js";
 import { DateTimePickerModes as oe, ModeArrayCustom as me, ModeArrayRelative as ce, ModeDateOnly as ue } from "./kongponents.es10.js";
-import fe from "./kongponents.es222.js";
-import { KUI_SPACE_40 as ve, KUI_ICON_SIZE_40 as ye, KUI_COLOR_TEXT_NEUTRAL as ge } from "./kongponents.es177.js";
-import { normalizeSize as be } from "./kongponents.es178.js";
-import pe from "./kongponents.es223.js";
-import B from "./kongponents.es224.js";
-import C from "./kongponents.es225.js";
+import fe from "./kongponents.es224.js";
+import { KUI_SPACE_40 as ve, KUI_ICON_SIZE_40 as ye, KUI_COLOR_TEXT_NEUTRAL as ge } from "./kongponents.es173.js";
+import { normalizeSize as be } from "./kongponents.es171.js";
+import pe from "./kongponents.es225.js";
+import B from "./kongponents.es226.js";
+import C from "./kongponents.es227.js";
 const ke = ["tabindex"], Re = ["innerHTML"], Te = {
   key: 1,
   class: "range-display"

package/dist/kongponents.es99.js

@@ -5,8 +5,8 @@ import j from "./kongponents.es24.js";
 import G from "./kongponents.es53.js";
 import H from "./kongponents.es20.js";
 import J from "./kongponents.es43.js";
-import Q from "./kongponents.es192.js";
-import { KUI_SPACE_20 as W } from "./kongponents.es177.js";
+import Q from "./kongponents.es198.js";
+import { KUI_SPACE_20 as W } from "./kongponents.es173.js";
 const X = {
   class: "dropdown-list",
   "data-testid": "dropdown-list"

package/dist/kongponents105.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents198.cjs"),B=require("./kongponents199.cjs"),E=require("./kongponents188.cjs"),g=require("./kongponents176.cjs"),r=require("./kongponents177.cjs"),S=require("./kongponents33.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const a=require("./kongponents11.cjs"),V=require("./kongponents34.cjs"),v={class:"empty-state-content"},C=["aria-hidden"],p={key:0,class:"empty-state-title"},I={key:1,class:"empty-state-message"},h={key:2,class:"empty-state-action"},$={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},b=["title"],q={key:1,class:"empty-state-footer-container"},D=e.defineComponent({__name:"KEmptyState",props:{title:{default:""},message:{default:""},actionButtonVisible:{type:Boolean,default:!0},actionButtonText:{default:""},actionButtonDisabled:{type:Boolean},iconVariant:{default:()=>a.EmptyStateIconVariants.Default},iconBackground:{type:Boolean,default:!1},features:{default:()=>[]}},emits:["click-action"],setup(o,{emit:l}){const c=l,u=e.useSlots(),d=e.useId(),m=e.computed(()=>{switch(o.iconVariant){case a.EmptyStateIconVariants.Default:return i.default;case a.EmptyStateIconVariants.Error:return g.default;case a.EmptyStateIconVariants.Search:return E.default;case a.EmptyStateIconVariants.Kong:return B.default;default:return i.default}}),k=e.computed(()=>{if(o.iconBackground)return r.KUI_COLOR_TEXT_DECORATIVE_AQUA;switch(o.iconVariant){case a.EmptyStateIconVariants.Error:return r.KUI_COLOR_TEXT_WARNING;default:return r.KUI_COLOR_TEXT_NEUTRAL}}),y=e.computed(()=>{if(u.image)return"empty-state-image";const t="empty-state-icon";return o.iconBackground?`${t} has-background`:t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-empty-state",[o.iconVariant]])},[e.createElementVNode("div",v,[e.createElementVNode("div",{"aria-hidden":t.$slots.image?void 0:"true",class:e.normalizeClass(y.value)},[e.renderSlot(t.$slots,"image",{},()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{color:k.value,decorative:"",size:e.unref(r.KUI_ICON_SIZE_60)},null,8,["color","size"]))],!0)],!0)],10,C),o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.message||t.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.message),1)],!0)])):e.createCommentVNode("",!0),o.actionButtonVisible&&o.actionButtonText||t.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(S.default,{disabled:o.actionButtonDisabled,type:"button",onClick:s[0]||(s[0]=n=>c("click-action"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action-button-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(o.actionButtonText),1)]),_:3},8,["disabled"])],!0)])):e.createCommentVNode("",!0)]),o.features.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(V.default,{key:`feature-${e.unref(d)}-${n.key||f}`,class:"empty-state-feature-card"},{title:e.withCtx(()=>[n.key&&t.$slots[`feature-icon-${n.key}`]?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,`feature-icon-${n.key}`,{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{title:n.description},e.toDisplayString(n.description),9,b)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents229.cjs"),B=require("./kongponents195.cjs"),E=require("./kongponents208.cjs"),g=require("./kongponents181.cjs"),r=require("./kongponents173.cjs"),S=require("./kongponents33.cjs");require("./kongponents5.cjs");require("./kongponents10.cjs");const a=require("./kongponents11.cjs"),V=require("./kongponents34.cjs"),v={class:"empty-state-content"},C=["aria-hidden"],p={key:0,class:"empty-state-title"},I={key:1,class:"empty-state-message"},h={key:2,class:"empty-state-action"},$={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},b=["title"],q={key:1,class:"empty-state-footer-container"},D=e.defineComponent({__name:"KEmptyState",props:{title:{default:""},message:{default:""},actionButtonVisible:{type:Boolean,default:!0},actionButtonText:{default:""},actionButtonDisabled:{type:Boolean},iconVariant:{default:()=>a.EmptyStateIconVariants.Default},iconBackground:{type:Boolean,default:!1},features:{default:()=>[]}},emits:["click-action"],setup(o,{emit:l}){const c=l,u=e.useSlots(),d=e.useId(),m=e.computed(()=>{switch(o.iconVariant){case a.EmptyStateIconVariants.Default:return i.default;case a.EmptyStateIconVariants.Error:return g.default;case a.EmptyStateIconVariants.Search:return E.default;case a.EmptyStateIconVariants.Kong:return B.default;default:return i.default}}),k=e.computed(()=>{if(o.iconBackground)return r.KUI_COLOR_TEXT_DECORATIVE_AQUA;switch(o.iconVariant){case a.EmptyStateIconVariants.Error:return r.KUI_COLOR_TEXT_WARNING;default:return r.KUI_COLOR_TEXT_NEUTRAL}}),y=e.computed(()=>{if(u.image)return"empty-state-image";const t="empty-state-icon";return o.iconBackground?`${t} has-background`:t});return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-empty-state",[o.iconVariant]])},[e.createElementVNode("div",v,[e.createElementVNode("div",{"aria-hidden":t.$slots.image?void 0:"true",class:e.normalizeClass(y.value)},[e.renderSlot(t.$slots,"image",{},()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{color:k.value,decorative:"",size:e.unref(r.KUI_ICON_SIZE_60)},null,8,["color","size"]))],!0)],!0)],10,C),o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.message||t.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.message),1)],!0)])):e.createCommentVNode("",!0),o.actionButtonVisible&&o.actionButtonText||t.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(S.default,{disabled:o.actionButtonDisabled,type:"button",onClick:s[0]||(s[0]=n=>c("click-action"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action-button-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(o.actionButtonText),1)]),_:3},8,["disabled"])],!0)])):e.createCommentVNode("",!0)]),o.features.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(V.default,{key:`feature-${e.unref(d)}-${n.key||f}`,class:"empty-state-feature-card"},{title:e.withCtx(()=>[n.key&&t.$slots[`feature-icon-${n.key}`]?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,`feature-icon-${n.key}`,{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString(n.title),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{title:n.description},e.toDisplayString(n.description),9,b)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",q,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;

package/dist/kongponents107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents48.cjs"),U=require("./kongponents46.cjs"),$=require("./kongponents33.cjs"),j=require("./kongponents193.cjs"),O=require("./kongponents194.cjs"),G=require("./kongponents195.cjs"),H=["role"],J={class:"file-upload-input-wrapper"},Q={key:1,class:"file-upload-dropzone-wrapper"},X=["aria-disabled","aria-labelledby","tabindex"],Y={"aria-hidden":"true",class:"dropzone-icon"},Z={key:0},_={key:1},ee=e.defineComponent({inheritAttrs:!1,__name:"KFileUpload",props:{labelAttributes:{default:()=>({})},label:{default:""},help:{},buttonText:{default:"Select file"},placeholder:{default:""},accept:{},maxFileSize:{default:null},error:{type:Boolean},errorMessage:{default:""},disabled:{type:Boolean},appearance:{default:"input"}},emits:["file-added","file-removed","error"],setup(l,{emit:q}){const s=q,D=e.useSlots(),n=e.useAttrs(),{stripRequiredLabel:F}=j.default(),M=e.useId(),k=e.computed(()=>n.id?String(n.id):M),V=e.computed(()=>{const t={...n};return delete t.id,t}),z=e.useTemplateRef("input"),A=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||D["label-tooltip"])}),I=e.computed(()=>F(l.label,w.value)),w=e.computed(()=>(n==null?void 0:n.required)!==void 0&&String(n==null?void 0:n.required)!=="false"),B=e.computed(()=>u.value?"Drag & drop a file":"No file selected"),v=e.ref(!1),x=e.computed(()=>{if(v.value){let t="bytes",a=d.value;return d.value>=1024&&d.value<1024*1024&&(a=d.value/1024,t="KB"),d.value>=1024*1024&&(a=d.value/(1024*1024),t="MB"),`File size must be less than ${a}${t}.`}return""}),d=e.computed(()=>l.maxFileSize||l.maxFileSize===0?l.maxFileSize:5*1024*1024),f=e.computed(()=>b.value||v.value||l.error),c=e.ref(0),i=e.ref(""),m=e.ref(null),T=e.useTemplateRef("dropzone"),K=t=>{var h,g,o,S,N;b.value=!1;const a=t.target.files,r=(h=a[0])==null?void 0:h.size;Number(r)>d.value&&(c.value++,v.value=!0,s("error",a));const y=(o=(g=z.value)==null?void 0:g.$el)==null?void 0:o.querySelector("input");a.length?(m.value=a,i.value=a[0].name||"",s("file-added",a)):(y.files=m.value,i.value=((N=(S=m.value)==null?void 0:S[0])==null?void 0:N.name)||"")},C=()=>{var a,r;if(i.value){L();return}const t=(r=(a=z.value)==null?void 0:a.$el)==null?void 0:r.querySelector("input");t&&t.click()},L=()=>{m.value=null,i.value="",c.value++,v.value=!1,s("file-removed")},p=e.ref(!1),b=e.ref(!1),P=t=>!l.accept||!Array.isArray(l.accept)||!l.accept.length?!0:l.accept.some(a=>{if(a.startsWith("."))return t.name.toLowerCase().endsWith(a.toLowerCase());if(a.endsWith("/*")){const r=a.slice(0,-2);return t.type.startsWith(r)}else return t.type===a}),E=e.computed(()=>b.value?`Unsupported file type. Please upload one of the following: ${l.accept.join(", ")}`:""),R=t=>{var a,r,y,h,g;if(!l.disabled){u.value?(a=T.value)==null||a.focus():(y=(r=z.value)==null?void 0:r.input)==null||y.focus(),p.value=!1;const o=(h=t.dataTransfer)==null?void 0:h.files;if(o&&o.length){const S=(g=o[0])==null?void 0:g.size;if(Number(S)>d.value){c.value++,v.value=!0,s("error",o);return}P(o[0])?(b.value=!1,m.value=o,i.value=o[0].name||"",s("file-added",o)):(b.value=!0,s("error",o))}}},u=e.computed(()=>l.appearance==="dropzone");return e.watch(()=>n.id,()=>{c.value++},{immediate:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"k-file-upload"},V.value,{role:l.disabled?void 0:"region",onDragleave:a[0]||(a[0]=e.withModifiers(r=>p.value=!1,["prevent"])),onDragover:a[1]||(a[1]=e.withModifiers(r=>p.value=!0,["prevent"])),onDrop:e.withModifiers(R,["prevent"])}),[l.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0},l.labelAttributes,{id:u.value?`file-upload-dropzone-label-${k.value}`:void 0,for:k.value,required:w.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(I.value)+" ",1)]),_:2},[A.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["id","for","required"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",J,[u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:c.value,class:e.normalizeClass(["file-upload-input-text",{placeholder:!i.value,"has-icon":t.$slots.icon,disabled:l.disabled}])},e.toDisplayString(i.value?i.value:l.placeholder||B.value),3)),(e.openBlock(),e.createBlock(U.default,{id:k.value,key:c.value,ref:"input",accept:l.accept,class:e.normalizeClass(["upload-input",{dragging:p.value&&!l.disabled}]),disabled:l.disabled,error:f.value,"error-message":l.errorMessage||E.value||x.value,help:l.help,hidden:u.value,placeholder:l.placeholder||B.value,title:"",type:"file",onChange:K},e.createSlots({_:2},[t.$slots.icon&&!u.value?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},void 0,!0)]),key:"0"}:void 0,u.value?void 0:{name:"after",fn:e.withCtx(()=>[e.createVNode($.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,size:"small",onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"])]),key:"1"}]),1032,["id","accept","class","disabled","error","error-message","help","hidden","placeholder"]))],512),[[e.vShow,!u.value]]),u.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label?`file-upload-dropzone-label-${k.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:p.value&&!l.disabled,disabled:l.disabled,error:f.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:C},[e.createElementVNode("div",Y,[e.renderSlot(t.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(G.default),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(l.placeholder||B.value),1)),e.createVNode($.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,onClick:e.withModifiers(C,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"]),e.renderSlot(t.$slots,"dropzone-footer",{},void 0,!0)],10,X),f.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:f.value}])},e.toDisplayString(f.value&&(l.errorMessage||E.value||x.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,H))}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents48.cjs"),U=require("./kongponents46.cjs"),$=require("./kongponents33.cjs"),j=require("./kongponents172.cjs"),O=require("./kongponents221.cjs"),G=require("./kongponents222.cjs"),H=["role"],J={class:"file-upload-input-wrapper"},Q={key:1,class:"file-upload-dropzone-wrapper"},X=["aria-disabled","aria-labelledby","tabindex"],Y={"aria-hidden":"true",class:"dropzone-icon"},Z={key:0},_={key:1},ee=e.defineComponent({inheritAttrs:!1,__name:"KFileUpload",props:{labelAttributes:{default:()=>({})},label:{default:""},help:{},buttonText:{default:"Select file"},placeholder:{default:""},accept:{},maxFileSize:{default:null},error:{type:Boolean},errorMessage:{default:""},disabled:{type:Boolean},appearance:{default:"input"}},emits:["file-added","file-removed","error"],setup(l,{emit:q}){const s=q,D=e.useSlots(),n=e.useAttrs(),{stripRequiredLabel:F}=j.default(),M=e.useId(),k=e.computed(()=>n.id?String(n.id):M),V=e.computed(()=>{const t={...n};return delete t.id,t}),z=e.useTemplateRef("input"),A=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||D["label-tooltip"])}),I=e.computed(()=>F(l.label,w.value)),w=e.computed(()=>(n==null?void 0:n.required)!==void 0&&String(n==null?void 0:n.required)!=="false"),B=e.computed(()=>u.value?"Drag & drop a file":"No file selected"),v=e.ref(!1),x=e.computed(()=>{if(v.value){let t="bytes",a=d.value;return d.value>=1024&&d.value<1024*1024&&(a=d.value/1024,t="KB"),d.value>=1024*1024&&(a=d.value/(1024*1024),t="MB"),`File size must be less than ${a}${t}.`}return""}),d=e.computed(()=>l.maxFileSize||l.maxFileSize===0?l.maxFileSize:5*1024*1024),f=e.computed(()=>b.value||v.value||l.error),c=e.ref(0),i=e.ref(""),m=e.ref(null),T=e.useTemplateRef("dropzone"),K=t=>{var h,g,o,S,N;b.value=!1;const a=t.target.files,r=(h=a[0])==null?void 0:h.size;Number(r)>d.value&&(c.value++,v.value=!0,s("error",a));const y=(o=(g=z.value)==null?void 0:g.$el)==null?void 0:o.querySelector("input");a.length?(m.value=a,i.value=a[0].name||"",s("file-added",a)):(y.files=m.value,i.value=((N=(S=m.value)==null?void 0:S[0])==null?void 0:N.name)||"")},C=()=>{var a,r;if(i.value){L();return}const t=(r=(a=z.value)==null?void 0:a.$el)==null?void 0:r.querySelector("input");t&&t.click()},L=()=>{m.value=null,i.value="",c.value++,v.value=!1,s("file-removed")},p=e.ref(!1),b=e.ref(!1),P=t=>!l.accept||!Array.isArray(l.accept)||!l.accept.length?!0:l.accept.some(a=>{if(a.startsWith("."))return t.name.toLowerCase().endsWith(a.toLowerCase());if(a.endsWith("/*")){const r=a.slice(0,-2);return t.type.startsWith(r)}else return t.type===a}),E=e.computed(()=>b.value?`Unsupported file type. Please upload one of the following: ${l.accept.join(", ")}`:""),R=t=>{var a,r,y,h,g;if(!l.disabled){u.value?(a=T.value)==null||a.focus():(y=(r=z.value)==null?void 0:r.input)==null||y.focus(),p.value=!1;const o=(h=t.dataTransfer)==null?void 0:h.files;if(o&&o.length){const S=(g=o[0])==null?void 0:g.size;if(Number(S)>d.value){c.value++,v.value=!0,s("error",o);return}P(o[0])?(b.value=!1,m.value=o,i.value=o[0].name||"",s("file-added",o)):(b.value=!0,s("error",o))}}},u=e.computed(()=>l.appearance==="dropzone");return e.watch(()=>n.id,()=>{c.value++},{immediate:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"k-file-upload"},V.value,{role:l.disabled?void 0:"region",onDragleave:a[0]||(a[0]=e.withModifiers(r=>p.value=!1,["prevent"])),onDragover:a[1]||(a[1]=e.withModifiers(r=>p.value=!0,["prevent"])),onDrop:e.withModifiers(R,["prevent"])}),[l.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0},l.labelAttributes,{id:u.value?`file-upload-dropzone-label-${k.value}`:void 0,for:k.value,required:w.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(I.value)+" ",1)]),_:2},[A.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["id","for","required"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",J,[u.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:c.value,class:e.normalizeClass(["file-upload-input-text",{placeholder:!i.value,"has-icon":t.$slots.icon,disabled:l.disabled}])},e.toDisplayString(i.value?i.value:l.placeholder||B.value),3)),(e.openBlock(),e.createBlock(U.default,{id:k.value,key:c.value,ref:"input",accept:l.accept,class:e.normalizeClass(["upload-input",{dragging:p.value&&!l.disabled}]),disabled:l.disabled,error:f.value,"error-message":l.errorMessage||E.value||x.value,help:l.help,hidden:u.value,placeholder:l.placeholder||B.value,title:"",type:"file",onChange:K},e.createSlots({_:2},[t.$slots.icon&&!u.value?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},void 0,!0)]),key:"0"}:void 0,u.value?void 0:{name:"after",fn:e.withCtx(()=>[e.createVNode($.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,size:"small",onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"])]),key:"1"}]),1032,["id","accept","class","disabled","error","error-message","help","hidden","placeholder"]))],512),[[e.vShow,!u.value]]),u.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label?`file-upload-dropzone-label-${k.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:p.value&&!l.disabled,disabled:l.disabled,error:f.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:C},[e.createElementVNode("div",Y,[e.renderSlot(t.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(G.default),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(l.placeholder||B.value),1)),e.createVNode($.default,{appearance:"tertiary",class:"file-upload-button","data-testid":"file-upload-button",disabled:l.disabled,onClick:e.withModifiers(C,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value?"Clear":l.buttonText),1)]),_:1},8,["disabled"]),e.renderSlot(t.$slots,"dropzone-footer",{},void 0,!0)],10,X),f.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:f.value}])},e.toDisplayString(f.value&&(l.errorMessage||E.value||x.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,H))}});exports.default=ee;

package/dist/kongponents109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),O=require("./kongponents193.cjs"),R=require("./kongponents48.cjs"),V=require("./kongponents177.cjs"),D=require("./kongponents196.cjs"),U=require("./kongponents197.cjs"),z=["id","aria-describedby","aria-invalid","type","value"],H=["aria-label"],J=["id"],Z=e.defineComponent({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(l,{expose:B,emit:x}){e.useCssVars(t=>({v468789b2:y.value,v3da179ce:S.value})),e.watch(()=>l.hasError,t=>{t&&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}),e.watch(()=>l.labelAttributes.help,t=>{t&&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 f=x,o=e.useSlots(),I=e.useTemplateRef("inputElement"),n=e.ref(""),d=e.ref(!1),m=e.ref(0),{stripRequiredLabel:M}=O.default(),a=e.useAttrs(),p=e.computed(()=>(a==null?void 0:a.required)!==void 0&&String(a==null?void 0:a.required)!=="false"),T=e.useId(),k=e.computed(()=>a.id?String(a.id):T),b=e.useId(),C=e.computed(()=>M(l.label,p.value)),L=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||o["label-tooltip"])}),q=e.computed({get(){return l.modelValue},set(t){h({target:{value:t}})}}),N=e.computed(()=>{const t={...a};return delete t.class,delete t.input,delete t.onInput,t}),u=e.computed(()=>{var w,E;const t=((w=n.value)==null?void 0:w.toString().length)||0,r=((E=l.modelValue)==null?void 0:E.toString().length)||0;let i=t;return!d.value&&r&&(i=r),!!l.characterLimit&&i>l.characterLimit}),$=e.computed(()=>{var t,r;return u.value?d.value?`${(t=n.value)==null?void 0:t.toString().length} / ${l.characterLimit}`:`${(r=l.modelValue)==null?void 0:r.toString().length} / ${l.characterLimit}`:""}),P=e.computed(()=>!u.value&&!l.error&&!l.hasError&&!!(l.help||o.help)),c=e.computed(()=>u.value?$.value:(l.error||l.hasError)&&l.errorMessage?l.errorMessage:l.help);e.watch(u,(t,r)=>{t!==r&&(f("char-limit-exceeded",{value:n.value,length:n.value.length,characterLimit:l.characterLimit,limitExceeded:t}),m.value+=1)}),e.watch(q,(t,r)=>{t!==r&&h({target:{value:t}})});const h=t=>{var i;const r=JSON.parse(JSON.stringify((i=t==null?void 0:t.target)==null?void 0:i.value));A(r)},A=t=>{n.value=t,d.value=!0,f("input",t),f("update:modelValue",t)},K=()=>n.value||d.value?n.value:l.modelValue;e.watch(()=>l.error,(t,r)=>{t!==r&&(m.value+=1)});const v=e.ref(null),g=e.ref(null),y=e.ref(V.KUI_ICON_SIZE_40),S=e.ref(V.KUI_ICON_SIZE_40),s=e.ref(!1),W=e.computed(()=>l.type==="password"&&s.value?"text":l.type);return e.onMounted(async()=>{var t,r;await e.nextTick(),(t=v.value)!=null&&t.offsetWidth&&(y.value=v.value.offsetWidth+"px"),(r=g.value)!=null&&r.offsetWidth&&(S.value=g.value.offsetWidth+"px")}),B({input:I}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(a).class,{"input-error":u.value||l.error||l.hasError}]])},[l.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:k.value},l.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.value)+" ",1)]),_:2},[L.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":o.before,"has-after-content":o.after||l.type==="password"&&l.showPasswordMaskToggle}])},[o.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(t.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":c.value||o.help?e.unref(b):void 0,"aria-invalid":l.error||l.hasError||u.value?"true":void 0,class:"input",type:W.value},N.value,{value:K(),onInput:h}),null,16,z),o.after||l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:g,class:"after-content-wrapper"},[l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${s.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(i=>s.value=!s.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[s.value?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(U.default),{key:1,decorative:""}))],40,H)):e.renderSlot(t.$slots,"after",{key:1},void 0,!0)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[c.value||o.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(m.value),class:"help-text"},[P.value?e.renderSlot(t.$slots,"help",{key:0},()=>[e.createTextVNode(e.toDisplayString(c.value),1)],!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(c.value),1)],64))],8,J)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),O=require("./kongponents172.cjs"),R=require("./kongponents48.cjs"),V=require("./kongponents173.cjs"),D=require("./kongponents174.cjs"),U=require("./kongponents175.cjs"),z=["id","aria-describedby","aria-invalid","type","value"],H=["aria-label"],J=["id"],Z=e.defineComponent({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(l,{expose:B,emit:x}){e.useCssVars(t=>({v468789b2:y.value,v3da179ce:S.value})),e.watch(()=>l.hasError,t=>{t&&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}),e.watch(()=>l.labelAttributes.help,t=>{t&&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 f=x,o=e.useSlots(),I=e.useTemplateRef("inputElement"),n=e.ref(""),d=e.ref(!1),m=e.ref(0),{stripRequiredLabel:M}=O.default(),a=e.useAttrs(),p=e.computed(()=>(a==null?void 0:a.required)!==void 0&&String(a==null?void 0:a.required)!=="false"),T=e.useId(),k=e.computed(()=>a.id?String(a.id):T),b=e.useId(),C=e.computed(()=>M(l.label,p.value)),L=e.computed(()=>{var t;return!!((t=l.labelAttributes)!=null&&t.info||o["label-tooltip"])}),q=e.computed({get(){return l.modelValue},set(t){h({target:{value:t}})}}),N=e.computed(()=>{const t={...a};return delete t.class,delete t.input,delete t.onInput,t}),u=e.computed(()=>{var w,E;const t=((w=n.value)==null?void 0:w.toString().length)||0,r=((E=l.modelValue)==null?void 0:E.toString().length)||0;let i=t;return!d.value&&r&&(i=r),!!l.characterLimit&&i>l.characterLimit}),$=e.computed(()=>{var t,r;return u.value?d.value?`${(t=n.value)==null?void 0:t.toString().length} / ${l.characterLimit}`:`${(r=l.modelValue)==null?void 0:r.toString().length} / ${l.characterLimit}`:""}),P=e.computed(()=>!u.value&&!l.error&&!l.hasError&&!!(l.help||o.help)),c=e.computed(()=>u.value?$.value:(l.error||l.hasError)&&l.errorMessage?l.errorMessage:l.help);e.watch(u,(t,r)=>{t!==r&&(f("char-limit-exceeded",{value:n.value,length:n.value.length,characterLimit:l.characterLimit,limitExceeded:t}),m.value+=1)}),e.watch(q,(t,r)=>{t!==r&&h({target:{value:t}})});const h=t=>{var i;const r=JSON.parse(JSON.stringify((i=t==null?void 0:t.target)==null?void 0:i.value));A(r)},A=t=>{n.value=t,d.value=!0,f("input",t),f("update:modelValue",t)},K=()=>n.value||d.value?n.value:l.modelValue;e.watch(()=>l.error,(t,r)=>{t!==r&&(m.value+=1)});const v=e.ref(null),g=e.ref(null),y=e.ref(V.KUI_ICON_SIZE_40),S=e.ref(V.KUI_ICON_SIZE_40),s=e.ref(!1),W=e.computed(()=>l.type==="password"&&s.value?"text":l.type);return e.onMounted(async()=>{var t,r;await e.nextTick(),(t=v.value)!=null&&t.offsetWidth&&(y.value=v.value.offsetWidth+"px"),(r=g.value)!=null&&r.offsetWidth&&(S.value=g.value.offsetWidth+"px")}),B({input:I}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(a).class,{"input-error":u.value||l.error||l.hasError}]])},[l.label?(e.openBlock(),e.createBlock(R.default,e.mergeProps({key:0,for:k.value},l.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.value)+" ",1)]),_:2},[L.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":o.before,"has-after-content":o.after||l.type==="password"&&l.showPasswordMaskToggle}])},[o.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(t.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":c.value||o.help?e.unref(b):void 0,"aria-invalid":l.error||l.hasError||u.value?"true":void 0,class:"input",type:W.value},N.value,{value:K(),onInput:h}),null,16,z),o.after||l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:g,class:"after-content-wrapper"},[l.type==="password"&&l.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${s.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(i=>s.value=!s.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[s.value?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(U.default),{key:1,decorative:""}))],40,H)):e.renderSlot(t.$slots,"after",{key:1},void 0,!0)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[c.value||o.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(m.value),class:"help-text"},[P.value?e.renderSlot(t.$slots,"help",{key:0},()=>[e.createTextVNode(e.toDisplayString(c.value),1)],!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(c.value),1)],64))],8,J)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=Z;