@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 164 kB
JavaScript
var oc=Object.create;var Wa=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)Wa(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&&Wa(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?Wa(o,"default",{value:e,enumerable:!0}):o,e)),sc=e=>kl(Wa({},"__esModule",{value:!0}),e);var kx={};ic(kx,{FilterWithPreview:()=>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"}),_=(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"},Mt={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 Ir={};function $(e){return Ir[e]=(Ir[e]||0)+1,`k-${e}-${Ir[e]}`}var ha=require("react/jsx-runtime"),Sr="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={},Ca=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...p}=e;return a?(0,ha.jsx)("span",{...p,className:n(e.className,Sr,O(Sr,{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,ha.jsx)(ha.Fragment,{})};Ca.states=dc;Ca.options=cc;Ca.className=Sr;Ca.defaultOptions=pc;var gl=Ca;var no=require("react/jsx-runtime"),wr="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:[Mt.outline,Mt.solid,Mt.duotone]},Er={viewBox:"0 0 24 24",variant:Mt.outline},ka=e=>{var k,u;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Er.viewBox,variant:p=Er.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,wr,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,wr,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})})};ka.states=mc;ka.options=uc;ka.className=wr;ka.defaultOptions=Er;var Ar=ka;var Or=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 Kt=require("react/jsx-runtime"),Ja="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:[Mt.outline,Mt.solid,Mt.duotone]},qa={viewBox:"0 0 24 24",type:"svg",variant:Mt.outline},S=e=>{let{iconsType:t}=(0,Il.useContext)(Ml),{size:o,themeColor:a,icon:r,type:s=t||qa.type,rotate:p,flip:m,viewBox:f=qa.viewBox,variant:b=qa.variant,...C}=e;if(!r)return(0,Kt.jsx)(Kt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,Kt.jsx)(Ar,{...C,className:n(e.className,Ja),icon:r,size:o,variant:b});let u=Or[r]?r:fc(`${r}-icon`);return Or[u]?(0,Kt.jsx)(Ar,{...C,className:n(e.className,Ja),icon:Or[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:b}):(0,Kt.jsx)(Kt.Fragment,{})}return(0,Kt.jsx)(gl,{...C,className:n(e.className,Ja),icon:r,size:o,themeColor:a,rotate:p,flip:m})};S.states=bc;S.options=xc;S.defaultOptions=qa;S.className=Ja;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 Rr="button",Sl=Rr;var dt=require("react/jsx-runtime"),Na="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]},Pr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:p=Pr.showArrow,arrowIconName:m=Pr.arrowIconName,variant:f,hover:b,focus:C,active:k,selected:u,disabled:g,togglable:N,ariaDisabled:M,icon:w,iconSize:I,text:G,iconClassName:ee,className:ne,...fe}=e,be=w!=null,he=e.children!==void 0;return(0,dt.jsxs)(t,{className:n(ne,Na,vl(Na,f),O(Na,{size:o,rounded:a,fillMode:r,themeColor:s}),_(Na,{hover:b,focus:C,active:k,disabled:g||M,selected:u}),{"k-icon-button":!G&&!he&&be}),"aria-pressed":N?u?"true":"false":void 0,...fe,"aria-disabled":M?"true":void 0,disabled:g||void 0,children:[typeof w=="string"&&w&&(0,dt.jsx)(S,{className:n(ee,"k-button-icon"),icon:w,size:I}),w&&typeof w!="string"&&(0,dt.jsx)(dt.Fragment,{children:w}),G?(0,dt.jsxs)(dt.Fragment,{children:[G&&(0,dt.jsx)("span",{className:"k-button-text",children:G}),e.children]}):e.children&&(0,dt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,dt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,dt.jsx)(S,{icon:m})})]})};d.states=Cc;d.options=kc;d.variants=hc;d.className=Na;d.defaultOptions=Pr;d.moduleName=Rr;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"),Jt=e=>(0,wl.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var El=require("react/jsx-runtime"),va=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 Ya=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,Ya.jsx)(Jt,{...o,icon:"star"});case"icon-and-text":return(0,Ya.jsx)(va,{...o,icon:"star",children:"Button"});default:return(0,Ya.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 Br="filter",Ol=Br;var No=require("react/jsx-runtime"),Rl="k-filter",yc=[],Mc={},Ic={},ze=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"})]})};ze.states=yc;ze.options=Mc;ze.defaultOptions=Ic;ze.className=Rl;ze.moduleName=Br;ze.folderName=Ol;ze.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={},Ce=e=>{let{children:t}=e;return(0,Pl.jsx)("div",{className:n(Sc),children:t})};Ce.states=wc;Ce.options=Ec;Ce.defaultOptions=Ac;var Bl=require("react/jsx-runtime"),Oc="k-filter-lines",Rc=[],Pc={},Bc={},It=e=>{let{children:t}=e;return(0,Bl.jsx)("ul",{className:n(Oc),role:"group",children:t})};It.states=Rc;It.options=Pc;It.defaultOptions=Bc;var Kr=require("react/jsx-runtime"),Kl="k-filter-preview",Kc=[],Dc={},_c={},vo=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:a,value:r},s)=>{o.push((0,Kr.jsx)("span",{className:`k-filter-preview-${a}`,children:`${r} `},s))}),(0,Kr.jsx)("div",{className:n(Kl),children:o})};vo.states=Kc;vo.options=Dc;vo.defaultOptions=_c;vo.className=Kl;var Dl=require("react/jsx-runtime"),Hc="k-filter-item",zc=[],Fc={},Uc={},Qe=e=>{let{children:t}=e;return(0,Dl.jsx)("li",{className:n(Hc),role:"treeitem",children:t})};Qe.states=zc;Qe.options=Fc;Qe.defaultOptions=Uc;var Dr="button",_l=Dr;var Hl=require("react/jsx-runtime"),ga="k-button-group",Gc=[i.disabled],Vc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},$c={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Hl.jsx)("div",{role:"group",...r,className:n(e.className,ga,O(ga,{fillMode:t}),_(ga,{disabled:o}),{[`${ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=Gc;R.options=Vc;R.className=ga;R.defaultOptions=$c;R.moduleName=Dr;R.folderName=_l;R.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 _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 Gr=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Xc={...d.options,...R.options},Wc=d.states,Jc={...d.defaultOptions,...R.defaultOptions,variant:"text-button"},qc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Yc=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,at.jsxs)(R,{fillMode:a.fillMode,className:o,children:[(0,at.jsx)(d,{...a,icon:"star"}),(0,at.jsx)(d,{...a,icon:"star"}),(0,at.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,at.jsxs)(R,{fillMode:a.fillMode,className:o,children:[(0,at.jsx)(d,{...a,icon:"star",children:"First"}),(0,at.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,at.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,at.jsxs)(R,{fillMode:a.fillMode,className:o,children:[(0,at.jsx)(d,{...a,children:"First"}),(0,at.jsx)(d,{...a,children:"Middle"}),(0,at.jsx)(d,{...a,children:"Last"})]})};go.options=Xc;go.states=Wc;go.variants=qc;go.defaultOptions=Jc;go.modifiers=Yc;go.className=R.className;var La="input",Qa=La;var zl=require("react/jsx-runtime"),Za="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={},le=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,Za,O(Za,{size:f,rounded:b,fillMode:C}),_(Za,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m}))})};le.states=Qc;le.options=Zc;le.className=Za;le.defaultOptions=jc;le.moduleName=La;le.folderName=Qa;var Fl=require("react/jsx-runtime"),ja="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={},St=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,ja,O(ja,{size:f,rounded:b,fillMode:C}),_(ja,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m})),children:e.children})};St.states=ep;St.options=tp;St.className=ja;St.defaultOptions=op;St.moduleName=La;St.folderName=Qa;var Lo=require("react/jsx-runtime"),Ul="k-clear-value",ap=[i.disabled,i.loading,i.readonly],rp={},Ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,Lo.jsx)(Lo.Fragment,{}):(0,Lo.jsx)("span",{className:n(e.className,Ul),children:(0,Lo.jsx)(S,{icon:"x"})})};Ze.states=ap;Ze.options=rp;Ze.className=Ul;var Gl=require("react/jsx-runtime"),Vr="k-input-inner",np=[],lp={},er={type:"text",autocomplete:"off",value:"",placeholder:""},je=e=>{let{value:t=er.value,type:o=er.type,placeholder:a=er.placeholder,autocomplete:r=er.autocomplete,disabled:s,readOnly:p,...m}=e;return(0,Gl.jsx)("input",{...m,type:o,className:n(e.className,Vr,O(Vr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};je.states=np;je.options=lp;je.className=Vr;var Ta=require("react/jsx-runtime"),$r="k-input-inner",ip=[],sp={},io=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...p}=e;return(0,Ta.jsxs)("span",{...p,className:n(e.className,$r,O($r,e)),children:[r,!r&&s&&(0,Ta.jsx)(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Ta.jsx)("span",{className:"k-input-value-text",children:t})]})};io.states=ip;io.options=sp;io.className=$r;var $l=require("react/jsx-runtime"),Xr="k-input-inner",dp=[],cp={},Vl={value:"",placeholder:""},Wr=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,Xr,O(Xr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Wr.states=dp;Wr.options=cp;Wr.className=Xr;var ya=require("react/jsx-runtime"),Xl="k-input-loading-icon",pp=[i.disabled,i.loading],Fe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ya.jsx)(ya.Fragment,{}):(0,ya.jsx)("span",{className:n(e.className,Xl,"k-icon k-i-loading")})};Fe.states=pp;Fe.className=Xl;var Ma=require("react/jsx-runtime"),Wl="k-input-validation-icon",mp=[i.valid,i.invalid,i.disabled,i.loading],up={},Ee=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,Ma.jsx)(Ma.Fragment,{}):(0,Ma.jsx)(S,{className:n(Wl),icon:s})};Ee.states=mp;Ee.options=up;Ee.className=Wl;var Ia=require("react/jsx-runtime"),fp="k-input-prefix",bp={direction:"horizontal"},rt=e=>{let{direction:t=bp.direction,...o}=e;return e.children?(0,Ia.jsx)("span",{...o,className:n(fp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ia.jsx)(Ia.Fragment,{})};var Sa=require("react/jsx-runtime"),xp="k-input-suffix",hp={direction:"horizontal"},nt=e=>{let{direction:t=hp.direction,...o}=e;return e.children?(0,Sa.jsx)("span",{...o,className:n(xp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Sa.jsx)(Sa.Fragment,{})};var Cp=require("react/jsx-runtime");var Jl=require("react/jsx-runtime"),kp="k-input-suffix-text",Jr=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"},ft=e=>{let{direction:t=Np.direction,...o}=e;return(0,Yl.jsx)("span",{...o,className:n(ql,e.className,{[`${ql}-${t}`]:t})})};var Me=require("react/jsx-runtime"),vp=le.states,gp=le.defaultOptions,Lp=le.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=[],To=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,Me.jsxs)(le,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:p,style:{width:300},children:[f&&(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(rt,{children:(0,Me.jsx)(S,{icon:"lock"})}),u&&(0,Me.jsx)(ft,{})]}),(0,Me.jsx)(je,{placeholder:"Placeholder",value:"Value"}),k&&(0,Me.jsx)(Ee,{valid:o,invalid:a,loading:r,disabled:s}),(0,Me.jsx)(Fe,{loading:r,disabled:s}),C&&(0,Me.jsx)(Ze,{loading:r,disabled:s,readonly:p,value:"Value"}),b&&(0,Me.jsxs)(Me.Fragment,{children:[u&&(0,Me.jsx)(ft,{}),(0,Me.jsx)(nt,{children:(0,Me.jsx)(lo,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};To.options=Lp;To.states=vp;To.variants=yp;To.defaultOptions=gp;To.modifiers=Tp;To.className=le.className;var qr="popup",Ql=qr;var Qr=require("react/jsx-runtime"),Zl="k-animation-container",Mp=[],Ip={},Yr={positionMode:"absolute",shown:!0},wt=e=>{let{positionMode:t=Yr.positionMode,shown:o=Yr.shown,animationStyle:a,offset:r,...s}=e;return(0,Qr.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,Qr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};wt.states=Mp;wt.options=Ip;wt.className=Zl;wt.defaultOptions=Yr;wt.moduleName=qr;wt.folderName=Ql;var Zr="popup",jl=Zr;var jr=require("react/jsx-runtime"),ei="k-popup",Sp=[],wp={},ti={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=ti.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:p,...m}=e;return(0,jr.jsx)(wt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":p,children:(0,jr.jsx)("div",{...m,className:n(e.className,ei),children:e.children})})};te.states=Sp;te.options=wp;te.className=ei;te.defaultOptions=ti;te.moduleName=Zr;te.folderName=jl;te.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",en={orientation:"horizontal",calendarView:"month"},tr=e=>{let{orientation:t=en.orientation,calendarView:o=en.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})};tr.className=oi;tr.defaultOptions=en;var Dt=require("react/jsx-runtime"),ri="k-calendar-header",Ep={size:[c.undefined,c.small,c.medium,c.large]},wa={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},so=e=>{let{calendarTitleText:t=wa.calendarTitleText,showToday:o=wa.showToday,showNavigationButtons:a=wa.showNavigationButtons,orientation:r=wa.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||$("calendar-title");return(0,Dt.jsxs)("div",{...b,className:n(e.className,ri,{"k-vstack":r==="vertical"}),children:[(0,Dt.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,Dt.jsx)("span",{className:"k-spacer"}),(0,Dt.jsxs)("span",{className:"k-calendar-nav",children:[a&&(0,Dt.jsx)(d,{className:"k-calendar-nav-prev",icon:C,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,Dt.jsx)(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&(0,Dt.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=wa;var tn=require("react/jsx-runtime"),ni="k-calendar-footer",Ap={size:[c.undefined,c.small,c.medium,c.large]},li={calendarFooterText:"Tuesday, October 12, 2021"},Ea=e=>{let{size:t,calendarFooterText:o=li.calendarFooterText,...a}=e;return(0,tn.jsx)("div",{...a,className:n(e.className,ni),children:(0,tn.jsx)(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Ea.options=Ap;Ea.className=ni;Ea.defaultOptions=li;var Ae="calendar",Ue=Ae;var yo=require("react/jsx-runtime"),on="k-calendar",Op=[],Rp={size:[c.undefined,c.small,c.medium,c.large]},Aa={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ie=e=>{let{size:t,orientation:o=Aa.orientation,calendarView:a=Aa.calendarView,calendarTitleText:r=Aa.calendarTitleText,showCalendarHeader:s=Aa.showCalendarHeader,showWeek:p,showCalendarFooter:m,calendarFooterText:f,dir:b,...C}=e,k=$("calendar-title");return(0,yo.jsxs)("div",{...C,dir:b,className:n(e.className,on,O(on,{size:t}),{"k-week-number":p}),children:[s&&(0,yo.jsx)(so,{calendarView:a,showToday:!m,calendarTitleText:r,orientation:o,size:t,dir:b,titleId:k}),(0,yo.jsx)(tr,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),m&&(0,yo.jsx)(Ea,{calendarFooterText:f,size:t})]})};ie.states=Op;ie.options=Rp;ie.className=on;ie.defaultOptions=Aa;ie.moduleName=Ae;ie.folderName=Ue;ie.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={},Mo=e=>{let{...t}=e;return(0,si.jsx)("div",{...t,className:n(e.className,ii),children:e.children})};Mo.states=Pp;Mo.options=Bp;Mo.className=ii;Mo.defaultOptions=Kp;Mo.moduleName=Ae;Mo.folderName=Ue;var Nt=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,ee=`k-calendar-${o?"th":"td"}`,ne=[e.className,ee,_(ee,{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}],fe={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let be=t?fe[t]||t:void 0;return(0,Nt.jsx)("th",{...I,className:n(ne),role:"columnheader",scope:"col","aria-label":be,children:p?(0,Nt.jsx)("span",{className:"k-sr-only",children:be}):t})}return p?(0,Nt.jsx)("td",{...I,className:n(ne),children:t}):(0,Nt.jsx)("td",{...I,className:n(ne),role:"gridcell",...M?{"aria-selected":"true"}:{},...w?{"aria-disabled":"true"}:{},children:k&&!s?(0,Nt.jsx)(Nt.Fragment,{children:"\xA0"}):(0,Nt.jsxs)("span",{className:"k-link",children:[t,C&&(0,Nt.jsx)("span",{className:"k-day-indicator"})]})})};l.states=Dp;var Io=require("react/jsx-runtime"),di="k-calendar-thead",ci={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},So=e=>{let{showWeek:t,cellsText:o=ci.cellsText,...a}=e;return(0,Io.jsx)("thead",{...a,className:n(e.className,di),role:"rowgroup",children:(0,Io.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Io.jsx)(l,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>(0,Io.jsx)(l,{text:r,headerCell:!0},s))]})})};So.className=di;So.defaultOptions=ci;var mi=require("react/jsx-runtime"),pi="k-calendar-tbody",Ie=e=>{let{...t}=e;return(0,mi.jsx)("tbody",{...t,className:n(e.className,pi),role:"rowgroup",children:e.children})};Ie.className=pi;Ie.moduleName=Ae;Ie.folderName=Ue;var wo=require("react/jsx-runtime"),_p="k-calendar-table",Et=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:p,...m}=e;return(0,wo.jsxs)("table",{...m,className:n(e.className,_p),...p?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&(0,wo.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,wo.jsx)(So,{showWeek:a}),(0,wo.jsx)(Ie,{children:e.children})]})};var co=require("react/jsx-runtime"),ui="k-calendar-navigation",Oa=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"}})]})]});Oa.className=ui;Oa.moduleName=Ae;Oa.folderName=Ue;var fi=require("react/jsx-runtime"),Hp="k-calendar-table",an=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 Oe=require("react/jsx-runtime"),bi="k-calendar-view",Eo={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Ao=e=>{let{orientation:t=Eo.orientation,calendarView:o=Eo.calendarView,headerText:a=Eo.headerText,showWeekdays:r=Eo.showWeekdays,showNavigationButtons:s=Eo.showNavigationButtons,showWeekNumbers:p,weekdayCellsText:m,gridLabelledBy:f,...b}=e;return(0,Oe.jsxs)("div",{...b,className:n(bi,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,Oe.jsx)(so,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&(0,Oe.jsxs)(an,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,Oe.jsxs)("colgroup",{children:[(0,Oe.jsx)("col",{}),(0,Oe.jsx)("col",{}),(0,Oe.jsx)("col",{}),(0,Oe.jsx)("col",{}),(0,Oe.jsx)("col",{}),(0,Oe.jsx)("col",{}),(0,Oe.jsx)("col",{})]}),(0,Oe.jsx)(So,{cellsText:m,showWeek:p})]}),(0,Oe.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,Oe.jsx)(an,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),(0,Oe.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Ao.className=bi;Ao.defaultOptions=Eo;Ao.moduleName=Ae;Ao.folderName=Ue;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)),Ra={showNavigation:!0,calendarView:"month",navigationItems:Fp,navigationMarkerConfig:Up},me=e=>{let{size:t,showNavigation:o=Ra.showNavigation,calendarView:a=Ra.calendarView,navigationItems:r=Ra.navigationItems,navigationMarkerConfig:s=Ra.navigationMarkerConfig,calendarTitleText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,calendarWeekdays:C,...k}=e,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)(Oa,{children:Gp(r,s)}),(0,po.jsx)(Ao,{calendarView:a,headerText:p,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:b,orientation:"vertical",weekdayCellsText:C,gridLabelledBy:u,children:e.children})]})};me.options=zp;me.className=xi;me.defaultOptions=Ra;me.moduleName=Ae;me.folderName=Ue;me.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=Ae;y.folderName=Ue;var Ni=require("react/jsx-runtime"),ki="k-calendar-caption",Ge=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})};Ge.className=ki;Ge.moduleName=Ae;Ge.folderName=Ue;var ke=require("react/jsx-runtime"),vi=({showOtherCentury:e,...t})=>(0,ke.jsx)(ie,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,ke.jsxs)(Et,{children:[(0,ke.jsxs)(y,{children:[(0,ke.jsx)(l,{text:"1990 - 1999"}),(0,ke.jsx)(l,{text:"2000 - 2009"}),(0,ke.jsx)(l,{text:"2010 - 2019",today:!0}),(0,ke.jsx)(l,{text:"2020 - 2029"})]}),(0,ke.jsxs)(y,{children:[(0,ke.jsx)(l,{text:"2030 - 2039"}),(0,ke.jsx)(l,{text:"2040 - 2049"}),(0,ke.jsx)(l,{text:"2050 - 2059"}),(0,ke.jsx)(l,{text:"2060 - 2069"})]}),(0,ke.jsxs)(y,{children:[(0,ke.jsx)(l,{text:"2070 - 2079"}),(0,ke.jsx)(l,{text:"2080 - 2089"}),(0,ke.jsx)(l,{text:"2090 - 2099"}),(0,ke.jsx)(l,{text:"2100 - 2109",empty:!e})]})]}),...t});var Ne=require("react/jsx-runtime"),gi=({showOtherDecade:e,...t})=>(0,Ne.jsx)(ie,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,Ne.jsxs)(Et,{children:[(0,Ne.jsxs)(y,{children:[(0,Ne.jsx)(l,{text:"2019",empty:!e}),(0,Ne.jsx)(l,{text:"2020"}),(0,Ne.jsx)(l,{text:"2021",today:!0}),(0,Ne.jsx)(l,{text:"2022"})]}),(0,Ne.jsxs)(y,{children:[(0,Ne.jsx)(l,{text:"2023"}),(0,Ne.jsx)(l,{text:"2024"}),(0,Ne.jsx)(l,{text:"2025"}),(0,Ne.jsx)(l,{text:"2026"})]}),(0,Ne.jsxs)(y,{children:[(0,Ne.jsx)(l,{text:"2027"}),(0,Ne.jsx)(l,{text:"2028"}),(0,Ne.jsx)(l,{text:"2029"}),(0,Ne.jsx)(l,{text:"2030",empty:!e})]})]}),...t});var E=require("react/jsx-runtime"),Pa=({showCaptions:e,showOtherMonth:t,...o})=>(0,E.jsx)(ie,{calendarView:"month",children:(0,E.jsxs)(Et,{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 ve=require("react/jsx-runtime"),Ti=e=>(0,ve.jsx)(ie,{calendarView:"year",calendarTitleText:"2019",children:(0,ve.jsxs)(Et,{children:[(0,ve.jsxs)(y,{children:[(0,ve.jsx)(l,{text:"Jan"}),(0,ve.jsx)(l,{text:"Feb"}),(0,ve.jsx)(l,{text:"Mar"}),(0,ve.jsx)(l,{text:"Apr"})]}),(0,ve.jsxs)(y,{children:[(0,ve.jsx)(l,{text:"May"}),(0,ve.jsx)(l,{text:"Jun"}),(0,ve.jsx)(l,{text:"Jul"}),(0,ve.jsx)(l,{text:"Au"})]}),(0,ve.jsxs)(y,{children:[(0,ve.jsx)(l,{text:"Sep"}),(0,ve.jsx)(l,{text:"Oct",today:!0}),(0,ve.jsx)(l,{text:"Nov"}),(0,ve.jsx)(l,{text:"Dec"})]})]}),...e});var v=require("react/jsx-runtime"),yi=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>(0,v.jsx)(me,{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)(Ie,{children:[(0,v.jsx)(y,{"aria-hidden":"true",children:(0,v.jsx)(Ge,{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)(Ie,{children:(0,v.jsx)(y,{"aria-hidden":"true",children:(0,v.jsx)(Ge,{scope:"col",colSpan:7,text:t})})})]}),...o});var P=require("react/jsx-runtime"),Mi=({firstCaption:e="2021",secondCaption:t="2022",...o})=>(0,P.jsx)(me,{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,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)(Ie,{children:[(0,P.jsx)(y,{"aria-hidden":"true",children:(0,P.jsx)(Ge,{scope:"col",colSpan:4,text:e})}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"Jan",today:!0}),(0,P.jsx)(l,{text:"Feb"}),(0,P.jsx)(l,{text:"Mar"}),(0,P.jsx)(l,{text:"Apr"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"May"}),(0,P.jsx)(l,{text:"Jun"}),(0,P.jsx)(l,{text:"Jul"}),(0,P.jsx)(l,{text:"Aug"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"Sep"}),(0,P.jsx)(l,{text:"Oct"}),(0,P.jsx)(l,{text:"Nov"}),(0,P.jsx)(l,{text:"Dec"})]})]}),(0,P.jsxs)(Ie,{children:[(0,P.jsx)(y,{"aria-hidden":"true",children:(0,P.jsx)(Ge,{scope:"col",colSpan:4,text:t})}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"Jan"}),(0,P.jsx)(l,{text:"Feb"}),(0,P.jsx)(l,{text:"Mar"}),(0,P.jsx)(l,{text:"Apr"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"May"}),(0,P.jsx)(l,{text:"Jun"}),(0,P.jsx)(l,{text:"Jul"}),(0,P.jsx)(l,{text:"Aug"})]}),(0,P.jsxs)(y,{children:[(0,P.jsx)(l,{text:"Sep"}),(0,P.jsx)(l,{text:"Oct"}),(0,P.jsx)(l,{text:"Nov"}),(0,P.jsx)(l,{text:"Dec"})]})]})]}),...o});var B=require("react/jsx-runtime"),Ii=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,B.jsx)(me,{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,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(Ie,{children:[(0,B.jsx)(y,{"aria-hidden":"true",children:(0,B.jsx)(Ge,{scope:"col",colSpan:4,text:e})}),(0,B.jsxs)(y,{children:[(0,B.jsx)(l,{text:"2020",today:!0}),(0,B.jsx)(l,{text:"2021"}),(0,B.jsx)(l,{text:"2022"}),(0,B.jsx)(l,{text:"2023"})]}),(0,B.jsxs)(y,{children:[(0,B.jsx)(l,{text:"2024"}),(0,B.jsx)(l,{text:"2025"}),(0,B.jsx)(l,{text:"2026"}),(0,B.jsx)(l,{text:"2027"})]}),(0,B.jsxs)(y,{children:[(0,B.jsx)(l,{text:"2028"}),(0,B.jsx)(l,{text:"2029"}),(0,B.jsx)(l,{empty:!0}),(0,B.jsx)(l,{empty:!0})]})]}),(0,B.jsxs)(Ie,{children:[(0,B.jsx)(y,{"aria-hidden":"true",children:(0,B.jsx)(Ge,{scope:"col",colSpan:4,text:t})}),(0,B.jsxs)(y,{children:[(0,B.jsx)(l,{text:"2030"}),(0,B.jsx)(l,{text:"2031"}),(0,B.jsx)(l,{text:"2032"}),(0,B.jsx)(l,{text:"2033"})]}),(0,B.jsxs)(y,{children:[(0,B.jsx)(l,{text:"2034"}),(0,B.jsx)(l,{text:"2035"}),(0,B.jsx)(l,{text:"2036"}),(0,B.jsx)(l,{text:"2037"})]}),(0,B.jsxs)(y,{children:[(0,B.jsx)(l,{text:"2038"}),(0,B.jsx)(l,{text:"2039"}),(0,B.jsx)(l,{empty:!0}),(0,B.jsx)(l,{empty:!0})]})]})]}),...o});var Q=require("react/jsx-runtime"),Si=({firstCaption:e="2000 - 2099",...t})=>(0,Q.jsx)(me,{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)(Ie,{children:[(0,Q.jsx)(y,{"aria-hidden":"true",children:(0,Q.jsx)(Ge,{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 rn=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var Ba=require("react/jsx-runtime"),Vp=ie.options,$p=ie.states,Ei={...ie.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"}],Oo=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,Ba.jsx)(vi,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return(0,Ba.jsx)(gi,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return(0,Ba.jsx)(Ti,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return(0,Ba.jsx)(Pa,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Oo.options=Vp;Oo.states=$p;Oo.variants=Xp;Oo.defaultOptions=Ei;Oo.modifiers=Wp;Oo.className=ie.className;var Ka=require("react/jsx-runtime"),Jp=me.options,qp=me.states,Ai={...me.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"}],Ro=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,Ka.jsx)(Si,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return(0,Ka.jsx)(Ii,{size:a.size,showOtherDecade:p,showCalendarFooter:f});case"year":return(0,Ka.jsx)(Mi,{size:a.size,showCalendarFooter:f});default:return(0,Ka.jsx)(yi,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Ro.options=Jp;Ro.states=qp;Ro.variants=Yp;Ro.defaultOptions=Ai;Ro.modifiers=Qp;Ro.className=me.className;var ln="action-buttons",Oi=ln;var Ri=require("react/jsx-runtime"),or="k-actions",Zp=[],jp={},sn={alignment:"start",orientation:"horizontal"},At=e=>{let{alignment:t=sn.alignment,orientation:o=sn.orientation,...a}=e;return(0,Ri.jsx)("div",{...a,className:n(or,{[`${or}-${t}`]:t,[`${or}-${o}`]:o},e.className),children:e.children})};At.states=Zp;At.options=jp;At.className=or;At.defaultOptions=sn;At.moduleName=ln;At.folderName=Oi;var Bi=require("react/jsx-runtime"),em="k-actionsheet-footer",Pi={alignment:"stretched",orientation:"horizontal"},qt=e=>{let{alignment:t=Pi.alignment,orientation:o=Pi.orientation,template:a,as:r=a?"div":At,...s}=e;return(0,Bi.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,em),children:e.children})};var dn="searchbox",Ki=dn;var Yt=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]},cn={showIcon:!0,icon:"search"},bt=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=cn.showIcon,icon:N=cn.icon,"aria-label":M,...w}=e;return(0,Yt.jsxs)(le,{...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,Yt.jsx)(S,{className:"k-input-icon",icon:N}),(0,Yt.jsx)(je,{placeholder:o,value:t,"aria-label":M}),(0,Yt.jsx)(Fe,{...e}),(0,Yt.jsx)(Ee,{...e}),(0,Yt.jsx)(Ze,{...e})]})};bt.states=tm;bt.options=om;bt.className=Di;bt.defaultOptions=cn;bt.moduleName=dn;bt.folderName=Ki;var am=require("react/jsx-runtime");var pn="textbox",_i=pn;var Ve=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]},ar={showClearButton:!0,showValidationIcon:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ar.separators,showClearButton:s=ar.showClearButton,showValidationIcon:p=ar.showValidationIcon,prefix:m,suffix:f,type:b,value:C,placeholder:k,hover:u,focus:g,valid:N,invalid:M,required:w,loading:I,disabled:G,readonly:ee,id:ne,"aria-label":fe,"aria-describedby":be,...he}=e;return(0,Ve.jsxs)(le,{...he,size:t,rounded:o,fillMode:a,hover:u,focus:g,valid:N,invalid:M,required:w,loading:I,disabled:G,readonly:ee,className:n(e.className,Hi),children:[m&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(rt,{children:m}),r&&(0,Ve.jsx)(ft,{})]}),(0,Ve.jsx)(je,{id:ne,placeholder:k,value:C,type:b,disabled:G,"aria-label":f