@kong/kongponents 9.60.9 → 9.60.10

package/dist/kongponents97.cjs

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

package/dist/kongponents97.es.js

@@ -5,12 +5,12 @@ import re from "./kongponents59.es.js";
 /* empty css                  */
 import "./kongponents5.es.js";
 import { DateTimePickerModes as de, ModeArrayCustom as oe, ModeArrayRelative as se, ModeDateOnly as me } from "./kongponents10.es.js";
-import ue from "./kongponents217.es.js";
-import { KUI_SPACE_40 as ce, KUI_ICON_SIZE_40 as fe, KUI_COLOR_TEXT_NEUTRAL as ve } from "./kongponents181.es.js";
-import { normalizeSize as ye } from "./kongponents182.es.js";
-import ge from "./kongponents218.es.js";
-import x from "./kongponents219.es.js";
-import I from "./kongponents220.es.js";
+import ue from "./kongponents224.es.js";
+import { KUI_SPACE_40 as ce, KUI_ICON_SIZE_40 as fe, KUI_COLOR_TEXT_NEUTRAL as ve } from "./kongponents178.es.js";
+import { normalizeSize as ye } from "./kongponents175.es.js";
+import ge from "./kongponents225.es.js";
+import x from "./kongponents226.es.js";
+import I from "./kongponents227.es.js";
 const be = ["tabindex"], pe = ["innerHTML"], ke = {
   key: 1,
   class: "range-display"

package/package.json

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

package/dist/kongponents223.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("./kongponents261.cjs");function f(t){const n=[0];for(let r=0;r<t.length;r++)t[r]===`
-`&&n.push(r+1);return n}function o(t,n){let r=0,e=t.length-1;for(;r<e;){const i=Math.floor((r+e+1)/2);t[i]&&t[i]<=n?r=i:e=i-1}return r+1}function d(t,n,r){if(!t||!n)return[];const e=[];let i=0;for(;;){const s=t.indexOf(n,i);if(s===-1)break;const l=o(r,s);e.push(l),i=(l<r.length?r[l]:t.length)??0}return e}function x(t,n,r){if(!t||!n)return[];const e=new RegExp(n,"sg"),i=[];let s;for(;(s=e.exec(t))!==null;){const l=s.index,c=s.index+s[0].length-1,u=o(r,l),M=o(r,c);for(let h=u;h<=M;h++)i[i.length-1]!==h&&i.push(h)}return i}function N(t,n,r,e=f(t)){return r?x(t,n,e):d(t,n,e)}const g=t=>`<mark class="matched-term">${t}</mark>`,p=/[<&]/;function a(t){return t.replace(/[&<]/g,n=>n==="&"?"&amp;":"&lt;")}function b(t,n=p,r=a){return n.test(t)?r(t):t}function I(t,n,r){if(!t||!n)return"";let e;try{e=new RegExp(`(?:${r?n:L.default(n)})+`,"sgi")}catch{return t}const i=!p.test(t);let s="",l=0,c;for(;(c=e.exec(t))!==null;){const u=c.index;s+=i?t.slice(l,u):a(t.slice(l,u)),s+=g(i?c[0]:a(c[0])),l=u+c[0].length}return s+=i?t.slice(l):a(t.slice(l)),s}const m=/^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;function R(t,n){if(!m.test(t))throw new Error("Invalid line number expression.");const r=t.split(",").map(e=>{const[i,s]=e.split("-").map(Number);return s==null?i:[i,s]}).filter(e=>e!==void 0);return E(r,n)}function E(t,n){const r=t.flatMap(e=>{if(typeof e=="number")return e<1||e>n?[]:e;let[i,s]=e[0]<e[1]?e:[e[1],e[0]];return i=Math.max(1,i),s=Math.min(n,s),Array.from({length:s-i+1},(l,c)=>c+i)}).sort((e,i)=>e-i);return Array.from(new Set(r))}function w(t,n){return typeof t=="string"?R(t,n):E(t,n)}exports.LINE_NUMBER_EXPRESSION_REGEX=m;exports.buildLineOffsets=f;exports.escapeHTMLIfNeeded=b;exports.escapeInnerHTML=a;exports.getMatchingLineNumbers=N;exports.highlightMatchingChars=I;exports.normalizeHighlightedLines=w;exports.wrapMark=g;

package/dist/kongponents223.es.js

@@ -1,100 +0,0 @@
-import g from "./kongponents261.es.js";
-function E(t) {
-  const n = [0];
-  for (let r = 0; r < t.length; r++)
-    t[r] === `
-` && n.push(r + 1);
-  return n;
-}
-function a(t, n) {
-  let r = 0, e = t.length - 1;
-  for (; r < e; ) {
-    const i = Math.floor((r + e + 1) / 2);
-    t[i] && t[i] <= n ? r = i : e = i - 1;
-  }
-  return r + 1;
-}
-function x(t, n, r) {
-  if (!t || !n)
-    return [];
-  const e = [];
-  let i = 0;
-  for (; ; ) {
-    const s = t.indexOf(n, i);
-    if (s === -1) break;
-    const l = a(r, s);
-    e.push(l), i = (l < r.length ? r[l] : t.length) ?? 0;
-  }
-  return e;
-}
-function L(t, n, r) {
-  if (!t || !n)
-    return [];
-  const e = new RegExp(n, "sg"), i = [];
-  let s;
-  for (; (s = e.exec(t)) !== null; ) {
-    const l = s.index, c = s.index + s[0].length - 1, u = a(r, l), m = a(r, c);
-    for (let o = u; o <= m; o++)
-      i[i.length - 1] !== o && i.push(o);
-  }
-  return i;
-}
-function w(t, n, r, e = E(t)) {
-  return r ? L(t, n, e) : x(t, n, e);
-}
-const M = (t) => `<mark class="matched-term">${t}</mark>`, f = /[<&]/;
-function h(t) {
-  return t.replace(/[&<]/g, (n) => n === "&" ? "&amp;" : "&lt;");
-}
-function R(t, n = f, r = h) {
-  return n.test(t) ? r(t) : t;
-}
-function I(t, n, r) {
-  if (!t || !n)
-    return "";
-  let e;
-  try {
-    e = new RegExp(`(?:${r ? n : g(n)})+`, "sgi");
-  } catch {
-    return t;
-  }
-  const i = !f.test(t);
-  let s = "", l = 0, c;
-  for (; (c = e.exec(t)) !== null; ) {
-    const u = c.index;
-    s += i ? t.slice(l, u) : h(t.slice(l, u)), s += M(i ? c[0] : h(c[0])), l = u + c[0].length;
-  }
-  return s += i ? t.slice(l) : h(t.slice(l)), s;
-}
-const d = /^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;
-function b(t, n) {
-  if (!d.test(t))
-    throw new Error("Invalid line number expression.");
-  const r = t.split(",").map((e) => {
-    const [i, s] = e.split("-").map(Number);
-    return s == null ? i : [i, s];
-  }).filter((e) => e !== void 0);
-  return p(r, n);
-}
-function p(t, n) {
-  const r = t.flatMap((e) => {
-    if (typeof e == "number")
-      return e < 1 || e > n ? [] : e;
-    let [i, s] = e[0] < e[1] ? e : [e[1], e[0]];
-    return i = Math.max(1, i), s = Math.min(n, s), Array.from({ length: s - i + 1 }, (l, c) => c + i);
-  }).sort((e, i) => e - i);
-  return Array.from(new Set(r));
-}
-function k(t, n) {
-  return typeof t == "string" ? b(t, n) : p(t, n);
-}
-export {
-  d as LINE_NUMBER_EXPRESSION_REGEX,
-  E as buildLineOffsets,
-  R as escapeHTMLIfNeeded,
-  h as escapeInnerHTML,
-  w as getMatchingLineNumbers,
-  I as highlightMatchingChars,
-  k as normalizeHighlightedLines,
-  M as wrapMark
-};

package/dist/kongponents262.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents263.cjs"),b=["aria-hidden"],c='<path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"/>',h=r.defineComponent({__name:"AddIcon",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:u.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),s=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 u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return i[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),y=`${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 add-icon","data-testid":"kui-icon-wrapper-add-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-add-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,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;

package/dist/kongponents264.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents263.cjs"),y=["aria-hidden"],c='<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>',b=r.defineComponent({__name:"CheckIcon",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),s=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:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,a)=>{const u=`${m}-${a}`;return i[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),h=`${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 check-icon","data-testid":"kui-icon-wrapper-check-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-check-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:h},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents268.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/kongponents268.es.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/kongponents277.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents382.cjs"),P=require("./kongponents357.cjs"),F=require("./kongponents369.cjs"),f=require("./kongponents220.cjs"),R=require("./kongponents364.cjs"),$=require("./kongponents360.cjs"),q=require("./kongponents362.cjs"),I={class:"calendar-wrapper"},p={key:2,class:"time-wrapper"},A={class:"time-inputs-container"},U={class:"time-input-column"},Y=["for"],j={key:0},z={key:1},W=["id","step"],O={class:"time-input-column"},J=["for"],K={key:0},L=["id","step"],Q={key:0,class:"help-text"},X=e.defineComponent({__name:"CalendarWrapper",props:e.mergeModels({isRange:{type:Boolean},kDatePickerMode:{},maxDate:{default:()=>{}},minDate:{default:()=>{}},errorMessage:{default:()=>{}},timeGranularity:{default:"minutely"},sameDayFullRange:{type:Boolean,default:!1},customRangeValidation:{type:Function,default:void 0}},{modelValue:{required:!0},modelModifiers:{},error:{type:Boolean,default:!1},errorModifiers:{}}),emits:["update:modelValue","update:error"],setup(a,{expose:G}){const u=(l,n)=>n==="secondly"?f.default(l,"HH:mm:ss"):f.default(l,"HH:mm"),t=e.useModel(a,"modelValue"),m=e.useModel(a,"error"),i=e.ref(u(new Date,a.timeGranularity)),s=e.ref(u(new Date,a.timeGranularity)),c=e.ref({start:u(new Date,a.timeGranularity),end:u(new Date,a.timeGranularity)}),v=e.useId(),b=e.computed(()=>a.isRange&&o(t.value)?{year:t.value.start.getFullYear(),month:t.value.start.getMonth()+1}:t.value instanceof Date?{year:t.value.getFullYear(),month:t.value.getMonth()+1}:a.maxDate&&P.default(a.maxDate,F.default())?{year:a.maxDate.getFullYear(),month:a.maxDate.getMonth()+1}:{year:new Date().getFullYear(),month:new Date().getMonth()+1}),D=e.computed(()=>({borderless:!0,color:"blue",dragAttribute:C,expanded:!0,initialPage:b.value,maxDate:a.maxDate,minDate:a.minDate,mode:"date",modelConfig:T,selectAttribute:N,transparent:!0,trimWeeks:!0})),k=e.computed(()=>["time","dateTime","relativeDateTime"].includes(a.kDatePickerMode)),h=e.computed(()=>{switch(a.timeGranularity){case"minutely":return 60;case"secondly":return 1;default:return 60}}),y=(l,n)=>l>n?!0:a.customRangeValidation?a.customRangeValidation(l,n):!1,o=l=>!l||typeof l!="object"||!("start"in l)||!("end"in l)?!1:l.start instanceof Date&&l.end instanceof Date,w=()=>{if(!a.sameDayFullRange||!a.isRange||!o(t.value))return!1;const l=t.value.start.getTime(),n=t.value.end.getTime(),r=a.timeGranularity==="secondly"?"HH:mm:ss":"HH:mm",d=i.value?R.default(i.value,r,t.value.start).getTime():l,g=s.value?R.default(s.value,r,t.value.end).getTime():n,S=$.default(t.value.start,t.value.end);return(q.default(t.value.start,t.value.end)||S&&(d>=g||l>=n))&&(t.value.start.setHours(0,0,0,0),t.value.end.setHours(23,59,59,999)),!0},V=()=>{k.value&&(a.isRange&&o(t.value)?(i.value=u(t.value.start,a.timeGranularity),s.value=u(t.value.end,a.timeGranularity)):t.value instanceof Date?i.value=u(t.value,a.timeGranularity):i.value=u(new Date,a.timeGranularity))},M=l=>{const n=l.split(":"),r=parseInt(n[0]??"0",10),d=parseInt(n[1]??"0",10),g=a.timeGranularity==="secondly"&&n[2]?parseInt(n[2],10):0;return{hours:r,minutes:d,seconds:g}};e.onMounted(()=>{V(),c.value.start=i.value,c.value.end=s.value});const T={type:"number"},C={key:"select-drag",highlight:{start:{contentClass:"vcal-day-drag-start"},base:{contentClass:"vcal-day-drag-base"},end:{contentClass:"vcal-day-drag-end"}}},N={key:"select-calendar",highlight:{start:{contentClass:"vcal-day-start"},base:{contentClass:"vcal-day-base"},end:{contentClass:"vcal-day-end"}}};e.watch(()=>i.value,l=>{if(!l)return;const{hours:n,minutes:r,seconds:d}=M(l);a.isRange&&o(t.value)?(t.value.start.setHours(n,r,d,0),m.value=y(t.value.start,t.value.end)):t.value instanceof Date&&t.value.setHours(n,r,d,0)}),e.watch(()=>s.value,l=>{if(!l)return;const{hours:n,minutes:r,seconds:d}=M(l);a.isRange&&o(t.value)&&(t.value.end.setHours(n,r,d,0),m.value=y(t.value.start,t.value.end))}),e.watch(()=>t.value,()=>{a.isRange&&o(t.value)?(w(),i.value=u(t.value.start,a.timeGranularity),s.value=u(t.value.end,a.timeGranularity),m.value=y(t.value.start,t.value.end)):t.value instanceof Date&&(i.value=u(t.value,a.timeGranularity))},{immediate:!1,deep:!0}),e.watch(()=>a.timeGranularity,()=>{a.isRange&&o(t.value)?(c.value.start=u(t.value.start,a.timeGranularity),c.value.end=u(t.value.end,a.timeGranularity)):t.value instanceof Date&&(c.value.start=u(t.value,a.timeGranularity))});const E=()=>a.isRange&&o(t.value),H=()=>{i.value=c.value.start,s.value=c.value.end},x=l=>{try{return f.default(l,"EEE MMM d yyyy")}catch(n){console.warn("Error formatting date:",n)}};return G({resetTime:H,initTimeInputs:V}),(l,n)=>(e.openBlock(),e.createElementBlock("div",I,[a.isRange?(e.openBlock(),e.createBlock(e.unref(B.DatePicker),e.mergeProps({key:0},D.value,{modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=r=>t.value=r),modelModifiers:{range:!0}}),null,16,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(B.DatePicker),e.mergeProps({key:1},D.value,{modelValue:t.value,"onUpdate:modelValue":n[1]||(n[1]=r=>t.value=r)}),null,16,["modelValue"])),k.value?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",A,[e.createElementVNode("div",U,[e.createElementVNode("label",{class:"time-input-label",for:`time-input-start-${e.unref(v)}`},[E()?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(x(t.value.start)),1)):t.value&&t.value instanceof Date?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(x(t.value)),1)):e.createCommentVNode("",!0)],8,Y),e.withDirectives(e.createElementVNode("input",{id:`time-input-start-${e.unref(v)}`,"onUpdate:modelValue":n[2]||(n[2]=r=>i.value=r),class:e.normalizeClass(["time-input-start",{"input-error":m.value}]),"data-testid":"time-input-start",step:h.value,type:"time"},null,10,W),[[e.vModelText,i.value]])]),a.isRange?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n[4]||(n[4]=e.createElementVNode("div",{class:"time-input-separator"}," - ",-1)),e.createElementVNode("div",O,[e.createElementVNode("label",{class:"time-input-label",for:`time-input-end-${e.unref(v)}`},[E()?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(e.unref(f.default)(t.value.end,"EEE MMM d yyyy")),1)):e.createCommentVNode("",!0)],8,J),e.withDirectives(e.createElementVNode("input",{id:`time-input-end-${e.unref(v)}`,"onUpdate:modelValue":n[3]||(n[3]=r=>s.value=r),class:e.normalizeClass(["time-input-end",{"input-error":m.value}]),"data-testid":"time-input-end",step:h.value,type:"time"},null,10,L),[[e.vModelText,s.value]])])],64)):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[m.value&&a.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(a.errorMessage),1)):e.createCommentVNode("",!0)]),_:1})])):e.createCommentVNode("",!0)]))}});exports.default=X;

package/dist/kongponents277.es.js

@@ -1,184 +0,0 @@
-import { defineComponent as K, useModel as F, ref as T, useId as L, computed as h, onMounted as Q, watch as M, openBlock as s, createElementBlock as v, createBlock as I, unref as f, mergeProps as P, createElementVNode as m, toDisplayString as V, createCommentVNode as g, withDirectives as B, normalizeClass as A, vModelText as U, Fragment as X, createVNode as Z, Transition as _, withCtx as ee, mergeModels as te } from "vue";
-import { DatePicker as Y } from "./kongponents382.es.js";
-import ae from "./kongponents357.es.js";
-import ne from "./kongponents369.es.js";
-import k from "./kongponents220.es.js";
-import $ from "./kongponents364.es.js";
-import le from "./kongponents360.es.js";
-import ie from "./kongponents362.es.js";
-const re = { class: "calendar-wrapper" }, ue = {
-  key: 2,
-  class: "time-wrapper"
-}, se = { class: "time-inputs-container" }, oe = { class: "time-input-column" }, de = ["for"], me = { key: 0 }, ce = { key: 1 }, ve = ["id", "step"], fe = { class: "time-input-column" }, ye = ["for"], ge = { key: 0 }, De = ["id", "step"], he = {
-  key: 0,
-  class: "help-text"
-}, He = /* @__PURE__ */ K({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ te({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" },
-    sameDayFullRange: { type: Boolean, default: !1 },
-    customRangeValidation: { type: Function, default: void 0 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: N }) {
-    const i = (n, a) => a === "secondly" ? k(n, "HH:mm:ss") : k(n, "HH:mm"), e = F(t, "modelValue"), y = F(t, "error"), r = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), u = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), c = T({
-      start: i(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: i(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), D = L(), W = h(() => t.isRange && o(e.value) ? { 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 && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), b = h(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: q,
-      expanded: !0,
-      initialPage: W.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: p,
-      selectAttribute: z,
-      transparent: !0,
-      trimWeeks: !0
-    })), w = h(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), x = h(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), R = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, j = () => {
-      if (!t.sameDayFullRange || !t.isRange || !o(e.value))
-        return !1;
-      const n = e.value.start.getTime(), a = e.value.end.getTime(), l = t.timeGranularity === "secondly" ? "HH:mm:ss" : "HH:mm", d = r.value ? $(r.value, l, e.value.start).getTime() : n, G = u.value ? $(u.value, l, e.value.end).getTime() : a, J = le(e.value.start, e.value.end);
-      return (ie(e.value.start, e.value.end) || J && (d >= G || n >= a)) && (e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999)), !0;
-    }, H = () => {
-      w.value && (t.isRange && o(e.value) ? (r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = i(e.value, t.timeGranularity) : r.value = i(/* @__PURE__ */ new Date(), t.timeGranularity));
-    }, C = (n) => {
-      const a = n.split(":"), l = parseInt(a[0] ?? "0", 10), d = parseInt(a[1] ?? "0", 10), G = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: l, minutes: d, seconds: G };
-    };
-    Q(() => {
-      H(), c.value.start = r.value, c.value.end = u.value;
-    });
-    const p = { 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" }
-      }
-    };
-    M(() => r.value, (n) => {
-      if (!n)
-        return;
-      const { hours: a, minutes: l, seconds: d } = C(n);
-      t.isRange && o(e.value) ? (e.value.start.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, l, d, 0);
-    }), M(() => u.value, (n) => {
-      if (!n)
-        return;
-      const { hours: a, minutes: l, seconds: d } = C(n);
-      t.isRange && o(e.value) && (e.value.end.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end));
-    }), M(() => e.value, () => {
-      t.isRange && o(e.value) ? (j(), r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = i(e.value, t.timeGranularity));
-    }, { immediate: !1, deep: !0 }), M(() => t.timeGranularity, () => {
-      t.isRange && o(e.value) ? (c.value.start = i(e.value.start, t.timeGranularity), c.value.end = i(e.value.end, t.timeGranularity)) : e.value instanceof Date && (c.value.start = i(e.value, t.timeGranularity));
-    });
-    const E = () => t.isRange && o(e.value), O = () => {
-      r.value = c.value.start, u.value = c.value.end;
-    }, S = (n) => {
-      try {
-        return k(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return N({
-      resetTime: O,
-      initTimeInputs: H
-    }), (n, a) => (s(), v("div", re, [
-      t.isRange ? (s(), I(f(Y), P({ key: 0 }, b.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (s(), I(f(Y), P({ key: 1 }, b.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
-      }), null, 16, ["modelValue"])),
-      w.value ? (s(), v("div", ue, [
-        m("div", se, [
-          m("div", oe, [
-            m("label", {
-              class: "time-input-label",
-              for: `time-input-start-${f(D)}`
-            }, [
-              E() ? (s(), v("span", me, V(S(e.value.start)), 1)) : e.value && e.value instanceof Date ? (s(), v("span", ce, V(S(e.value)), 1)) : g("", !0)
-            ], 8, de),
-            B(m("input", {
-              id: `time-input-start-${f(D)}`,
-              "onUpdate:modelValue": a[2] || (a[2] = (l) => r.value = l),
-              class: A(["time-input-start", { "input-error": y.value }]),
-              "data-testid": "time-input-start",
-              step: x.value,
-              type: "time"
-            }, null, 10, ve), [
-              [U, r.value]
-            ])
-          ]),
-          t.isRange ? (s(), v(X, { key: 0 }, [
-            a[4] || (a[4] = m("div", { class: "time-input-separator" }, " - ", -1)),
-            m("div", fe, [
-              m("label", {
-                class: "time-input-label",
-                for: `time-input-end-${f(D)}`
-              }, [
-                E() ? (s(), v("span", ge, V(f(k)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
-              ], 8, ye),
-              B(m("input", {
-                id: `time-input-end-${f(D)}`,
-                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l),
-                class: A(["time-input-end", { "input-error": y.value }]),
-                "data-testid": "time-input-end",
-                step: x.value,
-                type: "time"
-              }, null, 10, De), [
-                [U, u.value]
-              ])
-            ])
-          ], 64)) : g("", !0)
-        ]),
-        Z(_, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: ee(() => [
-            y.value && t.errorMessage ? (s(), v("div", he, V(t.errorMessage), 1)) : g("", !0)
-          ]),
-          _: 1
-        })
-      ])) : g("", !0)
-    ]));
-  }
-});
-export {
-  He as default
-};

package/dist/kongponents281.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./kongponents181.cjs"),M=require("./kongponents56.cjs"),U=require("./kongponents49.cjs"),b=require("./kongponents60.cjs"),F=require("./kongponents54.cjs"),D=require("./kongponents381.cjs"),I={class:"filter-content","data-testid":"filter-pill-content"},L={class:"default-layout"},R={key:0,class:"operator"},$={class:"value"},j={class:"footer"},G=e.defineComponent({inheritAttrs:!1,__name:"FilterPill",props:{filter:{},initOpen:{type:Boolean,default:!1},selection:{default:()=>{}},custom:{type:Boolean,default:!1}},emits:["apply","close","open","clear"],setup(t,{emit:k}){e.useCssVars(a=>({v7a84ec58:w.value}));const x=e.useAttrs(),d=k,f=e.ref(!1),m=e.useTemplateRef("filterPopper"),s=e.ref(),r=e.ref(),u=e.ref(),n=e.ref(),h=e.useTemplateRef("inputField"),c=e.computed(()=>t.custom?"custom":t.filter.options&&!t.filter.multiple?"select":t.filter.options&&t.filter.multiple?"multiselect":"input"),C=e.computed(()=>{switch(c.value){case"input":return!r.value||r.value==="";case"select":return!u.value;case"multiselect":return!n.value||n.value.length===0;default:return!1}}),p=e.computed(()=>t.filter.operators&&t.filter.operators.length?t.filter.operators:["eq"]),w=e.computed(()=>p.value.some(a=>a==="lte"||a==="gte")?"205px":"120px"),g=e.computed(()=>{let a,l;switch(c.value){case"input":a=r.value,l=r.value;break;case"select":a=u.value,l=t.filter?.options?.find(({value:o})=>o===u.value)?.label??u.value?.toString();break;case"multiselect":a=n.value,l=n.value?.map(o=>t.filter.options?.find(({value:i})=>i===o))?.filter(o=>o!==void 0)?.map(({label:o})=>o)?.join(", ");break}if(!(s.value===void 0||a===void 0||l===void 0))return{operator:s.value,value:a,text:l}}),q=e.computed(()=>{if(t.selection?.operatorDelimiter!==void 0)return t.selection.operatorDelimiter;switch(t.selection?.operator){case"eq":return" = ";case"neq":return" ≠ ";case"lt":return" < ";case"lte":return" ≤ ";case"gt":return" > ";case"gte":return" ≥ ";default:return": "}}),V=e.computed(()=>{const a={eq:"Equals",neq:"Not equals",contains:"Contains",exists:"Exists",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to"};return p.value.map(l=>({label:a[l],value:l}))}),B=e.computed(()=>V.value.find(({value:a})=>a===s.value)?.label??""),N=()=>{c.value==="input"&&h.value?.input?.focus()},S=()=>{s.value=t.selection?.operator??p.value?.[0],r.value=typeof t.selection?.value=="string"?t.selection.value:void 0,u.value=t.filter.options?.find(({value:a})=>a===t.selection?.value)?.value,n.value=t.filter.options?.filter(({value:a})=>{if(Array.isArray(t.selection?.value))return t.selection.value.includes(`${a}`)}).map(({value:a})=>a)},y=async()=>{S(),m.value&&(m.value.showPopover(),f.value=!0,await e.nextTick(),N()),d("open")},v=()=>{m.value&&(m.value.hidePopover(),f.value=!1),d("close")};e.onMounted(()=>{t.initOpen&&y()});const P=()=>{f.value&&v()},E=()=>{c.value==="custom"?d("apply",void 0):d("apply",g.value),v()},T=()=>{v()},O=()=>{v(),d("clear")},A=()=>{f.value?v():y()};return(a,l)=>{const o=e.resolveComponent("KButton");return e.openBlock(),e.createBlock(M.default,{ref:"filterPopper","max-width":t.filter.maxWidth??"400px",offset:`var(--kui-space-30, ${e.unref(K.KUI_SPACE_30)})`,placement:t.filter.placement??"bottom-start",width:"auto",onClose:P},{default:e.withCtx(()=>[e.createVNode(D.default,e.mergeProps({"content-label":t.selection?.text,"data-testid":"filter-pill",delimiter:q.value,label:t.filter.label,"pill-focus":f.value,readonly:t.filter.readonly},e.unref(x),{onClear:O,onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"])),onTrigger:A}),null,16,["content-label","delimiter","label","pill-focus","readonly"])]),title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.filter.label),1)]),content:e.withCtx(()=>[e.createElementVNode("div",I,[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",L,[p.value.length>1?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(b.default,{modelValue:s.value,"onUpdate:modelValue":l[1]||(l[1]=i=>s.value=i),items:V.value,"kpop-attributes":{popoverClasses:"force-operator-width"},label:"Operator",title:B.value},null,8,["modelValue","items","title"])])):e.createCommentVNode("",!0),e.createElementVNode("div",$,[c.value==="select"?(e.openBlock(),e.createBlock(b.default,{key:0,modelValue:u.value,"onUpdate:modelValue":l[2]||(l[2]=i=>u.value=i),"data-testid":"filter-pill-select",items:t.filter.options,label:"Value",placeholder:"Select a value"},null,8,["modelValue","items"])):c.value==="multiselect"?(e.openBlock(),e.createBlock(F.default,{key:1,modelValue:n.value,"onUpdate:modelValue":l[3]||(l[3]=i=>n.value=i),"data-testid":"filter-pill-multiselect",items:t.filter.options,label:"Value",placeholder:"Select values"},null,8,["modelValue","items"])):(e.openBlock(),e.createBlock(U.default,{key:2,ref:"inputField",modelValue:r.value,"onUpdate:modelValue":l[4]||(l[4]=i=>r.value=i),modelModifiers:{trim:!0},"data-testid":"filter-pill-input",label:"Value",placeholder:"Enter a value"},null,8,["modelValue"]))])])],!0)])]),footer:e.withCtx(()=>[e.createElementVNode("div",j,[e.createVNode(o,{appearance:"secondary","data-testid":"filter-pill-cancel",onClick:T},{default:e.withCtx(()=>[...l[5]||(l[5]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(o,{appearance:"primary","data-testid":"filter-pill-apply",disabled:C.value,onClick:E},{default:e.withCtx(()=>[...l[6]||(l[6]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])])]),_:3},8,["max-width","offset","placement"])}}});exports.default=G;