@kong/kongponents 9.64.10-pr.3360.a45f83f.0 → 9.64.10

package/dist/kongponents102.cjs

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

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

package/dist/kongponents104.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("./kongponents38.cjs"),U=require("./kongponents62.cjs"),L=require("./kongponents65.cjs");;/* empty css                 */require("./kongponents7.cjs");const R=require("./kongponents12.cjs"),W=require("./kongponents239.cjs"),S=require("./kongponents189.cjs"),F=require("./kongponents197.cjs"),G=require("./kongponents240.cjs"),T=require("./kongponents241.cjs"),V=require("./kongponents242.cjs"),H=["tabindex"],Z=["innerHTML"],j={key:1,class:"range-display"},X={key:3,class:"relative-periods-container"},J={class:"timeframe-section-title"},Q={class:"timeframe-buttons"},Y={class:"datetime-picker-footer-container"},_=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"},sameDayFullRange:{type:Boolean,default:!1},customRangeValidation:{type:Function}},emits:["change","update:modelValue"],setup(a,{emit:q}){const c=q,w=e.ref(null),D=e.computed(()=>a.mode!==R.DateTimePickerModes.Relative),o=e.computed(()=>R.ModeArrayCustom.includes(a.mode)&&!a.range),s=e.computed(()=>a.timePeriods.length>0),u=e.computed(()=>t.tabName==="custom"||!s.value),v=e.ref(!0),h=e.ref(!1),x=e.ref(0),B={start:null,end:null},y=e.ref(a.modelValue.start||null),m=e.ref(a.modelValue||B),P=o.value?y:m,g=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:F.normalizeSize(a.width)})),k=Intl.DateTimeFormat().resolvedOptions().timeZone,t=e.reactive({abbreviatedDisplay:a.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:a.timePeriods[0]?.values[0]||null,previouslySelectedTimeframe:a.timePeriods[0]?.values[0]||null,tabName:"relative"}),b=l=>{if(!l)return;const n=o.value?!l.start:!l.start||!l.end,i=l?.start||new Date,d=l?.end||null;v.value=!!n,!o.value&&l&&l.start&&l.end?(m.value.start=i,m.value.end=d):l&&l.start&&(y.value=i),t.selectedRange=t.previouslySelectedRange={start:i,end:d}},C=(l,n=!1)=>{if(l){if(t.selectedTimeframe=t.previouslySelectedTimeframe=l,t.selectedRange={timePeriodsKey:t.selectedTimeframe.key},t.selectedTimeframe.start&&t.selectedTimeframe.end){const i=new Date(t.selectedTimeframe.start()),d=new Date(t.selectedTimeframe.end());t.fullRangeDisplay=E({start:i,end:d},!1),t.selectedRange.start=i,t.selectedRange.end=d}else t.fullRangeDisplay="";v.value=!1,n&&z()}},K=()=>{m.value=B,y.value=null,t.abbreviatedDisplay=a.placeholder,t.fullRangeDisplay="",s.value&&(t.selectedTimeframe=a.timePeriods[0]?.values[0]||null),t.selectedRange=t.previouslySelectedRange=B,c("change",t.selectedRange),c("update:modelValue",t.selectedRange)},E=(l,n)=>{const{start:i,end:d}=l;let r=a.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(a.mode)&&(r="PP"),o.value?`${V.default(i,r)} ${f}`:n?`<div>${V.default(i,r)} -&nbsp;</div><div>${T.default(d,k,r)} ${f}</div>`:`${V.default(i,r)} - ${T.default(d,k,r)} ${f}`},z=async()=>{o.value?t.selectedRange.start&&(c("change",{start:t.selectedRange.start,end:null}),c("update:modelValue",{start:t.selectedRange.start,end:null})):(c("change",t.selectedRange),c("update:modelValue",t.selectedRange)),w.value?.hidePopover(),p()},p=()=>{if(u.value&&t.selectedRange?.start)t.abbreviatedDisplay=E(t.selectedRange,!0);else if(s.value&&!u.value){const l=T.default(new Date,k,"(z)");t.abbreviatedDisplay=`${t.selectedTimeframe?.display} ${l}`}},M=l=>l.charAt(0).toUpperCase()+l.slice(1),O=l=>t.selectedTimeframe?.key===l.key?"primary":"secondary";e.watch(y,(l,n)=>{l!==void 0&&l!==n&&b({start:l,end:null})},{immediate:!0}),e.watch(m,(l,n)=>{l!==void 0&&l!==n&&b(l)},{immediate:!0}),e.watch(()=>t.tabName,(l,n)=>{n!==void 0&&l==="relative"?C(t.previouslySelectedTimeframe):n!==void 0&&l==="custom"&&b(t.previouslySelectedRange)}),e.watch(()=>a.modelValue,()=>{if(R.ModeArrayRelative.includes(a.mode)&&a.modelValue.timePeriodsKey){t.tabName="relative",v.value=!1;for(const l of a.timePeriods){const n=l.values.find(i=>i.key===a.modelValue.timePeriodsKey);if(n){C(n),p();break}}}else t.tabName="custom",b(a.modelValue),(a.modelValue.start&&a.modelValue.end||o.value&&a.modelValue.start)&&p();x.value++},{immediate:!0}),e.watch(()=>a.timeGranularity,()=>{p()});const A=()=>{t.popoverOpen=!1,g.value&&g.value.resetTime()},I=()=>{t.popoverOpen=!0,g.value&&g.value.initTimeInputs()};return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(U.default,{ref_key:"kPop",ref:w,disabled:a.disabled||a.readonly,"hide-caret":"","hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(S.KUI_SPACE_40)})`,placement:a.popoverPlacement,width:"auto",onClose:A,onOpen:I},{content:e.withCtx(()=>[s.value&&D.value?(e.openBlock(),e.createBlock(L.default,{key:0,modelValue:t.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>t.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=>t.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!u.value&&t.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(t.fullRangeDisplay),1)):e.createCommentVNode("",!0),D.value&&u.value?(e.openBlock(),e.createBlock(G.default,{key:x.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),"custom-range-validation":a.customRangeValidation,"error-message":a.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":a.mode,"max-date":a.maxDate,"min-date":a.minDate,"same-day-full-range":a.sameDayFullRange,"time-granularity":a.timeGranularity},null,8,["modelValue","error","custom-range-validation","error-message","is-range","k-date-picker-mode","max-date","min-date","same-day-full-range","time-granularity"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",J,e.toDisplayString(i.section),1),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(N.default,{key:`time-${f}`,appearance:O(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ee=>C(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(M(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",Y,[a.clearButton?(e.openBlock(),e.createBlock(N.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>K())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(N.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||h.value,onClick:n[5]||(n[5]=i=>z())},{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:a.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:a.disabled,readonly:a.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:a.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":a.icon,disabled:a.disabled}]),"data-testid":"datetime-picker-display",innerHTML:t.abbreviatedDisplay},null,10,Z)],14,H),a.icon?(e.openBlock(),e.createBlock(e.unref(W.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(S.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:`var(--kui-icon-size-40, ${e.unref(S.KUI_ICON_SIZE_40)})`},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("./kongponents38.cjs"),U=require("./kongponents62.cjs"),L=require("./kongponents65.cjs");;/* empty css                 */require("./kongponents7.cjs");const R=require("./kongponents12.cjs"),W=require("./kongponents228.cjs"),S=require("./kongponents189.cjs"),F=require("./kongponents197.cjs"),G=require("./kongponents229.cjs"),T=require("./kongponents230.cjs"),V=require("./kongponents231.cjs"),H=["tabindex"],Z=["innerHTML"],j={key:1,class:"range-display"},X={key:3,class:"relative-periods-container"},J={class:"timeframe-section-title"},Q={class:"timeframe-buttons"},Y={class:"datetime-picker-footer-container"},_=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"},sameDayFullRange:{type:Boolean,default:!1},customRangeValidation:{type:Function}},emits:["change","update:modelValue"],setup(a,{emit:q}){const c=q,w=e.ref(null),D=e.computed(()=>a.mode!==R.DateTimePickerModes.Relative),o=e.computed(()=>R.ModeArrayCustom.includes(a.mode)&&!a.range),s=e.computed(()=>a.timePeriods.length>0),u=e.computed(()=>t.tabName==="custom"||!s.value),v=e.ref(!0),h=e.ref(!1),x=e.ref(0),B={start:null,end:null},y=e.ref(a.modelValue.start||null),m=e.ref(a.modelValue||B),P=o.value?y:m,g=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:F.normalizeSize(a.width)})),k=Intl.DateTimeFormat().resolvedOptions().timeZone,t=e.reactive({abbreviatedDisplay:a.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:a.timePeriods[0]?.values[0]||null,previouslySelectedTimeframe:a.timePeriods[0]?.values[0]||null,tabName:"relative"}),b=l=>{if(!l)return;const n=o.value?!l.start:!l.start||!l.end,i=l?.start||new Date,d=l?.end||null;v.value=!!n,!o.value&&l&&l.start&&l.end?(m.value.start=i,m.value.end=d):l&&l.start&&(y.value=i),t.selectedRange=t.previouslySelectedRange={start:i,end:d}},C=(l,n=!1)=>{if(l){if(t.selectedTimeframe=t.previouslySelectedTimeframe=l,t.selectedRange={timePeriodsKey:t.selectedTimeframe.key},t.selectedTimeframe.start&&t.selectedTimeframe.end){const i=new Date(t.selectedTimeframe.start()),d=new Date(t.selectedTimeframe.end());t.fullRangeDisplay=E({start:i,end:d},!1),t.selectedRange.start=i,t.selectedRange.end=d}else t.fullRangeDisplay="";v.value=!1,n&&z()}},K=()=>{m.value=B,y.value=null,t.abbreviatedDisplay=a.placeholder,t.fullRangeDisplay="",s.value&&(t.selectedTimeframe=a.timePeriods[0]?.values[0]||null),t.selectedRange=t.previouslySelectedRange=B,c("change",t.selectedRange),c("update:modelValue",t.selectedRange)},E=(l,n)=>{const{start:i,end:d}=l;let r=a.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(a.mode)&&(r="PP"),o.value?`${V.default(i,r)} ${f}`:n?`<div>${V.default(i,r)} -&nbsp;</div><div>${T.default(d,k,r)} ${f}</div>`:`${V.default(i,r)} - ${T.default(d,k,r)} ${f}`},z=async()=>{o.value?t.selectedRange.start&&(c("change",{start:t.selectedRange.start,end:null}),c("update:modelValue",{start:t.selectedRange.start,end:null})):(c("change",t.selectedRange),c("update:modelValue",t.selectedRange)),w.value?.hidePopover(),p()},p=()=>{if(u.value&&t.selectedRange?.start)t.abbreviatedDisplay=E(t.selectedRange,!0);else if(s.value&&!u.value){const l=T.default(new Date,k,"(z)");t.abbreviatedDisplay=`${t.selectedTimeframe?.display} ${l}`}},M=l=>l.charAt(0).toUpperCase()+l.slice(1),O=l=>t.selectedTimeframe?.key===l.key?"primary":"secondary";e.watch(y,(l,n)=>{l!==void 0&&l!==n&&b({start:l,end:null})},{immediate:!0}),e.watch(m,(l,n)=>{l!==void 0&&l!==n&&b(l)},{immediate:!0}),e.watch(()=>t.tabName,(l,n)=>{n!==void 0&&l==="relative"?C(t.previouslySelectedTimeframe):n!==void 0&&l==="custom"&&b(t.previouslySelectedRange)}),e.watch(()=>a.modelValue,()=>{if(R.ModeArrayRelative.includes(a.mode)&&a.modelValue.timePeriodsKey){t.tabName="relative",v.value=!1;for(const l of a.timePeriods){const n=l.values.find(i=>i.key===a.modelValue.timePeriodsKey);if(n){C(n),p();break}}}else t.tabName="custom",b(a.modelValue),(a.modelValue.start&&a.modelValue.end||o.value&&a.modelValue.start)&&p();x.value++},{immediate:!0}),e.watch(()=>a.timeGranularity,()=>{p()});const A=()=>{t.popoverOpen=!1,g.value&&g.value.resetTime()},I=()=>{t.popoverOpen=!0,g.value&&g.value.initTimeInputs()};return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(U.default,{ref_key:"kPop",ref:w,disabled:a.disabled||a.readonly,"hide-caret":"","hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(S.KUI_SPACE_40)})`,placement:a.popoverPlacement,width:"auto",onClose:A,onOpen:I},{content:e.withCtx(()=>[s.value&&D.value?(e.openBlock(),e.createBlock(L.default,{key:0,modelValue:t.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>t.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=>t.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!u.value&&t.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(t.fullRangeDisplay),1)):e.createCommentVNode("",!0),D.value&&u.value?(e.openBlock(),e.createBlock(G.default,{key:x.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),"custom-range-validation":a.customRangeValidation,"error-message":a.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":a.mode,"max-date":a.maxDate,"min-date":a.minDate,"same-day-full-range":a.sameDayFullRange,"time-granularity":a.timeGranularity},null,8,["modelValue","error","custom-range-validation","error-message","is-range","k-date-picker-mode","max-date","min-date","same-day-full-range","time-granularity"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",J,e.toDisplayString(i.section),1),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(N.default,{key:`time-${f}`,appearance:O(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ee=>C(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(M(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",Y,[a.clearButton?(e.openBlock(),e.createBlock(N.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>K())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(N.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||h.value,onClick:n[5]||(n[5]=i=>z())},{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:a.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:a.disabled,readonly:a.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:a.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":a.icon,disabled:a.disabled}]),"data-testid":"datetime-picker-display",innerHTML:t.abbreviatedDisplay},null,10,Z)],14,H),a.icon?(e.openBlock(),e.createBlock(e.unref(W.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(S.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:`var(--kui-icon-size-40, ${e.unref(S.KUI_ICON_SIZE_40)})`},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=_;

package/dist/kongponents104.es.js

@@ -5,12 +5,12 @@ import re from "./kongponents65.es.js";
 /* empty css                  */
 import "./kongponents7.es.js";
 import { DateTimePickerModes as de, ModeArrayCustom as oe, ModeArrayRelative as se, ModeDateOnly as me } from "./kongponents12.es.js";
-import ue from "./kongponents239.es.js";
+import ue from "./kongponents228.es.js";
 import { KUI_SPACE_40 as ce, KUI_ICON_SIZE_40 as fe, KUI_COLOR_TEXT_NEUTRAL as ve } from "./kongponents189.es.js";
 import { normalizeSize as ye } from "./kongponents197.es.js";
-import ge from "./kongponents240.es.js";
-import x from "./kongponents241.es.js";
-import I from "./kongponents242.es.js";
+import ge from "./kongponents229.es.js";
+import x from "./kongponents230.es.js";
+import I from "./kongponents231.es.js";
 const be = ["tabindex"], pe = ["innerHTML"], ke = {
   key: 1,
   class: "range-display"

package/dist/kongponents107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("./kongponents38.cjs"),C=require("./kongponents30.cjs");;/* empty css                */const B=require("./kongponents62.cjs"),P=require("./kongponents29.cjs"),T=require("./kongponents50.cjs"),x=require("./kongponents237.cjs"),y=require("./kongponents189.cjs"),D={class:"dropdown-list","data-testid":"dropdown-list"},q=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(t,{expose:g,emit:v}){e.watch(()=>t.appearance,o=>{(o==="menu"||o==="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(()=>t.label,o=>{o&&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=v,h=e.computed(()=>t.disabledTooltip?C.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},w={...c,...t.kpopAttributes,width:t.width||void 0,popoverClasses:`${c.popoverClasses} ${t.kpopAttributes?.popoverClasses||""}`},p=e.computed(()=>l.value?.label||t.triggerText||t.label||""),l=e.ref(),m=o=>{t.selectionMenu&&(l.value=o)},f=()=>{u.value?.hidePopover()},d=(o,n,r)=>{o.value!==r&&(n(),s("toggleDropdown",o.value))};return e.watch(l,(o,n)=>{o&&o!==n&&s("change",o)}),e.onMounted(()=>{if(t.items){const o=t.items.filter(n=>n.selected);o.length&&(l.value=o[0])}}),g({openDropdown:()=>{u.value?.showPopover()},closeDropdown:f}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":t.selectionMenu}])},[e.createVNode(P.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(B.default,e.mergeProps({ref:"kPop"},w,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:`var(--kui-space-20, ${e.unref(y.KUI_SPACE_20)})`,onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",D,[e.renderSlot(o.$slots,"items",{closeDropdown:f,handleSelection:m,items:t.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,k)=>(e.openBlock(),e.createBlock(T.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${k}`,item:i,selected:t.selectionMenu&&l.value?.value===i.value,"selection-menu-child":t.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"]))),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:t.disabledTooltip?t.disabledTooltip:void 0,"max-width":t.disabledTooltip?"240":void 0,position:t.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(b.default,{key:0,appearance:t.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),t.showCaret?(e.openBlock(),e.createBlock(e.unref(x.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=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("./kongponents38.cjs"),C=require("./kongponents30.cjs");;/* empty css                */const B=require("./kongponents62.cjs"),P=require("./kongponents29.cjs"),T=require("./kongponents50.cjs"),x=require("./kongponents204.cjs"),y=require("./kongponents189.cjs"),D={class:"dropdown-list","data-testid":"dropdown-list"},q=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(t,{expose:g,emit:v}){e.watch(()=>t.appearance,o=>{(o==="menu"||o==="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(()=>t.label,o=>{o&&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=v,h=e.computed(()=>t.disabledTooltip?C.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},w={...c,...t.kpopAttributes,width:t.width||void 0,popoverClasses:`${c.popoverClasses} ${t.kpopAttributes?.popoverClasses||""}`},p=e.computed(()=>l.value?.label||t.triggerText||t.label||""),l=e.ref(),m=o=>{t.selectionMenu&&(l.value=o)},f=()=>{u.value?.hidePopover()},d=(o,n,r)=>{o.value!==r&&(n(),s("toggleDropdown",o.value))};return e.watch(l,(o,n)=>{o&&o!==n&&s("change",o)}),e.onMounted(()=>{if(t.items){const o=t.items.filter(n=>n.selected);o.length&&(l.value=o[0])}}),g({openDropdown:()=>{u.value?.showPopover()},closeDropdown:f}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":t.selectionMenu}])},[e.createVNode(P.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(B.default,e.mergeProps({ref:"kPop"},w,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:`var(--kui-space-20, ${e.unref(y.KUI_SPACE_20)})`,onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",D,[e.renderSlot(o.$slots,"items",{closeDropdown:f,handleSelection:m,items:t.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(i,k)=>(e.openBlock(),e.createBlock(T.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${k}`,item:i,selected:t.selectionMenu&&l.value?.value===i.value,"selection-menu-child":t.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"]))),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:t.disabledTooltip?t.disabledTooltip:void 0,"max-width":t.disabledTooltip?"240":void 0,position:t.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(b.default,{key:0,appearance:t.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:t.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),t.showCaret?(e.openBlock(),e.createBlock(e.unref(x.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=q;

package/dist/kongponents107.es.js

@@ -5,7 +5,7 @@ import L from "./kongponents30.es.js";
 import U from "./kongponents62.es.js";
 import j from "./kongponents29.es.js";
 import G from "./kongponents50.es.js";
-import H from "./kongponents237.es.js";
+import H from "./kongponents204.es.js";
 import { KUI_SPACE_20 as J } from "./kongponents189.es.js";
 const Q = {
   class: "dropdown-list",

package/dist/kongponents113.cjs

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

package/dist/kongponents113.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as T, useSlots as b, useId as K, computed as m, openBlock as o, createElementBlock as i, normalizeClass as f, createElementVNode as l, renderSlot as n, createBlock as y, resolveDynamicComponent as N, unref as k, createTextVNode as v, toDisplayString as c, createCommentVNode as s, createVNode as O, withCtx as u, Fragment as S, renderList as D } from "vue";
-import $ from "./kongponents230.es.js";
+import $ from "./kongponents232.es.js";
 import R from "./kongponents190.es.js";
-import U from "./kongponents228.es.js";
+import U from "./kongponents225.es.js";
 import A from "./kongponents188.es.js";
 import { KUI_COLOR_TEXT_DECORATIVE_AQUA as L, KUI_COLOR_TEXT_NEUTRAL as w, KUI_COLOR_TEXT_WARNING as z, KUI_ICON_SIZE_60 as X } from "./kongponents189.es.js";
 import q from "./kongponents38.es.js";

package/dist/kongponents115.cjs

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

package/dist/kongponents115.es.js

@@ -2,9 +2,9 @@ import { defineComponent as le, useSlots as ae, useAttrs as te, useId as ie, com
 import ne from "./kongponents57.es.js";
 import se from "./kongponents55.es.js";
 import V from "./kongponents38.es.js";
-import de from "./kongponents191.es.js";
-import ve from "./kongponents232.es.js";
-import fe from "./kongponents233.es.js";
+import de from "./kongponents192.es.js";
+import ve from "./kongponents193.es.js";
+import fe from "./kongponents194.es.js";
 const ce = ["role"], me = { class: "file-upload-input-wrapper" }, be = {
   key: 1,
   class: "file-upload-dropzone-wrapper"

package/dist/kongponents117.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents191.cjs"),W=require("./kongponents57.cjs"),w=require("./kongponents189.cjs"),O=require("./kongponents192.cjs"),R=require("./kongponents193.cjs"),D=["id","aria-describedby","aria-invalid","type","value"],U=["aria-label"],z=["id"],H=e.defineComponent({inheritAttrs:!1,__name:"KInput",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},help:{default:""},error:{type:Boolean},errorMessage:{default:""},characterLimit:{default:null},hasError:{type:Boolean},type:{default:"text"},showPasswordMaskToggle:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(t,{expose:E,emit:V}){e.useCssVars(l=>({ee42c648:y.value,v677422af:S.value})),e.watch(()=>t.hasError,l=>{l&&console.warn("KInput: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kinput")},{immediate:!0}),e.watch(()=>t.labelAttributes.help,l=>{l&&console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")});const c=V,a=e.useSlots(),B=e.useTemplateRef("inputElement"),o=e.ref(""),s=e.ref(!1),f=e.ref(0),{stripRequiredLabel:x}=K.default(),n=e.useAttrs(),p=e.computed(()=>n?.required!==void 0&&String(n?.required)!=="false"),I=e.useId(),k=e.computed(()=>n.id?String(n.id):I),b=e.useId(),M=e.computed(()=>x(t.label,p.value)),T=()=>!!(t.labelAttributes?.info||a["label-tooltip"]),C=e.computed({get(){return t.modelValue},set(l){m({target:{value:l}})}}),L=e.computed(()=>{const l={...n};return delete l.class,delete l.input,delete l.onInput,l}),i=e.computed(()=>{const l=o.value?.toString().length||0,r=t.modelValue?.toString().length||0;let g=l;return!s.value&&r&&(g=r),!!t.characterLimit&&g>t.characterLimit}),q=e.computed(()=>i.value?s.value?`${o.value?.toString().length} / ${t.characterLimit}`:`${t.modelValue?.toString().length} / ${t.characterLimit}`:""),N=()=>!i.value&&!t.error&&!t.hasError&&!!(t.help||a.help),d=e.computed(()=>i.value?q.value:(t.error||t.hasError)&&t.errorMessage?t.errorMessage:t.help);e.watch(i,(l,r)=>{l!==r&&(c("char-limit-exceeded",{value:o.value,length:o.value.length,characterLimit:t.characterLimit,limitExceeded:l}),f.value+=1)}),e.watch(C,(l,r)=>{l!==r&&m({target:{value:l}})});const m=l=>{const r=JSON.parse(JSON.stringify(l?.target?.value));$(r)},$=l=>{o.value=l,s.value=!0,c("input",l),c("update:modelValue",l)},P=()=>o.value||s.value?o.value:t.modelValue;e.watch(()=>t.error,(l,r)=>{l!==r&&(f.value+=1)});const v=e.ref(null),h=e.ref(null),y=e.ref(w.KUI_ICON_SIZE_40),S=e.ref(w.KUI_ICON_SIZE_40),u=e.ref(!1),A=e.computed(()=>t.type==="password"&&u.value?"text":t.type);return e.onMounted(async()=>{await e.nextTick(),v.value?.offsetWidth&&(y.value=v.value.offsetWidth+"px"),h.value?.offsetWidth&&(S.value=h.value.offsetWidth+"px")}),E({input:B}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(n).class,{"input-error":i.value||t.error||t.hasError}]])},[t.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0,for:k.value},t.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(M.value)+" ",1)]),_:2},[T()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":a.before,"has-after-content":a.after||t.type==="password"&&t.showPasswordMaskToggle}])},[a.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(l.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":d.value||a.help?e.unref(b):void 0,"aria-invalid":t.error||t.hasError||i.value?"true":void 0,class:"input",type:A.value},L.value,{value:P(),onInput:m}),null,16,D),a.after||t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:h,class:"after-content-wrapper"},[t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${u.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(g=>u.value=!u.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[u.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(R.default),{key:1,decorative:""}))],40,U)):e.renderSlot(l.$slots,"after",{},void 0,!0,1)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||a.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(f.value),class:"help-text"},[N()?e.renderSlot(l.$slots,"help",{},()=>[e.createTextVNode(e.toDisplayString(d.value),1)],!0,0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))],8,z)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents192.cjs"),W=require("./kongponents57.cjs"),w=require("./kongponents189.cjs"),O=require("./kongponents199.cjs"),R=require("./kongponents200.cjs"),D=["id","aria-describedby","aria-invalid","type","value"],U=["aria-label"],z=["id"],H=e.defineComponent({inheritAttrs:!1,__name:"KInput",props:{modelValue:{default:""},label:{default:""},labelAttributes:{default:()=>({})},help:{default:""},error:{type:Boolean},errorMessage:{default:""},characterLimit:{default:null},hasError:{type:Boolean},type:{default:"text"},showPasswordMaskToggle:{type:Boolean}},emits:["input","update:modelValue","char-limit-exceeded"],setup(t,{expose:E,emit:V}){e.useCssVars(l=>({ee42c648:y.value,v677422af:S.value})),e.watch(()=>t.hasError,l=>{l&&console.warn("KInput: `hasError` prop is deprecated. Please use `error` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kinput")},{immediate:!0}),e.watch(()=>t.labelAttributes.help,l=>{l&&console.warn("KInput: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")});const c=V,a=e.useSlots(),B=e.useTemplateRef("inputElement"),o=e.ref(""),s=e.ref(!1),f=e.ref(0),{stripRequiredLabel:x}=K.default(),n=e.useAttrs(),p=e.computed(()=>n?.required!==void 0&&String(n?.required)!=="false"),I=e.useId(),k=e.computed(()=>n.id?String(n.id):I),b=e.useId(),M=e.computed(()=>x(t.label,p.value)),T=()=>!!(t.labelAttributes?.info||a["label-tooltip"]),C=e.computed({get(){return t.modelValue},set(l){m({target:{value:l}})}}),L=e.computed(()=>{const l={...n};return delete l.class,delete l.input,delete l.onInput,l}),i=e.computed(()=>{const l=o.value?.toString().length||0,r=t.modelValue?.toString().length||0;let g=l;return!s.value&&r&&(g=r),!!t.characterLimit&&g>t.characterLimit}),q=e.computed(()=>i.value?s.value?`${o.value?.toString().length} / ${t.characterLimit}`:`${t.modelValue?.toString().length} / ${t.characterLimit}`:""),N=()=>!i.value&&!t.error&&!t.hasError&&!!(t.help||a.help),d=e.computed(()=>i.value?q.value:(t.error||t.hasError)&&t.errorMessage?t.errorMessage:t.help);e.watch(i,(l,r)=>{l!==r&&(c("char-limit-exceeded",{value:o.value,length:o.value.length,characterLimit:t.characterLimit,limitExceeded:l}),f.value+=1)}),e.watch(C,(l,r)=>{l!==r&&m({target:{value:l}})});const m=l=>{const r=JSON.parse(JSON.stringify(l?.target?.value));$(r)},$=l=>{o.value=l,s.value=!0,c("input",l),c("update:modelValue",l)},P=()=>o.value||s.value?o.value:t.modelValue;e.watch(()=>t.error,(l,r)=>{l!==r&&(f.value+=1)});const v=e.ref(null),h=e.ref(null),y=e.ref(w.KUI_ICON_SIZE_40),S=e.ref(w.KUI_ICON_SIZE_40),u=e.ref(!1),A=e.computed(()=>t.type==="password"&&u.value?"text":t.type);return e.onMounted(async()=>{await e.nextTick(),v.value?.offsetWidth&&(y.value=v.value.offsetWidth+"px"),h.value?.offsetWidth&&(S.value=h.value.offsetWidth+"px")}),E({input:B}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-input",[e.unref(n).class,{"input-error":i.value||t.error||t.hasError}]])},[t.label?(e.openBlock(),e.createBlock(W.default,e.mergeProps({key:0,for:k.value},t.labelAttributes,{required:p.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(M.value)+" ",1)]),_:2},[T()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-element-wrapper",{"has-before-content":a.before,"has-after-content":a.after||t.type==="password"&&t.showPasswordMaskToggle}])},[a.before?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"beforeSlotElement",ref:v,class:"before-content-wrapper"},[e.renderSlot(l.$slots,"before",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:k.value,ref:"inputElement","aria-describedby":d.value||a.help?e.unref(b):void 0,"aria-invalid":t.error||t.hasError||i.value?"true":void 0,class:"input",type:A.value},L.value,{value:P(),onInput:m}),null,16,D),a.after||t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"afterSlotElement",ref:h,class:"after-content-wrapper"},[t.type==="password"&&t.showPasswordMaskToggle?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":`${u.value?"Hide":"Show"} value`,class:"mask-value-toggle-button",type:"button",onClick:r[0]||(r[0]=e.withModifiers(g=>u.value=!u.value,["stop"])),onMousedown:r[1]||(r[1]=e.withModifiers(()=>{},["prevent"])),onMouseup:r[2]||(r[2]=e.withModifiers(()=>{},["prevent"]))},[u.value?(e.openBlock(),e.createBlock(e.unref(O.default),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(R.default),{key:1,decorative:""}))],40,U)):e.renderSlot(l.$slots,"after",{},void 0,!0,1)],512)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[d.value||a.help?(e.openBlock(),e.createElementBlock("p",{id:e.unref(b),key:String(f.value),class:"help-text"},[N()?e.renderSlot(l.$slots,"help",{},()=>[e.createTextVNode(e.toDisplayString(d.value),1)],!0,0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))],8,z)):e.createCommentVNode("",!0)]),_:3})],2))}});exports.default=H;

package/dist/kongponents117.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as _, useCssVars as ee, watch as f, useSlots as te, useTemplateRef as ae, ref as n, useAttrs as le, computed as l, useId as N, onMounted as re, nextTick as oe, openBlock as r, createElementBlock as d, normalizeClass as P, unref as m, createBlock as V, mergeProps as B, createSlots as ne, withCtx as x, createTextVNode as L, toDisplayString as I, renderSlot as g, createCommentVNode as p, createElementVNode as K, withModifiers as M, createVNode as ie, Transition as ue, Fragment as se } from "vue";
-import de from "./kongponents191.es.js";
+import de from "./kongponents192.es.js";
 import ce from "./kongponents57.es.js";
 import { KUI_ICON_SIZE_40 as W } from "./kongponents189.es.js";
-import fe from "./kongponents192.es.js";
-import me from "./kongponents193.es.js";
+import fe from "./kongponents199.es.js";
+import me from "./kongponents200.es.js";
 const ve = ["id", "aria-describedby", "aria-invalid", "type", "value"], he = ["aria-label"], ge = ["id"], we = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "KInput",

package/dist/kongponents127.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),De=require("./kongponents191.cjs"),F=require("./kongponents36.cjs"),fe=require("./kongponents55.cjs"),Le=require("./kongponents57.cjs"),Re=require("./kongponents62.cjs"),Ue=require("./kongponents29.cjs"),Oe=require("./kongponents30.cjs");;/* empty css                */const He=require("./kongponents235.cjs"),Ge=require("./kongponents236.cjs"),Je=require("./kongponents237.cjs"),O=require("./kongponents184.cjs"),We=require("./kongponents220.cjs"),M=require("./kongponents189.cjs"),Ze=require("./kongponents180.cjs"),je=require("./kongponents196.cjs"),Qe=require("./kongponents160.cjs"),me=require("./kongponents197.cjs"),Xe={"data-testid":"multiselect-container"},Ye=["id","tabindex"],_e={key:0},et={key:1,class:"expanded-selection-empty"},tt={class:"multiselect-selection-badge-label"},lt=["aria-label","onClick"],at={class:"multiselect-icons-container"},ot={key:0,class:"multiselect-input-wrapper"},st={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},ut={key:1,class:"help-text"},nt={key:2,"aria-hidden":"true",class:"staging-area"},it={class:"multiselect-selection-badge-label"},rt=36,ct="Filter...",dt=e.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{default:()=>[]},label:{default:""},help:{default:""},error:{type:Boolean},labelAttributes:{default:()=>({})},placeholder:{default:""},searchPlaceholder:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},width:{default:"100%"},selectedRowCount:{default:1},collapsedContext:{type:Boolean},items:{default:()=>[]},filterFunction:{type:Function,default:s=>s.items.filter(P=>P.label?.toLowerCase().includes(s.query?.toLowerCase()))},autosuggest:{type:Boolean},enableItemCreation:{type:Boolean},loading:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{},dropdownFooterPosition:{},itemCreationValidator:{type:Function,default:()=>!0}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(s,{emit:P}){e.useCssVars(t=>({b7f724e8:Ve.value}));const pe=t=>{const l=[],a=o=>{"value"in o?l.push(o.value):"items"in o&&Array.isArray(o.items)&&o.items.forEach(n=>l.push(n.value))};return t.forEach(a),l},he=t=>{const l=pe(t),a=new Set(l);return l.length===a.size},ge=t=>{for(const l of t)if("value"in l){if(l.label===void 0||l.value===void 0)return!1}else if("items"in l&&Array.isArray(l.items)){if(l.label===void 0)return!1;for(const a of l.items)if(a.label===void 0||a.value===void 0)return!1}return!0},h=e.useAttrs(),T=e.useSlots(),{cloneDeep:q,stripRequiredLabel:ye}=De.default();e.watch(()=>s.items,t=>{!t.length||ge(t)&&he(t)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const y=P,H=e.useTemplateRef("kMultiselectItems"),G=e.computed(()=>h.required!==void 0&&String(h.required)!=="false"),be=e.computed(()=>ye(s.label,G.value)),ke=()=>!!(s.labelAttributes?.help||s.labelAttributes?.info||T["label-tooltip"]),J=t=>I.value||C.value||t?.disabled?"neutral":s.error?"danger":"info",W={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},$=e.ref(0),B=e.ref(0),we=e.useId(),Z=e.computed(()=>h.id?String(h.id):we),j=e.useId(),Q=e.useTemplateRef("multiselectElement"),Se=e.useTemplateRef("multiselectDropdownInputElement"),X=e.useTemplateRef("multiselectSelectionsStagingElement"),K=e.computed(()=>s.selectedRowCount*rt),p=e.ref(""),Y=e.computed(()=>!(!p.value||c.value.filter(t=>t.label===p.value).length)),S=e.ref(null),c=e.ref([]),k=e.ref([]),z=e.ref([]),r=e.ref([]),f=e.ref([]),m=e.ref([]),b=new Set,D=e.ref([]),V=e.ref([]),Ce=e.computed(()=>V.value.map(t=>t.label).join(", ")),_=e.ref(!1),N=e.ref(!1),L=e.ref(!1),I=e.computed(()=>h?.disabled!==void 0&&String(h?.disabled)!=="false"),C=e.computed(()=>h?.readonly!==void 0&&String(h?.readonly)!=="false"),Ie=e.computed({get(){return s.modelValue},set(t){const l=c.value.filter(a=>t.includes(a.value));l.length?se(l):t.length||U()}}),Ee=e.computed(()=>{const t={...h};return delete t.class,t}),ee=()=>!!(s.dropdownFooterText||T["dropdown-footer-text"]||T["dropdown-footer"]),xe=e.computed(()=>s.dropdownFooterPosition??s.dropdownFooterTextPosition??"sticky"),Be=()=>({...W,...s.kpopAttributes,popoverClasses:`${W.popoverClasses} ${s.kpopAttributes?.popoverClasses??""} ${ee()?"has-dropdown-footer":""}`,width:A.value+"px",maxWidth:A.value+"px",disabled:h.disabled!==void 0&&String(h.disabled)!=="false"||h.readonly!==void 0&&String(h.readonly)!=="false"}),Ve=e.computed(()=>me.normalizeSize(s.dropdownMaxHeight)),Ne=e.computed(()=>{const t=s.width?s.width:"300";return me.normalizeSize(t)}),Ae=e.computed(()=>({width:Ne.value})),te=e.computed(()=>({width:A.value+"px"})),le=e.computed(()=>{if(r.value.length===0){if(!s.collapsedContext&&s.placeholder)return s.placeholder;if(s.collapsedContext&&s.searchPlaceholder)return s.searchPlaceholder}return r.value.length===1?`${r.value.length} item selected`:`${r.value.length} items selected`}),qe=e.computed(()=>s.autosuggest?c.value:s.filterFunction({items:c.value,query:p.value})),ae=e.computed(()=>{if(s.autosuggest||!p.value)return k.value;const t=qe.value,l=new Set(t.map(o=>o.value)),a=[];for(const o of k.value)if(w(o)){const n=o.items.filter(u=>l.has(u.value));n.length>0&&a.push({label:o.label,key:o.key,items:n})}else l.has(o.value)&&a.push(o);return a}),$e=t=>{(I.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},oe=async(t,l,a)=>{t?l.value||(p.value="",a(),ie(),await e.nextTick(),Se.value?.$el?.querySelector("input")?.focus({preventScroll:!0})):l.value&&(p.value="",a())},E=()=>{setTimeout(()=>{const t=X.value;if(s.collapsedContext){B.value++;return}if(t){const l=t.clientHeight;if(l<=K.value&&m.value.length>0){const a=m.value.shift();a&&(f.value.push(a),b.delete(a.value)),B.value++;return}if(l>K.value){const a=Array.from(t.querySelectorAll(".multiselect-selection-badge")).filter(u=>u.offsetTop>=K.value),o=f.value.length-a.length,n=f.value.splice(o,a.length);for(const u of n)b.has(u.value)||(b.add(u.value),m.value.push(u))}B.value++}},0)},Ke=t=>{const l=new Map(r.value.map(a=>[a.value,a]));r.value=t.map(a=>l.get(a)).filter(a=>a!==void 0),f.value=[...r.value],m.value=[],b.clear(),E()},se=t=>{t.forEach(l=>{const a=c.value.filter(o=>o.value===l.value)?.[0]||null;a&&(a.selected=!0,r.value.filter(o=>o.value===a.value).length||(r.value.push(a),f.value.push(a)))}),E()},ze=(t,l=!1)=>{const a=new Set(t.map(o=>o.value));r.value=r.value.filter(o=>!a.has(o.value)),f.value=f.value.filter(o=>!a.has(o.value)),m.value=m.value.filter(o=>!a.has(o.value)),t.forEach(o=>{if(b.delete(o.value),o.selected=!1,m.value.length){const n=m.value.pop();n&&(f.value.push(n),b.delete(n.value))}s.enableItemCreation&&o.custom&&(c.value=c.value.filter(n=>n.value!==o.value),k.value=k.value.filter(n=>w(n)?!0:n.value!==o.value),y("item-removed",o))}),l&&E()},R=(t,l)=>{let a=!1,o=l?t:c.value.filter(u=>u.value===t.value)?.[0]||null;if(s.enableItemCreation&&o?.custom&&(a=!0),o===null&&(o=r.value.filter(u=>u.value===t.value)?.[0]||null),o===null)return;if(o.selected){if(r.value=r.value.filter(u=>u.value!==t.value),f.value.filter(u=>u.value===t.value).length?f.value=f.value.filter(u=>u.value!==t.value):b.delete(t.value)&&(m.value=m.value.filter(u=>u.value!==t.value)),o.selected=!1,m.value.length){const u=m.value.pop();u&&(f.value.push(u),b.delete(u.value))}a&&(c.value=c.value.filter(u=>u.value!==t.value),k.value=k.value.filter(u=>w(u)?!0:u.value!==t.value),y("item-removed",t))}else o.selected=!0,r.value.push(o),f.value.push(o),l&&(o.custom=!0,c.value.push(o),k.value.unshift(o));E();const n=r.value.map(u=>u.value);y("selected",r.value),y("change",o),y("update:modelValue",n)},ue=t=>{s.enableItemCreation&&ne(),t.preventDefault()},ne=()=>{if(!s.enableItemCreation||!p.value||!Y.value||!s.itemCreationValidator(p.value))return;const t=c.value.length+1,l={label:p.value.trim(),value:Qe.getUniqueStringId(),key:`${Ze.sanitizeInput(p.value.trim()).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`};y("item-added",l),R(l,!0),p.value=""},w=t=>"items"in t&&Array.isArray(t.items),ie=()=>{const t=[],l=[],a=[];for(const u of ae.value)w(u)?a.push(u):l.push(u);const o=l.filter(u=>u.selected),n=l.filter(u=>!u.selected);t.push(...o,...n);for(const u of a){const i=u.items.filter(d=>d.selected),g=u.items.filter(d=>!d.selected);t.push({label:u.label,key:u.key,items:[...i,...g]})}z.value=t},U=()=>{c.value.forEach(l=>{l.disabled||(l.selected=!1,l.custom&&y("item-removed",l))}),c.value=c.value.filter(l=>!(l.custom&&!l.disabled)),k.value=k.value.filter(l=>w(l)?!0:!(l.custom&&!l.disabled)),r.value=r.value.filter(l=>l.disabled),f.value=f.value.filter(l=>l.disabled),m.value=m.value.filter(l=>(l.disabled||b.delete(l.value),l.disabled)),p.value="",E();const t=r.value.map(l=>l.value);y("selected",r.value),y("update:modelValue",t),y("query-change","")},re=t=>{p.value=t.trim(),y("query-change",t.trim())},Fe=(t,l)=>{t.keyCode===27&&(l.value=!1),(t.key==="ArrowDown"||t.key==="ArrowUp")&&H.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ce=()=>{S.value?.showPopover()},Me=t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&H.value?.setFocus(t.key==="ArrowDown"?"down":"up")},Pe=async()=>{L.value=!0,de()},de=()=>{_.value||(_.value=!0,y("query-change",""))};e.watch(B,()=>{setTimeout(()=>{const t=X.value;if(s.collapsedContext){D.value=q(f.value),V.value=[],$.value++;return}if(t)if(t.clientHeight>K.value){const a=f.value.pop();a&&!b.has(a.value)&&(m.value.push(a),b.add(a.value)),B.value++}else D.value=q(f.value),V.value=q(m.value),$.value++},0)}),e.watch($,async()=>{S.value&&typeof S.value.updatePopper=="function"&&(await e.nextTick(),S.value.updatePopper())}),e.watch(ae,()=>{ie()}),e.watch(Ie,(t,l)=>{if(JSON.stringify(t)!==JSON.stringify(l)){const a=r.value.map(d=>d.value);if(JSON.stringify(a)===JSON.stringify(t))return;if(!t.length){U();return}const o=new Set(l),n=new Set(t),u=new Set(a),i=c.value.filter(d=>n.has(d.value)&&!u.has(d.value)),g=r.value.filter(d=>!n.has(d.value)&&o.has(d.value));g.length&&ze(g),i.length&&se(i),Ke(t)}},{flush:"post"}),e.watch(()=>s.items,(t,l)=>{if(JSON.stringify(t)===JSON.stringify(l))return;const a=q(s.items),o=a.some(i=>w(i)),n=[],u=[];if(o)for(const i of a)w(i)?n.push(...i.items):n.push(i);else{const i=new Map;for(const v of a)w(v)||(v.group&&(i.has(v.group)||i.set(v.group,[]),i.get(v.group).push(v)),n.push(v));const g=Array.from(i.keys()).sort((v,x)=>v.toLowerCase().localeCompare(x.toLowerCase())),d=n.filter(v=>!v.group);u.push(...d);for(const v of g)u.push({label:v,items:i.get(v)})}c.value=n;for(let i=0;i<c.value.length;i++){c.value[i].selected===void 0&&(c.value[i].selected=!1);let g=`${c.value[i].label?.replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${i}`;if(g.includes("undefined")&&(g=`multiselect-item-label-${i}`),c.value[i].key=g,s.modelValue.includes(c.value[i].value)||c.value[i].selected){const d=c.value[i];d.selected=!0,r.value.filter(v=>v.value===d.value).length||r.value.push(d),f.value.filter(v=>v.value===d.value).length||f.value.push(d)}}if(o){const i=[],g=[];for(const d of a)if(w(d)){const v=d.items.map(x=>c.value.find(Te=>Te.value===x.value)).filter(x=>x!==void 0);g.push({label:d.label,key:d.key,items:v})}else{const v=c.value.find(x=>x.value===d.value);v&&i.push(v)}u.push(...i,...g)}k.value=u,E(),S.value&&typeof S.value.updatePopper=="function"&&e.nextTick(()=>{S.value.updatePopper()})},{deep:!0,immediate:!0});const A=e.ref(300),ve=async()=>{A.value=300,await e.nextTick(),A.value=Q.value?.clientWidth||300,f.value=[...r.value],m.value=[],b.clear(),E()};return e.onMounted(()=>{ve()}),je.useResizeObserver(Q,()=>{ve()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-multiselect",[t.$attrs.class,{"multiselect-error":s.error}]]),style:e.normalizeStyle(Ae.value)},[s.label?(e.openBlock(),e.createBlock(Le.default,e.mergeProps({key:0},s.labelAttributes,{"data-testid":s.labelAttributes["data-testid"]?s.labelAttributes["data-testid"]:"multiselect-label",for:Z.value,required:G.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value)+" ",1)]),_:2},[ke()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",Xe,[e.createVNode(Ue.default,null,{default:e.withCtx(({isToggled:a,toggle:o})=>[e.createVNode(Re.default,e.mergeProps({ref_key:"popper",ref:S,"hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(M.KUI_SPACE_40)})`},Be(),{onClose:()=>oe(!1,a,o),onOpen:()=>oe(!0,a,o)}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:"multiselect-list",onClick:l[7]||(l[7]=e.withModifiers(()=>{},["stop"])),onMouseenter:l[8]||(l[8]=()=>N.value=!0),onMouseleave:l[9]||(l[9]=()=>N.value=!1)},[!s.collapsedContext&&!C.value?(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(fe.default,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":p.value,name:"multiselect-options-search",placeholder:s.searchPlaceholder||ct,spellcheck:"false",type:"text",onClick:l[5]||(l[5]=e.withModifiers(()=>{},["stop"])),onFocus:de,onKeydown:e.withKeys(ue,["enter"]),onKeyup:[Me,l[6]||(l[6]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":re},null,8,["model-value","placeholder"])])):e.createCommentVNode("",!0),e.createVNode(He.default,{ref:"kMultiselectItems","filter-string":p.value,"item-creation-enabled":s.enableItemCreation&&Y.value,"item-creation-valid":s.itemCreationValidator(p.value),items:z.value,onAddItem:ne,onSelected:R},{content:e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"item-template",{class:"multiselect-item",item:n},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!s.enableItemCreation?(e.openBlock(),e.createBlock(Ge.default,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),t.$slots.empty&&!s.loading&&!z.value.length?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],32),ee()?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown-footer",`dropdown-footer-${xe.value}`]),"data-testid":"dropdown-footer"},[t.$slots["dropdown-footer"]?e.renderSlot(t.$slots,"dropdown-footer",{},void 0,!0,0):e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(s.dropdownFooterText),1)],!0,1)],2)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:Z.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:L.value,hovered:N.value,disabled:I.value,readonly:C.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:I.value||C.value||s.collapsedContext?-1:0},Ee.value,{onClick:$e,onKeydown:[e.withKeys(ce,["enter"]),e.withKeys(ce,["space"])]}),[s.collapsedContext?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(fe.default,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:e.normalizeClass(["multiselect-input",{"is-readonly":C.value}]),"data-testid":"multiselect-input",disabled:I.value,"model-value":p.value,name:"multiselect-options-search",placeholder:le.value,readonly:C.value?!0:void 0,spellcheck:"false",type:"text",onBlur:l[0]||(l[0]=()=>L.value=!1),onClick:n=>{a.value&&n.stopPropagation()},onFocus:Pe,onKeydown:e.withKeys(ue,["enter"]),onKeyup:n=>Fe(n,a),onMouseenter:l[1]||(l[1]=()=>N.value=!0),onMouseleave:l[2]||(l[2]=()=>N.value=!1),"onUpdate:modelValue":re},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):r.value.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:e.normalizeStyle(te.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(n,u)=>(e.openBlock(),e.createBlock(F.default,{key:`${e.unref(j)}-${n.key?n.key:u}-badge-${$.value}`,appearance:J(n),class:"multiselect-selection-badge","icon-before":!1,tooltip:n.label,"truncation-tooltip":"",onClick:l[3]||(l[3]=e.withModifiers(()=>{},["stop"]))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:n},void 0,!0),e.createElementVNode("span",tt,e.toDisplayString(n.label),1)]),_:2},[n.selected&&!n.disabled&&!I.value&&!C.value?{name:"icon",fn:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":`Unselect ${n.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:i=>R(n)},[e.createVNode(e.unref(O.default),{decorative:""})],8,lt)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),V.value.length?(e.openBlock(),e.createBlock(Oe.default,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:Ce.value},{default:e.withCtx(()=>[e.createVNode(F.default,{appearance:J(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:l[4]||(l[4]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(V.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):e.createCommentVNode("",!0)],4)):(e.openBlock(),e.createElementBlock("div",et,e.toDisplayString(le.value),1)),e.createElementVNode("div",at,[!s.loading&&r.value.length&&a.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:U},[e.createVNode(e.unref(O.default),{size:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`},null,8,["size"])])):s.loading?(e.openBlock(),e.createBlock(e.unref(We.default),{key:1,class:"multiselect-loading-icon",size:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`,title:"Loading"},null,8,["size"])):(e.openBlock(),e.createBlock(e.unref(Je.default),{key:2,class:"multiselect-chevron-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`},null,8,["size"]))])],16,Ye)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),s.help?(e.openBlock(),e.createElementBlock("p",ut,e.toDisplayString(s.help),1)):e.createCommentVNode("",!0),s.collapsedContext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(),e.createElementBlock("div",{key:B.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:e.normalizeStyle(te.value),tabindex:"-1"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,o)=>(e.openBlock(),e.createBlock(F.default,{key:`${e.unref(j)}-${a.key?a.key:o}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:a},void 0,!0),e.createElementVNode("span",it,e.toDisplayString(a.label),1)]),_:2},[a.selected&&!a.disabled&&!I.value&&!C.value?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(O.default),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),e.createVNode(F.default,{"aria-hidden":"true",class:"hidden-selection-count"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(m.value.length),1)]),_:1})],4))]))],6))}});exports.default=dt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),De=require("./kongponents192.cjs"),F=require("./kongponents36.cjs"),fe=require("./kongponents55.cjs"),Le=require("./kongponents57.cjs"),Re=require("./kongponents62.cjs"),Ue=require("./kongponents29.cjs"),Oe=require("./kongponents30.cjs");;/* empty css                */const He=require("./kongponents202.cjs"),Ge=require("./kongponents203.cjs"),Je=require("./kongponents204.cjs"),O=require("./kongponents184.cjs"),We=require("./kongponents205.cjs"),M=require("./kongponents189.cjs"),Ze=require("./kongponents180.cjs"),je=require("./kongponents196.cjs"),Qe=require("./kongponents160.cjs"),me=require("./kongponents197.cjs"),Xe={"data-testid":"multiselect-container"},Ye=["id","tabindex"],_e={key:0},et={key:1,class:"expanded-selection-empty"},tt={class:"multiselect-selection-badge-label"},lt=["aria-label","onClick"],at={class:"multiselect-icons-container"},ot={key:0,class:"multiselect-input-wrapper"},st={key:2,class:"multiselect-empty","data-propagate-clicks":"false"},ut={key:1,class:"help-text"},nt={key:2,"aria-hidden":"true",class:"staging-area"},it={class:"multiselect-selection-badge-label"},rt=36,ct="Filter...",dt=e.defineComponent({inheritAttrs:!1,__name:"KMultiselect",props:{modelValue:{default:()=>[]},label:{default:""},help:{default:""},error:{type:Boolean},labelAttributes:{default:()=>({})},placeholder:{default:""},searchPlaceholder:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},width:{default:"100%"},selectedRowCount:{default:1},collapsedContext:{type:Boolean},items:{default:()=>[]},filterFunction:{type:Function,default:s=>s.items.filter(P=>P.label?.toLowerCase().includes(s.query?.toLowerCase()))},autosuggest:{type:Boolean},enableItemCreation:{type:Boolean},loading:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{},dropdownFooterPosition:{},itemCreationValidator:{type:Function,default:()=>!0}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed"],setup(s,{emit:P}){e.useCssVars(t=>({b7f724e8:Ve.value}));const pe=t=>{const l=[],a=o=>{"value"in o?l.push(o.value):"items"in o&&Array.isArray(o.items)&&o.items.forEach(n=>l.push(n.value))};return t.forEach(a),l},he=t=>{const l=pe(t),a=new Set(l);return l.length===a.size},ge=t=>{for(const l of t)if("value"in l){if(l.label===void 0||l.value===void 0)return!1}else if("items"in l&&Array.isArray(l.items)){if(l.label===void 0)return!1;for(const a of l.items)if(a.label===void 0||a.value===void 0)return!1}return!0},h=e.useAttrs(),T=e.useSlots(),{cloneDeep:q,stripRequiredLabel:ye}=De.default();e.watch(()=>s.items,t=>{!t.length||ge(t)&&he(t)||console.warn("KMultiselect: Items must have a label & value and value must be unique")},{immediate:!0});const y=P,H=e.useTemplateRef("kMultiselectItems"),G=e.computed(()=>h.required!==void 0&&String(h.required)!=="false"),be=e.computed(()=>ye(s.label,G.value)),ke=()=>!!(s.labelAttributes?.help||s.labelAttributes?.info||T["label-tooltip"]),J=t=>I.value||C.value||t?.disabled?"neutral":s.error?"danger":"info",W={hideCaret:!0,placement:"bottom-start",popoverTimeout:0,popoverClasses:"k-multiselect-popover multiselect-popover"},$=e.ref(0),B=e.ref(0),we=e.useId(),Z=e.computed(()=>h.id?String(h.id):we),j=e.useId(),Q=e.useTemplateRef("multiselectElement"),Se=e.useTemplateRef("multiselectDropdownInputElement"),X=e.useTemplateRef("multiselectSelectionsStagingElement"),K=e.computed(()=>s.selectedRowCount*rt),p=e.ref(""),Y=e.computed(()=>!(!p.value||c.value.filter(t=>t.label===p.value).length)),S=e.ref(null),c=e.ref([]),k=e.ref([]),z=e.ref([]),r=e.ref([]),f=e.ref([]),m=e.ref([]),b=new Set,D=e.ref([]),V=e.ref([]),Ce=e.computed(()=>V.value.map(t=>t.label).join(", ")),_=e.ref(!1),N=e.ref(!1),L=e.ref(!1),I=e.computed(()=>h?.disabled!==void 0&&String(h?.disabled)!=="false"),C=e.computed(()=>h?.readonly!==void 0&&String(h?.readonly)!=="false"),Ie=e.computed({get(){return s.modelValue},set(t){const l=c.value.filter(a=>t.includes(a.value));l.length?se(l):t.length||U()}}),Ee=e.computed(()=>{const t={...h};return delete t.class,t}),ee=()=>!!(s.dropdownFooterText||T["dropdown-footer-text"]||T["dropdown-footer"]),xe=e.computed(()=>s.dropdownFooterPosition??s.dropdownFooterTextPosition??"sticky"),Be=()=>({...W,...s.kpopAttributes,popoverClasses:`${W.popoverClasses} ${s.kpopAttributes?.popoverClasses??""} ${ee()?"has-dropdown-footer":""}`,width:A.value+"px",maxWidth:A.value+"px",disabled:h.disabled!==void 0&&String(h.disabled)!=="false"||h.readonly!==void 0&&String(h.readonly)!=="false"}),Ve=e.computed(()=>me.normalizeSize(s.dropdownMaxHeight)),Ne=e.computed(()=>{const t=s.width?s.width:"300";return me.normalizeSize(t)}),Ae=e.computed(()=>({width:Ne.value})),te=e.computed(()=>({width:A.value+"px"})),le=e.computed(()=>{if(r.value.length===0){if(!s.collapsedContext&&s.placeholder)return s.placeholder;if(s.collapsedContext&&s.searchPlaceholder)return s.searchPlaceholder}return r.value.length===1?`${r.value.length} item selected`:`${r.value.length} items selected`}),qe=e.computed(()=>s.autosuggest?c.value:s.filterFunction({items:c.value,query:p.value})),ae=e.computed(()=>{if(s.autosuggest||!p.value)return k.value;const t=qe.value,l=new Set(t.map(o=>o.value)),a=[];for(const o of k.value)if(w(o)){const n=o.items.filter(u=>l.has(u.value));n.length>0&&a.push({label:o.label,key:o.key,items:n})}else l.has(o.value)&&a.push(o);return a}),$e=t=>{(I.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},oe=async(t,l,a)=>{t?l.value||(p.value="",a(),ie(),await e.nextTick(),Se.value?.$el?.querySelector("input")?.focus({preventScroll:!0})):l.value&&(p.value="",a())},E=()=>{setTimeout(()=>{const t=X.value;if(s.collapsedContext){B.value++;return}if(t){const l=t.clientHeight;if(l<=K.value&&m.value.length>0){const a=m.value.shift();a&&(f.value.push(a),b.delete(a.value)),B.value++;return}if(l>K.value){const a=Array.from(t.querySelectorAll(".multiselect-selection-badge")).filter(u=>u.offsetTop>=K.value),o=f.value.length-a.length,n=f.value.splice(o,a.length);for(const u of n)b.has(u.value)||(b.add(u.value),m.value.push(u))}B.value++}},0)},Ke=t=>{const l=new Map(r.value.map(a=>[a.value,a]));r.value=t.map(a=>l.get(a)).filter(a=>a!==void 0),f.value=[...r.value],m.value=[],b.clear(),E()},se=t=>{t.forEach(l=>{const a=c.value.filter(o=>o.value===l.value)?.[0]||null;a&&(a.selected=!0,r.value.filter(o=>o.value===a.value).length||(r.value.push(a),f.value.push(a)))}),E()},ze=(t,l=!1)=>{const a=new Set(t.map(o=>o.value));r.value=r.value.filter(o=>!a.has(o.value)),f.value=f.value.filter(o=>!a.has(o.value)),m.value=m.value.filter(o=>!a.has(o.value)),t.forEach(o=>{if(b.delete(o.value),o.selected=!1,m.value.length){const n=m.value.pop();n&&(f.value.push(n),b.delete(n.value))}s.enableItemCreation&&o.custom&&(c.value=c.value.filter(n=>n.value!==o.value),k.value=k.value.filter(n=>w(n)?!0:n.value!==o.value),y("item-removed",o))}),l&&E()},R=(t,l)=>{let a=!1,o=l?t:c.value.filter(u=>u.value===t.value)?.[0]||null;if(s.enableItemCreation&&o?.custom&&(a=!0),o===null&&(o=r.value.filter(u=>u.value===t.value)?.[0]||null),o===null)return;if(o.selected){if(r.value=r.value.filter(u=>u.value!==t.value),f.value.filter(u=>u.value===t.value).length?f.value=f.value.filter(u=>u.value!==t.value):b.delete(t.value)&&(m.value=m.value.filter(u=>u.value!==t.value)),o.selected=!1,m.value.length){const u=m.value.pop();u&&(f.value.push(u),b.delete(u.value))}a&&(c.value=c.value.filter(u=>u.value!==t.value),k.value=k.value.filter(u=>w(u)?!0:u.value!==t.value),y("item-removed",t))}else o.selected=!0,r.value.push(o),f.value.push(o),l&&(o.custom=!0,c.value.push(o),k.value.unshift(o));E();const n=r.value.map(u=>u.value);y("selected",r.value),y("change",o),y("update:modelValue",n)},ue=t=>{s.enableItemCreation&&ne(),t.preventDefault()},ne=()=>{if(!s.enableItemCreation||!p.value||!Y.value||!s.itemCreationValidator(p.value))return;const t=c.value.length+1,l={label:p.value.trim(),value:Qe.getUniqueStringId(),key:`${Ze.sanitizeInput(p.value.trim()).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`};y("item-added",l),R(l,!0),p.value=""},w=t=>"items"in t&&Array.isArray(t.items),ie=()=>{const t=[],l=[],a=[];for(const u of ae.value)w(u)?a.push(u):l.push(u);const o=l.filter(u=>u.selected),n=l.filter(u=>!u.selected);t.push(...o,...n);for(const u of a){const i=u.items.filter(d=>d.selected),g=u.items.filter(d=>!d.selected);t.push({label:u.label,key:u.key,items:[...i,...g]})}z.value=t},U=()=>{c.value.forEach(l=>{l.disabled||(l.selected=!1,l.custom&&y("item-removed",l))}),c.value=c.value.filter(l=>!(l.custom&&!l.disabled)),k.value=k.value.filter(l=>w(l)?!0:!(l.custom&&!l.disabled)),r.value=r.value.filter(l=>l.disabled),f.value=f.value.filter(l=>l.disabled),m.value=m.value.filter(l=>(l.disabled||b.delete(l.value),l.disabled)),p.value="",E();const t=r.value.map(l=>l.value);y("selected",r.value),y("update:modelValue",t),y("query-change","")},re=t=>{p.value=t.trim(),y("query-change",t.trim())},Fe=(t,l)=>{t.keyCode===27&&(l.value=!1),(t.key==="ArrowDown"||t.key==="ArrowUp")&&H.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ce=()=>{S.value?.showPopover()},Me=t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&H.value?.setFocus(t.key==="ArrowDown"?"down":"up")},Pe=async()=>{L.value=!0,de()},de=()=>{_.value||(_.value=!0,y("query-change",""))};e.watch(B,()=>{setTimeout(()=>{const t=X.value;if(s.collapsedContext){D.value=q(f.value),V.value=[],$.value++;return}if(t)if(t.clientHeight>K.value){const a=f.value.pop();a&&!b.has(a.value)&&(m.value.push(a),b.add(a.value)),B.value++}else D.value=q(f.value),V.value=q(m.value),$.value++},0)}),e.watch($,async()=>{S.value&&typeof S.value.updatePopper=="function"&&(await e.nextTick(),S.value.updatePopper())}),e.watch(ae,()=>{ie()}),e.watch(Ie,(t,l)=>{if(JSON.stringify(t)!==JSON.stringify(l)){const a=r.value.map(d=>d.value);if(JSON.stringify(a)===JSON.stringify(t))return;if(!t.length){U();return}const o=new Set(l),n=new Set(t),u=new Set(a),i=c.value.filter(d=>n.has(d.value)&&!u.has(d.value)),g=r.value.filter(d=>!n.has(d.value)&&o.has(d.value));g.length&&ze(g),i.length&&se(i),Ke(t)}},{flush:"post"}),e.watch(()=>s.items,(t,l)=>{if(JSON.stringify(t)===JSON.stringify(l))return;const a=q(s.items),o=a.some(i=>w(i)),n=[],u=[];if(o)for(const i of a)w(i)?n.push(...i.items):n.push(i);else{const i=new Map;for(const v of a)w(v)||(v.group&&(i.has(v.group)||i.set(v.group,[]),i.get(v.group).push(v)),n.push(v));const g=Array.from(i.keys()).sort((v,x)=>v.toLowerCase().localeCompare(x.toLowerCase())),d=n.filter(v=>!v.group);u.push(...d);for(const v of g)u.push({label:v,items:i.get(v)})}c.value=n;for(let i=0;i<c.value.length;i++){c.value[i].selected===void 0&&(c.value[i].selected=!1);let g=`${c.value[i].label?.replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${i}`;if(g.includes("undefined")&&(g=`multiselect-item-label-${i}`),c.value[i].key=g,s.modelValue.includes(c.value[i].value)||c.value[i].selected){const d=c.value[i];d.selected=!0,r.value.filter(v=>v.value===d.value).length||r.value.push(d),f.value.filter(v=>v.value===d.value).length||f.value.push(d)}}if(o){const i=[],g=[];for(const d of a)if(w(d)){const v=d.items.map(x=>c.value.find(Te=>Te.value===x.value)).filter(x=>x!==void 0);g.push({label:d.label,key:d.key,items:v})}else{const v=c.value.find(x=>x.value===d.value);v&&i.push(v)}u.push(...i,...g)}k.value=u,E(),S.value&&typeof S.value.updatePopper=="function"&&e.nextTick(()=>{S.value.updatePopper()})},{deep:!0,immediate:!0});const A=e.ref(300),ve=async()=>{A.value=300,await e.nextTick(),A.value=Q.value?.clientWidth||300,f.value=[...r.value],m.value=[],b.clear(),E()};return e.onMounted(()=>{ve()}),je.useResizeObserver(Q,()=>{ve()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-multiselect",[t.$attrs.class,{"multiselect-error":s.error}]]),style:e.normalizeStyle(Ae.value)},[s.label?(e.openBlock(),e.createBlock(Le.default,e.mergeProps({key:0},s.labelAttributes,{"data-testid":s.labelAttributes["data-testid"]?s.labelAttributes["data-testid"]:"multiselect-label",for:Z.value,required:G.value}),e.createSlots({default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(be.value)+" ",1)]),_:2},[ke()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["data-testid","for","required"])):e.createCommentVNode("",!0),e.createElementVNode("div",Xe,[e.createVNode(Ue.default,null,{default:e.withCtx(({isToggled:a,toggle:o})=>[e.createVNode(Re.default,e.mergeProps({ref_key:"popper",ref:S,"hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(M.KUI_SPACE_40)})`},Be(),{onClose:()=>oe(!1,a,o),onOpen:()=>oe(!0,a,o)}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:"multiselect-list",onClick:l[7]||(l[7]=e.withModifiers(()=>{},["stop"])),onMouseenter:l[8]||(l[8]=()=>N.value=!0),onMouseleave:l[9]||(l[9]=()=>N.value=!1)},[!s.collapsedContext&&!C.value?(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(fe.default,{ref:"multiselectDropdownInputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"multiselect-dropdown-input","data-testid":"multiselect-dropdown-input","model-value":p.value,name:"multiselect-options-search",placeholder:s.searchPlaceholder||ct,spellcheck:"false",type:"text",onClick:l[5]||(l[5]=e.withModifiers(()=>{},["stop"])),onFocus:de,onKeydown:e.withKeys(ue,["enter"]),onKeyup:[Me,l[6]||(l[6]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":re},null,8,["model-value","placeholder"])])):e.createCommentVNode("",!0),e.createVNode(He.default,{ref:"kMultiselectItems","filter-string":p.value,"item-creation-enabled":s.enableItemCreation&&Y.value,"item-creation-valid":s.itemCreationValidator(p.value),items:z.value,onAddItem:ne,onSelected:R},{content:e.withCtx(({item:n})=>[e.renderSlot(t.$slots,"item-template",{class:"multiselect-item",item:n},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!s.enableItemCreation?(e.openBlock(),e.createBlock(Ge.default,{key:"multiselect-empty-item",class:"multiselect-empty-item","data-testid":"multiselect-empty-item",item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),t.$slots.empty&&!s.loading&&!z.value.length?(e.openBlock(),e.createElementBlock("div",st,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],32),ee()?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown-footer",`dropdown-footer-${xe.value}`]),"data-testid":"dropdown-footer"},[t.$slots["dropdown-footer"]?e.renderSlot(t.$slots,"dropdown-footer",{},void 0,!0,0):e.renderSlot(t.$slots,"dropdown-footer-text",{},()=>[e.createTextVNode(e.toDisplayString(s.dropdownFooterText),1)],!0,1)],2)):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:Z.value,ref:"multiselectElement",class:["multiselect-trigger",{focused:L.value,hovered:N.value,disabled:I.value,readonly:C.value}],"data-testid":"multiselect-trigger",role:"listbox",tabindex:I.value||C.value||s.collapsedContext?-1:0},Ee.value,{onClick:$e,onKeydown:[e.withKeys(ce,["enter"]),e.withKeys(ce,["space"])]}),[s.collapsedContext?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(fe.default,{autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:e.normalizeClass(["multiselect-input",{"is-readonly":C.value}]),"data-testid":"multiselect-input",disabled:I.value,"model-value":p.value,name:"multiselect-options-search",placeholder:le.value,readonly:C.value?!0:void 0,spellcheck:"false",type:"text",onBlur:l[0]||(l[0]=()=>L.value=!1),onClick:n=>{a.value&&n.stopPropagation()},onFocus:Pe,onKeydown:e.withKeys(ue,["enter"]),onKeyup:n=>Fe(n,a),onMouseenter:l[1]||(l[1]=()=>N.value=!0),onMouseleave:l[2]||(l[2]=()=>N.value=!1),"onUpdate:modelValue":re},null,8,["class","disabled","model-value","placeholder","readonly","onClick","onKeyup"])])):r.value.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"selection-badges-container","data-testid":"selection-badges-container",style:e.normalizeStyle(te.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(n,u)=>(e.openBlock(),e.createBlock(F.default,{key:`${e.unref(j)}-${n.key?n.key:u}-badge-${$.value}`,appearance:J(n),class:"multiselect-selection-badge","icon-before":!1,tooltip:n.label,"truncation-tooltip":"",onClick:l[3]||(l[3]=e.withModifiers(()=>{},["stop"]))},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:n},void 0,!0),e.createElementVNode("span",tt,e.toDisplayString(n.label),1)]),_:2},[n.selected&&!n.disabled&&!I.value&&!C.value?{name:"icon",fn:e.withCtx(()=>[e.createElementVNode("button",{"aria-label":`Unselect ${n.label}`,class:"badge-dismiss-button","data-testid":"badge-dismiss-button",type:"button",onClick:i=>R(n)},[e.createVNode(e.unref(O.default),{decorative:""})],8,lt)]),key:"0"}:void 0]),1032,["appearance","tooltip"]))),128)),V.value.length?(e.openBlock(),e.createBlock(Oe.default,{key:0,class:"hidden-selection-count-tooltip","max-width":"300",text:Ce.value},{default:e.withCtx(()=>[e.createVNode(F.default,{appearance:J(),class:"hidden-selection-count","data-testid":"hidden-selection-count",onClick:l[4]||(l[4]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(V.value.length),1)]),_:1},8,["appearance"])]),_:1},8,["text"])):e.createCommentVNode("",!0)],4)):(e.openBlock(),e.createElementBlock("div",et,e.toDisplayString(le.value),1)),e.createElementVNode("div",at,[!s.loading&&r.value.length&&a.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"multiselect-clear-icon","data-testid":"multiselect-clear-icon",type:"button",onClick:U},[e.createVNode(e.unref(O.default),{size:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`},null,8,["size"])])):s.loading?(e.openBlock(),e.createBlock(e.unref(We.default),{key:1,class:"multiselect-loading-icon",size:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`,title:"Loading"},null,8,["size"])):(e.openBlock(),e.createBlock(e.unref(Je.default),{key:2,class:"multiselect-chevron-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(M.KUI_ICON_SIZE_40)})`},null,8,["size"]))])],16,Ye)]),_:2},1040,["offset","onClose","onOpen"])]),_:3})]),s.help?(e.openBlock(),e.createElementBlock("p",ut,e.toDisplayString(s.help),1)):e.createCommentVNode("",!0),s.collapsedContext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(),e.createElementBlock("div",{key:B.value,ref:"multiselectSelectionsStagingElement",class:"selection-badges-container staging",style:e.normalizeStyle(te.value),tabindex:"-1"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,o)=>(e.openBlock(),e.createBlock(F.default,{key:`${e.unref(j)}-${a.key?a.key:o}-badge`,"aria-hidden":"true",class:"multiselect-selection-badge","icon-before":!1},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"item-badge-icon",{item:a},void 0,!0),e.createElementVNode("span",it,e.toDisplayString(a.label),1)]),_:2},[a.selected&&!a.disabled&&!I.value&&!C.value?{name:"icon",fn:e.withCtx(()=>[e.createVNode(e.unref(O.default),{"aria-hidden":"true"})]),key:"0"}:void 0]),1024))),128)),e.createVNode(F.default,{"aria-hidden":"true",class:"hidden-selection-count"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(m.value.length),1)]),_:1})],4))]))],6))}});exports.default=dt;

package/dist/kongponents127.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as rt, useCssVars as dt, useAttrs as ct, useSlots as vt, watch as B, useTemplateRef as Q, computed as p, ref as g, useId as Ve, nextTick as Z, onMounted as ft, openBlock as f, createElementBlock as w, normalizeStyle as oe, normalizeClass as ue, createBlock as q, mergeProps as ie, createSlots as ne, withCtx as k, createTextVNode as X, toDisplayString as P, renderSlot as N, createCommentVNode as K, createElementVNode as L, createVNode as $, unref as C, withKeys as H, Fragment as qe, renderList as Ne, withModifiers as O } from "vue";
-import mt from "./kongponents191.es.js";
+import mt from "./kongponents192.es.js";
 import Y from "./kongponents36.es.js";
 import Le from "./kongponents55.es.js";
 import pt from "./kongponents57.es.js";
@@ -7,11 +7,11 @@ import ht from "./kongponents62.es.js";
 import gt from "./kongponents29.es.js";
 import yt from "./kongponents30.es.js";
 /* empty css                 */
-import bt from "./kongponents235.es.js";
-import wt from "./kongponents236.es.js";
-import kt from "./kongponents237.es.js";
+import bt from "./kongponents202.es.js";
+import wt from "./kongponents203.es.js";
+import kt from "./kongponents204.es.js";
 import re from "./kongponents184.es.js";
-import It from "./kongponents220.es.js";
+import It from "./kongponents205.es.js";
 import { KUI_SPACE_40 as St, KUI_ICON_SIZE_40 as de } from "./kongponents189.es.js";
 import { sanitizeInput as Ct } from "./kongponents180.es.js";
 import { useResizeObserver as At } from "./kongponents196.es.js";

package/dist/kongponents130.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents49.cjs"),x=require("./kongponents38.cjs"),j=require("./kongponents243.cjs"),L=require("./kongponents244.cjs"),U=require("./kongponents237.cjs"),W=require("./kongponents245.cjs"),R=require("./kongponents202.cjs"),Z=require("./kongponents181.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ie={class:"pagination-text-pages"},ue=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,v=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),u=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),i=e.computed(()=>Math.ceil(t.totalCount/u.value)),P=t.pageSizes.map((a,n)=>({label:`${a}`,key:`size-${n}`,value:a,selected:a===u.value})),q=e.computed(()=>`${u.value} ${u.value===1?"item per page":" items per page"}`),s=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),v.value?v.value.scrollWidth>v.value.clientWidth:!1),z=async()=>{await G()&&(s.value>1||r.value>1)&&(s.value>1?s.value--:r.value>1&&r.value--,b.value=y(l.value,i.value,f.value,m.value))},y=(a,n,o,S)=>{if(t.disablePageJump)return[];let c=[...Array(n).keys()].map(d=>d+1);const H=r.value+2+2*s.value;return c.length<=H||(o?o&&S?c=c.filter(d=>d>a-s.value-1&&d<a+s.value+1):o&&!S&&(c=c.filter(d=>d>n-s.value*2-r.value)):c=c.filter(d=>d<=s.value*2+r.value)),c},V=e.ref(l.value===1),B=e.ref(l.value===i.value),h=e.computed(()=>(l.value-1)*u.value+1),N=e.computed(()=>{const a=h.value-1+u.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),g=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*s.value),f=e.computed(()=>i.value>O.value&&g.value>=s.value+(r.value+1)),m=e.computed(()=>i.value>O.value&&g.value<=i.value-s.value-r.value),b=e.ref(y(g.value,i.value,f.value,m.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*u.value+u.value;B.value=a>=t.totalCount,V.value=l.value===1,b.value=y(l.value,i.value,f.value,m.value),k("pageChange",{page:l.value,pageCount:i.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{u.value!==a.value&&(u.value=a.value,k("pageSizeChange",{pageSize:u.value,pageCount:i.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,n)=>{a!==n&&a&&p(a)}),e.watch(i,(a,n)=>{a!==n&&(B.value=l.value===a,b.value=y(g.value,a,f.value,m.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(v.value))}),e.onBeforeUnmount(()=>{!t.disablePageJump&&!t.offset&&C.value?.unobserve(v.value)}),(a,n)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:v,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:n[0]||(n[0]=o=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o},[e.createElementVNode("button",{"aria-current":o==g.value&&"page"||void 0,"aria-label":`Go to page ${o}`,class:e.normalizeClass(["pagination-button",{active:o==g.value}]),"data-testid":`page-${o}-button`,type:"button",onClick:S=>p(o)},e.toDisplayString(o),11,te)]))),128)),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:n[1]||(n[1]=o=>p(i.value))},e.toDisplayString(i.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ie,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents49.cjs"),x=require("./kongponents38.cjs"),j=require("./kongponents206.cjs"),L=require("./kongponents207.cjs"),U=require("./kongponents204.cjs"),W=require("./kongponents208.cjs"),R=require("./kongponents209.cjs"),Z=require("./kongponents181.cjs"),Q={class:"pagination-text large-screen","data-testid":"visible-items"},X={class:"pagination-text-pages"},Y={class:"pagination-button-container"},_={key:0},ee={key:1,class:"pagination-button placeholder"},te=["aria-current","aria-label","data-testid","onClick"],ae={key:2,class:"pagination-button placeholder"},le={key:3},ne={class:"page-size-select"},oe={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ie={class:"pagination-text-pages"},ue=e.defineComponent({__name:"KPagination",props:{items:{default:()=>[]},totalCount:{default:0},pageSizes:{default:()=>[15,30,50,75,100]},initialPageSize:{default:null},neighbors:{default:1},currentPage:{default:null},disablePageJump:{type:Boolean},offset:{type:Boolean},offsetPreviousButtonDisabled:{type:Boolean},offsetNextButtonDisabled:{type:Boolean}},emits:["pageChange","pageSizeChange","getNextOffset","getPreviousOffset"],setup(t,{emit:$}){const J={placement:"top"},k=$,v=e.ref(null),C=e.ref(),l=e.ref(t.currentPage?t.currentPage:1),u=e.ref(t.initialPageSize?t.initialPageSize:t.pageSizes[0]??Z.DEFAULT_PAGE_SIZE),i=e.computed(()=>Math.ceil(t.totalCount/u.value)),P=t.pageSizes.map((a,n)=>({label:`${a}`,key:`size-${n}`,value:a,selected:a===u.value})),q=e.computed(()=>`${u.value} ${u.value===1?"item per page":" items per page"}`),s=e.ref(t.neighbors),r=e.ref(3),G=async()=>(await e.nextTick(),v.value?v.value.scrollWidth>v.value.clientWidth:!1),z=async()=>{await G()&&(s.value>1||r.value>1)&&(s.value>1?s.value--:r.value>1&&r.value--,b.value=y(l.value,i.value,f.value,m.value))},y=(a,n,o,S)=>{if(t.disablePageJump)return[];let c=[...Array(n).keys()].map(d=>d+1);const H=r.value+2+2*s.value;return c.length<=H||(o?o&&S?c=c.filter(d=>d>a-s.value-1&&d<a+s.value+1):o&&!S&&(c=c.filter(d=>d>n-s.value*2-r.value)):c=c.filter(d=>d<=s.value*2+r.value)),c},V=e.ref(l.value===1),B=e.ref(l.value===i.value),h=e.computed(()=>(l.value-1)*u.value+1),N=e.computed(()=>{const a=h.value-1+u.value;return a>t.totalCount?t.totalCount:a}),w=e.computed(()=>`${h.value} to ${N.value}`),D=e.computed(()=>` of ${t.totalCount}`),g=e.computed(()=>t.currentPage?t.currentPage:l.value),O=e.computed(()=>5+2*s.value),f=e.computed(()=>i.value>O.value&&g.value>=s.value+(r.value+1)),m=e.computed(()=>i.value>O.value&&g.value<=i.value-s.value-r.value),b=e.ref(y(g.value,i.value,f.value,m.value)),I=()=>{l.value++,E()},T=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*u.value+u.value;B.value=a>=t.totalCount,V.value=l.value===1,b.value=y(l.value,i.value,f.value,m.value),k("pageChange",{page:l.value,pageCount:i.value,firstItem:h.value,lastItem:N.value,visibleItems:t.items.slice(h.value-1,N.value)})},A=a=>{u.value!==a.value&&(u.value=a.value,k("pageSizeChange",{pageSize:u.value,pageCount:i.value}),t.currentPage!==1&&p(1))},F=()=>{k("getNextOffset")},M=()=>{k("getPreviousOffset")};return e.watch(()=>t.currentPage,(a,n)=>{a!==n&&a&&p(a)}),e.watch(i,(a,n)=>{a!==n&&(B.value=l.value===a,b.value=y(g.value,a,f.value,m.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&z()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=R.ResizeObserverHelper.create(z),C.value.observe(v.value))}),e.onBeforeUnmount(()=>{!t.disablePageJump&&!t.offset&&C.value?.unobserve(v.value)}),(a,n)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"kPaginationElement",ref:v,class:e.normalizeClass(["k-pagination",{"page-jump":!t.disablePageJump&&!t.offset}]),"data-testid":"k-pagination"},[t.offset?(e.openBlock(),e.createBlock(j.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:F,onGetPreviousOffset:M},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",Q,[e.createElementVNode("span",X,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)]),e.createElementVNode("ul",Y,[e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the previous page",class:"pagination-button arrow","data-testid":"previous-button",disabled:V.value,icon:"",size:"small",type:"button",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(L.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("button",{"aria-label":"Go to the first page",class:"pagination-button","data-testid":"page-1-button",type:"button",onClick:n[0]||(n[0]=o=>p(1))}," 1 ")])):e.createCommentVNode("",!0),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,o=>(e.openBlock(),e.createElementBlock("li",{key:o},[e.createElementVNode("button",{"aria-current":o==g.value&&"page"||void 0,"aria-label":`Go to page ${o}`,class:e.normalizeClass(["pagination-button",{active:o==g.value}]),"data-testid":`page-${o}-button`,type:"button",onClick:S=>p(o)},e.toDisplayString(o),11,te)]))),128)),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",ae," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",le,[e.createElementVNode("button",{"aria-label":"Go to the last page",class:"pagination-button","data-testid":"last-button",type:"button",onClick:n[1]||(n[1]=o=>p(i.value))},e.toDisplayString(i.value),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",null,[e.createVNode(x.default,{appearance:"tertiary","aria-label":"Go to the next page",class:"pagination-button arrow","data-testid":"next-button",disabled:B.value?!0:void 0,icon:"",size:"small",type:"button",onClick:I},{default:e.withCtx(()=>[e.createVNode(e.unref(W.default),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ne,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",oe,[e.createElementVNode("span",ie,e.toDisplayString(w.value),1),e.createTextVNode(" "+e.toDisplayString(D.value),1)])):e.createCommentVNode("",!0),e.createVNode(K.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":J,"selection-menu":"",onChange:A},{default:e.withCtx(()=>[e.createVNode(x.default,{appearance:"tertiary",class:"page-size-dropdown-trigger","data-testid":"page-size-dropdown-trigger",disabled:e.unref(P).length<=1,size:"small",type:"button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(U.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=ue;

package/dist/kongponents130.es.js

@@ -1,11 +1,11 @@
 import { defineComponent as le, ref as d, computed as v, watch as A, onMounted as ie, onBeforeUnmount as ne, openBlock as s, createElementBlock as g, normalizeClass as W, Fragment as j, createElementVNode as r, toDisplayString as m, createTextVNode as T, createVNode as C, withCtx as J, unref as p, createCommentVNode as z, renderList as ue, createBlock as q, nextTick as oe } from "vue";
 import se from "./kongponents49.es.js";
 import F from "./kongponents38.es.js";
-import ve from "./kongponents243.es.js";
-import re from "./kongponents244.es.js";
-import ce from "./kongponents237.es.js";
-import de from "./kongponents245.es.js";
-import { ResizeObserverHelper as ge } from "./kongponents202.es.js";
+import ve from "./kongponents206.es.js";
+import re from "./kongponents207.es.js";
+import ce from "./kongponents204.es.js";
+import de from "./kongponents208.es.js";
+import { ResizeObserverHelper as ge } from "./kongponents209.es.js";
 import { DEFAULT_PAGE_SIZE as fe } from "./kongponents181.es.js";
 const be = {
   class: "pagination-text large-screen",

package/dist/kongponents132.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents207.cjs"),R=require("./kongponents38.cjs"),j=require("./kongponents184.cjs"),T=require("./kongponents189.cjs"),M=require("./kongponents208.cjs"),f=require("./kongponents196.cjs"),g=require("./kongponents197.cjs"),P=require("./kongponents198.cjs"),h=require("./kongponents209.cjs"),F=["id","aria-labelledby","x-placement"],X=["tabindex"],Y={key:1,class:"popover-header"},G=["id"],J={key:2,class:"popover-footer"},Q=e.defineComponent({__name:"KPop",props:{buttonText:{default:""},title:{default:""},placement:{default:"auto"},trigger:{default:"click"},popoverTimeout:{default:300},popoverDelay:{default:0},hideCloseIcon:{type:Boolean},hideCaret:{type:Boolean},closeOnPopoverClick:{type:Boolean},disabled:{type:Boolean},width:{default:"200px"},maxWidth:{default:"none"},maxHeight:{default:"none"},popoverClasses:{default:""},popoverElementAttributes:{default:()=>({})},tag:{default:"div"},zIndex:{},offset:{default:()=>T.KUI_SPACE_60},target:{default:null}},emits:["open","close","popover-click"],setup(t,{expose:I,emit:N}){const C=N,s=e.useSlots(),x=e.inject(P.POPOVER_PARENT_ZINDEX_KEY,null),w=e.computed(()=>t.zIndex??(x?.value!=null?x.value+1:1e3));e.provide(P.POPOVER_PARENT_ZINDEX_KEY,w);const y=e.useId(),S=e.useId(),c=e.ref(null),i=e.ref(null),n=e.ref(!1),r=e.computed(()=>c.value&&c.value?.children[0]?c.value?.children[0]:null),u=e.ref(null),l=e.ref(null),z=()=>{n.value?a():p()},E=e.ref(),k=()=>{E.value&&E.value()},B=()=>{k(),r.value&&i.value&&(E.value=h.autoUpdate(r.value,i.value,A))},p=async()=>{if(!t.disabled){u.value&&(clearTimeout(u.value),u.value=null);const o=()=>{B(),n.value=!0};t.trigger==="hover"&&t.popoverDelay>0?(l.value&&clearTimeout(l.value),l.value=setTimeout(o,t.popoverDelay)):o()}},a=()=>{l.value&&(clearTimeout(l.value),l.value=null),u.value=setTimeout(()=>{k(),n.value=!1},t.trigger==="hover"?t.popoverTimeout:0)},V=()=>{z()},q=()=>{C("popover-click"),t.closeOnPopoverClick&&a()},K=o=>{if(!n.value)return;const v=o.target,$=c.value?.contains(v),H=i.value?.contains(v);$||H||a()},b=e.computed(()=>t.placement.trim().replace(/ /g,"-").replace(/[A-Z]+(?![a-z])|[A-Z]/g,(o,v)=>(v?"-":"")+o.toLowerCase()).replace(/--+/g,"-").replace(/-+$/g,"")),{floatingStyles:O,placement:d,update:A}=W.useFloating(r,i,{...b.value==="auto"&&{middleware:[h.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[h.shift(),h.flip()]},strategy:"fixed",transform:!1}),m=e.computed(()=>g.normalizeSize(t.offset)),D=e.computed(()=>d.value.includes("top")?{marginBottom:m.value}:d.value.includes("bottom")?{marginTop:m.value}:d.value.includes("right")?{marginLeft:m.value}:d.value.includes("left")?{marginRight:m.value}:{}),U=e.computed(()=>({...O.value,zIndex:w.value})),L=e.computed(()=>({...D.value,width:g.normalizeSize(t.width),maxWidth:g.normalizeSize(t.maxWidth),maxHeight:g.normalizeSize(t.maxHeight)})),Z=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return I({hidePopover:a,showPopover:p}),e.onMounted(()=>{if(f.useEventListener(window,"mousedown",K,{capture:!0}),r.value){const o=r.value.querySelector('button[data-dropdown-trigger="true"]')||r.value;o.hasAttribute("aria-controls")||o.setAttribute("aria-controls",y)}t.trigger==="hover"&&[i.value,r.value].forEach(o=>{o&&(f.useEventListener(o,"mouseenter",p),f.useEventListener(o,"focusin",p),f.useEventListener(o,"mouseleave",a),f.useEventListener(o,"focusout",a))})}),e.onBeforeUnmount(()=>{l.value&&clearTimeout(l.value),u.value&&clearTimeout(u.value),k()}),e.watch(n,o=>{C(o?"open":"close")}),(o,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"k-popover",onKeydown:e.withKeys(e.withModifiers(a,["stop"]),["esc"])},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"triggerWrapperElement",ref:c,class:"popover-trigger-wrapper",onClick:V},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(R.default,{"aria-controls":e.unref(y),"data-testid":"popover-button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["aria-controls"])],!0)],512),e.createVNode(M.default,{target:t.target,"use-teleport":!!t.target},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps(t.popoverElementAttributes,{id:e.unref(y),ref_key:"popoverElement",ref:i,"aria-labelledby":s.title||t.title?e.unref(S):void 0,class:["popover",Z.value],role:"dialog",style:U.value,"x-placement":e.unref(d),onClick:q}),[e.createElementVNode("div",{class:"popover-container",style:e.normalizeStyle(L.value)},[t.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,ref:"popoverCloseButton","aria-label":"Close popover",class:"popover-close-button",tabindex:n.value?0:-1,type:"button",onClick:a},[e.createVNode(e.unref(j.default),{class:"popover-close-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(T.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,X)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",Y,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),class:e.normalizeClass(["popover-title",{"close-icon-spacing":!t.hideCloseIcon}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],10,G)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["popover-content",{"close-icon-spacing":!t.hideCloseIcon&&!(s.title||t.title)}])},[e.renderSlot(o.$slots,"content",{},void 0,!0)],2),s.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,F),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("./kongponents236.cjs"),R=require("./kongponents38.cjs"),j=require("./kongponents184.cjs"),T=require("./kongponents189.cjs"),M=require("./kongponents237.cjs"),f=require("./kongponents196.cjs"),g=require("./kongponents197.cjs"),P=require("./kongponents198.cjs"),h=require("./kongponents238.cjs"),F=["id","aria-labelledby","x-placement"],X=["tabindex"],Y={key:1,class:"popover-header"},G=["id"],J={key:2,class:"popover-footer"},Q=e.defineComponent({__name:"KPop",props:{buttonText:{default:""},title:{default:""},placement:{default:"auto"},trigger:{default:"click"},popoverTimeout:{default:300},popoverDelay:{default:0},hideCloseIcon:{type:Boolean},hideCaret:{type:Boolean},closeOnPopoverClick:{type:Boolean},disabled:{type:Boolean},width:{default:"200px"},maxWidth:{default:"none"},maxHeight:{default:"none"},popoverClasses:{default:""},popoverElementAttributes:{default:()=>({})},tag:{default:"div"},zIndex:{},offset:{default:()=>T.KUI_SPACE_60},target:{default:null}},emits:["open","close","popover-click"],setup(t,{expose:I,emit:N}){const C=N,s=e.useSlots(),x=e.inject(P.POPOVER_PARENT_ZINDEX_KEY,null),w=e.computed(()=>t.zIndex??(x?.value!=null?x.value+1:1e3));e.provide(P.POPOVER_PARENT_ZINDEX_KEY,w);const y=e.useId(),S=e.useId(),c=e.ref(null),i=e.ref(null),n=e.ref(!1),r=e.computed(()=>c.value&&c.value?.children[0]?c.value?.children[0]:null),u=e.ref(null),l=e.ref(null),z=()=>{n.value?a():p()},E=e.ref(),k=()=>{E.value&&E.value()},B=()=>{k(),r.value&&i.value&&(E.value=h.autoUpdate(r.value,i.value,A))},p=async()=>{if(!t.disabled){u.value&&(clearTimeout(u.value),u.value=null);const o=()=>{B(),n.value=!0};t.trigger==="hover"&&t.popoverDelay>0?(l.value&&clearTimeout(l.value),l.value=setTimeout(o,t.popoverDelay)):o()}},a=()=>{l.value&&(clearTimeout(l.value),l.value=null),u.value=setTimeout(()=>{k(),n.value=!1},t.trigger==="hover"?t.popoverTimeout:0)},V=()=>{z()},q=()=>{C("popover-click"),t.closeOnPopoverClick&&a()},K=o=>{if(!n.value)return;const v=o.target,$=c.value?.contains(v),H=i.value?.contains(v);$||H||a()},b=e.computed(()=>t.placement.trim().replace(/ /g,"-").replace(/[A-Z]+(?![a-z])|[A-Z]/g,(o,v)=>(v?"-":"")+o.toLowerCase()).replace(/--+/g,"-").replace(/-+$/g,"")),{floatingStyles:O,placement:d,update:A}=W.useFloating(r,i,{...b.value==="auto"&&{middleware:[h.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[h.shift(),h.flip()]},strategy:"fixed",transform:!1}),m=e.computed(()=>g.normalizeSize(t.offset)),D=e.computed(()=>d.value.includes("top")?{marginBottom:m.value}:d.value.includes("bottom")?{marginTop:m.value}:d.value.includes("right")?{marginLeft:m.value}:d.value.includes("left")?{marginRight:m.value}:{}),U=e.computed(()=>({...O.value,zIndex:w.value})),L=e.computed(()=>({...D.value,width:g.normalizeSize(t.width),maxWidth:g.normalizeSize(t.maxWidth),maxHeight:g.normalizeSize(t.maxHeight)})),Z=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return I({hidePopover:a,showPopover:p}),e.onMounted(()=>{if(f.useEventListener(window,"mousedown",K,{capture:!0}),r.value){const o=r.value.querySelector('button[data-dropdown-trigger="true"]')||r.value;o.hasAttribute("aria-controls")||o.setAttribute("aria-controls",y)}t.trigger==="hover"&&[i.value,r.value].forEach(o=>{o&&(f.useEventListener(o,"mouseenter",p),f.useEventListener(o,"focusin",p),f.useEventListener(o,"mouseleave",a),f.useEventListener(o,"focusout",a))})}),e.onBeforeUnmount(()=>{l.value&&clearTimeout(l.value),u.value&&clearTimeout(u.value),k()}),e.watch(n,o=>{C(o?"open":"close")}),(o,v)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"k-popover",onKeydown:e.withKeys(e.withModifiers(a,["stop"]),["esc"])},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"triggerWrapperElement",ref:c,class:"popover-trigger-wrapper",onClick:V},[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(R.default,{"aria-controls":e.unref(y),"data-testid":"popover-button"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["aria-controls"])],!0)],512),e.createVNode(M.default,{target:t.target,"use-teleport":!!t.target},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",e.mergeProps(t.popoverElementAttributes,{id:e.unref(y),ref_key:"popoverElement",ref:i,"aria-labelledby":s.title||t.title?e.unref(S):void 0,class:["popover",Z.value],role:"dialog",style:U.value,"x-placement":e.unref(d),onClick:q}),[e.createElementVNode("div",{class:"popover-container",style:e.normalizeStyle(L.value)},[t.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,ref:"popoverCloseButton","aria-label":"Close popover",class:"popover-close-button",tabindex:n.value?0:-1,type:"button",onClick:a},[e.createVNode(e.unref(j.default),{class:"popover-close-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(T.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,X)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",Y,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),class:e.normalizeClass(["popover-title",{"close-icon-spacing":!t.hideCloseIcon}])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],10,G)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["popover-content",{"close-icon-spacing":!t.hideCloseIcon&&!(s.title||t.title)}])},[e.renderSlot(o.$slots,"content",{},void 0,!0)],2),s.footer?(e.openBlock(),e.createElementBlock("div",J,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,F),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=Q;

package/dist/kongponents132.es.js

@@ -1,13 +1,13 @@
 import { defineComponent as ee, useSlots as te, inject as oe, computed as a, provide as le, useId as N, ref as c, onMounted as ae, onBeforeUnmount as ie, watch as re, openBlock as p, createBlock as ne, resolveDynamicComponent as ue, withKeys as se, withModifiers as ce, withCtx as C, createElementVNode as b, renderSlot as k, createVNode as w, unref as n, createTextVNode as O, toDisplayString as U, Transition as ve, withDirectives as de, mergeProps as fe, normalizeStyle as me, createElementBlock as x, createCommentVNode as E, normalizeClass as $, vShow as pe } from "vue";
-import { useFloating as ge } from "./kongponents207.es.js";
+import { useFloating as ge } from "./kongponents236.es.js";
 import he from "./kongponents38.es.js";
 import ye from "./kongponents184.es.js";
 import { KUI_SPACE_60 as Ce, KUI_ICON_SIZE_30 as be } from "./kongponents189.es.js";
-import ke from "./kongponents208.es.js";
+import ke from "./kongponents237.es.js";
 import { useEventListener as g } from "./kongponents196.es.js";
 import { normalizeSize as T } from "./kongponents197.es.js";
 import { POPOVER_PARENT_ZINDEX_KEY as H } from "./kongponents198.es.js";
-import { shift as we, flip as xe, autoPlacement as Ee, autoUpdate as Te } from "./kongponents209.es.js";
+import { shift as we, flip as xe, autoPlacement as Ee, autoUpdate as Te } from "./kongponents238.es.js";
 const Ie = ["id", "aria-labelledby", "x-placement"], Pe = ["tabindex"], Se = {
   key: 1,
   class: "popover-header"

package/dist/kongponents138.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents200.cjs"),f={class:"k-segmented-control"},k=["data-testid","disabled","onClick"],y=l.defineComponent({__name:"KSegmentedControl",props:{modelValue:{},options:{},size:{default:"small"},disabled:{type:Boolean}},emits:["click","update:modelValue"],setup(a,{emit:u}){const i=t=>t.every(e=>e.value!==void 0),c=t=>{const e=[];return t.forEach(n=>e.push(n.value+"")),e},d=t=>{const e=c(t),n=new Set(e);return e.length===n.size},o=t=>t.map(e=>({label:typeof e=="string"?e:e.label||e.value+"",value:typeof e=="string"?e.toLocaleLowerCase().replace(" ","-"):e.value,disabled:typeof e=="string"?!1:e.disabled})),v=t=>{const e=typeof t[0]=="string",n=o(t),s=d(n);return e?s&&i(n):s};l.watch(()=>a.options,t=>{v(t)||g.warnInvalidProp("options","The options prop must be an array of unique strings or objects with a unique value property.")},{immediate:!0});const r=u,m=l.computed(()=>o(a.options)),p=t=>!!t.disabled||a.disabled,b=t=>{r("click",t.value),r("update:modelValue",t.value)};return(t,e)=>(l.openBlock(),l.createElementBlock("div",f,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(m.value,n=>(l.openBlock(),l.createElementBlock("button",{key:`${n.value}-option`,class:l.normalizeClass(["segmented-control-button",[a.size,{selected:a.modelValue===n.value}]]),"data-testid":`${n.value}-option`,disabled:p(n),type:"button",onClick:s=>b(n)},[l.renderSlot(t.$slots,"option-label",{option:n},()=>[l.createTextVNode(l.toDisplayString(n.label),1)],!0)],10,k))),128))]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents235.cjs"),f={class:"k-segmented-control"},k=["data-testid","disabled","onClick"],y=l.defineComponent({__name:"KSegmentedControl",props:{modelValue:{},options:{},size:{default:"small"},disabled:{type:Boolean}},emits:["click","update:modelValue"],setup(a,{emit:u}){const i=t=>t.every(e=>e.value!==void 0),c=t=>{const e=[];return t.forEach(n=>e.push(n.value+"")),e},d=t=>{const e=c(t),n=new Set(e);return e.length===n.size},o=t=>t.map(e=>({label:typeof e=="string"?e:e.label||e.value+"",value:typeof e=="string"?e.toLocaleLowerCase().replace(" ","-"):e.value,disabled:typeof e=="string"?!1:e.disabled})),v=t=>{const e=typeof t[0]=="string",n=o(t),s=d(n);return e?s&&i(n):s};l.watch(()=>a.options,t=>{v(t)||g.warnInvalidProp("options","The options prop must be an array of unique strings or objects with a unique value property.")},{immediate:!0});const r=u,m=l.computed(()=>o(a.options)),p=t=>!!t.disabled||a.disabled,b=t=>{r("click",t.value),r("update:modelValue",t.value)};return(t,e)=>(l.openBlock(),l.createElementBlock("div",f,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(m.value,n=>(l.openBlock(),l.createElementBlock("button",{key:`${n.value}-option`,class:l.normalizeClass(["segmented-control-button",[a.size,{selected:a.modelValue===n.value}]]),"data-testid":`${n.value}-option`,disabled:p(n),type:"button",onClick:s=>b(n)},[l.renderSlot(t.$slots,"option-label",{option:n},()=>[l.createTextVNode(l.toDisplayString(n.label),1)],!0)],10,k))),128))]))}});exports.default=y;

package/dist/kongponents138.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, watch as y, computed as h, openBlock as n, createElementBlock as o, Fragment as k, renderList as V, normalizeClass as C, renderSlot as z, createTextVNode as q, toDisplayString as w } from "vue";
-import { warnInvalidProp as S } from "./kongponents200.es.js";
+import { warnInvalidProp as S } from "./kongponents235.es.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {