@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 161 kB
JavaScript
var oc=Object.create;var Xa=Object.defineProperty;var ac=Object.getOwnPropertyDescriptor;var rc=Object.getOwnPropertyNames;var nc=Object.getPrototypeOf,lc=Object.prototype.hasOwnProperty;var ic=(e,t)=>{for(var o in t)Xa(e,o,{get:t[o],enumerable:!0})},kl=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of rc(t))!lc.call(e,r)&&r!==o&&Xa(e,r,{get:()=>t[r],enumerable:!(a=ac(t,r))||a.enumerable});return e};var Nl=(e,t,o)=>(o=e!=null?oc(nc(e)):{},kl(t||!e||!e.__esModule?Xa(o,"default",{value:e,enumerable:!0}):o,e)),sc=e=>kl(Xa({},"__esModule",{value:!0}),e);var kx={};ic(kx,{FilterDemo:()=>ao,default:()=>Cx});module.exports=sc(kx);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 O=(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"}),D=(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:g,highlighted:N,...M}=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":g,"k-highlighted":N},Object.keys(M).reduce((w,I)=>(I.startsWith("k-")?w[I]=M[I]:w[`k-${I}`]=M[I],w),{}))};function vl(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"},yt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},L={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 Mr={};function U(e){return Mr[e]=(Mr[e]||0)+1,`k-${e}-${Mr[e]}`}var ba=require("react/jsx-runtime"),Ir="k-font-icon",dc=[],cc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},pc={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...p}=e;return a?(0,ba.jsx)("span",{...p,className:n(e.className,Ir,O(Ir,{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"}):(0,ba.jsx)(ba.Fragment,{})};xa.states=dc;xa.options=cc;xa.className=Ir;xa.defaultOptions=pc;var gl=xa;var no=require("react/jsx-runtime"),Sr="k-svg-icon",mc=[],uc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[yt.outline,yt.solid,yt.duotone]},wr={viewBox:"0 0 24 24",variant:yt.outline},ha=e=>{var k,u;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=wr.viewBox,variant:p=wr.variant,icon:m,...f}=e;if(!m)return(0,no.jsx)(no.Fragment,{});if(m==="none")return(0,no.jsx)("span",{...f,className:n(e.className,Sr,O("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,C=typeof m=="object"?p&&((k=m.variants)==null?void 0:k[p])||((u=m.variants)==null?void 0:u.outline)||m.content:void 0;return(0,no.jsx)("span",{...f,className:n(e.className,Sr,O("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:(0,no.jsx)("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})})};ha.states=mc;ha.options=uc;ha.className=Sr;ha.defaultOptions=wr;var Er=ha;var Ar=Nl(require("@progress/kendo-svg-icons"));var Ll="icon",Tl="icons";var Il=require("react");var yl=require("react"),Ml=(0,yl.createContext)({iconsType:"svg"});var Pt=require("react/jsx-runtime"),Wa="k-icon",fc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),bc=[],xc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[yt.outline,yt.solid,yt.duotone]},Ja={viewBox:"0 0 24 24",type:"svg",variant:yt.outline},S=e=>{let{iconsType:t}=(0,Il.useContext)(Ml),{size:o,themeColor:a,icon:r,type:s=t||Ja.type,rotate:p,flip:m,viewBox:f=Ja.viewBox,variant:b=Ja.variant,...C}=e;if(!r)return(0,Pt.jsx)(Pt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,Pt.jsx)(Er,{...C,className:n(e.className,Wa),icon:r,size:o,variant:b});let u=Ar[r]?r:fc(`${r}-icon`);return Ar[u]?(0,Pt.jsx)(Er,{...C,className:n(e.className,Wa),icon:Ar[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:b}):(0,Pt.jsx)(Pt.Fragment,{})}return(0,Pt.jsx)(gl,{...C,className:n(e.className,Wa),icon:r,size:o,themeColor:a,rotate:p,flip:m})};S.states=bc;S.options=xc;S.defaultOptions=Ja;S.className=Wa;S.moduleName=Ll;S.folderName=Tl;S.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 Or="button",Sl=Or;var it=require("react/jsx-runtime"),Ca="k-button",hc=["icon-button"],Cc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],kc={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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Rr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:p=Rr.showArrow,arrowIconName:m=Rr.arrowIconName,variant:f,hover:b,focus:C,active:k,selected:u,disabled:g,togglable:N,ariaDisabled:M,icon:w,iconSize:I,text:z,iconClassName:j,className:ae,...ue}=e,fe=w!=null,xe=e.children!==void 0;return(0,it.jsxs)(t,{className:n(ae,Ca,vl(Ca,f),O(Ca,{size:o,rounded:a,fillMode:r,themeColor:s}),D(Ca,{hover:b,focus:C,active:k,disabled:g||M,selected:u}),{"k-icon-button":!z&&!xe&&fe}),"aria-pressed":N?u?"true":"false":void 0,...ue,"aria-disabled":M?"true":void 0,disabled:g||void 0,children:[typeof w=="string"&&w&&(0,it.jsx)(S,{className:n(j,"k-button-icon"),icon:w,size:I}),w&&typeof w!="string"&&(0,it.jsx)(it.Fragment,{children:w}),z?(0,it.jsxs)(it.Fragment,{children:[z&&(0,it.jsx)("span",{className:"k-button-text",children:z}),e.children]}):e.children&&(0,it.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,it.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,it.jsx)(S,{icon:m})})]})};d.states=Cc;d.options=kc;d.variants=hc;d.className=Ca;d.defaultOptions=Rr;d.moduleName=Or;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."}]};var wl=require("react/jsx-runtime"),Wt=e=>(0,wl.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var El=require("react/jsx-runtime"),ka=e=>(0,El.jsx)(d,{icon:"folder",children:"Button",...e});var Al=require("react/jsx-runtime"),lo=e=>(0,Al.jsx)(d,{children:"Button",...e});var qa=require("react/jsx-runtime"),Nc=d.options,vc=d.states,gc={...d.defaultOptions,variant:"text"},Lc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Tc=[],ko=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,qa.jsx)(Wt,{...o,icon:"star"});case"icon-and-text":return(0,qa.jsx)(ka,{...o,icon:"star",children:"Button"});default:return(0,qa.jsx)(lo,{...o,children:"Button"})}};ko.options=Nc;ko.states=vc;ko.variants=Lc;ko.defaultOptions=gc;ko.modifiers=Tc;ko.className=d.className;var Pr="filter",Ol=Pr;var No=require("react/jsx-runtime"),Rl="k-filter",yc=[],Mc={},Ic={},Je=e=>{let{children:t,expressionPreview:o,showApplyButton:a}=e;return(0,No.jsxs)("div",{className:n(e.className,Rl),children:[(0,No.jsx)("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:(0,No.jsx)("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,a&&(0,No.jsx)(d,{className:"k-filter-apply",children:"Apply"})]})};Je.states=yc;Je.options=Mc;Je.defaultOptions=Ic;Je.className=Rl;Je.moduleName=Pr;Je.folderName=Ol;Je.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."}]};var Pl=require("react/jsx-runtime"),Sc="k-filter-toolbar",wc=[],Ec={},Ac={},qe=e=>{let{children:t}=e;return(0,Pl.jsx)("div",{className:n(Sc),children:t})};qe.states=wc;qe.options=Ec;qe.defaultOptions=Ac;var Bl=require("react/jsx-runtime"),Oc="k-filter-lines",Rc=[],Pc={},Bc={},Bt=e=>{let{children:t}=e;return(0,Bl.jsx)("ul",{className:n(Oc),role:"group",children:t})};Bt.states=Rc;Bt.options=Pc;Bt.defaultOptions=Bc;var Br=require("react/jsx-runtime"),Kl="k-filter-preview",Kc=[],Dc={},_c={},Na=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:a,value:r},s)=>{o.push((0,Br.jsx)("span",{className:`k-filter-preview-${a}`,children:`${r} `},s))}),(0,Br.jsx)("div",{className:n(Kl),children:o})};Na.states=Kc;Na.options=Dc;Na.defaultOptions=_c;Na.className=Kl;var Dl=require("react/jsx-runtime"),Hc="k-filter-item",zc=[],Fc={},Uc={},mt=e=>{let{children:t}=e;return(0,Dl.jsx)("li",{className:n(Hc),role:"treeitem",children:t})};mt.states=zc;mt.options=Fc;mt.defaultOptions=Uc;var Kr="button",_l=Kr;var Hl=require("react/jsx-runtime"),va="k-button-group",Gc=[i.disabled],Vc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},$c={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Hl.jsx)("div",{role:"group",...r,className:n(e.className,va,O(va,{fillMode:t}),D(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Gc;B.options=Vc;B.className=va;B.defaultOptions=$c;B.moduleName=Kr;B.folderName=_l;B.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."}]};var Dr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var tt=require("react/jsx-runtime"),Xc={...d.options,...B.options},Wc=d.states,Jc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},qc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Yc=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,tt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,tt.jsx)(d,{...a,icon:"star"}),(0,tt.jsx)(d,{...a,icon:"star"}),(0,tt.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,tt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,tt.jsx)(d,{...a,icon:"star",children:"First"}),(0,tt.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,tt.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,tt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,tt.jsx)(d,{...a,children:"First"}),(0,tt.jsx)(d,{...a,children:"Middle"}),(0,tt.jsx)(d,{...a,children:"Last"})]})};vo.options=Xc;vo.states=Wc;vo.variants=qc;vo.defaultOptions=Jc;vo.modifiers=Yc;vo.className=B.className;var ga="input",Ya=ga;var zl=require("react/jsx-runtime"),Qa="k-input",Qc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zc={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]},jc={},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(0,zl.jsx)("span",{...k,className:n(e.className,Qa,O(Qa,{size:f,rounded:b,fillMode:C}),D(Qa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m}))})};re.states=Qc;re.options=Zc;re.className=Qa;re.defaultOptions=jc;re.moduleName=ga;re.folderName=Ya;var Fl=require("react/jsx-runtime"),Za="k-picker",ep=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tp={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]},op={},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(0,Fl.jsx)("span",{...k,className:n(e.className,Za,O(Za,{size:f,rounded:b,fillMode:C}),D(Za,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m})),children:e.children})};Mt.states=ep;Mt.options=tp;Mt.className=Za;Mt.defaultOptions=op;Mt.moduleName=ga;Mt.folderName=Ya;var go=require("react/jsx-runtime"),Ul="k-clear-value",ap=[i.disabled,i.loading,i.readonly],rp={},Ye=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,go.jsx)(go.Fragment,{}):(0,go.jsx)("span",{className:n(e.className,Ul),children:(0,go.jsx)(S,{icon:"x"})})};Ye.states=ap;Ye.options=rp;Ye.className=Ul;var Gl=require("react/jsx-runtime"),Gr="k-input-inner",np=[],lp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Qe=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:r=ja.autocomplete,disabled:s,readOnly:p,...m}=e;return(0,Gl.jsx)("input",{...m,type:o,className:n(e.className,Gr,O(Gr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Qe.states=np;Qe.options=lp;Qe.className=Gr;var La=require("react/jsx-runtime"),Vr="k-input-inner",ip=[],sp={},io=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...p}=e;return(0,La.jsxs)("span",{...p,className:n(e.className,Vr,O(Vr,e)),children:[r,!r&&s&&(0,La.jsx)(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,La.jsx)("span",{className:"k-input-value-text",children:t})]})};io.states=ip;io.options=sp;io.className=Vr;var $l=require("react/jsx-runtime"),$r="k-input-inner",dp=[],cp={},Vl={value:"",placeholder:""},Xr=e=>{let{value:t=Vl.value,placeholder:o=Vl.placeholder,rows:a,disabled:r,...s}=e;return(0,$l.jsx)("textarea",{...s,className:n(e.className,$r,O($r,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Xr.states=dp;Xr.options=cp;Xr.className=$r;var Ta=require("react/jsx-runtime"),Xl="k-input-loading-icon",pp=[i.disabled,i.loading],_e=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ta.jsx)(Ta.Fragment,{}):(0,Ta.jsx)("span",{className:n(e.className,Xl,"k-icon k-i-loading")})};_e.states=pp;_e.className=Xl;var ya=require("react/jsx-runtime"),Wl="k-input-validation-icon",mp=[i.valid,i.invalid,i.disabled,i.loading],up={},Se=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,ya.jsx)(ya.Fragment,{}):(0,ya.jsx)(S,{className:n(Wl),icon:s})};Se.states=mp;Se.options=up;Se.className=Wl;var Ma=require("react/jsx-runtime"),fp="k-input-prefix",bp={direction:"horizontal"},ot=e=>{let{direction:t=bp.direction,...o}=e;return e.children?(0,Ma.jsx)("span",{...o,className:n(fp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ma.jsx)(Ma.Fragment,{})};var Ia=require("react/jsx-runtime"),xp="k-input-suffix",hp={direction:"horizontal"},at=e=>{let{direction:t=hp.direction,...o}=e;return e.children?(0,Ia.jsx)("span",{...o,className:n(xp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ia.jsx)(Ia.Fragment,{})};var Cp=require("react/jsx-runtime");var Jl=require("react/jsx-runtime"),kp="k-input-suffix-text",Wr=e=>{let{children:t,...o}=e;return(0,Jl.jsx)("span",{...o,className:n(kp,e.className),children:t})};var Yl=require("react/jsx-runtime"),ql="k-input-separator",Np={direction:"vertical"},ut=e=>{let{direction:t=Np.direction,...o}=e;return(0,Yl.jsx)("span",{...o,className:n(ql,e.className,{[`${ql}-${t}`]:t})})};var Le=require("react/jsx-runtime"),vp=re.states,gp=re.defaultOptions,Lp=re.options,Tp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],yp=[],Lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:p,...m}=e,f=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,C=t==null?void 0:t["clear-button"],k=t==null?void 0:t["validation-icon"],u=t==null?void 0:t.separators;return(0,Le.jsxs)(re,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:p,style:{width:300},children:[f&&(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(ot,{children:(0,Le.jsx)(S,{icon:"lock"})}),u&&(0,Le.jsx)(ut,{})]}),(0,Le.jsx)(Qe,{placeholder:"Placeholder",value:"Value"}),k&&(0,Le.jsx)(Se,{valid:o,invalid:a,loading:r,disabled:s}),(0,Le.jsx)(_e,{loading:r,disabled:s}),C&&(0,Le.jsx)(Ye,{loading:r,disabled:s,readonly:p,value:"Value"}),b&&(0,Le.jsxs)(Le.Fragment,{children:[u&&(0,Le.jsx)(ut,{}),(0,Le.jsx)(at,{children:(0,Le.jsx)(lo,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Lp;Lo.states=vp;Lo.variants=yp;Lo.defaultOptions=gp;Lo.modifiers=Tp;Lo.className=re.className;var Jr="popup",Ql=Jr;var Yr=require("react/jsx-runtime"),Zl="k-animation-container",Mp=[],Ip={},qr={positionMode:"absolute",shown:!0},It=e=>{let{positionMode:t=qr.positionMode,shown:o=qr.shown,animationStyle:a,offset:r,...s}=e;return(0,Yr.jsx)("div",{...s,style:{...r,...e.style},className:n(e.className,Zl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Yr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};It.states=Mp;It.options=Ip;It.className=Zl;It.defaultOptions=qr;It.moduleName=Jr;It.folderName=Ql;var Qr="popup",jl=Qr;var Zr=require("react/jsx-runtime"),ei="k-popup",Sp=[],wp={},ti={positionMode:"absolute"},ee=e=>{let{offset:t,positionMode:o=ti.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:p,...m}=e;return(0,Zr.jsx)(It,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":p,children:(0,Zr.jsx)("div",{...m,className:n(e.className,ei),children:e.children})})};ee.states=Sp;ee.options=wp;ee.className=ei;ee.defaultOptions=ti;ee.moduleName=Qr;ee.folderName=jl;ee.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.'}]};var ai=require("react/jsx-runtime"),oi="k-calendar-view",jr={orientation:"horizontal",calendarView:"month"},er=e=>{let{orientation:t=jr.orientation,calendarView:o=jr.calendarView,gridRole:a,ariaLabelledBy:r,...s}=e;return(0,ai.jsx)("div",{...s,className:n(e.className,oi,`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})};er.className=oi;er.defaultOptions=jr;var Kt=require("react/jsx-runtime"),ri="k-calendar-header",Ep={size:[c.undefined,c.small,c.medium,c.large]},Sa={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},so=e=>{let{calendarTitleText:t=Sa.calendarTitleText,showToday:o=Sa.showToday,showNavigationButtons:a=Sa.showNavigationButtons,orientation:r=Sa.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||U("calendar-title");return(0,Kt.jsxs)("div",{...b,className:n(e.className,ri,{"k-vstack":r==="vertical"}),children:[(0,Kt.jsx)(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"}:{}}),(0,Kt.jsx)("span",{className:"k-spacer"}),(0,Kt.jsxs)("span",{className:"k-calendar-nav",children:[a&&(0,Kt.jsx)(d,{className:"k-calendar-nav-prev",icon:C,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,Kt.jsx)(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&(0,Kt.jsx)(d,{className:"k-calendar-nav-next",icon:k,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};so.options=Ep;so.className=ri;so.defaultOptions=Sa;var en=require("react/jsx-runtime"),ni="k-calendar-footer",Ap={size:[c.undefined,c.small,c.medium,c.large]},li={calendarFooterText:"Tuesday, October 12, 2021"},wa=e=>{let{size:t,calendarFooterText:o=li.calendarFooterText,...a}=e;return(0,en.jsx)("div",{...a,className:n(e.className,ni),children:(0,en.jsx)(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};wa.options=Ap;wa.className=ni;wa.defaultOptions=li;var we="calendar",He=we;var To=require("react/jsx-runtime"),tn="k-calendar",Op=[],Rp={size:[c.undefined,c.small,c.medium,c.large]},Ea={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ne=e=>{let{size:t,orientation:o=Ea.orientation,calendarView:a=Ea.calendarView,calendarTitleText:r=Ea.calendarTitleText,showCalendarHeader:s=Ea.showCalendarHeader,showWeek:p,showCalendarFooter:m,calendarFooterText:f,dir:b,...C}=e,k=U("calendar-title");return(0,To.jsxs)("div",{...C,dir:b,className:n(e.className,tn,O(tn,{size:t}),{"k-week-number":p}),children:[s&&(0,To.jsx)(so,{calendarView:a,showToday:!m,calendarTitleText:r,orientation:o,size:t,dir:b,titleId:k}),(0,To.jsx)(er,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),m&&(0,To.jsx)(wa,{calendarFooterText:f,size:t})]})};ne.states=Op;ne.options=Rp;ne.className=tn;ne.defaultOptions=Ea;ne.moduleName=we;ne.folderName=He;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."}]};var si=require("react/jsx-runtime"),ii="k-calendar-container",Pp=[],Bp={},Kp={},yo=e=>{let{...t}=e;return(0,si.jsx)("div",{...t,className:n(e.className,ii),children:e.children})};yo.states=Pp;yo.options=Bp;yo.className=ii;yo.defaultOptions=Kp;yo.moduleName=we;yo.folderName=He;var kt=require("react/jsx-runtime"),Dp=[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:g,active:N,selected:M,disabled:w,...I}=e,j=`k-calendar-${o?"th":"td"}`,ae=[e.className,j,D(j,{hover:u,focus:g,active:N,selected:M,disabled:w}),{"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}],ue={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let fe=t?ue[t]||t:void 0;return(0,kt.jsx)("th",{...I,className:n(ae),role:"columnheader",scope:"col","aria-label":fe,children:p?(0,kt.jsx)("span",{className:"k-sr-only",children:fe}):t})}return p?(0,kt.jsx)("td",{...I,className:n(ae),children:t}):(0,kt.jsx)("td",{...I,className:n(ae),role:"gridcell",...M?{"aria-selected":"true"}:{},...w?{"aria-disabled":"true"}:{},children:k&&!s?(0,kt.jsx)(kt.Fragment,{children:"\xA0"}):(0,kt.jsxs)("span",{className:"k-link",children:[t,C&&(0,kt.jsx)("span",{className:"k-day-indicator"})]})})};l.states=Dp;var Mo=require("react/jsx-runtime"),di="k-calendar-thead",ci={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Io=e=>{let{showWeek:t,cellsText:o=ci.cellsText,...a}=e;return(0,Mo.jsx)("thead",{...a,className:n(e.className,di),role:"rowgroup",children:(0,Mo.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Mo.jsx)(l,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>(0,Mo.jsx)(l,{text:r,headerCell:!0},s))]})})};Io.className=di;Io.defaultOptions=ci;var mi=require("react/jsx-runtime"),pi="k-calendar-tbody",Te=e=>{let{...t}=e;return(0,mi.jsx)("tbody",{...t,className:n(e.className,pi),role:"rowgroup",children:e.children})};Te.className=pi;Te.moduleName=we;Te.folderName=He;var So=require("react/jsx-runtime"),_p="k-calendar-table",St=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:p,...m}=e;return(0,So.jsxs)("table",{...m,className:n(e.className,_p),...p?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&(0,So.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,So.jsx)(Io,{showWeek:a}),(0,So.jsx)(Te,{children:e.children})]})};var co=require("react/jsx-runtime"),ui="k-calendar-navigation",Aa=e=>(0,co.jsxs)("div",{...e,className:n(e.className,ui),children:[(0,co.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,co.jsxs)("div",{className:"k-content k-scrollable",children:[(0,co.jsx)("ul",{className:"k-reset",children:e.children}),(0,co.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Aa.className=ui;Aa.moduleName=we;Aa.folderName=He;var fi=require("react/jsx-runtime"),Hp="k-calendar-table",on=e=>{let{tableRole:t="none",ariaLabelledBy:o,...a}=e;return(0,fi.jsx)("table",{...a,className:n(e.className,Hp),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};var Ee=require("react/jsx-runtime"),bi="k-calendar-view",wo={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Eo=e=>{let{orientation:t=wo.orientation,calendarView:o=wo.calendarView,headerText:a=wo.headerText,showWeekdays:r=wo.showWeekdays,showNavigationButtons:s=wo.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:m,gridLabelledBy:f,...b}=e;return(0,Ee.jsxs)("div",{...b,className:n(bi,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,Ee.jsx)(so,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&(0,Ee.jsxs)(on,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,Ee.jsxs)("colgroup",{children:[(0,Ee.jsx)("col",{}),(0,Ee.jsx)("col",{}),(0,Ee.jsx)("col",{}),(0,Ee.jsx)("col",{}),(0,Ee.jsx)("col",{}),(0,Ee.jsx)("col",{}),(0,Ee.jsx)("col",{})]}),(0,Ee.jsx)(Io,{cellsText:m,showWeek:p})]}),(0,Ee.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,Ee.jsx)(on,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),(0,Ee.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Eo.className=bi;Eo.defaultOptions=wo;Eo.moduleName=we;Eo.folderName=He;var po=require("react/jsx-runtime"),xi="k-calendar-infinite",zp={size:[c.undefined,c.small,c.medium,c.large]},Fp=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Up={2021:"marker",2022:"marker"},Gp=(e,t)=>e.map((o,a)=>(0,po.jsx)("li",{children:(0,po.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},a)),Oa={showNavigation:!0,calendarView:"month",navigationItems:Fp,navigationMarkerConfig:Up},pe=e=>{let{size:t,showNavigation:o=Oa.showNavigation,calendarView:a=Oa.calendarView,navigationItems:r=Oa.navigationItems,navigationMarkerConfig:s=Oa.navigationMarkerConfig,calendarTitleText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,calendarWeekdays:C,...k}=e,u=U("calendar-infinite-title");return(0,po.jsxs)("div",{...k,className:n(e.className,"k-calendar",xi,O("k-calendar",{size:t})),children:[o&&(0,po.jsx)(Aa,{children:Gp(r,s)}),(0,po.jsx)(Eo,{calendarView:a,headerText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,orientation:"vertical",weekdayCellsText:C,gridLabelledBy:u,children:e.children})]})};pe.options=zp;pe.className=xi;pe.defaultOptions=Oa;pe.moduleName=we;pe.folderName=He;pe.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."}]};var Ci=require("react/jsx-runtime"),hi="k-calendar-tr",y=e=>{let{...t}=e;return(0,Ci.jsx)("tr",{...t,className:n(e.className,hi),role:"row",children:e.children})};y.className=hi;y.moduleName=we;y.folderName=He;var Ni=require("react/jsx-runtime"),ki="k-calendar-caption",ze=e=>{let{text:t,scope:o,colSpan:a,rowSpan:r,...s}=e;return(0,Ni.jsx)("th",{...s,scope:o,colSpan:a,rowSpan:r,className:n(e.className,ki),children:t})};ze.className=ki;ze.moduleName=we;ze.folderName=He;var he=require("react/jsx-runtime"),vi=({showOtherCentury:e,...t})=>(0,he.jsx)(ne,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,he.jsxs)(St,{children:[(0,he.jsxs)(y,{children:[(0,he.jsx)(l,{text:"1990 - 1999"}),(0,he.jsx)(l,{text:"2000 - 2009"}),(0,he.jsx)(l,{text:"2010 - 2019",today:!0}),(0,he.jsx)(l,{text:"2020 - 2029"})]}),(0,he.jsxs)(y,{children:[(0,he.jsx)(l,{text:"2030 - 2039"}),(0,he.jsx)(l,{text:"2040 - 2049"}),(0,he.jsx)(l,{text:"2050 - 2059"}),(0,he.jsx)(l,{text:"2060 - 2069"})]}),(0,he.jsxs)(y,{children:[(0,he.jsx)(l,{text:"2070 - 2079"}),(0,he.jsx)(l,{text:"2080 - 2089"}),(0,he.jsx)(l,{text:"2090 - 2099"}),(0,he.jsx)(l,{text:"2100 - 2109",empty:!e})]})]}),...t});var Ce=require("react/jsx-runtime"),gi=({showOtherDecade:e,...t})=>(0,Ce.jsx)(ne,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,Ce.jsxs)(St,{children:[(0,Ce.jsxs)(y,{children:[(0,Ce.jsx)(l,{text:"2019",empty:!e}),(0,Ce.jsx)(l,{text:"2020"}),(0,Ce.jsx)(l,{text:"2021",today:!0}),(0,Ce.jsx)(l,{text:"2022"})]}),(0,Ce.jsxs)(y,{children:[(0,Ce.jsx)(l,{text:"2023"}),(0,Ce.jsx)(l,{text:"2024"}),(0,Ce.jsx)(l,{text:"2025"}),(0,Ce.jsx)(l,{text:"2026"})]}),(0,Ce.jsxs)(y,{children:[(0,Ce.jsx)(l,{text:"2027"}),(0,Ce.jsx)(l,{text:"2028"}),(0,Ce.jsx)(l,{text:"2029"}),(0,Ce.jsx)(l,{text:"2030",empty:!e})]})]}),...t});var E=require("react/jsx-runtime"),Ra=({showCaptions:e,showOtherMonth:t,...o})=>(0,E.jsx)(ne,{calendarView:"month",children:(0,E.jsxs)(St,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[(0,E.jsxs)(y,{children:[(0,E.jsx)(l,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),(0,E.jsx)(l,{text:"27",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"28",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"29",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"30",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"1"}),(0,E.jsx)(l,{text:"2",weekend:!0})]}),(0,E.jsxs)(y,{children:[(0,E.jsx)(l,{text:"3",weekend:!0}),(0,E.jsx)(l,{text:"4"}),(0,E.jsx)(l,{text:"5"}),(0,E.jsx)(l,{text:"6"}),(0,E.jsx)(l,{text:"7"}),(0,E.jsx)(l,{text:"8"}),(0,E.jsx)(l,{text:"9",weekend:!0})]}),(0,E.jsxs)(y,{children:[(0,E.jsx)(l,{text:"10",weekend:!0}),(0,E.jsx)(l,{text:"11"}),(0,E.jsx)(l,{text:"12",today:!0}),(0,E.jsx)(l,{text:"13"}),(0,E.jsx)(l,{text:"14"}),(0,E.jsx)(l,{text:"15"}),(0,E.jsx)(l,{text:"16",weekend:!0})]}),(0,E.jsxs)(y,{children:[(0,E.jsx)(l,{text:"17",weekend:!0}),(0,E.jsx)(l,{text:"18"}),(0,E.jsx)(l,{text:"19"}),(0,E.jsx)(l,{text:"20"}),(0,E.jsx)(l,{text:"21"}),(0,E.jsx)(l,{text:"22"}),(0,E.jsx)(l,{text:"23",weekend:!0})]}),(0,E.jsxs)(y,{children:[(0,E.jsx)(l,{text:"24",weekend:!0}),(0,E.jsx)(l,{text:"25"}),(0,E.jsx)(l,{text:"26"}),(0,E.jsx)(l,{text:"27"}),(0,E.jsx)(l,{text:"28"}),(0,E.jsx)(l,{text:"29"}),(0,E.jsx)(l,{text:"30",weekend:!0})]}),(0,E.jsxs)(y,{children:[(0,E.jsx)(l,{text:"31",weekend:!0}),(0,E.jsx)(l,{text:"1",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"2",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"3",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"4",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"5",showOtherMonth:t,empty:!t}),(0,E.jsx)(l,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});var Li=require("react/jsx-runtime");var ke=require("react/jsx-runtime"),Ti=e=>(0,ke.jsx)(ne,{calendarView:"year",calendarTitleText:"2019",children:(0,ke.jsxs)(St,{children:[(0,ke.jsxs)(y,{children:[(0,ke.jsx)(l,{text:"Jan"}),(0,ke.jsx)(l,{text:"Feb"}),(0,ke.jsx)(l,{text:"Mar"}),(0,ke.jsx)(l,{text:"Apr"})]}),(0,ke.jsxs)(y,{children:[(0,ke.jsx)(l,{text:"May"}),(0,ke.jsx)(l,{text:"Jun"}),(0,ke.jsx)(l,{text:"Jul"}),(0,ke.jsx)(l,{text:"Au"})]}),(0,ke.jsxs)(y,{children:[(0,ke.jsx)(l,{text:"Sep"}),(0,ke.jsx)(l,{text:"Oct",today:!0}),(0,ke.jsx)(l,{text:"Nov"}),(0,ke.jsx)(l,{text:"Dec"})]})]}),...e});var v=require("react/jsx-runtime"),yi=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>(0,v.jsx)(pe,{calendarTitleText:"January 2021",children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("colgroup",{children:[(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{}),(0,v.jsx)("col",{})]}),(0,v.jsxs)(Te,{children:[(0,v.jsx)(y,{"aria-hidden":"true",children:(0,v.jsx)(ze,{scope:"col",colSpan:7,text:e})}),(0,v.jsxs)(y,{children:[(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{text:"1"}),(0,v.jsx)(l,{text:"2",weekend:!0})]}),(0,v.jsxs)(y,{children:[(0,v.jsx)(l,{text:"3",weekend:!0}),(0,v.jsx)(l,{text:"4"}),(0,v.jsx)(l,{text:"5"}),(0,v.jsx)(l,{text:"6"}),(0,v.jsx)(l,{text:"7"}),(0,v.jsx)(l,{text:"8"}),(0,v.jsx)(l,{text:"9",weekend:!0})]}),(0,v.jsxs)(y,{children:[(0,v.jsx)(l,{text:"10",weekend:!0}),(0,v.jsx)(l,{text:"11"}),(0,v.jsx)(l,{text:"12"}),(0,v.jsx)(l,{text:"13"}),(0,v.jsx)(l,{text:"14"}),(0,v.jsx)(l,{text:"15"}),(0,v.jsx)(l,{text:"16",weekend:!0})]}),(0,v.jsxs)(y,{children:[(0,v.jsx)(l,{text:"17",weekend:!0}),(0,v.jsx)(l,{text:"18"}),(0,v.jsx)(l,{text:"19"}),(0,v.jsx)(l,{text:"20"}),(0,v.jsx)(l,{text:"21"}),(0,v.jsx)(l,{text:"22"}),(0,v.jsx)(l,{text:"23",weekend:!0})]}),(0,v.jsxs)(y,{children:[(0,v.jsx)(l,{text:"24",weekend:!0}),(0,v.jsx)(l,{text:"25"}),(0,v.jsx)(l,{text:"26"}),(0,v.jsx)(l,{text:"27"}),(0,v.jsx)(l,{text:"28"}),(0,v.jsx)(l,{text:"29"}),(0,v.jsx)(l,{text:"30",weekend:!0})]}),(0,v.jsxs)(y,{children:[(0,v.jsx)(l,{text:"31",weekend:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0}),(0,v.jsx)(l,{empty:!0})]})]}),(0,v.jsx)(Te,{children:(0,v.jsx)(y,{"aria-hidden":"true",children:(0,v.jsx)(ze,{scope:"col",colSpan:7,text:t})})})]}),...o});var R=require("react/jsx-runtime"),Mi=({firstCaption:e="2021",secondCaption:t="2022",...o})=>(0,R.jsx)(pe,{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:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(Te,{children:[(0,R.jsx)(y,{"aria-hidden":"true",children:(0,R.jsx)(ze,{scope:"col",colSpan:4,text:e})}),(0,R.jsxs)(y,{children:[(0,R.jsx)(l,{text:"Jan",today:!0}),(0,R.jsx)(l,{text:"Feb"}),(0,R.jsx)(l,{text:"Mar"}),(0,R.jsx)(l,{text:"Apr"})]}),(0,R.jsxs)(y,{children:[(0,R.jsx)(l,{text:"May"}),(0,R.jsx)(l,{text:"Jun"}),(0,R.jsx)(l,{text:"Jul"}),(0,R.jsx)(l,{text:"Aug"})]}),(0,R.jsxs)(y,{children:[(0,R.jsx)(l,{text:"Sep"}),(0,R.jsx)(l,{text:"Oct"}),(0,R.jsx)(l,{text:"Nov"}),(0,R.jsx)(l,{text:"Dec"})]})]}),(0,R.jsxs)(Te,{children:[(0,R.jsx)(y,{"aria-hidden":"true",children:(0,R.jsx)(ze,{scope:"col",colSpan:4,text:t})}),(0,R.jsxs)(y,{children:[(0,R.jsx)(l,{text:"Jan"}),(0,R.jsx)(l,{text:"Feb"}),(0,R.jsx)(l,{text:"Mar"}),(0,R.jsx)(l,{text:"Apr"})]}),(0,R.jsxs)(y,{children:[(0,R.jsx)(l,{text:"May"}),(0,R.jsx)(l,{text:"Jun"}),(0,R.jsx)(l,{text:"Jul"}),(0,R.jsx)(l,{text:"Aug"})]}),(0,R.jsxs)(y,{children:[(0,R.jsx)(l,{text:"Sep"}),(0,R.jsx)(l,{text:"Oct"}),(0,R.jsx)(l,{text:"Nov"}),(0,R.jsx)(l,{text:"Dec"})]})]})]}),...o});var P=require("react/jsx-runtime"),Ii=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,P.jsx)(pe,{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:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(Te,{children:[(0,P.jsx)(y,{"aria-hidden":"true",children:(0,P.jsx)(ze,{scope:"col",colSpan:4,text:e})}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"2020",today:!0}),(0,P.jsx)(l,{text:"2021"}),(0,P.jsx)(l,{text:"2022"}),(0,P.jsx)(l,{text:"2023"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"2024"}),(0,P.jsx)(l,{text:"2025"}),(0,P.jsx)(l,{text:"2026"}),(0,P.jsx)(l,{text:"2027"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"2028"}),(0,P.jsx)(l,{text:"2029"}),(0,P.jsx)(l,{empty:!0}),(0,P.jsx)(l,{empty:!0})]})]}),(0,P.jsxs)(Te,{children:[(0,P.jsx)(y,{"aria-hidden":"true",children:(0,P.jsx)(ze,{scope:"col",colSpan:4,text:t})}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"2030"}),(0,P.jsx)(l,{text:"2031"}),(0,P.jsx)(l,{text:"2032"}),(0,P.jsx)(l,{text:"2033"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"2034"}),(0,P.jsx)(l,{text:"2035"}),(0,P.jsx)(l,{text:"2036"}),(0,P.jsx)(l,{text:"2037"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"2038"}),(0,P.jsx)(l,{text:"2039"}),(0,P.jsx)(l,{empty:!0}),(0,P.jsx)(l,{empty:!0})]})]})]}),...o});var q=require("react/jsx-runtime"),Si=({firstCaption:e="2000 - 2099",...t})=>(0,q.jsx)(pe,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)("colgroup",{children:[(0,q.jsx)("col",{}),(0,q.jsx)("col",{}),(0,q.jsx)("col",{}),(0,q.jsx)("col",{})]}),(0,q.jsxs)(Te,{children:[(0,q.jsx)(y,{"aria-hidden":"true",children:(0,q.jsx)(ze,{scope:"col",colSpan:4,text:e})}),(0,q.jsxs)(y,{children:[(0,q.jsx)(l,{text:"1900 - 1999"}),(0,q.jsx)(l,{text:"2000 - 2009"}),(0,q.jsx)(l,{text:"2010 - 2019"}),(0,q.jsx)(l,{text:"2020 - 2029"})]}),(0,q.jsxs)(y,{children:[(0,q.jsx)(l,{text:"2030 - 2039"}),(0,q.jsx)(l,{text:"2040 - 2049"}),(0,q.jsx)(l,{text:"2050 - 2059"}),(0,q.jsx)(l,{text:"2060 - 2069"})]}),(0,q.jsxs)(y,{children:[(0,q.jsx)(l,{text:"2070 - 2079"}),(0,q.jsx)(l,{text:"2080 - 2089"}),(0,q.jsx)(l,{text:"2090 - 2099"}),(0,q.jsx)(l,{empty:!0})]})]})]}),...t});var an=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var Pa=require("react/jsx-runtime"),Vp=ne.options,$p=ne.states,Ei={...ne.defaultOptions,variant:"month"},Xp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Wp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Ei,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(b=>{switch(b){case"other":r.showOtherMonth=!!(o!=null&&o[b]),r.showOtherCentury=!!(o!=null&&o[b]),r.showOtherDecade=!!(o!=null&&o[b]);break;case"footer":r.showCalendarFooter=!!(o!=null&&o[b]);break;default:return}});let{showOtherMonth:s,showOtherDecade:p,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return(0,Pa.jsx)(vi,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return(0,Pa.jsx)(gi,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return(0,Pa.jsx)(Ti,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return(0,Pa.jsx)(Ra,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Ao.options=Vp;Ao.states=$p;Ao.variants=Xp;Ao.defaultOptions=Ei;Ao.modifiers=Wp;Ao.className=ne.className;var Ba=require("react/jsx-runtime"),Jp=pe.options,qp=pe.states,Ai={...pe.defaultOptions,variant:"month"},Yp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Qp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Oo=e=>{let{variant:t,modifiers:o,...a}={...Ai,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(b=>{switch(b){case"other":r.showOtherMonth=!!(o!=null&&o[b]),r.showOtherCentury=!!(o!=null&&o[b]),r.showOtherDecade=!!(o!=null&&o[b]);break;case"footer":r.showCalendarFooter=!!(o!=null&&o[b]);break;default:return}});let{showOtherMonth:s,showOtherDecade:p,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return(0,Ba.jsx)(Si,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return(0,Ba.jsx)(Ii,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return(0,Ba.jsx)(Mi,{size:a.size,showCalendarFooter:f});default:return(0,Ba.jsx)(yi,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Oo.options=Jp;Oo.states=qp;Oo.variants=Yp;Oo.defaultOptions=Ai;Oo.modifiers=Qp;Oo.className=pe.className;var nn="action-buttons",Oi=nn;var Ri=require("react/jsx-runtime"),tr="k-actions",Zp=[],jp={},ln={alignment:"start",orientation:"horizontal"},wt=e=>{let{alignment:t=ln.alignment,orientation:o=ln.orientation,...a}=e;return(0,Ri.jsx)("div",{...a,className:n(tr,{[`${tr}-${t}`]:t,[`${tr}-${o}`]:o},e.className),children:e.children})};wt.states=Zp;wt.options=jp;wt.className=tr;wt.defaultOptions=ln;wt.moduleName=nn;wt.folderName=Oi;var Bi=require("react/jsx-runtime"),em="k-actionsheet-footer",Pi={alignment:"stretched",orientation:"horizontal"},Jt=e=>{let{alignment:t=Pi.alignment,orientation:o=Pi.orientation,template:a,as:r=a?"div":wt,...s}=e;return(0,Bi.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,em),children:e.children})};var sn="searchbox",Ki=sn;var qt=require("react/jsx-runtime"),Di="k-searchbox",tm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],om={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]},dn={showIcon:!0,icon:"search"},ft=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:g=dn.showIcon,icon:N=dn.icon,"aria-label":M,...w}=e;return(0,qt.jsxs)(re,{...w,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:b,required:C,loading:k,disabled:u,className:n(e.className,Di),children:[g&&(0,qt.jsx)(S,{className:"k-input-icon",icon:N}),(0,qt.jsx)(Qe,{placeholder:o,value:t,"aria-label":M}),(0,qt.jsx)(_e,{...e}),(0,qt.jsx)(Se,{...e}),(0,qt.jsx)(Ye,{...e})]})};ft.states=tm;ft.options=om;ft.className=Di;ft.defaultOptions=dn;ft.moduleName=sn;ft.folderName=Ki;var am=require("react/jsx-runtime");var cn="textbox",_i=cn;var Fe=require("react/jsx-runtime"),Hi="k-textbox",rm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],nm={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]},or={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:r=or.separators,showClearButton:s=or.showClearButton,showValidationIcon:p=or.showValidationIcon,prefix:m,suffix:f,type:b,value:C,placeholder:k,hover:u,focus:g,valid:N,invalid:M,required:w,loading:I,disabled:z,readonly:j,id:ae,"aria-label":ue,"aria-describedby":fe,...xe}=e;return(0,Fe.jsxs)(re,{...xe,size:t,rounded:o,fillMode:a,hover:u,focus:g,valid:N,invalid:M,required:w,loading:I,disabled:z,readonly:j,className:n(e.className,Hi),children:[m&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(ot,{children:m}),r&&(0,Fe.jsx)(ut,{})]}),(0,Fe.jsx)(Qe,{id:ae,placeholder:k,value:C,type:b,disabled:z,"aria-label":