@kong/kongponents 9.64.1 → 9.64.2

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("./kongponents229.cjs"),m=require("./kongponents185.cjs"),p=require("./kongponents230.cjs"),l=require("./kongponents189.cjs"),k=require("./kongponents231.cjs"),f=require("./kongponents218.cjs"),i=require("./kongponents186.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 "./kongponents229.es.js";
+import K from "./kongponents185.es.js";
+import A from "./kongponents230.es.js";
+import v from "./kongponents189.es.js";
+import b from "./kongponents231.es.js";
+import E from "./kongponents218.es.js";
+import { KUI_ICON_SIZE_40 as $ } from "./kongponents186.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("./kongponents187.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 "./kongponents187.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("./kongponents183.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("./kongponents187.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 "./kongponents183.es.js";
+import { normalizeSize as B } from "./kongponents187.es.js";
 const C = {
   key: 0,
   class: "breadcrumbs-icon-container"

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("./kongponents196.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("./kongponents213.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 "./kongponents196.es.js";
+import Ae from "./kongponents213.es.js";
 import Ce from "./kongponents25.es.js";
 /* empty css                 */
 import Q from "./kongponents51.es.js";

package/dist/{kongponents96.cjs → kongponents95.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents184.cjs"),C=require("./kongponents185.cjs"),d=require("./kongponents186.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents214.cjs"),C=require("./kongponents215.cjs"),d=require("./kongponents186.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,7 +1,7 @@
 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 "./kongponents184.es.js";
-import q from "./kongponents185.es.js";
+import T from "./kongponents214.es.js";
+import q from "./kongponents215.es.js";
 import { KUI_ICON_SIZE_40 as C } from "./kongponents186.es.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,

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"),U=require("./kongponents206.cjs"),le=require("./kongponents55.cjs"),ae=require("./kongponents177.cjs"),re=require("./kongponents207.cjs"),h=require("./kongponents208.cjs"),ie=require("./kongponents209.cjs"),ce=require("./kongponents210.cjs"),ue=require("./kongponents200.cjs"),se=require("./kongponents211.cjs"),de=require("./kongponents212.cjs"),he=require("./kongponents213.cjs"),fe=require("./kongponents214.cjs"),me=require("./kongponents189.cjs"),C=require("./kongponents186.cjs"),b=require("./kongponents44.cjs"),ve=require("./kongponents215.cjs"),ge=require("./kongponents183.cjs"),ke=require("./kongponents216.cjs"),be=["id"],ye={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Ce={key:0,class:"code-block-search-results"},Ne={class:"code-block-search-actions"},Le={ref:"codeBlockContent",class:"code-block-content"},we={class:"code-block-secondary-actions"},Be=["id","href"],xe=["innerHTML"],Ee=["id","href"],Me=["innerHTML"],Te=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},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v7975ecf4:_.value,v613736d3:Q.value}));const f=ve.IS_MAYBE_MAC?"Option":"Alt",G=ke.default(R,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.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(o.query),m=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),i=e.ref(o.query),x=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),N=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>Array.from({length:o.code?.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents191.cjs"),le=require("./kongponents55.cjs"),ae=require("./kongponents177.cjs"),re=require("./kongponents192.cjs"),h=require("./kongponents193.cjs"),ie=require("./kongponents194.cjs"),ce=require("./kongponents195.cjs"),ue=require("./kongponents185.cjs"),se=require("./kongponents196.cjs"),de=require("./kongponents197.cjs"),he=require("./kongponents198.cjs"),fe=require("./kongponents199.cjs"),me=require("./kongponents200.cjs"),C=require("./kongponents186.cjs"),b=require("./kongponents44.cjs"),ve=require("./kongponents201.cjs"),ge=require("./kongponents187.cjs"),ke=require("./kongponents202.cjs"),be=["id"],ye={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Ce={key:0,class:"code-block-search-results"},Ne={class:"code-block-search-actions"},Le={ref:"codeBlockContent",class:"code-block-content"},we={class:"code-block-secondary-actions"},Be=["id","href"],xe=["innerHTML"],Ee=["id","href"],Me=["innerHTML"],Te=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},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v7975ecf4:_.value,v613736d3:Q.value}));const f=ve.IS_MAYBE_MAC?"Option":"Alt",G=ke.default(R,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.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(o.query),m=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),i=e.ref(o.query),x=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),N=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>Array.from({length:o.code?.split(`
 `).length},(t,n)=>n+1)),Q=e.computed(()=>y.value[y.value.length-1]?.toString().length+"ch"),T=e.computed(()=>o.processing||m.value),v=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function k(t){return`${W.value}-L${t}`}const Y=e.computed(()=>h.buildLineOffsets(o.code)),V=e.computed(()=>{if(i.value===""||a.value.length===0)return"";const t=o.code?.split(`
 `).filter((n,l)=>M.value.has(l+1)).join(`
 `);return h.highlightMatchingChars(t,i.value,s.value)}),Z=e.computed(()=>!o.singleLine&&o.searchable),J=e.computed(()=>o.singleLine?h.escapeHTMLIfNeeded(o.code).replaceAll(`

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

@@ -1,22 +1,22 @@
 import { defineComponent as Ne, useCssVars as xe, watch as E, useSlots as Ee, ref as h, useTemplateRef as H, computed as m, nextTick as ne, onMounted as Be, onBeforeUnmount as Te, openBlock as i, createElementBlock as b, createVNode as u, withCtx as c, Transition as $, unref as a, createBlock as k, createCommentVNode as v, Fragment as F, createTextVNode as q, toDisplayString as w, createElementVNode as p, normalizeClass as B, renderSlot as Se, withDirectives as ae, resolveDynamicComponent as ie, normalizeProps as Ie, mergeProps as re, vShow as ue } from "vue";
-import { Virtualizer as ce } from "./kongponents206.es.js";
+import { Virtualizer as ce } from "./kongponents191.es.js";
 import Ae from "./kongponents55.es.js";
 import { copyTextToClipboard as Pe } from "./kongponents177.es.js";
-import { ShortcutManager as Re } from "./kongponents207.es.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as $e, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as Ve } from "./kongponents208.es.js";
-import ze from "./kongponents209.es.js";
-import De from "./kongponents210.es.js";
-import je from "./kongponents200.es.js";
-import Oe from "./kongponents211.es.js";
-import Ue from "./kongponents212.es.js";
-import Ke from "./kongponents213.es.js";
-import Ge from "./kongponents214.es.js";
-import Xe from "./kongponents189.es.js";
+import { ShortcutManager as Re } from "./kongponents192.es.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as $e, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as Ve } from "./kongponents193.es.js";
+import ze from "./kongponents194.es.js";
+import De from "./kongponents195.es.js";
+import je from "./kongponents185.es.js";
+import Oe from "./kongponents196.es.js";
+import Ue from "./kongponents197.es.js";
+import Ke from "./kongponents198.es.js";
+import Ge from "./kongponents199.es.js";
+import Xe from "./kongponents200.es.js";
 import { KUI_ICON_SIZE_30 as Qe, KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_LINE_HEIGHT_30 as de } from "./kongponents186.es.js";
 import T from "./kongponents44.es.js";
-import { IS_MAYBE_MAC as Ye } from "./kongponents215.es.js";
-import { normalizeSize as Ze } from "./kongponents183.es.js";
-import Je from "./kongponents216.es.js";
+import { IS_MAYBE_MAC as Ye } from "./kongponents201.es.js";
+import { normalizeSize as Ze } from "./kongponents187.es.js";
+import Je from "./kongponents202.es.js";
 const _e = ["id"], et = {
   key: 0,
   class: "code-block-actions"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.64.1",
+  "version": "9.64.2",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -90,7 +90,7 @@
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
     "@evilmartians/lefthook": "^2.1.9",
     "@kong-ui-public/sandbox-layout": "^2.3.26",
-    "@kong/design-tokens": "3.1.7",
+    "@kong/design-tokens": "3.2.0",
     "@kong/eslint-config-kong-ui": "1.7.1",
     "@kong/stylelint-plugin-design-tokens": "2.0.0",
     "@nuxt/kit": "^4.4.7",

package/dist/kongponents145.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=e.defineComponent({__name:"KSkeletonBox",props:{width:{default:"1"},height:{default:"1"}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["skeleton-box",{[`width-${t.width}`]:!0,[`height-${t.height}`]:!0}])},null,2))}});exports.default=l;

package/dist/kongponents145.es.js

@@ -1,16 +0,0 @@
-import { defineComponent as t, openBlock as n, createElementBlock as o, normalizeClass as l } from "vue";
-const h = /* @__PURE__ */ t({
-  __name: "KSkeletonBox",
-  props: {
-    width: { default: "1" },
-    height: { default: "1" }
-  },
-  setup(e) {
-    return (a, i) => (n(), o("div", {
-      class: l(["skeleton-box", { [`width-${e.width}`]: !0, [`height-${e.height}`]: !0 }])
-    }, null, 2));
-  }
-});
-export {
-  h as default
-};

package/dist/kongponents164.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./kongponents242.cjs"),l=require("./kongponents186.cjs"),n=require("./kongponents179.cjs"),a=require("./kongponents220.cjs"),u=["href"],c=e.defineComponent({__name:"KExternalLink",props:{href:{},hideIcon:{type:Boolean}},setup(r){e.watch(()=>r.href,t=>{n.isValidUrl(t)||a.warnInvalidProp("href",`\`href\` should be a valid URL, but got "${t}".`)},{immediate:!0});const o=e.computed(()=>!!n.isValidUrl(r.href));return(t,s)=>o.value?(e.openBlock(),e.createElementBlock("a",{key:0,class:"k-external-link",href:r.href,rel:"noopener",target:"_blank"},[e.renderSlot(t.$slots,"default",{},void 0,!0),r.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(i.default),{key:0,decorative:"",size:`var(--kui-icon-size-30, ${e.unref(l.KUI_ICON_SIZE_30)})`},null,8,["size"]))],8,u)):e.createCommentVNode("",!0)}});exports.default=c;

package/dist/kongponents164.es.js

@@ -1,35 +0,0 @@
-import { defineComponent as l, watch as f, computed as c, openBlock as t, createElementBlock as m, renderSlot as d, createBlock as s, unref as o, createCommentVNode as n } from "vue";
-import u from "./kongponents242.es.js";
-import { KUI_ICON_SIZE_30 as h } from "./kongponents186.es.js";
-import { isValidUrl as i } from "./kongponents179.es.js";
-import { warnInvalidProp as k } from "./kongponents220.es.js";
-const p = ["href"], y = /* @__PURE__ */ l({
-  __name: "KExternalLink",
-  props: {
-    href: {},
-    hideIcon: { type: Boolean }
-  },
-  setup(e) {
-    f(() => e.href, (r) => {
-      i(r) || k("href", `\`href\` should be a valid URL, but got "${r}".`);
-    }, { immediate: !0 });
-    const a = c(() => !!i(e.href));
-    return (r, I) => a.value ? (t(), m("a", {
-      key: 0,
-      class: "k-external-link",
-      href: e.href,
-      rel: "noopener",
-      target: "_blank"
-    }, [
-      d(r.$slots, "default", {}, void 0, !0),
-      e.hideIcon ? n("", !0) : (t(), s(o(u), {
-        key: 0,
-        decorative: "",
-        size: `var(--kui-icon-size-30, ${o(h)})`
-      }, null, 8, ["size"]))
-    ], 8, p)) : n("", !0);
-  }
-});
-export {
-  y as default
-};

package/dist/kongponents173.cjs

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