@kong/kongponents 9.48.1-pr.3015.6599fb6.0 → 9.48.2-pr.3017.9d372c9.0

package/dist/kongponents94.cjs

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

package/dist/kongponents96.cjs

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

package/dist/kongponents99.cjs

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

package/dist/types/components/KToaster/ToastManager.d.ts

@@ -4,7 +4,9 @@ export default class ToastManager {
     private toastersContainer;
     private toaster;
     toasts: Ref<Toast[]>;
+    private zIndex;
     constructor(options?: ToasterOptions);
+    private setupToastersContainer;
     setTimer(key: string, timeout: number): number;
     open(args: Record<string, any> | string): void;
     close(key: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.48.1-pr.3015.6599fb6.0",
+  "version": "9.48.2-pr.3017.9d372c9.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {

package/dist/kongponents.es228.js

@@ -1,7 +0,0 @@
-import r from "./kongponents.es257.js";
-/* empty css                  */
-import e from "./kongponents.es74.js";
-const a = /* @__PURE__ */ e(r, [["__scopeId", "data-v-a0d12d73"]]);
-export {
-  a as default
-};

package/dist/kongponents.es259.js

@@ -1,179 +0,0 @@
-import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
-import { DatePicker as U } from "./kongponents.es361.js";
-import Z from "./kongponents.es289.js";
-import p from "./kongponents.es293.js";
-import G from "./kongponents.es213.js";
-const _ = { class: "calendar-wrapper" }, ee = {
-  key: 2,
-  class: "time-wrapper"
-}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
-  key: 0,
-  class: "help-text"
-}, ye = /* @__PURE__ */ W({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ j({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: Y }) {
-    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
-      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: $.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: N,
-      selectAttribute: z,
-      transparent: !0
-    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), V = (n, a) => n > a, C = () => {
-      if (e.value && R.value)
-        if (t.isRange && e.value.start && e.value.end) {
-          const n = e.value;
-          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
-        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
-    }, w = (n) => {
-      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: v };
-    };
-    K(() => {
-      C(), o.value.start = s.value, o.value.end = r.value;
-    });
-    const N = { type: "number" }, q = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, z = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    h(() => s.value, (n) => {
-      if (n) {
-        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-        } else if (e.value instanceof Date) {
-          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
-        }
-      }
-    }), h(() => r.value, (n) => {
-      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
-        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
-        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
-      }
-    }), h(() => e.value, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
-    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
-      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
-    });
-    const T = (n) => {
-      const a = e.value;
-      return t.isRange && a && n in a && a[n] instanceof Date;
-    }, O = () => {
-      s.value = o.value.start, r.value = o.value.end;
-    }, E = (n) => {
-      try {
-        return G(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return Y({
-      resetTime: O,
-      initTimeInputs: C
-    }), (n, a) => (i(), m("div", _, [
-      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      R.value ? (i(), m("div", ee, [
-        M("div", te, [
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-start-${c(g)}`
-          }, [
-            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
-          ], 8, ae),
-          S(M("input", {
-            id: `time-input-start-${c(g)}`,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
-            class: F(["time-input-start", { "input-error": f.value }]),
-            "data-testid": "time-input-start",
-            step: H.value,
-            type: "time"
-          }, null, 10, ue), [
-            [A, s.value]
-          ]),
-          M("label", {
-            class: "time-input-label",
-            for: `time-input-end-${c(g)}`
-          }, [
-            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
-          ], 8, se),
-          t.isRange ? S((i(), m("input", {
-            key: 0,
-            id: `time-input-end-${c(g)}`,
-            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
-            class: F(["time-input-end", { "input-error": f.value }]),
-            "data-testid": "time-input-end",
-            step: H.value,
-            type: "time"
-          }, null, 10, re)), [
-            [A, r.value]
-          ]) : y("", !0)
-        ]),
-        L(Q, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: X(() => [
-            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
-          ]),
-          _: 1
-        })
-      ])) : y("", !0)
-    ]));
-  }
-});
-export {
-  ye as default
-};

package/dist/kongponents.es268.js

@@ -1,220 +0,0 @@
-/*!
-* tabbable 6.3.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var T = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], b = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, h = !I && Element.prototype.getRootNode ? function(i) {
-  var t;
-  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
-} : function(i) {
-  return i == null ? void 0 : i.ownerDocument;
-}, v = function(t, e) {
-  var r;
-  e === void 0 && (e = !0);
-  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && v(t.parentNode);
-  return n;
-}, x = function(t) {
-  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
-  return r === "" || r === "true";
-}, m = function(t, e, r) {
-  if (v(t))
-    return [];
-  var a = Array.prototype.slice.apply(t.querySelectorAll(b));
-  return e && d.call(t, b) && a.unshift(t), a = a.filter(r), a;
-}, g = function(t, e, r) {
-  for (var a = [], l = Array.from(t); l.length; ) {
-    var n = l.shift();
-    if (!v(n, !1))
-      if (n.tagName === "SLOT") {
-        var c = n.assignedElements(), s = c.length ? c : n.children, u = g(s, !0, r);
-        r.flatten ? a.push.apply(a, u) : a.push({
-          scopeParent: n,
-          candidates: u
-        });
-      } else {
-        var f = d.call(n, b);
-        f && r.filter(n) && (e || !t.includes(n)) && a.push(n);
-        var o = n.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !v(o, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
-        if (o && A) {
-          var p = g(o === !0 ? n.children : o.children, !0, r);
-          r.flatten ? a.push.apply(a, p) : a.push({
-            scopeParent: n,
-            candidates: p
-          });
-        } else
-          l.unshift.apply(l, n.children);
-      }
-  }
-  return a;
-}, C = function(t) {
-  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, N = function(t) {
-  if (!t)
-    throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !C(t) ? 0 : t.tabIndex;
-}, O = function(t, e) {
-  var r = N(t);
-  return r < 0 && e && !C(t) ? 0 : r;
-}, k = function(t, e) {
-  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
-}, R = function(t) {
-  return t.tagName === "INPUT";
-}, F = function(t) {
-  return R(t) && t.type === "hidden";
-}, D = function(t) {
-  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
-    return r.tagName === "SUMMARY";
-  });
-  return e;
-}, M = function(t, e) {
-  for (var r = 0; r < t.length; r++)
-    if (t[r].checked && t[r].form === e)
-      return t[r];
-}, P = function(t) {
-  if (!t.name)
-    return !0;
-  var e = t.form || h(t), r = function(c) {
-    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
-  }, a;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    a = r(window.CSS.escape(t.name));
-  else
-    try {
-      a = r(t.name);
-    } catch (n) {
-      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
-    }
-  var l = M(a, t.form);
-  return !l || l === t;
-}, L = function(t) {
-  return R(t) && t.type === "radio";
-}, V = function(t) {
-  return L(t) && !P(t);
-}, B = function(t) {
-  var e, r = t && h(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
-  if (r && r !== t) {
-    var n, c, s;
-    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !l && a; ) {
-      var u, f, o;
-      r = h(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((f = a) !== null && f !== void 0 && (o = f.ownerDocument) !== null && o !== void 0 && o.contains(a));
-    }
-  }
-  return l;
-}, w = function(t) {
-  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
-  return r === 0 && a === 0;
-}, q = function(t, e) {
-  var r = e.displayCheck, a = e.getShadowRoot;
-  if (r === "full-native" && "checkVisibility" in t) {
-    var l = t.checkVisibility({
-      // Checking opacity might be desirable for some use cases, but natively,
-      // opacity zero elements _are_ focusable and tabbable.
-      checkOpacity: !1,
-      opacityProperty: !1,
-      contentVisibilityAuto: !0,
-      visibilityProperty: !0,
-      // This is an alias for `visibilityProperty`. Contemporary browsers
-      // support both. However, this alias has wider browser support (Chrome
-      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
-      // we include it anyway.
-      checkVisibilityCSS: !0
-    });
-    return !l;
-  }
-  if (getComputedStyle(t).visibility === "hidden")
-    return !0;
-  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
-  if (d.call(c, "details:not([open]) *"))
-    return !0;
-  if (!r || r === "full" || // full-native can run this branch when it falls through in case
-  // Element#checkVisibility is unsupported
-  r === "full-native" || r === "legacy-full") {
-    if (typeof a == "function") {
-      for (var s = t; t; ) {
-        var u = t.parentElement, f = h(t);
-        if (u && !u.shadowRoot && a(u) === !0)
-          return w(t);
-        t.assignedSlot ? t = t.assignedSlot : !u && f !== t.ownerDocument ? t = f.host : t = u;
-      }
-      t = s;
-    }
-    if (B(t))
-      return !t.getClientRects().length;
-    if (r !== "legacy-full")
-      return !0;
-  } else if (r === "non-zero-area")
-    return w(t);
-  return !1;
-}, U = function(t) {
-  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
-    for (var e = t.parentElement; e; ) {
-      if (e.tagName === "FIELDSET" && e.disabled) {
-        for (var r = 0; r < e.children.length; r++) {
-          var a = e.children.item(r);
-          if (a.tagName === "LEGEND")
-            return d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
-        }
-        return !0;
-      }
-      e = e.parentElement;
-    }
-  return !1;
-}, y = function(t, e) {
-  return !(e.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  v(e) || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
-  D(e) || U(e));
-}, S = function(t, e) {
-  return !(V(e) || N(e) < 0 || !y(t, e));
-}, j = function(t) {
-  var e = parseInt(t.getAttribute("tabindex"), 10);
-  return !!(isNaN(e) || e >= 0);
-}, E = function(t) {
-  var e = [], r = [];
-  return t.forEach(function(a, l) {
-    var n = !!a.scopeParent, c = n ? a.scopeParent : a, s = O(c, n), u = n ? E(a.candidates) : c;
-    s === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
-      documentOrder: l,
-      tabIndex: s,
-      item: a,
-      isScope: n,
-      content: u
-    });
-  }), r.sort(k).reduce(function(a, l) {
-    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
-  }, []).concat(e);
-}, Z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = g([t], e.includeContainer, {
-    filter: S.bind(null, e),
-    flatten: !1,
-    getShadowRoot: e.getShadowRoot,
-    shadowRootFilter: j
-  }) : r = m(t, e.includeContainer, S.bind(null, e)), E(r);
-}, z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = g([t], e.includeContainer, {
-    filter: y.bind(null, e),
-    flatten: !0,
-    getShadowRoot: e.getShadowRoot
-  }) : r = m(t, e.includeContainer, y.bind(null, e)), r;
-}, G = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return d.call(t, b) === !1 ? !1 : S(e, t);
-}, W = /* @__PURE__ */ T.concat("iframe").join(","), X = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return d.call(t, W) === !1 ? !1 : y(e, t);
-};
-export {
-  z as focusable,
-  N as getTabIndex,
-  X as isFocusable,
-  G as isTabbable,
-  Z as tabbable
-};

package/dist/kongponents.es270.js

@@ -1,132 +0,0 @@
-const p = ["top", "right", "bottom", "left"], l = ["start", "end"], L = /* @__PURE__ */ p.reduce((t, e) => t.concat(e, e + "-" + l[0], e + "-" + l[1]), []), h = Math.min, x = Math.max, E = Math.round, R = Math.floor, T = (t) => ({
-  x: t,
-  y: t
-}), b = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, d = {
-  start: "end",
-  end: "start"
-};
-function k(t, e, n) {
-  return x(t, h(e, n));
-}
-function q(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function g(t) {
-  return t.split("-")[0];
-}
-function m(t) {
-  return t.split("-")[1];
-}
-function A(t) {
-  return t === "x" ? "y" : "x";
-}
-function P(t) {
-  return t === "y" ? "height" : "width";
-}
-const y = /* @__PURE__ */ new Set(["top", "bottom"]);
-function M(t) {
-  return y.has(g(t)) ? "y" : "x";
-}
-function O(t) {
-  return A(M(t));
-}
-function z(t, e, n) {
-  n === void 0 && (n = !1);
-  const r = m(t), i = O(t), o = P(i);
-  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
-}
-function B(t) {
-  const e = f(t);
-  return [s(t), e, s(e)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (e) => d[e]);
-}
-const u = ["left", "right"], a = ["right", "left"], S = ["top", "bottom"], w = ["bottom", "top"];
-function j(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? a : u : e ? u : a;
-    case "left":
-    case "right":
-      return e ? S : w;
-    default:
-      return [];
-  }
-}
-function D(t, e, n, r) {
-  const i = m(t);
-  let o = j(g(t), n === "start", r);
-  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => b[e]);
-}
-function C(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function F(t) {
-  return typeof t != "number" ? C(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function G(t) {
-  const {
-    x: e,
-    y: n,
-    width: r,
-    height: i
-  } = t;
-  return {
-    width: r,
-    height: i,
-    top: n,
-    left: e,
-    right: e + r,
-    bottom: n + i,
-    x: e,
-    y: n
-  };
-}
-export {
-  l as alignments,
-  k as clamp,
-  T as createCoords,
-  q as evaluate,
-  C as expandPaddingObject,
-  R as floor,
-  m as getAlignment,
-  O as getAlignmentAxis,
-  z as getAlignmentSides,
-  P as getAxisLength,
-  B as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  A as getOppositeAxis,
-  D as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  F as getPaddingObject,
-  g as getSide,
-  M as getSideAxis,
-  x as max,
-  h as min,
-  L as placements,
-  G as rectToClientRect,
-  E as round,
-  p as sides
-};

package/dist/kongponents.es278.js

@@ -1,9 +0,0 @@
-function n(a) {
-  if (a === null || a === !0 || a === !1)
-    return NaN;
-  var e = Number(a);
-  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
-}
-export {
-  n as default
-};