@kong/kongponents 9.49.1 → 9.49.2-pr.3046.82174f0.0

package/dist/kongponents83.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents172.cjs"),ie=require("./kongponents21.cjs");;/* empty css                */const M=require("./kongponents44.cjs"),O=require("./kongponents33.cjs"),re=require("./kongponents52.cjs"),ce=require("./kongponents36.cjs"),ue={class:"k-catalog"},se={key:1,class:"catalog-toolbar","data-testid":"catalog-toolbar"},de={key:3,class:"catalog-error-state","data-testid":"catalog-error-state"},ge={key:4,class:"catalog-empty-state","data-testid":"catalog-empty-state"},fe=["data-tableid"],V=15,ve=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:q}){const{useRequest:E,useDebounce:x,useSwrvState:F}=ne.default(),s=q,K=e.useSlots(),m=e.useId(),R=()=>{var l;const t=(l=a.paginationPageSizes)==null?void 0:l[0];return t||V},i=e.ref([]),y=e.ref(0),b=e.ref(""),n=e.ref(1),r=e.ref(R()),c=e.ref(null),u=e.ref([]),S=e.computed(()=>u.value[n.value-1]),d=e.ref(null),P=e.ref(!0),k=e.ref(!1),D=e.computed(()=>!!K.toolbar),f={page:1,pageSize:r.value,query:"",offset:null},C=e.computed(()=>(g.value||a.loading||v.value)&&!a.error),L=e.computed(()=>!C.value&&i.value&&!i.value.length),G=e.computed(()=>({pageSize:r.value})),B=e.ref(!0),H=async()=>{var l,o;const t=await a.fetcher({query:a.searchInput||b.value,pageSize:r.value,page:n.value,offset:c.value});if(t==null)throw new Error("KCatalog: Fetcher did not return data correctly.");return i.value=t.data,y.value=a.paginationTotalItems||t.total||((l=t.data)==null?void 0:l.length),a.paginationOffset&&((o=t.pagination)!=null&&o.offset?(d.value=t.pagination.offset,u.value[n.value]||u.value.push(t.pagination.offset)):d.value=null,P.value=t.pagination&&"hasNextPage"in t.pagination?!!t.pagination.hasNextPage:!0),i.value.length===0&&n.value>1&&(n.value=1,u.value=[null],c.value=null),B.value=!1,t},j=()=>{const t={...f,...a.initialFetcherParams};n.value=t.page??f.page,r.value=t.pageSize??f.pageSize,b.value=t.query??f.query,a.paginationOffset&&(c.value=t.offset,u.value.push(t.offset)),k.value=!0},Q=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:J,generateDebouncedFn:U}=x(t=>{z.value=t},350),W=U(0),{data:I,error:N,revalidate:Z,isValidating:X}=E(()=>Q.value,()=>H(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:p,hasData:Y,swrvState:A}=F(I,N,X),g=e.ref(!0),T=e.computed(()=>({hasData:Y.value,state:p.value})),_=e.computed(()=>g.value?"loading":N.value?"error":"success"),ee=({page:t})=>{n.value=t},te=({pageSize:t})=>{u.value=[null],c.value=null,r.value=t,n.value=1},ae=()=>{n.value++,c.value=d.value},le=()=>{n.value--,c.value=S.value},$=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-"),oe=e.computed(()=>{var l;if(!a.fetcher||a.disablePagination||!i.value||!i.value.length||a.error)return!1;const t=((l=a.paginationPageSizes)==null?void 0:l[0])??V;return a.hidePaginationWhenOptional&&n.value===1?a.paginationOffset?!!S.value||!!d.value||i.value.length>=t:y.value>t:!0});e.watch(I,t=>{t!=null&&t.length&&!i.value.length&&(i.value=t)},{deep:!0,immediate:!0}),e.watch(p,()=>{switch(p.value){case A.PENDING:g.value=!0;break;case A.VALIDATING_HAS_DATA:g.value=v.value;break;default:g.value=!1;break}},{immediate:!0}),e.watch([T,_],t=>{var l;s("state",{state:t==null?void 0:t[1],hasData:(l=t==null?void 0:t[0])==null?void 0:l.hasData})}),e.watch(()=>a.searchInput,t=>{n.value!==1&&(n.value=1),t===""?W(t):J(t)},{immediate:!0});const v=e.ref(!1);return e.watch([z,n,r],async(t,l)=>{const o=l==null?void 0:l[0],h=t[0],w=t[1];h!==o&&w!==1&&(n.value=1,u.value=[null],c.value=null),k.value&&!B.value&&(v.value=!0,await Z(),v.value=!1)},{deep:!0,immediate:!0}),e.watch(G,t=>{s("update:catalog-preferences",t)}),e.onMounted(()=>{j()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",ue,[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),D.value?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(t.$slots,"toolbar",{state:T.value},void 0,!0)])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(ie.default,{key:2,"card-count":4,class:"catalog-skeleton-loader","data-testid":"catalog-skeleton-loader",type:"card"})):a.error?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(M.default,{"icon-variant":"error",message:a.errorStateMessage,title:a.errorStateTitle},e.createSlots({_:2},[a.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(O.default,{"data-testid":$(a.errorStateActionMessage),to:a.errorStateActionRoute?a.errorStateActionRoute:void 0,onClick:l[0]||(l[0]=o=>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)])):L.value?(e.openBlock(),e.createElementBlock("div",ge,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(M.default,{"icon-variant":a.emptyStateIconVariant,message:a.emptyStateMessage,title:a.emptyStateTitle},e.createSlots({_:2},[a.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(O.default,{appearance:a.searchInput?"tertiary":"primary","data-testid":$(a.emptyStateActionMessage),to:a.emptyStateActionRoute?a.emptyStateActionRoute:void 0,onClick:l[1]||(l[1]=o=>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:i.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(o,h)=>(e.openBlock(),e.createBlock(ce.default,{key:o.key?o.key:`catalog-${e.unref(m)}-item-${h}`,class:"catalog-item","data-testid":o.id?o.id:`catalog-item-${h}`,item:o,truncate:a.truncateDescription,onClick:w=>s("card-click",o)},{"card-title":e.withCtx(()=>[e.renderSlot(t.$slots,"card-title",{item:o},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),"card-actions":e.withCtx(()=>[e.renderSlot(t.$slots,"card-actions",{item:o},void 0,!0)]),"card-body":e.withCtx(()=>[e.renderSlot(t.$slots,"card-body",{item:o},()=>[e.createTextVNode(e.toDisplayString(o.description),1)],!0)]),_:2},1032,["data-testid","item","truncate","onClick"]))),128))],!0)],10,fe)),oe.value?(e.openBlock(),e.createBlock(re.default,{key:6,class:"card-pagination","current-page":n.value,"data-testid":"catalog-pagination","disable-page-jump":a.disablePaginationPageJump,"initial-page-size":r.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:ae,onGetPreviousOffset:le,onPageChange:ee,onPageSizeChange:te},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=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ne=require("./kongponents182.cjs"),ie=require("./kongponents21.cjs");;/* empty css                */const M=require("./kongponents44.cjs"),O=require("./kongponents33.cjs"),re=require("./kongponents52.cjs"),ce=require("./kongponents36.cjs"),ue={class:"k-catalog"},se={key:1,class:"catalog-toolbar","data-testid":"catalog-toolbar"},de={key:3,class:"catalog-error-state","data-testid":"catalog-error-state"},ge={key:4,class:"catalog-empty-state","data-testid":"catalog-empty-state"},fe=["data-tableid"],V=15,ve=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:q}){const{useRequest:E,useDebounce:x,useSwrvState:F}=ne.default(),s=q,K=e.useSlots(),m=e.useId(),R=()=>{var l;const t=(l=a.paginationPageSizes)==null?void 0:l[0];return t||V},i=e.ref([]),y=e.ref(0),b=e.ref(""),n=e.ref(1),r=e.ref(R()),c=e.ref(null),u=e.ref([]),S=e.computed(()=>u.value[n.value-1]),d=e.ref(null),P=e.ref(!0),k=e.ref(!1),D=e.computed(()=>!!K.toolbar),f={page:1,pageSize:r.value,query:"",offset:null},C=e.computed(()=>(g.value||a.loading||v.value)&&!a.error),L=e.computed(()=>!C.value&&i.value&&!i.value.length),G=e.computed(()=>({pageSize:r.value})),B=e.ref(!0),H=async()=>{var l,o;const t=await a.fetcher({query:a.searchInput||b.value,pageSize:r.value,page:n.value,offset:c.value});if(t==null)throw new Error("KCatalog: Fetcher did not return data correctly.");return i.value=t.data,y.value=a.paginationTotalItems||t.total||((l=t.data)==null?void 0:l.length),a.paginationOffset&&((o=t.pagination)!=null&&o.offset?(d.value=t.pagination.offset,u.value[n.value]||u.value.push(t.pagination.offset)):d.value=null,P.value=t.pagination&&"hasNextPage"in t.pagination?!!t.pagination.hasNextPage:!0),i.value.length===0&&n.value>1&&(n.value=1,u.value=[null],c.value=null),B.value=!1,t},j=()=>{const t={...f,...a.initialFetcherParams};n.value=t.page??f.page,r.value=t.pageSize??f.pageSize,b.value=t.query??f.query,a.paginationOffset&&(c.value=t.offset,u.value.push(t.offset)),k.value=!0},Q=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:J,generateDebouncedFn:U}=x(t=>{z.value=t},350),W=U(0),{data:I,error:N,revalidate:Z,isValidating:X}=E(()=>Q.value,()=>H(),{revalidateOnFocus:!1,revalidateDebounce:0}),{state:p,hasData:Y,swrvState:A}=F(I,N,X),g=e.ref(!0),T=e.computed(()=>({hasData:Y.value,state:p.value})),_=e.computed(()=>g.value?"loading":N.value?"error":"success"),ee=({page:t})=>{n.value=t},te=({pageSize:t})=>{u.value=[null],c.value=null,r.value=t,n.value=1},ae=()=>{n.value++,c.value=d.value},le=()=>{n.value--,c.value=S.value},$=t=>t.toLowerCase().replace(/[^[a-z0-9]/gi,"-"),oe=e.computed(()=>{var l;if(!a.fetcher||a.disablePagination||!i.value||!i.value.length||a.error)return!1;const t=((l=a.paginationPageSizes)==null?void 0:l[0])??V;return a.hidePaginationWhenOptional&&n.value===1?a.paginationOffset?!!S.value||!!d.value||i.value.length>=t:y.value>t:!0});e.watch(I,t=>{t!=null&&t.length&&!i.value.length&&(i.value=t)},{deep:!0,immediate:!0}),e.watch(p,()=>{switch(p.value){case A.PENDING:g.value=!0;break;case A.VALIDATING_HAS_DATA:g.value=v.value;break;default:g.value=!1;break}},{immediate:!0}),e.watch([T,_],t=>{var l;s("state",{state:t==null?void 0:t[1],hasData:(l=t==null?void 0:t[0])==null?void 0:l.hasData})}),e.watch(()=>a.searchInput,t=>{n.value!==1&&(n.value=1),t===""?W(t):J(t)},{immediate:!0});const v=e.ref(!1);return e.watch([z,n,r],async(t,l)=>{const o=l==null?void 0:l[0],h=t[0],w=t[1];h!==o&&w!==1&&(n.value=1,u.value=[null],c.value=null),k.value&&!B.value&&(v.value=!0,await Z(),v.value=!1)},{deep:!0,immediate:!0}),e.watch(G,t=>{s("update:catalog-preferences",t)}),e.onMounted(()=>{j()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",ue,[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),D.value?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(t.$slots,"toolbar",{state:T.value},void 0,!0)])):e.createCommentVNode("",!0),C.value?(e.openBlock(),e.createBlock(ie.default,{key:2,"card-count":4,class:"catalog-skeleton-loader","data-testid":"catalog-skeleton-loader",type:"card"})):a.error?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"error-state",{},()=>[e.createVNode(M.default,{"icon-variant":"error",message:a.errorStateMessage,title:a.errorStateTitle},e.createSlots({_:2},[a.errorStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(O.default,{"data-testid":$(a.errorStateActionMessage),to:a.errorStateActionRoute?a.errorStateActionRoute:void 0,onClick:l[0]||(l[0]=o=>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)])):L.value?(e.openBlock(),e.createElementBlock("div",ge,[e.renderSlot(t.$slots,"empty-state",{},()=>[e.createVNode(M.default,{"icon-variant":a.emptyStateIconVariant,message:a.emptyStateMessage,title:a.emptyStateTitle},e.createSlots({_:2},[a.emptyStateActionMessage?{name:"action",fn:e.withCtx(()=>[e.createVNode(O.default,{appearance:a.searchInput?"tertiary":"primary","data-testid":$(a.emptyStateActionMessage),to:a.emptyStateActionRoute?a.emptyStateActionRoute:void 0,onClick:l[1]||(l[1]=o=>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:i.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(o,h)=>(e.openBlock(),e.createBlock(ce.default,{key:o.key?o.key:`catalog-${e.unref(m)}-item-${h}`,class:"catalog-item","data-testid":o.id?o.id:`catalog-item-${h}`,item:o,truncate:a.truncateDescription,onClick:w=>s("card-click",o)},{"card-title":e.withCtx(()=>[e.renderSlot(t.$slots,"card-title",{item:o},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),"card-actions":e.withCtx(()=>[e.renderSlot(t.$slots,"card-actions",{item:o},void 0,!0)]),"card-body":e.withCtx(()=>[e.renderSlot(t.$slots,"card-body",{item:o},()=>[e.createTextVNode(e.toDisplayString(o.description),1)],!0)]),_:2},1032,["data-testid","item","truncate","onClick"]))),128))],!0)],10,fe)),oe.value?(e.openBlock(),e.createBlock(re.default,{key:6,class:"card-pagination","current-page":n.value,"data-testid":"catalog-pagination","disable-page-jump":a.disablePaginationPageJump,"initial-page-size":r.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:ae,onGetPreviousOffset:le,onPageChange:ee,onPageSizeChange:te},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=ve;

package/dist/kongponents87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("./kongponents48.cjs"),g=require("./kongponents173.cjs"),C=require("./kongponents174.cjs"),d=require("./kongponents175.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 a=u,n=e.useSlots(),l=e.useAttrs(),m=e.useId(),r=e.computed(()=>l.id?String(l.id):m),i=e.computed(()=>!!(o.label||n.default)),h=e.computed(()=>(l==null?void 0:l.disabled)!==void 0&&String(l==null?void 0:l.disabled)!=="false"),s=e.computed(()=>i.value&&(!!o.description||!!n.description)),k=e.computed(()=>!!n.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=e.computed(()=>({disabled:h.value,"has-description":s.value,"input-error":o.error})),b=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=>{a("change",t.target.checked),a("input",t.target.checked),a("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,p.value]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":i.value}])},[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(g.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:e.unref(d.KUI_ICON_SIZE_40),tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),b.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:e.unref(d.KUI_ICON_SIZE_40),tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[i.value?(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},[k.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s.value?(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"),v=require("./kongponents48.cjs"),g=require("./kongponents198.cjs"),C=require("./kongponents199.cjs"),d=require("./kongponents178.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 a=u,n=e.useSlots(),l=e.useAttrs(),m=e.useId(),r=e.computed(()=>l.id?String(l.id):m),i=e.computed(()=>!!(o.label||n.default)),h=e.computed(()=>(l==null?void 0:l.disabled)!==void 0&&String(l==null?void 0:l.disabled)!=="false"),s=e.computed(()=>i.value&&(!!o.description||!!n.description)),k=e.computed(()=>!!n.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=e.computed(()=>({disabled:h.value,"has-description":s.value,"input-error":o.error})),b=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=>{a("change",t.target.checked),a("input",t.target.checked),a("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,p.value]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":i.value}])},[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(g.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:e.unref(d.KUI_ICON_SIZE_40),tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),b.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:e.unref(d.KUI_ICON_SIZE_40),tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[i.value?(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},[k.value?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s.value?(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/kongponents89.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents184.cjs"),ie=require("./kongponents46.cjs"),ce=require("./kongponents165.cjs"),re=require("./kongponents185.cjs"),h=require("./kongponents186.cjs"),ue=require("./kongponents187.cjs"),se=require("./kongponents188.cjs"),de=require("./kongponents183.cjs"),he=require("./kongponents189.cjs"),me=require("./kongponents190.cjs"),fe=require("./kongponents191.cjs"),ge=require("./kongponents192.cjs"),ve=require("./kongponents193.cjs"),N=require("./kongponents175.cjs"),b=require("./kongponents39.cjs"),ke=require("./kongponents194.cjs"),be=require("./kongponents171.cjs"),ye=require("./kongponents195.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v4ba25220:_.value,v61d5b402:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",X=ye.default(P,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 v=K,G=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents186.cjs"),ie=require("./kongponents46.cjs"),ce=require("./kongponents165.cjs"),re=require("./kongponents187.cjs"),h=require("./kongponents188.cjs"),ue=require("./kongponents189.cjs"),se=require("./kongponents190.cjs"),de=require("./kongponents173.cjs"),he=require("./kongponents191.cjs"),me=require("./kongponents192.cjs"),fe=require("./kongponents193.cjs"),ge=require("./kongponents194.cjs"),ve=require("./kongponents195.cjs"),N=require("./kongponents178.cjs"),b=require("./kongponents39.cjs"),ke=require("./kongponents196.cjs"),be=require("./kongponents171.cjs"),ye=require("./kongponents197.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v4ba25220:_.value,v61d5b402:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",X=ye.default(P,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 v=K,G=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
 `).length},(n,l)=>l+1)}),Q=e.computed(()=>{var t;return((t=y.value[y.value.length-1])==null?void 0:t.toString().length)+"ch"}),T=e.computed(()=>o.processing||f.value),g=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(()=>{var n;if(c.value===""||a.value.length===0)return"";const t=(n=o.code)==null?void 0:n.split(`
 `).filter((l,ae)=>M.value.has(ae+1)).join(`
 `);return h.highlightMatchingChars(t,c.value,s.value)}),Z=e.computed(()=>!o.singleLine&&o.searchable),J=e.computed(()=>o.singleLine?h.escapeHTMLIfNeeded(o.code).replaceAll(`

package/dist/kongponents94.cjs

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

package/dist/kongponents96.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("./kongponents33.cjs"),W=require("./kongponents53.cjs"),G=require("./kongponents56.cjs");;/* empty css                 */require("./kongponents5.cjs");const R=require("./kongponents10.cjs"),H=require("./kongponents177.cjs"),w=require("./kongponents175.cjs"),Z=require("./kongponents171.cjs"),j=require("./kongponents178.cjs"),T=require("./kongponents179.cjs"),x=require("./kongponents180.cjs"),F=["tabindex"],X=["innerHTML"],J={key:1,class:"range-display"},Q={key:3,class:"relative-periods-container"},Y={class:"timeframe-section-title"},_={class:"timeframe-buttons"},ee={class:"datetime-picker-footer-container"},te=e.defineComponent({__name:"KDateTimePicker",props:{clearButton:{type:Boolean},icon:{type:Boolean,default:!0},modelValue:{default:()=>({start:null,end:null})},maxDate:{default:()=>{}},minDate:{default:()=>{}},mode:{},placeholder:{default:"Select a time range"},range:{type:Boolean},timePeriods:{default:()=>[]},width:{default:"100%"},disabled:{type:Boolean},readonly:{type:Boolean},popoverPlacement:{default:"bottom-start"},invalidTimeErrorMessage:{default:"Start time cannot exceed end time."},timeGranularity:{default:"minutely"}},emits:["change","update:modelValue"],setup(l,{emit:M}){var V,K;const c=M,C=e.ref(null),D=e.computed(()=>l.mode!==R.DateTimePickerModes.Relative),o=e.computed(()=>R.ModeArrayCustom.includes(l.mode)&&!l.range),s=e.computed(()=>l.timePeriods.length>0),u=e.computed(()=>a.tabName==="custom"||!s.value),v=e.ref(!0),h=e.ref(!1),E=e.ref(0),B={start:null,end:null},y=e.ref(l.modelValue.start||null),m=e.ref(l.modelValue||B),P=o.value?y:m,g=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:Z.normalizeSize(l.width)})),k=Intl.DateTimeFormat().resolvedOptions().timeZone,a=e.reactive({abbreviatedDisplay:l.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:((V=l.timePeriods[0])==null?void 0:V.values[0])||null,previouslySelectedTimeframe:((K=l.timePeriods[0])==null?void 0:K.values[0])||null,tabName:"relative"}),p=t=>{if(!t)return;const n=o.value?!t.start:!t.start||!t.end,i=(t==null?void 0:t.start)||new Date,d=(t==null?void 0:t.end)||null;v.value=!!n,!o.value&&t&&t.start&&t.end?(m.value.start=i,m.value.end=d):t&&t.start&&(y.value=i),a.selectedRange=a.previouslySelectedRange={start:i,end:d}},N=(t,n=!1)=>{if(t){if(a.selectedTimeframe=a.previouslySelectedTimeframe=t,a.selectedRange={timePeriodsKey:a.selectedTimeframe.key},a.selectedTimeframe.start&&a.selectedTimeframe.end){const i=new Date(a.selectedTimeframe.start()),d=new Date(a.selectedTimeframe.end());a.fullRangeDisplay=z({start:i,end:d},!1),a.selectedRange.start=i,a.selectedRange.end=d}else a.fullRangeDisplay="";v.value=!1,n&&q()}},O=()=>{var t;m.value=B,y.value=null,a.abbreviatedDisplay=l.placeholder,a.fullRangeDisplay="",s.value&&(a.selectedTimeframe=((t=l.timePeriods[0])==null?void 0:t.values[0])||null),a.selectedRange=a.previouslySelectedRange=B,c("change",a.selectedRange),c("update:modelValue",a.selectedRange)},z=(t,n)=>{const{start:i,end:d}=t;let r=l.timeGranularity==="secondly"?"PP hh:mm:ss a":"PP hh:mm a";const f=T.default(i,k,"(z)");return!D.value&&s.value?r="PP hh:mm a":R.ModeDateOnly.includes(l.mode)&&(r="PP"),o.value?`${x.default(i,r)} ${f}`:n?`<div>${x.default(i,r)} -&nbsp;</div><div>${T.default(d,k,r)} ${f}</div>`:`${x.default(i,r)} - ${T.default(d,k,r)} ${f}`},q=async()=>{var t;o.value?a.selectedRange.start&&(c("change",{start:a.selectedRange.start,end:null}),c("update:modelValue",{start:a.selectedRange.start,end:null})):(c("change",a.selectedRange),c("update:modelValue",a.selectedRange)),(t=C.value)==null||t.hidePopover(),b()},b=()=>{var t,n;if(u.value&&((t=a.selectedRange)!=null&&t.start))a.abbreviatedDisplay=z(a.selectedRange,!0);else if(s.value&&!u.value){const i=T.default(new Date,k,"(z)");a.abbreviatedDisplay=`${(n=a.selectedTimeframe)==null?void 0:n.display} ${i}`}},A=t=>t.charAt(0).toUpperCase()+t.slice(1),I=t=>{var n;return((n=a.selectedTimeframe)==null?void 0:n.key)===t.key?"primary":"secondary"};e.watch(y,(t,n)=>{t!==void 0&&t!==n&&p({start:t,end:null})},{immediate:!0}),e.watch(m,(t,n)=>{t!==void 0&&t!==n&&p(t)},{immediate:!0}),e.watch(()=>a.tabName,(t,n)=>{n!==void 0&&t==="relative"?N(a.previouslySelectedTimeframe):n!==void 0&&t==="custom"&&p(a.previouslySelectedRange)}),e.watch(()=>l.modelValue,()=>{if(R.ModeArrayRelative.includes(l.mode)&&l.modelValue.timePeriodsKey){a.tabName="relative",v.value=!1;for(const t of l.timePeriods){const n=t.values.find(i=>i.key===l.modelValue.timePeriodsKey);if(n){N(n),b();break}}}else a.tabName="custom",p(l.modelValue),(l.modelValue.start&&l.modelValue.end||o.value&&l.modelValue.start)&&b();E.value++},{immediate:!0}),e.watch(()=>l.timeGranularity,()=>{b()});const U=()=>{a.popoverOpen=!1,g.value&&g.value.resetTime()},L=()=>{a.popoverOpen=!0,g.value&&g.value.initTimeInputs()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(W.default,{ref_key:"kPop",ref:C,disabled:l.disabled||l.readonly,"hide-caret":"","hide-close-icon":"",offset:e.unref(w.KUI_SPACE_40),placement:l.popoverPlacement,width:"auto",onClose:U,onOpen:L},{content:e.withCtx(()=>[s.value&&D.value?(e.openBlock(),e.createBlock(G.default,{key:0,modelValue:a.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>a.tabName=i),class:"datetime-picker-toggle","data-testid":"datetime-picker-toggle",options:[{label:"Relative",value:"relative"},{label:"Custom",value:"custom"}],onClick:n[1]||(n[1]=i=>a.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!u.value&&a.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",J,e.toDisplayString(a.fullRangeDisplay),1)):e.createCommentVNode("",!0),D.value&&u.value?(e.openBlock(),e.createBlock(j.default,{key:E.value,ref:"calendarWrapperRef",modelValue:e.unref(P),"onUpdate:modelValue":n[2]||(n[2]=i=>e.isRef(P)?P.value=i:null),error:h.value,"onUpdate:error":n[3]||(n[3]=i=>h.value=i),"error-message":l.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":l.mode,"max-date":l.maxDate,"min-date":l.minDate,"time-granularity":l.timeGranularity},null,8,["modelValue","error","error-message","is-range","k-date-picker-mode","max-date","min-date","time-granularity"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",Y,e.toDisplayString(i.section),1),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(S.default,{key:`time-${f}`,appearance:I(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ae=>N(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(A(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",ee,[l.clearButton?(e.openBlock(),e.createBlock(S.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>O())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(S.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||h.value,onClick:n[5]||(n[5]=i=>q())},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger-wrapper",{disabled:l.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:l.disabled,readonly:l.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:l.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":l.icon,disabled:l.disabled}]),"data-testid":"datetime-picker-display",innerHTML:a.abbreviatedDisplay},null,10,X)],14,F),l.icon?(e.openBlock(),e.createBlock(e.unref(H.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(w.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:e.unref(w.KUI_ICON_SIZE_40)},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("./kongponents33.cjs"),W=require("./kongponents53.cjs"),G=require("./kongponents56.cjs");;/* empty css                 */require("./kongponents5.cjs");const R=require("./kongponents10.cjs"),H=require("./kongponents232.cjs"),w=require("./kongponents178.cjs"),Z=require("./kongponents171.cjs"),j=require("./kongponents233.cjs"),T=require("./kongponents234.cjs"),x=require("./kongponents235.cjs"),F=["tabindex"],X=["innerHTML"],J={key:1,class:"range-display"},Q={key:3,class:"relative-periods-container"},Y={class:"timeframe-section-title"},_={class:"timeframe-buttons"},ee={class:"datetime-picker-footer-container"},te=e.defineComponent({__name:"KDateTimePicker",props:{clearButton:{type:Boolean},icon:{type:Boolean,default:!0},modelValue:{default:()=>({start:null,end:null})},maxDate:{default:()=>{}},minDate:{default:()=>{}},mode:{},placeholder:{default:"Select a time range"},range:{type:Boolean},timePeriods:{default:()=>[]},width:{default:"100%"},disabled:{type:Boolean},readonly:{type:Boolean},popoverPlacement:{default:"bottom-start"},invalidTimeErrorMessage:{default:"Start time cannot exceed end time."},timeGranularity:{default:"minutely"}},emits:["change","update:modelValue"],setup(l,{emit:M}){var V,K;const c=M,C=e.ref(null),D=e.computed(()=>l.mode!==R.DateTimePickerModes.Relative),o=e.computed(()=>R.ModeArrayCustom.includes(l.mode)&&!l.range),s=e.computed(()=>l.timePeriods.length>0),u=e.computed(()=>a.tabName==="custom"||!s.value),v=e.ref(!0),h=e.ref(!1),E=e.ref(0),B={start:null,end:null},y=e.ref(l.modelValue.start||null),m=e.ref(l.modelValue||B),P=o.value?y:m,g=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:Z.normalizeSize(l.width)})),k=Intl.DateTimeFormat().resolvedOptions().timeZone,a=e.reactive({abbreviatedDisplay:l.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:((V=l.timePeriods[0])==null?void 0:V.values[0])||null,previouslySelectedTimeframe:((K=l.timePeriods[0])==null?void 0:K.values[0])||null,tabName:"relative"}),p=t=>{if(!t)return;const n=o.value?!t.start:!t.start||!t.end,i=(t==null?void 0:t.start)||new Date,d=(t==null?void 0:t.end)||null;v.value=!!n,!o.value&&t&&t.start&&t.end?(m.value.start=i,m.value.end=d):t&&t.start&&(y.value=i),a.selectedRange=a.previouslySelectedRange={start:i,end:d}},N=(t,n=!1)=>{if(t){if(a.selectedTimeframe=a.previouslySelectedTimeframe=t,a.selectedRange={timePeriodsKey:a.selectedTimeframe.key},a.selectedTimeframe.start&&a.selectedTimeframe.end){const i=new Date(a.selectedTimeframe.start()),d=new Date(a.selectedTimeframe.end());a.fullRangeDisplay=z({start:i,end:d},!1),a.selectedRange.start=i,a.selectedRange.end=d}else a.fullRangeDisplay="";v.value=!1,n&&q()}},O=()=>{var t;m.value=B,y.value=null,a.abbreviatedDisplay=l.placeholder,a.fullRangeDisplay="",s.value&&(a.selectedTimeframe=((t=l.timePeriods[0])==null?void 0:t.values[0])||null),a.selectedRange=a.previouslySelectedRange=B,c("change",a.selectedRange),c("update:modelValue",a.selectedRange)},z=(t,n)=>{const{start:i,end:d}=t;let r=l.timeGranularity==="secondly"?"PP hh:mm:ss a":"PP hh:mm a";const f=T.default(i,k,"(z)");return!D.value&&s.value?r="PP hh:mm a":R.ModeDateOnly.includes(l.mode)&&(r="PP"),o.value?`${x.default(i,r)} ${f}`:n?`<div>${x.default(i,r)} -&nbsp;</div><div>${T.default(d,k,r)} ${f}</div>`:`${x.default(i,r)} - ${T.default(d,k,r)} ${f}`},q=async()=>{var t;o.value?a.selectedRange.start&&(c("change",{start:a.selectedRange.start,end:null}),c("update:modelValue",{start:a.selectedRange.start,end:null})):(c("change",a.selectedRange),c("update:modelValue",a.selectedRange)),(t=C.value)==null||t.hidePopover(),b()},b=()=>{var t,n;if(u.value&&((t=a.selectedRange)!=null&&t.start))a.abbreviatedDisplay=z(a.selectedRange,!0);else if(s.value&&!u.value){const i=T.default(new Date,k,"(z)");a.abbreviatedDisplay=`${(n=a.selectedTimeframe)==null?void 0:n.display} ${i}`}},A=t=>t.charAt(0).toUpperCase()+t.slice(1),I=t=>{var n;return((n=a.selectedTimeframe)==null?void 0:n.key)===t.key?"primary":"secondary"};e.watch(y,(t,n)=>{t!==void 0&&t!==n&&p({start:t,end:null})},{immediate:!0}),e.watch(m,(t,n)=>{t!==void 0&&t!==n&&p(t)},{immediate:!0}),e.watch(()=>a.tabName,(t,n)=>{n!==void 0&&t==="relative"?N(a.previouslySelectedTimeframe):n!==void 0&&t==="custom"&&p(a.previouslySelectedRange)}),e.watch(()=>l.modelValue,()=>{if(R.ModeArrayRelative.includes(l.mode)&&l.modelValue.timePeriodsKey){a.tabName="relative",v.value=!1;for(const t of l.timePeriods){const n=t.values.find(i=>i.key===l.modelValue.timePeriodsKey);if(n){N(n),b();break}}}else a.tabName="custom",p(l.modelValue),(l.modelValue.start&&l.modelValue.end||o.value&&l.modelValue.start)&&b();E.value++},{immediate:!0}),e.watch(()=>l.timeGranularity,()=>{b()});const U=()=>{a.popoverOpen=!1,g.value&&g.value.resetTime()},L=()=>{a.popoverOpen=!0,g.value&&g.value.initTimeInputs()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(W.default,{ref_key:"kPop",ref:C,disabled:l.disabled||l.readonly,"hide-caret":"","hide-close-icon":"",offset:e.unref(w.KUI_SPACE_40),placement:l.popoverPlacement,width:"auto",onClose:U,onOpen:L},{content:e.withCtx(()=>[s.value&&D.value?(e.openBlock(),e.createBlock(G.default,{key:0,modelValue:a.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>a.tabName=i),class:"datetime-picker-toggle","data-testid":"datetime-picker-toggle",options:[{label:"Relative",value:"relative"},{label:"Custom",value:"custom"}],onClick:n[1]||(n[1]=i=>a.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!u.value&&a.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",J,e.toDisplayString(a.fullRangeDisplay),1)):e.createCommentVNode("",!0),D.value&&u.value?(e.openBlock(),e.createBlock(j.default,{key:E.value,ref:"calendarWrapperRef",modelValue:e.unref(P),"onUpdate:modelValue":n[2]||(n[2]=i=>e.isRef(P)?P.value=i:null),error:h.value,"onUpdate:error":n[3]||(n[3]=i=>h.value=i),"error-message":l.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":l.mode,"max-date":l.maxDate,"min-date":l.minDate,"time-granularity":l.timeGranularity},null,8,["modelValue","error","error-message","is-range","k-date-picker-mode","max-date","min-date","time-granularity"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",Y,e.toDisplayString(i.section),1),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(S.default,{key:`time-${f}`,appearance:I(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ae=>N(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(A(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",ee,[l.clearButton?(e.openBlock(),e.createBlock(S.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>O())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(S.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||h.value,onClick:n[5]||(n[5]=i=>q())},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger-wrapper",{disabled:l.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:l.disabled,readonly:l.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:l.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":l.icon,disabled:l.disabled}]),"data-testid":"datetime-picker-display",innerHTML:a.abbreviatedDisplay},null,10,X)],14,F),l.icon?(e.openBlock(),e.createBlock(e.unref(H.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(w.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:e.unref(w.KUI_ICON_SIZE_40)},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=te;

package/dist/kongponents99.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents33.cjs"),P=require("./kongponents24.cjs");;/* empty css                */const T=require("./kongponents53.cjs"),x=require("./kongponents20.cjs"),y=require("./kongponents43.cjs"),D=require("./kongponents196.cjs"),q=require("./kongponents175.cjs"),K={class:"dropdown-list","data-testid":"dropdown-list"},M=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(o,{expose:h,emit:w}){var g;e.watch(()=>o.appearance,t=>{(t==="menu"||t==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>o.label,t=>{t&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=w,k=e.computed(()=>o.disabledTooltip?P.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},b={...c,...o.kpopAttributes,width:o.width||void 0,popoverClasses:`${c.popoverClasses} ${((g=o.kpopAttributes)==null?void 0:g.popoverClasses)||""}`},p=e.computed(()=>{var t;return((t=l.value)==null?void 0:t.label)||o.triggerText||o.label||""}),l=e.ref(),m=t=>{o.selectionMenu&&(l.value=t)},f=()=>{var t;(t=u.value)==null||t.hidePopover()},d=(t,n,r)=>{t.value!==r&&(n(),s("toggleDropdown",t.value))};return e.watch(l,(t,n)=>{t&&t!==n&&s("change",t)}),e.onMounted(()=>{if(o.items){const t=o.items.filter(n=>n.selected);t.length&&(l.value=t[0])}}),h({openDropdown:()=>{var t;(t=u.value)==null||t.showPopover()},closeDropdown:f}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":o.selectionMenu}])},[e.createVNode(x.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(T.default,e.mergeProps({ref:"kPop"},b,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(q.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",K,[e.renderSlot(t.$slots,"items",{closeDropdown:f,handleSelection:m,items:o.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(i,C)=>{var v;return e.openBlock(),e.createBlock(y.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${C}`,item:i,selected:o.selectionMenu&&((v=l.value)==null?void 0:v.value)===i.value,"selection-menu-child":o.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"])}),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:o.disabledTooltip?o.disabledTooltip:void 0,"max-width":o.disabledTooltip?"240":void 0,position:o.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),o.showCaret?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents33.cjs"),P=require("./kongponents24.cjs");;/* empty css                */const T=require("./kongponents53.cjs"),x=require("./kongponents20.cjs"),y=require("./kongponents43.cjs"),D=require("./kongponents203.cjs"),q=require("./kongponents178.cjs"),K={class:"dropdown-list","data-testid":"dropdown-list"},M=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(o,{expose:h,emit:w}){var g;e.watch(()=>o.appearance,t=>{(t==="menu"||t==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>o.label,t=>{t&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=w,k=e.computed(()=>o.disabledTooltip?P.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},b={...c,...o.kpopAttributes,width:o.width||void 0,popoverClasses:`${c.popoverClasses} ${((g=o.kpopAttributes)==null?void 0:g.popoverClasses)||""}`},p=e.computed(()=>{var t;return((t=l.value)==null?void 0:t.label)||o.triggerText||o.label||""}),l=e.ref(),m=t=>{o.selectionMenu&&(l.value=t)},f=()=>{var t;(t=u.value)==null||t.hidePopover()},d=(t,n,r)=>{t.value!==r&&(n(),s("toggleDropdown",t.value))};return e.watch(l,(t,n)=>{t&&t!==n&&s("change",t)}),e.onMounted(()=>{if(o.items){const t=o.items.filter(n=>n.selected);t.length&&(l.value=t[0])}}),h({openDropdown:()=>{var t;(t=u.value)==null||t.showPopover()},closeDropdown:f}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":o.selectionMenu}])},[e.createVNode(x.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(T.default,e.mergeProps({ref:"kPop"},b,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(q.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",K,[e.renderSlot(t.$slots,"items",{closeDropdown:f,handleSelection:m,items:o.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(i,C)=>{var v;return e.openBlock(),e.createBlock(y.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${C}`,item:i,selected:o.selectionMenu&&((v=l.value)==null?void 0:v.value)===i.value,"selection-menu-child":o.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"])}),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:o.disabledTooltip?o.disabledTooltip:void 0,"max-width":o.disabledTooltip?"240":void 0,position:o.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),o.showCaret?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=M;

package/dist/types/types/tree-list.d.ts

@@ -1,4 +1,4 @@
-export interface TreeListItem {
+export interface TreeListItem extends Record<string, any> {
     name: string;
     id: string;
     selected?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.49.1",
+  "version": "9.49.2-pr.3046.82174f0.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -30,35 +30,6 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents:umd": "BUILD_UMD=true vite build",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome",
-    "test:open": "cross-env DISABLE_VUE_DEVTOOLS=true cypress open --component -b chrome",
-    "test:spec": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@kong/icons": "^1.41.0",
@@ -81,8 +52,8 @@
   },
   "devDependencies": {
     "@babel/types": "^7.28.5",
-    "@commitlint/cli": "^20.2.0",
-    "@commitlint/config-conventional": "^20.2.0",
+    "@commitlint/cli": "^20.3.0",
+    "@commitlint/config-conventional": "^20.3.0",
     "@cypress/vite-dev-server": "^7.0.1",
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
     "@evilmartians/lefthook": "^2.0.13",
@@ -190,10 +161,9 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
-  "packageManager": "pnpm@10.26.2",
   "volta": {
     "node": "24.12.0",
-    "pnpm": "10.26.2"
+    "pnpm": "10.27.0"
   },
   "config": {
     "commitizen": {
@@ -205,12 +175,33 @@
       "jiraAppend": "]"
     }
   },
-  "pnpm": {
-    "overrides": {
-      "axios@>=1.0.0 <1.12.0": ">=1.13.2",
-      "cross-spawn@>=7.0.0 <7.0.5": ">=7.0.6",
-      "glob@>=10.2.0 <10.5.0": ">=10.5.0",
-      "node-forge@<1.3.2": ">=1.3.3"
-    }
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents:umd": "BUILD_UMD=true vite build",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome",
+    "test:open": "cross-env DISABLE_VUE_DEVTOOLS=true cypress open --component -b chrome",
+    "test:spec": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}

package/dist/kongponents.es231.js

@@ -1,7 +0,0 @@
-import o from "./kongponents.es357.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cf7c2833"]]);
-export {
-  f as default
-};

package/dist/kongponents.es244.js

@@ -1,8 +0,0 @@
-import p from "./kongponents.es311.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/kongponents.es246.js

@@ -1,25 +0,0 @@
-import { watch as n, getCurrentScope as r, onScopeDispose as i } from "vue";
-function s(t, e) {
-  return r() ? (i(t, e), !0) : !1;
-}
-const f = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const c = Object.prototype.toString, u = (t) => c.call(t) === "[object Object]", a = () => {
-};
-function d(t) {
-  return Array.isArray(t) ? t : [t];
-}
-function l(t, e, o) {
-  return n(t, e, {
-    ...o,
-    immediate: !0
-  });
-}
-export {
-  f as isClient,
-  u as isObject,
-  a as noop,
-  d as toArray,
-  s as tryOnScopeDispose,
-  l as watchImmediate
-};

package/dist/kongponents.es250.js

@@ -1,136 +0,0 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
-export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
-};

package/dist/kongponents.es251.js

@@ -1,4 +0,0 @@
-import f from "./kongponents.es217.js";
-export {
-  f as default
-};

package/dist/kongponents.es363.js

@@ -1,7 +0,0 @@
-import o from "./kongponents.es442.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-18967eab"]]);
-export {
-  a as default
-};

package/dist/kongponents231.cjs

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

package/dist/kongponents244.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents311.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/kongponents246.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");function r(e,t){return o.getCurrentScope()?(o.onScopeDispose(e,t),!0):!1}const i=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const c=Object.prototype.toString,s=e=>c.call(e)==="[object Object]",p=()=>{};function u(e){return Array.isArray(e)?e:[e]}function a(e,t,n){return o.watch(e,t,{...n,immediate:!0})}exports.isClient=i;exports.isObject=s;exports.noop=p;exports.toArray=u;exports.tryOnScopeDispose=r;exports.watchImmediate=a;

package/dist/kongponents250.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(){return typeof window<"u"}function c(e){return d(e)?(e.nodeName||"").toLowerCase():"#document"}function i(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function N(e){var t;return(t=(d(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function d(e){return s()?e instanceof Node||e instanceof i(e).Node:!1}function m(e){return s()?e instanceof Element||e instanceof i(e).Element:!1}function w(e){return s()?e instanceof HTMLElement||e instanceof i(e).HTMLElement:!1}function u(e){return!s()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof i(e).ShadowRoot}const C=new Set(["inline","contents"]);function p(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=y(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!C.has(r)}const D=new Set(["table","td","th"]);function k(e){return D.has(c(e))}const O=[":popover-open",":modal"];function h(e){return O.some(t=>{try{return e.matches(t)}catch{return!1}})}const A=["transform","translate","scale","rotate","perspective"],B=["transform","translate","scale","rotate","perspective","filter"],M=["paint","layout","strict","content"];function E(e){const t=T(),n=m(e)?y(e):e;return A.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||B.some(o=>(n.willChange||"").includes(o))||M.some(o=>(n.contain||"").includes(o))}function P(e){let t=l(e);for(;w(t)&&!g(t);){if(E(t))return t;if(h(t))return null;t=l(t)}return null}function T(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const R=new Set(["html","body","#document"]);function g(e){return R.has(c(e))}function y(e){return i(e).getComputedStyle(e)}function V(e){return m(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function l(e){if(c(e)==="html")return e;const t=e.assignedSlot||e.parentNode||u(e)&&e.host||N(e);return u(t)?t.host:t}function S(e){const t=l(e);return g(t)?e.ownerDocument?e.ownerDocument.body:e.body:w(t)&&p(t)?t:S(t)}function f(e,t,n){var o;t===void 0&&(t=[]),n===void 0&&(n=!0);const r=S(e),L=r===((o=e.ownerDocument)==null?void 0:o.body),a=i(r);if(L){const b=v(a);return t.concat(a,a.visualViewport||[],p(r)?r:[],b&&n?f(b):[])}return t.concat(r,f(r,[],n))}function v(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}exports.getComputedStyle=y;exports.getContainingBlock=P;exports.getDocumentElement=N;exports.getFrameElement=v;exports.getNearestOverflowAncestor=S;exports.getNodeName=c;exports.getNodeScroll=V;exports.getOverflowAncestors=f;exports.getParentNode=l;exports.getWindow=i;exports.isContainingBlock=E;exports.isElement=m;exports.isHTMLElement=w;exports.isLastTraversableNode=g;exports.isNode=d;exports.isOverflowElement=p;exports.isShadowRoot=u;exports.isTableElement=k;exports.isTopLayer=h;exports.isWebKit=T;

package/dist/kongponents251.cjs

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

package/dist/kongponents363.cjs

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