@kong/kongponents 9.64.23-pr.3448.18e7c95.0 → 9.64.23

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("@kong/icons"),S=require("./kongponents182.cjs"),F=require("./kongponents184.cjs"),G=require("./kongponents185.cjs"),T=require("./kongponents186.cjs"),V=require("./kongponents187.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.CalIcon),{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("@kong/icons"),S=require("./kongponents182.cjs"),F=require("./kongponents185.cjs"),G=require("./kongponents186.cjs"),T=require("./kongponents187.cjs"),V=require("./kongponents188.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.CalIcon),{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

@@ -7,10 +7,10 @@ import "./kongponents7.es.js";
 import { DateTimePickerModes as de, ModeArrayCustom as oe, ModeArrayRelative as se, ModeDateOnly as me } from "./kongponents12.es.js";
 import { CalIcon as ue } from "@kong/icons";
 import { KUI_SPACE_40 as ce, KUI_ICON_SIZE_40 as fe, KUI_COLOR_TEXT_NEUTRAL as ve } from "./kongponents182.es.js";
-import { normalizeSize as ye } from "./kongponents184.es.js";
-import ge from "./kongponents185.es.js";
-import x from "./kongponents186.es.js";
-import M from "./kongponents187.es.js";
+import { normalizeSize as ye } from "./kongponents185.es.js";
+import ge from "./kongponents186.es.js";
+import x from "./kongponents187.es.js";
+import M from "./kongponents188.es.js";
 const be = ["tabindex"], pe = ["innerHTML"], ke = {
   key: 1,
   class: "range-display"

package/dist/kongponents115.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("./kongponents57.cjs"),P=require("./kongponents55.cjs"),B=require("./kongponents38.cjs"),R=require("./kongponents188.cjs"),C=require("@kong/icons"),U=["role"],W={class:"file-upload-input-wrapper"},j={key:1,class:"file-upload-dropzone-wrapper"},O=["aria-disabled","aria-labelledby","tabindex"],G={"aria-hidden":"true",class:"dropzone-icon"},H={key:0},J={key:1},Q=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:$}){const s=$,w=e.useSlots(),r=e.useAttrs(),{stripRequiredLabel:E}=R.default(),N=e.useId(),b=e.computed(()=>r.id?String(r.id):N),D=e.computed(()=>r.name?String(r.name):"uploaded-file"),F=e.computed(()=>{const a={...r};return delete a.id,delete a.name,a}),h=e.useTemplateRef("input"),q=()=>!!(l.labelAttributes?.info||w["label-tooltip"]),x=e.computed(()=>E(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),v=e.computed(()=>p.value||c.value||l.error),d=e.ref(0),i=e.ref(""),f=e.ref(null),M=e.useTemplateRef("dropzone"),V=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 K=h.value?.$el?.querySelector("input");t.length?(f.value=t,i.value=t[0]?.name||"",s("file-added",t)):(K.files=f.value,i.value=f.value?.[0]?.name||"")},k=()=>{if(i.value){I();return}const a=h.value?.$el?.querySelector("input");a&&a.click()},I=()=>{f.value=null,i.value="",d.value++,c.value=!1,s("file-removed")},m=e.ref(!1),p=e.ref(!1),A=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(", ")}`:""),T=a=>{if(!l.disabled){o.value?M.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}A(t[0])?(p.value=!1,f.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"},F.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(T,["prevent"])}),[l.label||a.$slots.label?(e.openBlock(),e.createBlock(L.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.renderSlot(a.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(x.value),1)],!0)]),_: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",W,[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(P.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:v.value,"error-message":l.errorMessage||z.value||S.value,help:l.help,hidden:o.value,name:D.value,placeholder:l.placeholder||g.value,title:"",type:"file",onChange:V},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",j,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label||a.$slots.label?`file-upload-dropzone-label-${b.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:m.value&&!l.disabled,disabled:l.disabled,error:v.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:k},[e.createElementVNode("div",G,[e.renderSlot(a.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(C.FileEmptyIcon),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(C.UploadIcon),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",J,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,O),v.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:v.value}])},e.toDisplayString(v.value&&(l.errorMessage||z.value||S.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,U))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("./kongponents57.cjs"),P=require("./kongponents55.cjs"),B=require("./kongponents38.cjs"),R=require("./kongponents183.cjs"),C=require("@kong/icons"),U=["role"],W={class:"file-upload-input-wrapper"},j={key:1,class:"file-upload-dropzone-wrapper"},O=["aria-disabled","aria-labelledby","tabindex"],G={"aria-hidden":"true",class:"dropzone-icon"},H={key:0},J={key:1},Q=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:$}){const s=$,w=e.useSlots(),r=e.useAttrs(),{stripRequiredLabel:E}=R.default(),N=e.useId(),b=e.computed(()=>r.id?String(r.id):N),D=e.computed(()=>r.name?String(r.name):"uploaded-file"),F=e.computed(()=>{const a={...r};return delete a.id,delete a.name,a}),h=e.useTemplateRef("input"),q=()=>!!(l.labelAttributes?.info||w["label-tooltip"]),x=e.computed(()=>E(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),v=e.computed(()=>p.value||c.value||l.error),d=e.ref(0),i=e.ref(""),f=e.ref(null),M=e.useTemplateRef("dropzone"),V=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 K=h.value?.$el?.querySelector("input");t.length?(f.value=t,i.value=t[0]?.name||"",s("file-added",t)):(K.files=f.value,i.value=f.value?.[0]?.name||"")},k=()=>{if(i.value){I();return}const a=h.value?.$el?.querySelector("input");a&&a.click()},I=()=>{f.value=null,i.value="",d.value++,c.value=!1,s("file-removed")},m=e.ref(!1),p=e.ref(!1),A=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(", ")}`:""),T=a=>{if(!l.disabled){o.value?M.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}A(t[0])?(p.value=!1,f.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"},F.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(T,["prevent"])}),[l.label||a.$slots.label?(e.openBlock(),e.createBlock(L.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.renderSlot(a.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(x.value),1)],!0)]),_: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",W,[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(P.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:v.value,"error-message":l.errorMessage||z.value||S.value,help:l.help,hidden:o.value,name:D.value,placeholder:l.placeholder||g.value,title:"",type:"file",onChange:V},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",j,[e.createElementVNode("div",{ref:"dropzone","aria-disabled":l.disabled?"true":void 0,"aria-labelledby":l.label||a.$slots.label?`file-upload-dropzone-label-${b.value}`:void 0,class:e.normalizeClass(["dropzone",{dragging:m.value&&!l.disabled,disabled:l.disabled,error:v.value,"has-file":!!i.value}]),"data-testid":"file-upload-dropzone",role:"button",tabindex:l.disabled?-1:0,onClick:k},[e.createElementVNode("div",G,[e.renderSlot(a.$slots,"icon",{},()=>[i.value?(e.openBlock(),e.createBlock(e.unref(C.FileEmptyIcon),{key:0,decorative:""})):(e.openBlock(),e.createBlock(e.unref(C.UploadIcon),{key:1,decorative:""}))],!0)]),i.value?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(i.value),1)):(e.openBlock(),e.createElementBlock("span",J,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,O),v.value||l.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["help-text",{error:v.value}])},e.toDisplayString(v.value&&(l.errorMessage||z.value||S.value)||l.help),3)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16,U))}});exports.default=Q;

package/dist/kongponents115.es.js

@@ -2,7 +2,7 @@ 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 U from "./kongponents38.es.js";
-import de from "./kongponents188.es.js";
+import de from "./kongponents183.es.js";
 import { FileEmptyIcon as ve, UploadIcon as fe } from "@kong/icons";
 const ce = ["role"], be = { class: "file-upload-input-wrapper" }, me = {
   key: 1,

package/dist/kongponents117.cjs

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

package/dist/kongponents117.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as ae, useCssVars as le, watch as f, useSlots as re, useTemplateRef as oe, ref as n, useAttrs as ne, computed as l, useId as N, onMounted as ie, nextTick as se, openBlock as r, createElementBlock as c, normalizeClass as B, unref as v, createBlock as I, mergeProps as K, createSlots as ue, withCtx as L, renderSlot as m, createTextVNode as x, toDisplayString as M, createCommentVNode as b, createElementVNode as W, withModifiers as T, createVNode as de, Transition as ce, Fragment as fe } from "vue";
-import ve from "./kongponents188.es.js";
+import ve from "./kongponents183.es.js";
 import me from "./kongponents57.es.js";
 import { KUI_ICON_SIZE_40 as R } from "./kongponents182.es.js";
 import { VisibilityOffIcon as he, VisibilityIcon as ge } from "@kong/icons";

package/dist/kongponents123.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("focus-trap-vue"),T=require("./kongponents190.cjs"),B=require("./kongponents38.cjs"),N=require("@kong/icons"),g=require("./kongponents182.cjs"),k=require("./kongponents184.cjs"),w=require("./kongponents191.cjs"),$=["aria-label"],O={key:0,class:"modal-header"},A={key:0,class:"modal-title"},I={class:"modal-footer"},D={class:"footer-actions"},z=e.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean},title:{default:""},actionButtonText:{default:"Submit"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},hideCancelButton:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},tabbableOptions:{default:()=>({})},maxWidth:{default:"500px"},maxHeight:{default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean},fullScreen:{type:Boolean},inputAutofocus:{type:Boolean},zIndex:{default:1100}},emits:["proceed","cancel"],setup(o,{emit:C}){e.useCssVars(t=>({c9546bd4:t.zIndex,v6d2ff071:h.value,v7fba0424:S.value}));const E=C,i=e.useSlots();e.provide(w.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const r=e.useAttrs(),p=T.useTextSelection(),u=`k-modal-${e.useId()}-overflow-hidden`,n=e.ref(null),f=e.ref(null),h=e.computed(()=>o.fullScreen&&!i.content?"95%":k.normalizeSize(o.maxWidth)),S=e.computed(()=>o.fullScreen&&!i.content?"95vh":k.normalizeSize(o.maxHeight)),V=e.computed(()=>{const t=Object.assign({},r);return delete t.class,t}),m=()=>!!o.title||!!i.title||!o.hideCloseIcon,v=t=>{o.visible&&o.closeOnEscape&&t.key==="Escape"&&b(!0)},b=(t=!1,a)=>{(t||a?.target?.classList?.contains("modal-backdrop")&&o.closeOnBackdropClick&&!p.text.value)&&E("cancel")},s=async t=>{t?(await e.nextTick(),await new Promise(a=>setTimeout(a,0)),n.value?.activate()):n.value?.deactivate()},d=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",v):document?.removeEventListener("keydown",v))},y=()=>{const t=n.value?.$el?.querySelector(".modal-content")?.querySelectorAll("input");t?.length&&Array.from(t).every(a=>!a.disabled&&!a.readOnly?(a.focus(),!1):!0)};e.watch(()=>o.visible,async t=>{t?(await s(!0),o.inputAutofocus&&y(),d(!0)):(await s(!1),d(!1)),typeof document<"u"&&document?.body?.classList?.toggle(u,t)},{immediate:!0}),e.watch(()=>o.inputAutofocus,async t=>{t&&(await e.nextTick(),y())});const l=e.ref(null);return e.onMounted(()=>{typeof document<"u"&&(l.value=document.createElement("style"),l.value.textContent=`body.${u} { overflow: hidden; }`,document.head.appendChild(l.value))}),e.onBeforeUnmount(async()=>{await s(!1),d(!1)}),e.onUnmounted(()=>{l.value?.remove()}),(t,a)=>o.visible?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,"aria-label":o.title,"aria-modal":"true",class:["k-modal",[e.unref(r).class]]},V.value,{role:"dialog"}),[e.createElementVNode("div",{ref_key:"modalWrapperElement",ref:f,class:e.normalizeClass(["modal-backdrop",{"modal-full-screen":o.fullScreen&&!t.$slots.content}]),onClick:a[3]||(a[3]=c=>b(!1,c))},[e.createVNode(e.unref(x.FocusTrap),{ref_key:"focusTrapElement",ref:n,active:!1,"fallback-focus":()=>f.value,"tabbable-options":o.tabbableOptions},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"custom-content":t.$slots.content}]),tabindex:"-1"},[e.renderSlot(t.$slots,"content",{},()=>[m()?(e.openBlock(),e.createElementBlock("div",O,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:a[0]||(a[0]=c=>t.$emit("cancel"))},[e.createVNode(e.unref(N.CloseIcon),{color:`var(--kui-color-text-neutral, ${e.unref(g.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["modal-content",{"no-header":!m()}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),e.createElementVNode("div",I,[e.renderSlot(t.$slots,"footer",{},()=>[e.createElementVNode("div",D,[e.renderSlot(t.$slots,"footer-actions",{},()=>[o.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:o.cancelButtonDisabled,onClick:a[1]||(a[1]=c=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),e.createVNode(B.default,{appearance:o.actionButtonAppearance,"data-testid":"modal-action-button",disabled:o.actionButtonDisabled,onClick:a[2]||(a[2]=c=>t.$emit("proceed"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,$)):e.createCommentVNode("",!0)}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("focus-trap-vue"),T=require("./kongponents190.cjs"),B=require("./kongponents38.cjs"),N=require("@kong/icons"),g=require("./kongponents182.cjs"),k=require("./kongponents185.cjs"),w=require("./kongponents191.cjs"),$=["aria-label"],O={key:0,class:"modal-header"},A={key:0,class:"modal-title"},I={class:"modal-footer"},D={class:"footer-actions"},z=e.defineComponent({inheritAttrs:!1,__name:"KModal",props:{visible:{type:Boolean},title:{default:""},actionButtonText:{default:"Submit"},actionButtonAppearance:{default:"primary"},actionButtonDisabled:{type:Boolean},hideCancelButton:{type:Boolean},cancelButtonText:{default:"Cancel"},cancelButtonAppearance:{default:"tertiary"},cancelButtonDisabled:{type:Boolean},tabbableOptions:{default:()=>({})},maxWidth:{default:"500px"},maxHeight:{default:"calc(100vh - 200px)"},closeOnBackdropClick:{type:Boolean},closeOnEscape:{type:Boolean,default:!0},hideCloseIcon:{type:Boolean},fullScreen:{type:Boolean},inputAutofocus:{type:Boolean},zIndex:{default:1100}},emits:["proceed","cancel"],setup(o,{emit:C}){e.useCssVars(t=>({c9546bd4:t.zIndex,v6d2ff071:h.value,v7fba0424:S.value}));const E=C,i=e.useSlots();e.provide(w.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const r=e.useAttrs(),p=T.useTextSelection(),u=`k-modal-${e.useId()}-overflow-hidden`,n=e.ref(null),f=e.ref(null),h=e.computed(()=>o.fullScreen&&!i.content?"95%":k.normalizeSize(o.maxWidth)),S=e.computed(()=>o.fullScreen&&!i.content?"95vh":k.normalizeSize(o.maxHeight)),V=e.computed(()=>{const t=Object.assign({},r);return delete t.class,t}),m=()=>!!o.title||!!i.title||!o.hideCloseIcon,v=t=>{o.visible&&o.closeOnEscape&&t.key==="Escape"&&b(!0)},b=(t=!1,a)=>{(t||a?.target?.classList?.contains("modal-backdrop")&&o.closeOnBackdropClick&&!p.text.value)&&E("cancel")},s=async t=>{t?(await e.nextTick(),await new Promise(a=>setTimeout(a,0)),n.value?.activate()):n.value?.deactivate()},d=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",v):document?.removeEventListener("keydown",v))},y=()=>{const t=n.value?.$el?.querySelector(".modal-content")?.querySelectorAll("input");t?.length&&Array.from(t).every(a=>!a.disabled&&!a.readOnly?(a.focus(),!1):!0)};e.watch(()=>o.visible,async t=>{t?(await s(!0),o.inputAutofocus&&y(),d(!0)):(await s(!1),d(!1)),typeof document<"u"&&document?.body?.classList?.toggle(u,t)},{immediate:!0}),e.watch(()=>o.inputAutofocus,async t=>{t&&(await e.nextTick(),y())});const l=e.ref(null);return e.onMounted(()=>{typeof document<"u"&&(l.value=document.createElement("style"),l.value.textContent=`body.${u} { overflow: hidden; }`,document.head.appendChild(l.value))}),e.onBeforeUnmount(async()=>{await s(!1),d(!1)}),e.onUnmounted(()=>{l.value?.remove()}),(t,a)=>o.visible?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,"aria-label":o.title,"aria-modal":"true",class:["k-modal",[e.unref(r).class]]},V.value,{role:"dialog"}),[e.createElementVNode("div",{ref_key:"modalWrapperElement",ref:f,class:e.normalizeClass(["modal-backdrop",{"modal-full-screen":o.fullScreen&&!t.$slots.content}]),onClick:a[3]||(a[3]=c=>b(!1,c))},[e.createVNode(e.unref(x.FocusTrap),{ref_key:"focusTrapElement",ref:n,active:!1,"fallback-focus":()=>f.value,"tabbable-options":o.tabbableOptions},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["modal-container",{"custom-content":t.$slots.content}]),tabindex:"-1"},[e.renderSlot(t.$slots,"content",{},()=>[m()?(e.openBlock(),e.createElementBlock("div",O,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",A,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),o.hideCloseIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":"Close",class:"close-icon","data-testid":"modal-close-icon",type:"button",onClick:a[0]||(a[0]=c=>t.$emit("cancel"))},[e.createVNode(e.unref(N.CloseIcon),{color:`var(--kui-color-text-neutral, ${e.unref(g.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["modal-content",{"no-header":!m()}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),e.createElementVNode("div",I,[e.renderSlot(t.$slots,"footer",{},()=>[e.createElementVNode("div",D,[e.renderSlot(t.$slots,"footer-actions",{},()=>[o.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.cancelButtonAppearance,"data-testid":"modal-cancel-button",disabled:o.cancelButtonDisabled,onClick:a[1]||(a[1]=c=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelButtonText),1)]),_:1},8,["appearance","disabled"])),e.createVNode(B.default,{appearance:o.actionButtonAppearance,"data-testid":"modal-action-button",disabled:o.actionButtonDisabled,onClick:a[2]||(a[2]=c=>t.$emit("proceed"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.actionButtonText),1)]),_:1},8,["appearance","disabled"])],!0)])],!0)])],!0)],2)]),_:3},8,["fallback-focus","tabbable-options"])],2)],16,$)):e.createCommentVNode("",!0)}});exports.default=z;

package/dist/kongponents123.es.js

@@ -4,7 +4,7 @@ import { useTextSelection as J } from "./kongponents190.es.js";
 import I from "./kongponents38.es.js";
 import { CloseIcon as Q } from "@kong/icons";
 import { KUI_COLOR_TEXT_NEUTRAL as _ } from "./kongponents182.es.js";
-import { normalizeSize as D } from "./kongponents184.es.js";
+import { normalizeSize as D } from "./kongponents185.es.js";
 import { POPOVER_PARENT_ZINDEX_KEY as ee } from "./kongponents191.es.js";
 const te = ["aria-label"], oe = {
   key: 0,

package/dist/kongponents127.cjs

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

package/dist/kongponents127.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as Ze, useCssVars as Xe, useAttrs as Ye, useSlots as _e, watch as U, useTemplateRef as H, computed as v, useId as et, ref as b, onMounted as tt, openBlock as m, createElementBlock as I, normalizeStyle as W, normalizeClass as G, createBlock as E, mergeProps as J, createSlots as be, withCtx as y, renderSlot as x, createTextVNode as j, toDisplayString as K, createCommentVNode as F, createElementVNode as M, createVNode as C, unref as S, withKeys as q, withModifiers as N, nextTick as we } from "vue";
-import lt from "./kongponents188.es.js";
+import lt from "./kongponents183.es.js";
 import ke from "./kongponents36.es.js";
 import Ie from "./kongponents55.es.js";
 import ot from "./kongponents57.es.js";
@@ -7,15 +7,15 @@ import at from "./kongponents62.es.js";
 import st from "./kongponents29.es.js";
 import it from "./kongponents30.es.js";
 /* empty css                 */
-import ut from "./kongponents209.es.js";
-import nt from "./kongponents210.es.js";
+import ut from "./kongponents205.es.js";
+import nt from "./kongponents206.es.js";
 import { CloseIcon as Ce, ProgressIcon as rt, ChevronDownIcon as dt } from "@kong/icons";
 import { KUI_SPACE_40 as ct, KUI_ICON_SIZE_40 as Q } from "./kongponents182.es.js";
 import { WrapClamp as ft } from "vue-clamp";
 import { sanitizeInput as vt } from "./kongponents180.es.js";
 import { useResizeObserver as mt } from "./kongponents190.es.js";
 import { getUniqueStringId as pt } from "./kongponents160.es.js";
-import { normalizeSize as Se } from "./kongponents184.es.js";
+import { normalizeSize as Se } from "./kongponents185.es.js";
 const ht = { "data-testid": "multiselect-container" }, gt = ["id", "tabindex"], yt = { key: 0 }, bt = {
   key: 1,
   class: "expanded-selection-empty"

package/dist/kongponents130.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents49.cjs"),x=require("./kongponents38.cjs"),L=require("./kongponents192.cjs"),z=require("@kong/icons"),U=require("./kongponents193.cjs"),W=require("./kongponents181.cjs"),R={class:"pagination-text large-screen","data-testid":"visible-items"},Z={class:"pagination-text-pages"},Q={class:"pagination-button-container"},X={key:0},Y={key:1,class:"pagination-button placeholder"},_=["aria-current","aria-label","data-testid","onClick"],ee={key:2,class:"pagination-button placeholder"},te={key:3},ae={class:"page-size-select"},le={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ne={class:"pagination-text-pages"},oe=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:J}){const q={placement:"top"},k=J,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]??W.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})),G=e.computed(()=>`${u.value} ${u.value===1?"item per page":" items per page"}`),s=e.ref(t.neighbors),r=e.ref(3),I=async()=>(await e.nextTick(),v.value?v.value.scrollWidth>v.value.clientWidth:!1),V=async()=>{await I()&&(s.value>1||r.value>1)&&(s.value>1?s.value--:r.value>1&&r.value--,b.value=h(l.value,i.value,f.value,m.value))},h=(a,n,o,S)=>{if(t.disablePageJump)return[];let c=[...Array(n).keys()].map(d=>d+1);const K=r.value+2+2*s.value;return c.length<=K||(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},w=e.ref(l.value===1),B=e.ref(l.value===i.value),y=e.computed(()=>(l.value-1)*u.value+1),N=e.computed(()=>{const a=y.value-1+u.value;return a>t.totalCount?t.totalCount:a}),D=e.computed(()=>`${y.value} to ${N.value}`),O=e.computed(()=>` of ${t.totalCount}`),g=e.computed(()=>t.currentPage?t.currentPage:l.value),$=e.computed(()=>5+2*s.value),f=e.computed(()=>i.value>$.value&&g.value>=s.value+(r.value+1)),m=e.computed(()=>i.value>$.value&&g.value<=i.value-s.value-r.value),b=e.ref(h(g.value,i.value,f.value,m.value)),T=()=>{l.value++,E()},F=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*u.value+u.value;B.value=a>=t.totalCount,w.value=l.value===1,b.value=h(l.value,i.value,f.value,m.value),k("pageChange",{page:l.value,pageCount:i.value,firstItem:y.value,lastItem:N.value,visibleItems:t.items.slice(y.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))},M=()=>{k("getNextOffset")},H=()=>{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=h(g.value,a,f.value,m.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&V()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=U.ResizeObserverHelper.create(V),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(L.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:M,onGetPreviousOffset:H},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",R,[e.createElementVNode("span",Z,e.toDisplayString(D.value),1),e.createTextVNode(" "+e.toDisplayString(O.value),1)]),e.createElementVNode("ul",Q,[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:w.value,icon:"",size:"small",type:"button",onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(z.BackIcon),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",X,[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",Y," ... ")):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,_)]))),128)),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",te,[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:T},{default:e.withCtx(()=>[e.createVNode(e.unref(z.ForwardIcon),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ae,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",le,[e.createElementVNode("span",ne,e.toDisplayString(D.value),1),e.createTextVNode(" "+e.toDisplayString(O.value),1)])):e.createCommentVNode("",!0),e.createVNode(j.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":q,"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(G.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(z.ChevronDownIcon),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents49.cjs"),x=require("./kongponents38.cjs"),L=require("./kongponents203.cjs"),z=require("@kong/icons"),U=require("./kongponents202.cjs"),W=require("./kongponents181.cjs"),R={class:"pagination-text large-screen","data-testid":"visible-items"},Z={class:"pagination-text-pages"},Q={class:"pagination-button-container"},X={key:0},Y={key:1,class:"pagination-button placeholder"},_=["aria-current","aria-label","data-testid","onClick"],ee={key:2,class:"pagination-button placeholder"},te={key:3},ae={class:"page-size-select"},le={key:0,class:"pagination-text small-screen","data-testid":"visible-items"},ne={class:"pagination-text-pages"},oe=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:J}){const q={placement:"top"},k=J,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]??W.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})),G=e.computed(()=>`${u.value} ${u.value===1?"item per page":" items per page"}`),s=e.ref(t.neighbors),r=e.ref(3),I=async()=>(await e.nextTick(),v.value?v.value.scrollWidth>v.value.clientWidth:!1),V=async()=>{await I()&&(s.value>1||r.value>1)&&(s.value>1?s.value--:r.value>1&&r.value--,b.value=h(l.value,i.value,f.value,m.value))},h=(a,n,o,S)=>{if(t.disablePageJump)return[];let c=[...Array(n).keys()].map(d=>d+1);const K=r.value+2+2*s.value;return c.length<=K||(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},w=e.ref(l.value===1),B=e.ref(l.value===i.value),y=e.computed(()=>(l.value-1)*u.value+1),N=e.computed(()=>{const a=y.value-1+u.value;return a>t.totalCount?t.totalCount:a}),D=e.computed(()=>`${y.value} to ${N.value}`),O=e.computed(()=>` of ${t.totalCount}`),g=e.computed(()=>t.currentPage?t.currentPage:l.value),$=e.computed(()=>5+2*s.value),f=e.computed(()=>i.value>$.value&&g.value>=s.value+(r.value+1)),m=e.computed(()=>i.value>$.value&&g.value<=i.value-s.value-r.value),b=e.ref(h(g.value,i.value,f.value,m.value)),T=()=>{l.value++,E()},F=()=>{l.value--,E()},p=a=>{l.value=a,E()},E=()=>{const a=(l.value-1)*u.value+u.value;B.value=a>=t.totalCount,w.value=l.value===1,b.value=h(l.value,i.value,f.value,m.value),k("pageChange",{page:l.value,pageCount:i.value,firstItem:y.value,lastItem:N.value,visibleItems:t.items.slice(y.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))},M=()=>{k("getNextOffset")},H=()=>{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=h(g.value,a,f.value,m.value))}),e.watch(b,()=>{!t.disablePageJump&&!t.offset&&V()}),e.onMounted(()=>{!t.disablePageJump&&!t.offset&&(C.value=U.ResizeObserverHelper.create(V),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(L.default,{key:1,"next-button-disabled":t.offsetNextButtonDisabled,"previous-button-disabled":t.offsetPreviousButtonDisabled,onGetNextOffset:M,onGetPreviousOffset:H},null,8,["next-button-disabled","previous-button-disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",R,[e.createElementVNode("span",Z,e.toDisplayString(D.value),1),e.createTextVNode(" "+e.toDisplayString(O.value),1)]),e.createElementVNode("ul",Q,[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:w.value,icon:"",size:"small",type:"button",onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(z.BackIcon),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])]),!t.disablePageJump&&f.value?(e.openBlock(),e.createElementBlock("li",X,[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",Y," ... ")):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,_)]))),128)),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",ee," ... ")):e.createCommentVNode("",!0),!t.disablePageJump&&m.value?(e.openBlock(),e.createElementBlock("li",te,[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:T},{default:e.withCtx(()=>[e.createVNode(e.unref(z.ForwardIcon),{class:"pagination-arrow-icon",decorative:""})]),_:1},8,["disabled"])])])],64)),e.createElementVNode("div",ae,[!t.disablePageJump&&!t.offset?(e.openBlock(),e.createElementBlock("span",le,[e.createElementVNode("span",ne,e.toDisplayString(D.value),1),e.createTextVNode(" "+e.toDisplayString(O.value),1)])):e.createCommentVNode("",!0),e.createVNode(j.default,{class:"page-size-dropdown","data-testid":"page-size-dropdown",disabled:e.unref(P).length<=1,items:e.unref(P),"kpop-attributes":q,"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(G.value)+" ",1),e.unref(P).length>1?(e.openBlock(),e.createBlock(e.unref(z.ChevronDownIcon),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["disabled"])]),_:1},8,["disabled","items"])])],2))}});exports.default=oe;

package/dist/kongponents130.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as le, ref as d, computed as v, watch as A, onMounted as ne, onBeforeUnmount as ie, openBlock as s, createElementBlock as g, normalizeClass as W, Fragment as j, createElementVNode as r, toDisplayString as m, createTextVNode as F, createVNode as C, withCtx as D, unref as p, createCommentVNode as z, renderList as oe, createBlock as q, nextTick as ue } from "vue";
 import se from "./kongponents49.es.js";
 import T from "./kongponents38.es.js";
-import ve from "./kongponents192.es.js";
+import ve from "./kongponents203.es.js";
 import { BackIcon as re, ForwardIcon as ce, ChevronDownIcon as de } from "@kong/icons";
-import { ResizeObserverHelper as ge } from "./kongponents193.es.js";
+import { ResizeObserverHelper as ge } from "./kongponents202.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"),p=require("@floating-ui/vue"),W=require("./kongponents38.cjs"),R=require("@kong/icons"),T=require("./kongponents182.cjs"),j=require("./kongponents189.cjs"),f=require("./kongponents190.cjs"),h=require("./kongponents184.cjs"),P=require("./kongponents191.cjs"),M=["id","aria-labelledby","x-placement"],F=["tabindex"],X={key:1,class:"popover-header"},Y=["id"],G={key:2,class:"popover-footer"},J=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():m()},E=e.ref(),k=()=>{E.value&&E.value()},B=()=>{k(),r.value&&i.value&&(E.value=p.autoUpdate(r.value,i.value,A))},m=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()},K=()=>{C("popover-click"),t.closeOnPopoverClick&&a()},q=o=>{if(!n.value)return;const v=o.target,Z=c.value?.contains(v),H=i.value?.contains(v);Z||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}=p.useFloating(r,i,{...b.value==="auto"&&{middleware:[p.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[p.shift(),p.flip()]},strategy:"fixed",transform:!1}),g=e.computed(()=>h.normalizeSize(t.offset)),D=e.computed(()=>d.value.includes("top")?{marginBottom:g.value}:d.value.includes("bottom")?{marginTop:g.value}:d.value.includes("right")?{marginLeft:g.value}:d.value.includes("left")?{marginRight:g.value}:{}),$=e.computed(()=>({...O.value,zIndex:w.value})),L=e.computed(()=>({...D.value,width:h.normalizeSize(t.width),maxWidth:h.normalizeSize(t.maxWidth),maxHeight:h.normalizeSize(t.maxHeight)})),U=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return I({hidePopover:a,showPopover:m}),e.onMounted(()=>{if(f.useEventListener(window,"mousedown",q,{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",m),f.useEventListener(o,"focusin",m),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(W.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(j.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",U.value],role:"dialog",style:$.value,"x-placement":e.unref(d),onClick:K}),[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(R.CloseIcon),{class:"popover-close-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(T.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,F)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",X,[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,Y)):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",G,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,M),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@floating-ui/vue"),W=require("./kongponents38.cjs"),R=require("@kong/icons"),T=require("./kongponents182.cjs"),j=require("./kongponents204.cjs"),f=require("./kongponents190.cjs"),h=require("./kongponents185.cjs"),P=require("./kongponents191.cjs"),M=["id","aria-labelledby","x-placement"],F=["tabindex"],X={key:1,class:"popover-header"},Y=["id"],G={key:2,class:"popover-footer"},J=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():m()},E=e.ref(),k=()=>{E.value&&E.value()},B=()=>{k(),r.value&&i.value&&(E.value=p.autoUpdate(r.value,i.value,A))},m=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()},K=()=>{C("popover-click"),t.closeOnPopoverClick&&a()},q=o=>{if(!n.value)return;const v=o.target,Z=c.value?.contains(v),H=i.value?.contains(v);Z||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}=p.useFloating(r,i,{...b.value==="auto"&&{middleware:[p.autoPlacement()]},...b.value!=="auto"&&{placement:b.value,middleware:[p.shift(),p.flip()]},strategy:"fixed",transform:!1}),g=e.computed(()=>h.normalizeSize(t.offset)),D=e.computed(()=>d.value.includes("top")?{marginBottom:g.value}:d.value.includes("bottom")?{marginTop:g.value}:d.value.includes("right")?{marginLeft:g.value}:d.value.includes("left")?{marginRight:g.value}:{}),$=e.computed(()=>({...O.value,zIndex:w.value})),L=e.computed(()=>({...D.value,width:h.normalizeSize(t.width),maxWidth:h.normalizeSize(t.maxWidth),maxHeight:h.normalizeSize(t.maxHeight)})),U=e.computed(()=>[t.popoverClasses,{"hide-caret":t.hideCaret}]);return I({hidePopover:a,showPopover:m}),e.onMounted(()=>{if(f.useEventListener(window,"mousedown",q,{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",m),f.useEventListener(o,"focusin",m),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(W.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(j.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",U.value],role:"dialog",style:$.value,"x-placement":e.unref(d),onClick:K}),[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(R.CloseIcon),{class:"popover-close-icon",decorative:"",size:`var(--kui-icon-size-30, ${e.unref(T.KUI_ICON_SIZE_30)})`},null,8,["size"])],8,F)),s.title||t.title?(e.openBlock(),e.createElementBlock("div",X,[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,Y)):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",G,[e.renderSlot(o.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],4)],16,M),[[e.vShow,n.value]])]),_:3})]),_:3},8,["target","use-teleport"])]),_:3},40,["onKeydown"]))}});exports.default=J;

package/dist/kongponents132.es.js

@@ -3,9 +3,9 @@ import { useFloating as ge, shift as he, flip as ye, autoPlacement as Ce, autoUp
 import ke from "./kongponents38.es.js";
 import { CloseIcon as we } from "@kong/icons";
 import { KUI_SPACE_60 as xe, KUI_ICON_SIZE_30 as Ee } from "./kongponents182.es.js";
-import Ie from "./kongponents189.es.js";
+import Ie from "./kongponents204.es.js";
 import { useEventListener as g } from "./kongponents190.es.js";
-import { normalizeSize as I } from "./kongponents184.es.js";
+import { normalizeSize as I } from "./kongponents185.es.js";
 import { POPOVER_PARENT_ZINDEX_KEY as H } from "./kongponents191.es.js";
 const Te = ["id", "aria-labelledby", "x-placement"], Pe = ["tabindex"], Se = {
   key: 1,

package/dist/kongponents138.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),g=require("./kongponents194.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("./kongponents212.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 "./kongponents194.es.js";
+import { warnInvalidProp as S } from "./kongponents212.es.js";
 const I = { class: "k-segmented-control" }, $ = ["data-testid", "disabled", "onClick"], x = /* @__PURE__ */ g({
   __name: "KSegmentedControl",
   props: {

package/dist/kongponents140.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ke=require("./kongponents188.cjs"),ye=require("./kongponents57.cjs"),ge=require("./kongponents55.cjs"),we=require("./kongponents62.cjs"),Ce=require("./kongponents29.cjs"),Se=require("./kongponents203.cjs"),Ie=require("./kongponents204.cjs"),D=require("@kong/icons"),Be=require("./kongponents193.cjs"),W=require("./kongponents180.cjs"),Fe=require("./kongponents190.cjs"),$e=require("./kongponents160.cjs"),U=require("./kongponents184.cjs"),Ne=require("./kongponents182.cjs"),qe=["id"],Ee=["aria-live"],Ve={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},Ae={key:1,class:"select-items-container","data-propagate-clicks":"false"},Pe={key:1,class:"dropdown-footer dropdown-footer-static"},ze={key:2,class:"select-empty","data-propagate-clicks":"false"},Ke={key:0,class:"dropdown-footer dropdown-footer-sticky"},De=e.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{default:()=>(l=>l.items?.filter(N=>N.label?.toLowerCase().includes(l.query?.toLowerCase())))},loading:{type:Boolean},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{},dropdownFooterPosition:{},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed","open","close"],setup(l,{emit:N}){e.useCssVars(t=>({v07acc736:ee.value,d5033238:F.value,v68e14d2a:oe.value}));const{stripRequiredLabel:H}=ke.default(),f=N,p=e.useAttrs(),b=e.useSlots(),G=e.useId(),T=e.computed(()=>p.id?String(p.id):G),q=e.ref(!1),E=e.ref(),J=()=>!!(l.labelAttributes?.info||b["label-tooltip"]),x=e.computed(()=>p.required!==void 0&&String(p.required)!=="false"),y=e.computed(()=>p.disabled!==void 0&&String(p.disabled)!=="false"),I=e.computed(()=>p.readonly!==void 0&&String(p.readonly)!=="false"),Q={popoverTimeout:0,placement:"bottom-start",hideCaret:!0},V=()=>!!(l.dropdownFooterText||b["dropdown-footer-text"]||b["dropdown-footer"]),A=e.computed(()=>l.dropdownFooterPosition??l.dropdownFooterTextPosition??"sticky"),j=e.ref(0),Y=e.useTemplateRef("inputElement"),X=e.computed(()=>H(l.label,x.value)),g=e.ref(!1),s=e.ref(""),O=e.computed(()=>!(!s.value||r.value?.filter(t=>t.label===s.value)?.length)),Z=e.useId(),d=e.ref(null),r=e.ref([]),B=e.ref([]),w=e.ref(!1),P=e.useTemplateRef("popperElement"),k=e.useTemplateRef("selectWrapperElement"),_=e.computed({get(){return l.modelValue},set(t){const n=r.value?.filter(a=>a.value===t);n?.length?$(n[0]):t||K()}}),ee=e.computed(()=>U.normalizeSize(l.width||"100%")),F=e.ref(""),te=e.computed(()=>{const t={...p};return delete t.class,t}),le=()=>({...Q,...l.kpopAttributes,popoverClasses:`k-select-popover select-popover ${V()?`has-${A.value}-dropdown-footer`:""} ${l.kpopAttributes?.popoverClasses??""}`,width:String(F.value),maxWidth:String(F.value),disabled:y.value||I.value}),oe=e.computed(()=>U.normalizeSize(l.dropdownMaxHeight)),ae=e.computed(()=>l.placeholder||p.placeholder||"Select..."),re=e.computed(()=>!y.value&&l.clearable&&!!d.value),R=()=>!!(d.value&&(b["selected-item-template"]||l.reuseItemTemplate&&b["item-template"])),C=t=>"items"in t&&Array.isArray(t.items),z=e.computed(()=>{if(!l.enableFiltering||!s.value)return B.value;const t=l.filterFunction({query:s.value,items:r.value}),n=t===!0?r.value:t,a=new Set(n.map(u=>u.value)),c=[];for(const u of B.value)if(C(u)){const m=u.items.filter(o=>a.has(o.value));m.length>0&&c.push({label:u.label,key:u.key,items:m})}else a.has(u.value)&&c.push(u);return c}),ne=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},se=t=>{l.enableItemCreation&&L(),t.preventDefault()},L=()=>{if(!l.enableItemCreation||!s.value||!O.value||!l.itemCreationValidator(s.value))return;const t=(r.value?.length||0)+1,n={label:W.sanitizeInput(s.value),value:$e.getUniqueStringId(),key:`${W.sanitizeInput(s.value).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`,custom:!0};f("item-added",n),$(n,!0),s.value=""},$=(t,n)=>{n&&(r.value?.push(t),B.value.unshift(t)),r.value?.forEach((a,c)=>{a.key===t.key?(a.selected=!0,d.value=a):a.selected?(a.selected=!1,a.custom&&(r.value?.splice(c,1),f("item-removed",a))):a.selected=!1}),g.value=!0,s.value=t.label},K=()=>{r.value?.forEach((t,n)=>{t.selected=!1,t.custom&&(r.value?.splice(n,1),f("item-removed",t))}),d.value=null,s.value="",f("input",null),f("change",null),f("update:modelValue",null)},M=e.useTemplateRef("kSelectItems"),ie=(t,n)=>{if(t.keyCode===27){n.value=!1;return}const a=k.value?.children[0];!n.value&&a&&a.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&n.value&&M.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ue=t=>{s.value!==t&&(s.value=t)},ce=()=>{w.value=!0},de=()=>{w.value=!1},fe=()=>{l.enableFiltering||Y.value?.$el?.querySelector("input")?.blur()},ve=t=>{(y.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},pe=t=>{t()},me=(t,n)=>{q.value=!1,f("close"),d.value?(g.value=!0,s.value=d.value.label):s.value="",n&&t()},he=t=>{q.value=!0,f("open"),l.enableFiltering&&(s.value=""),t()};return e.watch(_,(t,n)=>{if(t!==n){const a=r.value?.filter(c=>c.value===t);a?.length?$(a[0]):t||K()}}),e.watch(()=>l.items,(t,n)=>{if(JSON.stringify(t)===JSON.stringify(n))return;const a=JSON.parse(JSON.stringify(l.items)),c=a.some(o=>C(o)),u=[],m=[];if(c)for(const o of a)C(o)?u.push(...o.items):u.push(o);else{const o=new Map;for(const i of a)C(i)||(i.group&&(o.has(i.group)||o.set(i.group,[]),o.get(i.group).push(i)),u.push(i));const S=Array.from(o.keys()).sort((i,h)=>i.toLowerCase().localeCompare(h.toLowerCase())),v=u.filter(i=>!i.group);m.push(...v);for(const i of S)m.push({label:i,items:o.get(i)})}r.value=u,r.value?.length&&(d.value=null);for(let o=0;o<r.value?.length;o++){r.value[o].selected===void 0&&(r.value[o].selected=!1);let v=`${(r.value[o].label!=null?String(r.value[o].label):"").replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${o}`;v.includes("undefined")&&(v=`select-item-label-${o}`),r.value[o].key=v,(r.value[o].value===l.modelValue||r.value[o].selected)&&(r.value[o].selected=!0,d.value=r.value[o],w.value||(g.value=!0,s.value=d.value.label)),d.value?.value===r.value[o].value&&(r.value[o].selected=!0)}if(c){const o=[],S=[];for(const v of a)if(C(v)){const i=v.items.map(h=>r.value.find(be=>be.value===h.value)).filter(h=>h!==void 0);S.push({label:v.label,key:v.key,items:i})}else{const i=r.value.find(h=>h.value===v.value);i&&o.push(i)}m.push(...o,...S)}B.value=m,P.value&&typeof P.value.updatePopper=="function"&&e.nextTick(()=>{P.value.updatePopper()})},{deep:!0,immediate:!0}),e.watch(s,t=>{g.value&&t||(f("query-change",t),g.value=!1)}),e.watch(d,(t,n)=>{t&&t!==n&&(f("selected",t),f("input",t.value),f("change",t),f("update:modelValue",t.value))},{deep:!0}),e.onMounted(()=>{k.value&&(E.value=Be.ResizeObserverHelper.create(()=>{F.value=`${k.value?.offsetWidth}px`}),E.value.observe(k.value)),Fe.useEventListener(document,"keydown",t=>{!l.enableFiltering&&document.activeElement?.tagName==="BODY"&&!w.value&&q.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),M.value?.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{k.value&&E.value?.unobserve(k.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label||t.$slots.label?(e.openBlock(),e.createBlock(ye.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:T.value,required:x.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(X.value),1)],!0)]),_:2},[J()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createVNode(Ce.default,null,{default:e.withCtx(({toggle:a,isToggled:c})=>[e.createVNode(we.default,e.mergeProps({ref:"popperElement"},le(),{"close-on-popover-click":"","hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(Ne.KUI_SPACE_40)})`,onClose:()=>me(a,c.value),onOpen:()=>he(a),onPopoverClick:()=>pe(a)}),{content:e.withCtx(()=>[e.createElementVNode("div",{"aria-live":l.enableFiltering?"polite":"off"},[l.enableFiltering&&l.loading?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(D.ProgressIcon),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",Ae,[e.createVNode(Se.default,{ref:"kSelectItems","filter-string":s.value,"item-creation-enabled":l.enableItemCreation&&O.value,"item-creation-valid":l.itemCreationValidator(s.value),items:z.value,onAddItem:L,onSelected:$},{content:e.withCtx(({item:u})=>[e.renderSlot(t.$slots,"item-template",{item:u},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!l.enableItemCreation?(e.openBlock(),e.createBlock(Ie.default,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),V()&&A.value==="static"?(e.openBlock(),e.createElementBlock("div",Pe,[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(l.dropdownFooterText),1)],!0,1)])):e.createCommentVNode("",!0)])),!l.loading&&!z.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],8,Ee),V()&&A.value==="sticky"?(e.openBlock(),e.createElementBlock("div",Ke,[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(l.dropdownFooterText),1)],!0,1)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(Z),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:ve},[(e.openBlock(),e.createBlock(ge.default,e.mergeProps({id:T.value,key:j.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":R()&&(!l.enableFiltering||!c.value),"input-has-focus":w.value||c.value}],"data-testid":"select-input",disabled:y.value,error:l.error,"model-value":s.value,name:"select-options-search",placeholder:d.value&&!l.enableFiltering?d.value.label:ae.value,readonly:I.value,spellcheck:"false"},te.value,{onBlur:de,onClick:fe,onFocus:ce,onKeydown:e.withKeys(se,["enter"]),onKeypress:ne,onKeyup:[u=>ie(u,c),n[0]||(n[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ue}),e.createSlots({after:e.withCtx(()=>[re.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:e.withModifiers(K,["stop"])},[e.createVNode(e.unref(D.CloseIcon),{decorative:""})])):e.createCommentVNode("",!0),I.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(D.ChevronDownIcon),{key:1,class:e.normalizeClass(["chevron-down-icon",{disabled:y.value}]),decorative:""},null,8,["class"]))]),_:2},[b.before?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,t.$slots["label-tooltip"]?{name:"label-tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[R()&&(!l.enableFiltering||!c.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["custom-selected-item-wrapper",{clearable:l.clearable,readonly:I.value}])},[e.renderSlot(t.$slots,"selected-item-template",{item:d.value},()=>[e.renderSlot(t.$slots,"item-template",{item:d.value},void 0,!0)],!0)],2)):e.createCommentVNode("",!0)]),_:2},1024)],8,qe)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),l.help?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(["help-text",{"select-error":l.error}])},e.toDisplayString(l.help),3)):e.createCommentVNode("",!0)],2))}});exports.default=De;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ke=require("./kongponents183.cjs"),ye=require("./kongponents57.cjs"),ge=require("./kongponents55.cjs"),we=require("./kongponents62.cjs"),Ce=require("./kongponents29.cjs"),Se=require("./kongponents200.cjs"),Ie=require("./kongponents201.cjs"),D=require("@kong/icons"),Be=require("./kongponents202.cjs"),W=require("./kongponents180.cjs"),Fe=require("./kongponents190.cjs"),$e=require("./kongponents160.cjs"),U=require("./kongponents185.cjs"),Ne=require("./kongponents182.cjs"),qe=["id"],Ee=["aria-live"],Ve={key:0,class:"select-loading","data-propagate-clicks":"false","data-testid":"select-loading"},Ae={key:1,class:"select-items-container","data-propagate-clicks":"false"},Pe={key:1,class:"dropdown-footer dropdown-footer-static"},ze={key:2,class:"select-empty","data-propagate-clicks":"false"},Ke={key:0,class:"dropdown-footer dropdown-footer-sticky"},De=e.defineComponent({inheritAttrs:!1,__name:"KSelect",props:{modelValue:{default:""},kpopAttributes:{default:()=>({})},dropdownMaxHeight:{default:"300px"},label:{default:""},labelAttributes:{default:()=>({})},width:{default:"100%"},placeholder:{default:""},items:{default:()=>[]},enableFiltering:{type:Boolean},filterFunction:{default:()=>(l=>l.items?.filter(N=>N.label?.toLowerCase().includes(l.query?.toLowerCase())))},loading:{type:Boolean},clearable:{type:Boolean},dropdownFooterText:{default:""},dropdownFooterTextPosition:{},dropdownFooterPosition:{},reuseItemTemplate:{type:Boolean},enableItemCreation:{type:Boolean},itemCreationValidator:{type:Function,default:()=>!0},error:{type:Boolean},help:{default:""}},emits:["selected","input","change","update:modelValue","query-change","item-added","item-removed","open","close"],setup(l,{emit:N}){e.useCssVars(t=>({v07acc736:ee.value,d5033238:F.value,v68e14d2a:oe.value}));const{stripRequiredLabel:H}=ke.default(),f=N,p=e.useAttrs(),b=e.useSlots(),G=e.useId(),T=e.computed(()=>p.id?String(p.id):G),q=e.ref(!1),E=e.ref(),J=()=>!!(l.labelAttributes?.info||b["label-tooltip"]),x=e.computed(()=>p.required!==void 0&&String(p.required)!=="false"),y=e.computed(()=>p.disabled!==void 0&&String(p.disabled)!=="false"),I=e.computed(()=>p.readonly!==void 0&&String(p.readonly)!=="false"),Q={popoverTimeout:0,placement:"bottom-start",hideCaret:!0},V=()=>!!(l.dropdownFooterText||b["dropdown-footer-text"]||b["dropdown-footer"]),A=e.computed(()=>l.dropdownFooterPosition??l.dropdownFooterTextPosition??"sticky"),j=e.ref(0),Y=e.useTemplateRef("inputElement"),X=e.computed(()=>H(l.label,x.value)),g=e.ref(!1),s=e.ref(""),O=e.computed(()=>!(!s.value||r.value?.filter(t=>t.label===s.value)?.length)),Z=e.useId(),d=e.ref(null),r=e.ref([]),B=e.ref([]),w=e.ref(!1),P=e.useTemplateRef("popperElement"),k=e.useTemplateRef("selectWrapperElement"),_=e.computed({get(){return l.modelValue},set(t){const n=r.value?.filter(a=>a.value===t);n?.length?$(n[0]):t||K()}}),ee=e.computed(()=>U.normalizeSize(l.width||"100%")),F=e.ref(""),te=e.computed(()=>{const t={...p};return delete t.class,t}),le=()=>({...Q,...l.kpopAttributes,popoverClasses:`k-select-popover select-popover ${V()?`has-${A.value}-dropdown-footer`:""} ${l.kpopAttributes?.popoverClasses??""}`,width:String(F.value),maxWidth:String(F.value),disabled:y.value||I.value}),oe=e.computed(()=>U.normalizeSize(l.dropdownMaxHeight)),ae=e.computed(()=>l.placeholder||p.placeholder||"Select..."),re=e.computed(()=>!y.value&&l.clearable&&!!d.value),R=()=>!!(d.value&&(b["selected-item-template"]||l.reuseItemTemplate&&b["item-template"])),C=t=>"items"in t&&Array.isArray(t.items),z=e.computed(()=>{if(!l.enableFiltering||!s.value)return B.value;const t=l.filterFunction({query:s.value,items:r.value}),n=t===!0?r.value:t,a=new Set(n.map(u=>u.value)),c=[];for(const u of B.value)if(C(u)){const m=u.items.filter(o=>a.has(o.value));m.length>0&&c.push({label:u.label,key:u.key,items:m})}else a.has(u.value)&&c.push(u);return c}),ne=t=>{if(!l.enableFiltering)return t.preventDefault(),!1},se=t=>{l.enableItemCreation&&L(),t.preventDefault()},L=()=>{if(!l.enableItemCreation||!s.value||!O.value||!l.itemCreationValidator(s.value))return;const t=(r.value?.length||0)+1,n={label:W.sanitizeInput(s.value),value:$e.getUniqueStringId(),key:`${W.sanitizeInput(s.value).replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${t}`,custom:!0};f("item-added",n),$(n,!0),s.value=""},$=(t,n)=>{n&&(r.value?.push(t),B.value.unshift(t)),r.value?.forEach((a,c)=>{a.key===t.key?(a.selected=!0,d.value=a):a.selected?(a.selected=!1,a.custom&&(r.value?.splice(c,1),f("item-removed",a))):a.selected=!1}),g.value=!0,s.value=t.label},K=()=>{r.value?.forEach((t,n)=>{t.selected=!1,t.custom&&(r.value?.splice(n,1),f("item-removed",t))}),d.value=null,s.value="",f("input",null),f("change",null),f("update:modelValue",null)},M=e.useTemplateRef("kSelectItems"),ie=(t,n)=>{if(t.keyCode===27){n.value=!1;return}const a=k.value?.children[0];!n.value&&a&&a.click(),(t.key==="ArrowDown"||t.key==="ArrowUp")&&n.value&&M.value?.setFocus(t.key==="ArrowDown"?"down":"up")},ue=t=>{s.value!==t&&(s.value=t)},ce=()=>{w.value=!0},de=()=>{w.value=!1},fe=()=>{l.enableFiltering||Y.value?.$el?.querySelector("input")?.blur()},ve=t=>{(y.value||t?.target?.dataset.propagateClicks==="false")&&t.stopPropagation()},pe=t=>{t()},me=(t,n)=>{q.value=!1,f("close"),d.value?(g.value=!0,s.value=d.value.label):s.value="",n&&t()},he=t=>{q.value=!0,f("open"),l.enableFiltering&&(s.value=""),t()};return e.watch(_,(t,n)=>{if(t!==n){const a=r.value?.filter(c=>c.value===t);a?.length?$(a[0]):t||K()}}),e.watch(()=>l.items,(t,n)=>{if(JSON.stringify(t)===JSON.stringify(n))return;const a=JSON.parse(JSON.stringify(l.items)),c=a.some(o=>C(o)),u=[],m=[];if(c)for(const o of a)C(o)?u.push(...o.items):u.push(o);else{const o=new Map;for(const i of a)C(i)||(i.group&&(o.has(i.group)||o.set(i.group,[]),o.get(i.group).push(i)),u.push(i));const S=Array.from(o.keys()).sort((i,h)=>i.toLowerCase().localeCompare(h.toLowerCase())),v=u.filter(i=>!i.group);m.push(...v);for(const i of S)m.push({label:i,items:o.get(i)})}r.value=u,r.value?.length&&(d.value=null);for(let o=0;o<r.value?.length;o++){r.value[o].selected===void 0&&(r.value[o].selected=!1);let v=`${(r.value[o].label!=null?String(r.value[o].label):"").replace(/ /gi,"-")?.replace(/[^a-z0-9-_]/gi,"")}-${o}`;v.includes("undefined")&&(v=`select-item-label-${o}`),r.value[o].key=v,(r.value[o].value===l.modelValue||r.value[o].selected)&&(r.value[o].selected=!0,d.value=r.value[o],w.value||(g.value=!0,s.value=d.value.label)),d.value?.value===r.value[o].value&&(r.value[o].selected=!0)}if(c){const o=[],S=[];for(const v of a)if(C(v)){const i=v.items.map(h=>r.value.find(be=>be.value===h.value)).filter(h=>h!==void 0);S.push({label:v.label,key:v.key,items:i})}else{const i=r.value.find(h=>h.value===v.value);i&&o.push(i)}m.push(...o,...S)}B.value=m,P.value&&typeof P.value.updatePopper=="function"&&e.nextTick(()=>{P.value.updatePopper()})},{deep:!0,immediate:!0}),e.watch(s,t=>{g.value&&t||(f("query-change",t),g.value=!1)}),e.watch(d,(t,n)=>{t&&t!==n&&(f("selected",t),f("input",t.value),f("change",t),f("update:modelValue",t.value))},{deep:!0}),e.onMounted(()=>{k.value&&(E.value=Be.ResizeObserverHelper.create(()=>{F.value=`${k.value?.offsetWidth}px`}),E.value.observe(k.value)),Fe.useEventListener(document,"keydown",t=>{!l.enableFiltering&&document.activeElement?.tagName==="BODY"&&!w.value&&q.value&&(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),M.value?.setFocus(t.key==="ArrowDown"?"down":"up"))})}),e.onBeforeUnmount(()=>{k.value&&E.value?.unobserve(k.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-select",[t.$attrs.class]])},[l.label||t.$slots.label?(e.openBlock(),e.createBlock(ye.default,e.mergeProps({key:0,"data-testid":"select-label"},l.labelAttributes,{for:T.value,required:x.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(X.value),1)],!0)]),_:2},[J()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for","required"])):e.createCommentVNode("",!0),e.createVNode(Ce.default,null,{default:e.withCtx(({toggle:a,isToggled:c})=>[e.createVNode(we.default,e.mergeProps({ref:"popperElement"},le(),{"close-on-popover-click":"","hide-close-icon":"",offset:`var(--kui-space-40, ${e.unref(Ne.KUI_SPACE_40)})`,onClose:()=>me(a,c.value),onOpen:()=>he(a),onPopoverClick:()=>pe(a)}),{content:e.withCtx(()=>[e.createElementVNode("div",{"aria-live":l.enableFiltering?"polite":"off"},[l.enableFiltering&&l.loading?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(D.ProgressIcon),{class:"loading-icon",title:"Loading"})],!0)])):(e.openBlock(),e.createElementBlock("div",Ae,[e.createVNode(Se.default,{ref:"kSelectItems","filter-string":s.value,"item-creation-enabled":l.enableItemCreation&&O.value,"item-creation-valid":l.itemCreationValidator(s.value),items:z.value,onAddItem:L,onSelected:$},{content:e.withCtx(({item:u})=>[e.renderSlot(t.$slots,"item-template",{item:u},void 0,!0)]),_:3},8,["filter-string","item-creation-enabled","item-creation-valid","items"]),!z.value.length&&!t.$slots.empty&&!l.enableItemCreation?(e.openBlock(),e.createBlock(Ie.default,{key:0,item:{label:"No results",value:"no_results",disabled:!0}})):e.createCommentVNode("",!0),V()&&A.value==="static"?(e.openBlock(),e.createElementBlock("div",Pe,[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(l.dropdownFooterText),1)],!0,1)])):e.createCommentVNode("",!0)])),!l.loading&&!z.value.length&&t.$slots.empty?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(t.$slots,"empty",{},void 0,!0)])):e.createCommentVNode("",!0)],8,Ee),V()&&A.value==="sticky"?(e.openBlock(),e.createElementBlock("div",Ke,[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(l.dropdownFooterText),1)],!0,1)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(Z),ref:"selectWrapperElement",class:"select-wrapper","data-testid":"select-wrapper",role:"listbox",onClick:ve},[(e.openBlock(),e.createBlock(ge.default,e.mergeProps({id:T.value,key:j.value,ref:"inputElement",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:["select-input",{"filtering-disabled":!l.enableFiltering,"hide-model-value":R()&&(!l.enableFiltering||!c.value),"input-has-focus":w.value||c.value}],"data-testid":"select-input",disabled:y.value,error:l.error,"model-value":s.value,name:"select-options-search",placeholder:d.value&&!l.enableFiltering?d.value.label:ae.value,readonly:I.value,spellcheck:"false"},te.value,{onBlur:de,onClick:fe,onFocus:ce,onKeydown:e.withKeys(se,["enter"]),onKeypress:ne,onKeyup:[u=>ie(u,c),n[0]||(n[0]=e.withKeys(e.withModifiers(()=>{},["stop"]),["enter"]))],"onUpdate:modelValue":ue}),e.createSlots({after:e.withCtx(()=>[re.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear",class:"clear-selection-button","data-testid":"clear-selection-icon",type:"button",onClick:e.withModifiers(K,["stop"])},[e.createVNode(e.unref(D.CloseIcon),{decorative:""})])):e.createCommentVNode("",!0),I.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(D.ChevronDownIcon),{key:1,class:e.normalizeClass(["chevron-down-icon",{disabled:y.value}]),decorative:""},null,8,["class"]))]),_:2},[b.before?{name:"before",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"before",{},void 0,!0)]),key:"0"}:void 0,t.$slots["label-tooltip"]?{name:"label-tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"label-tooltip",{},void 0,!0)]),key:"1"}:void 0]),1040,["id","class","disabled","error","model-value","placeholder","readonly","onKeyup"])),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[R()&&(!l.enableFiltering||!c.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["custom-selected-item-wrapper",{clearable:l.clearable,readonly:I.value}])},[e.renderSlot(t.$slots,"selected-item-template",{item:d.value},()=>[e.renderSlot(t.$slots,"item-template",{item:d.value},void 0,!0)],!0)],2)):e.createCommentVNode("",!0)]),_:2},1024)],8,qe)]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3}),l.help?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(["help-text",{"select-error":l.error}])},e.toDisplayString(l.help),3)):e.createCommentVNode("",!0)],2))}});exports.default=De;

package/dist/kongponents140.es.js

@@ -1,17 +1,17 @@
 import { defineComponent as Le, useCssVars as Te, useAttrs as Re, useSlots as Ve, useId as oe, computed as c, ref as h, useTemplateRef as O, watch as L, nextTick as We, onMounted as Me, onBeforeUnmount as Ue, openBlock as v, createElementBlock as g, normalizeClass as T, createBlock as R, mergeProps as Y, createSlots as ae, withCtx as y, renderSlot as p, createTextVNode as j, toDisplayString as V, createCommentVNode as k, createVNode as S, unref as D, createElementVNode as re, withKeys as se, withModifiers as ie, Transition as xe } from "vue";
-import Ge from "./kongponents188.es.js";
+import Ge from "./kongponents183.es.js";
 import He from "./kongponents57.es.js";
 import Je from "./kongponents55.es.js";
 import Qe from "./kongponents62.es.js";
 import Ye from "./kongponents29.es.js";
-import je from "./kongponents203.es.js";
-import Xe from "./kongponents204.es.js";
+import je from "./kongponents200.es.js";
+import Xe from "./kongponents201.es.js";
 import { CloseIcon as Ze, ChevronDownIcon as _e, ProgressIcon as et } from "@kong/icons";
-import { ResizeObserverHelper as tt } from "./kongponents193.es.js";
+import { ResizeObserverHelper as tt } from "./kongponents202.es.js";
 import { sanitizeInput as ne } from "./kongponents180.es.js";
 import { useEventListener as lt } from "./kongponents190.es.js";
 import { getUniqueStringId as ot } from "./kongponents160.es.js";
-import { normalizeSize as ue } from "./kongponents184.es.js";
+import { normalizeSize as ue } from "./kongponents185.es.js";
 import { KUI_SPACE_40 as at } from "./kongponents182.es.js";
 const rt = ["id"], st = ["aria-live"], it = {
   key: 0,

package/dist/kongponents147.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents190.cjs"),u=require("@kong/icons"),m=require("./kongponents182.cjs"),f=require("./kongponents184.cjs"),v=require("./kongponents191.cjs"),k={class:"k-slideout"},E={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},b={class:"slideout-header"},y={key:0,class:"slideout-title","data-testid":"slideout-title"},C={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({v4c1bb9b1:c.value,v312b21b8:t.maxWidth,v0bc33d5a:t.zIndex}));const s=a;e.provide(v.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>f.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",i):document?.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",b,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.CloseIcon),{color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents190.cjs"),u=require("@kong/icons"),m=require("./kongponents182.cjs"),f=require("./kongponents185.cjs"),v=require("./kongponents191.cjs"),k={class:"k-slideout"},E={key:0,ref:"slideoutContainerElement",class:"slideout-container","data-testid":"slideout-container"},b={class:"slideout-header"},y={key:0,class:"slideout-title","data-testid":"slideout-title"},C={class:"slideout-content"},h=e.defineComponent({__name:"KSlideout",props:{visible:{type:Boolean},hasOverlay:{type:Boolean,default:!0},offsetTop:{default:0},closeOnBlur:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},title:{default:""},maxWidth:{default:"500px"},zIndex:{default:9999}},emits:["close"],setup(o,{emit:a}){e.useCssVars(t=>({v4c1bb9b1:c.value,v312b21b8:t.maxWidth,v0bc33d5a:t.zIndex}));const s=a;e.provide(v.POPOVER_PARENT_ZINDEX_KEY,e.computed(()=>o.zIndex));const d=e.useTemplateRef("slideoutContainerElement"),c=e.computed(()=>f.normalizeSize(o.offsetTop));r.onClickOutside(d,t=>{t.isTrusted&&o.closeOnBlur&&s("close")});const i=(t,n=!1)=>{(o.visible&&t.keyCode===27&&o.closeOnEscape||n)&&s("close")},l=t=>{typeof document<"u"&&(t?document?.addEventListener("keydown",i):document?.removeEventListener("keydown",i))};return e.watch(()=>o.visible,async t=>{l(!!t)},{immediate:!0}),e.onUnmounted(()=>{l(!1)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slideout-backdrop",{"backdrop-transparent":!o.hasOverlay}])},null,2)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"kongponents-slide-in-transition"},{default:e.withCtx(()=>[o.visible?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",b,[o.title||t.$slots.title?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"Close",class:"slideout-close-icon","data-testid":"slideout-close-icon",type:"button",onClick:n[0]||(n[0]=e.withModifiers(B=>t.$emit("close"),["stop"]))},[e.createVNode(e.unref(u.CloseIcon),{color:`var(--kui-color-text-neutral, ${e.unref(m.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:""},null,8,["color"])])]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=h;

package/dist/kongponents147.es.js

@@ -2,7 +2,7 @@ import { defineComponent as C, useCssVars as p, provide as h, computed as c, use
 import { onClickOutside as I } from "./kongponents190.es.js";
 import { CloseIcon as R } from "@kong/icons";
 import { KUI_COLOR_TEXT_NEUTRAL as $ } from "./kongponents182.es.js";
-import { normalizeSize as g } from "./kongponents184.es.js";
+import { normalizeSize as g } from "./kongponents185.es.js";
 import { POPOVER_PARENT_ZINDEX_KEY as w } from "./kongponents191.es.js";
 const L = { class: "k-slideout" }, S = {
   key: 0,