@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 61.9 kB
JavaScript
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,l)=>t[l]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(e,t)=>r({[`${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:l,hover:n,focus:i,checked:m,active:c,selected:p,disabled:u,indeterminate:T,loading:k,empty:E,readonly:Q,highlighted:F,...w}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":i,"k-checked":m,"k-active":c,"k-selected":p,"k-disabled":u,"k-indeterminate":T&&!m,"k-loading":k,"k-empty":E,"k-readonly":Q,"k-highlighted":F},Object.keys(w).reduce((M,R)=>(R.startsWith("k-")?M[R]=w[R]:M[`k-${R}`]=w[R],M),{}))};function Ha(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},S={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},le={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={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 Ft={};function he(e){return Ft[e]=(Ft[e]||0)+1,`k-${e}-${Ft[e]}`}var Ze="input",xt=Ze;import{jsx as Tn}from"react/jsx-runtime";var bt="k-input",bn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],hn={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Nn={},_=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c,size:p,rounded:u,fillMode:T,...k}=e;return Tn("span",{...k,className:r(e.className,bt,v(bt,{size:p,rounded:u,fillMode:T}),$(bt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c}))})};_.states=bn;_.options=hn;_.className=bt;_.defaultOptions=Nn;_.moduleName=Ze;_.folderName=xt;import{jsx as Sn}from"react/jsx-runtime";var ht="k-picker",kn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],yn={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},gn={},Re=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c,size:p,rounded:u,fillMode:T,...k}=e;return Sn("span",{...k,className:r(e.className,ht,v(ht,{size:p,rounded:u,fillMode:T}),$(ht,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:c})),children:e.children})};Re.states=kn;Re.options=yn;Re.className=ht;Re.defaultOptions=gn;Re.moduleName=Ze;Re.folderName=xt;import{Fragment as wn,jsx as Ka}from"react/jsx-runtime";var Vt="k-font-icon",vn=[],An={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},En={},je=e=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:i,...m}=e;return l?Ka("span",{...m,className:r(e.className,Vt,v(Vt,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):Ka(wn,{})};je.states=vn;je.options=An;je.className=Vt;je.defaultOptions=En;var Pa=je;import{Fragment as Ln,jsx as Nt}from"react/jsx-runtime";var Ut="k-svg-icon",Mn=[],In={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[le.outline,le.solid,le.duotone]},Wt={viewBox:"0 0 24 24",variant:le.outline},et=e=>{let{size:t,themeColor:o,rotate:l,flip:n,viewBox:i=Wt.viewBox,variant:m=Wt.variant,icon:c,...p}=e;if(!c)return Nt(Ln,{});if(c==="none")return Nt("span",{...p,className:r(e.className,Ut,v("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,T=typeof c=="object"?m&&c.variants?.[m]||c.variants?.outline||c.content:void 0;return Nt("span",{...p,className:r(e.className,Ut,v("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Nt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:T!==void 0?{__html:T}:void 0,children:c?void 0:e.children})})};et.states=Mn;et.options=In;et.className=Ut;et.defaultOptions=Wt;var $t=et;import*as Jt from"@progress/kendo-svg-icons";var Ba="icon",za="icons";import{useContext as On}from"react";import{createContext as Rn}from"react";var Fa=Rn({iconsType:"svg"});import{Fragment as Va,jsx as tt}from"react/jsx-runtime";var Tt="k-icon",_n=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dn=[],Hn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[le.outline,le.solid,le.duotone]},kt={viewBox:"0 0 24 24",type:"svg",variant:le.outline},A=e=>{let{iconsType:t}=On(Fa),{size:o,themeColor:l,icon:n,type:i=t||kt.type,rotate:m,flip:c,viewBox:p=kt.viewBox,variant:u=kt.variant,...T}=e;if(!n)return tt(Va,{});if((t||i)==="svg"){if(n==="none")return tt($t,{...T,className:r(e.className,Tt),icon:n,size:o,variant:u});let E=Jt[n]?n:_n(`${n}-icon`);return Jt[E]?tt($t,{...T,className:r(e.className,Tt),icon:Jt[E],size:o,themeColor:l,rotate:m,flip:c,viewBox:p,variant:u}):tt(Va,{})}return tt(Pa,{...T,className:r(e.className,Tt),icon:n,size:o,themeColor:l,rotate:m,flip:c})};A.states=Dn;A.options=Hn;A.defaultOptions=kt;A.className=Tt;A.moduleName=Ba;A.folderName=za;A.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."}]};import{Fragment as Bn,jsx as Xt}from"react/jsx-runtime";var Ua="k-clear-value",Kn=[d.disabled,d.loading,d.readonly],Pn={},j=e=>{let{disabled:t,loading:o,readonly:l,value:n}=e;return t||l||o||!n?Xt(Bn,{}):Xt("span",{className:r(e.className,Ua),children:Xt(A,{icon:"x"})})};j.states=Kn;j.options=Pn;j.className=Ua;import{jsx as Vn}from"react/jsx-runtime";var Gt="k-input-inner",zn=[],Fn={},yt={type:"text",autocomplete:"off",value:"",placeholder:""},ee=e=>{let{value:t=yt.value,type:o=yt.type,placeholder:l=yt.placeholder,autocomplete:n=yt.autocomplete,disabled:i,readOnly:m,...c}=e;return Vn("input",{...c,type:o,className:r(e.className,Gt,v(Gt,e)),placeholder:l,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};ee.states=zn;ee.options=Fn;ee.className=Gt;import{jsx as Wa,jsxs as $n}from"react/jsx-runtime";var qt="k-input-inner",Un=[],Wn={},Yt=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:i,...m}=e;return $n("span",{...m,className:r(e.className,qt,v(qt,e)),children:[n,!n&&i&&Wa(A,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&Wa("span",{className:"k-input-value-text",children:t})]})};Yt.states=Un;Yt.options=Wn;Yt.className=qt;import{jsx as Gn}from"react/jsx-runtime";var Qt="k-input-inner",Jn=[],Xn={},$a={value:"",placeholder:""},Zt=e=>{let{value:t=$a.value,placeholder:o=$a.placeholder,rows:l,disabled:n,...i}=e;return Gn("textarea",{...i,className:r(e.className,Qt,v(Qt,e)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};Zt.states=Jn;Zt.options=Xn;Zt.className=Qt;import{Fragment as Yn,jsx as Ja}from"react/jsx-runtime";var Xa="k-input-loading-icon",qn=[d.disabled,d.loading],re=e=>{let{disabled:t,loading:o}=e;return t||!o?Ja(Yn,{}):Ja("span",{className:r(e.className,Xa,"k-icon k-i-loading")})};re.states=qn;re.className=Xa;import{Fragment as jn,jsx as Ga}from"react/jsx-runtime";var qa="k-input-validation-icon",Qn=[d.valid,d.invalid,d.disabled,d.loading],Zn={},te=e=>{let{valid:t,invalid:o,disabled:l,loading:n}=e,i=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?Ga(jn,{}):Ga(A,{className:r(qa),icon:i})};te.states=Qn;te.options=Zn;te.className=qa;import{Fragment as al,jsx as Ya}from"react/jsx-runtime";var el="k-input-prefix",tl={direction:"horizontal"},Oe=e=>{let{direction:t=tl.direction,...o}=e;return e.children?Ya("span",{...o,className:r(el,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ya(al,{})};import{Fragment as ll,jsx as Qa}from"react/jsx-runtime";var ol="k-input-suffix",nl={direction:"horizontal"},_e=e=>{let{direction:t=nl.direction,...o}=e;return e.children?Qa("span",{...o,className:r(ol,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Qa(ll,{})};import{jsx as _s}from"react/jsx-runtime";import{jsx as Ps}from"react/jsx-runtime";import{jsx as il}from"react/jsx-runtime";var Za="k-input-separator",rl={direction:"vertical"},De=e=>{let{direction:t=rl.direction,...o}=e;return il("span",{...o,className:r(Za,e.className,{[`${Za}-${t}`]:t})})};var jt="button",ja=jt;import{Fragment as eo,jsx as He,jsxs as to}from"react/jsx-runtime";var at="k-button",sl=["icon-button"],dl=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],cl={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},ea={showArrow:!1,arrowIconName:"chevron-down"},x=e=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:i,showArrow:m=ea.showArrow,arrowIconName:c=ea.arrowIconName,variant:p,hover:u,focus:T,active:k,selected:E,disabled:Q,togglable:F,ariaDisabled:w,icon:M,iconSize:R,text:V,iconClassName:ne,className:ue,...Ee}=e,be=M!=null,Qe=e.children!==void 0;return to(t,{className:r(ue,at,Ha(at,p),v(at,{size:o,rounded:l,fillMode:n,themeColor:i}),$(at,{hover:u,focus:T,active:k,disabled:Q||w,selected:E}),{"k-icon-button":!V&&!Qe&&be}),"aria-pressed":F?E?"true":"false":void 0,...Ee,"aria-disabled":w?"true":void 0,disabled:Q||void 0,children:[typeof M=="string"&&M&&He(A,{className:r(ne,"k-button-icon"),icon:M,size:R}),M&&typeof M!="string"&&He(eo,{children:M}),V?to(eo,{children:[V&&He("span",{className:"k-button-text",children:V}),e.children]}):e.children&&He("span",{className:"k-button-text",children:e.children}),m&&He("span",{className:"k-menu-button-arrow k-button-arrow",children:He(A,{icon:c})})]})};x.states=dl;x.options=cl;x.variants=sl;x.className=at;x.defaultOptions=ea;x.moduleName=jt;x.folderName=ja;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as ml}from"react/jsx-runtime";var we=e=>ml(x,{children:"Button",...e});import{Fragment as ao,jsx as ie,jsxs as ta}from"react/jsx-runtime";var pl=_.states,ul=_.defaultOptions,fl=_.options,Cl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],xl=[],Ke=e=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:i,readonly:m,...c}=e,p=t?.prefix,u=t?.suffix,T=t?.["clear-button"],k=t?.["validation-icon"],E=t?.separators;return ta(_,{...c,valid:o,invalid:l,loading:n,disabled:i,readonly:m,style:{width:300},children:[p&&ta(ao,{children:[ie(Oe,{children:ie(A,{icon:"lock"})}),E&&ie(De,{})]}),ie(ee,{placeholder:"Placeholder",value:"Value"}),k&&ie(te,{valid:o,invalid:l,loading:n,disabled:i}),ie(re,{loading:n,disabled:i}),T&&ie(j,{loading:n,disabled:i,readonly:m,value:"Value"}),u&&ta(ao,{children:[E&&ie(De,{}),ie(_e,{children:ie(we,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ke.options=fl;Ke.states=pl;Ke.variants=xl;Ke.defaultOptions=ul;Ke.modifiers=Cl;Ke.className=_.className;import{jsx as bl}from"react/jsx-runtime";var oo=e=>bl(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as hl}from"react/jsx-runtime";var no=e=>hl(x,{icon:"folder",children:"Button",...e});import{jsx as aa}from"react/jsx-runtime";var Nl=x.options,Tl=x.states,kl={...x.defaultOptions,variant:"text"},yl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gl=[],Pe=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return aa(oo,{...o,icon:"star"});case"icon-and-text":return aa(no,{...o,icon:"star",children:"Button"});default:return aa(we,{...o,children:"Button"})}};Pe.options=Nl;Pe.states=Tl;Pe.variants=yl;Pe.defaultOptions=kl;Pe.modifiers=gl;Pe.className=x.className;var oa="popup",lo=oa;import{jsx as ro}from"react/jsx-runtime";var io="k-animation-container",Sl=[],vl={},na={positionMode:"absolute",shown:!0},se=e=>{let{positionMode:t=na.positionMode,shown:o=na.shown,animationStyle:l,offset:n,...i}=e;return ro("div",{...i,style:{...n,...e.style},className:r(e.className,io,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ro("div",{className:"k-child-animation-container",style:l,children:e.children})})};se.states=Sl;se.options=vl;se.className=io;se.defaultOptions=na;se.moduleName=oa;se.folderName=lo;var la="popup",so=la;import{jsx as co}from"react/jsx-runtime";var mo="k-popup",Al=[],El={},po={positionMode:"absolute"},Z=e=>{let{offset:t,positionMode:o=po.positionMode,animationStyle:l,containerClassName:n,containerRole:i,containerAriaLabel:m,...c}=e;return co(se,{positionMode:o,offset:t,animationStyle:l,className:n,role:i,"aria-label":m,children:co("div",{...c,className:r(e.className,mo),children:e.children})})};Z.states=Al;Z.options=El;Z.className=mo;Z.defaultOptions=po;Z.moduleName=la;Z.folderName=so;Z.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var ra="action-buttons",uo=ra;import{jsx as Il}from"react/jsx-runtime";var gt="k-actions",wl=[],Ml={},ia={alignment:"start",orientation:"horizontal"},J=e=>{let{alignment:t=ia.alignment,orientation:o=ia.orientation,...l}=e;return Il("div",{...l,className:r(gt,{[`${gt}-${t}`]:t,[`${gt}-${o}`]:o},e.className),children:e.children})};J.states=wl;J.options=Ml;J.className=gt;J.defaultOptions=ia;J.moduleName=ra;J.folderName=uo;import{jsx as Ll}from"react/jsx-runtime";var fo="k-calendar-view",sa={orientation:"horizontal",calendarView:"month"},St=e=>{let{orientation:t=sa.orientation,calendarView:o=sa.calendarView,gridRole:l,ariaLabelledBy:n,...i}=e;return Ll("div",{...i,className:r(e.className,fo,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...l?{role:"grid","aria-labelledby":n,tabIndex:0}:{},children:e.children})};St.className=fo;St.defaultOptions=sa;import{jsx as ot,jsxs as Co}from"react/jsx-runtime";var xo="k-calendar-header",Rl={size:[s.undefined,s.small,s.medium,s.large]},nt={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Me=e=>{let{calendarTitleText:t=nt.calendarTitleText,showToday:o=nt.showToday,showNavigationButtons:l=nt.showNavigationButtons,orientation:n=nt.orientation,size:i,calendarView:m,dir:c,titleId:p,...u}=e,T=c==="rtl"?"chevron-right":"chevron-left",k=c==="rtl"?"chevron-left":"chevron-right",E=p||he("calendar-title");return Co("div",{...u,className:r(e.className,xo,{"k-vstack":n==="vertical"}),children:[ot(x,{disabled:m==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:E,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...m==="century"?{"aria-disabled":"true"}:{}}),ot("span",{className:"k-spacer"}),Co("span",{className:"k-calendar-nav",children:[l&&ot(x,{className:"k-calendar-nav-prev",icon:T,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&ot(x,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&ot(x,{className:"k-calendar-nav-next",icon:k,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Me.options=Rl;Me.className=xo;Me.defaultOptions=nt;import{jsx as bo}from"react/jsx-runtime";var ho="k-calendar-footer",Ol={size:[s.undefined,s.small,s.medium,s.large]},No={calendarFooterText:"Tuesday, October 12, 2021"},lt=e=>{let{size:t,calendarFooterText:o=No.calendarFooterText,...l}=e;return bo("div",{...l,className:r(e.className,ho),children:bo(x,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};lt.options=Ol;lt.className=ho;lt.defaultOptions=No;var H="calendar",B=H;import{jsx as da,jsxs as Hl}from"react/jsx-runtime";var ca="k-calendar",_l=[],Dl={size:[s.undefined,s.small,s.medium,s.large]},rt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},I=e=>{let{size:t,orientation:o=rt.orientation,calendarView:l=rt.calendarView,calendarTitleText:n=rt.calendarTitleText,showCalendarHeader:i=rt.showCalendarHeader,showWeek:m,showCalendarFooter:c,calendarFooterText:p,dir:u,...T}=e,k=he("calendar-title");return Hl("div",{...T,dir:u,className:r(e.className,ca,v(ca,{size:t}),{"k-week-number":m}),children:[i&&da(Me,{calendarView:l,showToday:!c,calendarTitleText:n,orientation:o,size:t,dir:u,titleId:k}),da(St,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),c&&da(lt,{calendarFooterText:p,size:t})]})};I.states=_l;I.options=Dl;I.className=ca;I.defaultOptions=rt;I.moduleName=H;I.folderName=B;I.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as zl}from"react/jsx-runtime";var To="k-calendar-container",Kl=[],Pl={},Bl={},Be=e=>{let{...t}=e;return zl("div",{...t,className:r(e.className,To),children:e.children})};Be.states=Kl;Be.options=Pl;Be.className=To;Be.defaultOptions=Bl;Be.moduleName=H;Be.folderName=B;import{Fragment as Vl,jsx as ze,jsxs as Ul}from"react/jsx-runtime";var Fl=[d.hover,d.focus,d.active,d.selected,d.disabled],a=e=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:i,weekCell:m,rangeStart:c,rangeMid:p,rangeEnd:u,dayIndicator:T,empty:k,hover:E,focus:Q,active:F,selected:w,disabled:M,...R}=e,ne=`k-calendar-${o?"th":"td"}`,ue=[e.className,ne,$(ne,{hover:E,focus:Q,active:F,selected:w,disabled:M}),{"k-today":l,"k-weekend":n,"k-other-month":i,"k-alt":m,"k-range-start":c,"k-range-mid":p,"k-range-end":u,"k-empty":k}],Ee={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let be=t?Ee[t]||t:void 0;return ze("th",{...R,className:r(ue),role:"columnheader",scope:"col","aria-label":be,children:m?ze("span",{className:"k-sr-only",children:be}):t})}return m?ze("td",{...R,className:r(ue),children:t}):ze("td",{...R,className:r(ue),role:"gridcell",...w?{"aria-selected":"true"}:{},...M?{"aria-disabled":"true"}:{},children:k&&!i?ze(Vl,{children:"\xA0"}):Ul("span",{className:"k-link",children:[t,T&&ze("span",{className:"k-day-indicator"})]})})};a.states=Fl;import{jsx as ma,jsxs as Wl}from"react/jsx-runtime";var ko="k-calendar-thead",yo={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Fe=e=>{let{showWeek:t,cellsText:o=yo.cellsText,...l}=e;return ma("thead",{...l,className:r(e.className,ko),role:"rowgroup",children:Wl("tr",{className:"k-calendar-tr",role:"row",children:[t&&ma(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>ma(a,{text:n,headerCell:!0},i))]})})};Fe.className=ko;Fe.defaultOptions=yo;import{jsx as $l}from"react/jsx-runtime";var go="k-calendar-tbody",D=e=>{let{...t}=e;return $l("tbody",{...t,className:r(e.className,go),role:"rowgroup",children:e.children})};D.className=go;D.moduleName=H;D.folderName=B;import{jsx as pa,jsxs as Xl}from"react/jsx-runtime";var Jl="k-calendar-table",de=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:m,...c}=e;return Xl("table",{...c,className:r(e.className,Jl),...m?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&pa("caption",{className:"k-calendar-caption",children:t}),o&&pa(Fe,{showWeek:l}),pa(D,{children:e.children})]})};import{jsx as ua,jsxs as So}from"react/jsx-runtime";var vo="k-calendar-navigation",it=e=>So("div",{...e,className:r(e.className,vo),children:[ua("span",{className:"k-calendar-navigation-highlight"}),So("div",{className:"k-content k-scrollable",children:[ua("ul",{className:"k-reset",children:e.children}),ua("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});it.className=vo;it.moduleName=H;it.folderName=B;import{jsx as ql}from"react/jsx-runtime";var Gl="k-calendar-table",fa=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return ql("table",{...l,className:r(e.className,Gl),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as ae,jsxs as vt}from"react/jsx-runtime";var Ao="k-calendar-view",Ve={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Ue=e=>{let{orientation:t=Ve.orientation,calendarView:o=Ve.calendarView,headerText:l=Ve.headerText,showWeekdays:n=Ve.showWeekdays,showNavigationButtons:i=Ve.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:c,gridLabelledBy:p,...u}=e;return vt("div",{...u,className:r(Ao,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[ae(Me,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),n&&vt(fa,{className:"k-calendar-weekdays",tableRole:"table",children:[vt("colgroup",{children:[ae("col",{}),ae("col",{}),ae("col",{}),ae("col",{}),ae("col",{}),ae("col",{}),ae("col",{})]}),ae(Fe,{cellsText:c,showWeek:m})]}),vt("div",{className:"k-content k-scrollable",role:"none",children:[ae(fa,{tableRole:"grid",ariaLabelledBy:p,children:e.children}),ae("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Ue.className=Ao;Ue.defaultOptions=Ve;Ue.moduleName=H;Ue.folderName=B;import{jsx as At,jsxs as er}from"react/jsx-runtime";var Eo="k-calendar-infinite",Yl={size:[s.undefined,s.small,s.medium,s.large]},Ql=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Zl={2021:"marker",2022:"marker"},jl=(e,t)=>e.map((o,l)=>At("li",{children:At("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),st={showNavigation:!0,calendarView:"month",navigationItems:Ql,navigationMarkerConfig:Zl},L=e=>{let{size:t,showNavigation:o=st.showNavigation,calendarView:l=st.calendarView,navigationItems:n=st.navigationItems,navigationMarkerConfig:i=st.navigationMarkerConfig,calendarTitleText:m,showWeekdays:c,showWeekNumbers:p,showNavigationButtons:u,calendarWeekdays:T,...k}=e,E=he("calendar-infinite-title");return er("div",{...k,className:r(e.className,"k-calendar",Eo,v("k-calendar",{size:t})),children:[o&&At(it,{children:jl(n,i)}),At(Ue,{calendarView:l,headerText:m,showWeekdays:c,showWeekNumbers:p,showNavigationButtons:u,orientation:"vertical",weekdayCellsText:T,gridLabelledBy:E,children:e.children})]})};L.options=Yl;L.className=Eo;L.defaultOptions=st;L.moduleName=H;L.folderName=B;L.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as tr}from"react/jsx-runtime";var wo="k-calendar-tr",f=e=>{let{...t}=e;return tr("tr",{...t,className:r(e.className,wo),role:"row",children:e.children})};f.className=wo;f.moduleName=H;f.folderName=B;import{jsx as ar}from"react/jsx-runtime";var Mo="k-calendar-caption",z=e=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...i}=e;return ar("th",{...i,scope:o,colSpan:l,rowSpan:n,className:r(e.className,Mo),children:t})};z.className=Mo;z.moduleName=H;z.folderName=B;import{jsx as G,jsxs as Et}from"react/jsx-runtime";var Io=({showOtherCentury:e,...t})=>G(I,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Et(de,{children:[Et(f,{children:[G(a,{text:"1990 - 1999"}),G(a,{text:"2000 - 2009"}),G(a,{text:"2010 - 2019",today:!0}),G(a,{text:"2020 - 2029"})]}),Et(f,{children:[G(a,{text:"2030 - 2039"}),G(a,{text:"2040 - 2049"}),G(a,{text:"2050 - 2059"}),G(a,{text:"2060 - 2069"})]}),Et(f,{children:[G(a,{text:"2070 - 2079"}),G(a,{text:"2080 - 2089"}),G(a,{text:"2090 - 2099"}),G(a,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as q,jsxs as wt}from"react/jsx-runtime";var Lo=({showOtherDecade:e,...t})=>q(I,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:wt(de,{children:[wt(f,{children:[q(a,{text:"2019",empty:!e}),q(a,{text:"2020"}),q(a,{text:"2021",today:!0}),q(a,{text:"2022"})]}),wt(f,{children:[q(a,{text:"2023"}),q(a,{text:"2024"}),q(a,{text:"2025"}),q(a,{text:"2026"})]}),wt(f,{children:[q(a,{text:"2027"}),q(a,{text:"2028"}),q(a,{text:"2029"}),q(a,{text:"2030",empty:!e})]})]}),...t});import{jsx as b,jsxs as Ie}from"react/jsx-runtime";var Mt=({showCaptions:e,showOtherMonth:t,...o})=>b(I,{calendarView:"month",children:Ie(de,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[Ie(f,{children:[b(a,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),b(a,{text:"27",showOtherMonth:t,empty:!t}),b(a,{text:"28",showOtherMonth:t,empty:!t}),b(a,{text:"29",showOtherMonth:t,empty:!t}),b(a,{text:"30",showOtherMonth:t,empty:!t}),b(a,{text:"1"}),b(a,{text:"2",weekend:!0})]}),Ie(f,{children:[b(a,{text:"3",weekend:!0}),b(a,{text:"4"}),b(a,{text:"5"}),b(a,{text:"6"}),b(a,{text:"7"}),b(a,{text:"8"}),b(a,{text:"9",weekend:!0})]}),Ie(f,{children:[b(a,{text:"10",weekend:!0}),b(a,{text:"11"}),b(a,{text:"12",today:!0}),b(a,{text:"13"}),b(a,{text:"14"}),b(a,{text:"15"}),b(a,{text:"16",weekend:!0})]}),Ie(f,{children:[b(a,{text:"17",weekend:!0}),b(a,{text:"18"}),b(a,{text:"19"}),b(a,{text:"20"}),b(a,{text:"21"}),b(a,{text:"22"}),b(a,{text:"23",weekend:!0})]}),Ie(f,{children:[b(a,{text:"24",weekend:!0}),b(a,{text:"25"}),b(a,{text:"26"}),b(a,{text:"27"}),b(a,{text:"28"}),b(a,{text:"29"}),b(a,{text:"30",weekend:!0})]}),Ie(f,{children:[b(a,{text:"31",weekend:!0}),b(a,{text:"1",showOtherMonth:t,empty:!t}),b(a,{text:"2",showOtherMonth:t,empty:!t}),b(a,{text:"3",showOtherMonth:t,empty:!t}),b(a,{text:"4",showOtherMonth:t,empty:!t}),b(a,{text:"5",showOtherMonth:t,empty:!t}),b(a,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as zm,jsxs as Fm}from"react/jsx-runtime";import{jsx as Y,jsxs as It}from"react/jsx-runtime";var Ro=e=>Y(I,{calendarView:"year",calendarTitleText:"2019",children:It(de,{children:[It(f,{children:[Y(a,{text:"Jan"}),Y(a,{text:"Feb"}),Y(a,{text:"Mar"}),Y(a,{text:"Apr"})]}),It(f,{children:[Y(a,{text:"May"}),Y(a,{text:"Jun"}),Y(a,{text:"Jul"}),Y(a,{text:"Au"})]}),It(f,{children:[Y(a,{text:"Sep"}),Y(a,{text:"Oct",today:!0}),Y(a,{text:"Nov"}),Y(a,{text:"Dec"})]})]}),...e});import{Fragment as or,jsx as C,jsxs as fe}from"react/jsx-runtime";var Oo=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>C(L,{calendarTitleText:"January 2021",children:fe(or,{children:[fe("colgroup",{children:[C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{}),C("col",{})]}),fe(D,{children:[C(f,{"aria-hidden":"true",children:C(z,{scope:"col",colSpan:7,text:e})}),fe(f,{children:[C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{text:"1"}),C(a,{text:"2",weekend:!0})]}),fe(f,{children:[C(a,{text:"3",weekend:!0}),C(a,{text:"4"}),C(a,{text:"5"}),C(a,{text:"6"}),C(a,{text:"7"}),C(a,{text:"8"}),C(a,{text:"9",weekend:!0})]}),fe(f,{children:[C(a,{text:"10",weekend:!0}),C(a,{text:"11"}),C(a,{text:"12"}),C(a,{text:"13"}),C(a,{text:"14"}),C(a,{text:"15"}),C(a,{text:"16",weekend:!0})]}),fe(f,{children:[C(a,{text:"17",weekend:!0}),C(a,{text:"18"}),C(a,{text:"19"}),C(a,{text:"20"}),C(a,{text:"21"}),C(a,{text:"22"}),C(a,{text:"23",weekend:!0})]}),fe(f,{children:[C(a,{text:"24",weekend:!0}),C(a,{text:"25"}),C(a,{text:"26"}),C(a,{text:"27"}),C(a,{text:"28"}),C(a,{text:"29"}),C(a,{text:"30",weekend:!0})]}),fe(f,{children:[C(a,{text:"31",weekend:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0}),C(a,{empty:!0})]})]}),C(D,{children:C(f,{"aria-hidden":"true",children:C(z,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as nr,jsx as y,jsxs as ce}from"react/jsx-runtime";var _o=({firstCaption:e="2021",secondCaption:t="2022",...o})=>y(L,{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:ce(nr,{children:[ce("colgroup",{children:[y("col",{}),y("col",{}),y("col",{}),y("col",{})]}),ce(D,{children:[y(f,{"aria-hidden":"true",children:y(z,{scope:"col",colSpan:4,text:e})}),ce(f,{children:[y(a,{text:"Jan",today:!0}),y(a,{text:"Feb"}),y(a,{text:"Mar"}),y(a,{text:"Apr"})]}),ce(f,{children:[y(a,{text:"May"}),y(a,{text:"Jun"}),y(a,{text:"Jul"}),y(a,{text:"Aug"})]}),ce(f,{children:[y(a,{text:"Sep"}),y(a,{text:"Oct"}),y(a,{text:"Nov"}),y(a,{text:"Dec"})]})]}),ce(D,{children:[y(f,{"aria-hidden":"true",children:y(z,{scope:"col",colSpan:4,text:t})}),ce(f,{children:[y(a,{text:"Jan"}),y(a,{text:"Feb"}),y(a,{text:"Mar"}),y(a,{text:"Apr"})]}),ce(f,{children:[y(a,{text:"May"}),y(a,{text:"Jun"}),y(a,{text:"Jul"}),y(a,{text:"Aug"})]}),ce(f,{children:[y(a,{text:"Sep"}),y(a,{text:"Oct"}),y(a,{text:"Nov"}),y(a,{text:"Dec"})]})]})]}),...o});import{Fragment as lr,jsx as g,jsxs as me}from"react/jsx-runtime";var Do=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>g(L,{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:me(lr,{children:[me("colgroup",{children:[g("col",{}),g("col",{}),g("col",{}),g("col",{})]}),me(D,{children:[g(f,{"aria-hidden":"true",children:g(z,{scope:"col",colSpan:4,text:e})}),me(f,{children:[g(a,{text:"2020",today:!0}),g(a,{text:"2021"}),g(a,{text:"2022"}),g(a,{text:"2023"})]}),me(f,{children:[g(a,{text:"2024"}),g(a,{text:"2025"}),g(a,{text:"2026"}),g(a,{text:"2027"})]}),me(f,{children:[g(a,{text:"2028"}),g(a,{text:"2029"}),g(a,{empty:!0}),g(a,{empty:!0})]})]}),me(D,{children:[g(f,{"aria-hidden":"true",children:g(z,{scope:"col",colSpan:4,text:t})}),me(f,{children:[g(a,{text:"2030"}),g(a,{text:"2031"}),g(a,{text:"2032"}),g(a,{text:"2033"})]}),me(f,{children:[g(a,{text:"2034"}),g(a,{text:"2035"}),g(a,{text:"2036"}),g(a,{text:"2037"})]}),me(f,{children:[g(a,{text:"2038"}),g(a,{text:"2039"}),g(a,{empty:!0}),g(a,{empty:!0})]})]})]}),...o});import{Fragment as rr,jsx as O,jsxs as We}from"react/jsx-runtime";var Ho=({firstCaption:e="2000 - 2099",...t})=>O(L,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:We(rr,{children:[We("colgroup",{children:[O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),We(D,{children:[O(f,{"aria-hidden":"true",children:O(z,{scope:"col",colSpan:4,text:e})}),We(f,{children:[O(a,{text:"1900 - 1999"}),O(a,{text:"2000 - 2009"}),O(a,{text:"2010 - 2019"}),O(a,{text:"2020 - 2029"})]}),We(f,{children:[O(a,{text:"2030 - 2039"}),O(a,{text:"2040 - 2049"}),O(a,{text:"2050 - 2059"}),O(a,{text:"2060 - 2069"})]}),We(f,{children:[O(a,{text:"2070 - 2079"}),O(a,{text:"2080 - 2089"}),O(a,{text:"2090 - 2099"}),O(a,{empty:!0})]})]})]}),...t});import{Fragment as sp,jsx as rp,jsxs as ip}from"react/jsx-runtime";import{jsx as pp,jsxs as up}from"react/jsx-runtime";import{Fragment as Np,jsx as bp,jsxs as hp}from"react/jsx-runtime";import{jsx as Lt}from"react/jsx-runtime";var ir=I.options,sr=I.states,Ko={...I.defaultOptions,variant:"month"},dr=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],cr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],$e=e=>{let{variant:t,modifiers:o,...l}={...Ko,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(u=>{switch(u){case"other":n.showOtherMonth=!!o?.[u],n.showOtherCentury=!!o?.[u],n.showOtherDecade=!!o?.[u];break;case"footer":n.showCalendarFooter=!!o?.[u];break;default:return}});let{showOtherMonth:i,showOtherDecade:m,showOtherCentury:c,showCalendarFooter:p}=n;switch(t){case"century":return Lt(Io,{size:l.size,showOtherCentury:c,showCalendarFooter:p});case"decade":return Lt(Lo,{size:l.size,showOtherDecade:m,showCalendarFooter:p});case"year":return Lt(Ro,{calendarTitleText:"2021",size:l.size,showCalendarFooter:p});default:return Lt(Mt,{size:l.size,showOtherMonth:i,showCalendarFooter:p})}};$e.options=ir;$e.states=sr;$e.variants=dr;$e.defaultOptions=Ko;$e.modifiers=cr;$e.className=I.className;import{jsx as Rt}from"react/jsx-runtime";var mr=L.options,pr=L.states,Po={...L.defaultOptions,variant:"month"},ur=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],fr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Je=e=>{let{variant:t,modifiers:o,...l}={...Po,...e},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(u=>{switch(u){case"other":n.showOtherMonth=!!o?.[u],n.showOtherCentury=!!o?.[u],n.showOtherDecade=!!o?.[u];break;case"footer":n.showCalendarFooter=!!o?.[u];break;default:return}});let{showOtherMonth:i,showOtherDecade:m,showOtherCentury:c,showCalendarFooter:p}=n;switch(t){case"century":return Rt(Ho,{size:l.size,showOtherCentury:c,showCalendarFooter:p});case"decade":return Rt(Do,{size:l.size,showOtherDecade:m,showCalendarFooter:p});case"year":return Rt(_o,{size:l.size,showCalendarFooter:p});default:return Rt(Oo,{size:l.size,showOtherMonth:i,showCalendarFooter:p})}};Je.options=mr;Je.states=pr;Je.variants=ur;Je.defaultOptions=Po;Je.modifiers=fr;Je.className=L.className;var Ca="segmented-control",Bo=Ca,zo="segmented-control-button",Fo="segmented-control";import{jsx as br,jsxs as hr}from"react/jsx-runtime";var Ot="k-segmented-control",Cr=[],xr={size:[s.undefined,s.small,s.medium,s.large]},Ne=e=>{let{size:t,stretched:o,children:l,thumbStyles:n,...i}=e;return hr("div",{...i,className:r(e.className,Ot,v(Ot,{size:t}),{[`${Ot}-stretched`]:o}),role:"group",children:[br("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:n}),l]})};Ne.states=Cr;Ne.options=xr;Ne.className=Ot;Ne.moduleName=Ca;Ne.folderName=Bo;Ne.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as Vo,jsxs as yr}from"react/jsx-runtime";var xa="k-segmented-control-button",Nr=[d.selected,d.hover,d.focus,d.disabled],Tr={},kr={},Ce=e=>{let{hover:t,focus:o,selected:l,disabled:n,icon:i,text:m,iconClassName:c,...p}=e;return yr("button",{...p,className:r(e.className,xa,$(xa,{hover:t,focus:o,disabled:n,selected:l})),"aria-pressed":l?"true":"false","aria-disabled":n?"true":void 0,children:[i&&Vo(A,{className:r(c,"k-segmented-control-button-icon"),icon:i}),(m||e.children)&&Vo("span",{className:"k-segmented-control-button-text",children:m||e.children})]})};Ce.states=Nr;Ce.options=Tr;Ce.className=xa;Ce.defaultOptions=kr;Ce.moduleName=zo;Ce.folderName=Fo;import{Fragment as Eu,jsx as Au,jsxs as wu}from"react/jsx-runtime";import{Fragment as _u,jsx as Ou,jsxs as Du}from"react/jsx-runtime";import{Fragment as Fu,jsx as zu,jsxs as Vu}from"react/jsx-runtime";import{Fragment as Gu,jsx as Xu,jsxs as qu}from"react/jsx-runtime";import{Fragment as tf,jsx as ef,jsxs as af}from"react/jsx-runtime";var Uo="time-selector",Wo="timeselector";import{Fragment as $o,jsx as Ht,jsxs as Jo}from"react/jsx-runtime";var ba="k-timeselector",gr=[],Sr={size:[s.undefined,s.small,s.medium,s.large]},vr={},xe=e=>{let{size:t,header:o,fastSelection:l,columns:n,focusedColumn:i,...m}=e,c=n.map(function(p,u){let T=!1,k=!0;return p===i&&(T=!0),(u===0||p==="tt")&&(k=!1),Ht(ha,{type:p,focus:T,separator:k},u)});return Jo("div",{...m,className:r(e.className,ba,v(ba,{size:t})),role:"group","aria-label":"Time selector",children:[Ht($o,{children:o}),Ht($o,{children:l}),Jo("div",{className:"k-time-list-container",children:[Ht("span",{className:"k-time-highlight"}),c]})]})};xe.states=gr;xe.options=Sr;xe.className=ba;xe.defaultOptions=vr;xe.moduleName=Uo;xe.folderName=Wo;xe.ariaSpec={selector:".k-timeselector",rules:[{selector:".k-timeselector",attribute:"role=group",usage:"Groups the time selection columns."},{selector:".k-timeselector",attribute:"aria-label",usage:"Describes the time selector purpose."},{selector:".k-time-list",attribute:"role=listbox",usage:"Each time column list acts as a listbox."},{selector:".k-time-list",attribute:"aria-label",usage:"Describes which time unit the column selects."},{selector:".k-time-list-wrapper .k-reset",attribute:"role=none",usage:"Removes semantic meaning from the ul element."},{selector:".k-time-list-wrapper .k-item",attribute:"role=option",usage:"Each item in the time list is an option."}]};import{Fragment as Er,jsx as Le,jsxs as Na}from"react/jsx-runtime";var Ar=[d.focus],ha=e=>{let{type:t,focus:o,separator:l,...n}=e,i,m=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":i="Day";break;case"HH":i="Hour";break;case"mm":i="Minute";break;case"ss":i="Second";break;case"SSS":i="Millisecond",m=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":i="AM/PM",m=["AM","PM"];break;default:i="Column Name";break}let c=m.map((p,u)=>Le("li",{className:"k-item",role:"option","aria-selected":"false",children:Le("span",{children:p})},u));return Na(Er,{children:[l&&Le("div",{className:"k-time-separator",children:":"}),Na("div",{...n,className:r(e.className,"k-time-list-wrapper",$("k-time-list-wrapper",{focus:o})),children:[Le("span",{className:"k-title",children:i}),Le("div",{className:"k-time-list",role:"listbox","aria-label":i,children:Na("div",{className:"k-content k-scrollable k-time-container",children:[Le("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:c}),Le("div",{className:"k-scrollable-placeholder"})]})})]})]})};ha.states=Ar;import{jsx as Mr,jsxs as Ir}from"react/jsx-runtime";var wr="k-time-header",dt=e=>{let{title:t,...o}=e;return Ir("div",{...o,className:r(e.className,wr),children:[t!=null&&Mr("span",{className:"k-title",children:t}),e.children]})};import{jsx as Mf,jsxs as If}from"react/jsx-runtime";import{Fragment as zf,jsx as Pf,jsxs as Bf}from"react/jsx-runtime";import{Fragment as Yf,jsx as Gf,jsxs as qf}from"react/jsx-runtime";import{Fragment as rC,jsx as nC,jsxs as lC}from"react/jsx-runtime";var Go="date-time-picker",qo="datetimepicker";import{Fragment as Yo,jsx as X,jsxs as ct}from"react/jsx-runtime";var Ta="k-datetime-wrap",Lr=[],Rr={size:[s.undefined,s.small,s.medium,s.large]},ka={tab:"date",actionButtons:!0},pe=e=>{let{size:t,tab:o=ka.tab,actionButtons:l=ka.actionButtons,dir:n,...i}=e;return ct("div",{...i,className:r(e.className,Ta,{"k-date-tab":o==="date","k-time-tab":o==="time"},v(Ta,{size:t})),role:"group","aria-label":"Date and time selector",children:[X("div",{className:"k-datetime-buttongroup",children:ct(Ne,{stretched:!0,thumbStyles:o==="date"?{width:"50%"}:{width:"50%",left:"50%"},size:t,children:[X(Ce,{selected:o==="date",children:"Date"}),X(Ce,{selected:o==="time",children:"Time"})]})}),X("div",{className:"k-datetime-selector",children:o==="time"?ct(Yo,{children:[X("div",{className:"k-datetime-calendar-wrap"}),X("div",{className:"k-datetime-time-wrap",children:X(xe,{size:t,columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:X(dt,{title:"10:00:00 AM",children:X(x,{size:t,fillMode:"flat",className:"k-time-now",children:"Now"})})})})]}):ct(Yo,{children:[X("div",{className:"k-datetime-calendar-wrap",children:X(Mt,{size:t,showOtherMonth:!0,dir:n})}),X("div",{className:"k-datetime-time-wrap"})]})}),l&&ct(J,{className:"k-datetime-footer",alignment:"stretched",children:[X(x,{size:t,themeColor:"primary",className:"k-time-accept",children:"Set"}),X(x,{size:t,className:"k-time-cancel",children:"Cancel"})]})]})};pe.states=Lr;pe.options=Rr;pe.className=Ta;pe.defaultOptions=ka;pe.moduleName=Go;pe.folderName=qo;pe.ariaSpec={selector:".k-datetime-wrap",rules:[{selector:".k-datetime-wrap",attribute:"role=group",usage:"Groups the date/time selector components."},{selector:".k-datetime-wrap",attribute:"aria-label",usage:"Describes the date/time selector purpose."},{selector:".k-datetime-buttongroup",attribute:"role=group",usage:"The segmented control acts as a group for Date/Time selection."},{selector:".k-datetime-buttongroup .k-segmented-control-button",attribute:"aria-pressed",usage:"Indicates which option is currently active."}]};import{jsx as _r}from"react/jsx-runtime";var Or="k-actionsheet-footer",Qo={alignment:"stretched",orientation:"horizontal"},Te=e=>{let{alignment:t=Qo.alignment,orientation:o=Qo.orientation,template:l,as:n=l?"div":J,...i}=e;return _r(n,{...i,...!l&&{alignment:t,orientation:o},className:r(e.className,Or),children:e.children})};var ya="searchbox",Zo=ya;import{jsx as mt,jsxs as Kr}from"react/jsx-runtime";var jo="k-searchbox",Dr=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],Hr={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},ga={showIcon:!0,icon:"search"},ke=e=>{let{value:t,placeholder:o,size:l,rounded:n,fillMode:i,hover:m,focus:c,valid:p,invalid:u,required:T,loading:k,disabled:E,showIcon:Q=ga.showIcon,icon:F=ga.icon,"aria-label":w,...M}=e;return Kr(_,{...M,size:l,rounded:n,fillMode:i,hover:m,focus:c,valid:p,invalid:u,required:T,loading:k,disabled:E,className:r(e.className,jo),children:[Q&&mt(A,{className:"k-input-icon",icon:F}),mt(ee,{placeholder:o,value:t,"aria-label":w}),mt(re,{...e}),mt(te,{...e}),mt(j,{...e})]})};ke.states=Dr;ke.options=Hr;ke.className=jo;ke.defaultOptions=ga;ke.moduleName=ya;ke.folderName=Zo;import{jsx as VC}from"react/jsx-runtime";var Sa="textbox",en=Sa;import{Fragment as tn,jsx as ye,jsxs as va}from"react/jsx-runtime";var an="k-textbox",Pr=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Br={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Kt={showClearButton:!0,showValidationIcon:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:l,separators:n=Kt.separators,showClearButton:i=Kt.showClearButton,showValidationIcon:m=Kt.showValidationIcon,prefix:c,suffix:p,type:u,value:T,placeholder:k,hover:E,focus:Q,valid:F,invalid:w,required:M,loading:R,disabled:V,readonly:ne,id:ue,"aria-label":Ee,"aria-describedby":be,...Qe}=e;return va(_,{...Qe,size:t,rounded:o,fillMode:l,hover:E,focus:Q,valid:F,invalid:w,required:M,loading:R,disabled:V,readonly:ne,className:r(e.className,an),children:[c&&va(tn,{children:[ye(Oe,{children:c}),n&&ye(De,{})]}),ye(ee,{id:ue,placeholder:k,value:T,type:u,disabled:V,"aria-label":Ee,"aria-describedby":be,"aria-invalid":w?"true":void 0}),m&&ye(te,{valid:F,invalid:w,loading:R,disabled:V}),ye(re,{loading:R,disabled:V}),i&&ye(j,{loading:R,disabled:V,readonly:ne,value:T}),p&&va(tn,{children:[n&&ye(De,{}),ye(_e,{children:p})]})]})};U.states=Pr;U.options=Br;U.className=an;U.defaultOptions=Kt;U.moduleName=Sa;U.folderName=en;U.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector