@kong/kongponents 9.58.0 → 9.59.0

package/dist/kongponents90.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents184.cjs"),ie=require("./kongponents49.cjs"),ce=require("./kongponents169.cjs"),re=require("./kongponents185.cjs"),h=require("./kongponents186.cjs"),ue=require("./kongponents187.cjs"),se=require("./kongponents188.cjs"),de=require("./kongponents176.cjs"),he=require("./kongponents189.cjs"),me=require("./kongponents190.cjs"),fe=require("./kongponents191.cjs"),ge=require("./kongponents192.cjs"),ve=require("./kongponents193.cjs"),b=require("./kongponents181.cjs"),y=require("./kongponents38.cjs"),ke=require("./kongponents194.cjs"),be=require("./kongponents182.cjs"),ye=require("./kongponents195.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v5822394f:_.value,v3ddfddae:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",G=ye.default(P,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const v=K,X=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),C=e.computed(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("./kongponents200.cjs"),ie=require("./kongponents49.cjs"),ce=require("./kongponents169.cjs"),re=require("./kongponents201.cjs"),h=require("./kongponents202.cjs"),ue=require("./kongponents191.cjs"),se=require("./kongponents203.cjs"),de=require("./kongponents181.cjs"),he=require("./kongponents189.cjs"),me=require("./kongponents204.cjs"),fe=require("./kongponents205.cjs"),ge=require("./kongponents206.cjs"),ve=require("./kongponents207.cjs"),b=require("./kongponents178.cjs"),y=require("./kongponents38.cjs"),ke=require("./kongponents197.cjs"),be=require("./kongponents175.cjs"),ye=require("./kongponents208.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v5822394f:_.value,v3ddfddae:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",G=ye.default(P,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const v=K,X=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),C=e.computed(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
 `).length},(n,l)=>l+1)}),Q=e.computed(()=>{var t;return((t=C.value[C.value.length-1])==null?void 0:t.toString().length)+"ch"}),T=e.computed(()=>o.processing||f.value),g=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function k(t){return`${W.value}-L${t}`}const Y=e.computed(()=>h.buildLineOffsets(o.code)),V=e.computed(()=>{var n;if(c.value===""||a.value.length===0)return"";const t=(n=o.code)==null?void 0:n.split(`
 `).filter((l,ae)=>M.value.has(ae+1)).join(`
 `);return h.highlightMatchingChars(t,c.value,s.value)}),Z=e.computed(()=>!o.singleLine&&o.searchable),J=e.computed(()=>o.singleLine?h.escapeHTMLIfNeeded(o.code).replaceAll(`

package/dist/kongponents95.cjs

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

package/dist/kongponents97.cjs

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

package/dist/types/components/KFilterGroup/InteractivePill.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     contentLabel?: string;
     delimiter?: string;
     pillFocus?: boolean;
+    readonly?: boolean;
     tooltipText?: string;
 };
 declare var __VLS_7: {}, __VLS_14: {};

package/dist/types/types/filter-group.d.ts

@@ -56,6 +56,13 @@ export interface Filter {
      * @default '400px'
      */
     maxWidth?: number | string;
+    /**
+     * When true, will only be visible to the user when a value for this filter
+     * exists. Additionally, they won't be able to open the filter content while
+     * true.
+     * @default false
+     */
+    readonly?: boolean;
 }
 export interface FilterSelection {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.58.0",
+  "version": "9.59.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {

package/dist/kongponents.es240.js

@@ -1,17 +0,0 @@
-import u from "./kongponents.es304.js";
-import i from "./kongponents.es301.js";
-import m from "./kongponents.es305.js";
-import a from "./kongponents.es306.js";
-function y(r, n) {
-  if (r == null)
-    return {};
-  var o = u(a(r), function(t) {
-    return [t];
-  });
-  return n = i(n), m(r, o, function(t, f) {
-    return n(t, f[0]);
-  });
-}
-export {
-  y as default
-};

package/dist/kongponents.es247.js

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

package/dist/kongponents.es249.js

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

package/dist/kongponents.es252.js

@@ -1,42 +0,0 @@
-import p from "./kongponents.es430.js";
-function f(t) {
-  if (typeof t == "function")
-    try {
-      t = t();
-    } catch {
-      t = "";
-    }
-  return Array.isArray(t) ? t = p(t) : t = String(t || ""), t;
-}
-var c = (
-  /** @class */
-  (function() {
-    function t(e) {
-      e === void 0 && (e = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = e;
-    }
-    return t.prototype.serializeKey = function(e) {
-      return f(e);
-    }, t.prototype.get = function(e) {
-      var i = this.serializeKey(e);
-      return this.items.get(i);
-    }, t.prototype.set = function(e, i, s) {
-      var n = this.serializeKey(e), r = s || this.ttl, a = Date.now(), o = {
-        data: i,
-        createdAt: a,
-        expiresAt: r ? a + r : 1 / 0
-      };
-      this.dispatchExpire(r, o, n), this.items.set(n, o);
-    }, t.prototype.dispatchExpire = function(e, i, s) {
-      var n = this;
-      e && setTimeout(function() {
-        var r = Date.now(), a = r >= i.expiresAt;
-        a && n.delete(s);
-      }, e);
-    }, t.prototype.delete = function(e) {
-      this.items.delete(e);
-    }, t;
-  })()
-);
-export {
-  c as default
-};

package/dist/kongponents.es259.js

@@ -1,4 +0,0 @@
-const I = "24px";
-export {
-  I as KUI_ICON_SIZE_50
-};

package/dist/kongponents.es261.js

@@ -1,123 +0,0 @@
-import { defineComponent as b, computed as d, openBlock as u, createBlock as S, resolveDynamicComponent as x, normalizeStyle as C, withCtx as H, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kongponents.es259.js";
-const $ = ["aria-hidden"], p = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', k = /* @__PURE__ */ b({
-  __name: "ServiceDocumentIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return c;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: a.value,
-      lineHeight: "0",
-      width: a.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, h = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const l = `${h}-${o}`;
-        return i[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
-    }, m = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (r, i) => (u(), S(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon service-document-icon",
-      "data-testid": "kui-icon-wrapper-service-document-icon",
-      style: C(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: H(() => [
-        (u(), w("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-service-document-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, $))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
-export {
-  k as default
-};

package/dist/kongponents.es263.js

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

package/dist/kongponents.es265.js

@@ -1,43 +0,0 @@
-import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
-const k = ["aria-selected", "data-testid"], y = { class: "multiselect-item-container" }, $ = ["disabled", "value"], h = { class: "multiselect-item-label" }, K = /* @__PURE__ */ r({
-  __name: "KMultiselectItem",
-  props: {
-    item: {}
-  },
-  emits: ["selected", "arrow-down", "arrow-up"],
-  setup(e, { emit: a }) {
-    const d = a, o = () => {
-      e.item.disabled || d("selected", e.item);
-    };
-    return (i, t) => (c(), u("div", {
-      key: e.item.key || e.item.value,
-      "aria-selected": e.item.selected,
-      class: "multiselect-item",
-      "data-testid": `multiselect-item-${e.item.value}`,
-      role: "option"
-    }, [
-      l("div", y, [
-        l("button", {
-          class: v({ selected: e.item.selected }),
-          disabled: e.item.disabled === !0 ? !0 : void 0,
-          type: "button",
-          value: e.item.value,
-          onClick: o,
-          onKeydown: [
-            t[0] || (t[0] = s(n((m) => i.$emit("arrow-down"), ["prevent"]), ["down"])),
-            t[1] || (t[1] = s(n((m) => i.$emit("arrow-up"), ["prevent"]), ["up"]))
-          ]
-        }, [
-          l("span", h, [
-            w(i.$slots, "content", {}, () => [
-              b(f(e.item.label), 1)
-            ], !0)
-          ])
-        ], 42, $)
-      ])
-    ], 8, k));
-  }
-});
-export {
-  K as default
-};

package/dist/kongponents.es267.js

@@ -1,7 +0,0 @@
-function n(t) {
-  var e = typeof t;
-  return t != null && (e == "object" || e == "function");
-}
-export {
-  n as default
-};

package/dist/kongponents.es269.js

@@ -1,22 +0,0 @@
-import n from "./kongponents.es313.js";
-import f from "./kongponents.es267.js";
-import o from "./kongponents.es289.js";
-var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
-function O(r) {
-  if (typeof r == "number")
-    return r;
-  if (o(r))
-    return s;
-  if (f(r)) {
-    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
-    r = f(t) ? t + "" : t;
-  }
-  if (typeof r != "string")
-    return r === 0 ? r : +r;
-  r = n(r);
-  var i = p.test(r);
-  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
-}
-export {
-  O as default
-};

package/dist/kongponents.es280.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t != null && typeof t == "object";
-}
-export {
-  e as default
-};

package/dist/kongponents.es282.js

@@ -1,8 +0,0 @@
-import t from "./kongponents.es283.js";
-import i from "./kongponents.es284.js";
-function e(r) {
-  return r != null && i(r.length) && !t(r);
-}
-export {
-  e as default
-};

package/dist/kongponents.es284.js

@@ -1,7 +0,0 @@
-var n = 9007199254740991;
-function r(t) {
-  return typeof t == "number" && t > -1 && t % 1 == 0 && t <= n;
-}
-export {
-  r as default
-};

package/dist/kongponents.es288.js

@@ -1,10 +0,0 @@
-import t from "./kongponents.es350.js";
-import e from "./kongponents.es357.js";
-import o from "./kongponents.es358.js";
-var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
-function m(n) {
-  return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
-}
-export {
-  m as default
-};

package/dist/kongponents.es290.js

@@ -1,7 +0,0 @@
-import e from "./kongponents.es291.js";
-import o from "./kongponents.es292.js";
-import r from "./kongponents.es293.js";
-var a = r && r.isTypedArray, s = a ? o(a) : e;
-export {
-  s as default
-};

package/dist/kongponents.es349.js

@@ -1,8 +0,0 @@
-function l(e, n) {
-  for (var t = -1, h = n.length, f = e.length; ++t < h; )
-    e[f + t] = n[t];
-  return e;
-}
-export {
-  l as default
-};

package/dist/kongponents.es351.js

@@ -1,10 +0,0 @@
-function d(e, i) {
-  for (var n = -1, r = e == null ? 0 : e.length, u = 0, t = []; ++n < r; ) {
-    var l = e[n];
-    i(l, n, e) && (t[u++] = l);
-  }
-  return t;
-}
-export {
-  d as default
-};

package/dist/kongponents240.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./kongponents304.cjs"),a=require("./kongponents301.cjs"),i=require("./kongponents305.cjs"),s=require("./kongponents306.cjs");function o(e,r){if(e==null)return{};var t=l.default(s.default(e),function(u){return[u]});return r=a.default(r),i.default(e,t,function(u,n){return r(u,n[0])})}exports.default=o;

package/dist/kongponents247.cjs

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

package/dist/kongponents252.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents430.cjs");function c(t){if(typeof t=="function")try{t=t()}catch{t=""}return Array.isArray(t)?t=u.default(t):t=String(t||""),t}var f=(function(){function t(e){e===void 0&&(e=0),this.items=new Map,this.ttl=e}return t.prototype.serializeKey=function(e){return c(e)},t.prototype.get=function(e){var i=this.serializeKey(e);return this.items.get(i)},t.prototype.set=function(e,i,a){var n=this.serializeKey(e),r=a||this.ttl,s=Date.now(),o={data:i,createdAt:s,expiresAt:r?s+r:1/0};this.dispatchExpire(r,o,n),this.items.set(n,o)},t.prototype.dispatchExpire=function(e,i,a){var n=this;e&&setTimeout(function(){var r=Date.now(),s=r>=i.expiresAt;s&&n.delete(a)},e)},t.prototype.delete=function(e){this.items.delete(e)},t})();exports.default=f;

package/dist/kongponents259.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="24px";exports.KUI_ICON_SIZE_50=e;

package/dist/kongponents261.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents259.cjs"),S=["aria-hidden"],c='<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>',b=r.defineComponent({__name:"ServiceDocumentIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},y=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const u=`${y}-${s}`;return i[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,s)=>i[s]?`#${i[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),m=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon service-document-icon","data-testid":"kui-icon-wrapper-service-document-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-service-document-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents263.cjs

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

package/dist/kongponents265.cjs

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

package/dist/kongponents267.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}exports.default=u;

package/dist/kongponents269.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./kongponents313.cjs"),i=require("./kongponents267.cjs"),n=require("./kongponents289.cjs");var s=NaN,o=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,d=/^0o[0-7]+$/i,b=parseInt;function a(r){if(typeof r=="number")return r;if(n.default(r))return s;if(i.default(r)){var t=typeof r.valueOf=="function"?r.valueOf():r;r=i.default(t)?t+"":t}if(typeof r!="string")return r===0?r:+r;r=f.default(r);var e=c.test(r);return e||d.test(r)?b(r.slice(2),e?2:8):o.test(r)?s:+r}exports.default=a;

package/dist/kongponents280.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function t(e){return e!=null&&typeof e=="object"}exports.default=t;

package/dist/kongponents282.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents283.cjs"),r=require("./kongponents284.cjs");function u(e){return e!=null&&r.default(e.length)&&!t.default(e)}exports.default=u;