@kong/kongponents 9.61.3 → 9.61.4

package/dist/kongponents78.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents24.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents28.cjs");exports.default=e.default;

package/dist/kongponents78.es.js

@@ -1,4 +1,4 @@
-import f from "./kongponents24.es.js";
+import f from "./kongponents28.es.js";
 export {
   f as default
 };

package/dist/kongponents79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents28.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents29.cjs");exports.default=e.default;

package/dist/kongponents79.es.js

@@ -1,4 +1,4 @@
-import f from "./kongponents28.es.js";
+import f from "./kongponents29.es.js";
 export {
   f as default
 };

package/dist/kongponents80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents29.cjs");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents6.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const d=require("./kongponents198.cjs"),m=require("./kongponents188.cjs"),p=require("./kongponents199.cjs"),l=require("./kongponents200.cjs"),k=require("./kongponents201.cjs"),f=require("./kongponents202.cjs"),i=require("./kongponents194.cjs"),g={key:0,class:"alert-icon-container"},v={class:"alert-content"},y={key:0,class:"alert-title"},I={key:1,class:"alert-message"},A=e.defineComponent({__name:"KAlert",props:{title:{default:""},message:{default:""},appearance:{default:()=>n.AlertAppearances.info},showIcon:{type:Boolean},dismissible:{type:Boolean}},emits:["dismiss"],setup(t,{emit:c}){const r=c,u=e.computed(()=>{switch(t.appearance){case n.AlertAppearances.info:return l.default;case n.AlertAppearances.success:return d.default;case n.AlertAppearances.warning:return f.default;case n.AlertAppearances.danger:return p.default;case n.AlertAppearances.decorative:return k.default;default:return l.default}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-alert",[t.appearance]])},[t.showIcon||o.$slots.icon?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(o.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value),{class:"alert-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(i.KUI_ICON_SIZE_40)})`},null,8,["size"]))])])):e.createCommentVNode("",!0),e.createElementVNode("div",v,[t.title?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.message||o.$slots.default?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(o.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.message),1)])])):e.createCommentVNode("",!0)]),t.dismissible?(e.openBlock(),e.createBlock(e.unref(m.default),{key:1,class:"alert-dismiss-icon",size:`var(--kui-icon-size-40, ${e.unref(i.KUI_ICON_SIZE_40)})`,tabindex:"0",onClick:s[0]||(s[0]=a=>r("dismiss")),onKeydown:s[1]||(s[1]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onKeyup:[s[2]||(s[2]=e.withKeys(a=>r("dismiss"),["enter"])),s[3]||(s[3]=e.withKeys(a=>r("dismiss"),["space"]))]},null,8,["size"])):e.createCommentVNode("",!0)],2))}});exports.default=A;

package/dist/kongponents80.es.js

@@ -1,4 +1,86 @@
-import f from "./kongponents29.es.js";
+import { defineComponent as g, computed as B, openBlock as s, createElementBlock as n, normalizeClass as w, renderSlot as d, createBlock as u, resolveDynamicComponent as z, unref as l, createCommentVNode as r, createElementVNode as f, toDisplayString as p, withKeys as m, withModifiers as C } from "vue";
+import { AlertAppearances as i } from "./kongponents6.es.js";
+import "./kongponents7.es.js";
+import "./kongponents12.es.js";
+import I from "./kongponents198.es.js";
+import K from "./kongponents188.es.js";
+import A from "./kongponents199.es.js";
+import v from "./kongponents200.es.js";
+import b from "./kongponents201.es.js";
+import E from "./kongponents202.es.js";
+import { KUI_ICON_SIZE_40 as $ } from "./kongponents194.es.js";
+const M = {
+  key: 0,
+  class: "alert-icon-container"
+}, N = { class: "alert-content" }, S = {
+  key: 0,
+  class: "alert-title"
+}, h = {
+  key: 1,
+  class: "alert-message"
+}, L = /* @__PURE__ */ g({
+  __name: "KAlert",
+  props: {
+    title: { default: "" },
+    message: { default: "" },
+    appearance: { default: () => i.info },
+    showIcon: { type: Boolean },
+    dismissible: { type: Boolean }
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: k }) {
+    const a = k, y = B(() => {
+      switch (e.appearance) {
+        case i.info:
+          return v;
+        case i.success:
+          return I;
+        case i.warning:
+          return E;
+        case i.danger:
+          return A;
+        case i.decorative:
+          return b;
+        default:
+          return v;
+      }
+    });
+    return (o, t) => (s(), n("div", {
+      class: w(["k-alert", [e.appearance]])
+    }, [
+      e.showIcon || o.$slots.icon ? (s(), n("div", M, [
+        d(o.$slots, "icon", {}, () => [
+          (s(), u(z(y.value), {
+            class: "alert-icon",
+            decorative: "",
+            size: `var(--kui-icon-size-40, ${l($)})`
+          }, null, 8, ["size"]))
+        ])
+      ])) : r("", !0),
+      f("div", N, [
+        e.title ? (s(), n("span", S, p(e.title), 1)) : r("", !0),
+        e.message || o.$slots.default ? (s(), n("div", h, [
+          d(o.$slots, "default", {}, () => [
+            f("p", null, p(e.message), 1)
+          ])
+        ])) : r("", !0)
+      ]),
+      e.dismissible ? (s(), u(l(K), {
+        key: 1,
+        class: "alert-dismiss-icon",
+        size: `var(--kui-icon-size-40, ${l($)})`,
+        tabindex: "0",
+        onClick: t[0] || (t[0] = (c) => a("dismiss")),
+        onKeydown: t[1] || (t[1] = m(C(() => {
+        }, ["prevent"]), ["space"])),
+        onKeyup: [
+          t[2] || (t[2] = m((c) => a("dismiss"), ["enter"])),
+          t[3] || (t[3] = m((c) => a("dismiss"), ["space"]))
+        ]
+      }, null, 8, ["size"])) : r("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  L as default
 };

package/dist/kongponents82.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t};exports.default=u;

package/dist/kongponents82.es.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/kongponents83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t};exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./kongponents30.cjs");;/* empty css                */const s=require("./kongponents7.cjs");require("./kongponents12.cjs");const c=require("./kongponents196.cjs"),f=["tabindex"],m=e.defineComponent({__name:"KBadge",props:{appearance:{default:"info"},size:{default:"medium"},tooltip:{default:""},truncationTooltip:{type:Boolean,default:!1},maxWidth:{default:"200px"},iconBefore:{type:Boolean,default:!0},tooltipAttributes:{default:()=>({})}},setup(t){e.useCssVars(o=>({v6b696ed4:l.value}));const r=e.computed(()=>Object.keys(s.BadgeMethodAppearances).includes(t.appearance)),a=e.ref(),n=e.ref(!1),l=e.computed(()=>c.normalizeSize(t.maxWidth)),u=async()=>{a.value&&(await e.nextTick(),n.value=a.value?.offsetWidth<a.value?.scrollWidth)},i=e.computed(()=>t.tooltip?t.truncationTooltip?n.value:!0:!1);return e.onMounted(()=>{u()}),(o,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-badge",[t.appearance,t.size,{method:r.value}]])},[e.createVNode(d.default,e.mergeProps({text:i.value?t.tooltip:void 0},t.tooltipAttributes),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["badge-content",{"icon-after":!t.iconBefore}]),tabindex:i.value?0:void 0},[o.$slots.icon?e.renderSlot(o.$slots,"icon",{key:0},void 0,!0):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"badgeTextElement",ref:a,class:"badge-content-wrapper"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],512)],10,f)]),_:3},16,["text"])],2))}});exports.default=m;

package/dist/kongponents83.es.js

@@ -1,9 +1,55 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+import { defineComponent as m, useCssVars as p, computed as a, ref as l, onMounted as v, openBlock as h, createElementBlock as x, normalizeClass as r, createVNode as b, mergeProps as g, withCtx as B, createElementVNode as d, renderSlot as s, createCommentVNode as T, nextTick as k } from "vue";
+import y from "./kongponents30.es.js";
+/* empty css                 */
+import { BadgeMethodAppearances as z } from "./kongponents7.es.js";
+import "./kongponents12.es.js";
+import { normalizeSize as C } from "./kongponents196.es.js";
+const W = ["tabindex"], S = /* @__PURE__ */ m({
+  __name: "KBadge",
+  props: {
+    appearance: { default: "info" },
+    size: { default: "medium" },
+    tooltip: { default: "" },
+    truncationTooltip: { type: Boolean, default: !1 },
+    maxWidth: { default: "200px" },
+    iconBefore: { type: Boolean, default: !0 },
+    tooltipAttributes: { default: () => ({}) }
+  },
+  setup(e) {
+    p((o) => ({
+      v6b696ed4: c.value
+    }));
+    const u = a(() => Object.keys(z).includes(e.appearance)), t = l(), n = l(!1), c = a(() => C(e.maxWidth)), f = async () => {
+      t.value && (await k(), n.value = t.value?.offsetWidth < t.value?.scrollWidth);
+    }, i = a(() => e.tooltip ? e.truncationTooltip ? n.value : !0 : !1);
+    return v(() => {
+      f();
+    }), (o, w) => (h(), x("div", {
+      class: r(["k-badge", [e.appearance, e.size, { method: u.value }]])
+    }, [
+      b(y, g({
+        text: i.value ? e.tooltip : void 0
+      }, e.tooltipAttributes), {
+        default: B(() => [
+          d("div", {
+            class: r(["badge-content", { "icon-after": !e.iconBefore }]),
+            tabindex: i.value ? 0 : void 0
+          }, [
+            o.$slots.icon ? s(o.$slots, "icon", { key: 0 }, void 0, !0) : T("", !0),
+            d("div", {
+              ref_key: "badgeTextElement",
+              ref: t,
+              class: "badge-content-wrapper"
+            }, [
+              s(o.$slots, "default", {}, void 0, !0)
+            ], 512)
+          ], 10, W)
+        ]),
+        _: 3
+      }, 16, ["text"])
+    ], 2));
+  }
+});
 export {
-  s as default
+  S as default
 };

package/dist/{kongponents86.cjs → kongponents85.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents192.cjs"),u={key:0,class:"breadcrumbs-icon-container"},d={class:"breadcrumbs-divider"},i=e.defineComponent({inheritAttrs:!1,__name:"KBreadcrumbs",props:{items:{},itemMaxWidth:{default:"100px"}},setup(l){const a=t=>{const o=t.title||t.text;return t.to?typeof t.to=="object"?{type:"router-link",attrs:{title:o,to:t.to}}:{type:"a",attrs:{href:t.to,title:o}}:{type:"div",attrs:{title:o}}},s=(t,o)=>t.key||`breadcrumb-${o}`;return(t,o)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({class:"k-breadcrumbs"},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(r,n)=>(e.openBlock(),e.createElementBlock("li",{key:s(r,n),class:"breadcrumbs-item-container"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a(r).type),e.mergeProps({ref_for:!0},a(r).attrs,{class:["breadcrumbs-item",{link:!!r.to}]}),{default:e.withCtx(()=>[t.$slots[`icon-${s(r,n)}`]?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(t.$slots,`icon-${s(r,n)}`,{},void 0,!0)])):e.createCommentVNode("",!0),r.text?(e.openBlock(),e.createElementBlock("span",{key:1,class:"breadcrumbs-text",style:e.normalizeStyle({maxWidth:e.unref(c.normalizeSize)(r.maxWidth??l.itemMaxWidth)})},e.toDisplayString(r.text),5)):e.createCommentVNode("",!0)]),_:2},1040,["class"])),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"divider",{},()=>[o[0]||(o[0]=e.createTextVNode(" / ",-1))],!0)])]))),128))],16))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./kongponents196.cjs"),u={key:0,class:"breadcrumbs-icon-container"},d={class:"breadcrumbs-divider"},i=e.defineComponent({inheritAttrs:!1,__name:"KBreadcrumbs",props:{items:{},itemMaxWidth:{default:"100px"}},setup(l){const a=t=>{const o=t.title||t.text;return t.to?typeof t.to=="object"?{type:"router-link",attrs:{title:o,to:t.to}}:{type:"a",attrs:{href:t.to,title:o}}:{type:"div",attrs:{title:o}}},s=(t,o)=>t.key||`breadcrumb-${o}`;return(t,o)=>(e.openBlock(),e.createElementBlock("ul",e.mergeProps({class:"k-breadcrumbs"},t.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(r,n)=>(e.openBlock(),e.createElementBlock("li",{key:s(r,n),class:"breadcrumbs-item-container"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a(r).type),e.mergeProps({ref_for:!0},a(r).attrs,{class:["breadcrumbs-item",{link:!!r.to}]}),{default:e.withCtx(()=>[t.$slots[`icon-${s(r,n)}`]?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(t.$slots,`icon-${s(r,n)}`,{},void 0,!0)])):e.createCommentVNode("",!0),r.text?(e.openBlock(),e.createElementBlock("span",{key:1,class:"breadcrumbs-text",style:e.normalizeStyle({maxWidth:e.unref(c.normalizeSize)(r.maxWidth??l.itemMaxWidth)})},e.toDisplayString(r.text),5)):e.createCommentVNode("",!0)]),_:2},1040,["class"])),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"divider",{},()=>[o[0]||(o[0]=e.createTextVNode(" / ",-1))],!0)])]))),128))],16))}});exports.default=i;

package/dist/{kongponents86.es.js → kongponents85.es.js}

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

package/dist/kongponents89.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c={class:"k-card"},n={key:0,class:"card-header"},s={key:1,class:"card-actions"},a={key:1,class:"card-content"},d={key:2,class:"card-footer"},i=e.defineComponent({__name:"KCard",props:{title:{default:""},titleTag:{default:"div"}},setup(o){const t=e.useSlots(),r=()=>!!(t.title||o.title||t.actions);return(l,u)=>(e.openBlock(),e.createElementBlock("div",c,[r()?(e.openBlock(),e.createElementBlock("div",n,[t.title||o.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.titleTag),{key:0,class:"card-title"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),_:3})):e.createCommentVNode("",!0),t.actions?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(l.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.default?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(l.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),t.footer?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});exports.default=i;

package/dist/kongponents89.es.js

@@ -0,0 +1,50 @@
+import { defineComponent as d, useSlots as c, openBlock as e, createElementBlock as o, createBlock as n, resolveDynamicComponent as u, withCtx as f, renderSlot as i, createTextVNode as m, toDisplayString as v, createCommentVNode as s } from "vue";
+const h = { class: "k-card" }, k = {
+  key: 0,
+  class: "card-header"
+}, y = {
+  key: 1,
+  class: "card-actions"
+}, _ = {
+  key: 1,
+  class: "card-content"
+}, C = {
+  key: 2,
+  class: "card-footer"
+}, p = /* @__PURE__ */ d({
+  __name: "KCard",
+  props: {
+    title: { default: "" },
+    titleTag: { default: "div" }
+  },
+  setup(a) {
+    const t = c(), l = () => !!(t.title || a.title || t.actions);
+    return (r, $) => (e(), o("div", h, [
+      l() ? (e(), o("div", k, [
+        t.title || a.title ? (e(), n(u(a.titleTag), {
+          key: 0,
+          class: "card-title"
+        }, {
+          default: f(() => [
+            i(r.$slots, "title", {}, () => [
+              m(v(a.title), 1)
+            ], !0)
+          ]),
+          _: 3
+        })) : s("", !0),
+        t.actions ? (e(), o("div", y, [
+          i(r.$slots, "actions", {}, void 0, !0)
+        ])) : s("", !0)
+      ])) : s("", !0),
+      t.default ? (e(), o("div", _, [
+        i(r.$slots, "default", {}, void 0, !0)
+      ])) : s("", !0),
+      t.footer ? (e(), o("div", C, [
+        i(r.$slots, "footer", {}, void 0, !0)
+      ])) : s("", !0)
+    ]));
+  }
+});
+export {
+  p as default
+};

package/dist/{kongponents92.cjs → kongponents91.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents205.cjs"),oe=require("./kongponents25.cjs");;/* empty css                */const $=require("./kongponents51.cjs"),M=require("./kongponents38.cjs"),ie=require("./kongponents61.cjs"),re=require("./kongponents41.cjs"),ce={class:"k-catalog"},ue={key:1,class:"catalog-toolbar","data-testid":"catalog-toolbar"},se={key:3,class:"catalog-error-state","data-testid":"catalog-error-state"},de={key:4,class:"catalog-empty-state","data-testid":"catalog-empty-state"},ge=["data-tableid"],O=15,fe=e.defineComponent({__name:"KCatalog",props:{titleTag:{default:"div"},loading:{type:Boolean},cardSize:{default:"medium"},title:{default:""},truncateDescription:{type:Boolean,default:!0},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{default:""},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:"default"},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{default:""},errorStateActionMessage:{default:""},fetcher:{type:Function},initialFetcherParams:{default:null},cacheIdentifier:{default:""},fetcherCacheKey:{default:""},searchInput:{default:""},paginationNeighbors:{default:1},paginationPageSizes:{default:()=>[15,30,50,75,100]},paginationTotalItems:{default:null},disablePaginationPageJump:{type:Boolean},disablePagination:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},paginationOffset:{type:Boolean}},emits:["card-click","error-action-click","empty-state-action-click","update:catalog-preferences","state"],setup(a,{emit:V}){const{useRequest:q,useDebounce:E,useSwrvState:x}=ne.default(),s=V,F=e.useSlots(),m=e.useId(),K=()=>{const t=a.paginationPageSizes?.[0];return t||O},o=e.ref([]),y=e.ref(0),b=e.ref(""),l=e.ref(1),i=e.ref(K()),r=e.ref(null),c=e.ref([]),S=e.computed(()=>c.value[l.value-1]),d=e.ref(null),P=e.ref(!0),k=e.ref(!1),f={page:1,pageSize:i.value,query:"",offset:null},C=e.computed(()=>(g.value||a.loading||v.value)&&!a.error),R=e.computed(()=>!C.value&&o.value&&!o.value.length),L=e.computed(()=>({pageSize:i.value})),B=e.ref(!0),G=async()=>{const t=await a.fetcher({query:a.searchInput||b.value,pageSize:i.value,page:l.value,offset:r.value});if(t==null)throw new Error("KCatalog: Fetcher did not return data correctly.");return o.value=t.data,y.value=a.paginationTotalItems||t.total||t.data?.length,a.paginationOffset&&(t.pagination?.offset?(d.value=t.pagination.offset,c.value[l.value]||c.value.push(t.pagination.offset)):d.value=null,P.value=t.pagination&&"hasNextPage"in t.pagination?!!t.pagination.hasNextPage:!0),o.value.length===0&&l.value>1&&(l.value=1,c.value=[null],r.value=null),B.value=!1,t},H=()=>{const t={...f,...a.initialFetcherParams};l.value=t.page??f.page,i.value=t.pageSize??f.pageSize,b.value=t.query??f.query,a.paginationOffset&&(r.value=t.offset,c.value.push(t.offset)),k.value=!0},j=e.computed(()=>{if(!a.fetcher||!k.value)return"";let t=m;return a.cacheIdentifier&&(t=a.cacheIdentifier),a.fetcherCacheKey&&(t+=`-${a.fetcherCacheKey}`),`k-catalog_${t}`}),z=e.ref(""),{debouncedFn:Q,generateDebouncedFn:J}=E(t=>{z.value=t},350),U=J(0),{data:w,error:D,revalidate:W,isValidating:Z}=q(()=>j.value,()=>G(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:p,hasData:X,swrvState:I}=x(w,D,Z),g=e.ref(!0),N=e.computed(()=>({hasData:X.value,state:p.value})),Y=e.computed(()=>g.value?"loading":D.value?"error":"success"),_=({page:t})=>{l.value=t},ee=({pageSize:t})=>{c.value=[null],r.value=null,i.value=t,l.value=1},te=()=>{l.value++,r.value=d.value},ae=()=>{l.value--,r.value=S.value},A=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-"),le=e.computed(()=>{if(!a.fetcher||a.disablePagination||!o.value||!o.value.length||a.error)return!1;const t=a.paginationPageSizes?.[0]??O;return a.hidePaginationWhenOptional&&l.value===1?a.paginationOffset?!!S.value||!!d.value||o.value.length>=t:y.value>t:!0});e.watch(w,t=>{t?.length&&!o.value.length&&(o.value=t)},{deep:!0,immediate:!0}),e.watch(p,()=>{switch(p.value){case I.PENDING:g.value=!0;break;case I.VALIDATING_HAS_DATA:g.value=v.value;break;default:g.value=!1;break}},{immediate:!0}),e.watch([N,Y],t=>{s("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>a.searchInput,t=>{l.value!==1&&(l.value=1),t===""?U(t):Q(t)},{immediate:!0});const v=e.ref(!1);return e.watch([z,l,i],async(t,u)=>{const n=u?.[0],h=t[0],T=t[1];h!==n&&T!==1&&(l.value=1,c.value=[null],r.value=null),k.value&&!B.value&&(v.value=!0,await W(),v.value=!1)},{deep:!0,immediate:!0}),e.watch(L,t=>{s("update:catalog-preferences",t)}),e.onMounted(()=>{H()}),(t,u)=>(e.openBlock(),e.createElementBlock("div",ce,[a.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.titleTag),{key:0,class:"catalog-title","data-testid":"catalog-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1})):e.createCommentVNode("",!0),F.toolbar?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"toolbar",{state:N.value},void 0,!0)])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(oe.default,{key:2,"card-count":4,class:"catalog-skeleton-loader","data-testid":"catalog-skeleton-loader",type:"card"})):a.error?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode($.default,{"icon-variant":"error",message:a.errorStateMessage,title:a.errorStateTitle},e.createSlots({_:2},[a.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{"data-testid":A(a.errorStateActionMessage),to:a.errorStateActionRoute?a.errorStateActionRoute:void 0,onClick:u[0]||(u[0]=n=>s("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):R.value?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode($.default,{"icon-variant":a.emptyStateIconVariant,message:a.emptyStateMessage,title:a.emptyStateTitle},e.createSlots({_:2},[a.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{appearance:a.searchInput?"tertiary":"primary","data-testid":A(a.emptyStateActionMessage),to:a.emptyStateActionRoute?a.emptyStateActionRoute:void 0,onClick:u[1]||(u[1]=n=>s("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(a.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(["catalog-page",`card-${a.cardSize}`]),"data-tableid":e.unref(m)},[e.renderSlot(t.$slots,"body",{data:o.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(n,h)=>(e.openBlock(),e.createBlock(re.default,{key:n.key?n.key:`catalog-${e.unref(m)}-item-${h}`,class:"catalog-item","data-testid":n.id?n.id:`catalog-item-${h}`,item:n,truncate:a.truncateDescription,onClick:T=>s("card-click",n)},{"card-title":e.withCtx(()=>[e.renderSlot(t.$slots,"card-title",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.title),1)],!0)]),"card-actions":e.withCtx(()=>[e.renderSlot(t.$slots,"card-actions",{item:n},void 0,!0)]),"card-body":e.withCtx(()=>[e.renderSlot(t.$slots,"card-body",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.description),1)],!0)]),_:2},1032,["data-testid","item","truncate","onClick"]))),128))],!0)],10,ge)),le.value?(e.openBlock(),e.createBlock(ie.default,{key:6,class:"card-pagination","current-page":l.value,"data-testid":"catalog-pagination","disable-page-jump":a.disablePaginationPageJump,"initial-page-size":i.value,neighbors:a.paginationNeighbors,offset:a.paginationOffset,"offset-next-button-disabled":!d.value||!P.value,"offset-previous-button-disabled":!S.value,"page-sizes":a.paginationPageSizes,"total-count":y.value,onGetNextOffset:te,onGetPreviousOffset:ae,onPageChange:_,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):e.createCommentVNode("",!0)]))}});exports.default=fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents212.cjs"),oe=require("./kongponents25.cjs");;/* empty css                */const $=require("./kongponents51.cjs"),M=require("./kongponents38.cjs"),ie=require("./kongponents61.cjs"),re=require("./kongponents41.cjs"),ce={class:"k-catalog"},ue={key:1,class:"catalog-toolbar","data-testid":"catalog-toolbar"},se={key:3,class:"catalog-error-state","data-testid":"catalog-error-state"},de={key:4,class:"catalog-empty-state","data-testid":"catalog-empty-state"},ge=["data-tableid"],O=15,fe=e.defineComponent({__name:"KCatalog",props:{titleTag:{default:"div"},loading:{type:Boolean},cardSize:{default:"medium"},title:{default:""},truncateDescription:{type:Boolean,default:!0},emptyStateTitle:{default:"No Data"},emptyStateMessage:{default:"There is no data to display."},emptyStateActionRoute:{default:""},emptyStateActionMessage:{default:""},emptyStateIconVariant:{default:"default"},error:{type:Boolean},errorStateTitle:{default:"An error occurred"},errorStateMessage:{default:"Data cannot be displayed due to an error."},errorStateActionRoute:{default:""},errorStateActionMessage:{default:""},fetcher:{type:Function},initialFetcherParams:{default:null},cacheIdentifier:{default:""},fetcherCacheKey:{default:""},searchInput:{default:""},paginationNeighbors:{default:1},paginationPageSizes:{default:()=>[15,30,50,75,100]},paginationTotalItems:{default:null},disablePaginationPageJump:{type:Boolean},disablePagination:{type:Boolean},hidePaginationWhenOptional:{type:Boolean},paginationOffset:{type:Boolean}},emits:["card-click","error-action-click","empty-state-action-click","update:catalog-preferences","state"],setup(a,{emit:V}){const{useRequest:q,useDebounce:E,useSwrvState:x}=ne.default(),s=V,F=e.useSlots(),m=e.useId(),K=()=>{const t=a.paginationPageSizes?.[0];return t||O},o=e.ref([]),y=e.ref(0),b=e.ref(""),l=e.ref(1),i=e.ref(K()),r=e.ref(null),c=e.ref([]),S=e.computed(()=>c.value[l.value-1]),d=e.ref(null),P=e.ref(!0),k=e.ref(!1),f={page:1,pageSize:i.value,query:"",offset:null},C=e.computed(()=>(g.value||a.loading||v.value)&&!a.error),R=e.computed(()=>!C.value&&o.value&&!o.value.length),L=e.computed(()=>({pageSize:i.value})),B=e.ref(!0),G=async()=>{const t=await a.fetcher({query:a.searchInput||b.value,pageSize:i.value,page:l.value,offset:r.value});if(t==null)throw new Error("KCatalog: Fetcher did not return data correctly.");return o.value=t.data,y.value=a.paginationTotalItems||t.total||t.data?.length,a.paginationOffset&&(t.pagination?.offset?(d.value=t.pagination.offset,c.value[l.value]||c.value.push(t.pagination.offset)):d.value=null,P.value=t.pagination&&"hasNextPage"in t.pagination?!!t.pagination.hasNextPage:!0),o.value.length===0&&l.value>1&&(l.value=1,c.value=[null],r.value=null),B.value=!1,t},H=()=>{const t={...f,...a.initialFetcherParams};l.value=t.page??f.page,i.value=t.pageSize??f.pageSize,b.value=t.query??f.query,a.paginationOffset&&(r.value=t.offset,c.value.push(t.offset)),k.value=!0},j=e.computed(()=>{if(!a.fetcher||!k.value)return"";let t=m;return a.cacheIdentifier&&(t=a.cacheIdentifier),a.fetcherCacheKey&&(t+=`-${a.fetcherCacheKey}`),`k-catalog_${t}`}),z=e.ref(""),{debouncedFn:Q,generateDebouncedFn:J}=E(t=>{z.value=t},350),U=J(0),{data:w,error:D,revalidate:W,isValidating:Z}=q(()=>j.value,()=>G(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:p,hasData:X,swrvState:I}=x(w,D,Z),g=e.ref(!0),N=e.computed(()=>({hasData:X.value,state:p.value})),Y=e.computed(()=>g.value?"loading":D.value?"error":"success"),_=({page:t})=>{l.value=t},ee=({pageSize:t})=>{c.value=[null],r.value=null,i.value=t,l.value=1},te=()=>{l.value++,r.value=d.value},ae=()=>{l.value--,r.value=S.value},A=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-"),le=e.computed(()=>{if(!a.fetcher||a.disablePagination||!o.value||!o.value.length||a.error)return!1;const t=a.paginationPageSizes?.[0]??O;return a.hidePaginationWhenOptional&&l.value===1?a.paginationOffset?!!S.value||!!d.value||o.value.length>=t:y.value>t:!0});e.watch(w,t=>{t?.length&&!o.value.length&&(o.value=t)},{deep:!0,immediate:!0}),e.watch(p,()=>{switch(p.value){case I.PENDING:g.value=!0;break;case I.VALIDATING_HAS_DATA:g.value=v.value;break;default:g.value=!1;break}},{immediate:!0}),e.watch([N,Y],t=>{s("state",{state:t?.[1],hasData:t?.[0]?.hasData})}),e.watch(()=>a.searchInput,t=>{l.value!==1&&(l.value=1),t===""?U(t):Q(t)},{immediate:!0});const v=e.ref(!1);return e.watch([z,l,i],async(t,u)=>{const n=u?.[0],h=t[0],T=t[1];h!==n&&T!==1&&(l.value=1,c.value=[null],r.value=null),k.value&&!B.value&&(v.value=!0,await W(),v.value=!1)},{deep:!0,immediate:!0}),e.watch(L,t=>{s("update:catalog-preferences",t)}),e.onMounted(()=>{H()}),(t,u)=>(e.openBlock(),e.createElementBlock("div",ce,[a.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.titleTag),{key:0,class:"catalog-title","data-testid":"catalog-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1})):e.createCommentVNode("",!0),F.toolbar?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"toolbar",{state:N.value},void 0,!0)])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(oe.default,{key:2,"card-count":4,class:"catalog-skeleton-loader","data-testid":"catalog-skeleton-loader",type:"card"})):a.error?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode($.default,{"icon-variant":"error",message:a.errorStateMessage,title:a.errorStateTitle},e.createSlots({_:2},[a.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{"data-testid":A(a.errorStateActionMessage),to:a.errorStateActionRoute?a.errorStateActionRoute:void 0,onClick:u[0]||(u[0]=n=>s("error-action-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.errorStateActionMessage),1)]),_:1},8,["data-testid","to"])]),key:"0"}:void 0]),1032,["message","title"])],!0)])):R.value?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode($.default,{"icon-variant":a.emptyStateIconVariant,message:a.emptyStateMessage,title:a.emptyStateTitle},e.createSlots({_:2},[a.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(M.default,{appearance:a.searchInput?"tertiary":"primary","data-testid":A(a.emptyStateActionMessage),to:a.emptyStateActionRoute?a.emptyStateActionRoute:void 0,onClick:u[1]||(u[1]=n=>s("empty-state-action-click"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"empty-state-action-icon",{},void 0,!0),e.createTextVNode(" "+e.toDisplayString(a.emptyStateActionMessage),1)]),_:3},8,["appearance","data-testid","to"])]),key:"0"}:void 0]),1032,["icon-variant","message","title"])],!0)])):(e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(["catalog-page",`card-${a.cardSize}`]),"data-tableid":e.unref(m)},[e.renderSlot(t.$slots,"body",{data:o.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(n,h)=>(e.openBlock(),e.createBlock(re.default,{key:n.key?n.key:`catalog-${e.unref(m)}-item-${h}`,class:"catalog-item","data-testid":n.id?n.id:`catalog-item-${h}`,item:n,truncate:a.truncateDescription,onClick:T=>s("card-click",n)},{"card-title":e.withCtx(()=>[e.renderSlot(t.$slots,"card-title",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.title),1)],!0)]),"card-actions":e.withCtx(()=>[e.renderSlot(t.$slots,"card-actions",{item:n},void 0,!0)]),"card-body":e.withCtx(()=>[e.renderSlot(t.$slots,"card-body",{item:n},()=>[e.createTextVNode(e.toDisplayString(n.description),1)],!0)]),_:2},1032,["data-testid","item","truncate","onClick"]))),128))],!0)],10,ge)),le.value?(e.openBlock(),e.createBlock(ie.default,{key:6,class:"card-pagination","current-page":l.value,"data-testid":"catalog-pagination","disable-page-jump":a.disablePaginationPageJump,"initial-page-size":i.value,neighbors:a.paginationNeighbors,offset:a.paginationOffset,"offset-next-button-disabled":!d.value||!P.value,"offset-previous-button-disabled":!S.value,"page-sizes":a.paginationPageSizes,"total-count":y.value,onGetNextOffset:te,onGetPreviousOffset:ae,onPageChange:_,onPageSizeChange:ee},null,8,["current-page","disable-page-jump","initial-page-size","neighbors","offset","offset-next-button-disabled","offset-previous-button-disabled","page-sizes","total-count"])):e.createCommentVNode("",!0)]))}});exports.default=fe;

package/dist/{kongponents92.es.js → kongponents91.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ye, useSlots as Se, useId as be, ref as i, computed as s, watch as v, onMounted as pe, openBlock as o, createElementBlock as m, createBlock as I, resolveDynamicComponent as ke, withCtx as r, createTextVNode as b, toDisplayString as p, createCommentVNode as T, renderSlot as u, createVNode as A, createSlots as H, unref as x, normalizeClass as Pe, Fragment as ze, renderList as Ie } from "vue";
-import Ae from "./kongponents205.es.js";
+import Ae from "./kongponents212.es.js";
 import Ce from "./kongponents25.es.js";
 /* empty css                 */
 import Q from "./kongponents51.es.js";

package/dist/kongponents95.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents207.cjs"),C=require("./kongponents208.cjs"),d=require("./kongponents194.cjs"),V=["id","aria-checked"],S={class:"checkbox-label-wrapper"},x={key:1,class:"checkbox-description"},y=e.defineComponent({inheritAttrs:!1,__name:"KCheckbox",props:{modelValue:{type:Boolean},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},error:{type:Boolean,default:!1}},emits:["change","input","update:modelValue"],setup(o,{emit:u}){const l=u,i=e.useSlots(),a=e.useAttrs(),m=e.useId(),r=e.computed(()=>a.id?String(a.id):m),n=()=>!!(o.label||i.default),h=e.computed(()=>a?.disabled!==void 0&&String(a?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),k=()=>!!i.tooltip,c=e.computed(()=>{const t={...a};return delete t.class,t.checked=o.modelValue,t.indeterminate!==void 0&&String(t.indeterminate)!=="false"&&!o.modelValue?(delete t.checked,t.indeterminate=!0):delete t.indeterminate,t}),b=()=>({disabled:h.value,"has-description":s(),"input-error":o.error}),p=e.computed(()=>c.value.indeterminate!==void 0&&String(c.value.indeterminate)!=="false");e.watch(()=>o.labelAttributes,t=>{t.help&&console.warn("KCheckbox: `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")},{immediate:!0});const f=t=>{l("change",t.target.checked),l("input",t.target.checked),l("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,b()]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":n()}])},[e.createElementVNode("input",e.mergeProps({id:r.value},c.value,{"aria-checked":o.modelValue,class:"checkbox-input",type:"checkbox",onChange:f}),null,16,V),o.modelValue?(e.openBlock(),e.createBlock(e.unref(v.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),p.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:0},o.labelAttributes,{class:"checkbox-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},[k()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=y;

package/dist/{kongponents96.es.js → kongponents95.es.js}

@@ -1,8 +1,8 @@
-import { defineComponent as w, useSlots as B, useAttrs as E, useId as K, computed as a, watch as N, openBlock as l, createElementBlock as p, normalizeClass as f, createElementVNode as o, mergeProps as v, createBlock as m, unref as s, createCommentVNode as n, createSlots as D, withCtx as g, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
+import { defineComponent as w, useSlots as B, useAttrs as E, useId as K, computed as o, watch as N, openBlock as a, createElementBlock as p, normalizeClass as f, createElementVNode as l, mergeProps as g, createBlock as m, unref as s, createCommentVNode as n, createSlots as D, withCtx as v, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
 import P from "./kongponents57.es.js";
-import T from "./kongponents214.es.js";
-import q from "./kongponents215.es.js";
-import { KUI_ICON_SIZE_40 as C } from "./kongponents189.es.js";
+import T from "./kongponents207.es.js";
+import q from "./kongponents208.es.js";
+import { KUI_ICON_SIZE_40 as C } from "./kongponents194.es.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,
   class: "checkbox-description"
@@ -18,33 +18,33 @@ const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   },
   emits: ["change", "input", "update:modelValue"],
   setup(t, { emit: V }) {
-    const r = V, c = B(), i = E(), y = K(), b = a(() => i.id ? String(i.id) : y), d = a(() => !!(t.label || c.default)), S = a(() => i?.disabled !== void 0 && String(i?.disabled) !== "false"), k = a(() => d.value && (!!t.description || !!c.description)), z = a(() => !!c.tooltip), u = a(() => {
+    const r = V, c = B(), i = E(), y = K(), b = o(() => i.id ? String(i.id) : y), d = () => !!(t.label || c.default), S = o(() => i?.disabled !== void 0 && String(i?.disabled) !== "false"), k = () => d() && (!!t.description || !!c.description), z = () => !!c.tooltip, u = o(() => {
       const e = { ...i };
       return delete e.class, e.checked = t.modelValue, e.indeterminate !== void 0 && String(e.indeterminate) !== "false" && !t.modelValue ? (delete e.checked, e.indeterminate = !0) : delete e.indeterminate, e;
-    }), A = a(() => ({
+    }), A = () => ({
       disabled: S.value,
-      "has-description": k.value,
+      "has-description": k(),
       "input-error": t.error
-    })), I = a(() => u.value.indeterminate !== void 0 && String(u.value.indeterminate) !== "false");
+    }), I = o(() => u.value.indeterminate !== void 0 && String(u.value.indeterminate) !== "false");
     N(() => t.labelAttributes, (e) => {
       e.help && console.warn("KCheckbox: `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");
     }, { immediate: !0 });
     const $ = (e) => {
       r("change", e.target.checked), r("input", e.target.checked), r("update:modelValue", e.target.checked);
     };
-    return (e, j) => (l(), p("div", {
-      class: f(["k-checkbox", [e.$attrs.class, A.value]])
+    return (e, j) => (a(), p("div", {
+      class: f(["k-checkbox", [e.$attrs.class, A()]])
     }, [
-      o("div", {
-        class: f(["checkbox-input-wrapper", { "has-label": d.value }])
+      l("div", {
+        class: f(["checkbox-input-wrapper", { "has-label": d() }])
       }, [
-        o("input", v({ id: b.value }, u.value, {
+        l("input", g({ id: b.value }, u.value, {
           "aria-checked": t.modelValue,
           class: "checkbox-input",
           type: "checkbox",
           onChange: $
         }), null, 16, O),
-        t.modelValue ? (l(), m(s(T), {
+        t.modelValue ? (a(), m(s(T), {
           key: 0,
           class: "checkbox-icon",
           "data-testid": "check-icon",
@@ -52,7 +52,7 @@ const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
           size: `var(--kui-icon-size-40, ${s(C)})`,
           tabindex: "-1"
         }, null, 8, ["size"])) : n("", !0),
-        I.value && !t.modelValue ? (l(), m(s(q), {
+        I.value && !t.modelValue ? (a(), m(s(q), {
           key: 1,
           class: "checkbox-icon",
           "data-testid": "indeterminate-icon",
@@ -61,29 +61,29 @@ const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
           tabindex: "-1"
         }, null, 8, ["size"])) : n("", !0)
       ], 2),
-      o("div", U, [
-        d.value ? (l(), m(P, v({ key: 0 }, t.labelAttributes, {
+      l("div", U, [
+        d() ? (a(), m(P, g({ key: 0 }, t.labelAttributes, {
           class: "checkbox-label",
           for: b.value
         }), D({
-          default: g(() => [
+          default: v(() => [
             h(e.$slots, "default", {}, () => [
               L(x(t.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
-          z.value ? {
+          z() ? {
             name: "tooltip",
-            fn: g(() => [
+            fn: v(() => [
               h(e.$slots, "tooltip", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["for"])) : n("", !0),
-        k.value ? (l(), p("div", Z, [
+        k() ? (a(), p("div", Z, [
           h(e.$slots, "description", {}, () => [
-            o("p", null, x(t.description), 1)
+            l("p", null, x(t.description), 1)
           ], !0)
         ])) : n("", !0)
       ])

package/dist/{kongponents98.cjs → kongponents97.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents239.cjs"),ae=require("./kongponents55.cjs"),ie=require("./kongponents177.cjs"),ce=require("./kongponents240.cjs"),h=require("./kongponents241.cjs"),re=require("./kongponents231.cjs"),ue=require("./kongponents242.cjs"),se=require("./kongponents184.cjs"),de=require("./kongponents223.cjs"),he=require("./kongponents243.cjs"),me=require("./kongponents204.cjs"),fe=require("./kongponents244.cjs"),ve=require("./kongponents213.cjs"),b=require("./kongponents189.cjs"),y=require("./kongponents44.cjs"),ge=require("./kongponents236.cjs"),ke=require("./kongponents192.cjs"),be=require("./kongponents245.cjs"),ye=["id"],Ce={key:0,class:"code-block-actions"},Ne={key:0,class:"code-block-search-results-container"},pe={key:0,class:"code-block-search-results"},Le={class:"code-block-search-actions"},we={ref:"codeBlockContent",class:"code-block-content"},Be={class:"code-block-secondary-actions"},xe=["id","href"],Ee=["innerHTML"],Me=["id","href"],Te=["innerHTML"],Ve=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(t,{emit:K}){e.useCssVars(o=>({v6e2ea4b7:_.value,v57785516:Q.value}));const m=ge.IS_MAYBE_MAC?"Option":"Alt",G=be.default(P,150,{leading:!0,trailing:!0});e.watch(()=>t.highlightedLineNumbers,o=>{typeof o=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(o)||Array.isArray(o)&&o.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const g=K,X=e.useSlots(),B=e.ref(t.query),f=e.ref(!1),s=e.ref(t.initialRegExpMode),u=e.ref(t.initialFilterMode),d=e.ref(null),c=e.ref(t.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),C=e.computed(()=>Array.from({length:t.code?.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents183.cjs"),ae=require("./kongponents55.cjs"),ie=require("./kongponents177.cjs"),ce=require("./kongponents184.cjs"),h=require("./kongponents185.cjs"),re=require("./kongponents186.cjs"),ue=require("./kongponents187.cjs"),se=require("./kongponents188.cjs"),de=require("./kongponents189.cjs"),he=require("./kongponents190.cjs"),me=require("./kongponents191.cjs"),fe=require("./kongponents192.cjs"),ve=require("./kongponents193.cjs"),b=require("./kongponents194.cjs"),y=require("./kongponents44.cjs"),ge=require("./kongponents195.cjs"),ke=require("./kongponents196.cjs"),be=require("./kongponents197.cjs"),ye=["id"],Ce={key:0,class:"code-block-actions"},Ne={key:0,class:"code-block-search-results-container"},pe={key:0,class:"code-block-search-results"},Le={class:"code-block-search-actions"},we={ref:"codeBlockContent",class:"code-block-content"},Be={class:"code-block-secondary-actions"},xe=["id","href"],Ee=["innerHTML"],Me=["id","href"],Te=["innerHTML"],Ve=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(t,{emit:K}){e.useCssVars(o=>({v6e2ea4b7:_.value,v57785516:Q.value}));const m=ge.IS_MAYBE_MAC?"Option":"Alt",G=be.default(P,150,{leading:!0,trailing:!0});e.watch(()=>t.highlightedLineNumbers,o=>{typeof o=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(o)||Array.isArray(o)&&o.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const g=K,X=e.useSlots(),B=e.ref(t.query),f=e.ref(!1),s=e.ref(t.initialRegExpMode),u=e.ref(t.initialFilterMode),d=e.ref(null),c=e.ref(t.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),C=e.computed(()=>Array.from({length:t.code?.split(`
 `).length},(o,n)=>n+1)),Q=e.computed(()=>C.value[C.value.length-1]?.toString().length+"ch"),T=e.computed(()=>t.processing||f.value),v=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>t.id.toLowerCase().replace(/\s+/g,"-"));function k(o){return`${W.value}-L${o}`}const Y=e.computed(()=>h.buildLineOffsets(t.code)),V=e.computed(()=>{if(c.value===""||a.value.length===0)return"";const o=t.code?.split(`
 `).filter((n,l)=>M.value.has(l+1)).join(`
 `);return h.highlightMatchingChars(o,c.value,s.value)}),Z=e.computed(()=>!t.singleLine&&t.searchable),J=e.computed(()=>t.singleLine?h.escapeHTMLIfNeeded(t.code).replaceAll(`

package/dist/{kongponents98.es.js → kongponents97.es.js}

@@ -1,22 +1,22 @@
 import { defineComponent as Ee, useCssVars as xe, watch as T, useSlots as Te, ref as m, useTemplateRef as $, computed as d, nextTick as ne, onMounted as Be, onBeforeUnmount as Se, openBlock as i, createElementBlock as b, normalizeClass as N, createVNode as r, withCtx as c, Transition as H, unref as a, createBlock as k, createCommentVNode as v, Fragment as F, createTextVNode as V, toDisplayString as w, createElementVNode as L, renderSlot as Ie, withDirectives as ae, resolveDynamicComponent as ie, normalizeProps as Re, mergeProps as ue, vShow as re } from "vue";
-import { Virtualizer as ce } from "./kongponents239.es.js";
+import { Virtualizer as ce } from "./kongponents183.es.js";
 import Ae from "./kongponents55.es.js";
 import { copyTextToClipboard as Pe } from "./kongponents177.es.js";
-import { ShortcutManager as $e } from "./kongponents240.es.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as Fe, highlightMatchingChars as Ve, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as ze } from "./kongponents241.es.js";
-import De from "./kongponents231.es.js";
-import Oe from "./kongponents242.es.js";
-import Ue from "./kongponents184.es.js";
-import je from "./kongponents223.es.js";
-import Ke from "./kongponents243.es.js";
-import Xe from "./kongponents204.es.js";
-import Ge from "./kongponents244.es.js";
-import Qe from "./kongponents213.es.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 de } from "./kongponents189.es.js";
+import { ShortcutManager as $e } from "./kongponents184.es.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as Fe, highlightMatchingChars as Ve, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as ze } from "./kongponents185.es.js";
+import De from "./kongponents186.es.js";
+import Oe from "./kongponents187.es.js";
+import Ue from "./kongponents188.es.js";
+import je from "./kongponents189.es.js";
+import Ke from "./kongponents190.es.js";
+import Xe from "./kongponents191.es.js";
+import Ge from "./kongponents192.es.js";
+import Qe from "./kongponents193.es.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 de } from "./kongponents194.es.js";
 import B from "./kongponents44.es.js";
-import { IS_MAYBE_MAC as Je } from "./kongponents236.es.js";
-import { normalizeSize as _e } from "./kongponents192.es.js";
-import et from "./kongponents245.es.js";
+import { IS_MAYBE_MAC as Je } from "./kongponents195.es.js";
+import { normalizeSize as _e } from "./kongponents196.es.js";
+import et from "./kongponents197.es.js";
 const tt = ["id"], ot = {
   key: 0,
   class: "code-block-actions"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.61.3",
+  "version": "9.61.4",
   "description": "Kong Component library",
   "type": "module",
   "repository": {

package/dist/kongponents103.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kongponents197.cjs"),f=require("./kongponents189.cjs"),b={class:"k-collapse"},h={class:"collapse-trigger"},C=["aria-controls","aria-expanded","aria-label"],V={key:0,class:"collapse-trigger-label","data-testid":"collapse-trigger-label"},k={key:0,class:"collapse-visible-content","data-testid":"collapse-visible-content"},S=["id"],N=e.defineComponent({__name:"KCollapse",props:{modelValue:{type:Boolean,default:!0},title:{default:""},titleTag:{default:"div"},triggerLabel:{default:""},triggerAlignment:{default:"trailing"}},emits:["toggle","update:modelValue"],setup(l,{emit:c}){const r=c,u=e.useSlots(),d=e.useId(),a=e.ref(!0),s=e.ref(!1),g=e.computed(()=>l.triggerAlignment==="trailing"),m=e.computed(()=>!!u["visible-content"]),v=e.computed({get(){return l.modelValue},set(t){i(t)}}),o=e.computed(()=>s.value?a.value:l.modelValue),i=t=>{s.value||(a.value=l.modelValue),a.value=t!==void 0?t:!a.value,s.value=!0,r("toggle",a.value),r("update:modelValue",a.value)};return e.watch(v,(t,n)=>{t!==n&&i(t)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:e.normalizeClass(["collapse-heading",{"has-trailing-trigger":g.value}])},[l.title||t.$slots.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.titleTag),{key:0,class:"collapse-title","data-testid":"collapse-title"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)],!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(t.$slots,"trigger",{isCollapsed:o.value,toggle:i},()=>[e.createElementVNode("button",{"aria-controls":e.unref(d),"aria-expanded":!o.value,"aria-label":l.triggerLabel?void 0:"Toggle content",class:"collapse-trigger-content","data-testid":"collapse-trigger-content",type:"button",onClick:n[0]||(n[0]=e.withModifiers(y=>i(),["prevent","stop"]))},[e.renderSlot(t.$slots,"trigger-content",{},()=>[e.createVNode(e.unref(p.default),{class:e.normalizeClass(["collapse-trigger-icon",{"collapse-expanded":!o.value}]),"data-testid":"collapse-trigger-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(f.KUI_ICON_SIZE_40)})`},null,8,["class","size"]),l.triggerLabel?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(l.triggerLabel),1)):e.createCommentVNode("",!0)],!0)],8,C)],!0)])],2),m.value?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"visible-content",{},void 0,!0)])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:e.unref(d),class:"collapse-hidden-content","data-testid":"collapse-hidden-content"},[e.renderSlot(t.$slots,"default",{},void 0,!0)],8,S),[[e.vShow,!o.value]])]),_:3})]))}});exports.default=N;

package/dist/kongponents114.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents211.cjs"),B=require("./kongponents212.cjs"),E=require("./kongponents213.cjs"),g=require("./kongponents188.cjs"),r=require("./kongponents189.cjs"),v=require("./kongponents38.cjs");require("./kongponents7.cjs");require("./kongponents12.cjs");const a=require("./kongponents13.cjs"),S=require("./kongponents39.cjs"),V={class:"empty-state-content"},C=["aria-hidden"],$={key:0,class:"empty-state-title"},p={key:1,class:"empty-state-message"},I={key:2,class:"empty-state-action"},h={key:0,class:"empty-state-features-container"},N={key:0,"aria-hidden":"true",class:"feature-icon"},T={class:"card-header"},q=["title"],b={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(()=>o.iconBackground?`var(--kui-color-text-decorative-aqua, ${r.KUI_COLOR_TEXT_DECORATIVE_AQUA})`:o.iconVariant===a.EmptyStateIconVariants.Error?`var(--kui-color-text-warning, ${r.KUI_COLOR_TEXT_WARNING})`:`var(--kui-color-text-neutral, ${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:`var(--kui-icon-size-60, ${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",$,[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",p,[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",I,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(v.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",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.features,(n,f)=>(e.openBlock(),e.createBlock(S.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,q)]),_:2},1024))),128))])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});exports.default=D;

package/dist/kongponents116.cjs

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

package/dist/kongponents118.cjs

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

package/dist/kongponents122.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./kongponents30.cjs");;/* empty css                */const p=require("./kongponents186.cjs"),m=require("./kongponents189.cjs"),b=e.defineComponent({__name:"KLabel",props:{info:{default:""},required:{type:Boolean},tooltipAttributes:{default:()=>({})},help:{default:""}},setup(o){e.watch(()=>o.help,t=>{t&&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 n=e.useSlots(),a=e.computed(()=>!!(o.help||o.info||n.tooltip)),l=e.useId(),u=e.useTemplateRef("label"),s=["a[href]","audio[controls]","button","details","embed","iframe","img[usemap]",'input:not([type="hidden"])',"label","select","textarea","video[controls]","area[href]"].join(", ");function c(t){return t.closest(s)}function d(t){const r=t.target,i=c(r);i&&i!==u.value||t.preventDefault()}return(t,r)=>(e.openBlock(),e.createElementBlock("label",{ref:"label",class:e.normalizeClass(["k-label",{required:o.required}])},[e.renderSlot(t.$slots,"default",{},void 0,!0),a.value?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},o.tooltipAttributes,{class:"label-tooltip","tooltip-id":e.unref(l),onClick:d}),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},()=>[e.createTextVNode(e.toDisplayString(o.info||o.help),1)],!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(p.default),{"aria-describedby":e.unref(l),class:"tooltip-trigger-icon",color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,tabindex:"0"},null,8,["aria-describedby","color"])]),_:3},16,["tooltip-id"])):e.createCommentVNode("",!0)],2))}});exports.default=b;