@progress/kendo-themes-html/dist/esm/filter/demos/filter.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 jn(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"},dt={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 kr={};function D(e){return kr[e]=(kr[e]||0)+1,`k-${e}-${kr[e]}`}import{Fragment as ed,jsx as el}from"react/jsx-runtime";var Nr="k-font-icon",Qs=[],Zs={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]},js={},aa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...p}=e;return a?el("span",{...p,className:n(e.className,Nr,w(Nr,{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"}):el(ed,{})};aa.states=Qs;aa.options=Zs;aa.className=Nr;aa.defaultOptions=js;var tl=aa;import{Fragment as ad,jsx as Pa}from"react/jsx-runtime";var vr="k-svg-icon",td=[],od={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:[dt.outline,dt.solid,dt.duotone]},gr={viewBox:"0 0 24 24",variant:dt.outline},ra=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=gr.viewBox,variant:p=gr.variant,icon:m,...f}=e;if(!m)return Pa(ad,{});if(m==="none")return Pa("span",{...f,className:n(e.className,vr,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 Pa("span",{...f,className:n(e.className,vr,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:Pa("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})})};ra.states=td;ra.options=od;ra.className=vr;ra.defaultOptions=gr;var Lr=ra;import*as Tr from"@progress/kendo-svg-icons";var ol="icon",al="icons";import{useContext as nd}from"react";import{createContext as rd}from"react";var rl=rd({iconsType:"svg"});import{Fragment as nl,jsx as na}from"react/jsx-runtime";var Ba="k-icon",ld=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),id=[],sd={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:[dt.outline,dt.solid,dt.duotone]},Ka={viewBox:"0 0 24 24",type:"svg",variant:dt.outline},I=e=>{let{iconsType:t}=nd(rl),{size:o,themeColor:a,icon:r,type:s=t||Ka.type,rotate:p,flip:m,viewBox:f=Ka.viewBox,variant:b=Ka.variant,...C}=e;if(!r)return na(nl,{});if((t||s)==="svg"){if(r==="none")return na(Lr,{...C,className:n(e.className,Ba),icon:r,size:o,variant:b});let u=Tr[r]?r:ld(`${r}-icon`);return Tr[u]?na(Lr,{...C,className:n(e.className,Ba),icon:Tr[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:b}):na(nl,{})}return na(tl,{...C,className:n(e.className,Ba),icon:r,size:o,themeColor:a,rotate:p,flip:m})};I.states=id;I.options=sd;I.defaultOptions=Ka;I.className=Ba;I.moduleName=ol;I.folderName=al;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 yr="button",ll=yr;import{Fragment as il,jsx as po,jsxs as sl}from"react/jsx-runtime";var la="k-button",dd=["icon-button"],cd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],pd={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]},Mr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:p=Mr.showArrow,arrowIconName:m=Mr.arrowIconName,variant:f,hover:b,focus:C,active:k,selected:u,disabled:v,togglable:N,ariaDisabled:T,icon:S,iconSize:y,text:B,iconClassName:Q,className:te,...se}=e,de=S!=null,pe=e.children!==void 0;return sl(t,{className:n(te,la,jn(la,f),w(la,{size:o,rounded:a,fillMode:r,themeColor:s}),A(la,{hover:b,focus:C,active:k,disabled:v||T,selected:u}),{"k-icon-button":!B&&!pe&&de}),"aria-pressed":N?u?"true":"false":void 0,...se,"aria-disabled":T?"true":void 0,disabled:v||void 0,children:[typeof S=="string"&&S&&po(I,{className:n(Q,"k-button-icon"),icon:S,size:y}),S&&typeof S!="string"&&po(il,{children:S}),B?sl(il,{children:[B&&po("span",{className:"k-button-text",children:B}),e.children]}):e.children&&po("span",{className:"k-button-text",children:e.children}),p&&po("span",{className:"k-menu-button-arrow k-button-arrow",children:po(I,{icon:m})})]})};d.states=cd;d.options=pd;d.variants=dd;d.className=la;d.defaultOptions=Mr;d.moduleName=yr;d.folderName=ll;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 md}from"react/jsx-runtime";var Ot=e=>md(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ud}from"react/jsx-runtime";var ia=e=>ud(d,{icon:"folder",children:"Button",...e});import{jsx as fd}from"react/jsx-runtime";var Xt=e=>fd(d,{children:"Button",...e});import{jsx as Ir}from"react/jsx-runtime";var bd=d.options,xd=d.states,hd={...d.defaultOptions,variant:"text"},Cd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kd=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ir(Ot,{...o,icon:"star"});case"icon-and-text":return Ir(ia,{...o,icon:"star",children:"Button"});default:return Ir(Xt,{...o,children:"Button"})}};mo.options=bd;mo.states=xd;mo.variants=Cd;mo.defaultOptions=hd;mo.modifiers=kd;mo.className=d.className;var Sr="filter",dl=Sr;import{jsx as wr,jsxs as Ld}from"react/jsx-runtime";var cl="k-filter",Nd=[],vd={},gd={},Se=e=>{let{children:t,expressionPreview:o,showApplyButton:a}=e;return Ld("div",{className:n(e.className,cl),children:[wr("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:wr("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,a&&wr(d,{className:"k-filter-apply",children:"Apply"})]})};Se.states=Nd;Se.options=vd;Se.defaultOptions=gd;Se.className=cl;Se.moduleName=Sr;Se.folderName=dl;Se.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 Sd}from"react/jsx-runtime";var Td="k-filter-toolbar",yd=[],Md={},Id={},we=e=>{let{children:t}=e;return Sd("div",{className:n(Td),children:t})};we.states=yd;we.options=Md;we.defaultOptions=Id;import{jsx as Rd}from"react/jsx-runtime";var wd="k-filter-lines",Ed=[],Ad={},Od={},vt=e=>{let{children:t}=e;return Rd("ul",{className:n(wd),role:"group",children:t})};vt.states=Ed;vt.options=Ad;vt.defaultOptions=Od;import{jsx as pl}from"react/jsx-runtime";var ml="k-filter-preview",Pd=[],Bd={},Kd={},sa=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:a,value:r},s)=>{o.push(pl("span",{className:`k-filter-preview-${a}`,children:`${r} `},s))}),pl("div",{className:n(ml),children:o})};sa.states=Pd;sa.options=Bd;sa.defaultOptions=Kd;sa.className=ml;import{jsx as Fd}from"react/jsx-runtime";var Dd="k-filter-item",_d=[],Hd={},zd={},qe=e=>{let{children:t}=e;return Fd("li",{className:n(Dd),role:"treeitem",children:t})};qe.states=_d;qe.options=Hd;qe.defaultOptions=zd;var Er="button",ul=Er;import{jsx as $d}from"react/jsx-runtime";var da="k-button-group",Ud=[i.disabled],Gd={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Vd={},E=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return $d("div",{role:"group",...r,className:n(e.className,da,w(da,{fillMode:t}),A(da,{disabled:o}),{[`${da}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};E.states=Ud;E.options=Gd;E.className=da;E.defaultOptions=Vd;E.moduleName=Er;E.folderName=ul;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 qh,jsx as Jh,jsxs as Yh}from"react/jsx-runtime";import{Fragment as oC,jsx as tC,jsxs as aC}from"react/jsx-runtime";import{Fragment as dC,jsx as sC,jsxs as cC}from"react/jsx-runtime";import{Fragment as xC,jsx as bC,jsxs as hC}from"react/jsx-runtime";import{Fragment as LC,jsx as gC,jsxs as TC}from"react/jsx-runtime";import{Fragment as EC,jsx as wC,jsxs as AC}from"react/jsx-runtime";import{jsx as gt,jsxs as Ar}from"react/jsx-runtime";var Xd={...d.options,...E.options},Wd=d.states,Jd={...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"}],Yd=[],uo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ar(E,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Ar(E,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):Ar(E,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};uo.options=Xd;uo.states=Wd;uo.variants=qd;uo.defaultOptions=Jd;uo.modifiers=Yd;uo.className=E.className;var ca="input",Da=ca;import{jsx as ec}from"react/jsx-runtime";var _a="k-input",Qd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zd={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]},jd={},oe=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 ec("span",{...k,className:n(e.className,_a,w(_a,{size:f,rounded:b,fillMode:C}),A(_a,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m}))})};oe.states=Qd;oe.options=Zd;oe.className=_a;oe.defaultOptions=jd;oe.moduleName=ca;oe.folderName=Da;import{jsx as rc}from"react/jsx-runtime";var Ha="k-picker",tc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],oc={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]},ac={},ct=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 rc("span",{...k,className:n(e.className,Ha,w(Ha,{size:f,rounded:b,fillMode:C}),A(Ha,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m})),children:e.children})};ct.states=tc;ct.options=oc;ct.className=Ha;ct.defaultOptions=ac;ct.moduleName=ca;ct.folderName=Da;import{Fragment as ic,jsx as Or}from"react/jsx-runtime";var fl="k-clear-value",nc=[i.disabled,i.loading,i.readonly],lc={},Ee=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Or(ic,{}):Or("span",{className:n(e.className,fl),children:Or(I,{icon:"x"})})};Ee.states=nc;Ee.options=lc;Ee.className=fl;import{jsx as cc}from"react/jsx-runtime";var Rr="k-input-inner",sc=[],dc={},za={type:"text",autocomplete:"off",value:"",placeholder:""},Ae=e=>{let{value:t=za.value,type:o=za.type,placeholder:a=za.placeholder,autocomplete:r=za.autocomplete,disabled:s,readOnly:p,...m}=e;return cc("input",{...m,type:o,className:n(e.className,Rr,w(Rr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Ae.states=sc;Ae.options=dc;Ae.className=Rr;import{jsx as bl,jsxs as uc}from"react/jsx-runtime";var Pr="k-input-inner",pc=[],mc={},Wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...p}=e;return uc("span",{...p,className:n(e.className,Pr,w(Pr,e)),children:[r,!r&&s&&bl(I,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&bl("span",{className:"k-input-value-text",children:t})]})};Wt.states=pc;Wt.options=mc;Wt.className=Pr;import{jsx as xc}from"react/jsx-runtime";var Br="k-input-inner",fc=[],bc={},xl={value:"",placeholder:""},Kr=e=>{let{value:t=xl.value,placeholder:o=xl.placeholder,rows:a,disabled:r,...s}=e;return xc("textarea",{...s,className:n(e.className,Br,w(Br,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Kr.states=fc;Kr.options=bc;Kr.className=Br;import{Fragment as Cc,jsx as hl}from"react/jsx-runtime";var Cl="k-input-loading-icon",hc=[i.disabled,i.loading],ge=e=>{let{disabled:t,loading:o}=e;return t||!o?hl(Cc,{}):hl("span",{className:n(e.className,Cl,"k-icon k-i-loading")})};ge.states=hc;ge.className=Cl;import{Fragment as vc,jsx as kl}from"react/jsx-runtime";var Nl="k-input-validation-icon",kc=[i.valid,i.invalid,i.disabled,i.loading],Nc={},Ce=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?kl(vc,{}):kl(I,{className:n(Nl),icon:s})};Ce.states=kc;Ce.options=Nc;Ce.className=Nl;import{Fragment as Tc,jsx as vl}from"react/jsx-runtime";var gc="k-input-prefix",Lc={direction:"horizontal"},Ke=e=>{let{direction:t=Lc.direction,...o}=e;return e.children?vl("span",{...o,className:n(gc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):vl(Tc,{})};import{Fragment as Ic,jsx as gl}from"react/jsx-runtime";var yc="k-input-suffix",Mc={direction:"horizontal"},De=e=>{let{direction:t=Mc.direction,...o}=e;return e.children?gl("span",{...o,className:n(yc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):gl(Ic,{})};import{jsx as Ak}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";var Sc="k-input-suffix-text",Dr=e=>{let{children:t,...o}=e;return wc("span",{...o,className:n(Sc,e.className),children:t})};import{jsx as Ac}from"react/jsx-runtime";var Ll="k-input-separator",Ec={direction:"vertical"},Ye=e=>{let{direction:t=Ec.direction,...o}=e;return Ac("span",{...o,className:n(Ll,e.className,{[`${Ll}-${t}`]:t})})};import{Fragment as Tl,jsx as pt,jsxs as _r}from"react/jsx-runtime";var Oc=oe.states,Rc=oe.defaultOptions,Pc=oe.options,Bc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Kc=[],fo=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 _r(oe,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:p,style:{width:300},children:[f&&_r(Tl,{children:[pt(Ke,{children:pt(I,{icon:"lock"})}),u&&pt(Ye,{})]}),pt(Ae,{placeholder:"Placeholder",value:"Value"}),k&&pt(Ce,{valid:o,invalid:a,loading:r,disabled:s}),pt(ge,{loading:r,disabled:s}),C&&pt(Ee,{loading:r,disabled:s,readonly:p,value:"Value"}),b&&_r(Tl,{children:[u&&pt(Ye,{}),pt(De,{children:pt(Xt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};fo.options=Pc;fo.states=Oc;fo.variants=Kc;fo.defaultOptions=Rc;fo.modifiers=Bc;fo.className=oe.className;var Hr="popup",yl=Hr;import{jsx as Ml}from"react/jsx-runtime";var Il="k-animation-container",Dc=[],_c={},zr={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=zr.positionMode,shown:o=zr.shown,animationStyle:a,offset:r,...s}=e;return Ml("div",{...s,style:{...r,...e.style},className:n(e.className,Il,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ml("div",{className:"k-child-animation-container",style:a,children:e.children})})};mt.states=Dc;mt.options=_c;mt.className=Il;mt.defaultOptions=zr;mt.moduleName=Hr;mt.folderName=yl;var Fr="popup",Sl=Fr;import{jsx as wl}from"react/jsx-runtime";var El="k-popup",Hc=[],zc={},Al={positionMode:"absolute"},Z=e=>{let{offset:t,positionMode:o=Al.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:p,...m}=e;return wl(mt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":p,children:wl("div",{...m,className:n(e.className,El),children:e.children})})};Z.states=Hc;Z.options=zc;Z.className=El;Z.defaultOptions=Al;Z.moduleName=Fr;Z.folderName=Sl;Z.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 Fc}from"react/jsx-runtime";var Ol="k-calendar-view",Ur={orientation:"horizontal",calendarView:"month"},Fa=e=>{let{orientation:t=Ur.orientation,calendarView:o=Ur.calendarView,gridRole:a,ariaLabelledBy:r,...s}=e;return Fc("div",{...s,className:n(e.className,Ol,`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})};Fa.className=Ol;Fa.defaultOptions=Ur;import{jsx as pa,jsxs as Rl}from"react/jsx-runtime";var Pl="k-calendar-header",Uc={size:[c.undefined,c.small,c.medium,c.large]},ma={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Jt=e=>{let{calendarTitleText:t=ma.calendarTitleText,showToday:o=ma.showToday,showNavigationButtons:a=ma.showNavigationButtons,orientation:r=ma.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||D("calendar-title");return Rl("div",{...b,className:n(e.className,Pl,{"k-vstack":r==="vertical"}),children:[pa(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"}:{}}),pa("span",{className:"k-spacer"}),Rl("span",{className:"k-calendar-nav",children:[a&&pa(d,{className:"k-calendar-nav-prev",icon:C,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&pa(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&pa(d,{className:"k-calendar-nav-next",icon:k,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Jt.options=Uc;Jt.className=Pl;Jt.defaultOptions=ma;import{jsx as Bl}from"react/jsx-runtime";var Kl="k-calendar-footer",Gc={size:[c.undefined,c.small,c.medium,c.large]},Dl={calendarFooterText:"Tuesday, October 12, 2021"},ua=e=>{let{size:t,calendarFooterText:o=Dl.calendarFooterText,...a}=e;return Bl("div",{...a,className:n(e.className,Kl),children:Bl(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};ua.options=Gc;ua.className=Kl;ua.defaultOptions=Dl;var ke="calendar",Le=ke;import{jsx as Gr,jsxs as Xc}from"react/jsx-runtime";var Vr="k-calendar",Vc=[],$c={size:[c.undefined,c.small,c.medium,c.large]},fa={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ae=e=>{let{size:t,orientation:o=fa.orientation,calendarView:a=fa.calendarView,calendarTitleText:r=fa.calendarTitleText,showCalendarHeader:s=fa.showCalendarHeader,showWeek:p,showCalendarFooter:m,calendarFooterText:f,dir:b,...C}=e,k=D("calendar-title");return Xc("div",{...C,dir:b,className:n(e.className,Vr,w(Vr,{size:t}),{"k-week-number":p}),children:[s&&Gr(Jt,{calendarView:a,showToday:!m,calendarTitleText:r,orientation:o,size:t,dir:b,titleId:k}),Gr(Fa,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),m&&Gr(ua,{calendarFooterText:f,size:t})]})};ae.states=Vc;ae.options=$c;ae.className=Vr;ae.defaultOptions=fa;ae.moduleName=ke;ae.folderName=Le;ae.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 Yc}from"react/jsx-runtime";var _l="k-calendar-container",Wc=[],Jc={},qc={},bo=e=>{let{...t}=e;return Yc("div",{...t,className:n(e.className,_l),children:e.children})};bo.states=Wc;bo.options=Jc;bo.className=_l;bo.defaultOptions=qc;bo.moduleName=ke;bo.folderName=Le;import{Fragment as Zc,jsx as xo,jsxs as jc}from"react/jsx-runtime";var Qc=[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,Q=`k-calendar-${o?"th":"td"}`,te=[e.className,Q,A(Q,{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}],se={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let de=t?se[t]||t:void 0;return xo("th",{...y,className:n(te),role:"columnheader",scope:"col","aria-label":de,children:p?xo("span",{className:"k-sr-only",children:de}):t})}return p?xo("td",{...y,className:n(te),children:t}):xo("td",{...y,className:n(te),role:"gridcell",...T?{"aria-selected":"true"}:{},...S?{"aria-disabled":"true"}:{},children:k&&!s?xo(Zc,{children:"\xA0"}):jc("span",{className:"k-link",children:[t,C&&xo("span",{className:"k-day-indicator"})]})})};l.states=Qc;import{jsx as $r,jsxs as ep}from"react/jsx-runtime";var Hl="k-calendar-thead",zl={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ho=e=>{let{showWeek:t,cellsText:o=zl.cellsText,...a}=e;return $r("thead",{...a,className:n(e.className,Hl),role:"rowgroup",children:ep("tr",{className:"k-calendar-tr",role:"row",children:[t&&$r(l,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>$r(l,{text:r,headerCell:!0},s))]})})};ho.className=Hl;ho.defaultOptions=zl;import{jsx as tp}from"react/jsx-runtime";var Fl="k-calendar-tbody",fe=e=>{let{...t}=e;return tp("tbody",{...t,className:n(e.className,Fl),role:"rowgroup",children:e.children})};fe.className=Fl;fe.moduleName=ke;fe.folderName=Le;import{jsx as Xr,jsxs as ap}from"react/jsx-runtime";var op="k-calendar-table",ut=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:p,...m}=e;return ap("table",{...m,className:n(e.className,op),...p?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&Xr("caption",{className:"k-calendar-caption",children:t}),o&&Xr(ho,{showWeek:a}),Xr(fe,{children:e.children})]})};import{jsx as Wr,jsxs as Ul}from"react/jsx-runtime";var Gl="k-calendar-navigation",ba=e=>Ul("div",{...e,className:n(e.className,Gl),children:[Wr("span",{className:"k-calendar-navigation-highlight"}),Ul("div",{className:"k-content k-scrollable",children:[Wr("ul",{className:"k-reset",children:e.children}),Wr("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});ba.className=Gl;ba.moduleName=ke;ba.folderName=Le;import{jsx as np}from"react/jsx-runtime";var rp="k-calendar-table",Jr=e=>{let{tableRole:t="none",ariaLabelledBy:o,...a}=e;return np("table",{...a,className:n(e.className,rp),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as lt,jsxs as Ua}from"react/jsx-runtime";var Vl="k-calendar-view",Co={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},ko=e=>{let{orientation:t=Co.orientation,calendarView:o=Co.calendarView,headerText:a=Co.headerText,showWeekdays:r=Co.showWeekdays,showNavigationButtons:s=Co.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:m,gridLabelledBy:f,...b}=e;return Ua("div",{...b,className:n(Vl,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[lt(Jt,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&Ua(Jr,{className:"k-calendar-weekdays",tableRole:"table",children:[Ua("colgroup",{children:[lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ho,{cellsText:m,showWeek:p})]}),Ua("div",{className:"k-content k-scrollable",role:"none",children:[lt(Jr,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),lt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};ko.className=Vl;ko.defaultOptions=Co;ko.moduleName=ke;ko.folderName=Le;import{jsx as Ga,jsxs as cp}from"react/jsx-runtime";var $l="k-calendar-infinite",lp={size:[c.undefined,c.small,c.medium,c.large]},ip=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],sp={2021:"marker",2022:"marker"},dp=(e,t)=>e.map((o,a)=>Ga("li",{children:Ga("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},a)),xa={showNavigation:!0,calendarView:"month",navigationItems:ip,navigationMarkerConfig:sp},le=e=>{let{size:t,showNavigation:o=xa.showNavigation,calendarView:a=xa.calendarView,navigationItems:r=xa.navigationItems,navigationMarkerConfig:s=xa.navigationMarkerConfig,calendarTitleText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,calendarWeekdays:C,...k}=e,u=D("calendar-infinite-title");return cp("div",{...k,className:n(e.className,"k-calendar",$l,w("k-calendar",{size:t})),children:[o&&Ga(ba,{children:dp(r,s)}),Ga(ko,{calendarView:a,headerText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,orientation:"vertical",weekdayCellsText:C,gridLabelledBy:u,children:e.children})]})};le.options=lp;le.className=$l;le.defaultOptions=xa;le.moduleName=ke;le.folderName=Le;le.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 pp}from"react/jsx-runtime";var Xl="k-calendar-tr",L=e=>{let{...t}=e;return pp("tr",{...t,className:n(e.className,Xl),role:"row",children:e.children})};L.className=Xl;L.moduleName=ke;L.folderName=Le;import{jsx as mp}from"react/jsx-runtime";var Wl="k-calendar-caption",Te=e=>{let{text:t,scope:o,colSpan:a,rowSpan:r,...s}=e;return mp("th",{...s,scope:o,colSpan:a,rowSpan:r,className:n(e.className,Wl),children:t})};Te.className=Wl;Te.moduleName=ke;Te.folderName=Le;import{jsx as ze,jsxs as Va}from"react/jsx-runtime";var Jl=({showOtherCentury:e,...t})=>ze(ae,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Va(ut,{children:[Va(L,{children:[ze(l,{text:"1990 - 1999"}),ze(l,{text:"2000 - 2009"}),ze(l,{text:"2010 - 2019",today:!0}),ze(l,{text:"2020 - 2029"})]}),Va(L,{children:[ze(l,{text:"2030 - 2039"}),ze(l,{text:"2040 - 2049"}),ze(l,{text:"2050 - 2059"}),ze(l,{text:"2060 - 2069"})]}),Va(L,{children:[ze(l,{text:"2070 - 2079"}),ze(l,{text:"2080 - 2089"}),ze(l,{text:"2090 - 2099"}),ze(l,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as Fe,jsxs as $a}from"react/jsx-runtime";var ql=({showOtherDecade:e,...t})=>Fe(ae,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:$a(ut,{children:[$a(L,{children:[Fe(l,{text:"2019",empty:!e}),Fe(l,{text:"2020"}),Fe(l,{text:"2021",today:!0}),Fe(l,{text:"2022"})]}),$a(L,{children:[Fe(l,{text:"2023"}),Fe(l,{text:"2024"}),Fe(l,{text:"2025"}),Fe(l,{text:"2026"})]}),$a(L,{children:[Fe(l,{text:"2027"}),Fe(l,{text:"2028"}),Fe(l,{text:"2029"}),Fe(l,{text:"2030",empty:!e})]})]}),...t});import{jsx as O,jsxs as qt}from"react/jsx-runtime";var ha=({showCaptions:e,showOtherMonth:t,...o})=>O(ae,{calendarView:"month",children:qt(ut,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[qt(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})]}),qt(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})]}),qt(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})]}),qt(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})]}),qt(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})]}),qt(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 tg,jsxs as og}from"react/jsx-runtime";import{jsx as Ue,jsxs as Xa}from"react/jsx-runtime";var Yl=e=>Ue(ae,{calendarView:"year",calendarTitleText:"2019",children:Xa(ut,{children:[Xa(L,{children:[Ue(l,{text:"Jan"}),Ue(l,{text:"Feb"}),Ue(l,{text:"Mar"}),Ue(l,{text:"Apr"})]}),Xa(L,{children:[Ue(l,{text:"May"}),Ue(l,{text:"Jun"}),Ue(l,{text:"Jul"}),Ue(l,{text:"Au"})]}),Xa(L,{children:[Ue(l,{text:"Sep"}),Ue(l,{text:"Oct",today:!0}),Ue(l,{text:"Nov"}),Ue(l,{text:"Dec"})]})]}),...e});import{Fragment as up,jsx as M,jsxs as Lt}from"react/jsx-runtime";var Ql=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>M(le,{calendarTitleText:"January 2021",children:Lt(up,{children:[Lt("colgroup",{children:[M("col",{}),M("col",{}),M("col",{}),M("col",{}),M("col",{}),M("col",{}),M("col",{})]}),Lt(fe,{children:[M(L,{"aria-hidden":"true",children:M(Te,{scope:"col",colSpan:7,text:e})}),Lt(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})]}),Lt(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})]}),Lt(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})]}),Lt(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})]}),Lt(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})]}),Lt(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(fe,{children:M(L,{"aria-hidden":"true",children:M(Te,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as fp,jsx as F,jsxs as ft}from"react/jsx-runtime";var Zl=({firstCaption:e="2021",secondCaption:t="2022",...o})=>F(le,{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:ft(fp,{children:[ft("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),ft(fe,{children:[F(L,{"aria-hidden":"true",children:F(Te,{scope:"col",colSpan:4,text:e})}),ft(L,{children:[F(l,{text:"Jan",today:!0}),F(l,{text:"Feb"}),F(l,{text:"Mar"}),F(l,{text:"Apr"})]}),ft(L,{children:[F(l,{text:"May"}),F(l,{text:"Jun"}),F(l,{text:"Jul"}),F(l,{text:"Aug"})]}),ft(L,{children:[F(l,{text:"Sep"}),F(l,{text:"Oct"}),F(l,{text:"Nov"}),F(l,{text:"Dec"})]})]}),ft(fe,{children:[F(L,{"aria-hidden":"true",children:F(Te,{scope:"col",colSpan:4,text:t})}),ft(L,{children:[F(l,{text:"Jan"}),F(l,{text:"Feb"}),F(l,{text:"Mar"}),F(l,{text:"Apr"})]}),ft(L,{children:[F(l,{text:"May"}),F(l,{text:"Jun"}),F(l,{text:"Jul"}),F(l,{text:"Aug"})]}),ft(L,{children:[F(l,{text:"Sep"}),F(l,{text:"Oct"}),F(l,{text:"Nov"}),F(l,{text:"Dec"})]})]})]}),...o});import{Fragment as bp,jsx as U,jsxs as bt}from"react/jsx-runtime";var jl=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>U(le,{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:bt(bp,{children:[bt("colgroup",{children:[U("col",{}),U("col",{}),U("col",{}),U("col",{})]}),bt(fe,{children:[U(L,{"aria-hidden":"true",children:U(Te,{scope:"col",colSpan:4,text:e})}),bt(L,{children:[U(l,{text:"2020",today:!0}),U(l,{text:"2021"}),U(l,{text:"2022"}),U(l,{text:"2023"})]}),bt(L,{children:[U(l,{text:"2024"}),U(l,{text:"2025"}),U(l,{text:"2026"}),U(l,{text:"2027"})]}),bt(L,{children:[U(l,{text:"2028"}),U(l,{text:"2029"}),U(l,{empty:!0}),U(l,{empty:!0})]})]}),bt(fe,{children:[U(L,{"aria-hidden":"true",children:U(Te,{scope:"col",colSpan:4,text:t})}),bt(L,{children:[U(l,{text:"2030"}),U(l,{text:"2031"}),U(l,{text:"2032"}),U(l,{text:"2033"})]}),bt(L,{children:[U(l,{text:"2034"}),U(l,{text:"2035"}),U(l,{text:"2036"}),U(l,{text:"2037"})]}),bt(L,{children:[U(l,{text:"2038"}),U(l,{text:"2039"}),U(l,{empty:!0}),U(l,{empty:!0})]})]})]}),...o});import{Fragment as xp,jsx as me,jsxs as No}from"react/jsx-runtime";var ei=({firstCaption:e="2000 - 2099",...t})=>me(le,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:No(xp,{children:[No("colgroup",{children:[me("col",{}),me("col",{}),me("col",{}),me("col",{})]}),No(fe,{children:[me(L,{"aria-hidden":"true",children:me(Te,{scope:"col",colSpan:4,text:e})}),No(L,{children:[me(l,{text:"1900 - 1999"}),me(l,{text:"2000 - 2009"}),me(l,{text:"2010 - 2019"}),me(l,{text:"2020 - 2029"})]}),No(L,{children:[me(l,{text:"2030 - 2039"}),me(l,{text:"2040 - 2049"}),me(l,{text:"2050 - 2059"}),me(l,{text:"2060 - 2069"})]}),No(L,{children:[me(l,{text:"2070 - 2079"}),me(l,{text:"2080 - 2089"}),me(l,{text:"2090 - 2099"}),me(l,{empty:!0})]})]})]}),...t});import{Fragment as Lg,jsx as vg,jsxs as gg}from"react/jsx-runtime";import{jsx as Ig,jsxs as Sg}from"react/jsx-runtime";import{Fragment as Pg,jsx as Og,jsxs as Rg}from"react/jsx-runtime";import{jsx as Wa}from"react/jsx-runtime";var hp=ae.options,Cp=ae.states,ti={...ae.defaultOptions,variant:"month"},kp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Np=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],vo=e=>{let{variant:t,modifiers:o,...a}={...ti,...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 Wa(Jl,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Wa(ql,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return Wa(Yl,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return Wa(ha,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};vo.options=hp;vo.states=Cp;vo.variants=kp;vo.defaultOptions=ti;vo.modifiers=Np;vo.className=ae.className;import{jsx as Ja}from"react/jsx-runtime";var vp=le.options,gp=le.states,oi={...le.defaultOptions,variant:"month"},Lp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Tp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],go=e=>{let{variant:t,modifiers:o,...a}={...oi,...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 Ja(ei,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Ja(jl,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return Ja(Zl,{size:a.size,showCalendarFooter:f});default:return Ja(Ql,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};go.options=vp;go.states=gp;go.variants=Lp;go.defaultOptions=oi;go.modifiers=Tp;go.className=le.className;var qr="action-buttons",ai=qr;import{jsx as Ip}from"react/jsx-runtime";var qa="k-actions",yp=[],Mp={},Yr={alignment:"start",orientation:"horizontal"},xt=e=>{let{alignment:t=Yr.alignment,orientation:o=Yr.orientation,...a}=e;return Ip("div",{...a,className:n(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};xt.states=yp;xt.options=Mp;xt.className=qa;xt.defaultOptions=Yr;xt.moduleName=qr;xt.folderName=ai;import{jsx as wp}from"react/jsx-runtime";var Sp="k-actionsheet-footer",ri={alignment:"stretched",orientation:"horizontal"},Rt=e=>{let{alignment:t=ri.alignment,orientation:o=ri.orientation,template:a,as:r=a?"div":xt,...s}=e;return wp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Sp),children:e.children})};var Qr="searchbox",ni=Qr;import{jsx as Ca,jsxs as Op}from"react/jsx-runtime";var li="k-searchbox",Ep=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Ap={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]},Zr={showIcon:!0,icon:"search"},Qe=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=Zr.showIcon,icon:N=Zr.icon,"aria-label":T,...S}=e;return Op(oe,{...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,li),children:[v&&Ca(I,{className:"k-input-icon",icon:N}),Ca(Ae,{placeholder:o,value:t,"aria-label":T}),Ca(ge,{...e}),Ca(Ce,{...e}),Ca(Ee,{...e})]})};Qe.states=Ep;Qe.options=Ap;Qe.className=li;Qe.defaultOptions=Zr;Qe.moduleName=Qr;Qe.folderName=ni;import{jsx as qL}from"react/jsx-runtime";var jr="textbox",ii=jr;import{Fragment as si,jsx as Pt,jsxs as en}from"react/jsx-runtime";var di="k-textbox",Rp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Pp={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]},Ya={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ya.separators,showClearButton:s=Ya.showClearButton,showValidationIcon:p=Ya.showValidationIcon,prefix:m,suffix:f,type:b,value:C,placeholder:k,hover:u,focus:v,valid:N,invalid:T,required:S,loading:y,disabled:B,readonly:Q,id:te,"aria-label":se,"aria-describedby":de,...pe}=e;return en(oe,{...pe,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:N,invalid:T,required:S,loading:y,disabled:B,readonly:Q,className:n(e.className,di),children:[m&&en(si,{children:[Pt(Ke,{children:m}),r&&Pt(Ye,{})]}),Pt(Ae,{id:te,placeholder:k,value:C,type:b,disabled:B,"aria-label":se,"aria-describedby":de,"aria-invalid":T?"true":void 0}),p&&Pt(Ce,{valid:N,invalid:T,loading:y,disabled:B}),Pt(ge,{loading:y,disabled:B}),s&&Pt(Ee,{loading:y,disabled:B,readonly:Q,value:C}),f&&en(si,{children:[r&&Pt(Ye,{}),Pt(De,{children:f})]})]})};re.states=Rp;re.options=Pp;re.className=di;re.defaultOptions=Ya;re.moduleName=jr;re.folderName=ii;re.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 ka=re;import{jsx as Bp}from"react/jsx-runtime";var ci=e=>Bp(ka,{...e});import{Fragment as uT,jsx as mT}from"react/jsx-runtime";import{Fragment as kT,jsx as CT}from"react/jsx-runtime";import{jsx as LT}from"react/jsx-runtime";import{jsx as tn}from"react/jsx-runtime";var Kp=re.states,Dp=re.defaultOptions,_p=re.options,Hp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],zp=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?tn(I,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?tn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),tn(ci,{value:"Value",style:{width:300},...o,...a})};Lo.options=_p;Lo.states=Kp;Lo.variants=zp;Lo.defaultOptions=Dp;Lo.modifiers=Hp;Lo.className=re.className;import{jsx as Bt,jsxs as on}from"react/jsx-runtime";var pi="k-actionsheet-titlebar",Fp={},Ne=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 on("div",{...u,className:n(e.className,pi),children:[on("div",{className:"k-actionsheet-titlebar-group",children:[a&&Bt("div",{className:"k-actionsheet-actions",children:a}),!k&&on("div",{className:"k-actionsheet-title",id:C,children:[t&&Bt("div",{className:"k-text-center",children:t}),o&&Bt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Bt("div",{className:"k-actionsheet-title",id:C,children:k}),r&&Bt("div",{className:"k-actionsheet-actions",children:r})]}),(p||s)&&Bt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Bt(re,{value:m,placeholder:f,size:b?"large":"medium","aria-label":t||f||"Input"}):Bt(Qe,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=pi;Ne.defaultOptions=Fp;import{jsx as an,jsxs as $p}from"react/jsx-runtime";var rn="k-actionsheet-view",Up=