@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 193 kB
JavaScript
var i=(...t)=>t.filter(a=>a!==!0&&!!a).map(a=>Array.isArray(a)?i(...a):typeof a=="object"?Object.keys(a).map((l,r)=>a[r]||a[l]&&l||null).filter(l=>l!==null).join(" "):a).filter(a=>!!a).join(" ");var z=(t,a)=>i({[`${t}-xs`]:a.size==="xsmall",[`${t}-sm`]:a.size==="small",[`${t}-md`]:a.size==="medium",[`${t}-lg`]:a.size==="large",[`${t}-xl`]:a.size==="xlarge",[`${t}-xxl`]:a.size==="xxlarge",[`${t}-xxxl`]:a.size==="xxxlarge"},{[`${t}-${a.fillMode}`]:a.fillMode},{[`${t}-${a.themeColor}`]:a.themeColor},{"k-rounded-sm":a.rounded==="small","k-rounded-md":a.rounded==="medium","k-rounded-lg":a.rounded==="large","k-rounded-full":a.rounded==="full","k-rounded-none":a.rounded==="none"}),G=(t,a)=>{let{valid:l,invalid:r,hover:s,focus:d,checked:m,active:b,selected:C,disabled:v,indeterminate:y,loading:g,empty:f,readonly:I,highlighted:M,...P}=a;return i({"k-valid":l,"k-invalid":r,"k-hover":s,"k-focus":d,"k-checked":m,"k-active":b,"k-selected":C,"k-disabled":v,"k-indeterminate":y&&!m,"k-loading":g,"k-empty":f,"k-readonly":I,"k-highlighted":M},Object.keys(P).reduce((_,D)=>(D.startsWith("k-")?_[D]=P[D]:_[`k-${D}`]=P[D],_),{}))};function Mn(t,a){if(!a)return{};let l=Array.isArray(a)?a:[a];return Object.fromEntries(l.map(r=>[`k-${r}`,!0]))}var u={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={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"},Lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},E={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},p={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 $l={};function X(t){return $l[t]=($l[t]||0)+1,`k-${t}-${$l[t]}`}import{Fragment as Jd,jsx as Ln}from"react/jsx-runtime";var Xl="k-font-icon",Vd=[],$d={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info]},Xd={},Ta=t=>{let{size:a,themeColor:l,icon:r,rotate:s,flip:d,...m}=t;return r?Ln("span",{...m,className:i(t.className,Xl,z(Xl,{size:a}),{[`k-i-${r}`]:r,[`k-color-${l}`]:l,[`k-rotate-${s}`]:s,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Ln(Jd,{})};Ta.states=Vd;Ta.options=$d;Ta.className=Xl;Ta.defaultOptions=Xd;var En=Ta;import{Fragment as Qd,jsx as tl}from"react/jsx-runtime";var Jl="k-svg-icon",qd=[],Yd={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info],variant:[Lt.outline,Lt.solid,Lt.duotone]},ql={viewBox:"0 0 24 24",variant:Lt.outline},wa=t=>{let{size:a,themeColor:l,rotate:r,flip:s,viewBox:d=ql.viewBox,variant:m=ql.variant,icon:b,...C}=t;if(!b)return tl(Qd,{});if(b==="none")return tl("span",{...C,className:i(t.className,Jl,z("k-icon",{size:a}),"k-none"),"aria-hidden":"true"});let v=typeof b=="object"&&b.name&&b.name,y=typeof b=="object"?m&&b.variants?.[m]||b.variants?.outline||b.content:void 0;return tl("span",{...C,className:i(t.className,Jl,z("k-icon",{size:a}),{[`k-svg-i-${v}`]:v,[`k-color-${l}`]:l,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:tl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof b=="object"?b.viewBox:d,dangerouslySetInnerHTML:y!==void 0?{__html:y}:void 0,children:b?void 0:t.children})})};wa.states=qd;wa.options=Yd;wa.className=Jl;wa.defaultOptions=ql;var Yl=wa;import*as Ql from"@progress/kendo-svg-icons";var An="icon",Rn="icons";import{useContext as jd}from"react";import{createContext as Zd}from"react";var In=Zd({iconsType:"svg"});import{Fragment as On,jsx as Ma}from"react/jsx-runtime";var ol="k-icon",ec=t=>t.replace(/([-_][a-z0-9])/gi,a=>a.toUpperCase().replace("-","").replace("_","")),tc=[],oc={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info],variant:[Lt.outline,Lt.solid,Lt.duotone]},al={viewBox:"0 0 24 24",type:"svg",variant:Lt.outline},R=t=>{let{iconsType:a}=jd(In),{size:l,themeColor:r,icon:s,type:d=a||al.type,rotate:m,flip:b,viewBox:C=al.viewBox,variant:v=al.variant,...y}=t;if(!s)return Ma(On,{});if((a||d)==="svg"){if(s==="none")return Ma(Yl,{...y,className:i(t.className,ol),icon:s,size:l,variant:v});let f=Ql[s]?s:ec(`${s}-icon`);return Ql[f]?Ma(Yl,{...y,className:i(t.className,ol),icon:Ql[f],size:l,themeColor:r,rotate:m,flip:b,viewBox:C,variant:v}):Ma(On,{})}return Ma(En,{...y,className:i(t.className,ol),icon:s,size:l,themeColor:r,rotate:m,flip:b})};R.states=tc;R.options=oc;R.defaultOptions=al;R.className=ol;R.moduleName=An;R.folderName=Rn;R.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 Zl=R;var jl="button",Bn=jl;import{Fragment as Pn,jsx as Io,jsxs as Dn}from"react/jsx-runtime";var La="k-button",ac=["icon-button"],lc=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],rc={size:[u.undefined,u.xsmall,u.small,u.medium,u.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info,E.inverse]},er={showArrow:!1,arrowIconName:"chevron-down"},c=t=>{let{as:a="button",size:l,rounded:r,fillMode:s,themeColor:d,showArrow:m=er.showArrow,arrowIconName:b=er.arrowIconName,variant:C,hover:v,focus:y,active:g,selected:f,disabled:I,togglable:M,ariaDisabled:P,icon:_,iconSize:D,text:$,iconClassName:me,className:ke,...Oe}=t,Le=_!=null,Fe=t.children!==void 0;return Dn(a,{className:i(ke,La,Mn(La,C),z(La,{size:l,rounded:r,fillMode:s,themeColor:d}),G(La,{hover:v,focus:y,active:g,disabled:I||P,selected:f}),{"k-icon-button":!$&&!Fe&&Le}),"aria-pressed":M?f?"true":"false":void 0,...Oe,"aria-disabled":P?"true":void 0,disabled:I||void 0,children:[typeof _=="string"&&_&&Io(R,{className:i(me,"k-button-icon"),icon:_,size:D}),_&&typeof _!="string"&&Io(Pn,{children:_}),$?Dn(Pn,{children:[$&&Io("span",{className:"k-button-text",children:$}),t.children]}):t.children&&Io("span",{className:"k-button-text",children:t.children}),m&&Io("span",{className:"k-menu-button-arrow k-button-arrow",children:Io(R,{icon:b})})]})};c.states=lc;c.options=rc;c.variants=ac;c.className=La;c.defaultOptions=er;c.moduleName=jl;c.folderName=Bn;c.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 nc}from"react/jsx-runtime";var Zt=t=>nc(c,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as sc}from"react/jsx-runtime";var Ea=t=>sc(c,{icon:"folder",children:"Button",...t});import{jsx as ic}from"react/jsx-runtime";var bo=t=>ic(c,{children:"Button",...t});import{jsx as tr}from"react/jsx-runtime";var dc=c.options,cc=c.states,pc={...c.defaultOptions,variant:"text"},uc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mc=[],Oo=t=>{let{variant:a,...l}=t;switch(a){case"icon-only":return tr(Zt,{...l,icon:"star"});case"icon-and-text":return tr(Ea,{...l,icon:"star",children:"Button"});default:return tr(bo,{...l,children:"Button"})}};Oo.options=dc;Oo.states=cc;Oo.variants=uc;Oo.defaultOptions=pc;Oo.modifiers=mc;Oo.className=c.className;var or="button",Kn=or;import{jsx as xc}from"react/jsx-runtime";var Aa="k-button-group",hc=[p.disabled],bc={fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link]},fc={},O=t=>{let{fillMode:a,disabled:l,stretched:r,...s}=t;return xc("div",{role:"group",...s,className:i(t.className,Aa,z(Aa,{fillMode:a}),G(Aa,{disabled:l}),{[`${Aa}-stretched`]:r}),...l&&{"aria-disabled":"true"},children:t.children})};O.states=hc;O.options=bc;O.className=Aa;O.defaultOptions=fc;O.moduleName=or;O.folderName=Kn;O.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as OC,jsx as IC,jsxs as BC}from"react/jsx-runtime";import{Fragment as zC,jsx as _C,jsxs as GC}from"react/jsx-runtime";import{Fragment as XC,jsx as $C,jsxs as JC}from"react/jsx-runtime";import{Fragment as ev,jsx as jC,jsxs as tv}from"react/jsx-runtime";import{Fragment as sv,jsx as nv,jsxs as iv}from"react/jsx-runtime";import{Fragment as hv,jsx as mv,jsxs as bv}from"react/jsx-runtime";import{jsx as Gt,jsxs as ar}from"react/jsx-runtime";var Cc={...c.options,...O.options},vc=c.states,yc={...c.defaultOptions,...O.defaultOptions,variant:"text-button"},kc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Sc=[],Bo=t=>{let{variant:a,className:l,...r}=t;return a==="icon-button"?ar(O,{fillMode:r.fillMode,className:l,children:[Gt(c,{...r,icon:"star"}),Gt(c,{...r,icon:"star"}),Gt(c,{...r,icon:"star"})]}):a==="icon-text-button"?ar(O,{fillMode:r.fillMode,className:l,children:[Gt(c,{...r,icon:"star",children:"First"}),Gt(c,{...r,icon:"star",children:"Middle"}),Gt(c,{...r,icon:"star",children:"Last"})]}):ar(O,{fillMode:r.fillMode,className:l,children:[Gt(c,{...r,children:"First"}),Gt(c,{...r,children:"Middle"}),Gt(c,{...r,children:"Last"})]})};Bo.options=Cc;Bo.states=vc;Bo.variants=kc;Bo.defaultOptions=yc;Bo.modifiers=Sc;Bo.className=O.className;var lr="segmented-control",Hn=lr,_n="segmented-control-button",zn="segmented-control";import{jsx as Tc,jsxs as wc}from"react/jsx-runtime";var ll="k-segmented-control",Nc=[],gc={size:[u.undefined,u.small,u.medium,u.large]},de=t=>{let{size:a,stretched:l,children:r,thumbStyles:s,...d}=t;return wc("div",{...d,className:i(t.className,ll,z(ll,{size:a}),{[`${ll}-stretched`]:l}),role:"group",children:[Tc("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:s}),r]})};de.states=Nc;de.options=gc;de.className=ll;de.moduleName=lr;de.folderName=Hn;de.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 Gn,jsxs as Ac}from"react/jsx-runtime";var rr="k-segmented-control-button",Mc=[p.selected,p.hover,p.focus,p.disabled],Lc={},Ec={},K=t=>{let{hover:a,focus:l,selected:r,disabled:s,icon:d,text:m,iconClassName:b,...C}=t;return Ac("button",{...C,className:i(t.className,rr,G(rr,{hover:a,focus:l,disabled:s,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":s?"true":void 0,children:[d&&Gn(R,{className:i(b,"k-segmented-control-button-icon"),icon:d}),(m||t.children)&&Gn("span",{className:"k-segmented-control-button-text",children:m||t.children})]})};K.states=Mc;K.options=Lc;K.className=rr;K.defaultOptions=Ec;K.moduleName=_n;K.folderName=zn;import{Fragment as Vv,jsx as Wv,jsxs as $v}from"react/jsx-runtime";import{Fragment as Zv,jsx as Qv,jsxs as jv}from"react/jsx-runtime";import{Fragment as ry,jsx as ly,jsxs as ny}from"react/jsx-runtime";import{Fragment as uy,jsx as py,jsxs as my}from"react/jsx-runtime";import{Fragment as vy,jsx as Cy,jsxs as yy}from"react/jsx-runtime";import{jsx as Rc}from"react/jsx-runtime";var Un="k-calendar-view",nr={orientation:"horizontal",calendarView:"month"},sl=t=>{let{orientation:a=nr.orientation,calendarView:l=nr.calendarView,gridRole:r,ariaLabelledBy:s,...d}=t;return Rc("div",{...d,className:i(t.className,Un,`k-calendar-${l}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),...r?{role:"grid","aria-labelledby":s,tabIndex:0}:{},children:t.children})};sl.className=Un;sl.defaultOptions=nr;import{jsx as Ra,jsxs as Fn}from"react/jsx-runtime";var Wn="k-calendar-header",Ic={size:[u.undefined,u.small,u.medium,u.large]},Ia={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},fo=t=>{let{calendarTitleText:a=Ia.calendarTitleText,showToday:l=Ia.showToday,showNavigationButtons:r=Ia.showNavigationButtons,orientation:s=Ia.orientation,size:d,calendarView:m,dir:b,titleId:C,...v}=t,y=b==="rtl"?"chevron-right":"chevron-left",g=b==="rtl"?"chevron-left":"chevron-right",f=C||X("calendar-title");return Fn("div",{...v,className:i(t.className,Wn,{"k-vstack":s==="vertical"}),children:[Ra(c,{disabled:m==="century",className:"k-calendar-title",text:a,size:d,fillMode:"flat",themeColor:"primary",id:f,tabIndex:-1,"aria-label":`Navigate to parent view: ${a}`,...m==="century"?{"aria-disabled":"true"}:{}}),Ra("span",{className:"k-spacer"}),Fn("span",{className:"k-calendar-nav",children:[r&&Ra(c,{className:"k-calendar-nav-prev",icon:y,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),l&&Ra(c,{size:d,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),r&&Ra(c,{className:"k-calendar-nav-next",icon:g,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};fo.options=Ic;fo.className=Wn;fo.defaultOptions=Ia;import{jsx as Vn}from"react/jsx-runtime";var $n="k-calendar-footer",Oc={size:[u.undefined,u.small,u.medium,u.large]},Xn={calendarFooterText:"Tuesday, October 12, 2021"},Oa=t=>{let{size:a,calendarFooterText:l=Xn.calendarFooterText,...r}=t;return Vn("div",{...r,className:i(t.className,$n),children:Vn(c,{size:a,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:l})})};Oa.options=Oc;Oa.className=$n;Oa.defaultOptions=Xn;var Be="calendar",He=Be;import{jsx as sr,jsxs as Dc}from"react/jsx-runtime";var ir="k-calendar",Bc=[],Pc={size:[u.undefined,u.small,u.medium,u.large]},Ba={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ce=t=>{let{size:a,orientation:l=Ba.orientation,calendarView:r=Ba.calendarView,calendarTitleText:s=Ba.calendarTitleText,showCalendarHeader:d=Ba.showCalendarHeader,showWeek:m,showCalendarFooter:b,calendarFooterText:C,dir:v,...y}=t,g=X("calendar-title");return Dc("div",{...y,dir:v,className:i(t.className,ir,z(ir,{size:a}),{"k-week-number":m}),children:[d&&sr(fo,{calendarView:r,showToday:!b,calendarTitleText:s,orientation:l,size:a,dir:v,titleId:g}),sr(sl,{calendarView:r,orientation:l,gridRole:!0,ariaLabelledBy:g,children:t.children}),b&&sr(Oa,{calendarFooterText:C,size:a})]})};ce.states=Bc;ce.options=Pc;ce.className=ir;ce.defaultOptions=Ba;ce.moduleName=Be;ce.folderName=He;ce.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as zc}from"react/jsx-runtime";var Jn="k-calendar-container",Kc=[],Hc={},_c={},Po=t=>{let{...a}=t;return zc("div",{...a,className:i(t.className,Jn),children:t.children})};Po.states=Kc;Po.options=Hc;Po.className=Jn;Po.defaultOptions=_c;Po.moduleName=Be;Po.folderName=He;import{Fragment as Uc,jsx as Do,jsxs as Fc}from"react/jsx-runtime";var Gc=[p.hover,p.focus,p.active,p.selected,p.disabled],e=t=>{let{text:a,headerCell:l,today:r,weekend:s,showOtherMonth:d,weekCell:m,rangeStart:b,rangeMid:C,rangeEnd:v,dayIndicator:y,empty:g,hover:f,focus:I,active:M,selected:P,disabled:_,...D}=t,me=`k-calendar-${l?"th":"td"}`,ke=[t.className,me,G(me,{hover:f,focus:I,active:M,selected:P,disabled:_}),{"k-today":r,"k-weekend":s,"k-other-month":d,"k-alt":m,"k-range-start":b,"k-range-mid":C,"k-range-end":v,"k-empty":g}],Oe={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(l){let Le=a?Oe[a]||a:void 0;return Do("th",{...D,className:i(ke),role:"columnheader",scope:"col","aria-label":Le,children:m?Do("span",{className:"k-sr-only",children:Le}):a})}return m?Do("td",{...D,className:i(ke),children:a}):Do("td",{...D,className:i(ke),role:"gridcell",...P?{"aria-selected":"true"}:{},..._?{"aria-disabled":"true"}:{},children:g&&!d?Do(Uc,{children:"\xA0"}):Fc("span",{className:"k-link",children:[a,y&&Do("span",{className:"k-day-indicator"})]})})};e.states=Gc;import{jsx as dr,jsxs as Wc}from"react/jsx-runtime";var qn="k-calendar-thead",Yn={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ko=t=>{let{showWeek:a,cellsText:l=Yn.cellsText,...r}=t;return dr("thead",{...r,className:i(t.className,qn),role:"rowgroup",children:Wc("tr",{className:"k-calendar-tr",role:"row",children:[a&&dr(e,{weekCell:!0,headerCell:!0,text:"W"}),l.map((s,d)=>dr(e,{text:s,headerCell:!0},d))]})})};Ko.className=qn;Ko.defaultOptions=Yn;import{jsx as Vc}from"react/jsx-runtime";var Qn="k-calendar-tbody",Ee=t=>{let{...a}=t;return Vc("tbody",{...a,className:i(t.className,Qn),role:"rowgroup",children:t.children})};Ee.className=Qn;Ee.moduleName=Be;Ee.folderName=He;import{jsx as cr,jsxs as Xc}from"react/jsx-runtime";var $c="k-calendar-table",he=t=>{let{calendarCaption:a,showTableHead:l,showWeek:r,ariaLabelledBy:s,ariaActiveDescendant:d,gridRole:m,...b}=t;return Xc("table",{...b,className:i(t.className,$c),...m?{role:"grid","aria-labelledby":s,"aria-activedescendant":d,tabIndex:0}:{role:"none"},children:[a&&cr("caption",{className:"k-calendar-caption",children:a}),l&&cr(Ko,{showWeek:r}),cr(Ee,{children:t.children})]})};import{jsx as pr,jsxs as Zn}from"react/jsx-runtime";var jn="k-calendar-navigation",Pa=t=>Zn("div",{...t,className:i(t.className,jn),children:[pr("span",{className:"k-calendar-navigation-highlight"}),Zn("div",{className:"k-content k-scrollable",children:[pr("ul",{className:"k-reset",children:t.children}),pr("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Pa.className=jn;Pa.moduleName=Be;Pa.folderName=He;import{jsx as qc}from"react/jsx-runtime";var Jc="k-calendar-table",ur=t=>{let{tableRole:a="none",ariaLabelledBy:l,...r}=t;return qc("table",{...r,className:i(t.className,Jc),role:a,...l?{"aria-labelledby":l}:{},...a==="grid"?{tabIndex:0}:{},children:t.children})};import{jsx as gt,jsxs as il}from"react/jsx-runtime";var es="k-calendar-view",Ho={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},_o=t=>{let{orientation:a=Ho.orientation,calendarView:l=Ho.calendarView,headerText:r=Ho.headerText,showWeekdays:s=Ho.showWeekdays,showNavigationButtons:d=Ho.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:b,gridLabelledBy:C,...v}=t;return il("div",{...v,className:i(es,`k-calendar-${l}view`,t.className,{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),children:[gt(fo,{showNavigationButtons:d,calendarTitleText:r,orientation:"horizontal"}),s&&il(ur,{className:"k-calendar-weekdays",tableRole:"table",children:[il("colgroup",{children:[gt("col",{}),gt("col",{}),gt("col",{}),gt("col",{}),gt("col",{}),gt("col",{}),gt("col",{})]}),gt(Ko,{cellsText:b,showWeek:m})]}),il("div",{className:"k-content k-scrollable",role:"none",children:[gt(ur,{tableRole:"grid",ariaLabelledBy:C,children:t.children}),gt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};_o.className=es;_o.defaultOptions=Ho;_o.moduleName=Be;_o.folderName=He;import{jsx as dl,jsxs as ep}from"react/jsx-runtime";var ts="k-calendar-infinite",Yc={size:[u.undefined,u.small,u.medium,u.large]},Qc=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Zc={2021:"marker",2022:"marker"},jc=(t,a)=>t.map((l,r)=>dl("li",{children:dl("span",{className:a[l]==="marker"?"k-calendar-navigation-marker":void 0,children:l})},r)),Da={showNavigation:!0,calendarView:"month",navigationItems:Qc,navigationMarkerConfig:Zc},Ce=t=>{let{size:a,showNavigation:l=Da.showNavigation,calendarView:r=Da.calendarView,navigationItems:s=Da.navigationItems,navigationMarkerConfig:d=Da.navigationMarkerConfig,calendarTitleText:m,showWeekdays:b,showWeekNumbers:C,showNavigationButtons:v,calendarWeekdays:y,...g}=t,f=X("calendar-infinite-title");return ep("div",{...g,className:i(t.className,"k-calendar",ts,z("k-calendar",{size:a})),children:[l&&dl(Pa,{children:jc(s,d)}),dl(_o,{calendarView:r,headerText:m,showWeekdays:b,showWeekNumbers:C,showNavigationButtons:v,orientation:"vertical",weekdayCellsText:y,gridLabelledBy:f,children:t.children})]})};Ce.options=Yc;Ce.className=ts;Ce.defaultOptions=Da;Ce.moduleName=Be;Ce.folderName=He;Ce.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 tp}from"react/jsx-runtime";var os="k-calendar-tr",h=t=>{let{...a}=t;return tp("tr",{...a,className:i(t.className,os),role:"row",children:t.children})};h.className=os;h.moduleName=Be;h.folderName=He;import{jsx as op}from"react/jsx-runtime";var as="k-calendar-caption",_e=t=>{let{text:a,scope:l,colSpan:r,rowSpan:s,...d}=t;return op("th",{...d,scope:l,colSpan:r,rowSpan:s,className:i(t.className,as),children:a})};_e.className=as;_e.moduleName=Be;_e.folderName=He;import{jsx as tt,jsxs as cl}from"react/jsx-runtime";var ls=({showOtherCentury:t,...a})=>tt(ce,{calendarView:"century",calendarTitleText:"2000 - 2099",children:cl(he,{children:[cl(h,{children:[tt(e,{text:"1990 - 1999"}),tt(e,{text:"2000 - 2009"}),tt(e,{text:"2010 - 2019",today:!0}),tt(e,{text:"2020 - 2029"})]}),cl(h,{children:[tt(e,{text:"2030 - 2039"}),tt(e,{text:"2040 - 2049"}),tt(e,{text:"2050 - 2059"}),tt(e,{text:"2060 - 2069"})]}),cl(h,{children:[tt(e,{text:"2070 - 2079"}),tt(e,{text:"2080 - 2089"}),tt(e,{text:"2090 - 2099"}),tt(e,{text:"2100 - 2109",empty:!t})]})]}),...a});import{jsx as ot,jsxs as pl}from"react/jsx-runtime";var rs=({showOtherDecade:t,...a})=>ot(ce,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:pl(he,{children:[pl(h,{children:[ot(e,{text:"2019",empty:!t}),ot(e,{text:"2020"}),ot(e,{text:"2021",today:!0}),ot(e,{text:"2022"})]}),pl(h,{children:[ot(e,{text:"2023"}),ot(e,{text:"2024"}),ot(e,{text:"2025"}),ot(e,{text:"2026"})]}),pl(h,{children:[ot(e,{text:"2027"}),ot(e,{text:"2028"}),ot(e,{text:"2029"}),ot(e,{text:"2030",empty:!t})]})]}),...a});import{jsx as U,jsxs as xo}from"react/jsx-runtime";var ns=({showCaptions:t,showOtherMonth:a,...l})=>U(ce,{calendarView:"month",children:xo(he,{calendarCaption:t&&"October 2021",showTableHead:!0,children:[xo(h,{children:[U(e,{text:"26",showOtherMonth:a,empty:!a,weekend:a}),U(e,{text:"27",showOtherMonth:a,empty:!a}),U(e,{text:"28",showOtherMonth:a,empty:!a}),U(e,{text:"29",showOtherMonth:a,empty:!a}),U(e,{text:"30",showOtherMonth:a,empty:!a}),U(e,{text:"1"}),U(e,{text:"2",weekend:!0})]}),xo(h,{children:[U(e,{text:"3",weekend:!0}),U(e,{text:"4"}),U(e,{text:"5"}),U(e,{text:"6"}),U(e,{text:"7"}),U(e,{text:"8"}),U(e,{text:"9",weekend:!0})]}),xo(h,{children:[U(e,{text:"10",weekend:!0}),U(e,{text:"11"}),U(e,{text:"12",today:!0}),U(e,{text:"13"}),U(e,{text:"14"}),U(e,{text:"15"}),U(e,{text:"16",weekend:!0})]}),xo(h,{children:[U(e,{text:"17",weekend:!0}),U(e,{text:"18"}),U(e,{text:"19"}),U(e,{text:"20"}),U(e,{text:"21"}),U(e,{text:"22"}),U(e,{text:"23",weekend:!0})]}),xo(h,{children:[U(e,{text:"24",weekend:!0}),U(e,{text:"25"}),U(e,{text:"26"}),U(e,{text:"27"}),U(e,{text:"28"}),U(e,{text:"29"}),U(e,{text:"30",weekend:!0})]}),xo(h,{children:[U(e,{text:"31",weekend:!0}),U(e,{text:"1",showOtherMonth:a,empty:!a}),U(e,{text:"2",showOtherMonth:a,empty:!a}),U(e,{text:"3",showOtherMonth:a,empty:!a}),U(e,{text:"4",showOtherMonth:a,empty:!a}),U(e,{text:"5",showOtherMonth:a,empty:!a}),U(e,{text:"6",showOtherMonth:a,empty:!a,weekend:a})]})]}),...l});import{jsx as oS,jsxs as aS}from"react/jsx-runtime";import{jsx as at,jsxs as ul}from"react/jsx-runtime";var ss=t=>at(ce,{calendarView:"year",calendarTitleText:"2019",children:ul(he,{children:[ul(h,{children:[at(e,{text:"Jan"}),at(e,{text:"Feb"}),at(e,{text:"Mar"}),at(e,{text:"Apr"})]}),ul(h,{children:[at(e,{text:"May"}),at(e,{text:"Jun"}),at(e,{text:"Jul"}),at(e,{text:"Au"})]}),ul(h,{children:[at(e,{text:"Sep"}),at(e,{text:"Oct",today:!0}),at(e,{text:"Nov"}),at(e,{text:"Dec"})]})]}),...t});import{Fragment as ap,jsx as B,jsxs as Ut}from"react/jsx-runtime";var is=({firstCaption:t="January 2021",secondCaption:a="February 2021",...l})=>B(Ce,{calendarTitleText:"January 2021",children:Ut(ap,{children:[Ut("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Ut(Ee,{children:[B(h,{"aria-hidden":"true",children:B(_e,{scope:"col",colSpan:7,text:t})}),Ut(h,{children:[B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{text:"1"}),B(e,{text:"2",weekend:!0})]}),Ut(h,{children:[B(e,{text:"3",weekend:!0}),B(e,{text:"4"}),B(e,{text:"5"}),B(e,{text:"6"}),B(e,{text:"7"}),B(e,{text:"8"}),B(e,{text:"9",weekend:!0})]}),Ut(h,{children:[B(e,{text:"10",weekend:!0}),B(e,{text:"11"}),B(e,{text:"12"}),B(e,{text:"13"}),B(e,{text:"14"}),B(e,{text:"15"}),B(e,{text:"16",weekend:!0})]}),Ut(h,{children:[B(e,{text:"17",weekend:!0}),B(e,{text:"18"}),B(e,{text:"19"}),B(e,{text:"20"}),B(e,{text:"21"}),B(e,{text:"22"}),B(e,{text:"23",weekend:!0})]}),Ut(h,{children:[B(e,{text:"24",weekend:!0}),B(e,{text:"25"}),B(e,{text:"26"}),B(e,{text:"27"}),B(e,{text:"28"}),B(e,{text:"29"}),B(e,{text:"30",weekend:!0})]}),Ut(h,{children:[B(e,{text:"31",weekend:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0}),B(e,{empty:!0})]})]}),B(Ee,{children:B(h,{"aria-hidden":"true",children:B(_e,{scope:"col",colSpan:7,text:a})})})]}),...l});import{Fragment as lp,jsx as J,jsxs as Et}from"react/jsx-runtime";var ds=({firstCaption:t="2021",secondCaption:a="2022",...l})=>J(Ce,{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:Et(lp,{children:[Et("colgroup",{children:[J("col",{}),J("col",{}),J("col",{}),J("col",{})]}),Et(Ee,{children:[J(h,{"aria-hidden":"true",children:J(_e,{scope:"col",colSpan:4,text:t})}),Et(h,{children:[J(e,{text:"Jan",today:!0}),J(e,{text:"Feb"}),J(e,{text:"Mar"}),J(e,{text:"Apr"})]}),Et(h,{children:[J(e,{text:"May"}),J(e,{text:"Jun"}),J(e,{text:"Jul"}),J(e,{text:"Aug"})]}),Et(h,{children:[J(e,{text:"Sep"}),J(e,{text:"Oct"}),J(e,{text:"Nov"}),J(e,{text:"Dec"})]})]}),Et(Ee,{children:[J(h,{"aria-hidden":"true",children:J(_e,{scope:"col",colSpan:4,text:a})}),Et(h,{children:[J(e,{text:"Jan"}),J(e,{text:"Feb"}),J(e,{text:"Mar"}),J(e,{text:"Apr"})]}),Et(h,{children:[J(e,{text:"May"}),J(e,{text:"Jun"}),J(e,{text:"Jul"}),J(e,{text:"Aug"})]}),Et(h,{children:[J(e,{text:"Sep"}),J(e,{text:"Oct"}),J(e,{text:"Nov"}),J(e,{text:"Dec"})]})]})]}),...l});import{Fragment as rp,jsx as q,jsxs as At}from"react/jsx-runtime";var cs=({firstCaption:t="2020 - 2029",secondCaption:a="2030 - 2039",...l})=>q(Ce,{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:At(rp,{children:[At("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{})]}),At(Ee,{children:[q(h,{"aria-hidden":"true",children:q(_e,{scope:"col",colSpan:4,text:t})}),At(h,{children:[q(e,{text:"2020",today:!0}),q(e,{text:"2021"}),q(e,{text:"2022"}),q(e,{text:"2023"})]}),At(h,{children:[q(e,{text:"2024"}),q(e,{text:"2025"}),q(e,{text:"2026"}),q(e,{text:"2027"})]}),At(h,{children:[q(e,{text:"2028"}),q(e,{text:"2029"}),q(e,{empty:!0}),q(e,{empty:!0})]})]}),At(Ee,{children:[q(h,{"aria-hidden":"true",children:q(_e,{scope:"col",colSpan:4,text:a})}),At(h,{children:[q(e,{text:"2030"}),q(e,{text:"2031"}),q(e,{text:"2032"}),q(e,{text:"2033"})]}),At(h,{children:[q(e,{text:"2034"}),q(e,{text:"2035"}),q(e,{text:"2036"}),q(e,{text:"2037"})]}),At(h,{children:[q(e,{text:"2038"}),q(e,{text:"2039"}),q(e,{empty:!0}),q(e,{empty:!0})]})]})]}),...l});import{Fragment as np,jsx as ge,jsxs as zo}from"react/jsx-runtime";var ps=({firstCaption:t="2000 - 2099",...a})=>ge(Ce,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:zo(np,{children:[zo("colgroup",{children:[ge("col",{}),ge("col",{}),ge("col",{}),ge("col",{})]}),zo(Ee,{children:[ge(h,{"aria-hidden":"true",children:ge(_e,{scope:"col",colSpan:4,text:t})}),zo(h,{children:[ge(e,{text:"1900 - 1999"}),ge(e,{text:"2000 - 2009"}),ge(e,{text:"2010 - 2019"}),ge(e,{text:"2020 - 2029"})]}),zo(h,{children:[ge(e,{text:"2030 - 2039"}),ge(e,{text:"2040 - 2049"}),ge(e,{text:"2050 - 2059"}),ge(e,{text:"2060 - 2069"})]}),zo(h,{children:[ge(e,{text:"2070 - 2079"}),ge(e,{text:"2080 - 2089"}),ge(e,{text:"2090 - 2099"}),ge(e,{empty:!0})]})]})]}),...a});import{Fragment as gS,jsx as SS,jsxs as NS}from"react/jsx-runtime";import{jsx as LS,jsxs as ES}from"react/jsx-runtime";import{Fragment as PS,jsx as OS,jsxs as BS}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";var sp=ce.options,ip=ce.states,us={...ce.defaultOptions,variant:"month"},dp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],cp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Go=t=>{let{variant:a,modifiers:l,...r}={...us,...t},s={showCalendarFooter:!1};Object.keys(l||{}).forEach(v=>{switch(v){case"other":s.showOtherMonth=!!l?.[v],s.showOtherCentury=!!l?.[v],s.showOtherDecade=!!l?.[v];break;case"footer":s.showCalendarFooter=!!l?.[v];break;default:return}});let{showOtherMonth:d,showOtherDecade:m,showOtherCentury:b,showCalendarFooter:C}=s;switch(a){case"century":return ml(ls,{size:r.size,showOtherCentury:b,showCalendarFooter:C});case"decade":return ml(rs,{size:r.size,showOtherDecade:m,showCalendarFooter:C});case"year":return ml(ss,{calendarTitleText:"2021",size:r.size,showCalendarFooter:C});default:return ml(ns,{size:r.size,showOtherMonth:d,showCalendarFooter:C})}};Go.options=sp;Go.states=ip;Go.variants=dp;Go.defaultOptions=us;Go.modifiers=cp;Go.className=ce.className;import{jsx as hl}from"react/jsx-runtime";var pp=Ce.options,up=Ce.states,ms={...Ce.defaultOptions,variant:"month"},mp=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],hp=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Uo=t=>{let{variant:a,modifiers:l,...r}={...ms,...t},s={showCalendarFooter:!1};Object.keys(l||{}).forEach(v=>{switch(v){case"other":s.showOtherMonth=!!l?.[v],s.showOtherCentury=!!l?.[v],s.showOtherDecade=!!l?.[v];break;case"footer":s.showCalendarFooter=!!l?.[v];break;default:return}});let{showOtherMonth:d,showOtherDecade:m,showOtherCentury:b,showCalendarFooter:C}=s;switch(a){case"century":return hl(ps,{size:r.size,showOtherCentury:b,showCalendarFooter:C});case"decade":return hl(cs,{size:r.size,showOtherDecade:m,showCalendarFooter:C});case"year":return hl(ds,{size:r.size,showCalendarFooter:C});default:return hl(is,{size:r.size,showOtherMonth:d,showCalendarFooter:C})}};Uo.options=pp;Uo.states=up;Uo.variants=mp;Uo.defaultOptions=ms;Uo.modifiers=hp;Uo.className=Ce.className;import{Fragment as BN,jsx as IN,jsxs as ON}from"react/jsx-runtime";var ee="scheduler",oe=ee;import{jsx as Cp}from"react/jsx-runtime";var hs="k-scheduler-layout",bp=[],fp={},xp={},Co=t=>{let{as:a="div",view:l,...r}=t,s=l==="agenda"?"grid":l==="year"?void 0:"none";return Cp(a,{...r,className:i(t.className,hs,{[`k-scheduler-${l}view`]:l}),...s&&{role:s},children:t.children})};Co.states=bp;Co.options=fp;Co.className=hs;Co.defaultOptions=xp;Co.moduleName=ee;Co.folderName=oe;var bs=Co;import{jsx as Sp,jsxs as Np}from"react/jsx-runtime";var fs="k-scheduler",vp=[],yp={},kp={},Y=t=>{let{view:a,toolbar:l,footer:r,layout:s,...d}=t;return Np("div",{...d,className:i(t.className,fs),role:"application",children:[l,Sp(bs,{className:i({"k-scheduler-layout-flex":s==="flex"}),as:s==="table"?"table":"div",view:a,children:t.children}),r]})};Y.states=vp;Y.options=yp;Y.className=fs;Y.defaultOptions=kp;Y.moduleName=ee;Y.folderName=oe;Y.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-chevron-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-chevron-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows SegmentedControl spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-segmented-control-button",attribute:"aria-pressed (when selected)",usage:"Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};import{jsx as xs}from"react/jsx-runtime";var Cs="k-scheduler-header",Rt=t=>xs("div",{...t,className:i(Cs,t.className),children:xs("div",{className:"k-scheduler-header-wrap",children:t.children})});Rt.className=Cs;Rt.moduleName=ee;Rt.folderName=oe;import{jsx as gp}from"react/jsx-runtime";var vs="k-scheduler-content",It=t=>gp("div",{...t,className:i(vs,t.className),children:t.children});It.className=vs;It.moduleName=ee;It.folderName=oe;import{jsx as Tp}from"react/jsx-runtime";var ys="k-scheduler-times",jt=t=>Tp("div",{...t,className:i(ys,t.className),children:t.children});jt.className=ys;jt.moduleName=ee;jt.folderName=oe;import{jsx as wp}from"react/jsx-runtime";var ks="k-scheduler-table",Ot=t=>wp("table",{...t,className:i(ks,t.className),children:t.children});Ot.className=ks;Ot.moduleName=ee;Ot.folderName=oe;import{jsx as Ss}from"react/jsx-runtime";var Ns="k-scheduler-cell",Mp=[],Lp={},Ep={},n=t=>{let{cellType:a,allDay:l,text:r,colspan:s,rowspan:d,as:m="div",...b}=t,C=r||t.children,v=!r&&!t.children,y=m==="th"&&v&&!b.role?"presentation":void 0;return Ss(m,{...b,colSpan:s,rowSpan:d,...y&&{role:y},className:i(Ns,t.className,{"k-scheduler-times-all-day":l},a?.map(g=>({[`k-${g}-cell`]:!0}))),children:!l&&r?Ss("span",{className:"k-link k-nav-day",children:C}):C})};n.states=Mp;n.options=Lp;n.defaultOptions=Ep;n.className=Ns;n.moduleName=ee;n.folderName=oe;import{jsx as Ap}from"react/jsx-runtime";var gs="k-sticky-cell",Fo=t=>Ap("div",{...t,className:i(gs,t.className),children:t.children});Fo.className=gs;Fo.moduleName=ee;Fo.folderName=oe;import{jsx as Rp}from"react/jsx-runtime";var Ts="k-scheduler-row",w=t=>Rp("div",{...t,className:i(Ts,t.className),children:t.children});w.className=Ts;w.moduleName=ee;w.folderName=oe;var Ka="input",bl=Ka;import{jsx as Pp}from"react/jsx-runtime";var fl="k-input",Ip=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Op={size:[u.undefined,u.small,u.medium,u.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Bp={},Se=t=>{let{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:b,size:C,rounded:v,fillMode:y,...g}=t;return Pp("span",{...g,className:i(t.className,fl,z(fl,{size:C,rounded:v,fillMode:y}),G(fl,{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:b}))})};Se.states=Ip;Se.options=Op;Se.className=fl;Se.defaultOptions=Bp;Se.moduleName=Ka;Se.folderName=bl;import{jsx as _p}from"react/jsx-runtime";var xl="k-picker",Dp=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Kp={size:[u.undefined,u.small,u.medium,u.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Hp={},Bt=t=>{let{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:b,size:C,rounded:v,fillMode:y,...g}=t;return _p("span",{...g,className:i(t.className,xl,z(xl,{size:C,rounded:v,fillMode:y}),G(xl,{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:b})),children:t.children})};Bt.states=Dp;Bt.options=Kp;Bt.className=xl;Bt.defaultOptions=Hp;Bt.moduleName=Ka;Bt.folderName=bl;import{Fragment as Up,jsx as mr}from"react/jsx-runtime";var ws="k-clear-value",zp=[p.disabled,p.loading,p.readonly],Gp={},lt=t=>{let{disabled:a,loading:l,readonly:r,value:s}=t;return a||r||l||!s?mr(Up,{}):mr("span",{className:i(t.className,ws),children:mr(R,{icon:"x"})})};lt.states=zp;lt.options=Gp;lt.className=ws;import{jsx as Vp}from"react/jsx-runtime";var hr="k-input-inner",Fp=[],Wp={},Cl={type:"text",autocomplete:"off",value:"",placeholder:""},rt=t=>{let{value:a=Cl.value,type:l=Cl.type,placeholder:r=Cl.placeholder,autocomplete:s=Cl.autocomplete,disabled:d,readOnly:m,...b}=t;return Vp("input",{...b,type:l,className:i(t.className,hr,z(hr,t)),placeholder:r,autoComplete:s,defaultValue:a,disabled:d||void 0,readOnly:m||void 0})};rt.states=Fp;rt.options=Wp;rt.className=hr;import{jsx as Ms,jsxs as Jp}from"react/jsx-runtime";var br="k-input-inner",$p=[],Xp={},vo=t=>{let{value:a,placeholder:l,showValue:r,valueIcon:s,valueIconName:d,...m}=t;return Jp("span",{...m,className:i(t.className,br,z(br,t)),children:[s,!s&&d&&Ms(R,{className:"k-input-value-icon",icon:d}),r&&!a&&l,r&&a&&Ms("span",{className:"k-input-value-text",children:a})]})};vo.states=$p;vo.options=Xp;vo.className=br;import{jsx as Qp}from"react/jsx-runtime";var fr="k-input-inner",qp=[],Yp={},Ls={value:"",placeholder:""},xr=t=>{let{value:a=Ls.value,placeholder:l=Ls.placeholder,rows:r,disabled:s,...d}=t;return Qp("textarea",{...d,className:i(t.className,fr,z(fr,t)),placeholder:l,rows:r,defaultValue:a,disabled:s||void 0})};xr.states=qp;xr.options=Yp;xr.className=fr;import{Fragment as jp,jsx as Es}from"react/jsx-runtime";var As="k-input-loading-icon",Zp=[p.disabled,p.loading],Qe=t=>{let{disabled:a,loading:l}=t;return a||!l?Es(jp,{}):Es("span",{className:i(t.className,As,"k-icon k-i-loading")})};Qe.states=Zp;Qe.className=As;import{Fragment as ou,jsx as Rs}from"react/jsx-runtime";var Is="k-input-validation-icon",eu=[p.valid,p.invalid,p.disabled,p.loading],tu={},We=t=>{let{valid:a,invalid:l,disabled:r,loading:s}=t,d=l?"warning-circle":"check-circle";return r||s||!!!(a||l)?Rs(ou,{}):Rs(R,{className:i(Is),icon:d})};We.states=eu;We.options=tu;We.className=Is;import{Fragment as ru,jsx as Os}from"react/jsx-runtime";var au="k-input-prefix",lu={direction:"horizontal"},ut=t=>{let{direction:a=lu.direction,...l}=t;return t.children?Os("span",{...l,className:i(au,t.className,{[`k-input-prefix-${a}`]:a}),children:t.children}):Os(ru,{})};import{Fragment as iu,jsx as Bs}from"react/jsx-runtime";var nu="k-input-suffix",su={direction:"horizontal"},mt=t=>{let{direction:a=su.direction,...l}=t;return t.children?Bs("span",{...l,className:i(nu,t.className,{[`k-input-suffix-${a}`]:a}),children:t.children}):Bs(iu,{})};import{jsx as lT}from"react/jsx-runtime";import{jsx as cu}from"react/jsx-runtime";var du="k-input-suffix-text",Cr=t=>{let{children:a,...l}=t;return cu("span",{...l,className:i(du,t.className),children:a})};import{jsx as uu}from"react/jsx-runtime";var Ps="k-input-separator",pu={direction:"vertical"},ht=t=>{let{direction:a=pu.direction,...l}=t;return uu("span",{...l,className:i(Ps,t.className,{[`${Ps}-${a}`]:a})})};import{Fragment as Ds,jsx as Pt,jsxs as vr}from"react/jsx-runtime";var mu=Se.states,hu=Se.defaultOptions,bu=Se.options,fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],xu=[],Wo=t=>{let{modifiers:a,valid:l,invalid:r,loading:s,disabled:d,readonly:m,...b}=t,C=a?.prefix,v=a?.suffix,y=a?.["clear-button"],g=a?.["validation-icon"],f=a?.separators;return vr(Se,{...b,valid:l,invalid:r,loading:s,disabled:d,readonly:m,style:{width:300},children:[C&&vr(Ds,{children:[Pt(ut,{children:Pt(R,{icon:"lock"})}),f&&Pt(ht,{})]}),Pt(rt,{placeholder:"Placeholder",value:"Value"}),g&&Pt(We,{valid:l,invalid:r,loading:s,disabled:d}),Pt(Qe,{loading:s,disabled:d}),y&&Pt(lt,{loading:s,disabled:d,readonly:m,value:"Value"}),v&&vr(Ds,{children:[f&&Pt(ht,{}),Pt(mt,{children:Pt(bo,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Wo.options=bu;Wo.states=mu;Wo.variants=xu;Wo.defaultOptions=hu;Wo.modifiers=fu;Wo.className=Se.className;import{jsx as Ks,jsxs as yu}from"react/jsx-runtime";var Hs="k-color-preview",Cu=[],vu={},eo=t=>{let{color:a,iconName:l,...r}=t;return yu("span",{...r,className:i(t.className,Hs,{"k-icon-color-preview":l,"k-no-color":!a}),children:[l&&Ks(R,{icon:l,className:"k-color-preview-icon"}),Ks("span",{