@progress/kendo-themes-html/dist/esm/filter/templates/filter-preview.mjs

A collection of HTML helpers used for developing Kendo UI themes

var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var w=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:p,active:m,selected:f,disabled:b,indeterminate:C,loading:k,empty:u,readonly:v,highlighted:N,...T}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":b,"k-indeterminate":C&&!p,"k-loading":k,"k-empty":u,"k-readonly":v,"k-highlighted":N},Object.keys(T).reduce((S,y)=>(y.startsWith("k-")?S[y]=T[y]:S[`k-${y}`]=T[y],S),{}))};function tl(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},ct={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var vr={};function H(e){return vr[e]=(vr[e]||0)+1,`k-${e}-${vr[e]}`}import{Fragment as od,jsx as ol}from"react/jsx-runtime";var gr="k-font-icon",js=[],ed={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},td={},la=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...p}=e;return a?ol("span",{...p,className:n(e.className,gr,w(gr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):ol(od,{})};la.states=js;la.options=ed;la.className=gr;la.defaultOptions=td;var al=la;import{Fragment as nd,jsx as Ka}from"react/jsx-runtime";var Lr="k-svg-icon",ad=[],rd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[ct.outline,ct.solid,ct.duotone]},Tr={viewBox:"0 0 24 24",variant:ct.outline},ia=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Tr.viewBox,variant:p=Tr.variant,icon:m,...f}=e;if(!m)return Ka(nd,{});if(m==="none")return Ka("span",{...f,className:n(e.className,Lr,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,C=typeof m=="object"?p&&m.variants?.[p]||m.variants?.outline||m.content:void 0;return Ka("span",{...f,className:n(e.className,Lr,w("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Ka("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:C!==void 0?{__html:C}:void 0,children:m?void 0:e.children})})};ia.states=ad;ia.options=rd;ia.className=Lr;ia.defaultOptions=Tr;var yr=ia;import*as Mr from"@progress/kendo-svg-icons";var rl="icon",nl="icons";import{useContext as id}from"react";import{createContext as ld}from"react";var ll=ld({iconsType:"svg"});import{Fragment as il,jsx as sa}from"react/jsx-runtime";var Da="k-icon",sd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dd=[],cd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[ct.outline,ct.solid,ct.duotone]},_a={viewBox:"0 0 24 24",type:"svg",variant:ct.outline},I=e=>{let{iconsType:t}=id(ll),{size:o,themeColor:a,icon:r,type:s=t||_a.type,rotate:p,flip:m,viewBox:f=_a.viewBox,variant:b=_a.variant,...C}=e;if(!r)return sa(il,{});if((t||s)==="svg"){if(r==="none")return sa(yr,{...C,className:n(e.className,Da),icon:r,size:o,variant:b});let u=Mr[r]?r:sd(`${r}-icon`);return Mr[u]?sa(yr,{...C,className:n(e.className,Da),icon:Mr[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:b}):sa(il,{})}return sa(al,{...C,className:n(e.className,Da),icon:r,size:o,themeColor:a,rotate:p,flip:m})};I.states=dd;I.options=cd;I.defaultOptions=_a;I.className=Da;I.moduleName=rl;I.folderName=nl;I.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Ir="button",sl=Ir;import{Fragment as dl,jsx as mo,jsxs as cl}from"react/jsx-runtime";var da="k-button",pd=["icon-button"],md=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ud={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Sr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:p=Sr.showArrow,arrowIconName:m=Sr.arrowIconName,variant:f,hover:b,focus:C,active:k,selected:u,disabled:v,togglable:N,ariaDisabled:T,icon:S,iconSize:y,text:D,iconClassName:Z,className:ae,...de}=e,ce=S!=null,me=e.children!==void 0;return cl(t,{className:n(ae,da,tl(da,f),w(da,{size:o,rounded:a,fillMode:r,themeColor:s}),A(da,{hover:b,focus:C,active:k,disabled:v||T,selected:u}),{"k-icon-button":!D&&!me&&ce}),"aria-pressed":N?u?"true":"false":void 0,...de,"aria-disabled":T?"true":void 0,disabled:v||void 0,children:[typeof S=="string"&&S&&mo(I,{className:n(Z,"k-button-icon"),icon:S,size:y}),S&&typeof S!="string"&&mo(dl,{children:S}),D?cl(dl,{children:[D&&mo("span",{className:"k-button-text",children:D}),e.children]}):e.children&&mo("span",{className:"k-button-text",children:e.children}),p&&mo("span",{className:"k-menu-button-arrow k-button-arrow",children:mo(I,{icon:m})})]})};d.states=md;d.options=ud;d.variants=pd;d.className=da;d.defaultOptions=Sr;d.moduleName=Ir;d.folderName=sl;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as fd}from"react/jsx-runtime";var Rt=e=>fd(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as bd}from"react/jsx-runtime";var ca=e=>bd(d,{icon:"folder",children:"Button",...e});import{jsx as xd}from"react/jsx-runtime";var Wt=e=>xd(d,{children:"Button",...e});import{jsx as wr}from"react/jsx-runtime";var hd=d.options,Cd=d.states,kd={...d.defaultOptions,variant:"text"},Nd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vd=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return wr(Rt,{...o,icon:"star"});case"icon-and-text":return wr(ca,{...o,icon:"star",children:"Button"});default:return wr(Wt,{...o,children:"Button"})}};uo.options=hd;uo.states=Cd;uo.variants=Nd;uo.defaultOptions=kd;uo.modifiers=vd;uo.className=d.className;var Er="filter",pl=Er;import{jsx as Ar,jsxs as yd}from"react/jsx-runtime";var ml="k-filter",gd=[],Ld={},Td={},Te=e=>{let{children:t,expressionPreview:o,showApplyButton:a}=e;return yd("div",{className:n(e.className,ml),children:[Ar("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:Ar("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,a&&Ar(d,{className:"k-filter-apply",children:"Apply"})]})};Te.states=gd;Te.options=Ld;Te.defaultOptions=Td;Te.className=ml;Te.moduleName=Er;Te.folderName=pl;Te.ariaSpec={selector:".k-filter",rules:[{selector:".k-filter-container",attribute:"role=tree",usage:"Describes the hierarchical structure of the Filter component."},{selector:".k-filter-container",attribute:"aria-label",usage:"Specifies a label for the Filter component."},{selector:".k-filter-group-main,.k-filter-item",attribute:"role=treeitem",usage:"Each FilterGroup and FilterExpression represent a separate treeitem in the Filter component structure."},{selector:".k-filter-lines",attribute:"role=group",usage:"Represents a group of items in the Filter component."},{selector:".k-toolbar",attribute:"role=toolbar",usage:"The role represents a collection of tools."},{selector:".k-toolbar",attribute:"aria-label",usage:"Specifies a label for the toolbar."}]};import{jsx as Ed}from"react/jsx-runtime";var Md="k-filter-toolbar",Id=[],Sd={},wd={},ue=e=>{let{children:t}=e;return Ed("div",{className:n(Md),children:t})};ue.states=Id;ue.options=Sd;ue.defaultOptions=wd;import{jsx as Bd}from"react/jsx-runtime";var Ad="k-filter-lines",Od=[],Rd={},Pd={},pt=e=>{let{children:t}=e;return Bd("ul",{className:n(Ad),role:"group",children:t})};pt.states=Od;pt.options=Rd;pt.defaultOptions=Pd;import{jsx as ul}from"react/jsx-runtime";var fl="k-filter-preview",Kd=[],Dd={},_d={},fo=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:a,value:r},s)=>{o.push(ul("span",{className:`k-filter-preview-${a}`,children:`${r} `},s))}),ul("div",{className:n(fl),children:o})};fo.states=Kd;fo.options=Dd;fo.defaultOptions=_d;fo.className=fl;import{jsx as Gd}from"react/jsx-runtime";var Hd="k-filter-item",zd=[],Fd={},Ud={},Ae=e=>{let{children:t}=e;return Gd("li",{className:n(Hd),role:"treeitem",children:t})};Ae.states=zd;Ae.options=Fd;Ae.defaultOptions=Ud;var Or="button",bl=Or;import{jsx as Wd}from"react/jsx-runtime";var pa="k-button-group",Vd=[i.disabled],$d={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Xd={},E=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Wd("div",{role:"group",...r,className:n(e.className,pa,w(pa,{fillMode:t}),A(pa,{disabled:o}),{[`${pa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};E.states=Vd;E.options=$d;E.className=pa;E.defaultOptions=Xd;E.moduleName=Or;E.folderName=bl;E.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Zh,jsx as Qh,jsxs as jh}from"react/jsx-runtime";import{Fragment as nC,jsx as rC,jsxs as lC}from"react/jsx-runtime";import{Fragment as mC,jsx as pC,jsxs as uC}from"react/jsx-runtime";import{Fragment as kC,jsx as CC,jsxs as NC}from"react/jsx-runtime";import{Fragment as MC,jsx as yC,jsxs as IC}from"react/jsx-runtime";import{Fragment as RC,jsx as OC,jsxs as PC}from"react/jsx-runtime";import{jsx as Lt,jsxs as Rr}from"react/jsx-runtime";var Jd={...d.options,...E.options},qd=d.states,Yd={...d.defaultOptions,...E.defaultOptions,variant:"text-button"},Qd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Zd=[],bo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Rr(E,{fillMode:a.fillMode,className:o,children:[Lt(d,{...a,icon:"star"}),Lt(d,{...a,icon:"star"}),Lt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Rr(E,{fillMode:a.fillMode,className:o,children:[Lt(d,{...a,icon:"star",children:"First"}),Lt(d,{...a,icon:"star",children:"Middle"}),Lt(d,{...a,icon:"star",children:"Last"})]}):Rr(E,{fillMode:a.fillMode,className:o,children:[Lt(d,{...a,children:"First"}),Lt(d,{...a,children:"Middle"}),Lt(d,{...a,children:"Last"})]})};bo.options=Jd;bo.states=qd;bo.variants=Qd;bo.defaultOptions=Yd;bo.modifiers=Zd;bo.className=E.className;var ma="input",Ha=ma;import{jsx as oc}from"react/jsx-runtime";var za="k-input",jd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ec={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},tc={},re=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m,size:f,rounded:b,fillMode:C,...k}=e;return oc("span",{...k,className:n(e.className,za,w(za,{size:f,rounded:b,fillMode:C}),A(za,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m}))})};re.states=jd;re.options=ec;re.className=za;re.defaultOptions=tc;re.moduleName=ma;re.folderName=Ha;import{jsx as lc}from"react/jsx-runtime";var Fa="k-picker",ac=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rc={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nc={},mt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m,size:f,rounded:b,fillMode:C,...k}=e;return lc("span",{...k,className:n(e.className,Fa,w(Fa,{size:f,rounded:b,fillMode:C}),A(Fa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m})),children:e.children})};mt.states=ac;mt.options=rc;mt.className=Fa;mt.defaultOptions=nc;mt.moduleName=ma;mt.folderName=Ha;import{Fragment as dc,jsx as Pr}from"react/jsx-runtime";var xl="k-clear-value",ic=[i.disabled,i.loading,i.readonly],sc={},Oe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Pr(dc,{}):Pr("span",{className:n(e.className,xl),children:Pr(I,{icon:"x"})})};Oe.states=ic;Oe.options=sc;Oe.className=xl;import{jsx as mc}from"react/jsx-runtime";var Br="k-input-inner",cc=[],pc={},Ua={type:"text",autocomplete:"off",value:"",placeholder:""},Re=e=>{let{value:t=Ua.value,type:o=Ua.type,placeholder:a=Ua.placeholder,autocomplete:r=Ua.autocomplete,disabled:s,readOnly:p,...m}=e;return mc("input",{...m,type:o,className:n(e.className,Br,w(Br,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Re.states=cc;Re.options=pc;Re.className=Br;import{jsx as hl,jsxs as bc}from"react/jsx-runtime";var Kr="k-input-inner",uc=[],fc={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...p}=e;return bc("span",{...p,className:n(e.className,Kr,w(Kr,e)),children:[r,!r&&s&&hl(I,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&hl("span",{className:"k-input-value-text",children:t})]})};Jt.states=uc;Jt.options=fc;Jt.className=Kr;import{jsx as Cc}from"react/jsx-runtime";var Dr="k-input-inner",xc=[],hc={},Cl={value:"",placeholder:""},_r=e=>{let{value:t=Cl.value,placeholder:o=Cl.placeholder,rows:a,disabled:r,...s}=e;return Cc("textarea",{...s,className:n(e.className,Dr,w(Dr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};_r.states=xc;_r.options=hc;_r.className=Dr;import{Fragment as Nc,jsx as kl}from"react/jsx-runtime";var Nl="k-input-loading-icon",kc=[i.disabled,i.loading],ye=e=>{let{disabled:t,loading:o}=e;return t||!o?kl(Nc,{}):kl("span",{className:n(e.className,Nl,"k-icon k-i-loading")})};ye.states=kc;ye.className=Nl;import{Fragment as Lc,jsx as vl}from"react/jsx-runtime";var gl="k-input-validation-icon",vc=[i.valid,i.invalid,i.disabled,i.loading],gc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?vl(Lc,{}):vl(I,{className:n(gl),icon:s})};Ne.states=vc;Ne.options=gc;Ne.className=gl;import{Fragment as Mc,jsx as Ll}from"react/jsx-runtime";var Tc="k-input-prefix",yc={direction:"horizontal"},_e=e=>{let{direction:t=yc.direction,...o}=e;return e.children?Ll("span",{...o,className:n(Tc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ll(Mc,{})};import{Fragment as wc,jsx as Tl}from"react/jsx-runtime";var Ic="k-input-suffix",Sc={direction:"horizontal"},He=e=>{let{direction:t=Sc.direction,...o}=e;return e.children?Tl("span",{...o,className:n(Ic,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Tl(wc,{})};import{jsx as Pk}from"react/jsx-runtime";import{jsx as Ac}from"react/jsx-runtime";var Ec="k-input-suffix-text",Hr=e=>{let{children:t,...o}=e;return Ac("span",{...o,className:n(Ec,e.className),children:t})};import{jsx as Rc}from"react/jsx-runtime";var yl="k-input-separator",Oc={direction:"vertical"},Qe=e=>{let{direction:t=Oc.direction,...o}=e;return Rc("span",{...o,className:n(yl,e.className,{[`${yl}-${t}`]:t})})};import{Fragment as Ml,jsx as ut,jsxs as zr}from"react/jsx-runtime";var Pc=re.states,Bc=re.defaultOptions,Kc=re.options,Dc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],_c=[],xo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:p,...m}=e,f=t?.prefix,b=t?.suffix,C=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return zr(re,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:p,style:{width:300},children:[f&&zr(Ml,{children:[ut(_e,{children:ut(I,{icon:"lock"})}),u&&ut(Qe,{})]}),ut(Re,{placeholder:"Placeholder",value:"Value"}),k&&ut(Ne,{valid:o,invalid:a,loading:r,disabled:s}),ut(ye,{loading:r,disabled:s}),C&&ut(Oe,{loading:r,disabled:s,readonly:p,value:"Value"}),b&&zr(Ml,{children:[u&&ut(Qe,{}),ut(He,{children:ut(Wt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};xo.options=Kc;xo.states=Pc;xo.variants=_c;xo.defaultOptions=Bc;xo.modifiers=Dc;xo.className=re.className;var Fr="popup",Il=Fr;import{jsx as Sl}from"react/jsx-runtime";var wl="k-animation-container",Hc=[],zc={},Ur={positionMode:"absolute",shown:!0},ft=e=>{let{positionMode:t=Ur.positionMode,shown:o=Ur.shown,animationStyle:a,offset:r,...s}=e;return Sl("div",{...s,style:{...r,...e.style},className:n(e.className,wl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Sl("div",{className:"k-child-animation-container",style:a,children:e.children})})};ft.states=Hc;ft.options=zc;ft.className=wl;ft.defaultOptions=Ur;ft.moduleName=Fr;ft.folderName=Il;var Gr="popup",El=Gr;import{jsx as Al}from"react/jsx-runtime";var Ol="k-popup",Fc=[],Uc={},Rl={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=Rl.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:p,...m}=e;return Al(ft,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":p,children:Al("div",{...m,className:n(e.className,Ol),children:e.children})})};j.states=Fc;j.options=Uc;j.className=Ol;j.defaultOptions=Rl;j.moduleName=Gr;j.folderName=El;j.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{jsx as Gc}from"react/jsx-runtime";var Pl="k-calendar-view",Vr={orientation:"horizontal",calendarView:"month"},Ga=e=>{let{orientation:t=Vr.orientation,calendarView:o=Vr.calendarView,gridRole:a,ariaLabelledBy:r,...s}=e;return Gc("div",{...s,className:n(e.className,Pl,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...a?{role:"grid","aria-labelledby":r,tabIndex:0}:{},children:e.children})};Ga.className=Pl;Ga.defaultOptions=Vr;import{jsx as ua,jsxs as Bl}from"react/jsx-runtime";var Kl="k-calendar-header",Vc={size:[c.undefined,c.small,c.medium,c.large]},fa={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},qt=e=>{let{calendarTitleText:t=fa.calendarTitleText,showToday:o=fa.showToday,showNavigationButtons:a=fa.showNavigationButtons,orientation:r=fa.orientation,size:s,calendarView:p,dir:m,titleId:f,...b}=e,C=m==="rtl"?"chevron-right":"chevron-left",k=m==="rtl"?"chevron-left":"chevron-right",u=f||H("calendar-title");return Bl("div",{...b,className:n(e.className,Kl,{"k-vstack":r==="vertical"}),children:[ua(d,{disabled:p==="century",className:"k-calendar-title",text:t,size:s,fillMode:"flat",themeColor:"primary",id:u,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...p==="century"?{"aria-disabled":"true"}:{}}),ua("span",{className:"k-spacer"}),Bl("span",{className:"k-calendar-nav",children:[a&&ua(d,{className:"k-calendar-nav-prev",icon:C,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&ua(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&ua(d,{className:"k-calendar-nav-next",icon:k,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};qt.options=Vc;qt.className=Kl;qt.defaultOptions=fa;import{jsx as Dl}from"react/jsx-runtime";var _l="k-calendar-footer",$c={size:[c.undefined,c.small,c.medium,c.large]},Hl={calendarFooterText:"Tuesday, October 12, 2021"},ba=e=>{let{size:t,calendarFooterText:o=Hl.calendarFooterText,...a}=e;return Dl("div",{...a,className:n(e.className,_l),children:Dl(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};ba.options=$c;ba.className=_l;ba.defaultOptions=Hl;var ve="calendar",Me=ve;import{jsx as $r,jsxs as Jc}from"react/jsx-runtime";var Xr="k-calendar",Xc=[],Wc={size:[c.undefined,c.small,c.medium,c.large]},xa={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ne=e=>{let{size:t,orientation:o=xa.orientation,calendarView:a=xa.calendarView,calendarTitleText:r=xa.calendarTitleText,showCalendarHeader:s=xa.showCalendarHeader,showWeek:p,showCalendarFooter:m,calendarFooterText:f,dir:b,...C}=e,k=H("calendar-title");return Jc("div",{...C,dir:b,className:n(e.className,Xr,w(Xr,{size:t}),{"k-week-number":p}),children:[s&&$r(qt,{calendarView:a,showToday:!m,calendarTitleText:r,orientation:o,size:t,dir:b,titleId:k}),$r(Ga,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),m&&$r(ba,{calendarFooterText:f,size:t})]})};ne.states=Xc;ne.options=Wc;ne.className=Xr;ne.defaultOptions=xa;ne.moduleName=ve;ne.folderName=Me;ne.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as Zc}from"react/jsx-runtime";var zl="k-calendar-container",qc=[],Yc={},Qc={},ho=e=>{let{...t}=e;return Zc("div",{...t,className:n(e.className,zl),children:e.children})};ho.states=qc;ho.options=Yc;ho.className=zl;ho.defaultOptions=Qc;ho.moduleName=ve;ho.folderName=Me;import{Fragment as ep,jsx as Co,jsxs as tp}from"react/jsx-runtime";var jc=[i.hover,i.focus,i.active,i.selected,i.disabled],l=e=>{let{text:t,headerCell:o,today:a,weekend:r,showOtherMonth:s,weekCell:p,rangeStart:m,rangeMid:f,rangeEnd:b,dayIndicator:C,empty:k,hover:u,focus:v,active:N,selected:T,disabled:S,...y}=e,Z=`k-calendar-${o?"th":"td"}`,ae=[e.className,Z,A(Z,{hover:u,focus:v,active:N,selected:T,disabled:S}),{"k-today":a,"k-weekend":r,"k-other-month":s,"k-alt":p,"k-range-start":m,"k-range-mid":f,"k-range-end":b,"k-empty":k}],de={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let ce=t?de[t]||t:void 0;return Co("th",{...y,className:n(ae),role:"columnheader",scope:"col","aria-label":ce,children:p?Co("span",{className:"k-sr-only",children:ce}):t})}return p?Co("td",{...y,className:n(ae),children:t}):Co("td",{...y,className:n(ae),role:"gridcell",...T?{"aria-selected":"true"}:{},...S?{"aria-disabled":"true"}:{},children:k&&!s?Co(ep,{children:"\xA0"}):tp("span",{className:"k-link",children:[t,C&&Co("span",{className:"k-day-indicator"})]})})};l.states=jc;import{jsx as Wr,jsxs as op}from"react/jsx-runtime";var Fl="k-calendar-thead",Ul={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ko=e=>{let{showWeek:t,cellsText:o=Ul.cellsText,...a}=e;return Wr("thead",{...a,className:n(e.className,Fl),role:"rowgroup",children:op("tr",{className:"k-calendar-tr",role:"row",children:[t&&Wr(l,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>Wr(l,{text:r,headerCell:!0},s))]})})};ko.className=Fl;ko.defaultOptions=Ul;import{jsx as ap}from"react/jsx-runtime";var Gl="k-calendar-tbody",he=e=>{let{...t}=e;return ap("tbody",{...t,className:n(e.className,Gl),role:"rowgroup",children:e.children})};he.className=Gl;he.moduleName=ve;he.folderName=Me;import{jsx as Jr,jsxs as np}from"react/jsx-runtime";var rp="k-calendar-table",bt=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:p,...m}=e;return np("table",{...m,className:n(e.className,rp),...p?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&Jr("caption",{className:"k-calendar-caption",children:t}),o&&Jr(ko,{showWeek:a}),Jr(he,{children:e.children})]})};import{jsx as qr,jsxs as Vl}from"react/jsx-runtime";var $l="k-calendar-navigation",ha=e=>Vl("div",{...e,className:n(e.className,$l),children:[qr("span",{className:"k-calendar-navigation-highlight"}),Vl("div",{className:"k-content k-scrollable",children:[qr("ul",{className:"k-reset",children:e.children}),qr("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});ha.className=$l;ha.moduleName=ve;ha.folderName=Me;import{jsx as ip}from"react/jsx-runtime";var lp="k-calendar-table",Yr=e=>{let{tableRole:t="none",ariaLabelledBy:o,...a}=e;return ip("table",{...a,className:n(e.className,lp),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as it,jsxs as Va}from"react/jsx-runtime";var Xl="k-calendar-view",No={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},vo=e=>{let{orientation:t=No.orientation,calendarView:o=No.calendarView,headerText:a=No.headerText,showWeekdays:r=No.showWeekdays,showNavigationButtons:s=No.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:m,gridLabelledBy:f,...b}=e;return Va("div",{...b,className:n(Xl,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[it(qt,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&Va(Yr,{className:"k-calendar-weekdays",tableRole:"table",children:[Va("colgroup",{children:[it("col",{}),it("col",{}),it("col",{}),it("col",{}),it("col",{}),it("col",{}),it("col",{})]}),it(ko,{cellsText:m,showWeek:p})]}),Va("div",{className:"k-content k-scrollable",role:"none",children:[it(Yr,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),it("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};vo.className=Xl;vo.defaultOptions=No;vo.moduleName=ve;vo.folderName=Me;import{jsx as $a,jsxs as mp}from"react/jsx-runtime";var Wl="k-calendar-infinite",sp={size:[c.undefined,c.small,c.medium,c.large]},dp=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],cp={2021:"marker",2022:"marker"},pp=(e,t)=>e.map((o,a)=>$a("li",{children:$a("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},a)),Ca={showNavigation:!0,calendarView:"month",navigationItems:dp,navigationMarkerConfig:cp},ie=e=>{let{size:t,showNavigation:o=Ca.showNavigation,calendarView:a=Ca.calendarView,navigationItems:r=Ca.navigationItems,navigationMarkerConfig:s=Ca.navigationMarkerConfig,calendarTitleText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,calendarWeekdays:C,...k}=e,u=H("calendar-infinite-title");return mp("div",{...k,className:n(e.className,"k-calendar",Wl,w("k-calendar",{size:t})),children:[o&&$a(ha,{children:pp(r,s)}),$a(vo,{calendarView:a,headerText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,orientation:"vertical",weekdayCellsText:C,gridLabelledBy:u,children:e.children})]})};ie.options=sp;ie.className=Wl;ie.defaultOptions=Ca;ie.moduleName=ve;ie.folderName=Me;ie.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as up}from"react/jsx-runtime";var Jl="k-calendar-tr",L=e=>{let{...t}=e;return up("tr",{...t,className:n(e.className,Jl),role:"row",children:e.children})};L.className=Jl;L.moduleName=ve;L.folderName=Me;import{jsx as fp}from"react/jsx-runtime";var ql="k-calendar-caption",Ie=e=>{let{text:t,scope:o,colSpan:a,rowSpan:r,...s}=e;return fp("th",{...s,scope:o,colSpan:a,rowSpan:r,className:n(e.className,ql),children:t})};Ie.className=ql;Ie.moduleName=ve;Ie.folderName=Me;import{jsx as Ue,jsxs as Xa}from"react/jsx-runtime";var Yl=({showOtherCentury:e,...t})=>Ue(ne,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Xa(bt,{children:[Xa(L,{children:[Ue(l,{text:"1990 - 1999"}),Ue(l,{text:"2000 - 2009"}),Ue(l,{text:"2010 - 2019",today:!0}),Ue(l,{text:"2020 - 2029"})]}),Xa(L,{children:[Ue(l,{text:"2030 - 2039"}),Ue(l,{text:"2040 - 2049"}),Ue(l,{text:"2050 - 2059"}),Ue(l,{text:"2060 - 2069"})]}),Xa(L,{children:[Ue(l,{text:"2070 - 2079"}),Ue(l,{text:"2080 - 2089"}),Ue(l,{text:"2090 - 2099"}),Ue(l,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as Ge,jsxs as Wa}from"react/jsx-runtime";var Ql=({showOtherDecade:e,...t})=>Ge(ne,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Wa(bt,{children:[Wa(L,{children:[Ge(l,{text:"2019",empty:!e}),Ge(l,{text:"2020"}),Ge(l,{text:"2021",today:!0}),Ge(l,{text:"2022"})]}),Wa(L,{children:[Ge(l,{text:"2023"}),Ge(l,{text:"2024"}),Ge(l,{text:"2025"}),Ge(l,{text:"2026"})]}),Wa(L,{children:[Ge(l,{text:"2027"}),Ge(l,{text:"2028"}),Ge(l,{text:"2029"}),Ge(l,{text:"2030",empty:!e})]})]}),...t});import{jsx as O,jsxs as Yt}from"react/jsx-runtime";var ka=({showCaptions:e,showOtherMonth:t,...o})=>O(ne,{calendarView:"month",children:Yt(bt,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[Yt(L,{children:[O(l,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),O(l,{text:"27",showOtherMonth:t,empty:!t}),O(l,{text:"28",showOtherMonth:t,empty:!t}),O(l,{text:"29",showOtherMonth:t,empty:!t}),O(l,{text:"30",showOtherMonth:t,empty:!t}),O(l,{text:"1"}),O(l,{text:"2",weekend:!0})]}),Yt(L,{children:[O(l,{text:"3",weekend:!0}),O(l,{text:"4"}),O(l,{text:"5"}),O(l,{text:"6"}),O(l,{text:"7"}),O(l,{text:"8"}),O(l,{text:"9",weekend:!0})]}),Yt(L,{children:[O(l,{text:"10",weekend:!0}),O(l,{text:"11"}),O(l,{text:"12",today:!0}),O(l,{text:"13"}),O(l,{text:"14"}),O(l,{text:"15"}),O(l,{text:"16",weekend:!0})]}),Yt(L,{children:[O(l,{text:"17",weekend:!0}),O(l,{text:"18"}),O(l,{text:"19"}),O(l,{text:"20"}),O(l,{text:"21"}),O(l,{text:"22"}),O(l,{text:"23",weekend:!0})]}),Yt(L,{children:[O(l,{text:"24",weekend:!0}),O(l,{text:"25"}),O(l,{text:"26"}),O(l,{text:"27"}),O(l,{text:"28"}),O(l,{text:"29"}),O(l,{text:"30",weekend:!0})]}),Yt(L,{children:[O(l,{text:"31",weekend:!0}),O(l,{text:"1",showOtherMonth:t,empty:!t}),O(l,{text:"2",showOtherMonth:t,empty:!t}),O(l,{text:"3",showOtherMonth:t,empty:!t}),O(l,{text:"4",showOtherMonth:t,empty:!t}),O(l,{text:"5",showOtherMonth:t,empty:!t}),O(l,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as rg,jsxs as ng}from"react/jsx-runtime";import{jsx as Ve,jsxs as Ja}from"react/jsx-runtime";var Zl=e=>Ve(ne,{calendarView:"year",calendarTitleText:"2019",children:Ja(bt,{children:[Ja(L,{children:[Ve(l,{text:"Jan"}),Ve(l,{text:"Feb"}),Ve(l,{text:"Mar"}),Ve(l,{text:"Apr"})]}),Ja(L,{children:[Ve(l,{text:"May"}),Ve(l,{text:"Jun"}),Ve(l,{text:"Jul"}),Ve(l,{text:"Au"})]}),Ja(L,{children:[Ve(l,{text:"Sep"}),Ve(l,{text:"Oct",today:!0}),Ve(l,{text:"Nov"}),Ve(l,{text:"Dec"})]})]}),...e});import{Fragment as bp,jsx as M,jsxs as Tt}from"react/jsx-runtime";var jl=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>M(ie,{calendarTitleText:"January 2021",children:Tt(bp,{children:[Tt("colgroup",{children:[M("col",{}),M("col",{}),M("col",{}),M("col",{}),M("col",{}),M("col",{}),M("col",{})]}),Tt(he,{children:[M(L,{"aria-hidden":"true",children:M(Ie,{scope:"col",colSpan:7,text:e})}),Tt(L,{children:[M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{text:"1"}),M(l,{text:"2",weekend:!0})]}),Tt(L,{children:[M(l,{text:"3",weekend:!0}),M(l,{text:"4"}),M(l,{text:"5"}),M(l,{text:"6"}),M(l,{text:"7"}),M(l,{text:"8"}),M(l,{text:"9",weekend:!0})]}),Tt(L,{children:[M(l,{text:"10",weekend:!0}),M(l,{text:"11"}),M(l,{text:"12"}),M(l,{text:"13"}),M(l,{text:"14"}),M(l,{text:"15"}),M(l,{text:"16",weekend:!0})]}),Tt(L,{children:[M(l,{text:"17",weekend:!0}),M(l,{text:"18"}),M(l,{text:"19"}),M(l,{text:"20"}),M(l,{text:"21"}),M(l,{text:"22"}),M(l,{text:"23",weekend:!0})]}),Tt(L,{children:[M(l,{text:"24",weekend:!0}),M(l,{text:"25"}),M(l,{text:"26"}),M(l,{text:"27"}),M(l,{text:"28"}),M(l,{text:"29"}),M(l,{text:"30",weekend:!0})]}),Tt(L,{children:[M(l,{text:"31",weekend:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0}),M(l,{empty:!0})]})]}),M(he,{children:M(L,{"aria-hidden":"true",children:M(Ie,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as xp,jsx as V,jsxs as xt}from"react/jsx-runtime";var ei=({firstCaption:e="2021",secondCaption:t="2022",...o})=>V(ie,{calendarView:"year",showWeekdays:!1,calendarTitleText:"2021",navigationItems:["2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042"],navigationMarkerConfig:{2021:"marker",2030:"marker",2040:"marker"},children:xt(xp,{children:[xt("colgroup",{children:[V("col",{}),V("col",{}),V("col",{}),V("col",{})]}),xt(he,{children:[V(L,{"aria-hidden":"true",children:V(Ie,{scope:"col",colSpan:4,text:e})}),xt(L,{children:[V(l,{text:"Jan",today:!0}),V(l,{text:"Feb"}),V(l,{text:"Mar"}),V(l,{text:"Apr"})]}),xt(L,{children:[V(l,{text:"May"}),V(l,{text:"Jun"}),V(l,{text:"Jul"}),V(l,{text:"Aug"})]}),xt(L,{children:[V(l,{text:"Sep"}),V(l,{text:"Oct"}),V(l,{text:"Nov"}),V(l,{text:"Dec"})]})]}),xt(he,{children:[V(L,{"aria-hidden":"true",children:V(Ie,{scope:"col",colSpan:4,text:t})}),xt(L,{children:[V(l,{text:"Jan"}),V(l,{text:"Feb"}),V(l,{text:"Mar"}),V(l,{text:"Apr"})]}),xt(L,{children:[V(l,{text:"May"}),V(l,{text:"Jun"}),V(l,{text:"Jul"}),V(l,{text:"Aug"})]}),xt(L,{children:[V(l,{text:"Sep"}),V(l,{text:"Oct"}),V(l,{text:"Nov"}),V(l,{text:"Dec"})]})]})]}),...o});import{Fragment as hp,jsx as $,jsxs as ht}from"react/jsx-runtime";var ti=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>$(ie,{calendarView:"decade",showWeekdays:!1,calendarTitleText:"2020 - 2029",navigationItems:["1970","1980","1990","2000","2010","2020","2030","2040","2050","2060","2070","2080","2090"],navigationMarkerConfig:{2020:"marker"},children:ht(hp,{children:[ht("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),ht(he,{children:[$(L,{"aria-hidden":"true",children:$(Ie,{scope:"col",colSpan:4,text:e})}),ht(L,{children:[$(l,{text:"2020",today:!0}),$(l,{text:"2021"}),$(l,{text:"2022"}),$(l,{text:"2023"})]}),ht(L,{children:[$(l,{text:"2024"}),$(l,{text:"2025"}),$(l,{text:"2026"}),$(l,{text:"2027"})]}),ht(L,{children:[$(l,{text:"2028"}),$(l,{text:"2029"}),$(l,{empty:!0}),$(l,{empty:!0})]})]}),ht(he,{children:[$(L,{"aria-hidden":"true",children:$(Ie,{scope:"col",colSpan:4,text:t})}),ht(L,{children:[$(l,{text:"2030"}),$(l,{text:"2031"}),$(l,{text:"2032"}),$(l,{text:"2033"})]}),ht(L,{children:[$(l,{text:"2034"}),$(l,{text:"2035"}),$(l,{text:"2036"}),$(l,{text:"2037"})]}),ht(L,{children:[$(l,{text:"2038"}),$(l,{text:"2039"}),$(l,{empty:!0}),$(l,{empty:!0})]})]})]}),...o});import{Fragment as Cp,jsx as fe,jsxs as go}from"react/jsx-runtime";var oi=({firstCaption:e="2000 - 2099",...t})=>fe(ie,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:go(Cp,{children:[go("colgroup",{children:[fe("col",{}),fe("col",{}),fe("col",{}),fe("col",{})]}),go(he,{children:[fe(L,{"aria-hidden":"true",children:fe(Ie,{scope:"col",colSpan:4,text:e})}),go(L,{children:[fe(l,{text:"1900 - 1999"}),fe(l,{text:"2000 - 2009"}),fe(l,{text:"2010 - 2019"}),fe(l,{text:"2020 - 2029"})]}),go(L,{children:[fe(l,{text:"2030 - 2039"}),fe(l,{text:"2040 - 2049"}),fe(l,{text:"2050 - 2059"}),fe(l,{text:"2060 - 2069"})]}),go(L,{children:[fe(l,{text:"2070 - 2079"}),fe(l,{text:"2080 - 2089"}),fe(l,{text:"2090 - 2099"}),fe(l,{empty:!0})]})]})]}),...t});import{Fragment as Mg,jsx as Tg,jsxs as yg}from"react/jsx-runtime";import{jsx as Eg,jsxs as Ag}from"react/jsx-runtime";import{Fragment as Dg,jsx as Bg,jsxs as Kg}from"react/jsx-runtime";import{jsx as qa}from"react/jsx-runtime";var kp=ne.options,Np=ne.states,ai={...ne.defaultOptions,variant:"month"},vp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],gp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...ai,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(b=>{switch(b){case"other":r.showOtherMonth=!!o?.[b],r.showOtherCentury=!!o?.[b],r.showOtherDecade=!!o?.[b];break;case"footer":r.showCalendarFooter=!!o?.[b];break;default:return}});let{showOtherMonth:s,showOtherDecade:p,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return qa(Yl,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return qa(Ql,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return qa(Zl,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return qa(ka,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Lo.options=kp;Lo.states=Np;Lo.variants=vp;Lo.defaultOptions=ai;Lo.modifiers=gp;Lo.className=ne.className;import{jsx as Ya}from"react/jsx-runtime";var Lp=ie.options,Tp=ie.states,ri={...ie.defaultOptions,variant:"month"},yp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Mp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],To=e=>{let{variant:t,modifiers:o,...a}={...ri,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(b=>{switch(b){case"other":r.showOtherMonth=!!o?.[b],r.showOtherCentury=!!o?.[b],r.showOtherDecade=!!o?.[b];break;case"footer":r.showCalendarFooter=!!o?.[b];break;default:return}});let{showOtherMonth:s,showOtherDecade:p,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return Ya(oi,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Ya(ti,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return Ya(ei,{size:a.size,showCalendarFooter:f});default:return Ya(jl,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};To.options=Lp;To.states=Tp;To.variants=yp;To.defaultOptions=ri;To.modifiers=Mp;To.className=ie.className;var Qr="action-buttons",ni=Qr;import{jsx as wp}from"react/jsx-runtime";var Qa="k-actions",Ip=[],Sp={},Zr={alignment:"start",orientation:"horizontal"},Ct=e=>{let{alignment:t=Zr.alignment,orientation:o=Zr.orientation,...a}=e;return wp("div",{...a,className:n(Qa,{[`${Qa}-${t}`]:t,[`${Qa}-${o}`]:o},e.className),children:e.children})};Ct.states=Ip;Ct.options=Sp;Ct.className=Qa;Ct.defaultOptions=Zr;Ct.moduleName=Qr;Ct.folderName=ni;import{jsx as Ap}from"react/jsx-runtime";var Ep="k-actionsheet-footer",li={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=li.alignment,orientation:o=li.orientation,template:a,as:r=a?"div":Ct,...s}=e;return Ap(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Ep),children:e.children})};var jr="searchbox",ii=jr;import{jsx as Na,jsxs as Pp}from"react/jsx-runtime";var si="k-searchbox",Op=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Rp={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},en={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:b,required:C,loading:k,disabled:u,showIcon:v=en.showIcon,icon:N=en.icon,"aria-label":T,...S}=e;return Pp(re,{...S,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:b,required:C,loading:k,disabled:u,className:n(e.className,si),children:[v&&Na(I,{className:"k-input-icon",icon:N}),Na(Re,{placeholder:o,value:t,"aria-label":T}),Na(ye,{...e}),Na(Ne,{...e}),Na(Oe,{...e})]})};Ze.states=Op;Ze.options=Rp;Ze.className=si;Ze.defaultOptions=en;Ze.moduleName=jr;Ze.folderName=ii;import{jsx as ZL}from"react/jsx-runtime";var tn="textbox",di=tn;import{Fragment as ci,jsx as Bt,jsxs as on}from"react/jsx-runtime";var pi="k-textbox",Bp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Kp={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Za={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Za.separators,showClearButton:s=Za.showClearButton,showValidationIcon:p=Za.showValidationIcon,prefix:m,suffix:f,type:b,value:C,placeholder:k,hover:u,focus:v,valid:N,invalid:T,required:S,loading:y,disabled:D,readonly:Z,id:ae,"aria-label":de,"aria-describedby":ce,...me}=e;return on(re,{...me,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:N,invalid:T,required:S,loading:y,disabled:D,readonly:Z,className:n(e.className,pi),children:[m&&on(ci,{children:[Bt(_e,{children:m}),r&&Bt(Qe,{})]}),Bt(Re,{id:ae,placeholder:k,value:C,type:b,disabled:D,"aria-label":de,"aria-describedby":ce,"aria-invalid":T?"true":void 0}),p&&Bt(Ne,{valid:N,invalid:T,loading:y,disabled:D}),Bt(ye,{loading:y,disabled:D}),s&&Bt(Oe,{loading:y,disabled:D,readonly:Z,value:C}),f&&on(ci,{children:[r&&Bt(Qe,{}),Bt(He,{children:f})]})]})};te.states=Bp;te.options=Kp;te.className=pi;te.defaultOptions=Za;te.moduleName=tn;te.folderName=di;te.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var va=te;import{jsx as Dp}from"react/jsx-runtime";var mi=e=>Dp(va,{...e});import{Fragment as xT,jsx as bT}from"react/jsx-runtime";import{Fragment as gT,jsx as vT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as an}from"react/jsx-runtime";var _p=te.states,Hp=te.defaultOptions,zp=te.options,Fp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Up=[],yo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?an(I,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?an(Wt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),an(mi,{value:"Value",style:{width:300},...o,...a})};yo.options=zp;yo.states=_p;yo.variants=Up;yo.defaultOptions=Hp;yo.modifiers=Fp;yo.className=te.className;import{jsx as Kt,jsxs as rn}from"react/jsx-runtime";var ui="k-actionsheet-titlebar",Gp={},ge=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:p,inputValue:m,inputPlaceholder:f,adaptive:b,titleId:C,children:k,...u}=e;return rn("div",{...u,className:n(e.className,ui),children:[rn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Kt("div",{className:"k-actionsheet-actions",children:a}),!k&&rn("div",{className:"k-actionsheet-title",id:C,children:[t&&Kt("div",{className:"k-text-center",children:t}),o&&Kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Kt("div",{className:"k-actionsheet-title",id:C,children:k}),r&&Kt("div",{className:"k-actionsheet-actions",children:r})]}),(p||s)&&Kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Kt(te,{value:m,placeholder:f,size:b?"large":"medium","aria-label":t||f||"Input"}):Kt(Ze,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};ge.className=ui;ge.defaultOptions=Gp;import{jsx as nn,jsxs as Wp}from"react/jsx-runtime";var ln="k-actionsheet-view",Vp=