@kong/kongponents 9.64.19 → 9.64.20

package/dist/kongponents585.es.js

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

package/dist/kongponents72.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents169.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-d4ae6699"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents169.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-a086cfef"]]);exports.default=u;

package/dist/kongponents72.es.js

@@ -1,7 +1,7 @@
 import o from "./kongponents169.es.js";
 /* empty css                  */
 import t from "./kongponents82.es.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d4ae6699"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a086cfef"]]);
 export {
-  m as default
+  r as default
 };

package/dist/kongponents80.cjs

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

package/dist/kongponents80.es.js

@@ -3,7 +3,7 @@ import { AlertAppearances as n } from "./kongponents6.es.js";
 import "./kongponents7.es.js";
 import "./kongponents12.es.js";
 import { InfoIcon as v, RocketIcon as B, DangerIcon as K, WarningIcon as A, CheckCircleIcon as b, CloseIcon as h } from "@kong/icons";
-import { KUI_ICON_SIZE_40 as k } from "./kongponents179.es.js";
+import { KUI_ICON_SIZE_40 as k } from "./kongponents183.es.js";
 const D = {
   key: 0,
   class: "alert-icon-container"

package/dist/kongponents83.cjs

@@ -1 +1 @@
-"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("./kongponents183.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",{},void 0,!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;
+"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("./kongponents190.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",{},void 0,!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

@@ -3,7 +3,7 @@ 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 "./kongponents183.es.js";
+import { normalizeSize as C } from "./kongponents190.es.js";
 const W = ["tabindex"], S = /* @__PURE__ */ m({
   __name: "KBadge",
   props: {

package/dist/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("./kongponents190.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/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 "./kongponents190.es.js";
 const C = {
   key: 0,
   class: "breadcrumbs-icon-container"

package/dist/kongponents91.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents178.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("./kongponents182.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/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 "./kongponents178.es.js";
+import Ae from "./kongponents182.es.js";
 import Ce from "./kongponents25.es.js";
 /* empty css                 */
 import Q from "./kongponents51.es.js";

package/dist/kongponents95.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("./kongponents57.cjs"),d=require("@kong/icons"),u=require("./kongponents179.cjs"),C=["id","aria-checked"],S={class:"checkbox-label-wrapper"},V={key:1,class:"checkbox-description"},x=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:m}){const a=m,i=e.useSlots(),l=e.useAttrs(),h=e.useId(),r=e.computed(()=>l.id?String(l.id):h),n=()=>!!(o.label||i.default),k=e.computed(()=>l?.disabled!==void 0&&String(l?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),b=()=>!!i.tooltip,c=e.computed(()=>{const t={...l};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}),p=()=>({disabled:k.value,"has-description":s(),"input-error":o.error}),f=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 g=t=>{a("change",t.target.checked),a("input",t.target.checked),a("update:modelValue",t.target.checked)};return(t,I)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,p()]])},[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:g}),null,16,C),o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.CheckSmallIcon),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),f.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.IndeterminateSmallIcon),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(v.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},[b()?{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",V,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("./kongponents57.cjs"),d=require("@kong/icons"),u=require("./kongponents183.cjs"),C=["id","aria-checked"],S={class:"checkbox-label-wrapper"},V={key:1,class:"checkbox-description"},x=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:m}){const a=m,i=e.useSlots(),l=e.useAttrs(),h=e.useId(),r=e.computed(()=>l.id?String(l.id):h),n=()=>!!(o.label||i.default),k=e.computed(()=>l?.disabled!==void 0&&String(l?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),b=()=>!!i.tooltip,c=e.computed(()=>{const t={...l};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}),p=()=>({disabled:k.value,"has-description":s(),"input-error":o.error}),f=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 g=t=>{a("change",t.target.checked),a("input",t.target.checked),a("update:modelValue",t.target.checked)};return(t,I)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,p()]])},[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:g}),null,16,C),o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.CheckSmallIcon),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),f.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(d.IndeterminateSmallIcon),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(u.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(v.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},[b()?{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",V,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=x;

package/dist/kongponents95.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as w, useSlots as B, useAttrs as K, useId as N, computed as l, watch as D, openBlock as a, createElementBlock as p, normalizeClass as f, createElementVNode as o, mergeProps as g, createBlock as m, unref as n, createCommentVNode as s, createSlots as E, withCtx as v, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
 import P from "./kongponents57.es.js";
 import { CheckSmallIcon as T, IndeterminateSmallIcon as q } from "@kong/icons";
-import { KUI_ICON_SIZE_40 as C } from "./kongponents179.es.js";
+import { KUI_ICON_SIZE_40 as C } from "./kongponents183.es.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,
   class: "checkbox-description"

package/dist/kongponents97.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("virtua/vue"),ae=require("./kongponents55.cjs"),re=require("./kongponents177.cjs"),ie=require("./kongponents180.cjs"),m=require("./kongponents181.cjs"),d=require("@kong/icons"),N=require("./kongponents179.cjs"),y=require("./kongponents44.cjs"),ce=require("./kongponents182.cjs"),ue=require("./kongponents183.cjs"),se=require("./kongponents184.cjs"),de=["id"],he={key:0,class:"code-block-actions"},me={key:0,class:"code-block-search-results-container"},fe={key:0,class:"code-block-search-results"},ve={class:"code-block-search-actions"},ge={ref:"codeBlockContent",class:"code-block-content"},be={class:"code-block-secondary-actions"},ke=["id","href"],ye=["innerHTML"],pe=["id","href"],Ce=["innerHTML"],Ne=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:G}){e.useCssVars(t=>({v7975ecf4:ee.value,v613736d3:W.value}));const f=ce.IS_MAYBE_MAC?"Option":"Alt",X=se.default(R,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&m.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 b=G,Q=e.useSlots(),x=e.ref(o.query),v=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),h=e.ref(null),i=e.ref(o.query),E=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),w=e.useTemplateRef("codeBlockContent"),M=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),B=e.ref(!1),T=e.computed(()=>new Set(a.value)),p=e.computed(()=>Array.from({length:o.code?.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("virtua/vue"),ae=require("./kongponents55.cjs"),re=require("./kongponents177.cjs"),ie=require("./kongponents206.cjs"),m=require("./kongponents207.cjs"),d=require("@kong/icons"),N=require("./kongponents183.cjs"),y=require("./kongponents44.cjs"),ce=require("./kongponents188.cjs"),ue=require("./kongponents190.cjs"),se=require("./kongponents208.cjs"),de=["id"],he={key:0,class:"code-block-actions"},me={key:0,class:"code-block-search-results-container"},fe={key:0,class:"code-block-search-results"},ve={class:"code-block-search-actions"},ge={ref:"codeBlockContent",class:"code-block-content"},be={class:"code-block-secondary-actions"},ke=["id","href"],ye=["innerHTML"],pe=["id","href"],Ce=["innerHTML"],Ne=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:G}){e.useCssVars(t=>({v7975ecf4:ee.value,v613736d3:W.value}));const f=ce.IS_MAYBE_MAC?"Option":"Alt",X=se.default(R,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&m.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 b=G,Q=e.useSlots(),x=e.ref(o.query),v=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),h=e.ref(null),i=e.ref(o.query),E=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),w=e.useTemplateRef("codeBlockContent"),M=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),B=e.ref(!1),T=e.computed(()=>new Set(a.value)),p=e.computed(()=>Array.from({length:o.code?.split(`
 `).length},(t,n)=>n+1)),W=e.computed(()=>p.value[p.value.length-1]?.toString().length+"ch"),V=e.computed(()=>o.processing||v.value),g=e.computed(()=>u.value&&S.value!==""),Y=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function k(t){return`${Y.value}-L${t}`}const Z=e.computed(()=>m.buildLineOffsets(o.code)),S=e.computed(()=>{if(i.value===""||a.value.length===0)return"";const t=o.code?.split(`
 `).filter((n,l)=>T.value.has(l+1)).join(`
 `);return m.highlightMatchingChars(t,i.value,s.value)}),J=e.computed(()=>!o.singleLine&&o.searchable),_=e.computed(()=>o.singleLine?m.escapeHTMLIfNeeded(o.code).replaceAll(`

package/dist/kongponents97.es.js

@@ -2,14 +2,14 @@ import { defineComponent as Ne, useCssVars as xe, watch as E, useSlots as Ee, re
 import { Virtualizer as ce } from "virtua/vue";
 import Ae from "./kongponents55.es.js";
 import { copyTextToClipboard as Pe } from "./kongponents177.es.js";
-import { ShortcutManager as Re } from "./kongponents180.es.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as Fe, highlightMatchingChars as qe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as $e } from "./kongponents181.es.js";
+import { ShortcutManager as Re } from "./kongponents206.es.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as Fe, highlightMatchingChars as qe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as $e } from "./kongponents207.es.js";
 import { CloseIcon as De, SearchIcon as ze, ProgressIcon as Ue, RegexIcon as je, FilterIcon as Oe, ArrowUpIcon as Ke, ArrowDownIcon as Ge, CopyIcon as Xe } from "@kong/icons";
-import { KUI_ICON_SIZE_30 as Qe, KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_LINE_HEIGHT_30 as de } from "./kongponents179.es.js";
+import { KUI_ICON_SIZE_30 as Qe, KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_LINE_HEIGHT_30 as de } from "./kongponents183.es.js";
 import I from "./kongponents44.es.js";
-import { IS_MAYBE_MAC as Ye } from "./kongponents182.es.js";
-import { normalizeSize as Ze } from "./kongponents183.es.js";
-import Je from "./kongponents184.es.js";
+import { IS_MAYBE_MAC as Ye } from "./kongponents188.es.js";
+import { normalizeSize as Ze } from "./kongponents190.es.js";
+import Je from "./kongponents208.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.19",
+  "version": "9.64.20",
   "description": "Kong Component library",
   "type": "module",
   "repository": {

package/dist/kongponents194.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents230.cjs");;/* empty css                 */const u=require("./kongponents82.cjs"),t=u.default(e.default,[["__scopeId","data-v-2ef0f9b8"]]);exports.default=t;

package/dist/kongponents194.es.js

@@ -1,7 +0,0 @@
-import o from "./kongponents230.es.js";
-/* empty css                  */
-import t from "./kongponents82.es.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ef0f9b8"]]);
-export {
-  r as default
-};

package/dist/kongponents219.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents238.cjs");var r=/[\\^$.*+?()[\]{}|]/g,a=RegExp(r.source);function t(e){return e=u.default(e),e&&a.test(e)?e.replace(r,"\\$&"):e}exports.default=t;

package/dist/kongponents219.es.js

@@ -1,8 +0,0 @@
-import p from "./kongponents238.es.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
-}
-export {
-  x as default
-};

package/dist/kongponents224.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("./kongponents179.cjs"),$=require("./kongponents62.cjs"),j=require("./kongponents55.cjs"),k=require("./kongponents66.cjs"),G=require("./kongponents60.cjs"),W=require("./kongponents354.cjs"),z={class:"filter-content","data-testid":"filter-pill-content"},H={class:"default-layout"},J={key:0,class:"operator"},Q={class:"value"},X={class:"footer"},Y=e.defineComponent({inheritAttrs:!1,__name:"FilterPill",props:{filter:{},initOpen:{type:Boolean,default:!1},selection:{default:()=>{}},custom:{type:Boolean,default:!1}},emits:["apply","close","open","clear"],setup(t,{emit:h}){e.useCssVars(l=>({f988e390:E.value}));const g=e.useAttrs(),m=h,c=e.ref(!1),p=e.useTemplateRef("filterPopper"),r=e.ref(),i=e.ref(),n=e.ref(),s=e.ref(),V=e.ref(),b=e.ref(),y=e.ref(!0),w=e.useTemplateRef("inputField"),d=e.computed(()=>t.custom?"custom":t.filter.options&&!t.filter.multiple?"select":t.filter.options&&t.filter.multiple?"multiselect":"input"),q=e.computed(()=>{switch(d.value){case"input":return!i.value||i.value==="";case"select":return!n.value;case"multiselect":return!s.value||s.value.length===0;case"custom":return!y.value;default:return!1}}),f=e.computed(()=>t.filter.operators&&t.filter.operators.length?t.filter.operators:["eq"]),P=l=>{r.value=l},S=(l,a)=>{V.value=l,b.value=a},B=l=>{y.value=l},N=e.computed(()=>({value:V.value,text:b.value,options:t.filter.options,multiple:t.filter.multiple,operators:f.value,operator:r.value,setOperator:P,setValue:S,setApplyState:B})),E=e.computed(()=>f.value.some(l=>l==="lte"||l==="gte")?"205px":"120px"),T=e.computed(()=>{let l,a;switch(d.value){case"input":l=i.value,a=i.value;break;case"select":l=n.value,a=t.filter?.options?.find(({value:o})=>o===n.value)?.label??n.value?.toString();break;case"multiselect":l=s.value,a=s.value?.map(o=>t.filter.options?.find(({value:u})=>u===o))?.filter(o=>o!==void 0)?.map(({label:o})=>o)?.join(", ");break;case"custom":l=V.value,a=b.value;break}if(!(r.value===void 0||l===void 0||a===void 0))return{operator:r.value,value:l,text:a}}),A=e.computed(()=>{if(t.selection?.operatorDelimiter!==void 0)return t.selection.operatorDelimiter;switch(t.selection?.operator){case"eq":return" = ";case"neq":return" ≠ ";case"lt":return" < ";case"lte":return" ≤ ";case"gt":return" > ";case"gte":return" ≥ ";default:return": "}}),x=e.computed(()=>{const l={eq:"Equals",neq:"Not equals",contains:"Contains",exists:"Exists",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to"};return f.value.map(a=>({label:l[a],value:a}))}),O=e.computed(()=>x.value.find(({value:l})=>l===r.value)?.label??""),K=()=>{d.value==="input"&&w.value?.input?.focus()},M=()=>{r.value=t.selection?.operator??f.value?.[0],i.value=typeof t.selection?.value=="string"?t.selection.value:void 0,n.value=t.filter.options?.find(({value:l})=>l===t.selection?.value)?.value,s.value=t.filter.options?.filter(({value:l})=>{if(Array.isArray(t.selection?.value))return t.selection.value.includes(`${l}`)}).map(({value:l})=>l),V.value=t.selection?.value,b.value=t.selection?.text,y.value=!0},C=async()=>{M(),p.value&&(p.value.showPopover(),c.value=!0,await e.nextTick(),K()),m("open")},v=()=>{p.value&&(p.value.hidePopover(),c.value=!1),m("close")};e.onMounted(()=>{t.initOpen&&C()});const U=()=>{c.value&&v()},F=()=>{m("apply",T.value),v()},D=()=>{v()},I=()=>{v(),m("clear")},R=()=>{c.value?v():C()};return(l,a)=>{const o=e.resolveComponent("KButton");return e.openBlock(),e.createBlock($.default,{ref:"filterPopper","max-width":t.filter.maxWidth??"400px",offset:`var(--kui-space-30, ${e.unref(L.KUI_SPACE_30)})`,placement:t.filter.placement??"bottom-start",width:"auto",onClose:U},{default:e.withCtx(()=>[e.createVNode(W.default,e.mergeProps({"content-label":t.selection?.text,"data-testid":"filter-pill",delimiter:A.value,label:t.filter.label,"pill-focus":c.value,readonly:t.filter.readonly},e.unref(g),{onClear:I,onClick:a[0]||(a[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:R}),null,16,["content-label","delimiter","label","pill-focus","readonly"])]),title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.filter.label),1)]),content:e.withCtx(()=>[e.createElementVNode("div",z,[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(N.value)),()=>[e.createElementVNode("div",H,[f.value.length>1?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(k.default,{modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=u=>r.value=u),items:x.value,"kpop-attributes":{popoverClasses:"force-operator-width"},label:"Operator",title:O.value},null,8,["modelValue","items","title"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[d.value==="select"?(e.openBlock(),e.createBlock(k.default,{key:0,modelValue:n.value,"onUpdate:modelValue":a[2]||(a[2]=u=>n.value=u),"data-testid":"filter-pill-select",items:t.filter.options,label:"Value",placeholder:"Select a value"},null,8,["modelValue","items"])):d.value==="multiselect"?(e.openBlock(),e.createBlock(G.default,{key:1,modelValue:s.value,"onUpdate:modelValue":a[3]||(a[3]=u=>s.value=u),"data-testid":"filter-pill-multiselect",items:t.filter.options,label:"Value",placeholder:"Select values"},null,8,["modelValue","items"])):(e.openBlock(),e.createBlock(j.default,{key:2,ref:"inputField",modelValue:i.value,"onUpdate:modelValue":a[4]||(a[4]=u=>i.value=u),modelModifiers:{trim:!0},"data-testid":"filter-pill-input",label:"Value",placeholder:"Enter a value"},null,8,["modelValue"]))])])],!0)])]),footer:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(o,{appearance:"secondary","data-testid":"filter-pill-cancel",onClick:D},{default:e.withCtx(()=>[...a[5]||(a[5]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(o,{appearance:"primary","data-testid":"filter-pill-apply",disabled:q.value,onClick:F},{default:e.withCtx(()=>[...a[6]||(a[6]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])])]),_:3},8,["max-width","offset","placement"])}}});exports.default=Y;

package/dist/kongponents224.es.js

@@ -1,248 +0,0 @@
-import { defineComponent as X, useCssVars as Y, useAttrs as Z, ref as r, useTemplateRef as A, computed as i, onMounted as _, resolveComponent as ee, openBlock as y, createBlock as k, unref as O, withCtx as v, createElementVNode as h, createVNode as g, createTextVNode as S, renderSlot as te, normalizeProps as le, guardReactiveProps as ae, createElementBlock as oe, createCommentVNode as ie, toDisplayString as ue, mergeProps as re, withModifiers as ne, nextTick as se } from "vue";
-import { KUI_SPACE_30 as ce } from "./kongponents179.es.js";
-import ve from "./kongponents62.es.js";
-import de from "./kongponents55.es.js";
-import B from "./kongponents66.es.js";
-import fe from "./kongponents60.es.js";
-import me from "./kongponents354.es.js";
-const pe = {
-  class: "filter-content",
-  "data-testid": "filter-pill-content"
-}, ye = { class: "default-layout" }, be = {
-  key: 0,
-  class: "operator"
-}, Ve = { class: "value" }, Ce = { class: "footer" }, qe = /* @__PURE__ */ X({
-  inheritAttrs: !1,
-  __name: "FilterPill",
-  props: {
-    filter: {},
-    initOpen: { type: Boolean, default: !1 },
-    selection: { default: () => {
-    } },
-    custom: { type: Boolean, default: !1 }
-  },
-  emits: ["apply", "close", "open", "clear"],
-  setup(e, { emit: E }) {
-    Y((t) => ({
-      f988e390: N.value
-    }));
-    const K = Z(), b = E, d = r(!1), V = A("filterPopper"), u = r(), n = r(), s = r(), c = r(), C = r(), x = r(), P = r(!0), U = A("inputField"), f = i(() => e.custom ? "custom" : e.filter.options && !e.filter.multiple ? "select" : e.filter.options && e.filter.multiple ? "multiselect" : "input"), F = i(() => {
-      switch (f.value) {
-        case "input":
-          return !n.value || n.value === "";
-        case "select":
-          return !s.value;
-        case "multiselect":
-          return !c.value || c.value.length === 0;
-        case "custom":
-          return !P.value;
-        default:
-          return !1;
-      }
-    }), m = i(() => e.filter.operators && e.filter.operators.length ? e.filter.operators : ["eq"]), T = (t) => {
-      u.value = t;
-    }, D = (t, l) => {
-      C.value = t, x.value = l;
-    }, I = (t) => {
-      P.value = t;
-    }, M = i(() => ({
-      value: C.value,
-      text: x.value,
-      options: e.filter.options,
-      multiple: e.filter.multiple,
-      operators: m.value,
-      operator: u.value,
-      setOperator: T,
-      setValue: D,
-      setApplyState: I
-    })), N = i(() => m.value.some((t) => t === "lte" || t === "gte") ? "205px" : "120px"), L = i(() => {
-      let t, l;
-      switch (f.value) {
-        case "input":
-          t = n.value, l = n.value;
-          break;
-        case "select":
-          t = s.value, l = e.filter?.options?.find(({ value: a }) => a === s.value)?.label ?? s.value?.toString();
-          break;
-        case "multiselect":
-          t = c.value, l = c.value?.map((a) => e.filter.options?.find(({ value: o }) => o === a))?.filter((a) => a !== void 0)?.map(({ label: a }) => a)?.join(", ");
-          break;
-        case "custom":
-          t = C.value, l = x.value;
-          break;
-      }
-      if (!(u.value === void 0 || t === void 0 || l === void 0))
-        return {
-          operator: u.value,
-          value: t,
-          text: l
-        };
-    }), R = i(() => {
-      if (e.selection?.operatorDelimiter !== void 0)
-        return e.selection.operatorDelimiter;
-      switch (e.selection?.operator) {
-        case "eq":
-          return " = ";
-        case "neq":
-          return " ≠ ";
-        case "lt":
-          return " < ";
-        case "lte":
-          return " ≤ ";
-        case "gt":
-          return " > ";
-        case "gte":
-          return " ≥ ";
-        default:
-          return ": ";
-      }
-    }), w = i(() => {
-      const t = {
-        eq: "Equals",
-        neq: "Not equals",
-        contains: "Contains",
-        exists: "Exists",
-        lt: "Less than",
-        lte: "Less than or equal to",
-        gt: "Greater than",
-        gte: "Greater than or equal to"
-      };
-      return m.value.map((l) => ({
-        label: t[l],
-        value: l
-      }));
-    }), $ = i(() => w.value.find(({ value: t }) => t === u.value)?.label ?? ""), G = () => {
-      f.value === "input" && U.value?.input?.focus();
-    }, W = () => {
-      u.value = e.selection?.operator ?? m.value?.[0], n.value = typeof e.selection?.value == "string" ? e.selection.value : void 0, s.value = e.filter.options?.find(({ value: t }) => t === e.selection?.value)?.value, c.value = e.filter.options?.filter(({ value: t }) => {
-        if (Array.isArray(e.selection?.value))
-          return e.selection.value.includes(`${t}`);
-      }).map(({ value: t }) => t), C.value = e.selection?.value, x.value = e.selection?.text, P.value = !0;
-    }, q = async () => {
-      W(), V.value && (V.value.showPopover(), d.value = !0, await se(), G()), b("open");
-    }, p = () => {
-      V.value && (V.value.hidePopover(), d.value = !1), b("close");
-    };
-    _(() => {
-      e.initOpen && q();
-    });
-    const j = () => {
-      d.value && p();
-    }, z = () => {
-      b("apply", L.value), p();
-    }, H = () => {
-      p();
-    }, J = () => {
-      p(), b("clear");
-    }, Q = () => {
-      d.value ? p() : q();
-    };
-    return (t, l) => {
-      const a = ee("KButton");
-      return y(), k(ve, {
-        ref: "filterPopper",
-        "max-width": e.filter.maxWidth ?? "400px",
-        offset: `var(--kui-space-30, ${O(ce)})`,
-        placement: e.filter.placement ?? "bottom-start",
-        width: "auto",
-        onClose: j
-      }, {
-        default: v(() => [
-          g(me, re({
-            "content-label": e.selection?.text,
-            "data-testid": "filter-pill",
-            delimiter: R.value,
-            label: e.filter.label,
-            "pill-focus": d.value,
-            readonly: e.filter.readonly
-          }, O(K), {
-            onClear: J,
-            onClick: l[0] || (l[0] = ne(() => {
-            }, ["prevent", "stop"])),
-            onTrigger: Q
-          }), null, 16, ["content-label", "delimiter", "label", "pill-focus", "readonly"])
-        ]),
-        title: v(() => [
-          S(ue(e.filter.label), 1)
-        ]),
-        content: v(() => [
-          h("div", pe, [
-            te(t.$slots, "default", le(ae(M.value)), () => [
-              h("div", ye, [
-                m.value.length > 1 ? (y(), oe("div", be, [
-                  g(B, {
-                    modelValue: u.value,
-                    "onUpdate:modelValue": l[1] || (l[1] = (o) => u.value = o),
-                    items: w.value,
-                    "kpop-attributes": {
-                      popoverClasses: "force-operator-width"
-                    },
-                    label: "Operator",
-                    title: $.value
-                  }, null, 8, ["modelValue", "items", "title"])
-                ])) : ie("", !0),
-                h("div", Ve, [
-                  f.value === "select" ? (y(), k(B, {
-                    key: 0,
-                    modelValue: s.value,
-                    "onUpdate:modelValue": l[2] || (l[2] = (o) => s.value = o),
-                    "data-testid": "filter-pill-select",
-                    items: e.filter.options,
-                    label: "Value",
-                    placeholder: "Select a value"
-                  }, null, 8, ["modelValue", "items"])) : f.value === "multiselect" ? (y(), k(fe, {
-                    key: 1,
-                    modelValue: c.value,
-                    "onUpdate:modelValue": l[3] || (l[3] = (o) => c.value = o),
-                    "data-testid": "filter-pill-multiselect",
-                    items: e.filter.options,
-                    label: "Value",
-                    placeholder: "Select values"
-                  }, null, 8, ["modelValue", "items"])) : (y(), k(de, {
-                    key: 2,
-                    ref: "inputField",
-                    modelValue: n.value,
-                    "onUpdate:modelValue": l[4] || (l[4] = (o) => n.value = o),
-                    modelModifiers: { trim: !0 },
-                    "data-testid": "filter-pill-input",
-                    label: "Value",
-                    placeholder: "Enter a value"
-                  }, null, 8, ["modelValue"]))
-                ])
-              ])
-            ], !0)
-          ])
-        ]),
-        footer: v(() => [
-          h("div", Ce, [
-            g(a, {
-              appearance: "secondary",
-              "data-testid": "filter-pill-cancel",
-              onClick: H
-            }, {
-              default: v(() => [...l[5] || (l[5] = [
-                S(" Cancel ", -1)
-              ])]),
-              _: 1
-            }),
-            g(a, {
-              appearance: "primary",
-              "data-testid": "filter-pill-apply",
-              disabled: F.value,
-              onClick: z
-            }, {
-              default: v(() => [...l[6] || (l[6] = [
-                S(" Apply ", -1)
-              ])]),
-              _: 1
-            }, 8, ["disabled"])
-          ])
-        ]),
-        _: 3
-      }, 8, ["max-width", "offset", "placement"]);
-    };
-  }
-});
-export {
-  qe as default
-};

package/dist/kongponents226.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents188.cjs"),p={ref:"itemsContainer"},B={key:1,class:"select-group","data-propagate-clicks":"false"},g={class:"select-group-title"},v={class:"select-item-description"},u=".select-item button:not(:disabled)",w='.select-item[aria-selected="true"] button:not(:disabled)',C=e.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(i,{expose:f,emit:E}){const k=E,a=n=>"items"in n&&Array.isArray(n.items),d=n=>k("selected",n),m=e.useTemplateRef("itemsContainer"),S=n=>{const o=m.value;if(!o)return;const t=o.querySelectorAll(u);if(!t?.length)return;const s=o.querySelector(w);if(s){const l=[...t].indexOf(s);t[n==="down"?l+1:l-1]?.focus()}else t[n==="down"?0:t.length-1]?.focus()},c=({target:n,key:o})=>{if(o==="ArrowDown"||o==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(n),l=o==="ArrowDown"?s+1:s-1;t[l]?.focus()}}};return f({setFocus:S}),(n,o)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",g,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createBlock(r.default,{key:l.key,item:l,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:l},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),i.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${i.filterString} (Add new value)`,value:"add_item",disabled:!i.itemCreationValid},onKeydown:c,onSelected:o[0]||(o[0]=t=>n.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",v,[e.createTextVNode(e.toDisplayString(i.filterString)+" ",1),o[1]||(o[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=C;

package/dist/kongponents226.es.js

@@ -1,89 +0,0 @@
-import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
-import f from "./kongponents188.es.js";
-const h = { ref: "itemsContainer" }, B = {
-  key: 1,
-  class: "select-group",
-  "data-propagate-clicks": "false"
-}, K = { class: "select-group-title" }, L = { class: "select-item-description" }, g = ".select-item button:not(:disabled)", $ = '.select-item[aria-selected="true"] button:not(:disabled)', R = /* @__PURE__ */ I({
-  __name: "KSelectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: b, emit: k }) {
-    const x = k, E = (t) => "items" in t && Array.isArray(t.items), S = (t) => x("selected", t), p = y("itemsContainer"), A = (t) => {
-      const n = p.value;
-      if (!n)
-        return;
-      const e = n.querySelectorAll(g);
-      if (!e?.length)
-        return;
-      const l = n.querySelector($);
-      if (l) {
-        const o = [...e].indexOf(l);
-        e[t === "down" ? o + 1 : o - 1]?.focus();
-      } else
-        e[t === "down" ? 0 : e.length - 1]?.focus();
-    }, a = ({ target: t, key: n }) => {
-      if (n === "ArrowDown" || n === "ArrowUp") {
-        const e = p.value?.querySelectorAll(g);
-        if (e?.length) {
-          const l = [...e].indexOf(t), o = n === "ArrowDown" ? l + 1 : l - 1;
-          e[o]?.focus();
-        }
-      }
-    };
-    return b({ setFocus: A }), (t, n) => (s(), d("div", h, [
-      (s(!0), d(c, null, w(i.items, (e, l) => (s(), d(c, {
-        key: E(e) ? `${e.key || e.label}-group` : e.key || e.value || l
-      }, [
-        E(e) ? (s(), d("div", B, [
-          u("span", K, v(e.label), 1),
-          (s(!0), d(c, null, w(e.items, (o) => (s(), r(f, {
-            key: o.key,
-            item: o,
-            onKeydown: a,
-            onSelected: S
-          }, {
-            content: m(() => [
-              C(t.$slots, "content", { item: o }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item"]))), 128))
-        ])) : (s(), r(f, {
-          key: 0,
-          item: e,
-          onKeydown: a,
-          onSelected: S
-        }, {
-          content: m(() => [
-            C(t.$slots, "content", { item: e }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))
-      ], 64))), 128)),
-      i.itemCreationEnabled ? (s(), r(f, {
-        key: "select-add-item",
-        class: "select-add-item",
-        "data-testid": "select-add-item",
-        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
-        onKeydown: a,
-        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
-      }, {
-        content: m(() => [
-          u("div", L, [
-            T(v(i.filterString) + " ", 1),
-            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : _("", !0)
-    ], 512));
-  }
-});
-export {
-  R as default
-};

package/dist/kongponents228.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],r={class:"select-item-container"},c=["disabled","value"],m={class:"select-item-label"},u=e.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,o=i=>{if(t.item.disabled){i.stopPropagation();return}n("selected",t.item)};return(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key,"aria-selected":t.item.selected,class:"select-item","data-testid":`select-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",r,[e.createElementVNode("button",{class:e.normalizeClass({selected:t.item.selected}),disabled:t.item.disabled===!0?!0:void 0,type:"button",value:t.item.value,onClick:o,onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-down"),["prevent"]),["down"])),l[1]||(l[1]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",m,[e.renderSlot(i.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,c)])],8,a))}});exports.default=u;